﻿/* */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#111;
font-size:16px;
text-align:center;
margin:0;
padding:0;
background-color:#b2bed5;
background-image:url(bg_body.gif);
background-repeat:repeat;
}
#wrapper{
width:980px;
text-align:left;
margin:0 auto;
border:#adb7c6 1px solid;
background-color:#f9fafc;
background-image:url(bg_wrapper.gif);
background-repeat:repeat;
}
#top{
width:940px;
height:100px;
margin:10px auto 0px auto;
}

#top .h{
font-family:Arial, Helvetica, sans-serif;
font-size:40px;
color:#777;
font-weight:100;
letter-spacing:-1px;
/*text-transform:uppercase;*/ 
padding:0; 
margin:10px 0 0 0px; 
}
#top h2{
font-size:16px;
color:#bfc1b4;
letter-spacing:5px;
/*font-style:italic;*/
padding:0;
margin:0;
}
/*#horisontal{
width:980px;
height:40px;
padding:0;
margin:0 20px;
background-image:url(bg_horisontal.gif);
background-repeat:no-repeat;
}
#horisontal #navlist{
text-align:right;
padding:0;
margin:0;
}
#horisontal #navlist ul{
padding:0;
margin:0; 
}
#horisontal #navlist li{
float:right;
margin:0 5px 0 0;
list-style:none;
}
#horisontal #navlist li a{
display:block;
height:28px;
font-family:Arial, Helvetica, sans-serif;
color:#eaf2e3;
font-size:12px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
padding:12px 8px 0 5px;
margin:0;
*
text-decoration:none;
background:transparent;
width:103px;
}
#horisontal #navlist ul li a:hover{
color:#fff;
padding:6px 8px -6px 5px;
background-color:#a8a8a8;
}

#horisontal #navlist  li #right{
margin:0 10px 0 0;
border-right:#7f7f7f 1px solid;  
}*/
#header{
width:940px;
height:310px;
/*height:167px;*/
margin:20px auto 10px auto;
background-image:url(header.jpg);
background-repeat:no-repeat;
}
#leftcol{
width:235px;
float:left;
margin:0 0 0 20px;
/*margin:20px 0 20px 5px;
border-top:#444 1px solid;
border-right:#444 1px solid;
border-left:#444 1px solid;*/
}
#leftcol .top{
width:235px;
/*height:40px;*/
font-size:16px;
color:#e7ebf3;
font-weight:bold;
text-align:center;
/*border:#b4bfae 1px solid;*/
margin:20px 0px 0px 0px;
padding:10px 0;
/*background-color:#b9bda2;*/
background-image:url(bg_leftcol_top.png);
background-repeat:no-repeat;
}
#leftcol .nav{
margin:0px 0px 20px 0px;
}
#leftcol .nav ul{
font-weight:bold;
padding:0;
margin:0;
list-style-type:none;
}
#leftcol .nav ul li{
padding:0;
margin:0;
}
#leftcol .nav ul li a{
width:217px;
display:block;
color:#366495;
font-size:16px;
text-align:center; 
padding:10px 8px;
border-right:#adb7c6 1px solid;
border-bottom:1px solid #adb7c6;
border-left:#adb7c6 1px solid;
background-color:#e3e7ef;
text-decoration:none;
background-image:url(bg_leftcol_nav.gif);
background-repeat:no-repeat;
}
#leftcol .nav ul li a:hover{
color:#ab3b49;
background-color:#f3f5f8;
background-image:url(bg_leftcol_nav_a_hover.gif);
background-repeat:no-repeat;
}
#leftcol .nav ul li a.active{
color:#fff;
background-color:#bebebe;
}
.leftcol{
font-size:12px;
color:#111;
text-align:justify;
line-height:20px;
margin:20px 0;
padding:5px;
border:#adb7c6 1px solid;
background-color:#ffc;
background-image:url(bg_leftcol_text.gif);
background-repeat:repeat;
}
#content{
margin-left:255px;
}
html p{
font-size:16px;
margin:20px;
}
ul{
font-size:16px;
margin:0 20px 0 35px;
list-style-type:square;
}
strong{
color:#366495;
}
#content h1{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#366495;
font-weight:100;
letter-spacing:-1px;
/*text-transform:uppercase;*/
padding:0;
margin:20px;
border-bottom:#adb7c6 1px dotted;
}
#content h2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#ab3b49;
font-weight:100;
letter-spacing:-1px;
/*text-transform:uppercase;*/
padding:0;
margin:20px;
/*border-bottom:#333 1px dotted;*/
}
#footer{
width:940px;
height:40px;
clear:both;
margin:0 20px 20px 20px;
background-image:url(bg_footer.png);
background-repeat:no-repeat;
}
#footer p{
font-size:14px;
color:#fff; 
text-align:center;
/*vertical-align:middle;*/
padding:12px 0 0 0;
margin:0;
}
#footer a{
color:#e7ebf3;
}
#footer a:hover{
color:#ff9;
text-decoration:none;
}
#clear{
clear:both;
}
.centerimg{
float:left;
border:#adb7c6 1px solid;
/*padding:2px;*/
/*border:#999 1px solid;*/
/*background-color:#fff;*/
}
.leftimage{
float:left;
margin-right:10px;
/*padding:2px;*/
/*border:#999 1px solid;*/
/*background-color:#fff;*/
}
.rightimage{
float: right;
margin-left:10px;
/*padding:2px;*/
/*border:#999 1px solid;*/
/*background-color:#fff;*/
}
.contactimage{
float: left;
margin-right:10px;
padding:0;
background-color:#f6f6f6;
}
#content a{
color:#366495;
text-decoration:underline;
}
#content a:hover{
color:#ab3b49;
}
table{
margin:20px;
width:683px; 
border-collapse:collapse; /* Убираем двойные линии между ячейками */
/*background:#ddd;*/ /* Цвет фона нечетных строк */
/*background-image:url(bg_leftcol_nav_a_hover.gif);
background-repeat:repeat;*/
}
td{
height:102px;
text-align:left; 
padding:3px;
}
tr.even{
background:#eee; /* Цвет фона четных строк */
background-image:url(bg_leftcol_nav.gif);
background-repeat:repeat;
}
hr{
color:#bebebe;
text-align:right;
height:3px;
padding:0;
margin:20px;
}
.grey{
height:70px;
margin:0 20px;
padding:3px;
background:#eee; 
background-image:url(bg_leftcol_nav.gif);
background-repeat:repeat;
}
.grey2{
/*height:70px;*/
margin:20px;
padding:20px 0px;
border:#adb7c6 1px solid;
background-color:#ffc;
background-image:url(bg_leftcol_text.gif);
background-repeat:repeat;
/*background:#eee; 
background-image:url(bg_leftcol_nav.gif);
background-repeat:repeat;*/
}
