/*ESTILOS PARA DEFINIR LA ESTRUCTURA Y DISE�O DEL SITIO*/
html, body{
	height:100%;
}

/* CONTENEDOR PRINCIPAL
---------------------------------------------------------------------------------*/
#contenedor{
	position:relative;
	min-height:100%;
}

/* MENU DE IDIOMAS
---------------------------------------------------------------------------------*/
#menu-idiomas{
	background:#FFFFFF url(../es/img/bg/menu-idiomas-lb.jpg) repeat-x left bottom;
	font-family:Verdana, Geneva, sans-serif;
}
#menu-idiomas ul{
	/* Ancho contenedor */
	width:58.5em;
	margin:auto;
	text-align:right;
	padding:0.5em 0 0.5em 0;
}
#menu-idiomas ul li{
	display:inline;
	padding:0;
	background-image:none;
}
#menu-idiomas ul li a{
	color:#003F7D;
	border-left:1px solid #003F7D;
	padding-left:0.6em;
	font-size:0.7em;
	text-decoration:none;
}
#menu-idiomas ul li a:hover{
	text-decoration:underline;
}
#menu-idiomas ul li.primero a{
	border-left:none;
}
#menu-idiomas .activo{
	font-weight:bold;
}

/* CABECERA
---------------------------------------------------------------------------------*/
#logo{
	background:url(../es/img/bg/logo-lt.jpg) repeat-x left top;	
}
#logo span{
	/* Ancho contenedor */
	width:58.5em;
	display:block;
	margin:auto;
	background:url(../es/img/bg/cabecera-sup.jpg) repeat-x left bottom;
}
/*Imagenes para cambiar las distintas ilustraciones de la cabcera*/
.cabecera2 #logo span{
	background:url(../es/img/bg/cabecera-2-sup.jpg) repeat-x left bottom;
}

.cabecera3 #logo span{
	background:url(../es/img/bg/cabecera-3-sup.jpg) repeat-x left bottom;
}

/* MODULO BUSCADOR
---------------------------------------------------------------------------------*/
#buscador{
	/* Ancho contenedor */
	width:58.5em;
	margin:auto;
	background:url(../es/img/bg/cabecera-inf.jpg) repeat-x left top;
}
.cabecera2 #buscador{
	background:url(../es/img/bg/cabecera-2-inf.jpg) repeat-x left top;
}

.cabecera3 #buscador{
	background:url(../es/img/bg/cabecera-3-inf.jpg) repeat-x left top;
}
#buscador #formulario-busqueda{
	background:url(../es/img/bg/cabecera-rb.jpg) no-repeat right top;
	width:100%;
	padding-right:13px;
	position:relative
}
#buscador #formulario-busqueda #content-busqueda{
	padding:0 1.5em 0;
	background:url(../es/img/bg/cabecera-lb.jpg) no-repeat left top;
	width:23%;
}
#buscador #formulario-busqueda .left-busqueda{
	padding-left:12px;
	background:url(../es/img/bg/busqueda-left.png) repeat-y left top;
}
#buscador #formulario-busqueda .right-busqueda{
	padding-right:12px;
	background:url(../es/img/bg/busqueda-right.png) repeat-y right top;
}
#buscador #formulario-busqueda .center-busqueda{
	padding:.7em 0 .7em 1.3em;
	background:url(../es/img/bg/busqueda-center.png) repeat left top;
}
#buscador label{
	display:block;
	color:#333;
	font-size:.6em;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom:.5em;
}
#buscador input#q{
	border:1px solid #2971BA;
	width:76%;
	font-size:.75em
}

/* MENU PRINCIPAL DE NAVEGACION
---------------------------------------------------------------------------------*/
#menu-principal{
	/* Ancho contenedor - 2 */
	clear:both;
	width:58.5em;
	margin:auto;
	background:url(../es/img/bg/menu-principal-top-lt.jpg) no-repeat left top;
	height:3em;
}
#menu-principal ul{
	padding:1px .5em 0 .6em;
	width:99%;
	background:url(../es/img/bg/menu-principal-top-rt.png) no-repeat right top;
	overflow:auto;
}
#menu-principal ul li{
	float:left;
	margin:0% 0% 0% 1%;
}
#menu-principal ul li a{
	float:left;
	/*width:19.3%;*/
	color:#3671AB;
	text-align:center;
	text-decoration:none;
	background:url(../es/img/bg/menu-principal-lb.png) no-repeat left bottom;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
}
#menu-principal ul li.seleccionado a{
	background:url(../es/img/bg/menu-principal-selected-lb.png) no-repeat left bottom;
}
#menu-principal ul li a span{
	padding:.75em 2.695em 1.8em 2.7em;
	display:block;
	background:url(../es/img/bg/menu-principal-rb.png) no-repeat right bottom;
	cursor:pointer;
}
#menu-principal ul li.seleccionado a span{
	background:url(../es/img/bg/menu-principal-selected-rb.png) no-repeat right bottom;
	padding-bottom:2em!important;
}
#menu-principal ul li a:hover{
	color: #003F7D;
	background:url(../es/img/bg/menu-principal-selected-lb.png) no-repeat left bottom;
}
#menu-principal ul li a:hover span{
	background:url(../es/img/bg/menu-principal-selected-rb.png) no-repeat right bottom;
}
#menu-principal ul li.seleccionado a:hover{
	color:#3671AB;
}

