/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 1, 2017 */

@font-face {
    font-family: 'open_sansbold';
    src: url('font/opensans-bold-webfont.woff2') format('woff2'),
         url('font/opensans-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('font/opensans-light-webfont.woff2') format('woff2'),
         url('font/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#cuerpo{width: 100%;max-width: 958px; margin: 0 auto!important; font-family: 'open_sanslight',sanserif!important;}
#cuerpo .sombra{border-right: solid 1px #dbdadb;border-left: solid 1px #dbdadb;border-bottom: solid 2px #dbdadb;}
#cuerpo .logohe{text-align: right;margin:2%;}
#cuerpo .backto{position: relative;border-right: solid 1px #dbdadb;border-left: solid 1px #dbdadb;border-top: solid 2px #dbdadb;}
#cuerpo .sehe{color: #858585;font-size: 14px;font-family: 'open_sansregular',sanserif;}

#cuerpo .barraca{background:#015f9c;color: white;}
#cuerpo .barraca p{padding: 10px 25px;margin:0;}
#cuerpo .sanshr{font-family: 'open_sansbold',sanserif;font-weight: bold;}

#cuerpo #regular{font-family: 'open_sansregular',sanserif;}

#cuerpo #imagenlogo{width: 15%;}
#cuerpo .premio{position: absolute;top: 55%;width: 100%;left: 44px;}
#cuerpo .img-premio{width: 8%;}

 #cuerpo .banner{background-repeat: no-repeat;height: 100%;background-size: 100%;background-position: 60%;}
 #cuerpo .backto.imagen-banner1{background-image: url(../img/banner02.jpg);background-repeat: no-repeat;height: 600px;background-size: 100%;background-position: 60%;}
 #cuerpo .backto.imagen-banner2{background-image: url(../img/banner01.jpg);background-repeat: no-repeat;height: 600px;background-size: 100%;background-position: 60%;}
 #cuerpo .backto.imagen-banner3{background-image: url(../img/banner03.jpg);background-repeat: no-repeat;height: 560px;background-size: 100%;background-position: 60%;}
 #cuerpo .backto.imagen-banner4{background-image: url(../img/banner04.jpg);background-repeat: no-repeat;height: 600px;background-size: 100%;background-position: 60%;}
 #cuerpo .backto.imagen-banner5{background-image: url(../img/banner05.jpg);background-repeat: no-repeat;height: 100%;background-size: 120%;background-position: 60%;}
 #cuerpo .backto.imagen-banner7{background-image: url(../img/banner06.jpg);background-repeat: no-repeat;height: 560px;background-size: 100%;background-position: 60%;}
 #cuerpo .backto.imagen-banner8{background-image: url(../img/banner08.jpg);background-repeat: no-repeat;height: 100%;background-size: 105%;background-position: 60%;}
 #cuerpo .backto.imagen-banner9{background-image: url(../img/banner09.jpg);background-repeat: no-repeat;height: 560px;background-size: 100%;background-position: 60%;}
 #cuerpo .backto.imagen-banner91{background-image: url(../img/banner09_1.jpg);background-repeat: no-repeat;height: 450px;background-size: 100%;background-position: 60%;}
 
 #cuerpo .titulo-banner{position: absolute;left:44px;top:3%;width: 60%;}
 #cuerpo #titulo-banner-izquierda{position: absolute;left:500px;top:3%;width: 40%;}
 #cuerpo .titulo-espacio{position: absolute;left:44px;top:10%;width: 60%;}
 #cuerpo .titulo-caracteristicas{width: 100%;text-align: center;}
 #cuerpo .titulo-lavadoras{width: 100%;padding-left: 3%;}

 #cuerpo .imagen-banner1 #cuerpo-banner1{position: absolute;top: 35%;left: 44px;width: 45%;}
 #cuerpo .imagen-banner2 #cuerpo-banner2{position: absolute;top: 28%;left: 44px;width: 40%;}
 #cuerpo .imagen-banner3 #cuerpo-banner3{position: absolute;top: 30%;left: 44px;width: 40%;}
 #cuerpo .imagen-banner4 #cuerpo-banner4{position: absolute;top: 20%;left: 500px;width: 45%;}
 #cuerpo .imagen-banner8 #cuerpo-banner8,
 #cuerpo .imagen-banner5 #cuerpo-banner5{width: 100%;}
 #cuerpo .imagen-banner6 #cuerpo-banner6{left:0;width: 100%;padding-bottom: 3%;}
 #cuerpo .imagen-banner7 #cuerpo-banner7{position: absolute;top: 22%;left: 44px;width: 45%;}
 #cuerpo .imagen-banner9 #cuerpo-banner9{position: absolute;top: 24%;left: 44px;width: 45%;}

 #cuerpo .col-xs-12.contenido-caracteristicas{background-color: white; }
 
 #cuerpo #cuerpo-banner6 #margen-debajo{margin-bottom: 5%;}
 
 #cuerpo .rectangulo{background-color:white;text-align: center;padding-bottom: 2%;margin-bottom: 3%;}
 /*#footer-banner1{position: absolute;top: 95%; left: 44px;}*/
 #cuerpo .backto #regular{position: absolute;top: 95%; left: 44px;}

 #cuerpo #video-banner3{position: absolute;left: 500px;width: 400px;height:200px;top: 60%;}
 #cuerpo .video-banner9-7{position: absolute;left: 44px;width: 400px;height:200px;top: 60%;}
 
 #cuerpo .lavadora-idos{margin-left: 20%;margin-right: 20%;margin-bottom: 5%;margin-top: 5%;}
 #cuerpo .verproducto{position: absolute;top: 75%;left: 55%;}
 #cuerpo .mobil-chico,.mobil-imagen{display: none;}
 #cuerpo .mobil-grande{display: block;}
 #cuerpo .p-secadoras{font-size: 12px;height: 300px;padding: 0 4% 0 4%;}
 #cuerpo .p-lavadoras{font-size: 12px;height: 200px;padding: 0 4% 0 4%;}
 #cuerpo .anchomax{max-width: 100%;}


 #cuerpo .titulo-banner h2,
 #cuerpo #titulo-banner-izquierda h2,
 #cuerpo .titulo-espacio h2,
 #cuerpo .titulo-caracteristicas h2,
 #cuerpo .titulo-lavadoras h2 {font-family: 'open_sansregular',sanserif!important;font-weight: bold!important;}
 #cuerpo h4{font-family: 'open_sansbold',sanserif!important;}
 #cuerpo p{text-align: justify;}
 #cuerpo .clearpadding{padding:0;}

/*@media screen and (max-width: 991px) {
    .anio {text-align: center;}
    .anio img{width: 35%!important;padding-top: 20px!important;padding-bottom: 20px;}
    .textfu p{padding: 0px 30px;}
}*/


@media screen and (max-width: 768px) { /*650px*/
 #cuerpo .salto{display: none!important;}
 
 #cuerpo #imagenlogo{width:30%;}
 #cuerpo .premio{position: initial;width: 100%;}
 #cuerpo .img-premio{width: 20%;}
 /*#footer-banner1{position: absolute;top: 90%; left: 5%;}*/
 #cuerpo .backto #regular{position: inherit;/*top: 90%; left: 5%;*/}

 #cuerpo .backto.imagen-banner1,/*{background-size: 300%;background-position-x: 40%;max-height: 100%;padding: 0 5% 0 5%;}*/
 #cuerpo .backto.imagen-banner7,
 #cuerpo .backto.imagen-banner9,
 #cuerpo .backto.imagen-banner4,
 #cuerpo .backto.imagen-banner3,
 #cuerpo .backto.imagen-banner2{background-image:none;height: 100%;padding: 0 3% 0 3%;margin-bottom: 5%;}
 #cuerpo .backto.imagen-banner91{background-image: none;height: 100%;}
 #cuerpo .backto.imagen-banner8,
 #cuerpo .backto.imagen-banner5{background-image:none;height: 100%;}

 #cuerpo .titulo-espacio,
 #cuerpo .titulo-caracteristicas,
 #cuerpo .titulo-banner{width: inherit;left: 28px;top: 0;position: initial;}
 #cuerpo #titulo-banner-izquierda{position:initial;width: 100%;}
 #cuerpo .titulo-lavadoras{width: inherit;text-align: center;}
 
 #cuerpo .imagen-banner1 #cuerpo-banner1{position: initial;width: 100%;margin-bottom: 3%;}
 #cuerpo .imagen-banner4 #cuerpo-banner4,
 #cuerpo .imagen-banner3 #cuerpo-banner3,
 #cuerpo .imagen-banner2 #cuerpo-banner2{position: initial;width: 100%;}
 #cuerpo .imagen-banner6 #cuerpo-banner6,
 #cuerpo .imagen-banner8 #cuerpo-banner8,
 #cuerpo .imagen-banner5 #cuerpo-banner5{width: 100%;}
 #cuerpo .imagen-banner7 #cuerpo-banner7{position: initial;width: 100%;}
 #cuerpo .imagen-banner9 #cuerpo-banner9{position: initial;width: 100%;}
 
 #cuerpo .col-xs-12.col-sm-6.contenido-caracteristicas{padding: 0;}
 #cuerpo .col-xs-12.col-sm-4.contenido-caracteristicas{padding: 0;}

 #cuerpo .mobil-imagen{display: block;margin-bottom: 3%;text-align: center;}
 #cuerpo .mobil-chico{display: block;}
 #cuerpo .mobil-grande{display: none;}
  
 #cuerpo #cuerpo-banner6 #margen-debajo{margin-bottom: 0;}

 #cuerpo .video-banner9-7,#cuerpo #video-banner3{position: initial;width: 90%;}
 #cuerpo .lavadora-idos{margin: 0;width: 100%;}
 #cuerpo .p-lavadoras,
 #cuerpo .p-secadoras{font-size: 12px;height: initial;padding-bottom: 3%;}
 #cuerpo .verproducto{top: 79%;}
}

/* PLAYER YOUTUBE */
.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 100px;
    width: 100px;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    position: absolute;
    background: url("http://home.ripley.cl/assets-email/img/play.svg") no-repeat;
    background-size: 100%;
    cursor: pointer;
}