@charset "utf-8";



/* --------------------------------------------------------------------	*/
/*	CSS Bootstrap 3 media queries										*/
/* --------------------------------------------------------------------	*/
@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-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:26px !important;
	font-weight: 700;
	line-height: 1.0em;
	color:#000000;

	border-bottom:1px solid #fff;
}

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




/* --------------------------------------------------------------------	*/
/*	CSS header												*/
/*  -------------------------------------------------------------------	*/
header {
	position: relative;
	margin:0px 0px 0px 0px;
	padding:10px 20px 10px 20px;

	background-image: url(../img/header-bg.png);
	background-position: center -10px;
	background-repeat: repeat-x;
	background-size: auto;
	

	background-color:#ffffff;
	-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 img {
		display: block;
		margin: auto;
		max-width: 28%;
	}

	header img#logo {
		
	}
	header img#titulo {
		margin-top: 100px;
	}

@media (max-width: 767px) {
	header {
		background-size: 100%;
	}
}

	


/* --------------------------------------------------------------------	*/
/*	CSS contenido												*/
/*  -------------------------------------------------------------------	*/
#contenido {
	margin:0px 0px 0px 0px;
}

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

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

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

			font-size: 18px!important;
			line-height: 1.2em;
			color:#fff!important;
		}


	.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 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: 0px 20px 20px 20px;
		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:15px 0px 15px 0px;
	background-color: #0296a9;

	color: #fff!important;
}
	
	#footerInfoContainer {
		font-size:10px;
	}

	footer a {
		color: #fff!important;
	}

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

	


	.redesContainer {

	}
		.redesContainer:after {
			content: '';
			clear: both;
			display: block;
		}

		.redesContainer ul {
			float:right;
			list-style:none;
			margin:0px 0px 0px 0px!important;
			padding:5px 0px 0px 0px!important;
		}
		
			.redesContainer li {
				display: 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: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;
	}

		#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) {
	.redesContainer ul {
		padding-top:0px!important;
	}
	#footerTelefonoContainer {
		margin-top: 0px;
		margin-right: 3px;
	}
}