@import url(../css/reset.css);
html { height:100%; font-size:11px; background:#e3e3e3 }
body { position:relative; background:#fff; max-width:1500px; min-width:990px; margin:0 auto; color:#202020; font:100.1% Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100% }

#header { height:190px; position:relative }
#header .bg img { min-height:190px; max-height:230px; height:auto !important; height:190px; width:100%; position:absolute; bottom:0; left:0; -ms-interpolation-mode:bicubic; }
#header .inner { z-index:5; position:relative  }

#header .content { position:absolute; top:50px; border-left:11px solid black; overflow:hidden; padding:21px 21px 25px 13px }
#header .content .bg { position:absolute; width:100%; height:100%; bottom:0; right:0; background:#fff; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
#header .content .inner { overflow:hidden; float:left }
#header .content .phone { float:left; padding:3px 0 0 52px; font-size:21px; color:#8d8d8d; line-height:0.9; margin:0}
#header .content .phone span { color:#000000; font-size:32px; font-weight: bold; }

#logo { float:left }

#nav { background:#303336; height:51px; padding:0 10px }
#nav table { height:31px; top:10px; position:relative }
#nav td { padding:0; width:1%; text-decoration:none; font-size:16px; border:0; border-left:1px solid #595c5e; border-right:1px solid #595c5e; padding:0 2px; text-align:center; vertical-align:top; line-height:31px }
#nav a { color:#fff; text-decoration:none }
#nav a:hover { display:block; background:#008cee; text-decoration:none; height:31px; position:relative; margin-top:-51px; top:41px; padding:10px 0; color:#fff }

.big-banner { background:gray; text-align:center; color:#fff; font-size:2em; overflow:hidden; position:relative; width:100% }
.big-banner img { display:block; margin:0 auto; position:relative; z-index:5 }
.big-banner-skidki { background:#f04d24 }
.big-banner .epic-link { display:block; width:100%; z-index:10; margin:0 0; overflow:hidden }
.big-banner a, .big-banner a:hover { color:#fff; text-decoration:none }

a { color:#008cee; text-decoration:underline }
a:hover { color:#21a4ff; text-decoration:none }

#main { overflow:hidden; padding-bottom:150px }

#content { width:100%; float:left; position:relative; margin-left:-18000px; left:18000px }
#content .box { padding:13px 10px 0 10px  }
#main .content-col-left .box { margin-left:220px  }
#main .content-col-right .box { margin-right:220px; padding-right:0  }

#col-left { width:200px; float:left; position:relative; z-index:2 }
#col-right { width:200px; float:right; position:relative; z-index:2 }
#col-left .box, #col-right .box { padding:13px 10px 0 }

h1,h2,h3 { font-size:18px; line-height:20px; margin:13px 0 11px; font-weight:normal; color:#000000 }
h4 { line-height:20px; font-size:13px; color:#000; margin:6px 0 11px  }
.side-block:first-child h4 { margin-top:13px }

.thlist { margin:0 -2px 0 -10px; overflow:hidden; padding:0; word-spacing:-1ex; list-style:none; line-height:.8; text-align:center}
.thlist p { margin:0 0 }
.thlist li { display:-moz-inline-stack; display:inline-block; vertical-align:top; background:#f5f5f5; line-height:normal; text-align:left; word-spacing:0; width:50%; overflow:hidden; margin:0; padding:0; margin-bottom:2px }
.thlist li .inner { padding:13px 10px 13px 10px; border-right:2px solid #fff; overflow:hidden }
.thlist li h3 { font-size:18px; margin:0 0 .4em; font-weight:normal }
.thlist img.border { border:3px solid #b8b8b8; margin-right:14px; float:left; display:block }

.side-menu { margin:1em -10px; padding:0; line-height:1.2;  }
.side-menu .g { background:#d0d0d0 }
.side-menu .ng { background:#f0f0f0 }
.side-menu .sg { background:#e0e0e0 }
.side-menu .sng { background:#f0f0f0 }
.side-menu li a { display:block; text-decoration:none; padding:5px 0 6px 44px; color:#000; position:relative }
.side-menu li .num { position:absolute; display:block; padding:5px 0 6px 10px; color:#008cee; top:0; left:0}
.side-menu li a:hover { background:#008cee; color:#fff; text-decoration:none }
.side-menu li a:hover .num { color:#fff } 

.archive { margin:1em 0 }
.archive dt { padding:0; margin:0 0 .1em }
.archive dd { padding:0; margin:0 0 .8em; position:relative; z-index:5 }
.archive .main-link { display:block; padding-top:1em; margin-top:-1em; position:relative; z-index:5 }

p.more { text-align:right }
p.more a { display:-moz-inline-stack; display:inline-block; height:14px; background:url(../img/ic-more.gif) no-repeat 0 0; padding-left:16px }

.side-block { background:#f5f5f5; margin:2px -10px; padding:.1em 10px; position:relative; overflow:hidden }

ul.arrows { padding:0; margin:1em 0}
ul.arrows li { padding-left:14px; background:url(../img/li.gif) no-repeat 0 .4em }

#footer { background:#303336; height:128px; padding-top:12px; bottom:0; left:0; position:absolute; z-index:100; width:100%; color:#ffffff }
#footer p { margin-bottom:2em }
#footer-side { width:190px; padding-left:10px; padding-right:30px; float:left }
#footer-content { overflow:hidden; position:relative }
#footer .counters { word-spacing:1em }

table.bgg td, table.bgg th { background:#E5E5E5;}
table.no-border td, table.no-border th {border:0; padding:0 0;}
table.text-center td, table.text-center th {text-align:center}