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


* {
	border: 0;
	margin: 0;
	border: 0;
}
html, body{ height:100%;}
body {
	color: #fff; font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-weight:normal; 
}
h1 {
	font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	text-align:left;
}
#contenedor {
	width: 100%;
	max-width: 100%;
	height:100%;
	margin: 0 auto;
	background-image: url(../images/fd_landing.jpg);
	background-repeat: no-repeat;
	position:relative;
	overflow:hidden;
	background-size:cover;
}


#contenedor .anirav4 {
	width: 100%;
	max-width: 980px;	
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#contenedor .anirav4 .show_opcion_menu{ width: 400px; position:absolute; top:0; display:none; }

#contenedor .anirav4 .navegacion{ width:100%; height:27px; background-image:url(../images/fd_menu.png); background-repeat:no-repeat; background-position:center center; background-size:100%;  text-align:right;
 margin:0 auto;  -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; padding:0 0 0 0; position:absolute; z-index:6; display:none;}
#contenedor .anirav4 .navegacion .opc{ margin:0 6px 0 0; cursor:pointer;}

#contenedor .anirav4 .inicio{ position:absolute; margin:80px 0 0 10px;  }
#contenedor .anirav4 .coche{ width:650px; height:300px;position:relative;  display:none; margin:340px 0 0 24%;}
#contenedor .anirav4 .coche .reflejo{ position:absolute; z-index:2; left:0;  top:0;  width:650px; height:300px; background-image:url(../images/ani_coche_reflejo.png); background-size:100%; }
#contenedor .anirav4 .coche .nubepolvo{ position:absolute; z-index:1; left:0;  top:0;  width:650px; height:300px; background-image:url(../images/ani_coche_humo.png); background-position:-84px 0; background-size:100%;  }
#contenedor .anirav4 .coche .anicoche{  width:650px; height:300px; position:absolute; z-index:3; left:0; top:0; background-image:url(../images/coche.png); background-repeat:no-repeat; background-size:100%; }


#contenedor .anirav4 .oferta{ position:absolute; margin:0 0 0 10px; font-size:18px; text-align:left;  }
#contenedor .anirav4 .oferta .dest{ font-size:28px; line-height:24px;  }
#contenedor .anirav4 .oferta  strong{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif;}
#contenedor .anirav4 .oferta .f40{font-size:40px;}
#contenedor .anirav4 .oferta .f28{font-size:28px; text-transform:uppercase;}
#contenedor .anirav4 .oferta sup{ font-size:20px;}

#contenedor .anirav4 .ofertafinan{ position:absolute; margin:100px 0 0 10px; font-size:18px; text-align:left;  }
#contenedor .anirav4 .ofertafinan .dest{ font-size:28px; line-height:24px;  }
#contenedor .anirav4 .ofertafinan  strong{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif;}
#contenedor .anirav4 .ofertafinan .f40{font-size:40px;}
#contenedor .anirav4 .ofertafinan .f28{font-size:28px; text-transform:uppercase;}
#contenedor .anirav4 .ofertafinan sup{ font-size:20px;}





#contenedor .anirav4 .condiciones {position:absolute; bottom:30px; left:10px; z-index:20;  font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; font-size:11px; display:none;}
#contenedor .anirav4 .logopive{ position:absolute; bottom:30px; right:0; z-index:20; width:10%; max-width:10%;}
#contenedor .anirav4 .hot_info{ display:none; width:200px;}
#contenedor .anirav4 #hot_info_1{ position:absolute; z-index:30; left:100px; top:0px;}
#contenedor .anirav4 #hot_info_2{ position:absolute; z-index:31; left:58px; top:66px;}
#contenedor .anirav4 #hot_info_3{ position:absolute; z-index:36; left:330px; top:35px;}
#contenedor .anirav4 #hot_info_4{ position:absolute; z-index:33; left:240px; top:135px;}
#contenedor .anirav4 #hot_info_5{  position:absolute; z-index:36; left:300px; top:25px;}

