body{padding:0px; margin:0px; color:#f2f2f2; font:12px/18px Trebuchet MS; background: #02090e url(img/bg.png) 50% 0 repeat-y; position:relative;}
div, p, ul, h1, h2, h3, form, img{padding:0px; margin:0px;}
img {border:0px none}

html, body {
height:100%;
}

html body.text #center{
background:none;
}

a{
color:#cdfff9;
text-decoration:underline;
}
a:hover{
color:#cdfff9;
text-decoration:none;
}

h1{
font-size:24px;
color:#3c63c6;
font-weight:normal;
margin:20px 0 15px 20px;
}

h2{
margin:10px 0;
}

#top_line{
background:url(img/top.png) 0 0 repeat-x;
}

/*TOPmenu*/
ul#top_menu{
list-style:none;
padding:0;
margin:0;
overflow:hidden;
height:40px;
padding:35px 0 0 190px;
}
ul#top_menu li{
background:  url(img/top_razd.png) 100% 50% no-repeat;
float:left;
padding-right:2px;
}
ul#top_menu li.active, ul#top_menu li.last {
background-image:none;
}
#top_menu a{
text-decoration:none;
}
#top_menu li.active span.a_name{
background:url(img/top_menu_c.png) 0 0 repeat-x;
}
#top_menu li.active a:hover span.a_name{
background:url(img/top_menu_c.png) 0 0 repeat-x;
}
#top_menu li a:hover span.a_name{
background:url(img/top_menu_c_hover.png) 0 0 repeat-x;
}
span.a_name{
display:block;
position:relative;
color:#4d4d4d;
z-index:10;
font-size:13px;
font-weight:bold;
float:left;
height:40px;
padding:0 5px;
line-height:45px;
}
span.a_name b{
position:absolute;
top:1px;
left:5px;
color:#fff;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; 
-khtml-opacity: 0.5;
opacity: 0.5;
z-index:-1;
/*font-weight:normal;*/
}
.conteiner1000{
width:980px;
margin:0 auto;
}
.conteiner1000_1{
width:980px;
margin:0 auto;
}
ul#top_menu li.active span.a_name{
color:#fbfbfb;
}
li.active span.a_name b{
color:#000;
}
ul#top_menu li .top_menu_r, ul#top_menu li .top_menu_l{
display:block;
width:12px;
height:40px;
float:left;
}
ul#top_menu li.active .top_menu_r{
background:url(img/top_menu_r.png) 100% 0 no-repeat;
}
ul#top_menu li.active a:hover .top_menu_r{
background:url(img/top_menu_r.png) 100% 0 no-repeat;
}
ul#top_menu li a:hover .top_menu_r{
background:url(img/top_menu_r_hover.png) 0 0 no-repeat;
}
ul#top_menu li.active .top_menu_l{
background:url(img/top_menu_l.png) 0 0 no-repeat;
}
ul#top_menu li.active  a:hover  .top_menu_l{
background:url(img/top_menu_l.png) 0 0 no-repeat;
}
ul#top_menu li a:hover .top_menu_l{
background:url(img/top_menu_l_hover.png) 100% 0 no-repeat;
}

/*HEADER*/

#header{
background:#020e17 url(img/header.jpg) 50% 0 no-repeat;
position:relative;
}
#header .conteiner1000{
position:relative;
/*height:212px;*/
overflow:hidden;
}
a.logo{
display:block;
position:absolute;
top:57px;
left:30px;
}
a.logo img{
width:256px;
}

.news_block{
float:right;
width:275px;
height:160px;
/*overflow:hidden;*/
font-size:12px;
padding-top:20px;
line-height:14px;
color:#cdfff9;
}
.news_cont{
padding-bottom:15px;
}
.date{
color:#FBFBFB;
}
.more_cont{
text-align:right;
}
a.more{
color:#FBFBFB;
}
h1{
color:#fff;
font-size:18px;
font-weight:bold;
padding:0;
margin:5px 0 10px 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5; 
-khtml-opacity: 0.5;
opacity: 0.5;
}
.news_block h1{
text-align:right;
}
a.dostavka{
display:block;
position:absolute;
bottom:0;
left:339px;
height:40px;
width:315px;
background: url(img/dostavka.png) 0 0 no-repeat;
}
a.dostavka:hover{
background: url(img/dostavka.png) 0 100% no-repeat;
}

a.premium{
display:block;
position:absolute;
bottom:0;
left:339px;
height:40px;
width:315px;
background: url(img/premium_water.png) 0 0 no-repeat;
}
/*CENTER*/
#center{
background: url(img/center_bg.jpg) 50% 0 no-repeat;
font-family:Georgia;
font-size:14px;
position:relative;
}
#center ul{
list-style-position: outside;
padding:5px 0 5px 15px;
list-style-type: square;
}
.conteiner1000_1{
width:980px;
margin:0 auto;
}

