/* Reset ---------------------------------- */

* { 
	margin: 0;
	padding: 0;
}
html { 
	font-size: 10px;
	overflow: auto; 
}
body { 
	 -webkit-text-size-adjust: 100%;
	font-family: 'Open Sans', sans-serif;
	text-align: center; 
}
ol, ul {
	list-style: none;
	list-style-type: none;
}
img, 
	a img {
		background-repeat: no-repeat;
		border: none;
		height: auto;
		max-width: 100%;
		text-decoration: none; 
		vertical-align: top;
	}
img:focus { 
	outline: none;
}
fieldset {
	border: none;
}
label, 
button { 
	cursor: pointer;
}
input, 
textarea, 
select, 
button {
	border: none;
	font-size: 100%;
	font-family: inherit; 
}
table { 
	border-collapse: collapse;
	border-spacing: 0;
}
q:before,
q:after {
	content:'';
}
h1,
h2,
h3,
h4,
h5,
h6 { 
	font-size: 100%;
	font-weight: normal;
}

/* -------------------Fin Reset ------------------ */

/* Generales Framework */

.bloque {
	overflow: hidden;	
}
.salto {
	clear: both;	
}
.flotarIzq {
	float: left;	
}
.flotarDch {
	float: right;	
}
.upper {
	text-transform: uppercase;	
}
.contenedor {
	margin: 0 auto;	
}
.ocultar {
	display: none;	
}
.mostrar {
	display: block;	
}
.alt {
	clip: rect(0 0 0 0);	
	position: absolute;
}
.formFieldError {
	border: 1px solid #dc6017 !important;	
}

/* Fin */

/* Estructurales */

html,
	body {
		height: 100%;	
		width: 100%;
	}
	body {
		background: #fff;
	}
	header,
		hgroup
	nav,
	section,
		article,
			figure,
			time,
	main,
	footer {
		display: block;	
	}

/* Fin de los estilos estructurales */

/* Estilos para la cabecera */

#pagina {
	margin: 0 auto;
	max-width: 1900px;
}
#pagina,
#envoltorioCabecera,
#cabecera,
#cuerpo,
#pie {
	position: relative;
}
#envoltorioCabecera {
	background: #4ab0b4;
	padding-bottom: 110px;
}
	#envoltorioCabecera > .contenedor,
	#contenido > .contenedor,
	#pie > .contenedor {
		-webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
        box-sizing: border-box;
		max-width: 992px;
	}
	#envoltorioCabecera > .contenedor,
	#contenido > .contenedor {
		padding-left: 48px;
		text-align: left;
	}
	#sesgarRectangulo {
		margin-top: -285px;
	}
		#contenedorMenuPrincipal {
			text-align: left;
		}
			#etiquetaEvento {
				background: #b2d8d9;
				color: #4ab0b4;
				display: inline-block;
				font-size: 1.4rem;
				font-weight: bold;
				line-height: 44px;
				padding: 0 60px 0 26px;
			}
			#menuPrincipal {
				margin: 30px 0 0 0;
			}
				#menuPrincipal > ul {
					text-align: left;
				}
					#menuPrincipal > ul > li {
						display: inline-block;
					}
					#menuPrincipal > ul > li:first-child {
						margin-left: 16px;
					}
						#menuPrincipal > ul > li > a {
							color: #fff;
							display: inline-block;
							font-size: 1.4rem;
							font-weight: bold;
							line-height: 44px;
							padding: 0 10px;
							text-decoration: none;
						}
						#menuPrincipal > ul > li > a:hover,
						#menuPrincipal > ul > li.activo > a {
							background: #b2d8d9;
							color: #4ab0b4;
						}

		#menuDisparador {
			background: rgba(74,176,180, 0.6);
			display: none;	
			color: #fff;
			cursor: pointer;
			padding: 5px 10px;
			position: fixed;
			right: 0;
			top: 0;
			z-index: 9999999;
		}
			#menuDisparador.fa,
			#tramos.fa {
				font: normal normal normal 36px/1 FontAwesome !important;
				font-size: inherit;	
				text-rendering: auto;
			}
			#menuDisparador.fa-bars:before {
				content: "\f0c9";
			}
