@charset "UTF-8";

/* CSS Document */

html {
	margin:0;
	padding:0;
	height:100%;
	
	background:url(../img/layout/fondo-top.jpg) 0 0 no-repeat;
	-o-background-size:100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}

body {
	margin:0;
	padding:0;

	font-family: 'Muli', sans-serif;
	font-size:18px;
	line-height:20px;
	font-weight:200;
	color:#666;
	text-align:justify;
	
	background:url(../img/layout/fondo-base.jpg) bottom no-repeat;
	-o-background-size:100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}

/**/

a { color:inherit; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }
a, a:hover, a:active, a:focus { outline:0; }

img { border:none }

a, a:hover, .menu-movil-icono > ul > li, .menu-movil-icono:hover > ul > li, .menu-cerrar-icono li, .menu-cerrar-icono li:hover, .menu > ul > li > span, .menu > ul > li > span:hover, .menu-movil span, .menu-movil span:hover, .top-scroll, .accesos-directos a > div > font, .accesos-directos a:hover > div > font, .habitaciones a > div:nth-child(3), .habitaciones a:hover > div:nth-child(3), .habitaciones a > div > img, .habitaciones a:hover > div > img { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }

.clear { clear:both; }

.space {
	padding:0 0 130px 0;
	height:1px;
}

.separador-especial {
	margin:10px auto 0 auto;
	padding:0 0 50px 0;

	width:95%; max-width:1500px;
	height:1px;
	
	border-top:1px dotted #ccc;
}

a.link-especial {
	display:block;
	
	margin:30px 0 0 0;
	padding:30px 0;
	
	color:#fff;
	text-align:center;
	
	border-radius:5px;
	background:#00275d;
}

a.link-especial:hover {
	color:#fff !important;
	box-shadow:0 0 15px #999;
}

