/* new */
html, body, div, span, applet, object, iframe,
h1, h2, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  font,  ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, ul, li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

@font-face{
font-family:"VWD4 Black";
  src:url("/img_vw/css/font/VWHeadlineOT-Black.eot");
  src:url("/img_vw/css/font/VWHeadlineOT-Black.eot?#iefix") format("embedded-opentype"),
  url("/img_vw/css/font/VWHeadlineOT-Black.woff") format("woff"),
  url("/img_vw/css/font/VWHeadlineOT-Black.svg#webfontfbDJZY22") format("svg"),
  url("/img_vw/css/font/VWHeadlineOT-Black.ttf") format("truetype");
}

h2 {


    font-family: "VWD4 Black",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
	color:#111;

   

}

div {
    border: medium none;
    margin: 0;
    padding-top: 0px;
}
body, h6 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.header {
    
    position:absolute; 
	left:15px; 
	top:0px; 
	z-index:1;
    width: 450px;
    height:110px;

}


.content {
    position:absolute; 
	/*left:15px; */

	top:110px; 
    
}


.content  p {
 padding-left:25px;

 
}

img {
    border: 0 none;
}







td.lable {
    color: #000000 !important;
	padding-top: 5px;
    vertical-align: top;
    width: 191px;
}


.content form
{
	background:#eaeeed;
	width:445px;
	color:#000!important;
	margin-top:10px;
	padding: 8px;
	
}
.content form input, .content form select, .content form textarea 
{
	font-size:11px !important;
	color:#333333 !important;
	height:22px;
}

.content form img {
    width: auto!important;
}



.content form input, .content form select, .content form textarea
{
	width:248px;
	background-color: #FFFFFF;
    border: 1px solid #CFD7D9;
    padding: 2px;
	margin-bottom:3px;
	
}
.content form select
{
	width:248px;
	height:22px;
}

 .content form img
 {
	width:254px;
	margin-top:3px;
	margin-bottom:3px;
}
.form-required
{
	color:#000!important;
}
.content form textarea
{
	height:147px
}
.content form input
{	
	height:20px;
}

.radio_lable
{	
	width:15px !important;
	 border: none !important;
	 background:#eaeeed !important;
	 height:15px!important;
	 
	 margin-top:10px;
	 

}
.send_form
{
	background: url("/img_vw/send_sprite.gif") no-repeat scroll 0 0 transparent;
    color: #3E3E3E;
    display: block;
    float: right;
    padding:0px;
    margin-top: 5px;
    padding-top: 4px!important;
    text-align: center;
    text-decoration: none;
    width: 101px!important;
	height:24px!important;
	border:none!important;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
}
.send_form:hover
{
	background-position:0px -25px;
}


input[type="checkbox" ] {

  margin: 0px 10px 0px 0px !important;
	width:15px !important;
	height: 15px !important;
  
}

.chect_lable{
     margin: 0px 0px 0px 0px !important;
   /*font-size:9px; */
   }
  

form a { color:#2274ac;
text-decoration:underline; }  
form  a:hover { color:#2274ac;
text-decoration:none; }
  
.error_check   { color:#E4002C ; } 
.error_check a { color:#E4002C ; }   
.error_check  a:hover { color:#E4002C ; }   
input.error_check[type="checkbox" ] {
border:solid 1px #E4002C   !important;
  
}

/* Блок А1 */
/* Добавлено для оптимизации форм, вставляемых  IFrame-ом на страницы volkwagen-petersburg.ru
 * Исполнители: oleg@k-digital.ru, andrey@k-digital.ru, dmitry@k-digital.ru, kati@k-digital.ru, andrey@kreado.ru
 * Для связи: andrey@kreado.ru
 */

.content {
  max-width: 97%;
}
.content form, .form-table, .form-table tr
{
  max-width: 97%;
}


.form-table, .form-table tr, .form-table tr td
{
  /* display: block !important;
  width: 97% !important;
  float: left !important; */
}
.form-table tr td
{
  max-width: 54%;
}
.form-table tr td[colspan=2]
{
  max-width: 97%;
}
.form-table tr td.lable
{
  max-width: 41%;
}
.form-table tr td input, .form-table tr td select, .form-table tr td textarea, .form-table tr td button
{
  max-width: 97%;
  padding: 0;
  margin: 0;
}
@media only screen and (max-device-width: 480px)
{
  .content {
    max-width: 320px;

  }
  .content form, .form-table, .form-table tr
  {
    max-width: 320px;
  }
  table {
  width:90%;
  max-width: 290px; 
  }
  
 
  
  .form-table, .form-table tr, .form-table tr td
  {
    /* display: block !important;
    width: 97% !important;
    float: left !important; */
  }
  
  .form-table tr td[colspan='2']
  {
   /* width: 97%;
    max-width: 330px;
    white-space: normal;
	*/
	
  }
  .form-table tr td.lable
  {
    width: 41%;
    max-width: 123px;
	
  }
  .form-table tr td
  {
    width: 58%;
    max-width: 167px;
    
  }
  .form-table tr td input, .form-table tr td select, .form-table tr td textarea, .form-table tr td button
  {
    width: 97%; 
    max-width: 167px;
    padding: 0;
    margin: 0;
	
  }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { /* STYLES GO HERE */ }
{
  .content {
    max-width: 330px;
	
  }
  .content form, .form-table, .form-table tr
  {
    max-width: 330px;
  }
  
  
  .form-table, .form-table tr, .form-table tr td
  {
    /* display: block !important;
    width: 97% !important;
    float: left !important; */
  }
  .form-table tr td
  {
    width: 58%;
    max-width: 183px;
    
  }
  .form-table tr td[colspan='2']
  {
    width: 97%;
    max-width: 336px;
    white-space: normal;
  }
  .form-table tr td.lable
  {
    width: 41%;
    max-width: 123px;
  }
  .form-table tr td input, .form-table tr td select, .form-table tr td textarea, .form-table tr td button
  {
    width: 97%;
    max-width: 213px;
    padding: 0;
    margin: 0;
  }
}
/* Конец блока А1 */