@charset "utf-8";

/* base tags */
html{width:100%; height:100%; background:#eaeaea;}
body{position:relative; min-width:1000px; height:100%; margin:0 auto; padding:0; font:normal 12px Verdana, Geneva, sans-serif; line-height:1;}
html, div, dl, dt, dd, ul, li, ul li, h1, h2, p, table, tr, td, th, form, fieldset, input, label, legend, img, a{margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
ul, li, ul li{list-style:none;}
/* base tags */
/* global styles */
a{text-decoration:none; color:#fff300; font: normal 12px Verdana, Geneva, sans-serif;}
#breadcrumbs {font: normal 15px Verdana, Geneva, sans-serif; padding: 5px;}
a:hover{text-decoration:underline;}
/* global styles */
/* header */
#header{overflow:hidden; position:absolute; top:0; left:0; width:100%; height:384px; background:url(../img/header.jpg) 50% 0 no-repeat;}
#header .wrap{position:relative; width:1000px; height:384px; margin:0 auto;}
#header .wrap .logo{position:absolute; top:12px; left:200px; width:393px; height:58px;}
#header .wrap .logo a{display:block; width:393px; height:58px; text-decoration:none; background:url(../img/logo.png) 0 0 no-repeat;}
#header .wrap .menu{position:absolute; top:300px; left:156px; width:800px; height:19px; background:url(../img/header_menu.png) 0 0 no-repeat;}
#header .wrap .menu a{float:left; height:19px; text-decoration:none;}
#header .wrap .menu a.company{width:125px;}
#header .wrap .menu a.product{width:112px; margin:0 0 0 25px;} 
#header .wrap .menu a.contacts{width:96px; margin:0 0 0 25px;} 
#header .wrap .menu a.price-list{width:118px; margin:0 0 0 25px;} 
#header .wrap .menu a.partners{width:115px; margin:0 0 0 25px;}
#header .wrap .menu a.news{width:91px; margin:0 0 0 25px;}
/* header */
/* content */
#wrapper{overflow:hidden; position:relative; width:100%; min-height:100%; padding:0; background:#0b78b9 url(../img/repeat_h.png) 0 384px repeat-x;}
#wrapper .wrap{overflow:hidden; width:100%; height:100%; padding:384px 0 30px 0;}
#wrapper .content{float:left; overflow:hidden; width:100%; color:#fff;}
#wrapper .content .in{padding:0 30px 0 338px;}
#wrapper .content .in td {vertical-align: top;}
#wrapper .content .in img {margin: 10px;}
#wrapper .content .in h3 {text-align: center; font: bold 16px Verdana, Geneva, sans-serif;}
#wrapper .content .in ul, #wrapper .content .in ul li {list-style:disc; font: normal 14px Verdana, Geneva, sans-serif;}
#wrapper .content .in ul {padding-left: 35px;}
#wrapper .content .in ul li a {font: bold 14px Verdana, Geneva, sans-serif; color: #fff;}
#wrapper .content .in h1{padding:30px 0 0 0; color:#fff; font-weight:bold; font-size:18px; line-height:1.4; text-align:center;}
#wrapper .content .in h2{color:#fff; font-size:18px; line-height:1.6; text-align:center;}
#wrapper .content .in p{padding:8px 0; color:#fff; font-size:13px; line-height:1.6; text-align:justify;}

#wrapper .sidebar{float:left; overflow:hidden; width:308px; /*height:590px;*/ margin:0 0 0 -100%;}
#wrapper .sidebar .in{position:relative; width:288px; height:590px; padding:0 0 0 20px; background:url(../img/menu.png) 20px 0 no-repeat;}
#wrapper .sidebar .in a{display:block; height:9px;}
#wrapper .sidebar .in a.bath{position:absolute; top:0; left:20px; width:62px;}
#wrapper .sidebar .in a.steel{position:absolute; top:12px; left:45px; width:60px;}

#wrapper .sidebar .in a.sanfayans{position:absolute; top:36px; left:20px; width:83px;}
#wrapper .sidebar .in a.sanfyans-first{position:absolute; top:48px; left:45px; width:248px;}
#wrapper .sidebar .in a.sanfyans-second{position:absolute; top:60px; left:45px; width:234px;}
#wrapper .sidebar .in a.sanfyans-third{position:absolute; top:72px; left:45px; width:191px;}
#wrapper .sidebar .in a.sanfyans-fourth{position:absolute; top:84px; left:45px; width:138px;}

#wrapper .sidebar .in a.bowl{position:absolute; top:108px; left:20px; width:227px;}
#wrapper .sidebar .in a.bowl-first{position:absolute; top:120px; left:45px; width:60px;}
#wrapper .sidebar .in a.bowl-second{position:absolute; top:132px; left:45px; width:36px;}
#wrapper .sidebar .in a.bowl-third{position:absolute; top:144px; left:45px; width:50px;}

#wrapper .sidebar .in a.wash{position:absolute; top:168px; left:20px; width:62px;}
#wrapper .sidebar .in a.wash-first{position:absolute; top:180px; left:45px; width:60px;}
#wrapper .sidebar .in a.wash-second{position:absolute; top:192px; left:45px; width:90px;}

#wrapper .sidebar .in a.cups{position:absolute; top:216px; left:20px; width:123px;}
#wrapper .sidebar .in a.cups-first{position:absolute; top:228px; left:45px; width:56px;}
#wrapper .sidebar .in a.cups-second{position:absolute; top:240px; left:45px; width:70px;}
#wrapper .sidebar .in a.cups-third{position:absolute; top:252px; left:45px; width:100px;}

#wrapper .sidebar .in a.radiator{position:absolute; top:276px; left:20px; width:90px;}
#wrapper .sidebar .in a.radiator-first{position:absolute; top:288px; left:45px; width:108px;}
#wrapper .sidebar .in a.radiator-second{position:absolute; top:300px; left:45px; width:90px;}

#wrapper .sidebar .in a.siphon{position:absolute; top:324px; left:20px; width:72px;}
#wrapper .sidebar .in a.siphon-first{position:absolute; top:336px; left:45px; width:124px;}

#wrapper .sidebar .in a.mixer{position:absolute; top:360px; left:20px; width:90px;}
#wrapper .sidebar .in a.mixer-first{position:absolute; top:372px; left:45px; width:96px;}
#wrapper .sidebar .in a.mixer-second{position:absolute; top:384px; left:45px; width:70px;}
#wrapper .sidebar .in a.mixer-third{position:absolute; top:396px; left:45px; width:100px;}

#wrapper .sidebar .in a.pipe{position:absolute; top:420px; left:20px; width:204px;}
#wrapper .sidebar .in a.pipe-first{position:absolute; top:432px; left:45px; width:70px;}
#wrapper .sidebar .in a.pipe-second{position:absolute; top:444px; left:45px; width:60px;}
#wrapper .sidebar .in a.pipe-third{position:absolute; top:456px; left:45px; width:50px;}

#wrapper .sidebar .in a.meter{position:absolute; top:480px; left:20px; width:188px;}
#wrapper .sidebar .in a.meter-first{position:absolute; top:492px; left:45px; width:115px;}
#wrapper .sidebar .in a.meter-second{position:absolute; top:504px; left:45px; width:100px;}

#wrapper .sidebar .in a.tap{position:absolute; top:528px; left:20px; width:125px;}

#wrapper .sidebar .in a.lead{position:absolute; top:552px; left:20px; width:85px;}
#wrapper .sidebar .in a.lead-first{position:absolute; top:564px; left:45px; width:122px;}
/* content */
/* footer */
#footer{position:relative; width:100%; height:165px; background:#0b75b7 url(../img/footer.jpg) 50% 0 no-repeat;}
#footer .wrap{position:relative; width:1000px; height:165px; margin:0 auto;}
/* footer */
/*---------left_menu--------*/
ul.left_menu{list-style:none; padding-left:15px;}
ul.left_menu li{padding-top:14px;color:#fff300;}
ul.left_menu a{text-decoration:none;padding-left:5px;}
ul.left_menu a:hover{text-decoration:underline;}
/*------*/
ul.submenu{list-style:none; padding-left:25px;}
ul.submenu li{padding-top:0;}
ul.submenu a{padding-left:0;}
.in td {border:1px solid white;border-bottom:none;border-right:none;padding-left:10px;}
.in table {border-bottom:1px solid white;border-right:1px solid white;}