/* CSS Document */

.clear{
	clear: both;
}
body {
	background-color: #000000;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0066CC;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#Image1{width: 100%;}
.imgGif, .imgTitle{
	width: 100%;
	max-width: 800px;
	height: auto;
	margin-bottom: 25px;
}
.contenedor{			
	width: 100%;
	max-width: 900px;
	min-width: 320px;
	margin: 0 auto;
}
.contenedorFlex{
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	max-width: 900px;
	min-width: 320px;
	margin: 0 auto;
}
.contenido{
	width: 70%;
	max-width: 700px;
	margin-right: 20px;
}
.botones{
	width: 30%;
	max-width: 200px;
	margin-left: 15px;
}
.botones a {
	margin: 35px auto;
	display: block;
}
	@media screen and (max-width: 768px) {
		.contenedor, .contenedorFlex{
			display: block;
		}		
		.contenido{
			width: 100%;
		}
		.botones {
			display: flex;
			width: 100%;
			max-width: 100%;
			margin-left: 0;
			flex-wrap: wrap;
		}
		.botones a {
			width: 49%;
			max-width: 200px;
			margin: 10px auto;
		}
		.botones a img{
			width:100%;
			height: auto;
		}
	}

.texto_portada{
	margin-top: 25px;
}

.texto_rotulo, .texto_rotulo_2 {
	display: inline-block;
	width: 48%;
	color: #03F;
	background-color: #000000;
	letter-spacing: .1em;
	text-shadow: 1px 1px white, -1px -1px #333;
	font-family: Candara, Papyrus;
	font-size: 50px;
	margin: 10px auto;
}
.texto_rotulo_2 {
	font-size: 20px;
}
	@media screen and (max-width: 500px) {
		.texto_rotulo, .texto_rotulo_2 {
			display: block;
			width: 95%;
		}
	}

/* navegación inferior **************************************/
.navegacion-inferior{
	display: flex;
	justify-content: space-between;
	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;
}
.navegacion-inferior div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;	
	justify-content: space-around;
	text-align: center;
}	
.navegacion-inferior a, .navegacion-inferior span{
	margin: 3px 15px;
	display: inline-block;
	color: #fff;
}
	@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;
}