#tramos {
	background: rgba(74,176,180, 0.6);
	bottom: 0;
	display: none;
	color: #fff;
	cursor: pointer;
	padding: 5px 10px;
	position: fixed;
	right: 0;
	z-index: 9999999;
}
	#tramos.fa-chevron-up:before {
		content: "\f077";
	}

			#sesgarRectangulo {
				border-bottom: 390px solid #fff; 
				border-left: 1900px solid transparent; 
				bottom: 0;
				height: 0;
				left: 50%;
				margin-left: -950px;
				max-width: 1900px; 
				position: absolute;
				width: 0;
				z-index: 20;
			}
	
/* Fin de los estilos para la cabecera */

/* Estilos del cuerpo */

#cuerpo {
	margin-top: -70px;
	/*padding-bottom: 70px;*/
	z-index: 30;
}
	#contenedorVideo {
		margin-top: 60px;
	}
		#contenedorMulticomfort > header > h1,
		#contenedorResultados > header > h1 {
			color: #000;
			font-size: 3rem;
		}
		.dosColumnas > div {
			width: calc(50% - 15px);
		}
		#contenedorVideo > .contenedorVideo,
		.dosColumnas > .contenedorVideo {
			padding-bottom: 55%;
			position: relative;
		}
		.dosColumnas > .contenedorVideo {
			display: inline-block;
			margin-top: 30px;
			padding-bottom: 25%;
		}
			#contenedorVideo > .contenedorVideo > iframe,
			.dosColumnas > .contenedorVideo > iframe {
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}

	#contenedorFranjaBanner {
		margin-top: 70px;
	}

#listadoResultados {
	display: block;
	margin-top: 40px;
	text-align: center;
}
	#listadoResultados > li {
		display: inline-block;
		margin-bottom: 20px;
		vertical-align: top;
		width: 30%;
	}
	#listadoResultados > li + li {
		margin-left: 3%;
	}
		#listadoResultados > li span {
			display: block;
		}
		#listadoResultados > li > span {
			color: #4ab0b4;
			font-size: 1.8rem;
		}
		#listadoResultados > li span.numero {
			font-size: 3rem;
			font-weight: bold;
		}
#presentacionMapa {
	display: block;
	margin: 20px auto 60px auto;
}
#premiados {
	display: block;
	margin-top: 20px;
	text-align: center;
}
	#premiados > li {
		display: inline-block;
		margin-bottom: 20px;
		vertical-align: top;
		width: 30%;
	}
	#premiados > li + li {
		margin-left: 3%;
	}
#premiados header {
	margin-top: 15px;
}
#premiados header hgroup > * {
	color: #4ab0b4;
	font-size: 1.5rem;
}

/* Fin de los estilos del cuerpo */

/* Estilos para la galería de imagenes y slider */

#contenedorGaleriaFotografica.contenedor {
	padding-left: 0;
}
#subcontenedorGaleriaFotografica {
	margin-top: 40px;
	position: relative;
}
	#contenidoSlider {
		padding-bottom: 50%;
		z-index: 40;
	}
	.paginadorSlider {
		clear: both;
		position: absolute;
		right: 10px;
		top: calc(50% - 140px);
		width: 20px;
		z-index: 9999;
	}
		.paginadorSlider > li {
			display: inline-block;
		}
		.paginadorSlider > li + li {
			margin: 5px 0 0 0;	
		}
			.paginadorSlider > li > a {
				background: #000;
				display: inline-block;
				height: 20px;
				text-decoration: none;
				width: 20px;
			}
			.paginadorSlider > li > a:hover,
			.paginadorSlider > li.numeroActual > a {
				background: #fff;
			}
			#contenidoSlider figure figcaption {
				background: rgba(0,0,0,0.6);
				bottom: 70px;
				color: #fff;
				display: block;
				font-size: 1.5rem;
				height: 60px;
				max-width: calc(992px - 20px);
				padding: 5px 10px;
				position: relative;
				width: 100%;
				z-index: 99999;
			}

