@charset 'utf-8';
/* CSS Document */

	 .hf img { width:18%;}
 .hf h2,  .hf p,  .hf table  { width:80%; }
 .hf{ margin:20px 0 20px 0; padding:10px 1% 10px 1% }
.hf table  tr:nth-child(2) td:nth-child(3) { position:relative }
.hf table  tr:nth-child(2) td:nth-child(3) #ramka_hf, .hf table  tr:nth-child(2) td:nth-child(3) span.ramka_aventos  {position:absolute; z-index:-2; border:#F00 solid 1px;  width:95.5%; height:auto; margin:3px 0 5px 1.5%; top:0px ; bottom:0px;   left:0px }

.hf table  tr:nth-child(2) td:nth-child(1), .hf table  tr:nth-child(2) td:nth-child(2)  { padding:20px 5px 20px 5px; color:#313131; font-size:13px; font-weight:bold; }
.hf table  tr:nth-child(2) td input[type=text] { width:40%; margin:0 auto; display:block; clear:both; font-size: 20px; color:#666; font-weight:normal; padding-left:5px; margin-top:10px}
.hf table  tr:nth-child(2) td:nth-child(3) #cena_hl, .hf table  tr:nth-child(2) td:nth-child(3) span.cena_aventos  {font-size: 16px; font-weight: bold; text-align: center; color: #313131; }
.hf  div{ width:25%; margin:0 1% 0 0; float:left}
.hf div:nth-last-child(2){ width:28%; margin-right:0}  

.hf  div:nth-last-child(3) span.selectbox{ width:70%; margin-left:3%}
.hf  div:nth-last-child(2) span.selectbox{ width:70%; margin-left:3%}
.hf  div:nth-last-child(3) p{ width:100%; margin-left:3%}
.hf  div:nth-last-child(2) p{ width:100%; margin-left:3%}

.hf  div:nth-last-child(3) p:after {content:' на механизмы:'}
.hf  a { float:left; width:100%} 
main .hf table  { float:left; margin-top:10px}
div#zagluhka span.selectbox { width:20%; margin-bottom:10px}
#zagluhka p {  width:15%}
select.plus{ margin:10px 0 10px 0 }
.video_aventos{ width:100%; margin:30px 0 0 0; float:left }
.video_aventos h2{ float:left; width:100%;  margin:10px 0 0 0 }
.video_aventos video{ float:left; width:50%; height:auto; border:none; margin: 10px 5% 20px 0}
.video_aventos ol{ float:left; margin:0; width:45% }
 p.av_hf{ width:30%}
 div.av_hf{ width:30%; float:left; margin:10px 3% 0 0;}
 div.av_hf img{ margin:10px 0 0 0; width:100%; height:auto}
.label_hf{ width:100%; margin:0 0 10px 0}
.add{ margin-left:5%}

[for="zagluhka_color"]{ margin-top: 15px }
.main_content{ float:left; width:100%}
.main_content img{ width:96%; height:auto }