/* 
 --------------------------
>>   Estilos de Portada   <<
 --------------------------
>>  Sonos, Oskar Sánchez  <<
 --------------------------
>>     wwww.sonos.net     <<
 --------------------------
>>   © Copyright - 2006   <<
 --------------------------
*/ 

body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  margin:0;
  padding:0;
  font-size:1em;
   text-align:center;
}

h1 {
	display:none;
}

.none {
	visibility:hidden;
}
img {
	border:none;
}

#page {
	background-color:#f3f7f9;
	width:740px;
	margin:10px auto 0 auto;
	border: 1px solid #ccc;
}

#gallery {
	width:700px;
	margin:0 auto;

}

#gallery img {
	border: 3px solid #fff;
	margin:15px 10px;
}

#portada {
	width:680px;
	height:240px;
	margin: 0 auto;
	background-color:#1076a1;
	text-align:center;
	border:1px solid #FFF;
}

#portada .aaatelogo {
	margin:0 auto;
}

#portada .aaatetxt {
	position:relative;
	top:-14px;
	color:#FFF;
	font-size:8px;
	font-weight:bold;
	border-bottom:solid 4px #fff;
	border-top:solid 4px #fff;
	vertical-align:middle;
}

#portada .logtxt {
	text-align:left;
	margin-left:118px;
	color:#FFF;
	font-weight:bold;
	font-size:0.7em;
	letter-spacing:0px;
}

#portada .logocentro {
	float:left;
	position:relative;
	left:20px;
}

#portada .aaatefecha {
	color:#FFF;
	right:5px;
	text-align:left;
	position:relative;
	left:85px;
	top:52px;
	line-height:14px;
}

#portada .est0 {
	letter-spacing:0px;
}
#portada .est1 {
	letter-spacing:0px;
}
#portada .est2 {
	letter-spacing:16px;
}
#portada .est3 {
	letter-spacing:9px;
}
#portada .est4 {
	letter-spacing:12px;
}

#pie {
	width:720px;
	margin:0 auto;
	padding:10px;
	color:#196e7f;
}
#pie .butidioma {
	float:left;
	padding:0 20px 0 20px;
}
#pie .butidioma ul{
	list-style:none;
	padding:50px 0 0 0;
	margin:0;
}
#pie .butidioma ul li{
	float:left;
	margin:10px;
	height:100px;
}

#pie .butidioma ul li a{
	display:block;
	padding:2px;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	width:100px;
	background-color:#C9DB03;
	color:#195391;
	border:1px solid #DDD;
}

#pie .butidioma ul li a:hover{
	background-color:#195391;
	color:#C9DB03;
}

#pie .butidioma ul .aligder a{
	margin-left:75px;
}

#pie .patros {
	text-align:right;
}

#pie .patros ul {
	margin:0;
	padding:0;
	list-style:none;
	width:200px;
	float:right;
}

#pie .patros ul li{
	margin:0;
	padding:0;
	float:left;
}

#fix {
	clear:right;
	margin:0;
	padding:0;
}