html, body	{height: 100%; width: 100%; margin: 0; padding: 0; border: 0; }
/* some general formatting styles */
body	{font-size: 0.8em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

a {text-decoration: none;color: #0000A3;}
a:hover{color: #CC0000; background-color: #FFF5C0;}
.thetable		{position: relative;display: table; width: 100%;border: 0; clear: both;border-spacing: 0; /* required by Opera 6 */}
p{text-align: justify;}
 /* hide this from opera6 */
head:first-child+body div.thetable {height: 100%;}.tablerow		{display: table-row;}

.tablecell	{color: #333;display: table-cell;border: 0;padding: 0;margin: 0; padding-top: 120px; padding-bottom: 50px;vertical-align: top;min-height: 100%; /* opera6 needs min-height but moz/IE needs height */}

.skip{position: absolute;left:-9999px;}

 /* hide this from opera6 */
head:first-child+body div.tablecell {height: 100%;}
/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */

/* propiedades del block izquierda */
.one	{width: 169px; background: #F9F8F8; position: relative;border-right: 1px solid #E3E2E2; border-left: 1px solid #E3E2E2; z-index: 5;padding-top:9.2em;}

/* propiedades del block centro */
.two	{
	width: auto;
	background: #FFFFFF;
	position: relative;
	line-height: normal;
	padding-top:2em;
	font-size: 0.9em;
	padding-left:2em;
	padding-right:2em;
}

/* propiedades del block derecha */
.three {
	width: 209px;
	font-size: 0.9em;
	background: #F9F8F8;
	position: relative;
	border-left: 1px solid #E3E2E2;
	padding-top:0.5em;
}
.three img{margin-bottom:1.2em;}
/* ruta de enlaces */
#ruta{line-height:1.5em;border-bottom: 1px #E3E2E2 solid;margin-bottom: 1em;padding-bottom: 0.1em;color: #000;}
#ruta a{color: #4E907A;}
#ruta a:hover{color: #CC0000;background-color: #FFF5C0;}

/* titulo de la página */
.pagetitle{background: #F0CB00 url(images/icono-salidad-consumo.gif) no-repeat;height: 2.8em; padding-left: 2em;padding-top: 0.5em;color: #FFF;line-height:2.5em;margin-bottom:1em;}

/* caja flotante de la imagen que acompaña el articulo */
.caja-imagen{background-color: #F7F7F7;text-align: center;width:260px;}
.pie-imagen{background-color: #F9F8F8;border-top: 1px #E3E2E2 solid ;margin-top: -0.4em;padding: 0.2em;font-size:0.9em; text-align: right;}

#header {
position: absolute; top: 0; left: 0; color: #fff;width: 100%; z-index: 10;border-bottom: 1px solid #FFF; background-image: url(images/lineacab.gif);background-color: #F7F7F7;
}

#footer	{text-align: center;clear: both; position: relative; background: #F9F8F8; color: #000; margin-top: -40px;
margin-bottom: 40px; /* required for Opera 6 to show background color but others don't like it so hide the value of 0 from it */
font-size: 0.8em;z-index: 15;padding-top:0.3em;}

 /* hide this from opera6 */
head:first-child+body div#footer {margin-bottom: 0;}


/* removing margins from headings corrects an Opera 6 display error */
h1, h2, h3	{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding: 0; margin: 0;}
h1	{font-size: 1.2em;}
h2  {font-size: 1.1em;}
h3	{font-size: 1.2em;}

.titulo-3nivel{
margin:1em 0 0.3em 0;
border-bottom: 1px #333333 dotted;
}

/* remplazar el logotipo por el titulo */
.replace{position: relative;margin; 0; padding: 0;
/*hide overflow:hidden from IE5/Mac */
Overflow:hidden;
color:#4E907A;}
.replace span{display:block;position: absolute;top: 0px;left: 0px;cursor: pointer;
z-index: 1; /* for opera 5 and 6 */}
#tituloprincipal, #tituloprincipal span{height: 93px;width: 269px;background-image: url(images/logotipo.gif);background-repeat: no-repeat;}
.fondocab{background-image: url(../images/fondo-cabecera.gif);background-repeat: no-repeat;}

/* menu horizontal */
#barra-menu{background-color: #4E907A;height: 2em;width: 100%;}
#barra-menu ul{padding: 0;margin: 0;text-decoration: none;}
#barra-menu li {float:left;list-style: none ;line-height:2.2em;margin-left: 0.5em;padding-right: 0.5em;font-size: 0.85em;width: auto;display:block;background-image: url(images/separacion.gif);background-repeat: no-repeat;background-position: right center;}
#barra-menu li a{text-decoration: none;color: #FFF;}
#barra-menu li a:hover{color: #325D4E;background-color: #FFF;display:block;border-bottom: 1px solid #4E907A;border-top: 1px solid #4E907A;}


/* menu vertical */
.one ul{padding: 0px;margin: 0px;}
.one li{display: block;width: auto;height: 1%;line-height: 2em;font-size: 0.9em;text-indent: 0.5em;}
.one li a {width:169px;background-image: url(images/fondo-btn.gif);background-repeat: no-repeat;color: #4D4D4D;display: block;font-weight: bold;background-color: #DBF6ED;border-bottom: 1px solid #C8C8C8;}
.one li a:hover {background-image: url(images/fondo-btn-hover.gif);background-repeat: no-repeat;background-color: #F8FDFC;border-bottom: 1px solid #F8FDFC;color: #C74552;display: block;}
/* submneu vertical */
.one li li{display: block;height: 1%;line-height: 2.1em;font-size: 95%;text-indent: 0.5em;border-bottom: 1px #F1F0F0 solid;}
.one li li a {width:160px;background-image: none;background-color: #FAFDFC;color: #325D4E;display: block;font-weight: normal;border:none;}
.one li li a:hover {background-image: none;background-color: #4E907A;color: #FFF;display: block;border:none;}

.one img{border:0}
/* bores delsubmenu */
.centro-empresas{border-left: 9px #0084AA solid; }
.cooperacion{border-left: 9px #C40E2F solid;}
.cultura{border-left: 9px #C40E2F solid;}
.deportes{border-left: 9px #F78E1E solid;}
.educacion{border-left: 9px #45C3D2 solid;}
.ems{border-left: 9px #DF791A solid;}
.hacienda{border-left: 9px #F0CB01 solid;}
.industria{border-left: 9px #0084AA solid;}
.infancia{border-left: 9px #FCB814 solid;}
.infraestructuras{border-left: 9px #4D84C4 solid;}
.juventud{border-left: 9px #FCB814 solid;}
.medio-ambiente{border-left: 9px #00704A solid;}
.participacion{border-left: 9px #D4D110 solid;}
.seguridad{border-left: 9px #005595 solid;}
.proteccion{border-left: 9px #005595 solid;}
.personal{border-left: 9px #DF791A solid;}
.sanidad{border-left: 9px #00704A solid;}
.sociales{border-left: 9px #936EB0 solid;}
.urbanismo{border-left: 9px #0084AA solid;}

/* caja de bienvenida en la home */
#bienvenidos{
	background-image: url(images/fondo-monserrat.gif);
	background: url(images/fondo-monserrat.gif) repeat-x;
	background-color: #E4E4E4;
	border: 1px solid #909090;
	height: auto;
	margin-bottom: 1em;
	padding-right:0.5em
}
#bienvenidos img{float:left;}
#bienvenidos h2{color: #C74552;font-size: 1.8em;padding-top: 0.8em;text-align:right;margin-right:0.1em;}
#bienvenidos strong {color: #4E907A;display:block;text-align:right;margin-right:0.1em;margin-top:0.5em;}
#bienvenidos p{font-size: 0.85em;}

/* caja de contenido ancho 100% */
.caja-grande{background-color: #F7F7F7;margin-bottom: 1em;clear:both;height:auto;}

/* caja de contenido ancho 50% */
.caja-pequena{background-color: #F7F7F7;width: 49%;border: 1px #EBEAEA solid;}

/* flotas añadidos para sumarlos cuando haga falta */
.izquierda{float:left;}
.derecha{float:right;}
.izq{float:left;margin-right: 1em;}
.dcha{float:right;margin-left: 1em;}

/* diferente tipo de contenido para cajas pequeñas y grandes */
.caja-pequena h3{background-color: #FFF;border: 1px #C74552 solid;color: #C74552;height: 1.5em;padding-left:0.5em;}
.caja-grande h3{background-color: #C74552;color: #FFF;height: 1.5em;padding-left:0.5em;}
.caja-grande p, .caja-pequena p{padding: 0.2em 1em 0.5em 1em ;}
.caja-grande ul, .caja-pequena ul{margin: 0;padding: 0;list-style: none ;}
.caja-grande li, .caja-pequena li{background-image: url(images/icono-lista.gif);background-repeat: no-repeat;background-position: 1em 1em;padding: 0.5em 1em 0em 1.7em ;display: block;line-height: 1.4em;}
.caja-grande li a, .caja-pequena li a {color: #0000A3;display: block;}
.caja-grande li a:hover, .caja-pequena li a:hover {color: #CC0000;background-color: #FFF5C0;display: block;}
.centrado-derecha{width: 200px;margin-left:4px;}

/* buscador */
#search {color:#fff; float:right;margin-top:1px;}
#search span {font-size: 0.85em;}
#search form {margin:0;}
#search input {width:6em;height:1.4em;}
#search label {padding:5px 0 0;display:inline;}
#search input.f-submit {width:2em;margin:0 0 -.15em;height:1.7em;background-color: #FFF;color: #000;padding:2px;line-height:0.8em;}

/* listas*/
.lista{clear:both;margin:2em 0 2em 0;}

dl{display:block; }
dt{font-weight: bold;}
dt img{float:left;margin-right:1em;border: 1px #CCC solid;}
dl dd{margin: 0 0 0.8em 0;text-align: justify;}


/* lista simple desordenada*/
.lista-desordenada ul{list-style: none ;margin: 0;padding: 0;}
.lista-desordenada li{list-style: none ;background-image: url(images/icono-lista.gif);background-repeat: no-repeat;background-position: 1em 1em;padding: 0.5em 1em 0em 1.7em ;display: block;}

/* lista de imagenes home */
.lista-imagenes{list-style-type: none;margin:0;padding:0;}
/* lista de definicion desordenada*/
#definicion-desordenada {margin: 2em 0 1.5em;clear:both;}
#definicion-desordenada dt, #resultslist-wrap dl {margin: 0}
#definicion-desordenada dt {font: bold;padding: 3px 0}
#definicion-desordenada ul{list-style-type: none;margin:0;padding:0;}
#definicion-desordenada li {padding: 0 0 0.5em;margin:0 0 0;font: bold;background-image: url(images/icono-lista.gif);background-repeat: no-repeat;background-position: 0 0.6em;padding-left:1em;}
#definicion-desordenada li dd {font: normal; }
#definicion-desordenada li dl {margin:0;}
#definicion-desordenada dd {line-height:1.3}

/* lista de definicion ordenada*/
#definicion-ordenada {margin: 2em 0 1.5em;clear:both;}
#definicion-ordenada dt, #resultslist-wrap dl {margin: 0}
#definicion-ordenada dt {font: bold;padding: 1px 0}
#definicion-ordenada ol{margin:0 0 0 1em;padding:0 0 0 1em;font: bold}
#definicion-ordenada li {padding: 0 0 0.5em;margin:0 0 0;font: bold}
#definicion-ordenada li dd {font: normal }
#definicion-ordenada li dl {margin:0;}
#definicion-ordenada dd {line-height:1.3}

/* TABLa */
.table1 {border: 1px solid #B2B2B2;border-collapse:collapse;width:100%;font-size:1em;}
.table1 td {background: #fff;padding:1px;border: 1px solid #E3E2E2;padding-left:1em;}
.table1 th {text-align:left;border: 1px solid #E3E2E2;}
.table1 thead  td {color:#000;background: #A7D8C7 ;padding: 1px;font-weight: bold;padding-left:1em;}
.table1 tbody th.sub {color:#000;background: #efefef ;padding: 6px}
caption {background:#DDD;text-align:left;padding-left:1em;margin-left:-1px;border: 1px #E3E2E2 solid;}

/* subir arriba*/
.volver-arriba span{margin-top:1.5em;display:block;}
.volver-arriba span{background-image: url(images/arriba.gif);background-repeat: no-repeat;padding-left:1.8em;}