/* CSS Document */
* {	border: 0;	margin: 0;	border: 0; }

html, body{ height:100%;}
body {	color: #1a181b; 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_proace_640.jpg);	
background-repeat: no-repeat;
background-position:center 0;
background-size:cover;
position:relative;
overflow:hidden;
}
#contenedor .aniproace {
width: 100%;
max-width: 980px;
height:100%;
margin: 0 auto;
position: relative; 
}
#contenedor .aniproace .condiciones {position:absolute; bottom:10px; left:10px; z-index:20;  font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-weight:normal; color:#1a181b; font-size:11px; }
#contenedor .aniproace .oferta{ position:absolute; top:-500px; margin:0 0 0 5px; font-size:16px; text-align:left; color:#1a181b;  -webkit-transition: all 0.2s ease-in-out 1s; transition: all 0.2s ease-in-out 1s;  }
#contenedor .aniproace .oferta.on{ top:5px;   }
#contenedor .aniproace .oferta .dest{ font-size:24px; line-height:20px;  color:#e4790a;  }
#contenedor .aniproace .oferta  strong{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; display:block; font-weight:normal;}
#contenedor .aniproace .oferta .claim{ font-size:16px; border-bottom:1px solid #1a181b; margin:0 0 5px 0;}
#contenedor .aniproace .oferta .f28{font-size:16px; display:inline;}
#contenedor .aniproace .oferta sup{ font-size:10px;}
#contenedor .aniproace .oferta .detfinan{ font-size:10px;}
#contenedor .aniproace .oferta .pruebalo{ position:relative; margin:10px 0 0 0; width:110px; }
#contenedor .aniproace .logo_pive{ position:absolute; margin:330px 0 0 0; display:none; }
#contenedor .aniproace .equipamiento{ position:absolute; width:96%; margin:0 2%;  bottom:-1000px;  -webkit-transition: all 0.2s ease-in-out 1s; transition: all 0.2s ease-in-out 1s; }
#contenedor .aniproace .equipamiento.on{ bottom:0px; }
#contenedor .aniproace .equipamiento .intro{  position:absolute; margin:10px 0 0 0;  left:0; width:100%; text-align:center;  }
#contenedor .aniproace .equipamiento .intro h3{ font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px;    }
#contenedor .aniproace .equipamiento .intro .ico_alt{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; font-weight:normal;  font-size:13px; text-align:center; text-transform:uppercase; color:#1a181b; display:none; position:relative;  }
#contenedor .aniproace .equipamiento .intro .ico_alt.on{ display:block;  }
#contenedor .aniproace .equipamiento .iconos{ width:100%; height:50px; position:relative;}
#contenedor .aniproace .equipamiento .iconos .ico{ position:relative; z-index:1; margin:0 5px 0 5px; cursor:pointer; float:left; width:50px; }
#contenedor .aniproace .equipamiento .iconos .ico_bigger{ position:absolute; z-index:2; display:none; width:60px;  }
#contenedor .aniproace .equipamiento .iconos .ico_bigger.on{ display:none;  }
#contenedor .aniproace .equipamiento .iconos #ico_bigger_1{  margin:-12px 0 0 0; left:210px; }
#contenedor .aniproace .equipamiento .iconos #ico_bigger_2{ margin:-12px 0 0 0; left:304px;}
#contenedor .aniproace .equipamiento .iconos .ico_equipamiento{ position:relative; float:left; z-index:1; margin:0; width:110px; height:127px; top:-15px;   }
#contenedor .aniproace .equipamiento .iconos .ico_equipamiento .ico_rotulo{ position:absolute; z-index:2; }
#contenedor .aniproace .equipamiento .iconos .ico_equipamiento .mensaje{ position:absolute; z-index:1;width:0px; margin:28px 0 0 96px; height:59px; background-image:url(../images/iconos/destacado.png); background-repeat:no-repeat; cursor:pointer; }
#contenedor .aniproace .equipamiento .iconos .ico_equipamiento .mensaje .desc{ display:none;  font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; font-weight:normal;  font-size:11px; color:#fff; margin:37px 0 0 16px;
-webkit-animation: fadeInFromNone 3s infinite;
-moz-animation:    fadeInFromNone 3s infinite;
-o-animation:      fadeInFromNone 3s infinite;
animation:         fadeInFromNone 3s infinite;
 }

