body {
	margin: 0;
	padding: 0;
	background-image: url(/img/portal/fondo_lineas.gif);
	text-align: center;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-attachment:fixed;
}

body h1, body h2, body h3 {
	margin: 0;
	padding: 0;
	display: none;
}

body p {
	margin: 0;
	padding: 0;
}

body div {
	margin: 0;
	padding: 0;	
	background-color: transparent;
}

body br.clearboth {
	clear: both;
	line-height: 0px;
}

body div#contenedor {
	width:779px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	background-image: url(/img/portal/fondo_puntos.gif);
}

body div#contenedor div#cabecera {
	margin: 0 1px;
	padding: 0;
	width: 100%;
	height: 60px;
	background-repeat: no-repeat;
}

body div#contenedor div#opciones {
	margin: 0 1px 5px 1px;
	padding: 0;
	height: auto !important;
	height: 20px;
	background-repeat:no-repeat;
	color: #FFFFFF; 
	font-size: 0.8em;
	text-align:right;
	background-color: #FFFFFF;
}

body div#contenedor div#opciones ul { list-style: none; margin: 0; padding: 0; display: inline; vertical-align: middle;}
body div#contenedor div#opciones li { display: inline;	margin: 0; padding: 0 6px; border-right: 1px solid #FFFFFF; line-height: 1.9em;}
body div#contenedor div#opciones li.sinseparador { padding-right: 0; border-right: none; }

body div#contenedor div#opciones span.sub {text-decoration: underline;}

body div#contenedor div#opciones li a { margin: 0; padding: 0; text-decoration: none; color: #FFFFFF; }
body div#contenedor div#opciones li a img { margin: 0 4px 1px 0; padding:0; border: none; vertical-align:middle;}
body div#contenedor div#opciones li.sinseparador a img { margin-right: 2px; }

body div#contenedor div#opciones form { margin: 0 0 0 10px; padding: 0; display: inline; vertical-align: middle; }
body div#contenedor div#opciones form p { margin: 0; padding: 0; display: inline; }
body div#contenedor div#opciones form input { margin: 0; padding: 0; font-size: 1em; border: 1px solid #777777; vertical-align: middle;}
body div#contenedor div#opciones form input.buscar { margin-right: 5px; color: #FFFFFF; border: 0;}

body div#contenedor div#botonera {
	/* APAÑO PARA EXPLORER YA QUE DEJA UN PIXEL MÁS ARRIBA DE LA CAPA */
	margin-top: 5px !important;
	margin: 4px 1px 5px 1px;
	/* FIN APAÑO PARA EXPLORER */
	padding: 0;
	width: 100%;
	height: 27px;
	font-size: 0.85em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body div#contenedor div#botonera ul#menu_principal {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body div#contenedor div#botonera ul#menu_principal li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	text-align: center;
}

body div#contenedor div#botonera ul#menu_principal li img {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}

body div#contenedor div#botonera ul#menu_principal li ul.menu {
	position: absolute;
	margin: 0;
	padding: 0;
	display: none;
	border: 1px solid #003366;
    /* PARA QUE SALGA POR ENCIMA DE TODO */
	z-index: 10;
}

/* La última capa queda alineada a la derecha */
body div#contenedor div#botonera ul#menu_principal li#menu5 ul.menu {
	margin-left: -55px;
}

/* Se cambia la clase al pinchar en una opción del menú, para que se vea el menú desplegable */
body div#contenedor div#botonera ul#menu_principal li.pulsado ul.menu   { display: block; }

body div#contenedor div#botonera ul#menu_principal li ul.menu li {
	display: block;
	float: none;
	height: auto;
	border-bottom: 1px solid #003366;
	width: 210px;
	text-align: left;
}

body div#contenedor div#botonera ul#menu_principal li ul.menu li a {
	width: auto !important;
	width: 100%;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #6699CC;
	display:block;
	padding: 4px;
	height: 100%; /* Para IE7 */
}

/* Para los bloques de servicios */
body div#contenedor div#botonera ul#menu_principal li ul.menu li.bloque2 a { background-color: #5287BA; }

/* El primero del bloque tiene un bordecito superior más claro */
body div#contenedor div#botonera ul#menu_principal li ul.menu li a.primero { border-top: 1px solid #7FA9D3; }

/* El menu num. 5 de Servicios Municipales tiene menos padding para ser mas pequeño */
body div#contenedor div#botonera ul#menu_principal li#menu5 ul.menu li a {  padding: 2px; }

/* Al pasar por encima de las opciones del desplegable cambia de color */
body div#contenedor div#botonera ul#menu_principal li ul.menu li a:hover {  background-color: #003366; }

/* Para las opciones que no tienen enlace y sólo actuan de separador */
body div#contenedor div#botonera ul#menu_principal li ul.menu li span.separador {
	background-color:#006699;
	color: #FFD852;
	width: auto !important;
	width: 100%;
	padding: 4px;
	display: block;
	font-weight:bold;
	height: 100%; /* Para IE7 */
}

