@font-face {
    font-family: 'Corporate S Light';
    src: url("CorporateSLightRegular.otf") format("opentype");
}
@font-face {
    font-family: 'CorporateAConReg';
    src: url("CorporateAConReg.otf") format("opentype");
}


body {background-color: rgb(0,0,0);color: #fff; font-family: 'Corporate S Light', 'CorporateS Light';font-size: 17px;margin:0;
overflow-x: hidden;
}

a {color:#ffffff;}
ul {margin: 0;padding: 0;padding-left: 15px;}
ul li{margin: 0;padding: 0;line-height: 23px;    font-size: 16px;}
	p {font-size: 15px;}
.error {color: #ffffff;}

input[type='text'] {width: 100%; height: 33px; line-height: 33px; border: none; 
background: #ececec; color: #000000;margin-bottom: 9px;padding-left: 12px;
font-family: 'Corporate S Light', 'CorporateS Light';font-size: 15px;
   -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
select {width: 100%;  height: 35px; line-height: 33px; border: none; 
background: #ececec; color: #000000;margin-bottom: 9px;padding-left: 12px;
font-family: 'Corporate S Light', 'CorporateS Light';font-size: 15px;
   -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;} 

textarea {line-height: 33px;
	width: 100%; height: 117px; border: none; padding-left: 10px;padding-top: 10px;
background: #ececec; color: #000000; 
font-family: 'Corporate S Light', 'CorporateS Light';font-size: 15px;
   -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
input[type='submit']{
	background-color: #666666;
	color: #ffffff;
	border: 1px solid #666666;
	padding: 5px 15px 5px 15px;
    letter-spacing: 1px;
	font-family: 'Corporate S Light', 'CorporateS Light';
	font-size: 14px;
	/* background-image: url(decoenviar.png);
	background-repeat: no-repeat;
	background-position: right center; */
	cursor: pointer;
	margin-top:10px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;    font-size: 15px;
  
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000000;    font-size: 15px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000000;    font-size: 15px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000000;    font-size: 15px;
}
hr {border-color: #909090;}
#main {width: 100%; margin: 0 auto;background-color: rgb(0,0,0);display:table;}

#top {	width: 100%; 	height: 105px; 	margin-bottom: 0;
	background-image: url('mercedes.svg'),url('adarsa.svg');
	background-position: left 50px top 20px, right 50px top 30px;
    background-size: 257px auto, 88px auto;
	background-repeat: no-repeat;
	 float: left;
	}
#header img{width:100%;}
#header {	text-align: center;
width: 100vw; 
    max-width: 100vw;	
/* background-image: url('header.jpg'); */
margin-bottom: 0; 
float: left;
/* background-size: cover;
background-repeat: no-repeat;
min-height:600px;
 */}

 #slider {
width: 100vw; 
    max-width: 100vw;
 }
 
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	/* #header {background-image: url('header.jpg');background-size: 100% auto;} */
}
#content-list {padding:0 40px;    max-width: 1200px;
    margin: 0 auto;}

.consumo {position: absolute; bottom: 10%;left: 15px;font-size: 14px;}
.consumo.mobile {display:none;}
#header {position:relative;}
h2 {font-size: 90px;
    line-height: 75px;font-weight:normal;font-family: 'CorporateAConReg', 'CorporateACon Reg';float: left;clear: both;
margin: 0 auto 0;
}
h3 {font-size:18px;font-weight:normal;float:left;clear: both;}
h6 {font-family: 'CorporateAConReg', 'CorporateACon Reg';font-size:26px;}
h2.cmodel {font-size:48px;font-weight:normal;font-family: 'CorporateAConReg', 'CorporateACon Reg';float: left;clear: both;position:absolute;top:0;left:70px;
background: url(h2deco.jpg) no-repeat left top;
margin: 0px auto 0;
padding-top:10px;
}
h3.cmodel {font-size:24px;font-weight:normal;float:left;clear: both;position:absolute;top:0;margin: 100px auto 0;left:70px;}
h6.cmodel {font-size:12px;font-weight:normal;float:left;clear: both;position:absolute;bottom:0px;left:70px;}

h5 {font-size:28px;font-weight:normal;font-family: 'Corporate S Light', 'CorporateS Light';margin: 20px auto 0;    float: left;clear: both;}
#offers h3 {font-size:20px;font-weight:normal;font-family: 'CorporateAConReg', 'CorporateACon Reg';
 position: relative;    z-index: 0;
}
#offers h3:after {
    position:absolute;
    content:'';
    display: block;
    left:0;
    right:0;
    top:50%;
    background-color:#fff;
    height:1px;
    z-index:-2;
}
#offers h3:before {
    position: absolute;
    display:block;
    top:0;
    left:0;
    bottom:0;
    content: attr(data-content);
    background-color:#000;
    color:#000;
    z-index:-1;
    padding-right:10px;
}


#menu {    float: left;    width: 100%; clear: both;display: flex;flex-flow: row wrap;margin: 10px auto 40;}
#menu a {text-decoration:none;    width: auto;
    text-align: center;
    margin: 20px 20px 20px 0;
    font-size: 18px;
	font-family: 'CorporateAConReg', 'CorporateACon Reg';}
#menu a:hover {color:#cccccc;}
#offers {    float: left;    width: 100%;
    clear: both;}
