@charset 'utf-8';
/* CSS Document */
 .petli_blum { float:left; margin:10px 0 10px 0; width:100%; background:none; background:url(img/fon-1-px.png);  height:50px;   }
.petli_blum {  height:auto   }
  .petli_blum h2 { float:left; margin:5px 0 0 2%; color:#FFF;  font-size:28px; font-weight:bold}
.petli_blum h2 {font-size:20px}
 .petli_blum_cont {float:left;width:49.3%; margin-top:20px}
 .petli_blum_cont  p, .petli_blum_cont  h3, .petli_blum_cont  h2{   width:95%; float:left; padding:2px 2px 2px 5px; margin:5px 0 10px 0; font-size:13px}
 .petli_blum_cont  h3, .petli_blum_cont  h2{background:#575756; color:#FFF;}
 .petli_blum_cont  p{ line-height:1.5; font-size:12px; margin:5px 0 0 0}
 .petli_blum_cont  p a{ font-size:12px}
 .petli_blum_cont  p.petli_cont{ margin:0px 0 5px 0; padding:10px; width:95%; font-size:12px; background:#FFF; color:#313131;}
 .petli_blum_cont  img{float:left;width:95%; cursor:pointer;border: 1px solid #FFF}
 .petli_blum_cont  img:hover { border: 1px solid #0884FF}
 .petli_blum_cont img + span{float:right; font-size:13px; text-decoration:underline; margin:-30px 15% 0 0;color: #0000FF }
 .petli_blum_cont img:hover + span{color: #FF0000 }
 .petli_blum_cont details{float:left; width:95%;   margin:0 0 10px 0 } 
 .petli_blum_cont details p, .petli_blum_cont summary{ width:100%; margin:0}
 .petli_blum_cont summary{ width:100%; margin:0}
main article { width:100%; margin:0}
main article h2{ margin:10px 0 0 0; font-size:15px}
 article {
    margin: 70px 0 0.75% 0.5%
 }
 div.petli_blum {
}
main> h2{
    float: left;
	font-size:22px;
    width: 100%;
    background:#EDEDED;
     color:#ff671f;
	 line-height:1.7;
	  padding-left:2%;
	
}

@media screen and (max-device-width: 480px) and (orientation: portrait){
 div.petli_blum_cont {width:98%;}
}