@font-face {
    font-family: Arial;
    src: url(../fonts/Dinpro.ttf);
}

a {color: #ffffff; text-decoration: none;}

body {
	line-height: 1;
}


html {
	height: 100%;
}

body {
	font: 12px/18px Arial, sans-serif;
	width: 100%;
	height: 100%;
	background: #014FC7 url(../images/bg.jpg) no-repeat;
	background-position: center top;
	background-size: 100% 4324px;
	overflow-x:hidden;
	overflow-y:scroll;
	max-width:100%;
}

.wrapper {
	width: 1200px;
	margin: 0 auto;
	min-height: 650px;
	height: auto !important;
	height: 100%;
	
}


/* Header
-----------------------------------------------------------------------------*/
header {
	height: 195px;
	
}

header img:first-child {margin-left: 250px; margin-top: 70px; float: left;}

header div {font-size: 19px; color: #ffffff; text-align: center; float: right; width: 358px; line-height: 25px; margin-right: 50px;}
header div span:first-child {font-size: 16px;}

/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 0px;
}




/* Footer
-----------------------------------------------------------------------------*/
footer {
	width: 1200px;
	margin: 0 auto;
	height: 308px;
	position: relative;

}

footer div {float: left;}

ul.dostavka {background: url(../images/car.png) no-repeat; display: inline-block; height: 36px; font-size: 18px; color: #0d67b2; margin-left: -240px;}
ul.dostavka li {display: table-cell; vertical-align:  middle; padding-left: 34px; padding-top: 10px;}

ul.phone {background: url(../images/tel.png) no-repeat; display: inline-block; height: 54px; font-size: 26px; color: #ffffff; margin-left: 30px;}
ul.phone li {display: table-cell; vertical-align:  middle; padding-left: 34px; padding-top: 20px;}

ul.dostavka_ft {background: url(../images/car_wh.png) no-repeat; display: inline-block; height: 36px; font-size: 23px; color: #ffffff; margin-left: 355px;}
ul.dostavka_ft li {display: table-cell; vertical-align:  middle; padding-left: 34px; padding-top: 10px;}

ul.addres_footer {background: url(../images/logo.png) no-repeat; display: inline-block; height: 107px; font-size: 17px; color: #ffffff; margin-left: 213px;}
ul.addres_footer li {display: table-cell; vertical-align:  middle; padding-left: 180px; width: 609px; padding-top: 0px; line-height: 15px;}

ul.phone_footer {background: url(../images/tel.png) no-repeat; display: inline-block; height: 54px; font-size: 26px; color: #ffffff; margin-left: 335px;}
ul.phone_footer li {display: table-cell; vertical-align:  middle; padding-left: 34px; padding-top: 20px;}

.addon_block {
    	width: 1200px;  
	text-align: center;
	margin-top: 30px;
	margin-bottom: 70px;
}

h1{color: white; width: 100%; text-align: center;}
.addon_block h3 {text-align: center; font-size: 19px; color: #ffffff;}
.addon_block h3:last-child {font-size: 21px;}
.addon_block p {font-size: 15px;color: #ffffff;display: block;width: 100%;margin: 0 auto;}

.map {
    border-radius: 7px;
    -web-kit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.slider { 
	width:100%; 
	position:relative;
	float: left;
    margin-bottom: 20px;
	margin-top: 50px;
    background: #ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	
}
.slider-content {
	width: 1200px;
	height: 317px;
	overflow: hidden;
	position:relative;
}

.slide {
	width:100%;
	height:100%;
}

.slider-controls {
	position:absolute;
	right:218px;
	bottom:12px;
	text-align:center;
}
.slider-controls .control-slide {
	margin:2px;
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	
}
.slider-controls .control-slide:hover {
	cursor:pointer;
	background-position:center center;
}
.slider-controls .control-slide.active {
	background-position:center top;
}
.prew, .next {
	
	width:36px;
	height:100%;
	position:absolute;
	top:0px;
	overflow:hidden;
	text-indent:-999px;
	opacity:0.8;
	z-index:3;
}
.prew {
	top: 0px;
	left:0px;
	background:url(../images/left.png) right center no-repeat;
}
.next {
	top: 0px;
	right:0px;
	background:url(../images/right.png) right center no-repeat;
}
.prew:hover, .next:hover {
	opacity:1;
}
.slider-content:hover .prew, .slider-content:hover .next {
	display:block;
}

.slide1 {
    width: 1200px;
    height: 319px;
    background: url(../images/slider1.png) no-repeat;
}

.menu {
    width: 1200px;
    height: 58px;
    background: url(../images/menu.png) no-repeat;
    
}

#menu {
	width: 1200px;
	height: 39px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	list-style: none; 
	padding-top: 14px;
	padding-left: 15px;
	font-size: 20px;
}

/* Sub-menu */
 
*html #menu ul a /* IE6 */
{    
	height: 10px;
}
 
*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}
 
#menu ul a:hover
{
	color: #888888;


}


 
#menu ul ul li:first-child a:after
{
    left: 30px;
    top: 10px;
    width: 10px;
    height: 10px;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #444;
}
 
#menu ul li:first-child a:hover:after
{
 
}
 
#menu ul ul li:first-child a:hover:after
{
   
    border-bottom-color: transparent; 	
}
 
 
#menu > li
{
	display: inline;
	margin-right: 8px;
	position: relative;
	top: 12px;
	padding: 20px 5px 20px 5px;
}
 
/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


#menu > li:hover > ul{display: block !important;}

#menu > li > a{
        color: white;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 35px;
        margin-top: -17px;
        font-size: 17px;
        background-position: left 50%;
        }




#menu > li > a:hover{text-decoration: underline;}
#menu > li > ul{display: none; float: left; position: absolute; margin-left: -20px;  z-index: 999; margin-top: 20px; padding: 0px; padding-top: 1px; padding-left: 20px; background: #ffffff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; width: 1200px;}
#menu > li > ul > li{display: inline-block; margin-left: 3px; font-size: 15px;  border-right: 1px solid #94cbf4; width: 140px; height: 123px;}
#menu > li > ul > li img {width: 130px; margin: 0 auto;}
#menu > li > ul > li:last-child{border-right: none;}
#menu > li > ul > li a{display: inline-block; text-decoration: none; color: #2b98ea; text-align: center;}
#menu > li > ul > li a > img{height: 62px; display: table-cell;}
#menu > li > ul > li a > div{display: inline-block; vertical-align: top;}
#menu > li > ul > li a > div > p:first-child{font-size: 16px;}
#menu > li.a1 {}
#menu > li.a1:hover {background-image: url(../images/menu_hover_with_arrow.png); background-repeat: no-repeat; background-size: 100% 100%; z-index: 999;}


.home_menu {

background: url(../images/icon_home.png) no-repeat;
    padding-left: 30px;
}

.pitvoda_menu {
        background: url(../images/icon_drop.png) no-repeat;
    padding-left: 25px;  
display: table-cell; 
}

.kuler_menu {
        background: url(../images/icon_cooler.png) no-repeat;
    padding-left: 35px;   
}

.pur_menu {
        background: url(../images/icon_puri.png) no-repeat;
    padding-left: 35px;   
}

.contact_menu {
        background: url(../images/icon_tell.png) no-repeat;
        padding-left: 35px;
}

.dostavka_menu {
    background: url(../images/icon_delivery.png) no-repeat;
    padding-left: 35px;
}

.remont_menu {
    background: url(../images/icon_remont.png) no-repeat;
    padding-left: 35px;
}

h2.title {
	width: 1200px;
	color: #ffffff;
	font-size: 22px;
    border-bottom: 1px solid #b0e3ff;
    width: 100%;
    text-align: center;
	
}
.title span {
	  background: #4BBCFF;
      padding: 3px 5px 3px 5px;
      position: relative;
      display: inline-block;
      top: 8px;
	  
}

.block_voda {
	float: left;
	width: 600px;
}

.block_voda .oblako {
	width: 240px;
	height: 300px;
	background: url(../images/oblako.png) no-repeat;
	background-position: right -20px bottom 0px;
	background-size: cover;
	float: left;
}

.block_voda img {margin-left: 66px; margin-top: 65px; width: 112px; height: 212px;}
.block_voda p {display: inline-block; width: 330px; height: 250px; color: #fff; display: inline-block; font-size: 15px; font-style: normal; line-height: 20px;}
.block_voda .title {height: 39px; width: 329px; display: inline-block; background: url(../images/title_bg.png) no-repeat; font-size: 30px; color: #ffffff; padding-left: 25px; padding-top: 8px; }
.block_voda .info {float: right; margin-top: 70px;}
.order {display: block; border: 2px solid #ffffff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 110px;
 height: 30px; text-align: center; padding-top: 7px; font-size: 14px; margin-left: 66px; float: left;}

.cooler_block {
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
	width: 300px;
	height: 250px;
		
	margin-top: 10px;
	margin-bottom: 10px;
}

.cooler_block img {width: 213px;height: 213px;display: block;margin: 0 auto;margin-bottom: 10px;border-radius: 120px;-moz-border-radius: 120px;-webkit-border-radius: 120px;}
.cooler_block img:hover {border-radius: 120px; -moz-border-radius: 120px; -webkit-border-radius: 120px; border:2px solid #169af9; margin-bottom: 5px;}
.cooler_block p {width: 170px; text-align: center; font-size: 19px; margin-top: 10px; line-height: 23px;}

#center_cool {
	width: 900px;
	margin: 0 auto;
}

.sort {
	float: left;
	width: 700px;
	height: 70px;
	margin-top: 120px;
}
.sort div:first-child {display: inline-block; margin-right: 30px;}
.sort span {color: #ffffff; font-size: 22px;}
.sort a {margin-right: 20px;}
.sort a:hover, .sort a.active{background: white !important; color: #40B8FE;}
.price {display: inline-block; width: 100px; height: 26px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ffffff; text-align: center; padding-top: 5px; font-size: 15px;}
.rate {display: inline-block; width: 140px; height: 26px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ffffff; text-align: center; padding-top: 5px; font-size: 15px;}
.standart {display: inline-block; width: 140px; height: 26px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ffffff; text-align: center; padding-top: 5px; font-size: 15px;}

.speedbar {
	float: right;
	
	height: 70px;
	font-size: 17px;
	color: #ffffff;
	margin-top: 120px;
	margin-right: 7px;
	text-align: right;
}

.block_tovar {
	display: table;
	width: 600px;
    float: left;
}

.block_tovar> div.oblako, .block_tovar> div.info{display: table-cell;vertical-align: top;min-height: 240px;}
.block_tovar> div:nth-child(3){DISPLAY: table;position: relative; margin-left: -200px; width: 550px; top: 50px;}
.block_tovar> div:nth-child(3) > div{display: table-cell; text-align: center; vertical-align: central; height: 100px;}
.block_tovar> div:nth-child(3) > div:first-child{width: 175px;}
.block_tovar> div:nth-child(3) > div > a{position: relative;}
.block_tovar .oblako {
	width: 245px;
	height: 380px;
	background: url(../images/oblako.png) no-repeat;
	background-position: center center;
	background-size: 150% 150%;

}

.block_tovar img {margin-left: 66px; margin-top: 65px; width: 134px; max-height: 335px;}
.block_tovar p {color: #fff; font-size: 15px; font-style: normal; line-height: 20px;}
.block_tovar .title {height: 39px; width: 329px; display: inline-block; background: url(../images/title_bg.png) no-repeat; font-size: 19px; color: #ffffff; padding-left: 25px; padding-top: 10px; }
.block_tovar .info {float: right; margin-top: 70px;}
.order_tovar {display: inline-block; border: 2px solid #ffffff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 110px;
 height: 30px; padding-top: 7px; font-size: 14px; }
.order_tovar:hover{color: #40B8FE; background: white;}
.block_tovar .price_tovar {font-size: 22px; color: white;}
.block_tovar div:last-child {color: white; font-size: 17px; font-style: normal;}

.speedbar > ul{list-style: none; margin: 0px; padding: 0px;}
.speedbar > ul > li{display: inline-block;}

.desc > a{display: inline-block; text-align: center; border: 2px solid #ffffff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 110px; height: 30px; padding-top: 7px; font-size: 14px; }
.desc > a:hover{color: #40B8FE; background: white;}

.addon_block.main{text-align: left; font-weight: normal; font-size: 13px !important;}
.addon_block.main p{margin: 0px 0px 5px 0px; line-height: 1.2; font-size: 13px !important;}
.addon_block.main a{text-decoration: underline; color: black;}
.addon_block.main h2, .addon_block.main h3{color: white;}
.center{margin: 0px auto;}

.B_crumbBox{list-style: none; margin: 0px; padding: 0px; color: black; margin-top: 10px; margin-bottom: 10px;}
.B_crumbBox li{list-style: none; display: inline-block;}
.B_crumbBox li a{color: black;}

.addon_block .table {
  font-family: MyriadProRegular;
  font-size: 1em;
  margin: 10px auto;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1;
  position: relative;
  width: 100%;
}

.addon_block .table td,.addon_block .table th {
  padding: 10px;
  border: 1px solid #dfdfdf;
}

.addon_block .table tr:nth-child(2n) {
  background-color: #1278BD;
}

.addon_block .table th {
  font-size: 1.3em;
  font-weight: bold;
  background-color: #e03d3d;
  color: #FFF;
}