#contenedor .oferta20 { position:absolute; top:180px; left:10px; }
#contenedor .oferta20 .equipamiento{ width:220px; padding:3px 10px; -webkit-border-radius: 8px; border-radius: 8px; background-color: rgba(50, 42, 30, 0.8); color: rgba(50, 42, 30, 0.8); -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; font-size:13px; color:#fff; }

#contenedor .oferta20 .equipamiento ul{ border-left:1px solid #fff; margin:5px 0 0 5px; list-style:none; padding:0 0 0 10px; }
#contenedor .oferta20 .equipamiento ul li{ margin:0 0 4px 0;}

#contenedor .anirav4  .pack{ width:300px; padding:3px 10px 0 0; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; font-size:16px; color:#fff; position:absolute; top:360px; left:10px; display:none;}
#contenedor .anirav4 .pack .f28{font-size:22px; text-transform:uppercase;}
#contenedor .anirav4 .pack .dest{ font-size:28px; line-height:24px;  }
#contenedor .anirav4 .pack  strong{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif;}

#contenedor .anirav4 .pack .equip{ width:220px; padding:3px 10px; -webkit-border-radius: 8px; border-radius: 8px; background-color: rgba(50, 42, 30, 0.8); color: rgba(50, 42, 30, 0.8); -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;  font-size:13px; color:#fff; position:relative; top:10px; height:150px;  }
#contenedor .anirav4 .pack .equip ul{ margin:5px 0 0 20px;  padding:0; }
#contenedor .anirav4 .pack .equip ul li{ margin:0 0 4px 0; display:none;}
#contenedor .anirav4 .pack .valorado{ width:270px; padding:3px 10px 0 0; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; font-size:11px; color:#fff; position:absolute; top:225px; left:10px; display:none;}



#contenedor .detallefinan{ width:220px; padding:10px; -webkit-border-radius: 8px;
border-radius: 8px; background-color: rgba(50, 42, 30, 0.8);

color: rgba(50, 42, 30, 0.8); -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; font-size:13px; top:220px; left:10px; color:#fff; position:absolute; }
#contenedor .detallefinan .precio{ font-size:16px;}
#contenedor .detallefinan .precio .dest{ font-size:28px; font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; font-weight:normal;  }
#contenedor .detallefinan ul{ border-left:1px solid #fff; margin:10px 0 0 5px; list-style:none; padding:0 0 0 10px; }
#contenedor .detallefinan ul li{ margin:0 0 2px 0;}



#contenedor .anirav4 .introoferta{ position:absolute; margin:100px 0 0 10px; font-size:18px; text-align:left;  }
#contenedor .anirav4 .introoferta .dest{ font-size:28px; line-height:24px;  }
#contenedor .anirav4 .introoferta  strong{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif;}
#contenedor .anirav4 .introoferta .f40{font-size:40px;}
#contenedor .anirav4 .introoferta .f28{font-size:28px; text-transform:uppercase;}
#contenedor .anirav4 .introoferta sup{ font-size:20px;}

#contenedor .pruebalo{ width:250px; padding:10px 10px 20px 10px; -webkit-border-radius: 8px;
border-radius: 8px; background-color: rgba(50, 42, 30, 0.8);

color: rgba(50, 42, 30, 0.8); -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; font-size:13px; top:180px; left:10px; color:#fff; position:absolute; z-index:51; }



