@import url(reset.css);
body{
    font: 14px Arial, sans-serif ;
}
.clear{
    clear: both;
}
#wrapper {
	position: relative;
	padding: 0 0 0 1%;
	min-width: 1024px;
	background-color: #0056A7;

}
#logo {
	position:absolute;
    height: 258px;
    width:287px;
    background-image: url(../images/logo2.png);
    background-position: center 45px;
    background-repeat: no-repeat;
	top:0;
	z-index:999;
}
#top {
    position: relative;
    width: 100%;
    min-width: 624px;
    height: 240px;
    outline: 0px solid #cccccc;
    float: left;
    color: #ffffff;
    font-size: 24px;    
}

#tel{
    width: 200px;
    height: 55px;
    float:right;
    margin-right: 20px; 

}
#top h1{
    text-align: right;
    font-weight: bold;
    
}
.red{
    color: Red;
    text-shadow:0 0 2px #ffffff,2px 2px 7px #ffffff;
    }
#menu {
    position: absolute;
    height: 98px;
    bottom: 0;
    width: 100%;
}
#menu #first{
    float: left;
    width: 47px;
    height: 55px;
    background-image: url(../images/menuLB.png);
    margin-left: -47px;
}
#m2 {
	position: relative;
	min-width: 577px;
	width: 90%;
	height: 52px;
	background-image: url(../images/menuBG.jpg);
	background-repeat: repeat-y;
	float: left;
	margin-left: 10%;
	right: 0px;
}
#m2 table{
	width: 100%;
	text-align: center;
}
#m22{
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 3px;
    background-image: url(../images/menuBGbottom.png);
    background-repeat: repeat-x;
}
#m2 td{
    height: 52px;
    vertical-align: middle;
    background-image: url(../images/menuRazd.png);
    background-repeat: no-repeat;
    background-position: 0 14px;
    text-align: center;
    width: auto;
}
#m2 td.f{ background: none;}
#m2 td a{
    display: table-cell;
    font: 13px Arial, sans-serif ;
    font-weight: bold;
    text-decoration: none;
    text-transform:uppercase;	
    color: #ffffff;
    text-wrap: none;
    height: 52px;
    vertical-align: middle;
    width: 1%;
}
/*иконки в конце меню*/
#m2 td.last{
    width: 15%;  
}
#m2 td.last a{
    display:  inline;
    height: 52px;
    margin-left: 15%;
    padding: 0;
}
#m2 td.last img{
    vertical-align: middle;
}

/*Левое меню*/
#leftMenu{
    margin-top: 10px;
    float: left;
    width: 210px;
    z-index: 99;
}
#leftMenu li{display: block;margin: -8px 0;}
#leftMenu li a{
    background-image: url(../images/strelka.jpg);
    background-repeat: no-repeat;
    background-position: 16px 20px;
    height: 77px;
    width: 130px;
    padding: 0 20px 0 49px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    color: #000000;
    border-radius: 30px;
    box-shadow: 5px 5px 5px 0 #000000;
    background-color: #ffffff;
    font: 14px Arial, sans-serif ;
}
#leftMenu li a:hover,#leftMenu li a:active {
    background-image: url(../images/strelkaActive.jpg);
    z-index: 111;
    padding-left: 57px;
    font: bold 15px Arial, sans-serif ;
    width: 150px;
}
.m1{z-index: 56;}
.m2{z-index: 55;}
.m3{z-index: 54;}
.m4{z-index: 53;}
.m5{z-index: 52;}
.m6{z-index: 51;}
.m7{z-index: 50;}
/*Блок с поиском и рекламой*/
#reclama{
    height: 308px;
    width: 100%;
    float: left;
    outline: 0px solid #cccccc;
}
#poisk{
    position: relative;
    background-image: url(../images/poisk.png);
    background-repeat: no-repeat;
    width: 30%;
    height: 254px;
    z-index: 1;
    padding: 10px 1% 10px 1%;
    float: left;
    border-radius: 0 70px 0 70px;
}
#poisk input{
    width: 140px;
    height: 24px;
    border: 1px solid #000000;
    text-align: right;
}
#poisk p.zz{
    color: #ffffff;
    font: bold 22px Arial, sans-serif ;
    margin: 177px 0 0 10%;
    
}
#poisk a{
    text-decoration: none;
}
#sButton{
    position: absolute;
    z-index: 1;
    top: 26px;
    left: 1%;
    width: 56px;
    height: 45px;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
}
/*рекламный блок*/
#reclBlok{
    position: relative;
    padding: 0 2% 20px 4%;
    float: left;
    margin-left: -10%;
    width: 72%;
    height: 254px;
    z-index: 999;
    background-color: #5d98d4;
    border-radius: 70px 60px 60px 70px;
    color: #ffffff;
}
#rbText{
    position: relative;
    z-index: 9;
}

#reclBlok img{
    position: absolute;
    top: 0;
    left: -3px;
    z-index: 3;
}
#reclBlok h1{
    font: bold 57px Palatino Linotype, Book Antiqua, Palatino, serif ;
    
}
#reclBlok h2{
    font: bold 20px Palatino Linotype, Book Antiqua, Palatino, serif ;
    color: #ffffff;
    text-shadow:0 0 2px #000000
}
#reclBlok h3{
    font: bold 25px Palatino Linotype, Book Antiqua, Palatino, serif ;
}
#reclBlok a{
    color: #ffffff;
    font: 14px Arial, sans-serif ;
}
#rb2{
    padding-top: 10px;
    width: 50%;
    height: 50px;
    float: right;
    
}
#reclBlok a.dalee{
    float: right;
    color:#0d57a3;
     margin-right: 10%;
}
/*прайс*/
#price{
    margin-top: 30px;
    padding-top: 50px;
    text-align: center;
    width: 216px;
    height: 84px;
    float: left;
    background-image: url(../images/price.png);
    background-repeat: no-repeat;
}

