/* CSS Document */

.margenes {
	width: 1000px;
	height: 650px;
	position: absolute;
	top:50%;
	left:50%;
	margin-top: -290px;
	margin-left: -450px;
	}

.margenes_web_tl_0 {
	width: 1000px;
	height: 580px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -295px;
	margin-left: -500px;
	}

.margenes_web_esp_0 {
	width: 990px;
	height: 592px;
	position: absolute;
	top: 350px;
	left:835px;
	margin-top: -259px;
	margin-left: -500px;
	}

.margenes_formacion {
	width: 1000px;
	height: 580px;
	position: absolute;
	top: 50%;
	left:50%;
	margin-top: -295px;
	margin-left: -500px;
	background-image: url(web_formacion/imagenes_formacion/fondo_formacion.jpg);
	}

.margenes_accion_social{
	width: 1000px;
	height: 537px;
	position: absolute;
	top: 50%;
	left:50%;
	margin-top: -295px;
	margin-left: -500px;
	background-image: url(imagenes_accion_social/Sequ%C3%ADa.png);
	}

.texto_espiritualidad {
	font-family: Candara, Papyrus;
	font-size: 16px;
	font-style: italic;
	color: #3d82d9;
	font-weight: bold;
	}

.texto_itinerario poetico {
	font-family: Candara, Papyrus;
	font-size: 16px;
	font-style: italic;
	color: #FFFFFF;
	font-weight: bold;
	}
	
.texto_quo_vadis {
	font-family: Candara, Papyrus;
	font-size: 16px;
	font-style: italic;
	color: #666;
	font-weight: bold;
	}

.texto_formacion {
	font-family: Candara, Papyrus;
	font-size: 16px;
	font-style: italic;
	color: #FFFFFF;
	font-weight: bold;
	}
	
.texto_accion_social {
	font-family: Candara, Papyrus;
	font-size: 16px;
	font-style: italic;
	color: #FFFFFF;
	font-weight: bold;
	}

.texto_rotulo {
	color: #03F;
    background-color: #000000;
    letter-spacing: .1em;
     text-shadow: 1px 1px white, -1px -1px #333; 
	font-family: Verdana, Candara, Papyrus;
	font-size: 50px;
	}

.texto_rotulo_2 {
	color: #03F;
    background-color: #000000;
    letter-spacing: .1em;
    text-shadow: 1px 1px white, -1px -1px #333;
	font-family: Verdada, Candara, Papyrus;
	font-size: 20px;
	}

.texto_tiempo_libre {
	font-family: Candara, Papyrus;
	font-size: 18px;
	font-style: italic;
	color: #0066CC;
	font-weight: bold;
	
	width: 76px;
	display: inline-block;
	text-align: right;
}

.barra_navegacion_esp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: oblique;
	color:#FFFFFF;
	font-weight: bold;
	margin: 0px;
	border-top-width: medium;
	border-top-style: outset;
	border-top-color: #999999;
	}

.barra_navegacion_for {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: oblique;
	color:#FFFFFF;
	font-weight: bold;
	margin: 0px;
	border-top-width: medium;
	border-top-style: outset;
	border-top-color: #999999;
	}
	
.barra_navegacion_tl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: oblique;
	color:#FFFFFF;
	font-weight: bold;
	margin: 0px;
	border-top-width: medium;
	border-top-style: outset;
	border-top-color: #999999;
	}

.barra_navegacion_acc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: oblique;
	color:#FFFFFF;
	font-weight: bold;
	margin: 0px;
	border-top-width: medium;
	border-top-style: outset;
	border-top-color: #999999;
	}
	
.barra_navegacion_camino_sant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: oblique;
	color:#FFFFFF;
	font-weight: bold;
	margin: 0px;
	border-top-width: medium;
	border-top-style: outset;
	border-top-color: #999999;
	}
	
