body{
background: #FFF; 
text-align: left;
font: 400 16px 'Roboto Condensed', Arial, sans-serif !important;
color: #666;
}

a{color: #3399cc;}

.more{
display: block;
text-align:right;
}


h1, .h1{
font: 700 30px 'Roboto Condensed', Arial, sans-serif;
color: #3399cc;
margin: 20px 0 10px 0;
}

h2, .h2{
font: 700 30px 'Roboto Condensed', Arial, sans-serif;
color: #006699;
margin: 0px 0 20px 0;
}

h3{
font: 700 30px 'Roboto Condensed', Arial, sans-serif;
color: #3399cc;
margin: 0px 0 20px 0;
}

p{
margin: 10px 0 20px 0;
}

h4, .title{
font: 400 24px 'Roboto Condensed', Arial, sans-serif;
color: #444;
margin: 10px 0 10px 0;
}

.fix_width{
width: 1000px;
margin: 0 auto;
position: relative;
}

.top_menu ul, .main_menu ul, .top_menu li, .main_menu li{
display: inline;
margin:0;
padding: 0;
}

.top_menu{
background: #999999;
}

.top_menu ul{
height: 40px;
display: block;
width: 1000px;
margin: 0 auto;
position: relative;
z-index:2;
}

.top_menu a{
display: block;
padding: 8px 30px 10px 0;
float: left;
color: #FFF;
text-decoration: none;
font: 400 18px 'Roboto Condensed', Arial, sans-serif;
}

.top_menu a:hover{
color: #eee;
}

.top{
position: relative;
height: 169px;
background: linear-gradient(to top, #5acafc, #1c88b9);
border-top:1px solid #fff;
}

.top .logo{
position: absolute;
top: 25px;
left: 30px;
}

.top .phone b{
display: block;
font: 700 20px 'Roboto Condensed', Arial, sans-serif;
}

.top .phone{
padding: 2px 0 10px 60px;
font: 400 12px 'Roboto Condensed', Arial, sans-serif;
position: absolute;
top: 33px;
left: 380px;
color: #fff;
background: url(/new_images/ico_phone.png) no-repeat;
}

.top .order_call{
text-decoration:none;
border-radius: 20px;
border:3px solid #fff;
position: absolute;
top: 100px;
left: 380px;
color: #fff;
background: #66cc33;
padding: 6px 35px;
}

.top .milk{
position: absolute;
width: 360px;
height: 210px;
top: -41px;
right: -45px;
background: url(/new_images/milk.png) no-repeat;
z-index:1;
}

.main_menu ul{
height: 40px;
display: block;
width: 1000px;
margin: 0 auto 20px auto;
}

.main_menu a{
display: block;
padding: 8px 10px 10px 10px;
float: left;
color: #666;
text-decoration: none;
font: 400 22px 'Roboto Condensed', Arial, sans-serif;
}
.main_menu a:hover{
color: #FFF;
background: linear-gradient(to top, #5acafc, #1c88b9);
}

.left_col{
width: 330px;
float: left;
}

.main_menu li.selected a{
color: #FFF;
background: linear-gradient(to bottom, #5acafc, #1c88b9);

}

.left_menu{
margin-bottom: 50px;
}
.left_menu ul, .left_menu li{
list-style: none;
margin:0;
padding:0;
}
.left_menu ul{
margin-left: 15px
}

.left_menu li{
border-bottom: 1px dotted #999;
padding-left:1px;
}

.left_menu li a{
display: block;
text-decoration: none;
font: 300 20px 'Roboto Condensed', Arial, sans-serif;
border-left: 5px solid #999;
padding: 3px 0 3px 20px;
margin: 10px 0;
}

.left_menu li a:hover{
border-left: 5px solid #999;
background: #66ccff;
color: #fff;
border-left: 5px solid #006699;
}


.left_col .one_news{
margin-bottom: 10px;
}

.one_news{
border-bottom:1px dotted #ccc;
padding-bottom: 10px;
margin-bottom: 30px;
}


.content{
margin-left: 380px;
}


.content img{
max-width: 600px;
}


.bot{
position: relative;
color:#fff;
background: linear-gradient(to bottom, #5acafc, #1c88b9);
font: 400 14px 'Roboto Condensed', Arial, sans-serif;
height: 110px;
}

.bot .phone b{
display: block;
font: 700 20px 'Roboto Condensed', Arial, sans-serif;
}

.bot .phone{
position: absolute;
top: 33px;
left: 20px;
padding: 0px 0 10px 40px;
font: 400 12px 'Roboto Condensed', Arial, sans-serif;
color: #fff;
background: url(/new_images/ico_phone.png) no-repeat;
background-size:30px;
}

.bot .adress{
position: absolute;
top: 33px;
left: 360px;
padding: 0px 0 10px 25px;
font: 400 18px 'Roboto Condensed', Arial, sans-serif;
color: #fff;
background: url(/new_images/ico_adress.png) no-repeat;
}

.bot .adress span{
display: block;
font: 400 14px 'Roboto Condensed', Arial, sans-serif;
}

.bot .mail{
position: absolute;
top: 33px;
left: 730px;
padding: 0px 0 10px 40px;
font: 400 16px 'Roboto Condensed', Arial, sans-serif;
color: #fff;
background: url(/new_images/ico_mail.png) no-repeat;
}


.bot a, .footer a{
color:#fff;

}


.footer{
height: 135px;
color:#fff;
position: relative;
border-top:1px solid #ccc;
background: linear-gradient(to bottom, #999999, #666666);
font: 400 14px 'Roboto Condensed', Arial, sans-serif;
}

.footer .copyright{
background: url(/new_images/small_logo.png) no-repeat;
position: absolute;
top: 50px;
left: 0px;
padding: 0px 0 30px 120px;
}

.footer .counters{
position: absolute;
top: 50px;
right: 260px;
text-align: right;
}

.footer .ribena{
position: absolute;
top: 50px;
right: 30px;
padding-right: 50px;
background: url(/new_images/ribena.png) no-repeat top right;
}

.footer .ribena a{
text-decoration: none;
}

.workwithus td, .my_basket td{
padding:10px;margin:0;
line-height: 1.3;
}

.workwithus input{
padding: 3px;
border:1px solid #ccc;
font: 400 16px 'Roboto Condensed', Arial, sans-serif;
}

#anketa input{
width: 350px;
padding: 3px;
border:1px solid #ccc;
font: 400 16px 'Roboto Condensed', Arial, sans-serif;
}

.my_basket textarea{
margin-left: 220px;
width: 350px;
padding: 3px;
border:1px solid #ccc;
font: 400 16px 'Roboto Condensed', Arial, sans-serif;
}

.my_basket LEGEND{
font: 700 20px 'Roboto Condensed', Arial, sans-serif;
}


.workwithus input[type="radio"]{
margin-right:5px;
}

.workwithus input[type="submit"],
.my_basket input[type="submit"]
{
position: absolute;
right: 0px;
text-decoration:none;
border-radius: 10px;
border:3px solid #ccc;
color: #fff;
background: #66cc33;
padding: 10px 15px;
}

.workwithus tr:nth-child(2n),
.my_basket tr:nth-child(2n){
background: #eee;
}

#basket .prtop{
background: #666;
color: #fff;
}

.partners li, .partners ul{
margin:0;
padding:0;
text-align:center;
}

.partners li{
display:inline-block;
vertical-align:top;
margin:10px;
overflow:hidden;
}



.partners li a{
text-align:center;
padding:10px;
font-weight:bold;
display:block;
height:150px;
width:160px;
border:1px solid #ccc;
font-weight:bold;
font-size:14px;
text-decoration:none;
z-index:1;
position:relative;
}

.partners li a img{
transition: all 0.3s ease;
width:100px;
margin:0 auto;
display:block;
position:relative;
z-index:-1;
}

.partners li a:hover{
border:1px solid #666;
}

.partners li a:hover img{
transform: scale(1.2);
}