body {
	background-color: #e5bfd2;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
}
/**********************************************************************************************************************
* Bloques 
**********************************************************************************************************************/
.bloque#cabecera {
	width: 100%;
}
.bloque#cabecera .columna_bloque.izquierda {
	width: 10%;
	display: inline-block;
	vertical-align: top;
}
.bloque#cabecera .columna_bloque.centro {
	width: 80%;
	display: inline-block;
	vertical-align: top;
}
.bloque#cabecera .columna_bloque.centro .columna_a {
	width: 80%;
	display: inline-block;
	vertical-align: top;

}
.bloque#cabecera .columna_bloque.centro .columna_b {
	width: 20%;
	display: inline-block;
	vertical-align: top;

}
.bloque#cabecera .columna_bloque.derecha {
	width: 10%;
	display: inline-block;
	vertical-align: top;
}	
/**********************************************************************************************************************
* Cabecera
**********************************************************************************************************************/
.css_logo {
	margin-right: 0.5vw;
	text-align: left;
}
.css_foto_logo {
	width: 100%;
}
.css_titulo_cabecera {
	font-size: 6.7em;
	color: rgb(171, 44, 107);
	margin-top: 0em;
}
.css_lugar_cabecera {
	font-size: 2em;
}
.css_lugares {
	font-size: 2.4vw;
    margin-left: 0.15vw;
	margin-top: 0em;
}
/**********************************************************************************************************************
* Menú
**********************************************************************************************************************/
.css_menu {
	margin-top: 1em;
	text-align: center;
	font-size: 1.2vw;
}
.css_menu ul {
    margin-left: 0em;
    margin-right: 0em;
    margin-bottom: 0.2em;
    padding-left: 0em;
    padding-right: 0em;
}
.css_menu ul li {
	display: inline;
	margin-right: 0.15vw;
	color: rgb(94,87,121);
	cursor: pointer;
}
/**********************************************************************************************************************
* Anuncio
**********************************************************************************************************************/
.css_anuncio_aula {
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
}
.css_contenedor_texto_remarcado {
	margin-top: 1em;
	margin-bottom: 2em;
}
.css_texto_remarcado {
	background-color: yellow;
	font-size: 3vw;
	color: black;
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.css_contenedor_imagen {
	margin-top: 1em;
	margin-bottom: 2em;
}
.css_contenedor_boton {
	margin-top: 1em;
	margin-bottom: 2em;
}
.css_boton {
	cursor: pointer;
	background-color: orange;
	font-size: 1em;
	color: black;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.titulo_cursos_verano {
	background-color: rgb(171, 44, 107);
	color: white;
	font-size: 2em;
}
.nombre {
	color: rgb(171, 44, 107);
	font-weight: bold;
	border-bottom: 1px dotted rgb(171, 44, 107);
	font-size: 1.5em;
	text-decoration: none;
	cursor: pointer;
}
.titulares {
	border: 2px dashed rgb(171, 44, 107);
	margin-bottom: 2em;
}

.bloque_mes {
	padding-left: 3.112033%;
	font-size: 0.9em;;
}
.mes {
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 1em;
	vertical-align: top;
}
.dia {
	display: inline-block;
	width: 1.5em;
	text-align: center;
	margin-right: 0.2em;
	margin-top: 0.2em;
	border:  1px solid #e9f0f6;
	padding: 0.1em;
}
.cabecera {
	background-color: rgb(171, 44, 107);
	color: white;
}
.fiesta {
	background-color: #2c6bab;
	color: white;
}
.finde {
	background-color: #6b97c4;
	color: white;
}
.vacas {
	background-color: #2c6bab; //#6b97c4;
	color: white;
}
#cabecera {
	vertical-align: top;
	margin-top: 0.5em;
	padding-top:0.5em;
}
.primera_linea {
	display: inline-block;
	vertical-align: top;
}
#centro {
	background-color: white;
	margin:auto;
	padding:0px;
}
.explicacion {
	border: 1px dotted rgb(171, 44, 107);
	display: none;
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	padding-right: 1em;
	padding-left: 1em;
}
#segunda_columan {
	//margin-bottom: 20px;
}
#mapa_centros {
	padding: 20px;
}
#map-canvas {
	margin: 0px;
	height: 500px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#email {
	text-align: right;
	font-size: 34px;
	color: rgb(94,87,121);
	padding-right: 20px;
	vertical-align: top;
}

table {
	border-collapse:collapse;
	border:0px;
}

