@charset "utf-8";



{
  -webkit-backface-visibility: hidden;
}


/* --------------------------------------------------------------------	*/
/*	CSS Bootstrap 4 media queries										*/
/* --------------------------------------------------------------------	*/
@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
@media(min-width:1600px){}


/* Limit container to 1200 max */
@media (min-width: 1200px) {
    .container{
        max-width: 1200px;
    }
}




/* --------------------------------------------------------------------	*/
/*	CSS custom fonts													*/
/* --------------------------------------------------------------------	*/



/* --------------------------------------------------------------------	*/
/*	CSS general															*/
/*  -------------------------------------------------------------------	*/
html {
	
}

body {
	position: relative;
	font-family:'Asap', 'Arial';
	padding: 0px 0px 0px 0px;
}



h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	
	font-size:30px !important;
	font-weight: 700;
	line-height: 1.0em;
	color:#0099b3;

}

	h1 span {
		display: block;
		margin-top: 10px;
		
		font-weight: 400;
		font-family: 'Asap';
		font-size:50px!important;
		line-height: 0.6em;
		color: #afbe59!important;

		text-transform: none;
	}

h2 {
	margin: 0px 0px 25px 0px!important;
	padding: 0px 0px 0px 0px!important;
	
	font-size:22px !important;
	line-height: 1.1em!important;
	color:#0099b3;

}

	h2 span {
		display: block;
		margin-top: 10px;
		
		font-weight: 400;
		font-family: 'Asap';
		font-size:50px!important;
		line-height: 0.6em;
		color: #afbe59!important;

		text-transform: none;
	}

	/*h2:before {
		content: '';
		display: block;
		height: 80px;

		background-repeat: no-repeat;
		background-position: center bottom;

		margin-bottom: 10px;
	}*/

		h2.tipo-0:before {
			height: 20px;
		}

		h2.tipo-1:before { background-image: url(../img/icono-1.png); }
		h2.tipo-2:before { background-image: url(../img/icono-2.png); }
		h2.tipo-3:before { background-image: url(../img/icono-3.png); }
		h2.tipo-4:before { background-image: url(../img/icono-4.png); }
		h2.tipo-5:before { background-image: url(../img/icono-5.png); }
		h2.tipo-6:before { background-image: url(../img/icono-6.png); }
		h2.tipo-7:before { background-image: url(../img/icono-7.png); }
		h2.tipo-9:before { background-image: url(../img/icono-9.png); }

		h2.tipo-10:before { background-image: url(../img/icono-10.png); }



h2.h2-especial {
	margin: 0px 0px 20px 0px!important;
	padding: 0px 0px 0px 0px!important;
	
	font-weight: 700;
	font-size:26px !important;
	line-height: 1.1em!important;

	color:#c1c600!important;
}

	h2.h2-especial:before {
		content: none;
	}



p {
	margin: 0px 0px 10px 0px!important;
	/*font-family: 'Arial';*/
	color:#575756!important;
	font-size:16px;
	line-height: 1.4em;
}

	p.padded {
		padding: 0px 40px 0px 40px;
	}

	p.especial {
		font-size:16px;
		font-weight: 700;
		color:#008cd2!important;
	}

a {
	color:#575756;
}


.bg-color-1 {
	background-color: #eaf5f9;
}


.boton {
	display: inline-block;
	margin: 20px 0px 20px 0px;
	padding: 12px 40px 12px 40px;
	border-radius: 6px;
	background-color: #c1c600;
	color: #fff;
	font-size:16px;
}




/* --------------------------------------------------------------------	*/
/*	CSS comunes												*/
/*  -------------------------------------------------------------------	*/

@media (min-width: 768px) {
  .text-right-responsive { text-align:right; }
  .text-left-responsive { text-align:left; }
}

.img-responsive {
	max-width:100%;
}

.volver {
	border-top: 1px solid #b4b4b4;
	margin: 20px 0px 20px 0px;
	padding: 5px 0px 0px 0px;
}
	a.volverButton {
		font-size:12px;
		color:#999;
	}

.padding {
	padding-top: 30px!important;
	padding-bottom: 30px!important;
}



img[usemap], map area{
    outline: none;
}

.separador {
	border-bottom:1px solid #c1c600;
	margin: 0px 0px 40px 0px;
	padding: 40px 0px 0px 0px;
}
.separador.no-padding-top {
	padding: 0px 0px 0px 0px;
}






/* --------------------------------------------------------------------	*/
/*	CSS header												*/
/*  -------------------------------------------------------------------	*/
header {
	position: fixed;
	width: 100%;
	left:0;
	top:0;
	z-index: 1;

	margin:0px 0px 0px 0px;
	padding:30px 20px 15px 20px;

	display: flex;
	align-items: flex-end;

	background-color:#ffffff;
	border-bottom: 1px solid #a1a1a1;

	/*-webkit-box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.2);
	box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.2);

	text-align: center;*/
}

	header .logo {
		width: 130px;
	}

	header .menu-button {
		margin-left: auto;
		padding-bottom: 5px;
	}



	header img {
		max-width: 100%;
	}

	


