@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: local("Oxygen"), local("Oxygen-Regular"), url("oxygen.woff") format("woff");
}


* {padding: 0; margin: 0;}
a {outline: 0; text-decoration:none; color:#766;}
a:hover{color:#C00;}
a img {border-width:0;}


body{
	font-family: Oxygen, Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:normal;
	color:#5F646B;
	margin: 5px;
	background: url("img/fondo00.png") no-repeat top left, linear-gradient(#FFF ,#A1B0BD 450px);
}

header{
	text-align: right;
	padding: 0 20%;
	background: linear-gradient(#700 ,rgba(197,0,0,0.4));
	box-shadow: #5B636B 0 0 2px;
}

#social{
	position: absolute;
	right: 0;
}

#todo{
	background: #FFF;
	position:relative;
	margin:25px auto;
	width: 95%;
	max-width:1050px;
	box-shadow:#5B636B 0 0 2px;
}

#menuhorizontal{
	text-align: center;
	background: linear-gradient(180deg, #FBFCFC ,#EEF0F3);
}
#menuhorizontal a{
	display: inline-block;
	padding: 14px 10px;
	height:18px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	letter-spacing: 2px;
	border-bottom: #000 1px solid;
}
#menuhorizontal a:hover{
	background: linear-gradient(180deg, #644 ,#000);
	color:#FFF !important;
}
#menuhorizontal a img{
	position:relative;
	top:1px;
}
#menuhorizontal a strong{
	color:#FFF;
}


#central{
	position:relative;
	margin: 1px 0;
	padding: 10px 30px;
	height: auto !important;
	height: 420px;
	min-height: 420px;
}

h1{
	font-size: 24px;
	letter-spacing: 2px;
	font-weight:normal;
	color:#444;
	margin: 10px 0;
	text-transform:uppercase;
	text-align: center;
}

h2{
	font-size: 16px;
	color:#922;
	margin: 25px  0 10px 50px;
}

#central p{
	padding: 10px 0;
	font-size: 13px;
	line-height:125%;
}

.galeria a img{
	float: right;
	clear: right;
	margin: 10px 50px;
	padding: 10px;
	border: #600 1px solid;
}
.galeria a:hover img{
	border-color:#F00;
}


.centrado{
	display:block;
	position:relative;
	margin: 30px auto;
	text-align:center;
}
.derecha{
	float:right;
	margin: 20px 50px;
}

.fotoscentradas{
	text-align:center;
	margin: 10px 0 25px 0;
}

li{
	margin: 2px 65px;
	list-style-type:square;
}


footer{
	clear:both;
	background:#fff;
	color:#000;
	padding: 20px;
	text-align:center;
	font-size: 15px;
	line-height: 160%;
	letter-spacing:1px;
	box-shadow:#5B636B 0 0 2px;
}
footer .idiomas img{
	display: inline-block;
	width: 28px;
	margin: 30px 12px;
}

@media screen and (max-width: 880px) {
	#menuhorizontal a{
		padding-left: 2%;
		padding-right: 2%;
		text-transform: capitalize;
		font-size: 14px;
	}
}

@media screen and (max-width: 640px) {

	#body{
		background: #FFF;
	}
	#logo img{
		width: 90%;
		max-width: 425px;
	}
	#menuhorizontal a{
		display: block;
		border-bottom: #FFF 1px solid;
		padding: 3px;
		text-transform: uppercase;
		letter-spacing: 3px;
	}
	#todo{
		margin:0;
		width: 100%;
	}

	.galeria a img{
		float: none;
		display:block;
		position: relative;
		margin: 20px auto;
		width: 100%;
		max-width: 300px;
	}

}