#center .conteiner1000{
background: url(img/center_bg2.png) 50% 100% no-repeat;
padding:15px 0 15px 0;
}
#center .conteiner1000_1{
width:980px;
margin:0 auto;
padding:15px 0 15px 0;
}
.water_present, .water_present_full {
width:100%;
}
.water_present td, .water_present_full td{
width:50%;
padding:20px;
}
.tr_bg{
border-top:1px solid #555;
border-bottom:1px solid #555;
background: url(img/center_transparent.png) 50% 0 repeat;
}
.tr_bg_line2{
background: url(img/line_tr.png) 50% 0 no-repeat;
height:12px;
position:absolute;
top:0;
width:100%;
}
.tr_bg_line{
background: url(img/line_tr.png) 50% 0 no-repeat;
}
.heder_line{
background: url(img/heder_line.png) 50% 0 no-repeat;
height:7px;
position:absolute;
top:0;
width:100%;
}
.logo_td{
text-align:center;
}
.dostavka_cont{
padding-top:20px;
}
a.dostavka_btn{
display:block;
width:325px;
height:37px;
margin:0 auto;
background: url(img/dostavka_button.png) 0 0 no-repeat;
}
a.dostavka_btn:hover{
background: url(img/dostavka_button.png) 0 100% no-repeat;
}


/*FOOTER*/

#footer{
background: #04090c url(img/footer.jpg) 50% 0 no-repeat;
}
#footer .conteiner1000{
height:370px;
position:relative;
width:900px;
}
a.endesign{
display:block;
position:absolute;
top:1px;
right:0;
}
.footer_menu{
text-align:center;
}
.footer_menu a{
font-size:11px;
color:#77a6b8;
text-decoration:none;
}
.footer_menu a:hover{
color:#83b0c2;
text-decoration:underline;
}
.copyright{
float:left;
padding:40px 0 0 0 ;
color:#b9b9b9;
width:400px;
line-height:14px;
font-size:12px;
}
.footer_contacts{
width:100%;
margin-top:20px;
}
.footer_contacts h1{
font-size:24px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
h2{
padding:;
margin:5px 0 10px 0;
color:#2bc3d5;
font-weight:normal;
font-size:18px;
}
.adress{
margin-top:-12px;
color:#919191;
font-size:12px;
}
.tel{
width:100%;
margin-top:10px;
}
.tf{
color:#919191;
font-size:14px;
}
.number{
color:#799daa;
font-size:18px;
line-height:14px;
}
.td_right {
text-align:right;
}
.td_right .number{
width:36%;
}
a.about_water{
display:block;
float:right;
width:179px;
height:28px;
background: url(img/about_water.png) 0 0 no-repeat;
}
a.about_water:hover{
background: url(img/about_water.png) 0 100% no-repeat;
}
.center_text{
padding:50px 60px 40px 60px;
}
.center_text img{
border:1px dashed #555;
background:#000;
padding:10px;
margin:5px;
}
.pic{
float:right;
width:150px;
}

/*Gray*/
body.gray{
background: #000 url(img/bg_g.png) 50% 0 repeat-y;
}
body.gray #header{
background:#000 url(img/header_g.jpg) 50% 0 no-repeat;
}
body.gray #center{
background: url(img/center_bg_g.jpg) 50% 0 no-repeat;
}
body.gray #center .conteiner1000{
background-image: none;
}
body.gray #footer{
background: #000 url(img/footer_g.jpg) 50% 0 no-repeat;
}


/*RED*/
body.red{
background: #000 url(img/bg_r.png) 50% 0 repeat-y;
}
body.red #header{
background:#000 url(img/header_r.jpg) 50% 0 no-repeat;
}
body.red #center{
background: url(img/center_bg_r.jpg) 50% 0 no-repeat;
}
body.red #center .conteiner1000{
background: url(img/center_bg2_r.png) 50% 100% no-repeat;
}
body.red #footer{
background: #000 url(img/footer_r.jpg) 50% 0 no-repeat;
}

/*Purple*/
body.purple{
background: #000 url(img/bg_p.png) 50% 0 repeat-y;
}
body.purple #header{
background:#000 url(img/header_p.jpg) 50% 0 no-repeat;
}
body.purple #center{
background: url(img/center_bg_p.jpg) 50% 0 no-repeat;
}
body.purple #center .conteiner1000{
background: url(img/center_bg2_p.png) 50% 100% no-repeat;
}
body.purple #footer{
background: #000 url(img/footer_p.jpg) 50% 0 no-repeat;
}

/*new*/
.breadcumbs a{
text-decoration:none;
color:#fff;
}
.breadcumbs a:hover {
text-decoration:underline;
}
.breadcumbs a.home:hover {
text-decoration:none;
}
ul.podmenu{
list-style:none;
}
ul.podmenu li{
margin-bottom:3px;
background: url(img/center_transparent.png) no-repeat 0 0;
}
ul.podmenu li a{
font-size:12px;
color:#fff;
text-decoration:none;
display:block;
padding:5px 5px 5px 20px;
}
ul.podmenu li a.active, ul.podmenu li a:hover{
background:  url(img/collapsed.gif) 5px 50% no-repeat;
color:#cdfff9;
}
