body { background: #fff ; margin: 0; padding: 0;  }
a {text-decoration: none;}
a:hover {transition: all 0.5s;}

/*Стуктура сайта*/
div.mid{width: 1000px; margin: 0 auto; }
div.header{ background: #fff; padding-top: 20px;}
div.footer{ margin: 20px 0; text-align: center; text-transform: uppercase;}




/*Хедер*/
div.logo{padding: 90px 0px 0px 0px; background:  url(pic/logo_ua.png)  no-repeat top left; /*width: 1000px; height: 10%;*/} 
div.afisha{padding: 20px 50px 0px 50px; /*margin-top: 20px;*/ background:  url(pic/headline.png) top repeat-x;} 
div.afisha img{float: left;}
div.afisha h4{font-size: 28px; font-weight: normal; text-align: left; color: #8B4513; text-shadow: 1px 1px 3px #0b4455;}
div.afisha h3{font-size: 24px; font-weight: normal; text-align: left; color: #CD853F; text-shadow: 1px 1px 3px #0b4455;}

/*Контент*/
div.fon{background: /*#fff*/ url(pic/h1.jpg); border: 1px solid #ccc; border-top: none; padding: 40px;
font: 8px/12px Arial, Tahoma, sans-serif; color: #272727;}
div.fon hr.line{border-bottom: 1px; dashed: #ccc; margin: 40px 0;}
div.block{width: 400px; float: left;}
div.block:nth-of-type(even){float: right;}
div.block a {color: #272727; }

div.product{background: #f5f5f5; border: 1px solid #ccc; border-radius: 10px; padding: 40px;  }
div.product:hover {background: #C0C0C0; border: 1px solid #bfd5dd;}
div.product img {box-shadow: 1px 1px 5px #777;border-radius: 10px;}
div.product h3 {font-size: 20px; font-weight: normal; margin: 20px 0px 10px; padding: 0; color: #A0522D; line-height: 20px;}
div.product p {font-size: 12px; text-shadow: 1px 1px 0 #fff}
div.product li {font-size: 12px; text-shadow: 1px 1px 0 #fff}

div.product_map{background: #f5f5f5; border: 1px solid #ccc; border-radius: 10px; padding: 40px;  }
div.product_map:hover {background: #C0C0C0; border: 1px solid #bfd5dd;-webkit-transform: scale(3.0);
  -ms-transform: scale(3.0);
  transform: scale(3.0);}
div.product_map img {box-shadow: 1px 1px 5px #777;border-radius: 10px;}
div.product_map h3 {font-size: 20px; font-weight: normal; margin: 20px 0px 10px; padding: 0; color: #A0522D; line-height: 20px;}
div.product_map p {font-size: 12px; text-shadow: 1px 1px 0 #fff}
div.product_map li {font-size: 12px; text-shadow: 1px 1px 0 #fff}



div.clear{clear: both;}

/*Адаптивный дизайн*/
@media screen and (max-width: 1000px)	{
/*div.logo{width: 95%;}
div.afisha{width: 95%;}*/
div.mid {width: 95%;}
div.afisha h4{font-size: 20px;}
div.afisha h3{font-size: 16px;}
div.fon {background: #fff; width: 95%;}
div.block{width: 48%;}

div.product img {width: 100%;}
div.product h3 {font-size: 16px;}

div.product_map img {width: 100%;}
div.product_map h3 {font-size: 16px;}

									
 					}

@media screen and (max-width: 640px)	{

div.header{text-align: center; background-position: center -130px;}
div.afisha, div.block, div.block:nth-of-type(even) {float: none;}
div.block{width: auto;}

					}