/***************************************
* Barra de herramientas de la cabecera *
****************************************/

#herramientasCabecera {
	color:#FFF;
	float:left;
	font-size:11px;
	margin-bottom: 8px;
}
.opcionHerramientas {
	margin:2px;
	text-align:center;
}
#herramientasCabecera a:link, #herramientasCabecera a:visited {
	color:#FFF;
	font-size:11px;
}
#heramConsorcio {
	width:80px;
	float:left;
}
#heramAbastecimiento {
	width:100px;
	float:left;
}
#heramSaneamiento {
	width:80px;
	float:left;
}
#heramResto {
	width:480px;
	float:left;
}

/***************
* Migas de pan *
****************/
#migasdepan {
	color: #000;
	font-size: 11px;
	padding-left: 5px;
	float:left;
	width: 100%;
}
#migasdepan a:link, #migasdepan a:visited {
	color:#005499;
}
	
/**********************
* Cuerpo de la pagina *
***********************/

#cuerpo {
	float:left;
	margin: 10px 0px;
	position: relative;
	background-image: url("../imgs/sombra.png");
	background-repeat: repeat-y;
}

/***************
* Menu lateral *
****************/

#menuLateral {
	width: 157px;
	float:left;
	font-size:11px;
	margin: 0px;
	padding: 0px;
	line-height:150%;
	position: relative;
	background-color: #DCDCDC;
}
#menuLateral .nivel0 {
	margin-bottom: 12px;
}
#menuLateral .nodoActual {
	text-decoration: underline;
}
#menuLateral .itemMenu {
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 10px;
}
#menuLateral .primerItem {
	position:absolute;
	top: -5px
}
#menuLateral li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menuLateral ul {
	margin: 0px;
	padding: 0px;
}
#sombraTopMenu, #sombraTopSinMenu, #sombraTop, #sombraBottom {
	background-repeat: no-repeat;
	width: 157px;
	height: 20px;
}
#sombraTopMenu {
	background-image: url("../imgs/sombra-top-menu.png");
}
#sombraTopSinMenu {
	background-image: url("../imgs/sombra-top-sinmenu.png");
}
#sombraTop {
	background-image: url("../imgs/sombra-top.png");
	float: left;
	clear: left;
}
#sombraBottom {
	background-image: url("../imgs/sombra-bottom.png");
	position: absolute;
	bottom: -1px;
	left: 0;
}
/**************
*  Contenido  *
***************/

#contenido {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	width:593px;
	float:right;
	color:#585858;
	font-size:12px;
	line-height:120%;
}
#contenido a:link, #contenido a:visited {
	font-size:12px;
	color:#005499;
}
#tituloContenido, #tituloContenidoImg {
	color:#FFF;
	height: 90px;
	margin-bottom: 1em;
}
#tituloContenidoImg h1, #tituloContenidoImg h2 {
	width: 50%;
}
#titulos {
	margin:0;
	padding: 12px 0 0 10px;
	height: 68px;
}
#tituloSolo {
	margin:0;
	padding: 30px 0 0 10px;
	height: 30px;
	text-transform: capitalize;
}
#contenido h1 {
	font-size: 20px;
	font-weight: 100;
	margin:0 0 10px 0;
	padding:0;
	line-height: 110%;
}
h1.capital {
	text-transform: capitalize;
}
#contenido h2 {
	font-size: 14px;
	font-weight: 100;
	margin:0;
	padding:0;
}
#contenido h3 {
	font-size: 14px;
	margin: 15px 0px 10px 0px;
}
#contenido li {
	list-style-type: disc;
	margin: 10px 0px;
}
#contenido ul {
	padding-left: 15px;
	margin: 5px 0px;
}
#contenido .bloque {
	margin:  0 0 10px 0;
	padding: 0;
	float:   left;
	width:   100%;
	clear:   both;
}
#contenido .subbloque1, #contenido .subbloque2 {
	width:      280px;
	text-align: justify
}

#contenido .subbloque1 {
	float:   left;
}

#contenido .subbloque2 {
	float:  right;
}


#backtop a:link, #backtop a:visited {
	font-size:11px;
}
#backtop {
	font-size:11px;
	height: 20px;
	clear:both;
}
#backtop img {
	vertical-align: middle;
	padding: 2px 0px;
}
#back {
	float: left;
}
#back img {
	margin-right:5px;
}
#top img {
	margin-left:5px;
}
#top {
	float: right;
}
#sugerenciasForm * input#alias 
{
  width: 50%;
}

#sugerenciasForm * textarea#sugerencia
{
  width: 75%;
}