.barra_navegacion_datos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: oblique;
	color:#FFFFFF;
	font-weight: bold;
	margin: 0px;
	}

.texto_camino_santiago {
	font-family: Candara, Papyrus;
	font-size: 16px;
	font-style: italic;
	color: #FFC000;
	font-weight: bold;
	}
	
.centrar_contenido     {
	display:block;
	margin-left:auto;
	margin-right:auto; 
	}

.texto_portada {
	font-family: Candara, Yanone Kaffeesatz, Papyrus;
	font-size: 16px;
	color: #FFFFFF;
	text-align:justify;
	}
	
.rotulos_texto_portada {
	font-family: Candara, Yanone Kaffeesatz, Papyrus;
	font-size: 32px;
	color: #0066CC;
	font-weight: bold;	
	text-align:justify;
	}
	
.fecha_texto_portada {
	font-family: Candara, Yanone Kaffeesatz, Papyrus;
	font-size: 16px;
	color: #0066CC;
	font-weight: bold;	
	text-align:justify;
	}

.barra_navegacion_acc_social {
	text-decoration: none;
	color: #CCCCCC;
	}
	
a.barra_navegacion_acc:link {
	text-decoration: none;
	color: #CCCCCC;
	}

a.menus {
	font-family: Candara, Yanone Kaffeesatz, Papyrus;
	font-size: oblique;
	font-style:oblique;
	font-weight: bold;
	text-align:justify;
	text-decoration: none;
	color: #ffffff;	
	font-size:10px;
}


.divCentral {
	width: 1000px;
    margin: 80px auto 50px;
}
	@media screen and (max-width: 1000px) {
		.divCentral {
			width: 100%;
			min-width: 320px;
		}
		.divCentral .imgCursos{
			width: 100%;
			height: auto;
		}
	}
	@media screen and (max-width: 1000px) {
		.divCentral {	
			margin: 50px auto 50px;
		}
	}
	@media screen and (max-width: 500px) {
		.divCentral {	
			margin: 25px auto;
		}
	}
table.tblCentral {
    margin: 120px auto 50px;
}


/* Específicos de la página de promociones ///////////////////////////////////////////////*/
body.promociones{
	background-color: #ff94f8;
}
	
body.promociones .bloquePrincipal{
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	width:100%;
	max-width: 1000px;
	min-width: 320px;
	background: url("web_antiguos_alumnos/imagenes-antiguos-alumnos/camino_poetico.jpg");
	background-size: cover;
	background-position: right;
	padding: 25px 25px;
	margin: 50px auto 50px;
	
	font-family: Candara, Papyrus;
	font-size: 16px;
	font-style: italic;
	color: #ffffff;
	font-weight: bold;	
}

	@media screen and (max-width: 850px) {
		body.promociones .bloquePrincipal{
			width: 93%
		}
	}
	@media screen and (max-width: 680px) {
		body.promociones .bloquePrincipal{
			padding: 10px;
			display: block;
		}
	}
	@media screen and (max-width: 498px) {
		body.promociones .bloquePrincipal{
			margin: 15px auto 15px;
		}
	}	
	

body.promociones div.botones{
	width: 254px;
	margin: 0;
	margin-right: 30px;
}
	@media screen and (max-width: 680px) {			
		body.promociones div.botones{
			padding-top: 0;
			width: 100%;
			display: -webkit-box;display: -ms-flexbox;display: flex;
			-ms-flex-wrap: wrap;flex-wrap: wrap;
		}
	}
	@media screen and (max-width: 680px) {
		body.promociones div.botones{
			width: 80%;
			margin: 0 auto;
		}
	}

body.promociones .botones a{
	display: block;
	margin-bottom: 5px;
	text-align: center;
}
	@media screen and (max-width: 680px) {
		body.promociones .botones a {
			display: flex;
			align-items: center;
			margin-bottom: 10px;
			width: 48%;
			height: auto;
			margin-right: 4px;			
		}
	}
	