#contenedor .pruebalo h2{  font-size:16px; font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-weight:normal; }
#contenedor .pruebalo fieldset{ padding:5px 0 0 0;}
#contenedor .pruebalo .gracias{font-size: 12px;display:none; color:#fff;}
#contenedor .pruebalo .error{display:none;color:#fff;}
#contenedor .pruebalo .formul{ width:100%;  }
#contenedor .pruebalo .control{ width:100%; margin:0 auto 7px auto; clear:both; display:table; font-size:13px; color:#fff; text-align:left;}
#contenedor .pruebalo .control input{ float:right; padding:3px; width:140px; -webkit-border-radius:5px;
border-radius: 5px; }
#contenedor .pruebalo .acepto{ width:100%; clear:both; font-size:11px; color:#fff;}
#contenedor .pruebalo .nota{ width:60%; float:right; margin:0 0 2px 0; font-size:10px;}
#contenedor .pruebalo .acepto input{ margin:0 2px 0 0; vertical-align:middle;}
#contenedor .pruebalo .enviar{ width:100%; margin:10px auto 0 auto; clear:both; display:table; text-align:right;}
#contenedor .pruebalo .enviar .enviando{ display:none;}
#contenedor .pruebalo .enviar .enviando .gif{ margin-right: 10px;}
#contenedor .pruebalo .acepto a{ color:#fff;  }
#contenedor .pruebalo .close{ float:left; margin:10px 10px 0 0; clear:both;}
#contenedor .pruebalo .cancelar{  margin:10px 10px 0 0; cursor:pointer; }


/*HISTORIA*/
#contenedor .historia{	
	width: 980px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden; }
#contenedor .historia .slider{ width:100%; height:420px; overflow:hidden; position:relative; margin:0 auto }
#contenedor .historia .slider .ant{  position:absolute; top:36%; left:0; z-index:3; }
#contenedor .historia .slider .sig{  position:absolute; top:36%; right:0;  z-index:3;}
#contenedor .historia .slider .slider_content{ width:1000%; position:relative; z-index:1; }
#contenedor .historia .slider .slider_content figure{ width:10%;float:left; margin:0; }
#contenedor .historia .slider .slider_content figure .ilust{position:relative; }		
#contenedor .historia .slider .slider_content figure figcaption{ width:430px; position:absolute; text-align:left; font-family: "ToyotaDisplayRegular", Helvetica, Arial, sans-serif; color:#fff; font-size:13px; font-weight:normal; }
#contenedor .historia .slider .slider_content figure figcaption strong{ color:#fff; font-weight:bold; display:block; }
#contenedor .historia .slider .slider_content figure figcaption.date1994{ margin:100px; top:90px; margin:0 0 0 460px; z-index:2;  }
#contenedor .historia .slider .slider_content figure figcaption.date2000{ margin:100px; top:90px; margin:0 0 0 60px; z-index:2;  }
#contenedor .historia .slider .slider_content figure figcaption.date2006{ margin:100px; top:90px; margin:0 0 0 500px; z-index:2;  }
#contenedor .historia .slider .slider_content figure figcaption.date2013{ margin:100px; top:90px; margin:0 0 0 500px; z-index:2;  }

#contenedor .historia .timeline{ width:100%; height:111px; overflow:hidden; position:relative; margin:0 auto; background-image:url(../images/historia/fd_date.png); background-repeat:no-repeat; background-position:0 0; }
#contenedor .historia .timeline .ico_1994{  position:absolute; z-index:2; }	
#contenedor .historia .timeline .ico_2000{  position:absolute; z-index:2; }
#contenedor .historia .timeline .ico_2006{  position:absolute; z-index:2; }
#contenedor .historia .timeline .ico_2013{  position:absolute; z-index:2; }

/*Aviso Legal*/
#legal_pruebalo{ width:100%; height:100%;  background-color: rgba(0, 0, 0, 0.86);  position:absolute; z-index:121; top:0; left:0; display:none;}
#legal_pruebalo .avisoLegal{ width:650px; height:310px;  position:absolute; z-index:103; top:100px; left:50%;  margin:0 0 0 -325px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow:  2px 2px 10px 1px #999999;
        box-shadow:  2px 2px 10px 1px #999999;  }