.model {display: flex;flex-flow: row wrap;padding-bottom:60px; border-bottom: 1px solid #ffffff;}
.offer {cursor:pointer;
  width: 250px;  
  margin: 20px auto;
  text-align:center;  
  font-family: 'Corporate S Light', 'CorporateS Light';
  font-size: 16px;
}
.offer img{max-width:100%;}
.offer h4{margin: 4px auto 10px;font-weight: normal;font-size:16px;font-family: 'Corporate S Light', 'CorporateS Light';}
.offer p{margin: 4px auto;}
.offer p.concesionario{color:#00adef;}

.offer p:last-child{font-size: 14px;}

#claim1 {padding: 54px 0 0 70px; font-family: 'CorporateAConReg', 'CorporateACon Reg'; font-size: 28px;}
#claim2 {padding: 10px 0 0 0px; font-size: 17px;clear: both;float: left;}
#claim2 h5{font-size: 20px;font-family: 'CorporateAConReg', 'CorporateACon Reg'; float: left;clear:both;margin:0;}
#claim2 p{font-size: 18px;font-family: 'Corporate S Light', 'CorporateS Light'; float: left;clear:both;margin:0 0 20px;}
#subheader {	width: 590px; 	height: 137px; 	background-image: url('title10317.png');background-repeat: no-repeat;background-position: 80px top;padding: 0 80px;}

#subheader2 {	width: 590px; 	height: 137px; 	background-image: url('title2.png');background-repeat: no-repeat;background-position: 80px 54px;padding: 54px 80px;float: left;margin-top:0px;}

#form {	max-width: 720px; 	padding: 0 0 0 0px; float: left;margin-top:20px;clear: both;}

#form .fcol {float: left;display: block; }
#form .fcol.col1{width: 338px;margin-right:22px;}
#form .fcol.col2{width: 338px;}
#form .fcol.col3{width: 698px;position: relative;}
#form .option {float: none;display: inline-block;width: 100%;}
#form label {font-size:12px;display: flex;padding-right: 10px;}
#form label.llegal {margin-top:10px;width:100%;}
#form label.llegal input {    margin: 0 3px 0 0;}

#specs {padding: 20px 0 0 0; float: left;letter-spacing:1px;margin-top:0px;}
#specs p{font-family: 'Corporate S Light'; font-size: 17px;}
#specs h6{font-family: 'CorporateAConReg', 'CorporateACon Reg';font-size:26px;font-weight:normal;margin:0;padding:0;}
#specs h6 span{font-size: 19px;}
#specs p.option{font-family: 'Corporate S Light'; font-size: 18px;font-weight:normal;margin-bottom:0;}
#specs .scol {float: left;display: inline-block;}
#specs .scol.col1{width: 715px;}
#specs .scol.col1 ul {width: 100%;float: left;}
#specs .scol.col2{width: 0;}
#specs .extra {float: none;display: inline-block;width: 100%;font-size: 10px;margin-top: 30px;text-align: justify;    margin-bottom: 0;}
#specs.tlegales {max-width:1200px;margin: 0 auto;float: none;}
#specs.tlegales p{font-size:16px;}
#tlegal {width:100%;padding:0;margin-bottom:100px;}
#tlegal th{font-family: 'CorporateAConReg', 'CorporateACon Reg'; font-weight:normal; border: 1px solid #ffffff;padding:10px;}
#tlegal td{border: 1px solid #ffffff;padding:5px;font-size:12px;text-align:center;}


#tlegal2 {width:100%;padding:0;margin-bottom:100px;}
#tlegal2 th{border: 1px solid #ffffff;padding:10px;}
#tlegal2 td{border: 1px solid #ffffff;padding:10px;font-size:12px;text-align:center;}
#tlegal2 h3 {font-size:18px; }
#tlegal2 h2 {font-family: 'CorporateAConReg', 'CorporateACon Reg'; font-weight:normal;
font-size: 26px;margin:  auto ;
    float: none;
    clear: both;}


.stable {width:66%;min-width:400px;margin: 20px auto;}
#tlegal .stable td {border: 1px solid #ffffff;padding:10px;font-size:12px;}

#legal {	    clear:left;
    padding: 0px 0 20px 0;
    float: left;}
#legal hr{display: none;}
#legal p{font-family: 'Corporate S Light'; font-size: 11px;}

@media all and (max-device-width: 480px) {
    html,body { -webkit-text-size-adjust:none; }
	textarea { height: 128px;}
	h2.cmodel{position: relative;left:15px;}
	h3.cmodel {position: relative;margin-top:20px;left:15px;text-align:left;}
	h6.cmodel {position: relative;left:15px;text-align:left;}
	#top {    background-image: url(mercedes.svg),url(adarsa.svg);
    background-position: left 30px top 20px, right 20px top 20px;
    background-size: 180px auto, 88px auto;
    background-repeat: no-repeat;}
	#form .fcol.col1 {width: 100%;
		position: relative;
	}
	#form .fcol.col2 {width: 100%;
		position: relative;
	}
	#form .fcol.col3 {
		width: 100%;
		position: relative;
	}
	.consumo {display: none;}
	.consumo.mobile {display:contents;}

	#content-list {padding:0 20px;}
	h2 {
    font-size: 45px;
    line-height: 44px;
	}
	h5 {font-size:22px;}
}
@media (max-width: 480px) {
	#top {    background-image: url(mercedes.svg),url(adarsa.svg);
    background-position: left 30px top 20px, right 20px top 20px;
    background-size: 180px auto, 88px auto;
    background-repeat: no-repeat;}
}
@media (max-width: 750px) {
    html,body { -webkit-text-size-adjust:none; }
	textarea { height: 128px;}
	
	#form .fcol.col1 {width: 100%;
		position: relative;
	}
	#form .fcol.col2 {width: 100%;
		position: relative;
	}
	#form .fcol.col3 {
		width: 100%;
		position: relative;
	}
}
/* iPad, portrait & landscape. */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) {
    html,body { -webkit-text-size-adjust:none; }
	textarea { height: 128px;}

}