/* CONTENIDOS: Todas las columnas de la pagina: Espacio que queda entre cabecera+menu y pie de pagina
---------------------------------------------------------------------------------*/
#contenidos{
	/* Ancho contenedor */
	width:58.5em;
	/* margin:1em auto; */
	margin:0.8em auto;
	padding:0 0 100px 14px;
	position:relative;
	overflow:auto;
}
#contenidos textarea,
#contenidos input,
#contenidos select{
	font-family:Verdana, Geneva, sans-serif;
}
#contenidos textarea{
	font-size:1.15em
}

/*RASTRO DE MIGAS
---------------------------------------------------------------------------------*/
#rastro{
	font-family:Arial, Helvetica, sans-serif;
	margin:0em 1em .6em 1em;
}
#rastro li{
	display:inline;
	font-size:0.75em;
	line-height:1.3em;
	vertical-align:middle;
}
#rastro li a{
	color:#666;
	text-decoration:none;
	/* border-right:1px solid #666; */
	padding:0 .3em 0 .3em;
	font-weight:bold;
	margin-right:.2em;
}
#rastro li a:hover{
	text-decoration:underline;
}
#rastro li strong{
	color:#2971BA;
	padding-left:.4em;
}


/* DEFINICION DE ESTILOS PARA LA ESTRUCTURA DISTINTAS TIPOS DE COLUMNAS
---------------------------------------------------------------------------------*/
#columna-1{
	float:left;
	width:70%;
	padding-left:.5%
}

#columna-1-0{
	float:left;
	width:41em;
	/* height:20em; */
}
#columna-1-1{
	float:left;
	width:19.9em;
}
#columna-1-2{
	float:right;
	width:19.9em;
}
#columna-1.anchos-2 #columna-1-1,
#columna-1.anchos-2 .columna-1-1{
	width:54%;
	float:left;
}
#columna-1.anchos-2 #columna-1-2,
#columna-1.anchos-2 .columna-1-2{
	width:45%;
	float:right;
}
#columna-1-1 .caja,
#columna-1-2 .caja,
#columna-1-1 .caja-rosa,
#columna-1-2 .caja-rosa,
#columna-1-1 .caja-gris,
#columna-1-2 .caja-gris{
	font-family:Arial, Helvetica, Sans-serif;	
}
#columna-2{
	float:right;
	width:29.5%;
	font-size:0.8em
}

/* Nueva Home 04/01/2011 -----------------------------------*/
#columna-1-home{
	float:left;
	width:74.5%;
	padding-left:.5%
}
#columna-1-1-home{
	float:left;
	width:22%;
}
#columna-1-2-home{
	float:right;
	width:66%;
}
#columna-2-home{
	float:right;
	width:25%;
	font-size:0.8em
}
/* Fin Nueva Home 04/01/2011 --------------------------------*/

/*Estilo para estadisticas*/
#columnaest-1{
	float:left;
	width:98%;
	padding-left:.5%
}
#columna-1-1-est{
	float:left;
	width:30%;
}
#columna-1-2-est{
	float:right;
	width:65%;
}

/*Estilo para banners. Pie pagina*/
#banners{
	clear:both;
}

/* PIE DE PAGINA
---------------------------------------------------------------------------------*/
#pie{
	background:url(../es/img/bg/pie-lt.jpg) repeat-x left top;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	min-height:40px;
}
#pie ul{
	/* Ancho contenedor */
	width:58.5em;
	margin:.5em auto;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
}
#pie ul li{
	display:inline;
}
#pie ul li a{
	color:#003F7D;
	border-left:1px solid #003F7D;
	padding-left:.6em;
	font-size:0.75em;
	text-decoration:none;
}
#pie ul li a:hover{
	text-decoration:underline;
}
#pie ul li.primero a{
	border-left:none;
}