@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:#1F559B;}
a:hover{color:#C80;}
a img {border-width:0;}


body{
	font-family: Oxygen, Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:normal;
	color:#5F646B;
	background: #a1b0bd url("img/fondo.png") repeat-x top fixed;
	border-top:#C9661F 4px solid;

}

#superior{
	position:relative;
	margin: 0 auto;
	height:100px;
	width: 95%;
	max-width:1050px;
}

#todo{
	background: #fff url("img/central.png") repeat-x top;
	position:relative;
	margin:25px auto;
	width: 95%;
	max-width:1050px;
	border-radius: 2px;
	box-shadow:#5B636B 0 0 4px;
}


#logo{
	display:block;
	margin: 20px 50px;
}
#logo img{
	margin: 0 10px;
}
#iconos{
	position:absolute;
	right:50px;
	top:95px;
	padding: 3px;
}

#menuhorizontal{
	padding: 12px 50px;
	height: 32px;
	border-bottom:#C9661F 1px solid;
}
#menuhorizontal div{
	float:right;
}
#menuhorizontal a{
	text-transform:uppercase;
	text-align: center;
	display:inline-block;
	padding: 8px 14px;
	height:18px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	letter-spacing: 2px;
}
#menuhorizontal a:hover{
	background:#c9661f url("img/menu.png") repeat-x top;
	border-radius: 2px;
	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: 26px;
	letter-spacing: 2px;
	font-weight:normal;
	color:#2D65B0;
	margin: 20px 0;
	padding-left: 36px;
	text-transform:uppercase;
	background: url("img/ico.png") no-repeat 0 8px;
}

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

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

.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;
}


#inferior{
	clear:both;
	background:#fff;
	color:#000;
	padding: 20px;
	text-align:center;
	font-size: 14px;
	line-height: 160%;
	letter-spacing:1px;
	box-shadow:#5B636B 0 0 4px;
	border-bottom:#281B6D 6px solid;
}


@media screen and (max-width: 950px) {
	#superior{
		height: auto;
	}
	#logo{
		display:block;
		position: relative;
		margin:10px auto;
		width: 60%;
		text-align: center;
	}
	#logo img{
		display:block;
		position: relative;
		margin: 0 auto;
		width: 100%;
		max-width: 327px;
	}
	#menuhorizontal{
		position:relative;
		right:0;
		top:0;
		height: auto;
		margin:10px 3%;
		padding:0;
	}
	#menuhorizontal div{
		float: none;
		text-align: center;
	}
	#menuhorizontal a{
		margin: 4px 10px;
		padding: 5px 10px;
	}
	#central{
		margin:0 3%;
	}
}