@charset "UTF-8";

@font-face {
font-family: 'saxmono';
src: url('../fonts/saxmono.eot');
src: url('../fonts/saxmono.eot?#iefix') format('embedded-opentype');
src: url('..Yfonts/saxmono.ttf') format('truetype');
}

@font-face {
font-family: 'santana';
src: url('../fonts/santana.eot');
src: url('../fonts/santana.eot?#iefix') format('embedded-opentype');
src: url('../fonts/santana.ttf') format('truetype');
}

body { 
	background-size: cover;
	background-color: wite;
	margin: 0px;
	font-family: santana,saxmono;
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	text-shadow: 4px 4px 4px #aaa;
}

#cabecera{

	position: relative;
	text-shadow: 4px 4px 4px #000;
}

#cabecera img{
	width: 100%;
}

.bandera{
	width: 100%;
	display: flex;
	justify-content: center;

}
#bandera{
	width: 100%;
}

img{
	width:auto;
}

#titulo{
	
	position: absolute;
	top: 0%;
	left: 0%;
	color: rgba(255, 255, 255, 1);
	

background: rgba(110,0,0,0.82);
background: -moz-linear-gradient(left, rgba(110,0,0,0.82) 0%, rgba(124,0,0,0.63) 53%, rgba(124,0,0,0.62) 56%, rgba(8,5,5,0.47) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(110,0,0,0.82)), color-stop(53%, rgba(124,0,0,0.63)), color-stop(56%, rgba(124,0,0,0.62)), color-stop(100%, rgba(8,5,5,0.47)));
background: -webkit-linear-gradient(left, rgba(110,0,0,0.82) 0%, rgba(124,0,0,0.63) 53%, rgba(124,0,0,0.62) 56%, rgba(8,5,5,0.47) 100%);
background: -o-linear-gradient(left, rgba(110,0,0,0.82) 0%, rgba(124,0,0,0.63) 53%, rgba(124,0,0,0.62) 56%, rgba(8,5,5,0.47) 100%);
background: -ms-linear-gradient(left, rgba(110,0,0,0.82) 0%, rgba(124,0,0,0.63) 53%, rgba(124,0,0,0.62) 56%, rgba(8,5,5,0.47) 100%);
background: linear-gradient(to right, rgba(110,0,0,0.82) 0%, rgba(124,0,0,0.63) 53%, rgba(124,0,0,0.62) 56%, rgba(8,5,5,0.47) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e0000', endColorstr='#080505', GradientType=1 );

	width: 100%;
	height: 100%;
}
#titletra{
	margin-left: 10%;
}

#cabcont{
	font-size: 24px;
	color: rgb(121, 0, 0);
}

#contenido{
	font-weight: bold;
	margin: 0px;
	background: rgba(255, 255, 255, 1);
	width: 100%;
	top: 0px;
	text-align: justify;
}
#mapsit{
	width: 80%;
	display: flex;
	margin-left: 10%;
	margin-right: 10%;
	}

.container{
		width: 80%;
		display: flex;
		margin-left: 10%;
		margin-right: 10%;
		
	}

.container path{
		fill: #800000;
		stroke: #ffffff;
		stroke-width: 0.1px;
	}
	
.container :hover{
		fill: #000000;
	}

a.safari:hover {
		filter: grayscale(0%);	
	}

.safari {
	display: flex;
	justify-content: center;
	
	}

.safari :hover{
	color: #000 !important;
	}
	
p {
	margin-left: 10%;
	margin-right: 10%;
	font-size: 1.5em;
}