body {
	background-color: #cc6600;
}
.formacion, .formacionIndex{
	display: -webkit-box;display: -ms-flexbox;display: flex;
	width:100%;
	max-width: 1000px;
	min-width: 320px;
	margin: 190px auto 0;
	background: url(/imagenes_formacion/fondo_formacion.jpg) top right no-repeat;	
	font-family: Candara, Papyrus;
	font-size: 16px;
	font-style: italic;
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 0;
}
.formacionIndex{
	background: url(/web_formacion/imagenes_formacion/fondo_formacion.jpg) top right no-repeat;
}
	@media screen and (max-width: 900px) {
		.formacion{
			margin-top: 25px;
			background-position: bottom right;
			background-size: 100%;
		}
	}
	@media screen and (max-width: 680px) {
		.formacion{
			display: block;
		}
	}	

.formacion div.botones{
	width: 300px;
	margin: 40px 10px 20px 0;
	padding-top: 60px;
}
.formacion div.botonesPrincipal{
	padding-top: 0;
}
	@media screen and (max-width: 680px) {			
		.formacion 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) {
		.formacion div.botones{
			width: 80%;
			margin: 0 auto;
		}
	}

.formacion div.texto {
	margin: 40px 20px 20px 0;
	padding: 20px;
	border-radius: 10px;
}
	@media screen and (max-width: 950px) {
		.formacion div.texto {
			/*background: rgba(204, 102, 0, 0.8);*/
			background: rgba(44, 44, 44, 0.16);
		}
	}
	@media screen and (max-width: 680px) {
		.formacion div.texto {
			background: transparent;
			margin: 0 20px 20px 0;
			padding-top: 5px;
		}
	}
	@media screen and (max-width: 460px) {
		.formacion div.texto {
			background: rgba(44, 44, 44, 0.16);
		}
	}
.formacion a{
	display: block;
	margin-bottom: 15px;
	text-align: center;
}
	@media screen and (max-width: 680px) {
		.formacion a {
			margin-bottom: 10px;
			width: 49%;
			height: auto;
			margin-right: 4px;
		}
	}
	@media screen and (max-width: 500px) {
		.formacion a {
			width: 100%;			
		}
	}

.formacion a img {
	width: 100%;
	max-width: 300px;
	height: auto;
}
.formacion a img.w224 {
	max-width: 224px;
}


/* 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;
}