#tabla_precios td {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:grey;
	border: solid 1px rgb(171, 44, 107);
	height: 24px;
	vertical-align: middle;

}
.css_duracion {
	//width: 3vw;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}
.css_precio {
	//width: 3vw;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}
#tabla_precios th {
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: rgb(171, 44, 107);
	padding: 5px 10px 5px 10px;
}
#tabla_precios_navidad {
	margin: 10px 20px 10px 20px;
}
#tabla_precios_navidad td {
	//padding-left: 10px;
	//padding-right: 10px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:white;
	border: solid 1px rgb(242,242,242);
	height: 24px;
	vertical-align: middle;

}
#tabla_precios_navidad th {
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:white;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
	max-width:15em;
	vertical-align:bottom;
	text-align:center;
}
#festivos li {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:grey;
}
h1 {
	font-size: 2.5vw;
	color: rgb(171, 44, 107);
	margin-bottom:0px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
}
h2 {
	font-size: 2.5vw;
	font-weight:normal;
	color: black;
	margin-bottom:0px;
}
h3 {
	font-size: 2vw;
	font-weight:normal;
	color: rgb(171, 44, 107);
	margin-bottom:0px;
	margin-top:0px;
}
h4 {
	font-size: 1.5vw;
	color: rgb(171, 44, 107);
	margin-bottom:0px;
}
.texto_remarcado {
	color: rgb(171, 44, 107);
}
.seccion {
	text-align: left;
	padding-left: 1vw;
	padding-right: 1vw;
}
#form_datos {
	margin-left:70px;
	margin-top:10px;
	margin-bottom:10px;
	color:rgb(61,49,99);
	padding-top:10px;
	padding-left:20px;
	background-color:rgb(242,241,246);
	font-size: 12px;
}
.seccion p {
	font-size: 1.2vw;
	color: grey;
	line-height: 140%;

}
.ir_arriba {
	font-size: 12px;
	padding-left:20px;
	padding-right:20px;
	text-decoration: none;
	cursor: pointer;
	vertical-align: center;
}
#pie {
	background-color: #44112a;
	margin-bottom:0px;
	padding-bottom:0px;
}
#pie p {
	color: white;
	font-size: 12px;
	padding-left:20px;
	padding-right:20px;
}
.opcion {
	text-decoration: none;
    text-decoration: none;
    color: grey;
    border: 0.05em solid;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1.15vw;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    color: rgb(171, 44, 107);
}
.enlace {
	color: rgb(171, 44, 107);
	border-bottom: 1px dotted rgb(171, 44, 107);
	text-decoration: none;
}

a.opcion:hover {
	border-bottom: 3px solid rgb(171, 44, 107);
}
td {
	vertical-align:top;
}
.logo {
	width: 19%;
	text-align: left;
}
.logo img {
	width: 100%;
	max-width: 165px;
}
.titulo {
	width: 57%;
}
.titulo p {
	display: inline;
	font-size: 1.3vw;
}
.titulo h1 {
	font-size: 4vw;
	font-weight: normal;
	margin-top: 1vw;
}
.telefono {
	width: 21%;
	text-align: center;
	font-size: 2.6vw;
	color: rgb(171, 44, 107);
	vertical-align: top;
	text-align: right;
}
.telefono a {
	text-decoration:none;
}
#miguel_garcia {
	/*
	position: relative;
	top: -95px;
	left: 30px;
	*/
	color: white;
	font-size:13px;
	letter-spacing:2px;
	/* el margen top se pone con javascript */
	height: 0px;
	margin-left: 5.5555556%;
	text-align: center;
	
}
.flexslider {
	margin-bottom: 0px;
}
.imagen_flexsider {
	width: 50%;
	width: 97.65625%;
	max-width: 100%;
	height: 400px;
}

.circular {
	width: 120px;
	height: 120px;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 56px;
	background: url(http://link-to-your/image.jpg) no-repeat;
}
.foto {
	width: 100%;
	margin-top: 1em;
}
#pie_foto {
	font-size:10px;
	color: blue;
	text-transform:uppercase;
	text-align:center;
	margin:0px;
	padding:0px;
}
.pie_foto_teclado {
	text-align: left;
	font-size: 0.9em;
}
.columna {
	display: inline-block;
	width: 32%;
	padding-right: 1%;
	border: 0px;
	margin: 0px;
	vertical-align:top;
	text-align: left;
	line-height: 150%;
}
.imagen_nota {
	vertical-align:middle;
	margin-right: 3.112033%;
	width: 12.448132%;
}
.imagen_nota_columna_ancha {
	vertical-align:middle;
}
/* Menu desplegable */