/* --------------------------------------------------------------------	*/
/*	CSS menu navegacion inicial												*/
/*  -------------------------------------------------------------------	*/
nav.menu-block {
	margin: 20px 60px 80px 60px;
	text-align: center;
}

	nav.menu-block ul {
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

		nav.menu-block >ul >li {
			margin: 0px 0px 35px 0px;
		}

			nav.menu-block >ul >li >a {
				display: block;
				
				padding: 10px 20px 10px 20px;

				border-radius: 20px;
				background-color: #c1c600;
				color: #fff;
				text-align: center;

				font-weight: 700;
				font-size:20px;
				width: 100%;
			}

			nav.menu-block >ul >li ul {
				margin: 10px 0px 15px 0px;
			}

				nav.menu-block >ul >li ul li {
					padding: 0px 15px 0px 15px;
				}

					nav.menu-block >ul >li ul li >a {
						display: block;
						
						padding: 10px 0px 10px 0px;

						background-color: #fff;
						color: #0099b3;
						text-align: center;
						border-bottom: 1px solid #0099b3;

						font-weight: 500;
						font-size:18px;
						width: 100%;
					}
					nav.menu-block >ul >li ul li:last-child >a {
						border-bottom: none;
					}


		nav.menu-block >ul >li.especial {
			margin: 0px 0px 35px 0px;
		}

			nav.menu-block >ul >li.especial >a {
				display: block;
				
				padding: 6px 20px 6px 20px;

				border-radius: 20px;
				background-color: #93d0dd;
				color: #fff;
				text-align: center;

				font-weight: 700;
				font-size:20px;
				width: 100%;
			}






/* --------------------------------------------------------------------	*/
/*	CSS contenido												*/
/*  -------------------------------------------------------------------	*/
.contenido {
	margin:0px 0px 0px 0px;
	padding: 100px 0px 0px 0px;
}

	.titulo-block {
		margin-bottom:30px;
		padding: 30px;
		/*background-color: #c1c600;*/
		text-align: center;
	}

		.titulo-block h1, .titulo-block h2 {
			
		}
			.titulo-block h1 span, .titulo-block h2 span {
				color:#fff!important;
			}

		.titulo-block p {
			margin: 0px 0px 0px 0px!important;
		}



	.titulo-block.interior {
		margin: 30px 60px 30px 60px;
		padding: 0px;
	}

		.titulo-block.interior h1 {
			display: block;
		    padding: 10px 20px 10px 20px;
		    border-radius: 20px;
		    background-color: #c1c600;
		    color: #fff;
		    text-align: center;
		    font-weight: 700;
		    font-size: 20px;
		    width: 100%;

		}


	.video-container {
		position: relative;
		overflow: hidden;
	}

		.video-container a .ico-play {
		    /*background-color: rgba(0, 0, 0, 0.5);*/
		    bottom: 0;
		    left: 0;
		    position: absolute;
		    z-index: 1;
		    right: 0;
		    top: 0;
		    -webkit-transition: background-color 0.15s ease 0s;
		    -o-transition: background-color 0.15s ease 0s;
		    transition: background-color 0.15s ease 0s;
		}
			.video-container img {
				width: 100%;
				max-width: auto;
			}

			.video-container a .ico-play > img {
			    left: 50%;
			    top: 50%;
			    opacity: 0.7;
			    position: absolute;
			    transform: translate(-50%, -50%);
			    -webkit-transform: translate(-50%, -50%);
			    width: 128px;
			}

	@media (max-width: 767px) {
		.video-container a .ico-play > img {
		    width: 64px;
		}
	}



	#tarifas-block {
		padding: 0px 0px 30px 0px;
	}

		#tarifas-block table.tabla-tarifas {
			border:2px solid #c1c600;
			margin-bottom: 30px;
		}
			#tarifas-block table th, table.tabla-tarifas th {
				font-size:14px;
				color:#c1c600;
				padding: 8px;
				text-align: center;
			}
			#tarifas-block table th, table.tabla-tarifas td {
				font-size:14px;
				padding: 8px;
				text-align: center;
			}

			table.tabla-tarifas td {
				color:#000000;
				border:1px solid #b2b2b2;
				font-weight: 700;
			}

			table.tabla-tarifas td:first-child {
				text-align:left;
				color:#c1c600;
				
			}

		#tarifas-block p {
			margin-bottom:5px;
			font-size:12px;
			line-height: 1.3em;
			text-align: center;
		}


	.informacion-block {
		padding: 30px 0px 30px 0px;
		text-align: center;
	}

		.info-item {
			margin-bottom:10px;
		}

			.info-item-titulo {
				display: block;
				margin-bottom: 0px;
				font-size:18px;
				line-height: 1.2em;
				font-weight: 700;
				color:#c1c600;
			}
			.info-item-descripcion {
				display: block;
				margin-bottom: 0px;
				font-size:14px;
				line-height: 1.2em;
				font-weight: 400;
				color:#000000;
			}

	.destacado-container {
		margin:0px 0px 20px 0px;
		padding: 10px;
		text-align: center;
		background-color: #c1c600;
	}

		.destacado {
			font-size:16px;
			line-height: 1.6em;
			font-weight: 700;
			color:#ffffff;
		}
			.destacado span {
				color:#000000;
			}

	#informacion-block p {
		font-size:16px;
		font-weight: 700;
	}