body div#contenedor div#columna1 {
	margin: 0 4px !important;
	margin: 0 4px 0 2px;
	padding: 0 0 1px 0;
	float: left;
	width: 285px;
}

body div#contenedor div#columna2 {
	margin: 0;
	padding: 0 0 1px 0;
	float: left;
	width: 249px;
}

body div#contenedor div#columna3 {
	margin: 0 4px 0 5px !important;
	margin: 0 2px 0 5px;
	padding: 0 0 1px 0;
	float: left;
	width: 227px;
}

body div#contenedor div#pie {
	margin: 2px 5px;
	padding: 0.5em 0;
	background-color:#F1F1F1;
	border-top: 1px solid #BCBCBC;
}

body div#contenedor div#pie p {
	text-align: center;
	font-size: 0.8em;
	color: #4C4C4C;
}

body div#contenedor div#columna1 div#noticias {
	margin: 0;
	background-repeat: no-repeat;
	background-position:center top;
	background-color: #FFFFFF;
	font-size: 0.8em;
	/* APAÑO --> SI NO SE PONE ESTO, OCURRE EL BUG DE EXPLORER DE QUE DESAPARECE EL FONDO */
	height: 1%;
	padding: 30px 10px 5px 10px !important; /* EL padding-top en explorer se fastidia con el apaño */
	padding-top: 42px;                      /* Se lo especificamos especialmente para explorer */
	/* FIN APAÑO */
}

body div#contenedor div#columna1 div#noticias dl dt {
	margin: 0;
	padding: 0;
	color: #031D98;
	text-transform: uppercase;
	text-align:justify;	
	font-weight:bold;
}

body div#contenedor div#columna1 div#noticias dl dt a { text-decoration: none; color: #031D98; }

body div#contenedor div#columna1 div#noticias dl dd {
	color: #556562;
	margin: 0.1em 0 1.3em 0;
	padding: 0;
	text-align:justify;
}

body div#contenedor div#columna1 div#noticias dl dt.urgente { }

body div#contenedor div#columna1 div#noticias dl dd.urgente {
	border-bottom: 1px dotted #999999;
	padding-bottom: 1em;
}


/* texto cuando no hay foros */
body div#contenedor div#columna1 div#noticias p {
	margin: 2em 0 3em 0;
	color: #556562;
	text-align:justify;
}

body div#contenedor div#columna1 div#noticias p.masnoticias {
	text-align: right;
	color: #051D99;
	font-size: 1em;
	margin: 1.5em 0 0 0;
	padding: 0 0 5px 0;
}

body div#contenedor div#columna1 div#noticias p.masnoticias a {
	text-decoration: none;
	color: #051D99;
}

body div#contenedor div#columna1 div#agenda {
	margin: 4px 0 0 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	font-size: 0.8em;
	/* APAÑO --> SI NO SE PONE ESTO, OCURRE EL BUG DE EXPLORER DE QUE DESAPARECE EL FONDO */
	height: 1%;
	padding: 30px 10px 5px 10px !important; /* EL padding-top en explorer se fastidia con el apaño */
	padding-top: 42px;                      /* Se lo especificamos especialmente para explorer */
	/* FIN APAÑO */
}

body div#contenedor div#columna1 div#agenda dl dt {
	margin: 1.2em 0 0.3em 0;
	padding: 0 0 0 10px;
	color: #041E99;
	text-transform: uppercase;
	font-weight:normal;
	text-align:justify;
	background-image: url(/img/portal/ico_lista.gif);
	background-position: 0.3em 0.25em;
	background-repeat: no-repeat;
}

body div#contenedor div#columna1 div#agenda dl dt a {
	text-decoration: none;
	color: #041E99;
	font-weight: bold;
}

body div#contenedor div#columna1 div#agenda dl dd {
	color: #556562;
	margin: 0.3em 0;
	padding: 0 0 1.3em 0;
	text-align:justify;
	border-bottom: 1px solid #D7D7D7;
}

body div#contenedor div#columna1 div#agenda dl dd p {
	margin: 0.1em 1em;
	padding: 0;
}

/* Texto cuando no hay actos de la agenda */
body div#contenedor div#columna1 div#agenda p {
	margin: 2em 0 3em 0;
	color: #556562;
	text-align:justify;
}

body div#contenedor div#columna1 div#agenda p.masactividades {
	text-align: right;
	color: #051D99;
	font-size: 1em;
	margin: 1.5em 0 0 0;
	padding: 0 0 5px 0;
	border: none;
}

body div#contenedor div#columna1 div#agenda p.masactividades a {
	text-decoration: none;
	color: #051D99;
}