/*nuevovid*/
#contenedor .videopromo{ width:100%; height:100%;   display:none; background-color: rgba(0, 0, 0, 0.8); z-index:30; position:absolute; }
#contenedor .videopromo .cont_iframe{ width:750px; height:100%; margin:30px auto 0 auto; text-align:left; color:#fff; font-size:10px;  }
#contenedor .videopromo .cont_iframe .cerrar_video{ position:absolute; margin:5px 0 0 720px;  cursor:pointer;}
#contenedor .videopromo .cont_iframe iframe{ width:750px; height:422px; margin:0;}
#contenedor .videopromo .cont_iframe .notavideo{ width:98%; margin:0 auto; padding:10px 0 0 0;}
#contenedor .videopromo .cont_iframe .notavideo a{ color:#fff;}

/*CONDICIONES OFERTA EQUIPAMIENTO*/
#legal_video{ 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_video .cerrarAviso{ float:right; clear:both; margin:5px; cursor:pointer; margin:7px 7px 0 0;}
#legal_video  h2{ clear:both; width:90%; 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_video p{ clear:both; width:90%; margin:5px auto 3px auto; text-align:justify; font-size:11px; color:#000;}


/*CONDICIONES FINAN*/
#legal_finan{ width:96%; min-height:100px; height:auto;  position:absolute; z-index:130; bottom:5px; margin:0 2%; 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 (min-width:768px) { 
#contenedor {
width: 100%;
max-width: 100%;
height:100%;
margin: 0 auto;
background-image: url(../images/fd_proace_768.jpg);	
background-repeat: no-repeat;
background-position:center 0;
background-size:cover;
position:relative;
overflow:hidden;
}

#contenedor .aniproace .oferta{ position:absolute; top:-500px; margin:0 0 0 25px; font-size:16px; text-align:left; color:#1a181b;  -webkit-transition: all 0.2s ease-in-out 1s;
    transition: all 0.2s ease-in-out 1s;  }
#contenedor .aniproace .oferta.on{ top:25px;   }
#contenedor .aniproace .oferta .dest{ font-size:42px; line-height:34px;  color:#e4790a;  }
#contenedor .aniproace .oferta  strong{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; display:block; font-weight:normal;}
#contenedor .aniproace .oferta .claim{ font-size:24px; border-bottom:1px solid #1a181b; margin:5px 0 10px 0;}
#contenedor .aniproace .oferta .f28{font-size:28px; display:inline;}
#contenedor .aniproace .oferta sup{ font-size:20px;}
#contenedor .aniproace .oferta .detfinan{ font-size:12px;}
#contenedor .aniproace .oferta .pruebalo{ position:relative; margin:30px 0 0 0; width:auto; }
#contenedor .aniproace .equipamiento .intro{  position:relative; margin:10px 0 0 3px; text-align:left;  }
#contenedor .aniproace .equipamiento .intro h3{ font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px;  }
#contenedor .aniproace .equipamiento .intro .ico_alt{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; font-weight:normal;  font-size:13px; text-align:center; text-transform:uppercase; color:#1a181b; display:none; position:relative; }
#contenedor .aniproace .equipamiento{ position:absolute; width:100%; margin:0 1%; height:109px; bottom:-1000px;  -webkit-transition: all 0.2s ease-in-out 1s; transition: all 0.2s ease-in-out 1s;  }
#contenedor .aniproace .equipamiento.on{ bottom:150px; }
#contenedor .aniproace .equipamiento .iconos{ width:520px; height:109px; float:right; }
#contenedor .aniproace .equipamiento .iconos .ico{ position:relative; z-index:1; margin:0 5px 0 5px; cursor:pointer; float:left; width:auto; }
#contenedor .aniproace .equipamiento .iconos .ico_bigger{ position:absolute; z-index:2; display:none; width:110px;  }
#contenedor .aniproace .equipamiento .iconos .ico_bigger.on{ display:block;}
#contenedor .aniproace .equipamiento .iconos #ico_bigger_1{  margin:-12px 0 0 0; left:-10px; }
#contenedor .aniproace .equipamiento .iconos #ico_bigger_2{ margin:-12px 0 0 0; left:87px;}
#contenedor .aniproace .equipamiento .iconos #ico_bigger_3{ margin:-12px 0 0 0; left:180px;}
#contenedor .aniproace .equipamiento .iconos #ico_bigger_4{ margin:-12px 0 0 0; left:274px;}
#contenedor .aniproace .equipamiento .iconos #ico_bigger_5{ margin:-12px 0 0 0; left:370px;}

}