#legal_pruebalo .avisoLegal .cerrar{ float:right; clear:both; margin:5px; cursor:pointer; margin:7px 7px 0 0;}
#legal_pruebalo .avisoLegal h2{ clear:both; width:630px; margin:5px auto 20px auto; font-family:'ToyotaDisplayBold',Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#333; text-transform:uppercase;}
#legal_pruebalo .avisoLegal p{ clear:both; width:630px; margin:0 auto 6px auto; text-align:justify; font-size:9px; color:#000;}

/*CONDICIONES OFERTA EQUIPAMIENTO*/
#legal_equip{ width:99%; min-height:100px; height:auto;  position:absolute; z-index:130; bottom:5px; margin:0 0 0 5px; font-family: Arial, Helvetica, sans-serif; font-size:10px; background-color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;   -webkit-box-shadow:  2px 2px 10px 1px #999999;
        box-shadow:  2px 2px 10px 1px #999999; display:none;  }
#legal_equip .cerrarAviso{ float:right; clear:both; margin:5px; cursor:pointer; margin:7px 7px 0 0;}
#legal_equip  h2{ clear:both; width:96%; margin:5px auto 5px auto; font-family:'ToyotaDisplayBold',Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#333; text-transform:uppercase;}
#legal_equip p{ clear:both; width:95%; margin:5px auto 3px auto; text-align:justify; font-size:11px; color:#000;}


/*CONDICIONES FINAN*/
#legal_finan{ width:99%; min-height:100px; height:auto;  position:absolute; z-index:130; bottom:5px; margin:0 0 0 5px; font-family: Arial, Helvetica, sans-serif; font-size:10px; background-color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;   -webkit-box-shadow:  2px 2px 10px 1px #999999;
        box-shadow:  2px 2px 10px 1px #999999; display:none;  }
#legal_finan .cerrarAviso{ float:right; clear:both; margin:5px; cursor:pointer; margin:7px 7px 0 0;}
#legal_finan  h2{ clear:both; width:96%; margin:5px auto 5px auto; font-family:'ToyotaDisplayBold',Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#333; text-transform:uppercase;}
#legal_finan p{ clear:both; width:96%; margin:5px auto 3px auto; text-align:justify; font-size:11px; color:#000;}


@media only screen and (min-width: 1024px)  {
#contenedor .anirav4 .navegacion{ width:100%; height:27px; background-image:url(../images/fd_menu.png); background-repeat:no-repeat; background-position:center center; text-align:right; margin:0 auto;  -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; padding:0 120px 0 0; position:absolute; z-index:6; display:none;}
#contenedor .anirav4 .navegacion .opc{ margin:0 6px 0 0; cursor:pointer;}	
#contenedor .anirav4 .coche{ width:883px; height:408px;position:relative;  display:none; margin:26% 0 0 180px;}
#contenedor .anirav4 .coche .reflejo{ position:absolute; z-index:2; left:0;  top:0;  width:883px; height:408px; background-image:url(../images/ani_coche_reflejo.png); }
#contenedor .anirav4 .coche .nubepolvo{ position:absolute; z-index:1; left:0;  top:0; width:883px; height:408px; background-image:url(../images/ani_coche_humo.png); background-position:-84px 0;  }
#contenedor .anirav4 .coche .anicoche{ width:883px; height:408px; position:absolute; z-index:3; left:0; top:0; background-image:url(../images/coche.png); }
#contenedor .anirav4 .hot_info{ display:none; width:auto;}
#contenedor .anirav4 #hot_info_1{ position:absolute; z-index:30; left:100px; top:0;}
#contenedor .anirav4 #hot_info_2{ position:absolute; z-index:31; left:90px; top:66px;}
#contenedor .anirav4 #hot_info_3{ position:absolute; z-index:36; left:440px; top:56px;}
#contenedor .anirav4 #hot_info_4{ position:absolute; z-index:33; left:320px; top:165px;}
#contenedor .anirav4 #hot_info_5{  position:absolute; z-index:36; left:240px; top:0;}
}