body div#contenedor div#columna2 div#interes {
	background-repeat: no-repeat;
	background-position:center top;
	margin: 0;
	padding: 37px 0 0 0;
	background-color: #FFFFFF;
	width: auto;
}

body div#contenedor div#columna2 div#interes img { position: relative; float: left; margin: 0 5px 10px 9px; border: 0; }
body div#contenedor div#columna2 div#interes h4 {
	margin: 5px 0 2px 0;
	padding: 0;
	font-size: 0.8em;
	text-transform: uppercase;
}

body div#contenedor div#columna2 div#interes h4 a { text-decoration: none; color: #031D98; }

body div#contenedor div#columna2 div#interes p { margin: 0; padding: 0 0 18px 0; font-size: 0.8em; color: #556562; clear: right; }

body div#contenedor div#columna3 div#actualidad {
	margin: 0;
	padding: 27px 0 0 0;
	background-repeat: no-repeat;
	background-position:center top;
	background-color: #FFFFFF;
	font-size: 0.8em;	
	text-align: center;	
	/* APAÑO --> SI NO SE PONE ESTO, OCURRE EL BUG DE EXPLORER DE QUE DESAPARECE EL FONDO */
	height: 1%;
}

body div#contenedor div#columna3 div#actualidad a { display: block; }

body div#contenedor div#columna3 div#actualidad img { border: 0; margin: 8px 19px; padding: 0; }

body div#contenedor div#columna3 div#actualidad span.separador { display: none; }

body div#contenedor div#columna3 div#actualidad p.masactualidad {
	text-align: right;
	color: #051D99;
	font-size: 1em;
	margin: 0.5em 19px 0 0;
	padding: 0 0 5px 0;
}

body div#contenedor div#columna3 div#actualidad p.masactualidad a {
	text-decoration: none;
	color: #051D99;
}

body div#contenedor div#columna3 div#modernizacion {
	margin: 4px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align:center;
}

body div#contenedor div#columna3 div#modernizacion img { border: 0; margin: 14px 10px; padding: 0;}

body div#contenedor div#columna3 div#ayto {
	margin: 4px 0 0 0;
	padding: 1em 0;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 0.75em;
	color: #4D4D4D;
	/* APAÑO --> SI NO SE PONE ESTO, OCURRE EL BUG DE EXPLORER DE QUE DESAPARECE EL FONDO */
	height: 1%;
}

body div#contenedor div#columna3 div#ayto div.vcard { display: none; }

body div#contenedor div#columna3 div#ayto h4 { margin: 0 0 0.5em 0; padding: 0; font-size: 1em; text-transform: uppercase; }

body div#contenedor div#columna3 div#otros {
	margin: 4px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: left;
}

	
body div#contenedor div#columna3 div#otros h4              { display: none; }
body div#contenedor div#columna3 div#otros h4.tiempo       { line-height: 2em; margin: 0; padding: 0 0 0 10px; 	font-size: 0.8em; font-weight: bold; text-transform: uppercase;	 display: block; }
body div#contenedor div#columna3 div#otros h4.tiempo a     { color: #031D98; text-decoration: none; width: 100%; height: 100%;}
body div#contenedor div#columna3 div#otros img             { border: 0; margin: 0; padding: 0; vertical-align:middle; font-size: 0.7em;}
body div#contenedor div#columna3 div#otros h5.tiempo       { display: none; }
body div#contenedor div#columna3 div#otros img.nubosidad   { margin-left: 25px; margin-right: 3px; vertical-align: middle;}
body div#contenedor div#columna3 div#otros p               { border-right: 1px solid #BFBFBF; margin: 0; padding: 20px 27px 23px 0; line-height: 1.6em; font-size: 1.4em; color: #ACACAC; display: inline; }
body div#contenedor div#columna3 div#otros ul              { font-size: 0.8em; color: #556562;  margin: 5px 0 0 7px; padding: 0 0 3px 0; text-indent: 0;}	
body div#contenedor div#columna3 div#otros ul li           { display: inline; margin: 0 0.2em; }		

body div#contenedor div#columna3 div#otros img.rss         { margin: 20px 12px 0 0; padding: 0; float: right; }	


body div#contenedor div#columna3 div#creditos {
	margin: 4px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
}


body div#contenedor div#columna3 div#accesibilidad {
	margin: 4px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: center;
}

body div#contenedor div#columna3 div#accesibilidad p {
	margin: 0;
	padding: 4px 0;
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

body div#contenedor div#columna3 div#accesibilidad img {
   margin: 3px 5px 4px 5px;
   border: 0;
}

body div#contenedor div#columna3 div#accesibilidad p a { color: #031D98; text-decoration: none }

body div#contenedor div#columna3 div#creditos p {
	margin: 0;
	padding: 0.3em 0;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

body div#contenedor div#columna3 div#creditos p a { color: #031D98; text-decoration: none }

acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #CCCCCC;
}