li.headlink ul {
	display: none;
	list-style-type: none;
	color: white;
	padding: 0px;
}
#cssdropdown {
	padding: 0px;
}
#cssdropdown a li {
	list-style-type: none;
	line-height: 200%;
}

.headlink ul {
	border-top: 1px solid white;
}
	
li.headlink:hover ul { display: block; }



.opcion_mobile:hover {
	/*background-color: rgb(171, 44, 107);*/
	text-decoration: none;
}
ul.texto {
	padding-left:1em;
}
ul.texto li {
	font-size: 1.2vw;
	color: rgb(171, 44, 107);
}
.lista_metodos {
	margin-right: 20px;
	font-size: 40px;
}
.portada_metodo {
	margin-right: 2vw;
	width: 10vw;
	border: solid #cccccc 1px;
	vertical-align: -4vw;
	box-shadow: 5px 5px 5px #888888;
	max-width: 15%;
}
.foto_teclado {
	display: inline-block;
	width: 23%;
	padding: 5%;
	vertical-align: top;
}
/**********************************************************************************************************************
* Dispositivos móviles 
**********************************************************************************************************************/
@media screen and (max-width: 640px){
	/**********************************************************************************************************************
	* Bloques 
	**********************************************************************************************************************/
	.bloque#cabecera .columna_bloque.izquierda {
		display: block;
	}
	.bloque#cabecera .columna_bloque.centro {
		display: block;
	}
	.bloque#cabecera .columna_bloque.derecha {
		display: block;
	}
	.bloque#cabecera {
		display: none;
	}
	.css_lugares {
		display: none;
	}
	.titulares {
		margin-top: 2em;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	/**********************************************************************************************************************
	* Cabecera
	**********************************************************************************************************************/
	.css_titulo_cabecera {
		font-size: 10vw;
		color: rgb(171, 44, 107);
		margin-top: 1.5em;
	}
	.css_logo {
		margin-right: 0;
		text-align: left;
		margin-top: 1em;
	}	
	.bloque#cabecera .columna_bloque.derecha {
		width: 75%;
		display: inline-block;
		vertical-align: top;
	}
	.css_lugares {
		font-size: 7vw;
		margin-top: 1em;
		margin-bottom: 1em;
		line-height: 140%;
	}
	.guion {
		display: none;
	}
	/**********************************************************************************************************************
	* Otros
	**********************************************************************************************************************/
	.seccion p {
		font-size: 4vw;
	}
	h2 {
		font-size: 7vw;
	}
	h3 {
		font-size: 5vw;
	}
	h4 {
		font-size: 3.75vw;
	}
	.seccion {
		padding-left: 2vw;
		padding-right: 2vw;
	}
	ul.texto li {
		font-size: 4vw;
	}
 	#menu_principal_ancho {
		display: none;
	}
	#icono_menu_mobile {
		display: block;
		height: 40px;
		width: 80px;
	}
	
	/* Menu movil */
	.box-shadow-menu {
		position: relative;
		cursor: pointer;

	}
	.box-shadow-menu:before {
		cursor: pointer;
		content: "";
		position: absolute;
		left: 1.25em;
		top: 0.6em;
		width: 2em;
		height: 0.25em;
		background: white;
		box-shadow: 
			0 0.50em 0 0 white,
			0 1.00em 0 0 white
	}
	#menu {
		display: none;
	}
	#menu_mobile {
		width: 100%;
		text-align:left;
		display: block;
		position: fixed;
		z-index: 10;
		top: 0px;
		left: 0px;
		background-color: rgb(171, 44, 107);
		color: black;
		max-height: calc(100% - 40px);
		overflow: auto;
		/* box-shadow: 3px 3px 3px #af050e; */
		/* width depende de la orientación */
	}
	.opciones_mobile {
		top: 12vw;
		z-index: 100;
		display: none;
		background-color: white;
		text-align: left;
		position: fixed;
		font-size: 1em;
		border: solid 1px black;
	}
	.opcion_mobile {
		display: block;
		border-bottom: black dashed 1px;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		font-family: "Open Sans";
		font-size: 1.2em;
		border-left:  white solid 0.5em;
		text-decoration: none;
		color: black;
	}
	.opcion_mobile:hover {
		border-left:  #black solid 0.5em;
		background-color: grey; /* Rojo CB algo iluminado */
	}
}
/*
@media screen and (max-width:1024px) {
	#centro {
		width:100%;
	}
}
*/
@media screen and (min-width: 640px){
	.opciones_mobile {
		display: none;
	}
}
@media screen and (min-width:1024px) {
	#centro {
		width:90%;
	}
}