html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} ol li{list-style:decimal}

html, body {margin:0; padding:0; height:100%; background:white url(i/bg.jpg) repeat-x top;}
body {height:100%; padding: 0px; margin: 0px; text-align: center;}
* {font-size:12px; font-family:tahoma, verdana, sans-serif;}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}

a:hover {color:#D93926 !important}
.empty {width:100%; height:180px;}

h1 { position: relative; margin-left:-31px; padding-bottom:25px; color:#D93926; font-family: Trebuchet MS, arial; font-weight: bold; font-size: 18px;  }
h3 { margin-bottom: 10px; background: url(i/h3_t.gif) no-repeat right top; text-align: left;}
h3 strong { width: 193px; display: block; padding:0 10px 0 30px; color:#D93926; font-family: Trebuchet MS, arial; font-weight: bold; font-size: 18px; background: url(i/h3_b.gif) no-repeat right bottom; text-align: left;}
/* краснаая полоска справа для h3 подстраивается под высоту заголовка (1-3 строки) */
h4 { padding-bottom: 5px; color:#D93925; font-size: 11px; font-weight: bold; }

#all {position:relative; min-width: 990px; max-width: 1400px; min-height:100%; margin: 0 auto; text-align: left;}
* html #all {height:100%}

#header { width: 100%; height: 317px; }
#header .left { float: left; width: 372px; height: 270px; background: url(i/header.jpg) repeat-x top; }

#logo { position: absolute; width: 214px; height: 88px; top: 63px; left: 63px; background:url(i/logo.gif) no-repeat; cursor: pointer;}
#logo img { position: absolute; top:-63px }

#tel { position: absolute; width: 170px; height: 54px; top: 190px; left: 144px; color: #097199; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; line-height: 1; }
#tel strong { position: relative; margin:3px 0 0 -52px; display: block; width: 170px; color: #D93A26; font-size: 26px; font-weight: bold; font-family: Arial;}
#tel strong em {padding-right:8px; color: #CFD0BA; font-size: 26px; font-weight: bold; font-family: Arial;}

#nav_menu { position: absolute; top: 3px; right: 55px; }
#nav_menu li { position: relative; float: left; width:53px; height: 50px; }
#nav_menu li a { display: block; width:53px; height: 50px; }
#nav_menu li.home { z-index: 10; background:url(i/home.gif) no-repeat 22px 26px; }
#nav_menu li.home_active { background:url(i/home_active.gif) no-repeat 0 !important; }
#nav_menu li.map { z-index: 5; margin:0 -1px 0 -1px; background:url(i/map.gif) no-repeat 0 22px; }
#nav_menu li.map_active { background:url(i/map_active.gif) no-repeat 0 !important; }
#nav_menu li.mail { z-index: 10; background:url(i/mail.gif) no-repeat 22px 26px; }
#nav_menu li.mail_active { background:url(i/mail_active.gif) no-repeat 0 !important; }
/* для активного раздела задаем класс вида .пункт_active , для неактивного - без приставки _active */

#menu { position: absolute; height: 206px; top: 63px; left: 369px; padding-top:15px; border-left: 3px solid #D93926;  }
#menu li { float: left; height: 22px; padding:7px 25px 0 25px; margin-bottom:3px; clear: left; }
#menu li a { float: left; color:#097099; font-size:11px; font-weight:bold; }
#menu li.active {height: 29px; padding: 0; background: #F54029 url(i/menu_item_l.jpg) no-repeat left; }
#menu li.active a { height: 22px; padding:7px 25px 0 25px; background: url(i/menu_item_r.jpg) no-repeat right top; color: white !important; text-decoration: none; cursor: default; }
/* для активного раздела задаем класс .active */

#pict { position: relative; height: 266px; margin: 0 0 0 532px; padding-top:90px; background: url(i/pict.jpg) no-repeat center bottom; }

#sidebar { float: left; width: 297px;}

#order { width: 297px; height: 47px; margin-bottom:35px; background: #D6EAF2 url(i/order_r.gif) no-repeat right;}
#order a { float: right; width: 168px; height: 47px; padding-left: 67px; background: url(i/order.gif) no-repeat 13px 0; color: #097199; font-weight: bold; font-size: 18px; font-family: Trebuchet MS; line-height: 2.6; }

.block1 { width: 233px; margin: 0 0 35px 63px; background: #F1F2E9 url(i/block1_t.gif) no-repeat top; }
.block1 .in { width: 233px; padding: 15px 0; background: url(i/block1_b.gif) no-repeat bottom;}
.block1 .in li { margin: 10px 20px 10px 30px; display: block; color:#097099; font-size: 11px; }
.block1 .in li a { color:#097099; font-size: 11px; }
.block1 .in li.more { display: block; padding-top:15px; margin-top:25px; background: url(i/line1.gif) repeat-x top; }
.block1 .in li.more a { }

.block2 { position: relative; width: 183px; margin-left: 63px; padding: 0 20px 0 30px;}
.block2 p { position: relative; color:#535353; font-size: 11px; padding: 5px 0;}

.map_pic { float:left; margin-left:50px}
h4.map { width: 137px; float:left;}

#content { position: relative; margin: 0 100px 0 396px; padding:12px 0 0 0 }
#content p { margin-bottom:20px; line-height: 1.4; }
#content p a { color:#09719A }
#content ul li a { color:#09719A }
#content ul li { margin-bottom:5px }


#order_form { table-layout: fixed; position: relative; width: 485px;  }
#order_form td { border: 0; padding:3px 0; vertical-align: top; }
#order_form td.left { width: 160px; padding-top:10px }
#order_form td em { display:block; font-size:11px; margin-top:6px }
#order_form .text {  }
#order_form .text .wraper { width: 202px; height: 28px; background: url(i/input.gif) no-repeat top; }
#order_form .text .wraper input { float: left; width: 192px; height: 21px; padding:7px 0 0 10px; color: #6B6B6B; border: 0; background: transparent; }
#order_form .textarea .wraper { width: 302px; height: 118px; background: url(i/textarea.gif) no-repeat;}
#order_form .textarea .wraper textarea { width: 292px; height: 104px; padding:7px 0 7px 10px; overflow: hidden; color: #6B6B6B; border: 0; background: transparent;}
#order_form .textarea .wraper2 { width: 302px; height: 62px; margin-top:6px; background: url(i/textarea2.gif) no-repeat;}
#order_form .textarea .wraper2 textarea { width: 292px; height: 40px; padding:7px 0 10px 10px; border: 1px solid red; overflow: hidden; color: #6B6B6B; border: 0; background: transparent;}
#order_form .star { width:22px; background: url(i/star.gif) no-repeat center 12px; }
#order_form .star1 { width:22px; background: url(i/star.gif) no-repeat center 23px; }
#order_form select { width:302px;}
#order_form .block_grey { width:295px; height: 30px; margin-top:6px; padding: 12px 0 0 15px; background: url(i/block_grey.gif) no-repeat; line-height: 1;}
#order_form .block_grey input { left:15px; top:15px; }
#order_form .block_grey label { margin:15px 0 0 10px }
#order_form .star_f {padding:20px 0 }
#order_form .line { background: url(i/line3.gif) repeat-x top; }
#order_form .send { width: 160px; height: 28px; margin: 7px 6px 0 0; background: url(i/bn1.gif) no-repeat; color: white; font-weight: bold; border: 0; cursor: pointer; }
#order_form .clean_form { width: 102px; height: 28px; background: url(i/bn2.gif) no-repeat; color: #015171; border: 0; cursor: pointer }
#select_other { display: none; }

#footer {position:relative; min-width: 990px; max-width: 1400px; margin: 0 auto; height:130px; margin:-130px auto 0; background:url(i/footer.gif) repeat-x top left; text-align: left; }
#footer .in { position: relative; height:88px; padding-top: 42px;  background:url(i/footer_l.gif) no-repeat top left; border-right:63px solid white}
#footer .in .counter { float:left; display: inline; width: 153px; margin-left: 144px; }
#footer .in .copyright { position: relative; margin-left: 396px; font-size: 11px;}
#footer .in .copyright a { font-size: 11px; color: #097099; line-height: 2.2; }