/* www.laksteplo.ru */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#777;
font-size:100%;
text-align:center;
padding:0;
margin:0;
background-color:#c6c3bc;
background-image:url(bg_body.gif);
background-repeat:repeat;
}
#wrapper{
width:96%;
right:2%;
left:2%;
margin-top:1%;
text-align:left; 
background-color:#f3f0eb;
border:1px solid #999;
background-image:url(bg_wrapper.gif);
background-repeat:repeat-y;
position: absolute;
}
#top_banner {
width:100%;
height:20px;
border-bottom:#999 1px solid;	
background-color:#dfdcd8;
background-image:url(bg_top.gif);
background-repeat:repeat-x;
position:relative;
}
#top_banner p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:70%;
font-weight:bold;
letter-spacing:15px;
text-align:center;
padding-top:3px;
margin:0;
}
#banner{
width:100%;
height:90px;
margin-right:auto;
margin-left:auto;
background-color:#63748e;
background-image:url(banner.gif);
background-repeat:repeat-x;
border-top:1px solid #8190a6;
}
.h{
font-family:Georgia, Verdana, Arial, Helvetica; 
font-size:200%;
font-weight:bold;
color:#fff; 
padding:0; 
margin:5px 0 0 20px; 
}
#banner h1 {
font-size:100%;
color:#f3f0eb;
font-style:italic;
letter-spacing:9px;
padding:0;
margin:10px 0 0 15px;
}
#banner img{
float:right;
margin-top:12px;
margin-right:12px;
} 
#horisontal {
width:100%;
height:30px;
color:#060;
font-weight:bold;
padding:0;
margin:0;
border-top:#435877 1px solid;
border-bottom:#999 1px solid;
background-color:#dcdbd8;
background-image:url(bg_horisontal.gif);
background-repeat:repeat-x;
}   
#horisontal #navlist {
text-align:center;
padding:0;
margin:0;
}
#horisontal #navlist ul {
padding:0;
margin:0;
}
#horisontal #navlist li {
float:right;
list-style:none;
}
#horisontal #navlist li a {
display:block;
height:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
color:#777;
font-weight:bold;
text-transform:uppercase;
padding:8px 8px 0 8px;
margin:0;
border-left:#999 1px solid;  
background:transparent; 
text-decoration:none;
width:8em; 
}
#horisontal #navlist ul li a:hover {
color:#fff;
padding:8px 8px 0 8px;
height:22px;
background-color:#d3d2cf;
}
#horisontal #navlist a:active {
color:#eee;
padding:8px 8px 0px 8px;
height:22px;
background-color:#d3d2cf;
}
#horisontal #navlist  li #right {
border-right:#999 1px solid;  
}
#leftcol {
width:160px;
w\idth:158px;
w\idth:160px;
font-size:90%;
font-weight:bold;
float:left;
}
#leftcol #top {
width:142px;
w\idth:140px;
w\idth:142px;
font-size:90%;
color:#fff;
font-weight:bold;
text-align:center;
margin:20px 5px 0px 11px;
padding:4px 8px;
border:#999 1px solid; 
background-color:#b7b1a9;
}
#leftcol #nav{
margin:0px 5px 20px 11px;
}
#leftcol #nav ul {
padding:0;
margin:0;
background-color:transparent;
list-style-type:none;
}
#leftcol #nav ul li {
padding:0;
margin:0;
}
#leftcol #nav ul li a {
width:142px;
\width:140px;
w\idth:142px;
display:block;
color:#777;
text-align:center; 
padding:4px 8px;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #999;
background-color:#e2deda;
text-decoration:none;
}
#leftcol #nav ul li a:hover {
color:#fff;
background-color:#d3cec8;
}
/**/
ul.nav{
text-align:left;
margin:7px 0px 8px 10px; 
padding:0;
text-decoration:none;
}
ul.nav li{
list-style:none;
padding:4px 0 4px 0px;
margin:0 0 0 2px;
border-bottom:1px dotted #777;
/*background:url(arrow.png) no-repeat left 50%;*/
}
* html body ul.nav li{
height:1%;
}
ul.nav li a{
font-size:11px;
color:#4e6883;
font-weight:100;
border:none;
text-decoration:none;
}
ul.nav li a:hover{
color:#333;
border:none;
}
#content {
margin-left:190px;
}
html p{
font-size:80%;
margin:20px;
}
ul{
font-size:80%;
margin:0 20px 0 25px;
list-style-type:square;
}
ol{
font-size:80%;
margin:0 20px 0 25px;
}
strong {
color:#4e6883;
font-weight:bold;
}
#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#666666;
padding :0;
margin:20px;
border-bottom:#777 1px dotted;
}
#content h1:first-letter {
color:#4e6883;
font-size:150%;
font-weight:bold;
}
#content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#666666;
padding:0;
margin:20px;
border-bottom:#777 1px dotted;
}
#content h2:first-letter {
color:#4e6883;
font-size:140%;
font-weight:bold;
}
#content h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#666666;
padding:0;
margin:20px;
border-bottom:#777 1px dotted;
}
#content h3:first-letter {
color:#4e6883;
font-size:130%;
font-weight: bold;
}
#content h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#666666;
padding:0;
margin:20px;
border-bottom:#777 1px dotted;
}
#siteInfo{
font-size:70%;
color:#ccc;
text-align:center;
margin-bottom:25px;
}
#footer{
width:100%;
margin-right:auto;
margin-left:auto;
clear:both;
font-size:80%;
height:30px;
border-top:1px solid #999;
background-color:#cfccc6;
background-image:url(bg_footer.gif);
background-repeat:repeat-x; 
}
#footer p{
color:#888; 
text-align:left;
vertical-align:middle;
padding:12px 0 0 38px;
margin:0;
}
.centerimg{
float:left;
height:auto;
margin-left:10px;
}
.leftimage{
float:left;
margin-right:10px;
}
.rightimage{
float:right;
margin-left:10px;
}
#content a:link {
color:#63748e; 
text-decoration:underline;
}
#content a:visited {
color:#63748e; 
text-decoration:underline;
}
#content a:hover {
color:#7a9dd7;
text-decoration:underline;
}
#content a:active {
color:#7a9dd7;
text-decoration:underline;
}
hr{
/*width:300px;*/
height:3px;
color:#d6d3ce;
text-align:right;
padding:0;
margin:20px;
}
.tab {
font-size:80%;
margin:20px;
border:1px solid #999;
}
.top_tab {
font-size:70%;
background-color:#dcdcdc;
}
.shadowbox {
background-image:url(shadow.gif);
background-repeat:repeat;
margin:0 10px 0 5px;
}
.shadowcontent {
position:relative;
top:-5px; 
left:-5px;
background-color:#f2f0ed;
border:1px solid #999;
}
img{
position:relative;
}
.design{
text-align:right;
font-size:70%;
font-weight:bold; 
color:#777; 
}