/*GENERAL
**************************************************/

body {
	background-color:#E1DED9;
	text-align:left;
}

img {
	border:0;
}



ul, p, h1, h2, h3, fieldset, legend, form, label {
	margin:0;
	padding:0;
}

legend {
	display:none;
}

select {
	font-family:arial, verdana, sans-serif;
	font-size:1em;
}

a {
	color:#2d92dd;
	text-decoration:none;
}

a:visited  {
	color:#007fb4;
	text-decoration:none;
}

a:hover  {
	text-decoration:underline;
}

a:active {
	color:#007fb4;
	text-decoration:underline;
}



.neteja {
	clear:both;
}

.fldreta {
	float:right;
}

.flesquerra {
	float:left;
}

.destacado{
	color:#FF0000;
}

h1 {
	color:#000;
	margin:0;
	padding:0;
	font-size:1.4em;
}

h1 span {
	margin:1.7em 0 0 0;
}


h1 span.esq {
	float:left;
	width:18.5em;
	text-align:right;
}

h1 span.dret {
	float:right;
	width:18em;
}


h2 {
	font-size:1.2em;
	margin:0 0 .5em 0;
	font-family:Arial, Helvetica, sans-serif;
}


/***************************************************CABECERA***********************************************************/

td#left, td#right, td#mid {
	background:#FFF;
}

#cabecera, #track{
	width:100%;
	overflow:hidden;
}


/*Cabecera logo*/

#cabeceracaixa {
	padding-top:1.3em;
	font-size:1.4em;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}

div#logo div.idioma {
	font-size:1.1em;
	float:right;
	color:#000;
	margin:0;
	padding:.5em 1.2em 0 0;
}

div#logo img{
	float:left;
	margin:.5em 0 0 1.2em;
        width:14.5em;
}
#banner2{
       background-color:#FFFFFF;
       position:relative
}
#header{
       background-color:#FFFFFF;
}

#banner2 #cabecera { 
       position:absolute;
}

#banner2 .ImgBanner{ 
       width:80em;
}
html>body #banner2 .ImgBanner{ 
       width:78.6em;
}


/*Meta Navegación NUEVOS*/

#track {
	background-color:#EDEDED;
	color:#CDCDCD;
	height:2.2em !important;
	border-bottom: 2px solid white !important;
	border-bottom: 1px solid white;
}
html>body #track{
	border-top: 2px solid white;
}

#track ul {
	float:left;
	padding:0 0 0 1em;
	margin:0.5em 0;
	font-size:1.1em;
	line-height:1em;
	list-style-type:none;
}

#track ul li {
	display:inline;
	padding:0;
}

form#searchmetaNav {
	float:right;
	padding:0 1em 0 0;
	margin:0;
}

form#searchmetaNav input.txtCerca {
	padding:0 0 0 .2em;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
}

form#searchmetaNav input.btnCerca {
	margin:0;
	border:0;
	padding:.2em 0 0 .4em !important;  
	padding:.2em 0 0 0;  
	color:#6ab2e7;
	font-size:1.1em;
	font-family:arial, verdana, sans-serif; 
	background:transparent;
}

input.home {
	float:left;
	height:1.4em;
	font-size:1em;
	color: #666;
}

/*Fin Meta Navegacion*/


/*Cabecera banner*/

div#banner {
	height:5.8em;
}

td#promo {
	overflow:hidden;
	height:0;
	line-height:0px;
	background-color:#fff;
}

/*FINAL CABECERA
******************************************************/


/*COLUMNA IZQUIERDA
/**********************************************/

/* columna esquerre, TODO NUEVO */

div.menu-01 {
	width:18.2em;
	overflow:hidden;
}

div.menu-01 h2 {
	margin: 0.8em 0 0.3em 1em;
}

div.menu-01 ul {
	margin:0.2em 0 0 0;
	font-size:1.1em;
	line-height:1.2em;
	list-style-type:none;
}

div.menu-01 li {
	line-height:.95em;
	padding: 0em 0.8em 0.5em 1.7em;
}

div.menu-01 li a {
	display:block;
	margin-bottom:-0.1em;
	margin-left:1.2em;
}

div.menu-01 h3 {
	font-size:1.1em;
	margin:.2em 0 0 1.1em;
	line-height:1.2em;
	color:#666;
	padding:0 0 0 1.2em;
}

.social {
	background:url(social.gif) left no-repeat !important;
	background:url(social.gif) 0 2px no-repeat;
}

.medi {
	background:url(medi.gif) left no-repeat !important;
	background:url(medi.gif) 0 2px no-repeat;
}

.cultura {
	background:url(cultura.gif) left no-repeat !important;
	background:url(cultura.gif) 0 2px no-repeat;
}

.edu {
	background:url(edu.gif) left no-repeat !important;
	background:url(edu.gif) 0 2px no-repeat;
}


/*Banner de la columna izquierda*/

.miniBanner {
	margin:1em 0.6em 0em 1.2em;
}

/* CENTRAL */

/* Distribución 1_2 */

#mainContent, #subContent {
	padding:0;
	width:39.6em;
	margin-right:.5em;
	margin-left:.5em;
	overflow:hidden;
}



#subContent {
	margin-top:8px;
}

#subContent .item {
	margin-left:.7em;
}

#subContent .itemFirst {
	margin-left:0;
}

#containerEst1_2 #subContent .itemFirst, #containerEst1_2 #subContent .item {
	float:left;
	width:49%;
	overflow:hidden;
}