@media only screen and (max-width:767px) {
	.interletrado { letter-spacing:-1.5px; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.interletrado { letter-spacing:-1px; }
}

@media only screen and (min-width:1024px) {
	.interletrado { letter-spacing:-0.5px; }
}

/* títulos */

h1 {
	margin:0;
	padding:0;
	
	line-height:100%;
	font-weight:600;
	text-transform:uppercase;
	
	text-align:left;
}

h2 {
	margin:0 0 5px 0;
	padding:0;
	
	line-height:100%;
	font-weight:400;
	text-transform:uppercase;
	
	text-align:left;
}

h3 {
	margin:0 0 25px 0;
	padding:0;
	
	line-height:100%;
	font-weight:600;
}

h4 {
	margin:0;
	padding:0;
	
	line-height:100%;
	font-weight:200;
}

h5 {
	margin:0 0 10px 0;
	padding:0;
	
	line-height:100%;
	font-weight:600;
}

h6 {
	margin:30px 0 0 0;
	padding:15px 0 0 0;
	
	line-height:100%;
	font-weight:400;
	
	border-top:1px dotted #999;
}

/**/

.verde { color:#00275d; }
.gris { color:#333; }

h1 hr, h2 hr {
	margin:10px 0 0 0;
	padding:0;

	max-width:120px;
	height:2px;
	
	border:none;
	background:#00275d;
}

@media only screen and (max-width:767px) {
	h1 { font-size:30px; }
	h2 { font-size:24px; }
	h3 { font-size:30px; }
	h4 { font-size:22px; }
	h5 { font-size:20px; }
	h1 hr, h2 hr { width:11%; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	h1 { font-size:34px; }
	h2 { font-size:26px; }
	h3 { font-size:34px; }
	h4 { font-size:24px; }
	h5 { font-size:18px; }
	h1 hr, h12hr { width:12%; }
}

@media only screen and (min-width:1024px) {
	h1 { font-size:36px; }
	h2 { font-size:28px; }
	h3 { font-size:36px; }
	h4 { font-size:26px; }
	h5 { font-size:20px; }
	h1 hr, h2 hr { width:11%; }
}

/* encabezado */

.encabezado {
	position:relative;

	margin:10px auto;
	height:30px;
	
	width:95%; max-width:1500px;
	
	font-size:14px;
	line-height:14px;
	font-weight:400;
	text-transform:uppercase;
	text-align:center;
}

.encabezado a {
	color:#00275d;
}

.encabezado a:hover {
	color:#000;
	-webkit-filter: drop-shadow(0 0 3px #00275d);
    filter: drop-shadow(0 0 3px #00275d);
}

/* idioma */
	
.idioma {
	position:absolute; right:0; bottom:0;
	
	display:table;
	
	margin:auto;
	padding:0 0 0 20px;

	height:30px;
	
	text-align:right;
	
	border-left:1px solid #00275d;
}

/* corporativo */

.corporativo {
	position:absolute; right:75px; bottom:0;
	
	display:table;
	
	margin:auto;
	padding:0 15px;

	height:30px;
	
	border-right:1px solid #00275d;
	border-left:1px solid #00275d;
}

	.corporativo > ul {
		margin:0;
		padding:0;
	}
	
		.corporativo > ul > li {
			margin:0;
			padding:4px 0;
	
			height:22px;
			
			float:left;
			list-style:none;
		}
		
		.corporativo > ul > li:nth-child(2) { margin:0 20px; }
		
		.corporativo > ul > li img {
			width:auto;
			height:100%;
		}
		
/* redes sociales */

.redes-sociales {
	position:absolute; right:100px; top:0;
	
	display:table;
	
	margin:auto;

	height:30px;
}

	.redes-sociales > ul {
		margin:0;
		padding:0;
		
		float:left;
	}
	
		.redes-sociales > ul > li {
			margin:0 18px 0 0;
			padding:6px 0;
	
			height:18px;
			
			float:left;
			list-style:none;
		}
		
		.redes-sociales > ul > li:last-child { margin:0 0 0 0; }
		
		.redes-sociales > ul > li img {
			width:auto;
			height:100%;
		}

/* clima */

.clima {
	position:relative;

	margin:0 15px 0 0;
	padding:0 5px 0 0;
	
	width:50px;
	height:30px;

	float:left;
	overflow:hidden;
	
	border-right:1px solid #00275d;
}

.clima-mascara {
	z-index:1;
	position:absolute; top:0; right:0; bottom:0; left:0;
	
	margin:auto;
	
	width:100%;
	height:100%;
}

@media only screen and (max-width:767px) {
	.encabezado {  }

	/* corporativo */

	.corporativo {
		right:70px;
		padding:0 10px 0 0;
		
		border-right:1px solid #00275d;
		border-left:none;
	}
	
		.corporativo > ul > li:nth-child(2) { margin:0 11px; }
		
	/* redes sociales */

		.redes-sociales {
		}
		
				.redes-sociales > ul > li {
				}

}

.idioma a, corporativo a {
	display:table-cell;
	vertical-align:middle;
}



/* top */

.top {
	position:relative;
	margin:0 auto 1px auto;

	width:95%; max-width:1500px;
	
	background: linear-gradient(to right, #4f8ce0, #00275d);
}

@media only screen and (max-width:549px) {
	.top { height:60px; }
}

@media only screen and (min-width:550px) {
	.top { height:100px; }
}

.top a {
	color:#fff;
}

.top a:hover {
	color:#FFF;
	-webkit-filter: drop-shadow(0 0 3px #fff);
    filter: drop-shadow(0 0 3px #fff);
}

/* top > logo */

.logo {
	z-index:5;
	position:absolute; top:0; left:0;
	
	text-align:center;
	
	background:#fff;
}

.logo ul {
	margin:0;
	padding:0;
}

.logo li {
	list-style:none;
}

.logo > ul > li:nth-child(1) {
	margin:0;
	padding:0;
	
	width:170px;
	height:100px;
	
	vertical-align:middle;
	text-align:center;
}

.logo > ul > li:nth-child(2) {
	margin:0;
	padding:0;
	
	width:180px;
	height:60px;
	
	vertical-align:middle;
	text-align:center;
}

.logo a {
	display:table-cell;
	vertical-align:middle;
}

.logo > ul > li:nth-child(1) img {
	width:50%;
}

.logo > ul > li:nth-child(2) img {
	width:auto;
	height:40px;
}

.logo-sombra {
	position:absolute; z-index:5;
	
	background:url(../img/top/hola-hoteles-corporativo-sombra.png) 0 0 no-repeat;
	-o-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
}

@media only screen and (max-width:549px) {
	.logo > ul > li:nth-child(1) { display:none; }
	.logo > ul > li:nth-child(2) { display:table; }
	
	.logo-sombra {
		top:60px;
	
		width:175px;
		height:20px;
	}
}

@media only screen and (min-width:550px) {
	.logo > ul > li:nth-child(1) { display:table; }
	.logo > ul > li:nth-child(2) { display:none; }
	
	.logo-sombra {
		top:100px;
	
		width:120px;
		height:20px;
	}

}

/* top > info */

.top-info {
	margin:0 12px 0 0;
	
	color:#fff;
	text-align:center;
}

.top-info ul {
	margin:0;
	padding:0;

	float:right;
}

.top-info > ul > li:nth-child(1) > a {
	display:table-cell;
	vertical-align:middle;
}

.top-info > ul > li:nth-child(2) > a {
	display:block;
	text-align:right;
}

.top-info img {
	margin:0 0 0 2px;
	
	width:auto;
	height:20px;
	
	vertical-align:text-bottom;
}

@media only screen and (max-width:549px) {
	/* top > info */
	
	.top-info { display:none; }
}

@media only screen and (min-width:550px) and (max-width:859px) {
	/* top > info */
	
	.top-info {
		font-size:14px;
		line-height:14px;
	}
	
	.top-info li {
		display:table;
	
		margin:0;
		padding:0;
		
		float:left;
	}
	
	.top-info > ul > li:nth-child(1) {
		padding:18px 0 0 0;
		height:32px;
	}
	
	.top-info > ul > li:nth-child(2) {
		margin:0 0 0 20px;
		padding:18px 0 18px 20px;
		
		border-left:1px solid #5877a1;
	}
}

@media only screen and (min-width:860px) {
	/* top > info */
	
	.top-info {
		font-size:14px;
		line-height:14px;
	}
	
	.top-info li {
		display:table;
	
		margin:0;
		padding:0;
		
		float:left;
	}
	
	.top-info > ul > li:nth-child(1) {
		padding:18px 0 0 0;
		height:32px;
	}
	
	.top-info > ul > li:nth-child(2) {
		margin:0 0 0 30px;
		padding:18px 0 18px 20px;
		
		border-left:1px solid #5877a1;
		
	}
}

/* top > menú */

.menu {
	margin:0 12px 0 0;
	padding:0;
}

.menu > ul {
	margin:0;
	padding:0;
	
	float:right;
	list-style:none;
}

.menu > ul > li {
	position:relative;
	display:table;
	
	float:left;
	
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}

.menu img {
	width:auto;
	vertical-align:text-bottom;
}

.menu > ul > li > a, .menu > ul > li > span {
	display:table-cell;
	vertical-align:middle;
}

.menu > ul > li > span {
	cursor:pointer;
}

.menu-separador {
	width:100%;
	height:1px;
	
	float:right;
	
	background:#5877a1;
}

/* top > menú > submenú */

@media only screen and (max-width:1023px) {
	.submenu {
		display:none;
	
		background:url(../img/top/hola-hoteles-corporativo-sombra.png) -130px 0 no-repeat #4f8ce0;
		-o-background-size:280px 30px;
		-moz-background-size:280px 30px;
		-webkit-background-size:280px 30px;
		background-size:280px 30px;
	}
	
	.submenu > ul {
		margin:0;
		padding:0;
	}
	
	.submenu > ul > li {
		margin:0;
		padding:0;
	
		list-style:none;
		
		border-bottom:1px dotted #fff;
	}
	
	.submenu > ul > li:last-child { border:none; }
}

@media only screen and (min-width:1024px) {
	.submenu {
		z-index:4;
		position:absolute; top:50px; left:0;
		display:none;
		
		margin:0;
		padding:0;
	
		width:100%;
		
		background: #00275d;
		
		box-shadow:0 3px 15px #999;
	}
	
	.menu-scroll .submenu {
		top:60px;
	}
	
	.doble {
		left:-60%;
	
		width:225%;
	}
	
	.submenu > ul {
		margin:0;
		padding:0;
	
		background:url(../img/top/hola-hoteles-corporativo-sombra.png) -130px 0 no-repeat;
		-o-background-size:280px 30px;
		-moz-background-size:280px 30px;
		-webkit-background-size:280px 30px;
		background-size:280px 30px;
	}
	
	.submenu > ul > li {
		margin:auto;
	
		width:100%;
		
		list-style:none;
		
		border-bottom:1px solid #5877a1;
		
		text-align:left;
	}
	
	.submenu > ul > li:last-child { border:none; }
	
	.submenu > ul > li > a {
		display:block;
	
		margin:auto;
		padding:12px;
	}
	
	.submenu > ul > li > a:hover { background:url(../img/menu/submenu-sobre-fondo.png); }
}

/* top móvil */

.movil {
	z-index:6;
	position:fixed; top:0; right:0;
	
	width:90%;
	height:100%;
	
	overflow:auto;
	
	background: #00275d;
	box-shadow:0 0 15px #999;
}

.top-movil {
	position:relative;
	width:100%;
}

.top-movil ul {
	margin:0;
	padding:0;
}

.top-movil li {
	display:table;

	margin:0;
	padding:0;
	
	width:100%;

	list-style:none;
	background:#fff;
	
	text-align:center;
}

.top-movil a {
	display:table-cell;
	vertical-align:middle;
	
	margin:0;
	padding:20px 0;
}

.top-movil img {
	width:130px;
	height:auto;
}

/* top > info móvil */

.top-info-movil ul {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
	
	border-bottom:1px solid #fff;
}

.top-info-movil li {
	margin:0;
	padding:20px 0;
	
	float:left;

	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:16px;
	
	list-style:none;
}

.top-info-movil li:nth-child(1) {
	display:table;
	
	width:50%;
	
	border-right:1px solid #fff;
}

.top-info-movil li:nth-child(2) {
	width:49.6%;
}

.top-info-movil li:nth-child a, .top-info-movil li:nth-child span {
	display:table-cell;
	vertical-align:middle;
}

.top-info-movil img { display:none; }

/* top > menú móvil */

.menu-movil > ul {
	margin:0;
	padding:0;
}

.menu-movil > ul > li {
	margin:0;
	padding:0;
	
	font-size:15px;
	line-height:17px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	
	list-style:none;
	border-bottom:1px solid #fff;
}

.menu-movil a, .menu-movil span {
	display:block;
	
	padding:20px 0;
}

.menu-movil span {
	cursor:pointer;
}

.menu-movil li a:hover, .top-info-movil a:hover, .menu-scroll a:hover, .menu-scroll span:hover, .menu > ul > li > span:hover, .menu-movil span:hover {
	color:#FFF;
	-webkit-filter: drop-shadow(0 0 3px #fff);
    filter: drop-shadow(0 0 3px #fff);
}

.menu-movil img {
	margin:0 0 0 3px;

	width:auto;
	height:20px;
	
	vertical-align:text-bottom;
}

/* top > menú móvil cerrar */

.menu-cerrar-icono {
	z-index:6;
	position:absolute; left:10px; top:45px;
	
	width:50px;
	height:50px;
}

.menu-cerrar-icono ul {
	position:relative;
	
	margin:0;
	padding:0;
	
	width:100%;
	height:100%;
	
	float:right;
	cursor:pointer;
}

.menu-cerrar-icono li {
	position:absolute; left:0;
	list-style:none;
	
	margin:0;
	padding:0;
	
	width:50%;
	height:6px;
	
	border-radius:3px;
	background:#CCC;
}

.menu-cerrar-icono li:nth-child(1) {
	top:13px;
	
	-ms-transform: rotate(40deg); /* IE 9 */
	-webkit-transform: rotate(40deg); /* Chrome, Safari, Opera */
	transform: rotate(40deg);
}

.menu-cerrar-icono li:nth-child(2) {
	top:26px;
	
	-ms-transform: rotate(140deg); /* IE 9 */
	-webkit-transform: rotate(140deg); /* Chrome, Safari, Opera */
	transform: rotate(140deg);
}

.menu-cerrar-icono:hover li {
	left:10px;
}

/* top > scroll */

.top-scroll {
	z-index:5;
	position:fixed; right:0; left:0;
	
	margin:auto;
	padding:0;
	
	width:100%;
	height:60px;
	
	background: linear-gradient(to right, #4f8ce0, #00275d);
	box-shadow:0 0 20px #666;
}

.top-scroll-contenedor {
	position:relative;
	margin:auto;

	max-width:1500px;
}

.no-scroll-vertical { top:-85px; }
.scroll-vertical { top:0; }

/* top > scroll > logo */

.logo-scroll {
	position:absolute; left:0;

	width:170px;
	height:60px;
	
	background:#fff;
}

.logo-scroll ul {
	margin:0;
	padding:0;
}

.logo-scroll li {
	display:table;

	margin:0;
	padding:0;
	
	width:100%;
	height:60px;
	
	list-style:none;
	
	text-align:center;
}

.logo-scroll a {
	display:table-cell;
	vertical-align:middle;

	margin:0;
	padding:0;
}

.logo-scroll img {
	width:40%;
	height:auto;
}

/* top > scroll > menú */

.menu-scroll {
	margin:0 20px 0 0;

	float:right;
	
	text-transform:uppercase;
	color:#fff;
}

.menu-scroll > ul {
	margin:0;
	padding:0;
	
	float:right;
}

.menu-scroll > ul > li {
	position:relative;
	display:table;

	padding:0;
	
	height:60px;
	
	float:left;
	
	text-align:center;
}

.menu-scroll a, .menu-scroll span {
	display:table-cell;
	vertical-align:middle;
}

.menu-scroll img {
	margin:0 0 0 5px;
	width:auto;
	height:18px;
	
	vertical-align:text-bottom;
}

.menu-scroll span {
	cursor:pointer;
}

@media only screen and (max-width:549px) {
	/* top > menú */
	
	.menu, .menu-separador, .menu-scroll { display:none;}
	
	/* top > menu móvil */
	
	.menu-movil-icono {
		margin:5px 20px 0 0;

		width:50px;
		height:50px;
		
		float:right;
		cursor:pointer;
	}
	
	.menu-movil-icono > ul {
		margin:15px 0 0 0;
		padding:0;
	}
	
	.menu-movil-icono > ul > li {
		display:block;
		
		margin:0 0 5px 0;
		padding:0;
	
		height:2px;
		
		float:right;
		list-style:none;
		
		background:#fff;
	}
	
	.menu-movil-icono > ul > li:nth-child(1) { width:90%; }
	.menu-movil-icono > ul > li:nth-child(2) { width:70%; }
	.menu-movil-icono > ul > li:nth-child(3) { width:50%; }
	
	.menu-movil-icono:hover > ul > li:nth-child(1), .menu-movil-icono:hover > ul > li:nth-child(2), .menu-movil-icono:hover > ul > li:nth-child(3) { width:100%; }
	
	.movil { display:none; }
}

@media only screen and (min-width:550px) and (max-width:1023px) {
	/* top > menú */
	
	.menu > ul > li {
		margin:0 0 0 30px;
		
		height:50px;
		
		font-size:15px;
		line-height:15px;
		font-weight:200;
	}
	
	.menu img { height:20px; }
	
	.no-movil li:nth-child(1), .no-movil li:nth-child(2), .no-movil li:nth-child(3), .no-movil li:nth-child(4), .no-movil li:nth-child(5), .no-movil li:nth-child(6) { display:none; }
	
	/* top > menu móvil */
	
	.menu-movil-icono {
		margin:0 15px 0 0;

		width:40px;
		height:50px;
		
		float:right;
		cursor:pointer;
	}
	
	.menu-movil-icono > ul {
		margin:16px 0 0 0;
		padding:0;
	}
	
	.menu-movil-icono > ul > li {
		display:block;
		
		margin:0 0 5px 0;
		padding:0;
	
		height:2px;
		
		float:right;
		list-style:none;
		
		background:#fff;
	}
	
	.menu-movil-icono > ul > li:nth-child(1) { width:90%; }
	.menu-movil-icono > ul > li:nth-child(2) { width:70%; }
	.menu-movil-icono > ul > li:nth-child(3) { width:50%; }
	
	.menu-movil-icono:hover > ul > li:nth-child(1), .menu-movil-icono:hover > ul > li:nth-child(2), .menu-movil-icono:hover > ul > li:nth-child(3) { width:100%; }
	
	.movil { display:none; }
	
	/* top > scroll > menú */
	
	.menu-scroll > ul > li {	
		margin:0 0 0 20px;
		
		font-size:15px;
		line-height:15px;
	}
}

@media only screen and (min-width:1024px) and (max-width:1234px) {
	/* top > menú */
	
	.menu > ul > li {
		margin:0 0 0 20px;
		
		height:50px;
		
		font-size:14px;
		line-height:15px;
		font-weight:200;
	}
	
	.menu img { height:20px; }
	
	/* top > menu móvil */
	
	.movil, .menu-movil-icono { display:none !important; }

	/* top > scroll > menú */
	
	.menu-scroll > ul > li {	
		margin:0 0 0 20px;
		
		font-size:13px;
		line-height:15px;
	}
}

@media only screen and (min-width:1235px) {
	/* top > menú */
	
	.menu > ul > li {
		margin:0 0 0 45px;
		
		height:50px;
		
		font-size:14px;
		line-height:16px;
		font-weight:200;
		letter-spacing:0.5px;
	}
	
	.menu img { height:23px; }
	
	/* top > menu móvil */
	
	.movil, .menu-movil-icono { display:none !important; }
	
	/* top > scroll > menú */
	
	.menu-scroll > ul > li {	
		margin:0 0 0 40px;
		
		font-size:14px;
		line-height:16px;
	}
}

/**/

/* base */

.base {
	margin:0;
	padding:0 0 50px 0;
	
	width:100%;
}

.base a:hover { color:#00275d; }

.base-sombra {
	margin:0 0 50px 0;

	width:100%;
	height:50px;
	
	background:url(../img/base/sombra.png) 0 0 no-repeat;
	-o-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
}

/* base > secciones */

.base-secciones {
	margin:auto;
	padding:0;
	
	width:95%; max-width:1500px;
	
	font-size:18px;
	line-height:22px;
	color:#666;
}

.base-secciones > ul {
	margin:0;
	padding:0;
	
	width:100%;

	float:left;
}

.base-secciones > ul > li {
	padding:0;
	
	float:left;
	list-style:none;
}

@media only screen and (max-width:767px) {
	.base-secciones > ul > li:nth-child(1) { width:48%; margin:0 0 40px 0; }
	.base-secciones > ul > li:nth-child(2) { width:48%; margin:0 0 40px 0; float:right; }
	.base-secciones > ul > li { width:100%; margin:0 0 40px 0; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.base-secciones > ul > li { width:47.5%; margin:0 5% 50px 0; }
	.base-secciones > ul > li:nth-child(2n+0) { margin:0 0 50px 0; }
	.base-secciones > ul > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:1024px) and (max-width:1100px) {
	.base-secciones > ul > li { margin:0 2% 50px 0; }
	.base-secciones > ul > li:nth-child(1), .base-secciones > ul > li:nth-child(2), .base-secciones > ul > li:nth-child(3) { width:18%; }
	.base-secciones > ul > li:nth-child(4) { width:40%; }
	.base-secciones > ul > li:nth-child(4n+0) { margin:0; }
	.base-secciones > ul > li:nth-child(4n+1) { clear:both; }
}

@media only screen and (min-width:1101px) and (max-width:1200px) {
	.base-secciones > ul > li { margin:0 2% 50px 0; }
	.base-secciones > ul > li:nth-child(1), .base-secciones > ul > li:nth-child(2), .base-secciones > ul > li:nth-child(3) { width:19.66666666666667%; }
	.base-secciones > ul > li:nth-child(4) { width:35%; }
	.base-secciones > ul > li:nth-child(4n+0) { margin:0; }
	.base-secciones > ul > li:nth-child(4n+1) { clear:both; }
}

@media only screen and (min-width:1201px) and (max-width:1300px) {
	.base-secciones > ul > li { margin:0 2% 50px 0; }
	.base-secciones > ul > li:nth-child(1), .base-secciones > ul > li:nth-child(2), .base-secciones > ul > li:nth-child(3) { width:21.33333333333334%; }
	.base-secciones > ul > li:nth-child(4) { width:30%; }
	.base-secciones > ul > li:nth-child(4n+0) { margin:0; }
	.base-secciones > ul > li:nth-child(4n+1) { clear:both; }
}

@media only screen and (min-width:1301px) {
	.base-secciones > ul > li { margin:0 2% 50px 0; }
	.base-secciones > ul > li:nth-child(1), .base-secciones > ul > li:nth-child(2), .base-secciones > ul > li:nth-child(3) { width:22%; }
	.base-secciones > ul > li:nth-child(4) { width:28%; }
	.base-secciones > ul > li:nth-child(4n+0) { margin:0; }
	.base-secciones > ul > li:nth-child(4n+1) { clear:both; }
}

/* base > menú */

.base-menu > ul {
	margin:0;
	padding:0;
}

.base-menu > ul > li {
	margin:0;
	padding:0;
	
	list-style:none;
}

.base-menu > ul > li:first-child {
	font-weight:600;
	text-transform:uppercase;
}

.base-menu a {
	display:block;
}

.base-menu-separador {
	margin:0 0 25px 0;
	padding: 0 0 25px 0;
	
	border-bottom:1px dashed #999;
}

@media only screen and (max-width:767px) {
	.base-menu-separador {
		margin:0 0 20px 0;
		padding: 0 0 20px 0;
	}
}

/* base > reservaciones */

.base-reserva {
	width:100%;
	
	float:left;
	
	text-transform:uppercase;
	color:#fff;
}

.base-reserva > ul {
	margin:0;
	padding:0;
}

.base-reserva > ul > li {
	display:table;

	margin:0;
	padding:0;
	
	width:100%;
	height:50px;
	
	list-style:none;

	background:#00275d;
	
	text-align:center;
}

.base-reserva img {
	margin:0 0 0 5px;

	width:auto;
	height:25px;
	
	vertical-align:text-bottom;
}

/* base > corporativo */

.base-corporativo {
	margin:25px 0 15px 0;
	padding:0 0 25px 0;
	
	width:100%;
	
	float:left;
	
	border-bottom:1px dashed #999;
}

.base-corporativo > ul {
	margin:0;
	padding:0;
}

.base-corporativo > ul > li {
	display:table;
	
	width:45%;
	
	text-align:center;
}

.base-corporativo > ul > li:nth-child(1) { float:left; }
.base-corporativo > ul > li:nth-child(2) { float:right; }

.base-corporativo img {
	width:100%; max-width:180px;
	height:auto;
}

/* base > redes sociales */

.boletin-electronico {
	margin:0 0 15px 0;
	padding:0 0 15px 0;

	width:100%;
	
	border-bottom:1px dashed #999;
	
	font-size:16px;
	line-height:100%;
	text-transform:uppercase;
	text-align:center;
}

	.boletin-electronico a {
		display:block;
		
		margin:auto;
		padding:0 0 0 30px;
		
		max-width:250px;
		
		text-align:left;
		background:url(../img/base/icono-boletin.png) left 50% no-repeat;
		-o-background-size:25px 20px;
		-moz-background-size:25px 20px;
		-webkit-background-size:25px 20px;
		background-size:25px 20px;
	}


/* base > redes sociales */

.base-redes-sociales {
	text-align:center;
}

.base-redes-sociales > ul {
	margin:0;
	padding:0;

	width:100%;
}

.base-redes-sociales > ul > li {
	display:inline-block;

	margin:0;
	padding:0 10px;
}

.base-redes-sociales > ul > li:last-child { margin:0 0 0 0; }

.base-redes-sociales img {
	width:auto;
	height:20px;
	
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.base-corporativo a, .base-reserva a {
	display:table-cell;
	vertical-align:middle;
}

.base-reserva a:hover, .base-corporativo a:hover, .base-redes-sociales a:hover {
	color:#fff;
	-webkit-filter: drop-shadow(0 0 3px #fff);
    filter: drop-shadow(0 0 3px #fff);
}

/* base > dirección */

.base-direccion > ul {
	margin:0;
	padding:0;
}

.base-direccion > ul > li {
	padding:0;
	margin:0;
	
	list-style:none;
}

.base-direccion > ul > li:nth-child(1) {
	margin:0 0 10px 0;

	font-weight:600;
	text-transform:uppercase;
}

.base-direccion > ul > li:nth-child(2), .base-direccion > ul > li:nth-child(5), .base-direccion > ul > li:nth-child(6), .base-direccion > ul > li:nth-child(7) {
	-o-background-size:14px 14px;
	-moz-background-size:20px 20px;
	-webkit-background-size:20px 20px;
	background-size:18px 18px;
}

.base-direccion img {
	margin:5px 5px 0 0;
	vertical-align:text-top;

	width:auto;
	height:20px;
}

@media only screen and (max-width:767px) {
	.base-direccion { text-align:center; }
}

@media only screen and (max-width:550px) {
	.base-direccion { text-align:center; }

	.base-direccion > ul > li:nth-child(1), .base-direccion > ul > li:nth-child(7) { letter-spacing:-1px; }
}

/* base > logo */

.base-logo {
	margin:10px 0 50px 0;

	width:100%;

	background:#666;
	text-align:center;
	
	background:url(../img/base/logo-fondo.png) center no-repeat;
}

.base-logo img {
	width:140px;
	height:auto;
}

/* base > aviso */

.base-aviso {
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
}

/* página principal */

.inicio {
	margin:0 auto 50px auto;
	width:95%; max-width:1500px;
}

.inicio > ul {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

.inicio > ul > li {
	position:relative;

	margin:0;
	padding:0;
	
	float:left;
	list-style:none;
}

@media only screen and (max-width:1023px) {
	.inicio > ul > li:nth-child(1) { width:100%; }
	.inicio > ul > li:nth-child(2) { width:100%; }
}

@media only screen and (min-width:1024px) {
	.inicio > ul > li:nth-child(1) { width:100%; }
	.inicio > ul > li:nth-child(2) { width:30%; }
}

/* inicio > slider */

.slider-titulo {
	z-index:1;
	position:absolute; top:20px; left:20px;
	
	width:340px;
	height:50px;
	
	font-size:38px;
	line-height:38px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:4px;
	color:#fff;
	
	text-shadow:0 0 1px #ccc, 0 0 2px #999, 0 0 3px #666;
}

.slider-titulo hr {
	margin:10px 0 0 0;
	padding:0;
	
	width:33%;
	height:2px;
	
	border:none;
	background:#fff;
}

.slider-reserva {
	z-index:1;
	position:absolute; bottom:30px; right:30px;
	
	display:table;
	
	width:300px;
	height:50px;
	
	font-size:20px;
	line-height:20px;
	font-weight:200;
	letter-spacing:2px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	
	background:#00275d;
}

.slider-reserva a {
	display:table-cell;
	vertical-align:middle;
}

.slider-reserva a:hover {
	color:#FFF;
	-webkit-filter: drop-shadow(0 0 3px #fff);
    filter: drop-shadow(0 0 3px #fff);
}

.slider-inicio {
	position:relative;
	
	margin:0 0 0 0;
	padding:0;
	
	width:100%;
}

.slider-inicio img {
	position:absolute;
	
	margin:0;
	padding:0;
	
	width:100%;
	height:100%;
	
	-o-object-fit: cover;
	object-fit: cover;
}

/* accesos directos */

.accesos-directos > ul {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

.accesos-directos > ul > li {
	padding:0;
	
	float:left;
	list-style:none;
}

.accesos-directos a {
	position:relative;
	
	display:block;
	
	margin:0;
	padding:0;
	
	width:100%;
	height:100%;
	
	color:#fff;
}

.accesos-directos a:hover > div > font {
	color:#FFF;
	-webkit-filter: drop-shadow(0 0 3px #fff);
    filter: drop-shadow(0 0 3px #fff);
}

.accesos-directos a > div {
	z-index:3;
	position:absolute; bottom:0;
	
	display:table;
	vertical-align:middle;
	
	margin:auto;
	padding:7px 0;
	
	width:100%;
	
	background:url(../img/inicio/accesos-directos/fondo.png);
}

.accesos-directos a > div > font {
	display:table-cell;
	
	padding:0 10px;

	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	text-align:left;
}

.accesos-directos a > span {
	z-index:2;
	position:absolute; bottom:0;
	
	display:table;
	vertical-align:middle;
	
	margin:0;
	padding:0;
	
	width:100%;
	height:100%;
	
	background:url(../img/inicio/accesos-directos/sombra.png) no-repeat;
	-o-background-size:100px 100%;
	-moz-background-size:100px 100%;
	-webkit-background-size:100px 100%;
	background-size:100px 100%;
}

.accesos-directos a > img {
	z-index:1;
	position:absolute;

	width:100%;
	height:100%;

	-o-object-fit: cover;
	object-fit: cover;
}

@media only screen and (max-width:767px) {
	.slider-titulo {
		top:20px; left:20px;
		
		width:285px;
		height:50px;
		
		font-size:38px;
		font-weight:200;
		letter-spacing:3px;
	}

	.slider-reserva {
		bottom:20px; right:20px;
		
		width:280px;
		height:60px;
		
		font-size:20px;
	}

	.slider-inicio { height:300px; }
	
	.accesos-directos > ul {
		margin:30px 0 0 0;
	}

	.accesos-directos > ul > li {
		margin:0 0 20px 0;

		width:100%;
		height:140px;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.slider-inicio { height:320px; }

	.accesos-directos > ul {
		margin:30px 0 0 0;
	}

	.accesos-directos > ul > li {
		margin:0 1% 20px 0;

		width:49%;
		height:165px;
	}
	
	.accesos-directos > ul > li:nth-child(2n+0) { margin:0 0 20px 0; float:right; }
	.accesos-directos > ul > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:1024px) {
	.slider-inicio { height:340px; }

	.accesos-directos > ul > li {
		margin:0;

		width:100%;
		height:95px;
	}
}

/* promociones */

.promociones {
	margin:0;
	padding:0;
}

.promociones > li {
	margin:0;
	padding:0;
	
	list-style:none;
}

.promociones > li:first-child { width:10%; float:left; height:140px; }
.promociones > li:last-child { width:87%; float:right; }

	.promociones > li:first-child > ul {
		position:relative;

		margin:0;
		padding:0;
		
		height:100%;
	}
	
		.promociones > li:first-child > ul > li {
			position:absolute;

			margin:0;
			padding:0;
			
			list-style:none;
		}
		
		.promociones > li:first-child > ul > li:first-child {
			top:0;
			
			width:100%;
			height:120px;
			background:#00275d;
		}
		
		.promociones > li:first-child > ul > li:last-child {
			bottom:0;
			
			width:100%;
			height:20px;
			
			background:url(../img/promociones/etiquetas/extremo-inferior.png) no-repeat;
			-o-background-size:100% 20px;
			-moz-background-size:100% 20px;
			-webkit-background-size:100% 20px;
			background-size:100% 20px;
		}

.promociones-tipo > ul {
	margin:0 0 25px 0;
	padding:0;
	
	line-height:100%;
	font-weight:400;
	letter-spacing:-2px;
	color:#00275d;
}

	.promociones-tipo > ul > li {
		margin:0;
		padding:0;
		
		list-style:none;
	}
	
		.promociones-tipo > ul > li > span {
			vertical-align:top;
		}
		
.promociones-descripcion {
	margin:0 0 20px 0;
}

.promociones-imagen {
	position:relative;
}

.promociones-imagen div {
	z-index:1;
	position:absolute; top:0; right:0; bottom:0; left:0;

	margin:0;
	padding:0;
	
	width:100%;
	height:110px;
	
	background:url(../img/promociones/icono-imagenes.png) top right no-repeat;
}

.promociones-imagen img {
	width:100%;
	height:auto;
	
	box-shadow:0 0 15px #999;
}

@media only screen and (max-width:767px) {
	.promociones-tipo > ul { font-size:44px; }
	.promociones-tipo > ul > li > span { font-size:30px; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.promociones-tipo > ul { font-size:56px; }
	.promociones-tipo > ul > li > span { font-size:34px; }
}

@media only screen and (min-width:1024px) {
	.promociones-tipo > ul { font-size:60px; }
	.promociones-tipo > ul > li > span { font-size:36px; }
}

/* promociones > banner */

.promociones-banner-mosaico {
	width:100% !important;
}

.promociones-banner {
	margin:0 auto 50px auto;
	width:95%; max-width:1500px;
}

.promociones-banner a > div:nth-child(1) {
	z-index:2;
	position:absolute; bottom:0;
	
	width:100%;
	
	background:url(../img/promociones/etiquetas/extremo-inferior.png) right top no-repeat #1e5198;
}

	.promociones-banner a > div:nth-child(1) > ul {	
		margin:0;
		padding:20px 0;
	}
		
		.promociones-banner a > div:nth-child(1) > ul > li {
			margin:0 auto;
			padding:0;
			
			width:95%;
			
			list-style:none;
		}
		
		.promociones-banner a > div:nth-child(1) > ul > li:nth-child(1) {
			font-size:16px;
			line-height:18px;
			font-weight:200;
		}
		
		.promociones-banner a > div:nth-child(1) > ul > li:nth-child(2) {
			font-size:24px;
			line-height:24px;
			font-weight:600;
		}

.promociones-banner a > div:nth-child(2) {
	z-index:1;	
	position:absolute; top:0; right:0;
	
	width:128px;
	height:100%;
	
	background:url(../img/promociones/etiquetas/extremo-superior.png) right top no-repeat #00275d;
}

	.promociones-banner a > div:nth-child(2) > ul {
		position:absolute; top:0; right:0; bottom:0; left:0;

		margin:auto;
		padding:0;
		
		width:85%;
		height:90px;
		
		text-align:center;
	}
	
		.promociones-banner a > div:nth-child(2) > ul > li {
			margin:0;
			padding:0;
			
			list-style:none;

			font-weight:600;
		}
		
		.promociones-banner a > div:nth-child(2) > ul > li.porcentaje {
			margin:0 0 5px 0;

			font-size:54px;
			line-height:54px;
			letter-spacing:-3px;
		}
		
		.promociones-banner a > div:nth-child(2) > ul > li.tarifa {
			margin:0 0 5px 0;

			font-size:42px;
			line-height:50px;
			letter-spacing:-4px;
		}
		
					.promociones-banner a > div:nth-child(2) > ul > li.tarifa > span {
						margin:0 2px 0 -4px;
						vertical-align:top;

						font-size:28px;
					}
		
		.promociones-banner a > div:nth-child(2) > ul > li.gratis {
			margin:0 0 5px -2px;

			font-size:43px;
			line-height:50px;
			letter-spacing:-1px;
		}
		
		.promociones-banner a > div:nth-child(2) > ul > li.sello img {
			margin:10px auto 5px auto;

			display:block;
			width:55%;
			height:auto;
		}
		
		.promociones-banner a > div:nth-child(2) > ul > li:last-child {
			font-size:10px;
			line-height:10px;
			font-weight:200;
		}

.promociones-banner a > div:nth-child(3) {
	position:absolute;
	
	width:100%;
	height:100%;
}

	.promociones-banner a > div:nth-child(3) > img {
		width:100%;
		height:100%;
		
		-o-object-fit: cover;
		object-fit: cover;
	}

.promociones-banner a {
	position:relative;
	
	display:block;
	
	width:100%;
	height:100%; min-height:300px;
	
	color:#fff;
}

.promociones-banner a:hover { text-shadow:0 0 3px #fff, 0 0 6px #fff; }

/* habitaciones > mosaico */

.habitaciones a {
	position:relative;
	display:block;
	
	overflow:hidden;
	
	color:#666;
}

.habitaciones a:hover {
	color:#000;
}

.habitaciones a > div:nth-child(1) {
	position:absolute; top:0; right:0; left:0; z-index:1;
	
	padding:10px 20px;
	
	border-left:6px solid #666;
	background:#fff;
	
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	
	box-shadow:0 0 10px #666;
	
	font-size:16px;
	text-shadow:0 0 3px #ccc;
	text-align:left;
}

.habitaciones a > div:nth-child(1) > div {
	margin:4px 0;
	font-size:28px;
	line-height:28px;
	font-weight:600
}

.habitaciones a > div:nth-child(2) {	
	width:100%;
	height:300px;
	
	overflow:hidden;
}

.habitaciones a > div > img {
	width:100%;
	height:100%;
	
	-o-object-fit: cover;
	object-fit: cover;
}

.habitaciones a:hover > div > img {
	margin:-5%;

	width:110%;
	height:110%;
	
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.habitaciones a > div:nth-child(3) {
	position:absolute; right:10px; bottom:10px; left:10px;

	padding:10px 10px;

	font-size:14px;
	line-height:100%;
	font-weight:200;
	text-transform:uppercase;
	text-align:right;
	text-shadow:0 0 6px #333;
	color:#fff;
	
	border-top:1px dotted #fff;
}

.habitaciones a:hover > div:nth-child(3) {
	padding:10px 30px;
	background:#fff;
	
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	
	color:#333;
}

/* habitaciones > servicios (iconografía) */

.habitaciones-servicios > div {
	margin:20px 0 10px 0;
	padding:20px 0 0 0;
	
	border-top:1px dashed #999;
	
	font-size:26px;
	line-height:26px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#333;
}

.habitaciones-servicios > ul {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

	.habitaciones-servicios > ul > li {
		display:table;

		margin:0;
		padding:0;

		height:40px;
		
		float:left;
		list-style:none;
		
		line-height:100%;
		text-align:left;
	}
	
	.habitaciones-servicios > ul > li > div {
		display:table-cell;
		vertical-align:middle;
		
		text-align:left;
	}
	
	.habitaciones-servicios > ul > li > div > img {
		margin:-3px 4px 0 0;
		vertical-align:text-top;

		width:auto;
		height:23px;
		
		float:left;
	}

@media only screen and (max-width:767px) {
	.habitaciones-servicios > ul > li {
		width:50%;
		font-size:16px;
	}
	
	.habitaciones-servicios > ul > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.habitaciones-servicios > ul > li {
		width:50%;
		font-size:15px;
	}
	
	.habitaciones-servicios > ul > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:1024px) {
	.habitaciones-servicios > ul > li {
		width:100%;
		font-size:15.5px;
	}
}

/* habitaciones > banner */

.habitaciones-banner {
	margin:0 0 50px 0;
	padding:80px 0;

	width:100%;
	
	border-top:20px solid #CCC;
	border-bottom:20px solid #CCC;
	background:#999;
}

.habitaciones-banner-titulo {
	margin:0 0 20px 0;

	font-size:28px;
	line-height:100%;
	text-transform:uppercase;
	text-align:center;
	color:#ccc;
}

.habitaciones-banner > ul {
	margin:auto;
	padding:0;
	
	width:95%; max-width:1500px;
}

.habitaciones-banner > ul > li {
	padding:0;
	
	list-style:none;
	float:left;
}

@media only screen and (max-width:767px) {
	.habitaciones-banner > ul > li { margin:0 0 20px 0; width:100%; }
	.habitaciones-banner > ul > li:nth-child(1n+0) { margin:0 0 20px 0; }
	.habitaciones-banner > ul > li:nth-child(1n+1) { clear:both; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.habitaciones-banner > ul > li { margin:0 5% 20px 0; width:30%; }
	.habitaciones-banner > ul > li:nth-child(3n+0) { margin:0 0 20px 0; }
	.habitaciones-banner > ul > li:nth-child(3n+1) { clear:both; }
}

@media only screen and (min-width:1024px) {
	.habitaciones-banner > ul > li { margin:0 5% 20px 0; width:30%; }
	.habitaciones-banner > ul > li:nth-child(3n+0) { margin:0 0 20px 0; }
	.habitaciones-banner > ul > li:nth-child(3n+1) { clear:both; }
}

.habitaciones-banner > ul > li > a > ul {
	margin:0;
	padding:0;
	
	width:100%;
}

.habitaciones-banner > ul > li > a > ul > li {
	display:table;

	margin:0;
	padding:0;
	
	width:100%;

	list-style:none;
}

.habitaciones-banner > ul > li > a > ul > li:first-child { height:30px; border-bottom:1px solid #CCC; padding:0 0 5px 0; }
.habitaciones-banner > ul > li > a > ul > li:last-child { height:80px; }

.habitaciones-banner > ul > li > a > ul > li > div {
	display:table-cell;
	vertical-align:middle;

	margin:0;
	padding:0;
	
	width:100%;
	height:80px;
	
	font-size:24px;
	line-height:24px;
	font-weight:400;
	text-transform:uppercase;
	text-align:center;
}

.habitaciones-banner font {
	font-size:18px;
	line-height:22px;
	font-weight:200;
}

.habitaciones-banner a {
	display:block;
	
	padding:20px;

	background:#fff;
	box-shadow:0 0 15px #333;
	border-radius:6px;
}

.habitaciones-banner a:hover {
	background:#333;
	
	color:#fff;
}

.habitaciones-banner img {
	width:100%;
	height:40px;

	-o-object-fit: cover;
	object-fit: cover;
}

/* contenidos */

.contenedor {
	margin:30px auto 0 auto;
	width:95%; max-width:1500px;
}

.descripcion {
	margin:20px 0;
	
	line-height:115%;
}

.descripcion a, .promociones-descripcion a {
	font-weight:400;
}

.descripcion a:hover, .promociones-descripcion a:hover {
	color:#00275d;
}

/* contenidos > columnas */

.contenidos > ul {
	margin:35px 0 0 0;
	padding:0;
	
	width:100%;
}

.contenidos > ul > li {
	margin:0 3% 35px 0;
	padding:0;
	
	float:left;
	list-style:none;
}

/**/

.contenidos-especial > ul {
	margin:35px 0 0 0;
	padding:0;
	
	width:100%;
}

.contenidos-especial > ul > li {
	margin:0 0 35px 0;
	padding:0;
	
	float:left;
	list-style:none;
}
	
	.contenidos-especial > ul > li:nth-child(2) > a {
		display:block;
		float:left;
	}
	
	.contenidos-especial > ul > li:nth-child(2) > a { box-shadow:0 0 15px #999; }
	.contenidos-especial > ul > li:nth-child(2) > a:hover { box-shadow:0 0 15px #000; }
	
		.contenidos-especial > ul > li:nth-child(2) > a > img {
			width:100%;
			height:100%;
			
			-o-object-fit: cover;
			object-fit: cover;
		}
	
	.contenidos-especial > ul > li:nth-child(2) > img {
		display:block;
		float:left;
	}
	
	.contenidos-especial > ul > li:nth-child(2) > img { box-shadow:0 0 15px #999; }
	
	.contenidos-especial > ul > li:nth-child(2) > img {
		width:100%;
		height:100%;
		
		-o-object-fit: cover;
		object-fit: cover;
	}

.contenidos-especial > ul > li > h1, .contenidos-especial > ul > li > h2 { text-transform:none; }

/**/

.mosaico > ul {
	margin:35px 0 0 0;
	padding:0;
	
	width:100%;
}

.mosaico > ul > li {
	margin:0 3% 35px 0;
	padding:0;
	
	float:left;
	list-style:none;
}

@media only screen and (max-width:767px) {
	.contenidos > ul > li { width:100%; }
	.contenidos > ul > li:nth-child(1n+0) { margin: 10px 0 35px 0; }
	.contenidos > ul > li:nth-child(1n+1) { clear:both; }
	
	.contenidos-especial > ul > li:nth-child(1) { width:100%; }
	.contenidos-especial > ul > li:nth-child(2) { width:100%; }
	
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(1),
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(2),
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(3),
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(4) { margin:0 0 30px 0; width:100%; height:160px; }
	
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(1),
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(2),
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(3),
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(4) { margin:0 0 30px 0; width:100%; height:160px; }
	
	.mosaico > ul > li { width:100%; }
	.mosaico > ul > li:nth-child(1n+0) { margin: 0 0 35px 0; }
	.mosaico > ul > li:nth-child(1n+1) { clear:both; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.contenidos > ul > li { width:48.5%; }
	.contenidos > ul > li:nth-child(2n+0) { margin: 0 0 35px 0; }
	.contenidos > ul > li:nth-child(2n+1) { clear:both; }
	
	.contenidos-especial > ul > li:nth-child(1) { width:48%; }
	.contenidos-especial > ul > li:nth-child(2) { width:50%; float:right; }
	
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(1) { margin:0 0 30px 0; width:100%; height:250px; }
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(2) { margin:0 4% 30px 0; width:48%; height:100px; }
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(3) { margin:0 0 30px 0; width:48%; height:100px; }
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(4) { margin:0 0 30px 0; width:100%; height:100px; }
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(4n+1) { clear:both; }
	
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(1) { margin:0 0 30px 0; width:100%; height:250px; }
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(2) { margin:0 4% 30px 0; width:48%; height:100px; }
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(3) { margin:0 0 30px 0; width:48%; height:100px; }
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(4) { margin:0 0 30px 0; width:100%; height:100px; }
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(4n+1) { clear:both; }

	.mosaico > ul > li { width:48.5%; }
	.mosaico > ul > li:nth-child(2n+0) { margin: 0 0 35px 0; }
	.mosaico > ul > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:1024px) {
	.contenidos > ul > li { width:48.5%; }
	.contenidos > ul > li:nth-child(2n+0) { margin: 0 0 35px 0; }
	.contenidos > ul > li:nth-child(2n+1) { clear:both; }
	
	.contenidos-especial > ul > li:nth-child(1) { width:33%; }
	.contenidos-especial > ul > li:nth-child(2) { width:63%; float:right; }
	
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(1) { margin:0 0 30px 0; width:100%; height:350px; }
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(2), .contenidos-especial > ul > li:nth-child(2) > a:nth-child(3),
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(4) { margin:0 3% 30px 0; width:31.33333333333333%; height:150px; }
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(4n+0) { margin:0 0 30px 0; }
	.contenidos-especial > ul > li:nth-child(2) > a:nth-child(4n+1) { clear:both; }
	
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(1) { margin:0 0 30px 0; width:100%; height:350px; }
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(2), .contenidos-especial > ul > li:nth-child(2) > img:nth-child(3),
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(4) { margin:0 3% 30px 0; width:31.33333333333333%; height:150px; }
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(4n+0) { margin:0 0 30px 0; }
	.contenidos-especial > ul > li:nth-child(2) > img:nth-child(4n+1) { clear:both; }
	
	.mosaico > ul > li { width:31.33333333333333%; }
	.mosaico > ul > li:nth-child(3n+0) { margin: 0 0 35px 0; }
	.mosaico > ul > li:nth-child(3n+1) { clear:both; }
}

/**/

.C2, .C4 {
	margin:auto;
	padding:0;
	
	width:95%; max-width:1500px;
	
	text-align:justify;
}

.C2 > ul, .C4 > ul {
	margin:0 0 0 0;
	padding:0;
	
	width:100%;

	float:left;
}

.C2 > ul > li, .C4 > ul > li {
	margin:0 3% 25px 0;
	
	float:left;
	list-style:none;
}



@media only screen and (max-width:767px) {
	.C2 > ul > li { width:100%;}
	.C2 > ul > li:nth-child(1n+0) { margin: 0 0 25px 0; }
	.C2 > ul > li:nth-child(1n+1) { clear:both; }

	.C4 > ul > li { width:100%;}
	.C4 > ul > li:nth-child(1n+0) { margin: 0 0 25px 0; }
	.C4 > ul > li:nth-child(1n+1) { clear:both; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.C2 > ul > li { width:48.5%;}
	.C2 > ul > li:nth-child(2n+0) { margin: 0 0 25px 0; }
	.C2 > ul > li:nth-child(2n+1) { clear:both; }
	
	.C4 > ul > li { width:48.5%;}
	.C4 > ul > li:nth-child(2n+0) { margin: 0 0 25px 0; }
	.C4 > ul > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:1024px) {
	.C2 > ul > li { width:48.5%;}
	.C2 > ul > li:nth-child(2n+0) { margin: 0 0 25px 0; }
	.C2 > ul > li:nth-child(2n+1) { clear:both; }
	
	.C4 > ul > li { width:22.75%; }
	.C4 > ul > li:nth-child(4n+0) { margin: 0 0 25px 0; }
	.C4 > ul > li:nth-child(4n+1) { clear:both; }
}

/* galería */

.galeria > ul {
	margin:35px 0 0 0;
	padding:0;
	
	width:100%;
}

.galeria > ul > li {
	margin:0 0 35px 0;
	padding:0;
	
	width:100%;
	list-style:none;
}
	
	.galeria > ul > li:nth-child(1) > a {
		display:block;
		float:left;
	}
	
	.galeria > ul > li:nth-child(2) > a {
		display:block;
		float:right;
	}
	
	.galeria > ul > li:nth-child(1) > a, .galeria > ul > li:nth-child(2) > a { box-shadow:0 0 15px #999; }
	.galeria > ul > li:nth-child(1) > a:hover, .galeria > ul > li:nth-child(2) > a:hover { box-shadow:0 0 15px #000; }
	
		.galeria > ul > li:nth-child(1) > a > img, .galeria > ul > li:nth-child(2) > a > img {
			width:100%;
			height:100%;
			
			-o-object-fit: cover;
			object-fit: cover;
		}

@media only screen and (max-width:767px) {
	.galeria > ul > li:nth-child(1) > a:nth-child(1) { margin:0 0 30px 0; width:100%; height:250px; }
	.galeria > ul > li:nth-child(1) > a:nth-child(2), .galeria > ul > li:nth-child(1) > a:nth-child(4) { margin:0 3% 30px 0; width:48.5%; height:180px; }
	.galeria > ul > li:nth-child(1) > a:nth-child(3), .galeria > ul > li:nth-child(1) > a:nth-child(5) { margin:0 0 30px 0; width:48.5%; height:180px; }
	
	.galeria > ul > li:nth-child(2) > a:nth-child(1) { margin:0 0 30px 0; width:100%; height:250px; }
	.galeria > ul > li:nth-child(2) > a:nth-child(2), .galeria > ul > li:nth-child(2) > a:nth-child(4) { margin:0 0 30px 0; width:48.5%; height:180px; }
	.galeria > ul > li:nth-child(2) > a:nth-child(3), .galeria > ul > li:nth-child(2) > a:nth-child(5) { margin:0 3% 30px 0; width:48.5%; height:180px; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.galeria > ul > li:nth-child(1) > a:nth-child(1) { margin:0 3% 30px 0; width:50%; height:470px; }
	.galeria > ul > li:nth-child(1) > a:nth-child(2), .galeria > ul > li:nth-child(1) > a:nth-child(4) { margin:0 3% 30px 0; width:22%; height:220px; }
	.galeria > ul > li:nth-child(1) > a:nth-child(3), .galeria > ul > li:nth-child(1) > a:nth-child(5) { margin:0 0 30px 0; width:22%; height:220px; }
	
	.galeria > ul > li:nth-child(2) > a:nth-child(1) { margin:0 0 30px 0; width:50%; height:470px; }
	.galeria > ul > li:nth-child(2) > a:nth-child(3), .galeria > ul > li:nth-child(2) > a:nth-child(2) { margin:0 3% 30px 0; width:22%; height:220px; }
	.galeria > ul > li:nth-child(2) > a:nth-child(4), .galeria > ul > li:nth-child(2) > a:nth-child(5) { margin:0 3% 30px 0; width:22%; height:220px; }
}

@media only screen and (min-width:1024px) {	
	.galeria > ul > li:nth-child(1) > a:nth-child(1) { margin:0 3% 30px 0; width:50%; height:470px; }
	.galeria > ul > li:nth-child(1) > a:nth-child(2), .galeria > ul > li:nth-child(1) > a:nth-child(4) { margin:0 3% 30px 0; width:22%; height:220px; }
	.galeria > ul > li:nth-child(1) > a:nth-child(3), .galeria > ul > li:nth-child(1) > a:nth-child(5) { margin:0 0 30px 0; width:22%; height:220px; }
	
	.galeria > ul > li:nth-child(2) > a:nth-child(1) { margin:0 0 30px 0; width:50%; height:470px; }
	.galeria > ul > li:nth-child(2) > a:nth-child(3), .galeria > ul > li:nth-child(2) > a:nth-child(2) { margin:0 3% 30px 0; width:22%; height:220px; }
	.galeria > ul > li:nth-child(2) > a:nth-child(4), .galeria > ul > li:nth-child(2) > a:nth-child(5) { margin:0 3% 30px 0; width:22%; height:220px; }
}

/* ubicacion */

#map img {
	box-shadow:none !important;
}

.map {
	margin:20px 0 0 0;
	
	width:100%;
	height:500px;
	
	border-radius:10px;
	box-shadow:0 0 20px #CCC;
}

.map p {
	margin:0 0 10px 0;
	padding:0;
	
	font-size:14px;
	line-height:16px;
	color:#666;
}

.map a {
	display:block;
	margin:0 0 10px 0;
	padding:0;
	
	font-size:14px;
	line-height:16px;
	color:#000;
	font-weight:400;
	text-align:left;
	text-decoration:none;
}

.map a:hover { color:#F60; }

.abrir-mapa {
	text-align:center;
	cursor:default;
}

.abrir-mapa span {
	margin:0 0 10px 0;
	display:block;
}

.abrir-mapa a {
	text-transform:uppercase;
	font-weight:600;
}

.abrir-mapa img {
	vertical-align:top;

	margin:-2px 5px 0 0;

	width:25px;
	height:auto;
}

/* noticias > mosaico */

.noticias > ul > li > a {
	display:block;
	
	color:#666;
}

.noticias > ul > li > a:hover {
	text-shadow:0 0 10px #999;
	color:#000;
}

	.noticias > ul > li > a > div:nth-child(1) {
		margin:0 0 30px 0;
		width:100%;
		height:150px;
		
		box-shadow:0 0 15px #999;
	}

		.noticias > ul > li > a > div:nth-child(1) > img {
			width:100%;
			height:100%;
			
			-o-object-fit: cover;
			object-fit: cover;
		}
		
	.noticias > ul > li > a > div:nth-child(2) {
		margin:0 0 20px 0;
		
		font-size:24px;
		line-height:100%;
		font-weight:600;
	}
	
	.noticias > ul > li > a > div:nth-child(3) {
		margin:0 0 15px 0;
		
		font-size:18px;
		line-height:100%;
		font-weight:200;
		color:#999;
	}
	
	.noticias > ul > li > a > div:nth-child(4) {
		text-align:justify;
	}
	
	.noticias > ul > li > a > div:nth-child(5) {
		margin:15px 0 20px 0;
		padding:15px 0 0 0;
		
		border-top:2px solid #00275d;

		font-size:18px;
		text-align:right;
		color:#00275d;
	}
	
/* noticias > descripción */

		.noticias-descripcion > ul > li:nth-child(1) > div:nth-child(2) > ul {
			margin:20px 0 0 0;
			padding:0;
		}
		
			.noticias-descripcion > ul > li:nth-child(1) > div:nth-child(2) > ul > li {
				padding:0;
				
				float:left;
				list-style:none;
				
				font-size:18px;
				line-height:100%;
				font-weight:200;
				color:#999;
			}
		
			.noticias-descripcion > ul > li:nth-child(1) > div:nth-child(2) > ul > li:first-child {
				margin:0 10px 0 0;
				padding:0 10px 0 0;
				
				border-right:1px solid #999;
				
			}
		
	.noticias-descripcion > ul > li:nth-child(1) > div:nth-child(3) {
		padding:20px 0 0 0;
	
		clear:both;
	}
	
	.noticias-descripcion > ul > li:nth-child(1) > div:nth-child(4) {
		margin:30px 0 20px 0;
		padding:15px 0 0 0;
		
		border-top:2px solid #00275d;
	
		font-size:18px;
		text-align:right;
		color:#00275d;
	}
	
		.noticias-descripcion > ul > li:nth-child(1) > div:nth-child(4) > a {
			display:block;
		}
		
		.noticias-descripcion > ul > li:nth-child(1) > div:nth-child(4) > a:hover {
			color:#000;
			
			text-shadow:0 0 15px #999;
		}
		
/* puntos de interés > mosaico */

.puntos-interes > ul > li > a {
	display:block;
	
	color:#666;
}

.puntos-interes > ul > li > a:hover {
	text-shadow:0 0 10px #999;
	color:#000;
}

	.puntos-interes > ul > li > a > div:nth-child(1) {
		margin:0 0 30px 0;
		width:100%;
		height:80px;
		
		box-shadow:0 0 15px #999;
	}

		.puntos-interes > ul > li > a > div:nth-child(1) > img {
			width:100%;
			height:100%;
			
			-o-object-fit: cover;
			object-fit: cover;
		}
		
	.puntos-interes > ul > li > a > div:nth-child(2) {
		margin:0 0 5px 0;
		
		font-size:18px;
		line-height:100%;
		font-weight:200;
		color:#999;
	}
		
	.puntos-interes > ul > li > a > div:nth-child(3) {
		margin:0 0 20px 0;
		
		font-size:24px;
		line-height:100%;
		font-weight:600;
	}
	
	.puntos-interes > ul > li > a > div:nth-child(4) {
		margin:15px 0 20px 0;
		padding:15px 0 0 0;
		
		border-top:1px dashed #00275d;

		font-size:18px;
		text-align:right;
		color:#00275d;
	}
	
/* puntos de interés > descripción */

		.puntos-interes-descripcion > ul > li:nth-child(1) > div:nth-child(3) > ul {
			margin:20px 0 0 0;
			padding:0;
		}
		
			.puntos-interes-descripcion > ul > li:nth-child(1) > div:nth-child(3) > ul > li {
				margin:0;
				padding:0;
				
				list-style:none;
				
				font-size:18px;
				line-height:140%;
				font-weight:200;
				color:#999;
			}
	
	.puntos-interes-descripcion > ul > li:nth-child(1) > div:nth-child(4) {
		padding:20px 0 0 0;
	}
	
	.puntos-interes-descripcion > ul > li:nth-child(1) > div:nth-child(5) {
		margin:30px 0 20px 0;
		padding:15px 0 0 0;
		
		border-top:1px dashed #00275d;
	
		font-size:18px;
		text-align:right;
		color:#00275d;
	}
	
		.puntos-interes-descripcion > ul > li:nth-child(1) > div:nth-child(5) > a {
			display:block;
		}
		
		.puntos-interes-descripcion > ul > li:nth-child(1) > div:nth-child(5) > a:hover {
			color:#000;
			
			text-shadow:0 0 15px #999;
		}
		
/* puntos de interés > mosaico */

.eventos-proximos > ul > li > a {
	display:block;
	
	color:#666;
}

.eventos-proximos > ul > li > a:hover {
	text-shadow:0 0 10px #999;
	color:#000;
}

	.eventos-proximos > ul > li > a > div:nth-child(1) {
		margin:0 0 30px 0;
		width:100%;
		height:200px;
		
		box-shadow:0 0 15px #999;
	}

		.eventos-proximos > ul > li > a > div:nth-child(1) > img {
			width:100%;
			height:100%;
			
			-o-object-fit: cover;
			object-fit: cover;
		}
		
	.eventos-proximos > ul > li > a > div:nth-child(2) {
		margin:0 0 5px 0;
		
		font-size:18px;
		line-height:100%;
		font-weight:200;
		color:#999;
	}
		
	.eventos-proximos > ul > li > a > div:nth-child(3) {
		margin:0 0 10px 0;
		
		font-size:24px;
		line-height:100%;
		font-weight:600;
	}
	
	.eventos-proximos > ul > li > a > div:nth-child(4) {
		margin:0 0 20px 0;
		padding:10px;
		
		border-radius:5px;
		background:#f9f9f9;
		
		font-size:20px;
		line-height:100%;
		font-weight:400;
	}
	
	.eventos-proximos > ul > li > a > div:nth-child(5) {
		margin:15px 0 20px 0;
		padding:15px 0 0 0;
		
		border-top:1px dashed #00275d;

		font-size:18px;
		text-align:right;
		color:#00275d;
	}
	
/* puntos de interés > descripción */

	.eventos-proximos-descripcion > ul > li:nth-child(1) > div:nth-child(3) {
		margin:20px 0 0 0;
		padding:10px;
		
		border-radius:5px;
		background:#f9f9f9;
		
		font-size:20px;
		line-height:100%;
		font-weight:400;
	}
	
	.eventos-proximos-descripcion > ul > li:nth-child(1) > div:nth-child(4) {
		padding:20px 0 0 0;
	}
	
	.eventos-proximos-descripcion > ul > li:nth-child(1) > div:nth-child(5) {
		margin:30px 0 20px 0;
		padding:15px 0 0 0;
		
		border-top:1px dashed #00275d;
	
		font-size:18px;
		text-align:right;
		color:#00275d;
	}
	
		.eventos-proximos-descripcion > ul > li:nth-child(1) > div:nth-child(5) > a {
			display:block;
		}
		
		.eventos-proximos-descripcion > ul > li:nth-child(1) > div:nth-child(5) > a:hover {
			color:#000;
			
			text-shadow:0 0 15px #999;
		}
		
/* cotizaciones */

.menu-cotizaciones {
	margin:20px 0 0 0;
	padding:10px;
	
	border:1px solid #CCC;

	cursor:pointer;
}

.menu-cotizaciones > div {
	position:relative;
	padding:10px;
	border-radius:5px;
}

.menu-cotizaciones > div:hover {
	background:#f1f1f1
}

i {
	position:absolute; top:14px; right:15px;
    border: solid #999;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.menu-cotizaciones > ul {
	display:none;
	
	margin:10px 0 0 0;
	padding:0;
}

.menu-cotizaciones > ul > li {
	margin:0;
	padding:15px 5px;
	
	list-style:none
}

.menu-cotizaciones > ul > li:nth-child(2) {
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}

.menu-cotizaciones > ul > li:hover {
	background:#f1f1f1
}

/*  inicio - hoteles  */

.inicio-hoteles {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    gap: 30px;
    box-sizing: border-box;
    
    margin:0 auto 50px auto;
    
	width:95%; max-width:1500px;
}

.inicio-hoteles a > div {
    position: relative;
    
    width: 100%;
    height: 250px;
    
    background-color: black;
}

.inicio-hoteles a > div > img {
    position: absolute;
    
    width: 100%;
    height: 100%;
    
    object-fit: cover;
}

.inicio-hoteles a > div > span {
    position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    transition: .5s;
    opacity: 0.0;
    
    text-align: center;
    text-transform:uppercase;
    color: white;
}

.inicio-hoteles a:hover > div > span { opacity: 1.0; }

.inicio-hoteles > a:nth-child(1) span { background: #216245; }
.inicio-hoteles > a:nth-child(2) span { background: #216245; }
.inicio-hoteles > a:nth-child(3) span { background: #52b849; }
.inicio-hoteles > a:nth-child(4) span { background: #de2149; }
.inicio-hoteles > a:nth-child(5) span { background: #0079bd; }
.inicio-hoteles > a:nth-child(6) span { background: #685656; }

.inicio-hoteles a > div > span img {
	display:block;
	
	margin:0 auto 10px auto;
	
	width:30px;
	height:auto;
}

.inicio-hoteles a > span {
    display: block;
    
    width: 100%;
    height: 3px;
    
    border-top: 3px solid white;
}

.inicio-hoteles a > img {
    display: block;
    
    padding-top: 10px;
    
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 1024px) { .inicio-hoteles { grid-template-columns: auto auto auto; } }
@media only screen and (max-width: 768px)  { .inicio-hoteles { grid-template-columns: auto auto; } }
@media only screen and (max-width: 550px)  { .inicio-hoteles { grid-template-columns: auto; } }


/* inicio - secciones */

.secciones {
	margin:0 auto 50px auto;
	width:95%; max-width:1500px;
}

.secciones > ul {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

.secciones > ul > li {
	list-style:none;
	float:left;
	
	text-align:justify;
}

.secciones > ul > li > h1 {
	margin:0 0 10px 0;
	padding:0;
	
	font-size:30px;
	line-height:100%;
	font-weight:600;
	text-transform:uppercase;
	text-align:left;
}

.secciones > ul > li:nth-child(1) > a {
	display:block;
	
	margin:20px 0;
	padding:10px 0 0 0;
	
	text-align:right;
	font-weight:bold;
	
	border-top:1px dashed #CCC;
}

.secciones > ul > li > ul {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

.secciones > ul > li > ul > li {
	display:table;

	list-style:none;
	float:left;
}

.secciones > ul > li > ul > li > a {
	display:table-cell;
	vertical-align:middle;
	
	width:100%;
	height:100%;
	
	font-size:18px;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	text-shadow:0 0 6px #fff 0 0 6px #fff;
}

.secciones > ul > li > ul > li > a:hover {
	box-shadow:0 0 16px #999;
}

.secciones > ul > li > ul > li:nth-child(1) > a {
	background: url(../img/inicio/secciones/programas.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.secciones > ul > li > ul > li:nth-child(2) > a {
	background: url(../img/inicio/secciones/promociones.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.secciones > ul > li > ul > li:nth-child(3) > a {
	background: url(../img/inicio/secciones/oficinas.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.secciones > ul > li > ul > li:nth-child(4) > a {
	background: url(../img/inicio/secciones/contacto.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media only screen and (max-width:549px) {
	.secciones > ul > li { width:100%; margin:0 0 35px 0; }
	
	.secciones > ul > li > ul > li { width:100%; height:80px; margin:0 0 35px 0; }
}

@media only screen and (min-width:550px) and (max-width:767px) {
	.secciones > ul > li { width:100%; margin:0 0 35px 0; }
	
	.secciones > ul > li > ul > li { width:48.75%; height:150px; margin:0 2.5% 20px 0; }
	.secciones > ul > li > ul > li:nth-child(2n+0) { margin:0 0 20px 0; }
	.secciones > ul > li > ul > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.secciones > ul > li { width:46%; margin:0 8% 35px 0; }
	.secciones > ul > li:nth-child(2n+0) { margin:0 0 35px 0; }
	.secciones > ul > li:nth-child(2n+1) { clear:both; }
	
	.secciones > ul > li > ul > li { width:100%; height:100px; margin:0 0 35px 0; }
}

@media only screen and (min-width:1024px) {
	.secciones > ul > li { width:48%; margin:0 4% 35px 0; }
	.secciones > ul > li:nth-child(2n+0) { margin:0 0 35px 0; }
	.secciones > ul > li:nth-child(2n+1) { clear:both; }
	
	.secciones > ul > li > ul > li { width:48.75%; height:150px; margin:0 2.5% 20px 0; }
	.secciones > ul > li > ul > li:nth-child(2n+0) { margin:0 0 20px 0; }
	.secciones > ul > li > ul > li:nth-child(2n+1) { clear:both; }
}

/* nosotros */

.nosotros, .mision {
	margin:auto;
	padding:30px 0 0 0;

	width:95%; max-width:1500px;
}

.nosotros > ul, .mision > ul {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

.nosotros > ul > li, .mision > ul > li {
	margin:0;
	padding:0;
	
	float:left;
	list-style:none;
}

.nosotros > ul > li > img, .mision > ul > li > img {
	width:100%;
	height:auto;
}

.nosotros h1 { text-align:left; }

@media only screen and (max-width:549px) {
	.nosotros > ul > li { width:100%; }
	.nosotros > ul > li:nth-child(2n+0) { margin:0 0 50px 0; }
	.nosotros > ul > li:nth-child(2n+1) { clear:both; }
	
	.mision > ul > li { width:100%; }
	.mision > ul > li:nth-child(2) { clear:both; margin:50px 0; }
}

@media only screen and (min-width:550px) and (max-width:767px) {
	.nosotros > ul > li { width:100%; }
	.nosotros > ul > li:nth-child(2n+0) { margin:0 0 50px 0; }
	.nosotros > ul > li:nth-child(2n+1) { clear:both; }
	
	.mision > ul > li { width:48%; }
	.mision > ul > li:nth-child(2n+0) { width:48%; float:right; margin:0 0 50px 0; }
	.mision > ul > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.nosotros > ul > li { width:48%; }
	.nosotros > ul > li:nth-child(2n+0) { width:48%; float:right; margin:0 0 50px 0; }
	.nosotros > ul > li:nth-child(2n+1) { clear:both; }
	
	.mision > ul > li { width:48%; }
	.mision > ul > li:nth-child(2n+0) { width:48%; float:right; margin:0 0 50px 0; }
	.mision > ul > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:1024px) {
	.nosotros > ul > li { width:60%; }
	.nosotros > ul > li:nth-child(2n+0) { width:35%; float:right; margin:0 0 50px 0; }
	.nosotros > ul > li:nth-child(2n+1) { clear:both; }
	
	.mision > ul > li { width:48%; }
	.mision > ul > li:nth-child(2n+0) { width:48%; float:right; margin:0 0 50px 0; }
	.mision > ul > li:nth-child(2n+1) { clear:both; }
}