/****************************************************************************************************************
// Job : selectores con responsive web design implementado a través de media queries
// Brain : Cristian Fernandez O.
// Email : cristian.fernandez@factobyte.cl
//--------------------------------------------------------------------------------------------------------------*/
#cabecera {
width: 100%;
background-color: #fff;
}
#cabecera-divisas-busqueda {
width: 100%;
background-color: #00bbb6;
}
#cabecera-divisas-busqueda-content {
width: 90%;
max-width: 1200px;
height: 60px;
margin: 0 auto;
}
#cabecera-divisas-busqueda-divisas {
margin-top: 22px;
float: left;
}
#cabecera-divisas-busqueda-divisas-tablet {
margin-top: 22px;
float: left;
display: none;
}
#cabecera-divisas-busqueda-divisas p, #cabecera-divisas-busqueda-divisas-tablet p {
font-size: 1.0em;
font-weight: bold;
color: #fff;
line-height: 14px;
}
.cabecera-divisas-busqueda-busqueda {
width: 347px;
margin-top: 10px;
float: right;
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.cabecera-divisas-busqueda-busqueda input {
width: 300px;
height: 40px;
border: 0;
margin: 0;
margin-right: 7px;
padding: 0;
font-size: 1.1em;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
float: right
}
.cabecera-divisas-busqueda-busqueda input:focus {
outline: 0;
}
.cabecera-divisas-busqueda-busqueda #btn-search {
width: 30px;
height: 30px;
background: url("imgs/img_cabecera_search.png") no-repeat scroll 0 0 transparent;
margin-top: 5px;
margin-right: 5px;
cursor: pointer;
float: right;
}
#cabecera-logos {
width: 100%;
}
#cabecera-logos-content {
width: 90%;
max-width: 1200px;
/*min-height: 120px;*/
margin: 0 auto;
}
#cabecera-logo {
width: 100%;
max-width: 180px;
margin: 10px 0;
float: left;
}
#cabecera-logo img {
/*width: 100%;*/
border: 0;
/*max-width: 50%;*/
}
#cabecera-logo a {
border: 0;
}
#cabecera-logo a:hover {
background-color: transparent;
padding: 0;
}
#cabecera-logos-right {
float: right;
margin-top: 22px;
}
#cabecera-logos-sello-redes {
float: right;
}
#cabecera-logos-sello {
width: 6px;
float: right;
}
#cabecera-logos-sello img {
width: 100%;
}
#cabecera-logos-facebook {
width: 30px;
margin-top: 6px;
margin-left: 10px;
float: right;
}
#cabecera-logos-facebook img {
width: 100%;
}
#cabecera-logos-facebook a:hover {
background-color: transparent;
padding: 0;
opacity: 0.75;
}
#cabecera-logos-instagram {
width: 30px;
margin-top: 6px;
margin-left: 29px;
float: right;
}
#cabecera-logos-instagram img {
width: 100%;
}
#cabecera-logos-instagram a:hover {
background-color: transparent;
padding: 0;
opacity: 0.75;
}
#cabecera-logos-contacto {
margin-top: 5px;
margin-right: 10px;
float: right;
}
#cabecera-logos-contacto p {
color: white;
font-size: 1.1em;
line-height: 29px;
/*font-weight: bold;*/
float: left;
}
#cabecera-logos-contacto-fono {
max-width: 200px;
margin-left: 15px;
float: right;
display: inline-block;
}
#cabecera-logos-contacto-email {
display: inline-block;
}
#cabecera-logos-contacto-fono img {
margin-top: 2px;
float: left;
}
#cabecera-logos-contacto-email a {
color: white;
}
#cabecera-logos-contacto-email a:hover {
color: #fff;
background-color: #23d9d4;
}
#cabecera-logos-contacto-email img {
margin-top: 3px;
margin-right: 7px;
float: left;
}
/*--*/
#banner {
width: 100%;
background-color: #fff;
background-image: url(imgs/img_banner_fnd.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
}
#banner-home {
width: 100%;
background-color: #fff;
background-image: url(imgs/img_banner_home_fnd.jpg);
background-position: center 90%;
background-attachment: fixed;
}
#banner-content {
width: 100%;
max-width: 1200px;
height: 480px;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 0px;
border: 0;
}
#banner-content h1 {
color: #fff;
}
#banner-content .linea_titulo {
background-color: #00bbb6;
}
#banner-content a {
padding: 0;
}
#banner-busqueda {
width: 48%;
max-width: 599px;
margin-right: 2%;
float: left;
}
#banner-busqueda img {
width: 100%;
}
#slippry-banner {
height: 380px;
}
.banner-promos {
width: 100%;
/*max-width: 1000px;*/
max-height: 380px;
margin: 0 auto;
border: 0;
}
.banner-promos img {
width: 100%;
max-height: 380px;
}
.banner-promos a:hover {
background-color: transparent;
}
/**/
#contenidos {
width: 100%;
background-color: #fff;
}
#contenidos-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 40px;
}
#contenidos-content li {
font-family: "Open Sans", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;
font-size: 1.1em;
color: #484848;
line-height: 29px;
margin: 0;
text-align: justify;
}
#contenidos-content-opciones-programas {
width: 99%;
background-color: #e1fffe;
}
#contenidos-content-opciones-programas p {
margin-top: 10px;
margin-left: 7px;
float: left;
}
#contenidos-content-filtro-programas {
max-width: 170px;
float: right;
margin: 7px;
}
#contenidos-iframe {
width: 95%;
height: 800px;
max-width: 1200px;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 40px;
}
#contenidos-mantencion {
width: 90%;
max-width: 600px;
margin: 0 auto;
padding-top: 120px;
}
#contenidos-mantencion-logo {
width: 100%;
max-width: 200px;
margin: 0 auto;
margin-bottom: 50px;
}
#contenidos-mantencion-logo img {
width: 100%;
}
#contenidos-banner {
width: 100%;
height: 350px;
background-color: #fff;
background-image: url(imgs/img_somos_fnd.jpg);
background-position: center 70%;
background-attachment: fixed;
}
#contenidos-banner h1 {
font-size: 3em;
color: #eb5a00;
padding-top: 140px;
}
#contenidos-banner h2 {
font-size: 2em;
color: #fff;
padding-top: 140px;
}
.contenidos-h2h3left {
text-align: left;
}
#contenidos-banner-contacto {
width: 100%;
height: 350px;
background-color: #fff;
background-image: url(imgs/img_contacto_fnd.jpg);
background-position: center -55%;
background-attachment: fixed;
}
.contenidos-texto-justificado {
text-align: justify;
}
.contenidos-texto-centrado {
text-align: center;
}
#contenidos-contacto-form {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
#contenidos-formulario {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
/**/
#pie-pagina {
width: 100%;
background-color: #00a6a2;
}
#pie-pagina-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 25px;
}
#pie-pagina-left {
width: 25%;
float: left;
}
#pie-pagina-center {
width: 48%;
margin: 0 1%;
float: left;
}
#pie-pagina-right {
width: 25%;
float: left;
}
#pie-pagina p {
color: #fff;
text-align: center;
}
#pie-pagina a {
color: #fff;
}
#pie-pagina a:hover {
/* padding: 0; */
}
#pie-pagina h2 {
color: #fff;
}
#pie-pagina-center .linea_titulo {
background-color: #fff;
}
#pie-pagina-contacto {
/*font-size: 1.45em;*/
}
.piecab-pagina-email {
text-decoration: none;
}
#pie-pagina-logo {
width: 100%;
max-width: 180px;
margin: 26px auto 0;
margin-bottom: 18px;
}
#pie-pagina-logo img {
width: 75%;
}
#pie-pagina-redes {
width: 100%;
max-width: 135px;
margin: 0 auto;
}
#pie-pagina-redes-facebook {
width: 100%;
max-width: 30px;
margin-right: 10px;
float: left;
}
#pie-pagina-redes-facebook img {
width: 100%;
}
#pie-pagina-redes-facebook a {
border: 0;
}
#pie-pagina-redes-facebook a:hover {
background-color: transparent;
padding: 0;
opacity: 0.85;
}
#pie-pagina-redes-instagram {
width: 100%;
max-width: 30px;
float: left;
}
#pie-pagina-redes-instagram img {
width: 100%;
}
#pie-pagina-redes-instagram a {
border: 0;
}
#pie-pagina-redes-instagram a:hover {
background-color: transparent;
padding: 0;
opacity: 0.85;
}
#pie-pagina-sellocalidad {
width: 100%;
max-width: 150px;
margin: 0 auto;
margin-bottom: 10px;
height: 32px;
}
#pie-pagina-sellocalidad img {
width: 100%;
}
#pie-pagina-webpay {
width: 100%;
max-width: 200px;
margin: 0 auto
}
#pie-pagina-webpay img {
width: 100%;
}
#pie-pagina-webpay a {
border: 0;
}
#pie-pagina-webpay a:hover {
background-color: transparent;
padding: 0;
}
#pie-pagina-factobyte a {
font-size: 0.7em;
text-decoration: none;
color: #75d0ce;
}
#pie-pagina-factobyte a:hover {
background-color: transparent;
padding: 0;
font-size: 0.7em;
color: #fff;
}
/**/
#cabecera-help {
width: 76px;
top: 290px;
background-color: #fff;
right: 0;
position: fixed;
z-index: 900000;
box-shadow: -3px 3px 4px #232323;
-webkit-box-shadow: -3px 3px 4px #232323;
-moz-box-shadow: -3px 3px 4px #232323;
}
#cabecera-help a:hover {
padding: 0;
}
/**/
#servicios-online {
width: 100%;
background-color: #f5f5f5;
}
#servicios-online-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 25px;
}
.servicios-online-recuadro {
width: 31%;
margin: 0 1%;
float: left;
}
.servicios-online-recuadro a {
background-color: transparent;
padding: 0;
}
.servicios-online-recuadro p {
text-align: center;
margin-top: 7px;
}
.servicios-online-img {
width: 100%;
max-width: 120px;
margin: 0 auto;
text-align: center;
}
.servicios-online-img img {
width: 50%;
border: 0;
}
#servicios-online-accesos {
opacity: 1;
}
/**/
#programas-accesos {
width: 100%;
background-color: #fff;
}
#programas-accesos-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 25px;
padding-bottom: 30px;
}
.programas-accesos-recuadro {
width: 11.5%;
margin: 0 0.5%;
margin-top: 15px;
float: left;
}
.programas-accesos-recuadro a {
background-color: transparent;
padding: 0;
}
.programas-accesos-recuadro p {
text-align: center;
margin-top: 5px;
}
.programas-accesos-img {
width: 100%;
max-width: 120px;
margin: 0 auto;
}
.programas-accesos-img img {
width: 120%;
border: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
/**/
#programas {
width: 100%;
background-color: #f5f5f5;
}
#programas-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 40px;
text-align: center;
}
#programas-content .boton_secundario {
margin-top: 25px;
}
#ofertas-content .boton_secundario {
margin-top: 25px;
}
.programas-tarjetas-left {
width: 50%;
float: left;
}
.programas-tarjetas-right {
width: 50%;
float: left;
}
#programas-left {
width: 49%;
padding-right: 1%;
margin-right: 1%;
border-right: 1px solid #9ae7e5;
float: left;
}
#programas-right {
width: 48%;
float: left;
}
#programas-right h2, #programas-right h3 {
text-align: left;
}
.programas-noches-dias {
font-size: 0.8em;
}
.programas-valor {
color: #007e7b;
font-size: 1.5em;
}
#programas-right a {
background-color: #b4faf8;
padding: 3px 5px;
text-decoration: none;
}
#programas-right a:hover {
background-color: #008f8b;
}
#programas-img {
width: 100%;
max-width: 600px;
margin: 0 auto;
box-shadow: 4px 4px 10px #6e6e6e;
-webkit-box-shadow: 4px 4px 10px #6e6e6e;
-moz-box-shadow: 4px 4px 10px #6e6e6e;
}
#programas-img img {
width: 100%;
}
#programas-pdf {
width: 100%;
max-width: 60px;
margin: 0 auto;
}
#programas-pdf img {
width: 100%;
}
#programas-incluye {
}
.programas-incluye-div {
min-width: 102px;
float: left;
}
#programas-incluye img {
float: left;
margin-top: 2px;
margin-right: 5px;
}
#programas-location {
width: 100%;
max-width: 40px;
margin: 0 auto;
margin-bottom: 7px;
}
#programas-location img {
width: 100%;
}
#programas-condiciones {
width: 100%;
max-width: 60px;
margin: 0 auto;
}
#programas-condiciones img {
width: 100%;
}
#programas-compartir {
margin: 0 auto;
}
#programas-divimgsprog {
min-width: 0%;
margin: 0 auto;
border: 0;
}
.programas-divimgprog {
float: left;
max-width: 60px;
margin-top: 10px;
margin-right: 6px;
border: 0;
}
.programas-imgprog {
width: 100%;
max-width: 600px;
margin: 0 auto;
margin-top: 10px;
border: 1px solid #000;
}
.programas-imgprog img {
width: 100%;
}
.programas-imgthumbprog {
width: 48px;
height: 48px;
margin: 0 auto;
border: 1px solid #000;
cursor: pointer;
}
.programas-imgthumbprog img {
width: 100%;
}
#contenidos-programa-pdf {
text-align: center;
}
#programa-valor-clp, #programa-valor-usd {
display: none;
}
#programa-imgpreview {
cursor: pointer;
}
#programas-destacados {
opacity: 0;
}
/**/
#ofertas {
width: 100%;
background-color: #f5f5f5;
}
#ofertas-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 40px;
}
/**/
#condiciones {
width: 100%;
background-color: #fff;
}
#condiciones-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 40px;
}
/**/
#suscripcion {
width: 100%;
background-color: #00bbb6;
}
#suscripcion-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
}
#suscripcion-content h1 {
color: #fff;
}
#suscripcion-content .linea_titulo {
background-color: #fff;
}
#suscripcion-left {
width: 54%;
float: left;
}
#suscripcion-right {
width: 45%;
float: left;
}
#suscripcion-left input {
max-width: 300px;
height: 27px;
margin: 0;
border: #fff;
float: right;
font-size: 1em;
}
#suscripcion-right .boton_principal {
margin: 0;
margin-left: 10px;
}
#suscripcion-right .boton_principal:hover {
background-color: #00e8e2;
border-color: #00e8e2;
color: #fff;
}
/**/
#novedades {
width: 100%;
background-color: #fff;
background-image: url(imgs/img_novedades_fnd.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
}
#novedades-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 40px;
background-color: rgb(0, 143, 139, .7);
text-align: center;
}
.cuadros_novedades {
color: white;
display: inline-grid;
width: 14%;
font-family: "Open Sans", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans INITIAL;
padding: 10px;
text-align: center;
margin-top: 20px;
min-width: 168px;
}
#novedades-content h1 {
color: #fff;
}
#novedades-content .linea_titulo {
background-color: #fff;
}
#novedades-booking {
width: 100%;
max-width: 750px;
margin: 0 auto;
padding: 8px;
background-color: #fff;
opacity: 0;
}
#novedades-booking-smartphone {
width: 100%;
max-width: 250px;
margin: 0 auto;
display: none;
}
/**/
#visitanos {
width: 100%;
background-color: #00a6a2;
}
#visitanos-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
}
#visitanos-content h1 {
color: #fff;
}
#visitanos-content p {
color: #fff;
text-align: center;
}
#visitanos-content .linea_titulo {
background-color: #fff;
text-align: center;
}
/**/
#location {
width: 100%;
background-color: #00a6a2;
}
#location-content {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 35px;
}
#location-content h1 {
color: #fff;
}
#location-content p {
color: #fff;
text-align: center;
}
#location-content .linea_titulo {
background-color: #fff;
text-align: center;
}
/**/
#paises {
width: 100%;
}
#paises-content {
width: 90%;
max-width: 1200px;
height: 120px;
margin: 0 auto;
}
#slippry-foot {
}
.paises-logos {
width: 100%;
max-width: 900px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
}
.paises-logos img {
width: 100%;
}
/**/
.programas-tarjetas-tabla td {
padding: 0;
}
.programa-tarjeta {
width: 26%;
min-width: 340px;
/*max-width: 340px;*/
min-height: 300px;
border: 0;
border-top: 4px solid #00bbb6;
background-color: #fff;
/*margin-right: 3%;
margin-left: 3%;*/
margin-bottom: 16px;
padding-bottom: 16px;
/*float: left;*/
display: inline-grid;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.05)!important;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05)!important;
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.05)!important;
transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
}
.central {
margin-right: 3%;
margin-left: 3%;
}
.programa-tarjeta:hover {
/*transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);*/
}
.programa-tarjeta-img {
width: 100%;
/*margin-bottom: 10px;*/
position: relative;
}
.descuento {
position: absolute;
top: 0;
left: 4px;
background-color: red;
color: white;
padding: 4px;
font-size: 0.9em
}
.programa-tarjeta-img img {
width: 100%;
/*height: 206px;*/
min-width: 290px;
}
.programa-tarjeta h2 {
font-size: 1em;
color: white;
/*height: 40px;*/
/*margin: 12px 0;*/
background-color: #00bbb6; /*cambiar a #00bbb6*/
/*text-align: left;*/
padding-left: 12px;
}
.programa-tarjeta h3 {
font-size: 0.8em;
color: black;
text-align: left;
padding-left: 12px;
}
.programa-tarjeta p {
text-align: left;
padding-left: 12px;
font-size: 0.8em;
line-height: 20px;
}
.programa-tarjeta-valor {
font-size: 1.2em!important;
}
.programa-tarjeta-pp {
font-size: 0.8em;
margin: 0 auto;
}
.programa-tarjeta-incluye-1 {
/*max-width: 25px*/;
margin: 0 auto;
margin-top: 5px;
padding-left: 12px;
}
.programa-tarjeta-incluye-2 {
/*max-width: 50px;*/
margin: 0 auto;
margin-top: 5px;
padding-left: 12px;
}
.programa-tarjeta-incluye-3 {
/*max-width: 75px;*/
margin: 0 auto;
margin-top: 5px;
padding-left: 12px;
}
.programa-tarjeta-incluye-4 {
/*max-width: 100px;*/
margin: 0 auto;
margin-top: 5px;
padding-left: 12px;
}
.programa-tarjeta-incluye-5 {
/*max-width: 125px;*/
margin: 0 auto;
margin-top: 5px;
padding-left: 12px;
}
.programa-tarjeta-incluye-6 {
/*max-width: 150px;*/
margin: 0 auto;
margin-top: 5px;
}
.programa-tarjeta-incluye-7 {
/*max-width: 175px;*/
margin: 0 auto;
margin-top: 5px;
padding-left: 12px;
}
.programa-tarjeta-incluye-1 img, .programa-tarjeta-incluye-2 img, .programa-tarjeta-incluye-3 img, .programa-tarjeta-incluye-4 img, .programa-tarjeta-incluye-5 img, .programa-tarjeta-incluye-6 img, .programa-tarjeta-incluye-7 img {
margin-right: 3px;
float: left;
}
/**/
.linea_titulo {
width: 100px;
height: 3px;
border: 0;
background-color: #c5c5c5;
margin-bottom: 15px;
}
.linea_subtitulo {
width: 100px;
height: 3px;
border: 0;
background-color: #008f8b;
margin-bottom: 15px;
}
.linea_contenidos {
width: 100px;
height: 1px;
border: 0;
background-color: #008f8b;
margin-bottom: 20px;
}
.linea_separadora {
width: 100%;
height: 1px;
border: 0;
background-color: #9ae7e5;
margin: 20px 0;
}
/****************************************************************************************************************
// Job : selectores con responsive web design implementado a través de media queries
// Brain : Cristian Fernandez O.
// Email : cristian.fernandez@factobyte.cl
//--------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1600px) {
/* propiedades CSS a aplicar en desktops con resolución de 1600px mínimo o mas */
}
@media screen and (min-width: 1025px) and (max-width: 1599px) {
/* propiedades CSS a aplicar en notebooks y netbooks con resolución de 1024px mínimo y 1599px máximo */
}
@media screen and (max-width: 1333px) {
.programa-tarjeta {
margin-right: 3%;
margin-left: 3%;
}
.central {
margin-right: 3%;
margin-left: 3%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* propiedades CSS a aplicar en tablets con resolución de 768px mínimo y 1023px máximo */
/*#cabecera-divisas-busqueda-divisas {
display: none;
}
#cabecera-divisas-busqueda-divisas-tablet {
display: inline;
}
#cabecera-logo {
margin: 0 auto;
margin-top: 12px;
float: none;
}*/
/*#cabecera-logos-right {
max-width: 450px;
float: none;
margin: 0 auto;
margin-top: 8px;
margin-bottom: 15px;
}*/
/*#cabecera-logos-sello-redes {
max-width: 325px;
margin: 0 auto;
float: none;
}
#cabecera-logos-contacto {
max-width: 250px;
margin: 0 auto;
margin-top: 5px;
float: none;
}
#cabecera-logos-contacto-fono, #cabecera-logos-contacto-email {
width: 100%;
float: none;
}
#cabecera-logos-contacto-fono {
margin: 0 auto;
}
#cabecera-help {
top: 150px;
left: 0;
box-shadow: 3px 3px 4px #232323;
-webkit-box-shadow: 3px 3px 4px #232323;
-moz-box-shadow: 3px 3px 4px #232323;
}*/
#banner {
background-size: cover;
background-position: center;
background-attachment: inherit;
}
#banner-content {
height: 400px;
}
#slippry-banner {
height: 400px;
}
#contenidos-banner {
background-size: cover;
background-position: center;
background-attachment: inherit;
}
#contenidos-banner-contacto {
background-size: cover;
background-position: center;
background-attachment: inherit;
}
.programas-accesos-recuadro {
width: 23%;
margin-left: 1%;
margin-right: 1%;
}
.programas-tarjetas-left, .programas-tarjetas-right {
width: 100%;
max-width: 600px;
float: none;
margin: 0 auto;
}
#programas-destacados {
opacity: 1;
}
#servicios-online-accesos {
opacity: 1;
}
#novedades-booking {
opacity: 1;
}
}
@media screen and (max-width: 767px) {
/* propiedades CSS a aplicar en smartphones con resolución de 767px máximo */
#cabecera {
display: none;
}
#cabecera-help {
top: 350px;
left: 0;
box-shadow: 3px 3px 4px #232323;
-webkit-box-shadow: 3px 3px 4px #232323;
-moz-box-shadow: 3px 3px 4px #232323;
}
.cabecera-divisas-busqueda-busqueda {
width: 90%;
float: none;
margin: 0 auto;
margin-bottom: 10px;
}
.cabecera-divisas-busqueda-busqueda input {
width: 80%;
margin: 0;
margin-left: 7px;
float: left;
}
#banner {
padding-top: 70px;
background-size: cover;
background-position: center;
}
#banner-home {
padding-top: 238px;
}
#banner-content {
height: 310px;
}
#slippry-banner {
height: 310px;
}
#banner-busqueda {
width: 100%;
margin: 0;
margin: 0 auto;
margin-bottom: 20px;
float: none;
}
#banner-promos {
width: 100%;
margin: 0;
margin: 0 auto;
float: none;
}
#contenidos-banner {
background-size: cover;
background-position: center;
background-attachment: inherit;
}
#contenidos-banner-contacto {
background-size: cover;
background-position: center;
background-attachment: inherit;
}
/*.servicios-online-recuadro {
width: 100%;
float: none;
margin-top: 15px;
}
#servicios-online-accesos {
opacity: 1;
}*/
.programas-accesos-recuadro {
width: 48%;
margin-left: 1%;
margin-right: 1%;
}
#contenidos-content-opciones-programas p {
float: none;
}
#contenidos-content-filtro-programas {
float: none;
}
.programas-tarjetas-left, .programas-tarjetas-right {
width: 100%;
float: none;
margin: 0 auto;
}
.programa-tarjeta {
width: 10px; /*cambiar a 340px*/
float: none;
margin: 0;
margin-bottom: 18px;
}
#programas-destacados {
opacity: 1;
}
#programas-left {
width: 100%;
margin: 0;
border: 0;
float: none;
}
#programas-right {
width: 100%;
margin-top: 20px;
float: none;
}
#suscripcion-left {
width: 100%;
max-width: 300px;
margin: 0 auto;
margin-bottom: 20px;
float: none;
}
#suscripcion-right {
width: 100%;
max-width: 200px;
margin: 0 auto;
float: none;
}
#novedades-booking {
display: none;
}
#novedades-booking-smartphone {
display: inline;
}
#paises-content {
height: 100px;
}
#paises-left {
width: 100%;
float: none;
}
#paises-right {
width: 100%;
margin-top: 15px;
float: none;
}
#pie-pagina-left, #pie-pagina-center, #pie-pagina-right {
width: 100%;
float: none;
}
#pie-pagina-center {
margin-top: 30px;
}
#pie-pagina-right {
margin-top: 15px;
}
}
@media screen and (min-width: 960px) {
.programa-tarjeta {
min-width: 370px;
}
}