/* FIN PARTE CENTRAL */


/* COLUMNA DERECHA
*****************************************/
/* Como habeis visto nos cargamos mucho CSS, hay que intentar minimizar */
/* al máximo, el archivo original eran 813 lineas. */
/*Formulario*/

div.quehiha {
	width:16.5em;
	background:url(deg.jpg) repeat-x bottom #f6f6f6;
	font-size:1.1em;
}

div.searchForm {
	padding:1em 0.6em 0em 1.2em;
}

div.searchForm h2 {
	font-size:1.1em;
}

div.searchForm fieldset {
	border:0;
	margin:0;
	padding:0;
}

div.searchForm legend {
	font-size:1.2em;
	color:#000;
	font-weight:bold;
	margin:0 0 5px -8px;
	padding:0;
}

div.searchForm label {
	line-height:.9em;
	color:#676664;
}

div.searchForm select {
	margin:4px 0 6px 0;
	color:#666666;
	width:14em;
}

div.searchForm select option{
	padding:0 10px 0 5px;
}

div.searchForm input.btnCerca{
	border:0;
	padding:0;
	margin:0!important;
	margin-left:-5px;
	color:#6ab2e7;
	font-size:1em;
	font-family:arial, verdana, sans-serif;
	background:transparent;
}


/*Agenda*/

/********************/

#agenda {
	width:100%;
	line-height:1.3em;
	padding:0;
	margin:0 0 0 0;
	font-size:1.1em;
}
 
#agenda h2 {
	margin:0 0 0 12px;
	font-size:1.2em;
}

#agenda h3 {
	font-size:1em;
}

#agenda .lloc {
	font-size:0.9em;
	color:#676664;
	line-height:1em;
}

#agenda ul {
	list-style-type:none;
	line-height:1.3em;
	padding:0;
	margin:1em 1em 0 0.3em;
	height:100%;
}

#agenda ul li {
	margin:0 0 .7em 0;
	padding:0;
}

#agenda ul li h3 {
	margin:0;
	padding:0;
	color:#6ab2e7;
	font-weight:bold;
}

#agenda ul li img {
	margin:0.1em 0 -0.3em 0;
	padding:0;
}

#agenda ul li p {
	margin:0.6em 0 0.1em 0;
	padding:0;
	line-height:1.2em;
}


/**********PEU DE PAGINA*****************************/

div#foot-01 {
	background:url(peu.jpg) repeat-x #E1DED9;
	width:100%;
	padding:4em 0 1em 0;
	text-align:center;
}

div#foot-01 ul {
	list-style-type:none;
}

div#foot-01 ul li {
	display:inline;
}

div#foot-01 img.giflacaixa {
	width:2.1%;
}

/****************************************/


.menu-01 .margin-fix {
	margin:30px;
	margin-left:2.85em;
	font-size:1.1em
}

.mip {
	font-size:1.1em;
	padding-left:3em;
}


/*ListContent
******************************************************************/
#listContent {
	margin:1em .5em; 
	clear:left;
	width:40em;
}
#listContent ul {
	margin:0 ;
	clear:left;
}
#listContent ul li {
	margin:0 0 1em 0;
	font-size:1em;
}
#listContent li{
	list-style-type:none;
}
#listContent ul p{
	font-size:1.1em;
}

#listContent li.promoInicial{
	margin-bottom:0.7em !important;
	float:none;
	margin-left:0 !important;
	width:39.9em!important;
}

html>body #listContent li.promoInicial{
	width:39.6em!important;
}

#listContent ul.colum3 li{
	float:left; 
	margin-left:.9em;
	width:12.7em;
}
html>body #listContent ul.colum3 li{
	width:12.6em;
}
#listContent ul img{
	width:100%;
}

#listContent ul.colum2 li{
	float:left; 
	margin-left:1em;
	width:19.4em;
}

html>body #listContent ul.colum2 li{
	width:19.3em;
}
#listContent li.col1{
	margin-left:0 !important;
}

/************************         OBJECT       **********************/
#listContent  object {
	height:34.7em;
	width:39.9em;
}

html>body #listContent  object {
	height:34.5em;
	width:39.7em;
}






#listContent .relativo{ position:relative;}


/*--------------POPUP--------------------*/

#popup { position: absolute; top:0; left:0; z-index:20; }
#popup img{ width:33.5em;}
#popup .logo{ position:absolute; top:1.2em; left:2em;}
#popup .logo img{ width:11.5em;}
#popup .txt{ position:absolute; margin:0 3em; top:6.7em; width:28em;}
#popup .txt h2 { font-size:2.2em; margin-bottom:0;}
#popup .txt p{ font-size:1.2em; margin-top:0.3em;}
#popup .botones { position:absolute; top:15.7em; width:33.4em; text-align:center;}
#popup .botones .ahora{ width:18.1em; padding-right:.5em;}
#popup .botones .mastarde{ width:8.9em;}
#popup .cerrar { position:absolute; left:24.3em; top:1.5em;}
#popup .cerrar a{ color:#8c8c8c; text-decoration:underline; }
#popup .cerrar a span { padding-right:.8em;}
#popup .cerrar img { width:2.7em; vertical-align:middle;}


html>body #popup img{ width:33.3em;}
html>body #popup .logo img{ width:11.4em;}
html>body #popup .txt{ width:auto;}
html>body #popup .botones .ahora{ width:18em;}
html>body #popup .botones .mastarde{ width:8.8em;}