File "css_page.css"

Full path: /home/wwwitravel/public_html/test/soul/css_page.css
File size: 0.02 KB (21.89 KB bytes)
MIME-type: text/plain
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

/****************************************************************************************************************
// 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;
}

#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: 176px;
	float: right;
}

#cabecera-logos-sello img {
	width: 100%;
}

#cabecera-logos-facebook {
	width: 60px;
	margin-top: 17px;
	margin-right: 3px;
	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: 60px;
	margin-top: 17px;
	margin-right: 10px;
	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: #00bbb6;
	font-size: 1.45em; 
	font-weight: bold;
	float: left;
}

#cabecera-logos-contacto-fono {
	max-width: 200px;
	margin-top: 15px;
	float: right;
}

#cabecera-logos-contacto-fono img {
	margin-top: 2px;
	float: left;
}

#cabecera-logos-contacto-email a {
	color: #00bbb6;
}

#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: 90%;
	max-width: 1200px;
	height: 480px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 30px;
	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: 480px;
}

.banner-promos {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	border: 0;
}

.banner-promos img {
	width: 100%;
}

.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: 0 auto;
	margin-bottom: 18px;
}

#pie-pagina-logo img {
	width: 100%;
}

#pie-pagina-redes {
	width: 100%;
	max-width: 135px;
	margin: 0 auto;
}

#pie-pagina-redes-facebook {
	width: 100%;
	max-width: 60px;
	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: 60px;
	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;
}

#pie-pagina-sellocalidad img {
	width: 100%;
}

#pie-pagina-webpay {
	width: 100%;
	max-width: 280px;
	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;
}

.servicios-online-img img {
	width: 100%;
	border: 0;
}

#servicios-online-accesos {
	opacity: 0;
}

/**/

#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;
}

#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: 1.2em; 
}

.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: 150px;
	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: #008f8b;
}

#suscripcion-content {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

#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: 40px;
	margin: 0;
	border: #fff;
	float: right;
}

#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;
}

#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: 40px;
	padding-bottom: 40px;
}

#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;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid #d7d7d7;
}

.paises-logos {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.paises-logos img {
	width: 100%;
}

/**/

.programas-tarjetas-tabla td {
	padding: 0;
}

.programa-tarjeta {
	width: 47%;
	max-width: 290px;
	border: 0;
	border-top: 4px solid #00bbb6;
	background-color: #fff;
	margin-right: 3%;
	margin-bottom: 16px;
	padding-bottom: 30px;
	float: left;
	
	box-shadow: 4px 4px 10px #9a9a9a;
	-webkit-box-shadow: 4px 4px 10px #9a9a9a;
	-moz-box-shadow: 4px 4px 10px #9a9a9a;
	
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
}

.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;
}

.programa-tarjeta-img img {
	width: 100%;
}

.programa-tarjeta h2 {
	font-size: 1.1em;
	color: #484848;
	margin: 12px 0;
}

.programa-tarjeta h3 {
	font-size: 1.2em;
	color: #007e7b;
}

.programa-tarjeta p {
	text-align: center;
}

.programa-tarjeta-valor {
	font-size: 1.2em; 
}

.programa-tarjeta-pp {
	font-size: 0.8em; 
	margin: 0 auto;
}

.programa-tarjeta-incluye-1 {
	max-width: 25px;
	margin: 0 auto;
	margin-top: 5px;
}

.programa-tarjeta-incluye-2 {
	max-width: 50px;
	margin: 0 auto;
	margin-top: 5px;
}

.programa-tarjeta-incluye-3 {
	max-width: 75px;
	margin: 0 auto;
	margin-top: 5px;
}

.programa-tarjeta-incluye-4 {
	max-width: 100px;
	margin: 0 auto;
	margin-top: 5px;
}

.programa-tarjeta-incluye-5 {
	max-width: 125px;
	margin: 0 auto;
	margin-top: 5px;
}

.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;
}

.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 (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: 70px;
	}
	
	#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: 100%;
		float: none;
		margin: 0 auto;
		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-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;
	}
	
}