#contenedorMenuGaleria {
	display: block;
	margin-top: 50px;
}
#contenedorMenuGaleria > li {
	border-bottom: 1px solid #4ab0b4;
}
#contenedorMenuGaleria > li.activo {
	border: 1px solid #4ab0b4;
	border-bottom: 1px solid #fff;
}
#contenedorMenuGaleria > li,
#contenedorMenuGaleria > li > a {
	display: inline-block;
}
#contenedorMenuGaleria > li + li {
	margin-left: -3px;
}
#contenedorMenuGaleria > li > a {
	font-size: 1.6rem;
	padding: 20px 25px;
	text-decoration: none;
} 
#contenedorMenuGaleria > li > a > span {
	color: #999;
}
#contenedorMenuGaleria > li.activo > a > span,
#contenedorMenuGaleria > li > a:hover > span {
	color: #4ab0b4;
}
#contenedorGaleriaFotografica > .galerias {
	margin-top: 60px;
}
	#contenedorGaleriaFotografica > .galerias > ul {
		display: block;
	}
		#contenedorGaleriaFotografica > .galerias > ul > li {
			display: inline-block;
			margin-bottom: 18px;
			max-width: 23%;
		}
		#contenedorGaleriaFotografica > .galerias > ul > li + li {
			margin-left: 18px;
		}
		#contenedorGaleriaFotografica > .galerias > ul > li:nth-child(4n+1) {
			margin-left: 0;
		}
.paginadorGalerias {
	margin-top: 50px;
}
	.paginadorGalerias > .totalElementos {
		color: #666;
		font-size: 1.4rem;	
		line-height: 29px;
		margin-right: 15px;
	}
	.paginadorGalerias > ul {
		display: inline-block;
		text-align: right;
	}
		.paginadorGalerias > ul > li {
			display: inline;
		}
			.paginadorGalerias > ul > li > a {
				border: 1px solid #c1c1c1;
				color: #666;
				display: inline-block;
				font-size: 1.1rem;
				font-weight: bold;
				padding: 3px 7px;
				text-decoration: none;
			}
			.paginadorGalerias > ul > li.activo > a,
			.paginadorGalerias > ul > li > a:hover {
				background: #666;	
				color: #fff;
			}

/* Fin de los estilos para la galería de imagenes y slider */

/* Estilos para las redes sociales */

#contenedorRedes {
	padding-top: 60px;
}
#contenidoRedes {
	margin-top: 30px;
}
#contenidoRedes.contenedor {
	max-width: 992px;
}
#contenidoRedes > div {
	width: calc(50% - 20px);
}
#contenidoRedes > div > a.btn {
	background: #fff;
	border: 5px solid #4ab0b4;
	color: #4ab0b4;
	display: block;
	font-size: 1.8rem;
	margin-top: 20px;
	padding: 18px 0;
	text-decoration: none;
}

/* Fin de los estilos para las redes sociales */

