* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
height: 100%;
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 960px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
height: 337px; width:961px;
background: #FFFFFF; overflow:hidden;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0 0 100px;
height: 1%;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 230px 0 230px; background-color:#FFFFFF;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
float: left;
width: 210px;
margin-left: -100%;
position: relative;
background: #d4dcd8; overflow:hidden; border-right:1px solid #d4dcd8;
}
/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
float: left;
margin-right: -3px;
width: 210px;
margin-left: -210px;
position: relative;
background: #d4dcd8; overflow:hidden; border-left:1px solid #d4dcd8;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
width: 961px;
margin: -100px auto 0;
height: 215px;
background: #FFFFFF; overflow:hidden;
}
/* ------------- мои правки в коде ------------------------------ */
#header_top { float:left; position:relative; height:87px; width:962px; top:20px; background:url(../images/bg_header_top.jpg) left top no-repeat; overflow:hidden; }
#box_tel { float:left; position:relative; width:230px; height:50px; text-align:center; padding:17px 0px 0px 0px; }
.num_kod { font:13pt Tahoma; color:#FFFFFF; vertical-align:middle; }
.num_tel { font:20pt Tahoma; color:#FFFFFF; vertical-align:middle; }
#slogan { float:right; position:relative; width:410px; height:67px; padding:10px 0px 0px 0px; }
.slogan_text { font:bold 24pt Tahoma; color:#FFFFFF; vertical-align:top; line-height:24pt; }
.slogan_text_in { font:13pt Tahoma; color:#FFFFFF; vertical-align:top; line-height:13pt; padding:0px 0px 0px 115px; }
#header_center { float:left; position:relative; height:202px; width:961px; background:url(../images/bg_header_center.jpg) left top no-repeat; overflow:hidden; }
#box_register { float:left; position:relative; width:210px; height:202px; overflow:hidden; }
#box_register_in { float:left; position:relative; width:190px; height:90px; background:url(../images/img_register2.jpg) 157px 40px no-repeat; left:20px; top:60px; }
#zag_register { float:left; position:relative; font:13pt Tahoma; color:#FFFFFF; vertical-align:top; height:25px; width:190px; }
.zag_register_text { font:13pt Tahoma; color:#FFFFFF; vertical-align:top; }
.input_register { float:left; position:relative; width:140px; height:20px; padding:0px 5px; font:10pt Tahoma; color:#666666; }
form p { margin:0px; padding:0px; }
#box_img { float:left; position:relative; left:21px; width:521px; height:202px; background:url(../images/bg_box_img.jpg) left top no-repeat; overflow:hidden; }
#box_search { float:right; position:relative; width:200px; height:202px; overflow:hidden; }
#box_search_in { float:left; position:relative; width:190px; height:60px; left:0px; top:60px; }
#zag_search { float:left; position:relative; font:13pt Tahoma; color:#FFFFFF; vertical-align:top; height:25px; width:190px; }
.zag_search_text { font:13pt Tahoma; color:#FFFFFF; vertical-align:top; }
.input_search { float:left; position:relative; width:140px; height:20px; padding:0px 5px; font:10pt Tahoma; color:#666666; }
.butt_search { float:left; position:relative; left:5px; width:19px; height:22px; background:url(../images/img_register2.jpg) left top no-repeat; border:none; left top no-repeat; }
#header_niz { float:left; position:relative; height:48px; width:961px; background-color:#d4dcd8; }
#gor_menu { margin:0 auto; position:relative; top:11px; height:26px; width:930px; }
#gor_menu ul { float:left; padding:0px 0px 0px 5px; }
#gor_menu ul li { float:left; width:132px; height:26px; padding:4px 0px 0px 0px; display:inline; list-style:none; background:url(../images/bg_li_gor_menu.jpg) left top no-repeat; text-align:center; }
#gor_menu ul li a { font:bold 10pt Tahoma; color:#FFFFFF; text-decoration:none; }
#gor_menu ul li a:hover { text-decoration:underline; }
/* ------------ left sidebar ----------------------- */
#box_new { float:left; width:210px; }
#new_top { float:left; width:210px; height:17px; background:url(../images/bg_new_top.jpg) left top no-repeat; }
#new_center { float:left; width:210px; background:url(../images/bg_new_center.jpg) left top repeat-y; }
#new_niz { float:left; width:210px; height:17px; background:url(../images/bg_new_niz.jpg) left top no-repeat; }
#box_zag_new { float:left; padding-left:18px; line-height:12px; }
#box_img_new { float:left; padding-right:5px;}
#box_zag_new_text { float:left; padding-top:2px; }
.zag_last_new { font:bold 10pt Tahoma; color:#1990bb; }
#link_all { float:left; }
#link_all a { font:9pt Tahoma; color:#2a5781; text-decoration:none; }
#link_all a:hover { text-decoration:underline; }
#razd_new { float:left; width:220px; height:14px; padding:2px 0px; text-align:center; }
#content_new { float:left; width:180px; padding:0px 18px 0px 18px; font:9pt Tahoma; color:#666666; }
#content_new a { float:left; color:#2a5781; width:100%; padding-left:90px; text-decoration:none; }
#content_new a:hover { text-decoration:underline; }
#new_one { padding:4px 0px; }
#new_one a { float:left; font:9pt Tahoma; color:#2a5781; width:100%; padding-left:90px; text-decoration:none; }
#new_one a:hover { text-decoration:underline; }
#box_golos { float:left; width:210px; padding-top:20px; overflow:hidden; }
#golos_top { float:left; width:210px; height:17px; background:url(../images/bg_new_top.jpg) left top no-repeat; }
#golos_center { float:left; width:210px; background:url(../images/bg_new_center.jpg) left top repeat-y; }
#golos_niz { float:left; width:210px; height:17px; background:url(../images/bg_new_niz.jpg) left top no-repeat; }
#box_zag_golos { float:left; padding-left:18px; line-height:12px; }
#box_img_golos { float:left; padding-right:5px;}
#box_zag_golos_text { float:left; padding-top:2px; }
.zag_golos { font:bold 10pt Tahoma; color:#1990bb; }
#link_all_golos { float:left; }
#link_all_golos a { font:9pt Tahoma; color:#2a5781; text-decoration:none; }
#link_all_golos a:hover { text-decoration:underline; }
#razd_golos { float:left; width:220px; height:14px; padding:2px 0px; text-align:center; }
#content_golos { float:left; width:180px; padding:0px 18px 0px 18px; font:9pt Tahoma; color:#666666; }
table.golos { border-collapse:collapse; }
td.golos { padding:2px 8px 6px 0px; vertical-align:top; }
.butt_golos { width:99px; height:15px; text-align:center; background:url(../images/bg_butt_golos.jpg) left top no-repeat; border:none; font:bold 10pt Tahoma; color:#FFFFFF; }
/* ------------- content ----------------- */
#content_text { font:10pt Tahoma; color:#666666; text-align:justify; }
#zag_content { font:14pt Tahoma; color:#666666; padding:5px 0px; }
.zag_content_blue { padding:10px 0px; }
.box_img_content { float:left; padding-right:5px;}
.box_zag_content { float:left; padding-top:2px; width:460px; }
.zag_content_blue2 { font:bold 10pt Tahoma; color:#1990bb; }
#zag_content2 { font:bold 10pt Tahoma; color:#666666; }
#content_text a { font:10pt Tahoma; color:#04456e; text-decoration:none; }
#content_text a:hover { text-decoration:underline; }
#bg_prokrutka { float:left; position:relative; width:501px; height:139px; background:url(../images/bg_prokrutka.jpg) left top no-repeat; }
#box_prokrutka { position:relative; margin:0 auto; top:20px; width:490px; height:100px; overflow:hidden; }
div#wn {
position:relative; left:16px;
width:459px; height:100px;
overflow:hidden;
}
#scrollLinks { width:16px; height:27px; position:relative; top:-63px; left:0px; }
#scrollLinks2 { width:16px; height:27px; position:relative; top:-90px; left:476px; }
/* --------------- right sidebar ----------------------- */
#box_comand { float:left; width:210px; overflow:hidden; }
#comand_top { float:left; width:210px; height:17px; background:url(../images/bg_comand_top.jpg) left top no-repeat; }
#comand_center { float:left; width:210px; background:url(../images/bg_comand_center.jpg) left top repeat-y; }
#comand_niz { float:left; width:210px; height:17px; background:url(../images/bg_comand_niz.jpg) left top no-repeat; }
#box_zag_comand { float:left; padding-left:18px; line-height:12px; width:100%; }
#box_img_comand { float:left; padding-right:5px;}
#box_zag_comand_text { float:left; padding-top:2px; }
.zag_comand { font:bold 10pt Tahoma; color:#1990bb; }
#box_img_comand_woman { margin:0 auto; text-align:center; }
#box_comand_text { margin:0 auto; text-align:center; font:9pt Tahoma; color:#666666; }
.box_comand_text_color { font:9pt Tahoma; color:#a6a6a6; }
#box_podpiska { float:left; padding-top:20px; width:210px; }
#podpiska_top { float:left; width:210px; height:17px; background:url(../images/bg_comand_top.jpg) left top no-repeat; }
#podpiska_center { float:left; width:210px; background:url(../images/bg_comand_center.jpg) left top repeat-y; }
#podpiska_niz { float:left; width:210px; height:17px; background:url(../images/bg_comand_niz.jpg) left top no-repeat; }
#box_zag_podpiska { float:left; padding-left:18px; line-height:12px; width:100%; }
#box_img_podpiska { float:left; padding-right:5px;}
#box_zag_podpiska_text { float:left; padding-top:2px; }
.zag_podpiska { font:bold 10pt Tahoma; color:#1990bb; }
#podpiska_form { float:left; padding-left:18px; }
.input_podpiska { float:left; position:relative; width:140px; height:20px; padding:0px 5px; font:10pt Tahoma; color:#666666; }
.butt_podpiska { float:left; position:relative; left:5px; width:19px; height:22px; background:url(../images/bg_butt_podpiska.jpg) left top no-repeat; border:none; left top no-repeat; }
#baner_right_sidebar { float:left; padding-top:20px; padding-left:1px; width:210px; }
/* -------------- footer ----------------------- */
#foot_top { float:left; position:relative; width:961px; height:68px; background:url(../images/bg_foot_top.jpg) left top no-repeat; text-align:center; font:10pt Tahoma; color:#000000; padding:32px 0px 0px 0px; }
#foot_niz { float:left; position:relative; width:961px; height:95px; text-align:center; font:10pt Tahoma; color:#d80000; padding:20px 0px 0px 0px; vertical-align:top; overflow:hidden; }
#box_foot_niz { width:260px; height:39px; margin:0 auto; text-align:center; overflow:hidden; }
#text_footer { float:left; position:relative; top:15px; font:10pt Tahoma; color:#d80000; }
#img_footer { float:right; position:relative; }
#foot_baner { float:right; position:relative; top:-53px; width:88px; height:31px; }
/* ------------ ХАКИ ----------------------- */
/* ------------- css стили только для safari (+ google chrome) ------------------- */
/*+safari3 only*/
@media screen and (-webkit-min-device-pixel-ratio:0){
#box_golos { padding-top:20px; }
#box_podpiska { padding-top:20px; }
#baner_right_sidebar { padding-top:20px; }
}
/*-safari3 only*/
/* Хак только для Mozilla Firefox */
@-moz-document url-prefix() {
#box_golos { padding-top:20px; }
#box_podpiska { padding-top:20px; }
#baner_right_sidebar { padding-top:20px; }
}
/* -------------- таблицы в сайдбарах ------------------ */
table.left_sidebar { border-collapse:collapse; height:100%; }
td.left_sidebar { margin:0px; padding:0px; }
table.right_sidebar { border-collapse:collapse; height:100%; }
td.right_sidebar { margin:0px; padding:0px; }