#sugerenciasForm .alias {
	float:left;
	width:11%;
	text-align:right;
	padding:0px 5px;
}
#sugerenciasForm .sugerecias {
	float: left;
	width:11%;
	text-align:right;
	padding:0px 5px;
}
#sugerenciasForm .comentario 
{
	float:left;
	width:90%;
	margin: 2em;
}
#sugerenciasForm .comentario p {
	margin: 0 0 1em 0;
	padding: 0;
}
#sugerenciasForm textarea {
	width:290px;
	height: 180px;
}
#sugerenciasForm .boton {
	margin-left:13%;
	width:49%;
	text-align:center;
	padding: 5px;
}
#sugerenciasForm .textoSugerencia {
	height:80px;
}
#sugerenciasForm .caracteres {
	height:100px;
	font-style:italic;
}
#sugerenciasForm .cajaTexto {
	margin: 5px 0px;
}
.errores li {
	color: #C00;
}
.correcto li {
	color: #00C;
}
#contenido .fechaEvento {
	font-size: 13px;
	color: #F66013;
	line-height: 120%;
	font-weight: bold;
}
#contenido .fechaIndiceEvento {
	color: #000;
}
#contenido .fecha {
	text-indent:-6.5em;
	padding-left:6.5em;
}
#tablaEmbalses {
	color: #408D28;
	text-align: center;
	font-size: 11px;
	float:left;
	border-collapse: collapse;
}
#tablaEmbalses tfoot td, #tablaEmbalses tfoot th {
	border-top: #585858 solid 1px;
}
#tablaEmbalses thead th {
	font-weight: normal;
	width: 4em;
	border-bottom: #585858 solid 1px;
}
#tablaEmbalses .col1 {
	width: 10em;
	border-right: 1px solid #585858;
	text-align: left;
}
#tablaEmbalses .col23 {
	color: #585858;
	width: 5em;
}
#tablaEmbalses .total {
	color: #000;
	font-weight: bold;
}
#embalseImg {
	width:149px;
	height:138px;
	float:right;
	margin-bottom:1em;
}
#embalseImg .imagenIzda {
	float:left;
}
#embalseImg .imagenDcha {
	float:right;
	width:73px;
}
#embalseImg .imagenDchaTop {
	height:27px
}
#embalseImg .textoAgua {
	color:#FFF;
	text-align:center;
}
#embalseImg .imagenDchaBottom {
	height:16px
}
#contenido .imgVerHistorico {
	vertical-align: bottom;
}
#contenido .parrafoInforme {
	clear:both;
}

/***************************
*   Estilos del mapa web   *
****************************/
#mapaweb {
	margin: 1em 0 1em 5em ;
}
#mapaweb ul {
	padding:0px;
	margin:0px;
}
#mapaweb li {
	list-style-type: none;
	margin:1px;
}
#mapaweb ul ul ul {
	border-left: 1px solid #F66013;
	padding:0 0 0 20px;
	margin-left:2px;
}
#mapaweb .destacado {
	font-weight: bold;
	margin-top: 1.5em;
}

/***********************
*  Pagina de contacto  *
************************/
#contactar {
	margin: 20px 0px;
}
#contactar .etiqueta {
	text-align: right;
	width: 60px;
	float: left;
}
#contactar .linea .inputTexto, #contactar .linea textarea {
	float: right;
	width: 220px;
}
#contactar .linea textarea {
	height: 110px;
}
#contactar .cajaInputs {
	float: left;
	width: 290px;
}
#contactar .cajaInputs .linea {
	clear: both;
	padding: 3px 0px;
}
#contactar .cajaInputs .boton {
	clear: both;
	padding: 10px 0px;
	text-align: center;
	float: right;
	width: 220px;
}
#contactar .textos {
	float: right;
	text-align: right;
	width: 220px
}
#contactar .textos p {
	margin: 0 0 15px 0;
}

/*************************
*  Estilos del buscador  *
**************************/

#cabeceraBuscador {
	margin: 5px 0px;
	float: left;
	width: 100%
}
#cabeceraBuscador .izda {
	float: left;
}
#cabeceraBuscador .dcha {
	float: right;
}
#resultadosBuscador {
	margin: 20px 0px;
}
#resultadosBuscador .titulo {
	margin-bottom: 5px;
}
#navegadorBuscador {
	text-align: center;
	margin-top: 15px;
}
#navegadorBuscador span {
	margin: 0px 3px;
}

/********************************
* Barra de herramientas del pie *
*********************************/

#herramientasPie {
	text-align:center;
	font-size:11px;
	color:#00457F;
	float:left;
	width:100%;
}
#destacadosPie {
	margin: 0px auto;
	width:310px;
}
#herramientasPie .linea {
	margin-top: 10px;
	float:left;
	width:100%;
}
#herramientasPie a:link, #herramientasPie a:visited {
	color:#00457F;
	line-height: 120%;
	padding: 0px 5px;
}
#destacadosPie a:link, #destacadosPie a:visited {
	color:#FFF;
	line-height: 120%;
	padding: 0px 10px;
}
#destacadosPie .herramDestacadosPie {
	margin: 10px 3px 0px;
	float:left;
	width: 95px;
}