#contenedorPrensa {
	margin-top: 105px;
}
	#contenedorPrensa > section > header {
		background: #4ab0b4;
	}
		#contenedorPrensa > section > header > h3 {
			color: #fff;
			font-size: 1.7rem;
			padding: 15px;
		}
	#contenedorDossier {
		display: inline-block;
		max-width: calc(40% - 10px);
	}
		#contenedorDossier > figure {
			margin: 20px;
		}
		#contenedorDossier > .btn {
			border: 5px solid #4ab0b4;
			color: #4ab0b4;
			display: block;
			font-size: 1.8rem;
			font-weight: bold;
			margin: 0 20px;
			padding: 18px 0;
			text-align: center;
			text-decoration: none;
		}
		#contenedorDossier > .btn:hover {
			background: #4ab0b4;
			color: #fff;
		}
	#contenedorMedios {
		display: inline-block;
		max-width: calc(60% - 10px);
		width: 60%;
	}
		header + .paginadorMedios {
			margin-top: 15px;	
		}
		.paginadorMedios + ul {
			padding-top: 25px;
		}
		.paginadorMedios {
			margin-right: 15px;	
		}

	#listadoMediosPublicaciones > li + li {
		margin-top: 30px;
	}
		#listadoMediosPublicaciones > li > article > * {
		}
		#listadoMediosPublicaciones > li > article > time {
			background: #b7b7b7;
			color: #fff;
			margin-right: 12px;
			padding: 5px 8px;
			text-align: center;
		}
	#listadoMediosPublicaciones article header {
		margin-left: 50px;
	}
			#listadoMediosPublicaciones time > span {
				display: block;
			}
			#listadoMediosPublicaciones time .dia {
				font-size: 1.8rem;
			}
			#listadoMediosPublicaciones article header h1 {
				font-size: 1.9em;
			}
			#listadoMediosPublicaciones article header h1 a {
				color: #666;
				text-decoration: none;
			}
			#listadoMediosPublicaciones article header h2 {
				color: #666;
				font-size: 1.3rem;
				margin-top: 10px;
			}

/* Estilos para el editor de textos */

/* Estilos para el pie de la página */

#pie {
	background: #4ab0b4;
}
#sesgarRectanguloPie {
	border: 426px solid #fff;
	border-bottom: none;
	border-right: 2450px solid transparent;
	height: 0;
	left: 50%;
	margin-left: -950px;
	max-width: 1900px;
	overflow: hidden;
	width: 0;
	z-index: 100;
}
#pie > .contenedor {
	margin-top: -250px;
	position: relative;
	z-index: 120;
}

/* Fin de los estilos para el pie de la página */

.textoEditor {
	color: #666;
	font-size: 1.8rem;
	line-height: 150%;
	margin: 30px 0 0 0;
}
.textoEditor + * {
	margin: 30px 0 0 0;
}
	.textoEditor > * {
		margin: 15px 0 0 0;
	}
	.textoEditor h1,
	.textoEditor h2,
	.textoEditor h3,
	.textoEditor h4,
	.textoEditor h5,
	.textoEditor h6 {
		color: #000;
	}
	.textoEditor h1 {
		font-size: 3rem;
	}
	.textoEditor h2 {
		font-size: 2.4rem;
	}
	.textoEditor h3 {
		font-size: 2rem;
	}
	.textoEditor h4,
	.textoEditor h5,
	.textoEditor h6 {
		font-size: 1.8rem;
	}

/* Fin de los estilos para el editor de textos */

@media only screen  and (max-width: 992px) {
	

	#tramos {
		display: none !important;
	}
	#menuDisparador {
		display: block;	
		right: 26px;
		top: 40px;
	}
	#menuPrincipal.responsive {
		-webkit-transition: 1s all linear;
    	-moz-transition: 1s all linear;
    	-ms-transition: 1s all linear;
    	-o-transition: 1s all linear;
    	transition: 1s all linear;
		background: rgba(74,176,180, 0.6);
		min-height: 100%;
		margin-top: -20px;
		padding-top: 120px;
		position: fixed;
		right: 0;
		top: 0;
		width: 0px;
		z-index: 999999;
	}
	#menuPrincipal.responsive.desplegado {
		width: 220px;
	}
	#menuPrincipal.responsive > ul > li,
	#menuPrincipal.responsive > ul > li > a {
		display: block;
	}
	#menuPrincipal.responsive > ul > li {
		margin: 0 0 0 16px;	
	}
	#menuPrincipal.responsive > ul > li > a {
		color: #fff;
	}
	
	#contenedorMulticomfort.contenedor,
	#contenedorVideo.contenedor,
	#contenedorPrensa.contenedor {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
	#sesgarRectanguloPie {
		border-top: 300px solid #fff;
	}
	
}