/* --------------------------------------------------------------------	*/
/*	CSS pre footer												*/
/*  -------------------------------------------------------------------	*/
#preFooterContainer {
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	background-color: #c1c600;

	color: #fff!important;
	text-align: center;
}
	
	#preFooterInfoContainer {
		
	}

		#preFooterInfoContainer h2 {
			margin:0px 0px 15px 0px!important;
			padding:0px 0px 0px 0px!important;

			font-size: 24px !important;
			font-weight: 700!important;
			color:#fff!important;
		}
			#preFooterInfoContainer h2:before {
				content: none;
			}

		#preFooterInfoContainer p {
			font-size:16px;
		}

		#preFooterInfoContainer a {
			display: inline-block;
			font-size:16px!important;
			color: #c1c600!important;
			background-color: #fff!important;
			border-radius: 12px;
			padding: 12px 20px 12px 20px;
		}




/* --------------------------------------------------------------------	*/
/*	CSS footer												*/
/*  -------------------------------------------------------------------	*/
footer {
	margin:0px 0px 0px 0px;
	padding:25px 0px 25px 0px;
	background-color: #0296a9;

	color: #fff!important;
}

	.footerElementsContainer {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;

		padding:0px 20px 0px 20px;
		width: 	100%;
	}

	
		.footerInfoContainer {
			width: 100%;
			font-size:12px;
		}

		.footerExtraContainer {
			width: 100%;
			margin:20px auto 20px auto;
			font-size:12px;
		}



			footer a {
				color: #fff!important;
			}

			@media (min-width: 767px) {
				.footerInfoContainer {
					font-size:14px;
					line-height: 1.5em;
				}
			}

	


		.redesContainer {
			text-align: center;
		}
			.redesContainer:after {
				content: '';
				clear: both;
				display: block;
			}

			.redesContainer ul {
				/*float:right;*/
				list-style:none;
				margin:0px auto 0px auto!important;
				padding:5px 0px 0px 0px!important;
			}
			
				.redesContainer li {
					display: inline-block;
					/*float:left;*/

					margin:0px 0px 0px 8px!important;
					padding:0px 0px 0px 0px!important;
					background:none;

					/*width:22px;*/

					text-indent: 0.0em;
				}
				.redesContainer li:first-child {
					margin:0px!important;
				}
				.redesContainer li:before {
					content: none;
				}

				.redesContainer .icon {
					padding:12px;
					/*position:relative;
					text-align:center;
					width:0px;
					height:0px;
					padding:12px;
					border-top-right-radius: 	20px;
					border-top-left-radius: 	20px;
					border-bottom-right-radius: 20px;
					border-bottom-left-radius: 	20px; 
					-moz-border-radius: 		20px 20px 20px 20px;
					-webkit-border-radius: 		20px 20px 20px 20px;
					-khtml-border-radius: 		20px 20px 20px 20px; 	
					color:#fff;
					background-color: transparent;
					border:3px solid #fff;*/
				}
				.redesContainer .icon i {
					font-weight: 700;
					font-size:14px;
					position:absolute;
					transform: translate(-50%,-50%);
					-webkit-transform: translate(-50%,-50%);
					/*
					margin: auto;
					left:0px;
					right:0px;
					top:0px;
					bottom:0px;
					*/
				}

				.redesContainer .icon.social {
					float:left;
					/*margin:0 5px 0 0;*/
					cursor:pointer;
					background:transparent;
					color:#fff !important;

					transition: 0.5s;
					-moz-transition: 0.5s;
					-webkit-transition: 0.5s;
					-o-transition: 0.5s; 	
				}

		@media (max-width: 767px) {
			

					.redesContainer .icon {
						padding:7px;
						/*
						border-top-right-radius: 	15px;
						border-top-left-radius: 	15px;
						border-bottom-right-radius: 15px;
						border-bottom-left-radius: 	15px; 
						-moz-border-radius: 		15px;
						-webkit-border-radius: 		15px;
						-khtml-border-radius: 		15px; 	
						border:2px solid #fff;
						*/
					}

					.redesContainer .icon i {
						
					}
		}


		footer img {
			display: inline-block;
		}

		#footerTelefonoContainer {
			margin-top: 5px;
			/*text-align: right;*/

			font-size:14px;
			line-height: 1.0em;
			color: #fff;
		}

			#footerTelefonoContainer:before {
				
			}

				#footer-telefonos {
					display: inline-block;
				}

					.footer-telefono {
						display: block;
						margin-top:5px;
						font-weight: 700;
						font-size:14px;
						line-height: 1.0em;
						color: #fff;
					}
						.footer-telefono a {
							color: #fff;
							text-decoration: none;
						}


@media (min-width: 768px) {
	
}