@media (min-width:1024px) { 
#contenedor {
width: 100%;
max-width: 100%;
height:100%;
margin: 0 auto;
background-image: url(../images/fd_proace_1600.jpg);	
background-repeat: no-repeat;
background-position:center 0;
background-size:cover;
position:relative;
overflow:hidden;
}

#contenedor .aniproace .oferta{ position:absolute; top:-1000px; margin:0 0 0 20px; font-size:24px; text-align:left; color:#1a181b;  }
#contenedor .aniproace .oferta.on{ top:80px;  -webkit-transition: all 0.2s ease-in-out 1s; transition: all 0.2s ease-in-out 1s;  }
#contenedor .aniproace .oferta .dest{ font-size:42px; line-height:34px;  color:#e4790a;  }
#contenedor .aniproace .oferta  strong{ font-family:'ToyotaDisplayBold',Arial, Helvetica, sans-serif; display:block; font-weight:normal;}
#contenedor .aniproace .oferta .claim{ font-size:24px; border-bottom:1px solid #1a181b; margin:5px 0 10px 0;}
#contenedor .aniproace .oferta .f28{font-size:28px; display:inline;}
#contenedor .aniproace .oferta sup{ font-size:20px;}
#contenedor .aniproace .oferta .detfinan{ font-size:12px;}
#contenedor .aniproace .logo_pive{ position:absolute; margin:330px 0 0 0; display:none; }
#contenedor .aniproace .equipamiento.on{ bottom:20px; }
#contenedor .aniproace .equipamiento .intro{  position:relative; margin:10px 0 0 3px; text-align:left;  }
#contenedor .aniproace .equipamiento .intro h3{ font-family:'ToyotaDisplayRegular',Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; text-align:center;  }
#contenedor .aniproace .equipamiento .intro .ico_alt{  font-size:15px; }
#contenedor .aniproace .equipamiento .iconos{ width:520px; height:109px; float:right; }
#contenedor .aniproace .equipamiento .iconos .ico{ position:relative; z-index:1; margin:0 5px 0 5px; cursor:pointer; float:left; }
#contenedor .aniproace .equipamiento .iconos .ico_bigger{ position:absolute; z-index:2; display:none; width:110px;  }
#contenedor .aniproace .equipamiento .iconos #ico_bigger_1{  margin:-12px 0 0 0; left:-10px; }
#contenedor .aniproace .equipamiento .iconos #ico_bigger_2{ margin:-12px 0 0 0; left:87px;}
#contenedor .aniproace .equipamiento .iconos #ico_bigger_3{ margin:-12px 0 0 0; left:180px;}
#contenedor .aniproace .equipamiento .iconos #ico_bigger_4{ margin:-12px 0 0 0; left:274px;}
#contenedor .aniproace .equipamiento .iconos #ico_bigger_5{ margin:-12px 0 0 0; left:370px;}
}

@-webkit-keyframes fadeInFromNone {
  0%   {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0; }
  100% {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1.0;

  /* Safari 1.x */
  -khtml-opacity: 1.0;

  /* Good browsers */
  opacity: 1.0; }
}