@media only screen  and (max-width: 860px) {
	
	#contenedorGaleriaFotografica > .galerias > ul {
		text-align: center;
	}
	#contenedorGaleriaFotografica > .galerias > ul > li {
		max-width: 30%;
	}
	
	#contenedorGaleriaFotografica > .galerias > ul > li:nth-child(4n+1) {
		margin-left: 18px;
	}
	#contenedorGaleriaFotografica > .galerias > ul > li:nth-child(3n+1) {
		margin-left: 0;
	}
	
	#contenidoRedes > div {
		float: none;
		width: 100%;
	}
	#contenidoRedes > div + div {
		margin-left: 0;
		margin-top: 40px;
	}
}

@media only screen and (max-width: 768px) {
	
	#contenedorMulticomfort.contenedor {
		padding-left: 24px;
		padding-right: 24px;
	}
	#contenedorPrensa > * {
		display: block;
		float: none;
		max-width: calc(100% - 80px);
		margin-left: auto;
		margin-right: auto;
		width: calc(100% - 80px);
	}
	#contenedorPrensa > * + * {
		margin-top: 40px;
	}
	#sesgarRectangulo {
		bottom: -20px;
	}
	.paginadorSlider {
		display: none;
	}
	
}

@media only screen  and (max-width: 640px) {
	
	#cabecera {
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	#etiquetaEvento {
		display: none;
	}
	#contenedorMenuGaleria > li {
		border: none !important;
		display: block;
	}
	#contenedorMenuGaleria > li + li {
		border-top: 1px solid #4ab0b4 !important;
	}
	#contenedorGaleriaFotografica > .galerias > ul > li {
		max-width: 47%;
	}
	
	#contenedorGaleriaFotografica > .galerias > ul > li:nth-child(4n+1) {
		margin-left: 15px;
	}
	#contenedorGaleriaFotografica > .galerias > ul > li:nth-child(3n+1) {
		margin-left: 15px;
	}
	#contenedorGaleriaFotografica > .galerias > ul > li:nth-child(2n+1) {
		margin-left: 0;
	}
	#listadoResultados > li {
		display: block;
		width: 100%;
	}
	#listadoResultados > li + li {
		margin-left: 0;
	}
	#listadoResultados > li span {
		display: inline-block;
	}
	
	#premiados {
		display: block;
		margin-top: 20px;
		text-align: center;
	}
		#premiados > li {
			display: inline-block;
			margin-bottom: 20px;
			vertical-align: top;
			width: calc(48% - 20px);
		}
		#premiados > li + li {
			margin-left: 20px;
		}
		#premiados > li:nth-child(2n + 1) {
			margin-left: 0;
		}
	#premiados header {
		margin-top: 15px;
	}
	#premiados header hgroup > * {
		color: #4ab0b4;
		font-size: 1.5rem;
	}
	#sesgarRectangulo {
		bottom: -50px;
	}
	.dosColumnas > .contenedorVideo {
		display: block;
		padding-bottom: 55%;
		width: 100%;
	}
}

@media only screen  and (max-width: 480px) {

	#contenedorGaleriaFotografica > .galerias > ul > li {
		max-width: 94%;
	}
	#contenedorGaleriaFotografica > .galerias > ul > li:nth-child(4n+1),
	#contenedorGaleriaFotografica > .galerias > ul > li:nth-child(3n+1),
	#contenedorGaleriaFotografica > .galerias > ul > li + li {
		margin-left: 0 !important;
	}
	
		#premiados > li {
			vertical-align: top;
			width: calc(100% - 20px);
		}
		#premiados > li + li,
		#premiados > li:nth-child(2n + 1) {
			margin-left: 0;
		}
	
}