body.promociones .botones a img {
	width: 100%;
	max-width: 300px;
	height: auto;
	border-radius: 10px;
}
body.promociones .botones a img.w224 {
	max-width: 224px;
}


body.promociones div.imagenCentral{
	width: 400px;
	-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;
	 text-align: center;
}
	
	@media screen and (max-width: 1000px) {
		body.promociones div.imagenCentral {
			width: 33%;
			margin: 0 auto;
		}
		body.promociones div.imagenCentral img{
			width: 100%;
			height: auto;
		}
	}
	@media screen and (max-width: 680px) {
		body.promociones div.imagenCentral {
				width: 80%;
				margin: 0 auto;
			}
	}

body.promociones div.texto{
	width: 250px;
	text-align: right;
}	
	@media screen and (max-width: 680px) {
		body.promociones div.texto {
			width: 80%;
			text-align: center;
			margin: 0 auto;
		}
	}











/* navegación superior **************************************/
.bloque-navegacion{
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width:100%;
	max-width: 1000px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: oblique;
	color: #ffffff;
	font-weight: bold;
	margin: 0 auto;
	border-top-width: medium;
	border-top-style: none;
	border-top-color: #999999;
	border-bottom-style: outset;
	flex-wrap: wrap;
}

	@media screen and (max-width: 1000px) {		
		.bloque-navegacion{
			min-width: 320px;
			text-align: center;
		}
	}

@media screen and (max-width: 600px) {	
	.bloque-navegacion a.linkInicio {
		width: 100%;
		display: block;
	}
	a.linkInicio img {
		height: 80px;
		width: auto;
	}
}


.bloque-navegacion div{
	display: -webkit-box; display: -ms-flexbox;	display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute;
	justify-content: space-around;	
	/*-webkit-box-align: center;-ms-flex-align: center;align-items: center;*/
	-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;
	text-align: center;
}	
@media screen and (max-width: 980px) {
	.bloque-navegacion div.navegacion-links{
		width: 80%;
	}
}
@media screen and (max-width: 600px) {
	.bloque-navegacion div.navegacion-links{
		width: 100%;
	}
}


.bloque-navegacion a, .bloque-navegacion span{
	text-decoration: none;
	margin: 3px 15px;
	color: #ffffff;
}
	@media screen and (max-width: 600px) {
		.bloque-navegacion a, .bloque-navegacion span{
			margin: 3px;
		}
	}

.navegacion-datos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	font-style: oblique;
	color: #ffffff;
	font-weight: bold;
}



/* navegación inferior **************************************/
.navegacion-inferior{
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
	width:100%;
	max-width: 1000px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: oblique;
	color: #ffffff;
	font-weight: bold;
	margin: 0 auto;
	border-top-width: medium;
	border-top-style: outset;
	border-top-color: #999999;
}
.navegacion-inferior div{
	display: -webkit-box;display: -ms-flexbox;display: flex;	
	-ms-flex-wrap: wrap; flex-wrap: wrap;	
	-ms-flex-pack: distribute; justify-content: space-around;
	text-align: center;
}	
.navegacion-inferior a, .navegacion-inferior span{
	text-decoration: none;
	margin: 3px 15px;
	display: inline-block;
	color: #ffffff;
}
	@media screen and (max-width: 600px) {
		.navegacion-inferior a, .navegacion-inferior span{
			margin: 3px 5px;
		}
	}

.navegacion-datos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	font-style: oblique;
	color: #ffffff;
	font-weight: bold;
}



/*estilos para formulario*/
form {
    width: 277px;
    margin: 0 auto;
}
div.elem-group{
	margin-top: 10px;
}
form input,form select,form textarea {
    border-radius: 5px;
    border: none;
    padding: 3px 5px;
}
form button {
    margin: 0 auto;
    display: block;
    border-radius: 5px;
    padding: 3px 22px;
    font-size: 14px;
}