#price a{
    color: #ffffff;
    font: bold 14px Arial, sans-serif ;
    text-decoration: none;
}

/*Большой блок с текстом*/
#cont{
	vertical-align:top;
	padding-left:20px;
	padding-right: 15px;
	height:100%;
}
#content{
	padding: 10px;
	background-color: #ffffff;
	border-radius: 10px;
	float: left;
	margin-bottom: 30px;
	width: 98%;
	height:100%;
	margin-top: 20px;
    }
#content p{
    font: 13px Arial, sans-serif ;
    line-height: 1.5;
}
#content h1{
    margin-bottom: 15px;
    color: Red;
   	
    font: 16px Arial, sans-serif;
    font-weight:bold;	
    line-height: 1.5;
}
#content h2{
    margin-bottom: 15px;
    color: Red;
    font: 14px Arial, sans-serif;
    font-weight:bold;	
    line-height: 1.5;
}
#content h3{
    margin-bottom: 15px;
    color: Red;
    font: 13px Arial, sans-serif;
    font-weight:bold;	
    line-height: 1.5;
}
#content a {
    color: Red;
    line-height: 15px;	
}
#content ul {margin-left: 40px; list-style: disc inside;}
#content ol {margin-left: 40px; list-style: decimal inside;}
#content li {margin-top:5px; text-align:justify;font: 13px Arial, sans-serif ;}
#content b {font-weight:bold;}


/*footer*/
#footer{
    padding: 50px 23%;
    height: 80px;
    background-color: #0b4784;
    width: 54%;
}
#footer h3{
    color: #ffffff;
    font: 14px Arial, sans-serif ;
}
#footer p{
    margin-top: 3px;
    color: #727171;
}
#alternativa{
    width: 250px;
    height: 32px;    
    float: right;
    color: #fff;	
}
#alternativa a{
    color: #fff;	
}

#zvon{
    z-index: 99;
    width: 376px;
    height: 39px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/zvovok.png);
    background-repeat: no-repeat;
}



.catalog_bl {POSITION: relative; MARGIN: 10px 20px 0px 20px; FLOAT: left; background:#dbf3fe; height: 290px; width: 350px;}

.cat_ris { TEXT-ALIGN: center;}
.cat_ris img {margin:auto;padding:4px;border:0px none;}
.cat_ris a img {border:0px none;}
.cat_ris a:hover img {padding:4px;border:0px none;}
.cat_stc{height:16px;margin-bottom:2px;}

.cat_name {padding: 3px 10px 0px 10px; font: bold 15px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #0056a7;text-align: center;}
.cat_name a {color: #0056a7; text-decoration:none}

.cat_name a{font-size:15px;font-weight:bold;text-decoration:none; line-height:28px;}

.cat_short {font-size:13px;text-decoration:none; margin-left:5px;margin-right:5px;}

.cat_name a:hover{font-size:15px;font-weight:bold;text-decoration:none;}
.tov_link {position: absolute; bottom: 0; margin: 10px 0 0 0; padding: 0 0 0 10px; background:url(/img/arrowli.jpg) 0 6px no-repeat;}
.tov_link a:hover {color: #10904f; text-decoration: underline;}

#tovar a img {padding: 3px; border: 1px solid #ccc;}
#tovar a img:hover {padding: 3px; border: 1px solid #25955b;}
#cena {padding: 10px; border: 1px solid #ccc; background: #fff;}
#cena b {font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #56706d;}
#cena em {font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ec5815;}
#tov_bg {float: left; }
#tov_foto {display: block; margin: 0 5px auto;}
#tov_foto img {padding: 2px; border: 1px solid #ccc;}
#tov_foto a img {padding: 2px; border: 1px solid #ccc; background:#dfdfdf;}
#tov_foto a:hover img {padding: 2px; background:#fff; border:#668a52 1px solid;}
#tov_fotosmall {margin: 0 0 0 4px; padding: 4px 0 0 0; width: 256px; height: 50px; border: 0px solid #000; background: #dee6e2;}
#tov_forosmall a img { text-decoration: none;}
#tov_forosmall img a { text-decoration: none;}
#tov_foto2 {display: block;}
#tov_foto2 img {padding:1px; border: 1px solid #ccc;}
#tov_foto2 a img {padding:1px; border: 1px solid #ccc;}
#tov_foto2 a:hover img {padding:1px; border: 1px solid #339900;}
#tov_info {display: block; float: left; padding: 0 10px; border: 0px solid coral;}
#tov_name {padding: 3px 10px 3px 10px; font: 17px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #0056a7; font-weight:bold}
#tov_cena {margin: 0 0 5px 0; padding: 5px; width: 140px; font: 19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #318101; background: #dee6e2; text-align: center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5x;}
#tov_txt {border: 0px solid coral;}
#tov_txt ul{list-style:disc;}
#tov_txt ol{list-style:decimal;padding-left:30px; }


#tov_txt ul, li {padding-left:30px;}
#tov_txt b,strong {font: bold}
#tov_txt i,em {font: italic}