/* CSS Document */

*{
	font-family:"Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
	background:#888  url(images/fondo.jpg) repeat-x left top;
	color : #666666;
	margin:0;
	padding:0;
	text-align: center;
	height:100%;
}

#contenedor{
	width: 771px;
	background-color : #ffffff; 
	margin:0 auto;
	text-align: left;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

/*-----------------------------*/
/*HEADER LAYOUT*/

#header{
	position:relative;
	width: 771px;
	height: 112px;
	font-size:12px;
	font-weight:normal;
	color:#666666;
}

#header *{
	margin:0;
	padding:0;
}

#header h1{
	position:absolute;
	left:0;
	top:0;
}

#header .utils{
	position:absolute;
	top:0;
	right:0;
	width:470px;
	height: 65px;
	font-size:12px;
	text-align:right;
	padding:20px 0 0 0;
}

#header .utils p{
	margin:0 10px 0 0;
}


ul.idioma
{
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width:auto;
	margin:0;
	padding:0;
}

ul.idioma li
{
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	width: 60px;
	float: right;
	border-right:1px solid #CCCCCC;
}

ul.idioma a
{
	display: block;
	cursor: pointer;
	line-height:20px;
	height:20px;
	text-decoration: none;	
	text-align:center;
	font-size:12px;
	color:#666666;

}

ul.idioma a:hover, ul.idioma a:focus
{
	/*background: url(../img/footer_active.gif) repeat-x left bottom;*/
	color:#009933;
} 

/*-----------------------------*/
/*NAVEGADOR LAYOUT*/
ul.botonera
{
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width:auto;
	margin:0 0 0 40px;
	padding:15px 0;
}

ul.botonera li
{
	display:block;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	width: 165px;
	background:url(images/navegador_barra.gif) no-repeat left bottom;
}

ul.botonera a
{
	display: block;
	cursor: pointer;
	line-height:25px;
	height:25px;
	text-decoration: none;	
	text-align:left;
	font-size:14px;
	color:#666666;
	font-weight:bold;

}

ul.botonera a:hover, ul.botonera a:focus
{
	/*background: url(../img/footer_active.gif) repeat-x left bottom;*/
	color:#009933;
} 









/*FOOTER LAYOUT*/
#pie {
  clear: both;
  background:#ffffff url(images/back_pie.jpg) no-repeat;
  height : 80px;
  width: 771px;
  text-align: center;
}
.copyright{
    float:right;
	text-align: left;
	padding: 10px;
	width:550px;
	height: 15px;
	font-size:10px;
	}
.validador{
	float:right;
	margin-top:8px;
	margin-left:10px;
	margin-bottom:30px;
}

#logo{
    float:left;
	padding: 25px 5px;
	text-align: center;
	font-size:10px;
	}
ul.footer{
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width:auto;
	margin:0 ;
	padding:0 90px ;
}

ul.footer li
{
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	width: 51px;
	float:left;
	
	
}

ul.footer a
{
	display: block;
	cursor: pointer;
	line-height:20px;
	height:20px;
	text-decoration: none;	
	text-align:center;
	font-size:10px;
	color:#666666;

}

ul.footer a:hover, ul.footer a:focus
{
	/*background: url(../img/footer_active.gif) repeat-x left bottom;*/
	color:#009933;
}