/*

Agencia Andaluza del Agua
Consejeria de Medio Ambiente
Junta de Andalucia

Hoja de estilos genérica

*/
/* body */
body{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	background:#ffffff url(../images/cabecera.jpg) top right repeat-x;
}
/* tipografia generica */
hr{display:none;}
p{}
ol,
ul{}
li{}
blockquote{}
cite{}
abbr,acronym{
	cursor:help;
	border-bottom:1px dotted #454545;}
a,
a:link,
a:active,
a:visited,
a:hover{}
img{border:none;}

/* flotaciones genericas */
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.floatleft{float:left;}
.floatright{float:right;}
/* cabecera */
#cabecera{
	padding:35px 20px 0 20px;
	height:100px;}

	/* h3 generico en cabecera */
	#cabecera h3{display:none;}

	/* logotipo y marca de la junta de andalucia */
	#logo{}
	#logo h1{
		height:69px;
		width:421px;
		margin:0;
		padding:0;}
		/*background:url(../img/juntadeandalucia_aaa.png) no-repeat top left;*/
		#logo h1 span,
		#logo h2{display:none;}
	
	/* ayudas en la navegacion */
	#saltos_navegacion{display:none;}
	
	/* accesos por perfiles */
	#perfiles{}
		#perfiles ul{
			width:355px;
			height:35px;
			list-style-type:none;
			margin:0;
			padding:0;
			float:right;}
		#perfiles li{
			margin:0;
			padding:0;
			font-size:0.9em;
			float:left;}
		#perfiles li a,
		#perfiles li a:link,
		#perfiles li a:active,
		#perfiles li a:visited{
			display:block;
			height:24px;
			margin:0 1px 0 0;
			padding:10px 0 0 0;
			color:#2b6971;
			letter-spacing: -1px;
			font-weight:bold;
			text-align:center;
			text-decoration:none;}
		#perfiles li a:hover{
			color:#fff;
			font-weight:bold;
			text-align:center;
			text-decoration:none;}
		
			/* personalizado: ciudadanos */
			#perfiles li a.ciudadanos,
			#perfiles li a.ciudadanos:link,
			#perfiles li a.ciudadanos:active,
			#perfiles li a.ciudadanos:visited{
				width:95px;
				background:url(../img/submenu_ciudadanos.gif) no-repeat top left;}
			#perfiles li a.ciudadanos:hover{background:url(../img/submenu_ciudadanos_hover.gif) no-repeat top left;}
			/* personalizado: empresas */
			#perfiles li a.empresas,
			#perfiles li a.empresas:link,
			#perfiles li a.empresas:active,
			#perfiles li a.empresas:visited{
				width:88px;
				background:url(../img/submenu_empresas.gif) no-repeat top left;}
			#perfiles li a.empresas:hover{background:url(../img/submenu_empresas_hover.gif) no-repeat top left;}
			/* personalizado: entidades */
			#perfiles li a.entidades,
			#perfiles li a.entidades:link,
			#perfiles li a.entidades:active,
			#perfiles li a.entidades:visited{
				width:165px;
				background:url(../img/submenu_entidades.gif) no-repeat top left;}
			#perfiles li a.entidades:hover{background:url(../img/submenu_entidades_hover.gif) no-repeat top left;}		
		
	
	
/* banda superior que contiene buscador y otras opciones */
#submenu{
	margin:4px 0 0 0;
	padding:3px 20px 0 20px;
	color:#296a70;
	background:#f8fcfb url(../images/submenu_background.gif) repeat-x bottom;
	z-index:20;
	}
	
	#submenu h3{display:none;}

	/* buscador */
	#buscador{
		width:250px;
		height:20px;
		padding:2px 0 0 30px;
		float:right;
		background:url(../img/submernu_separador.gif) no-repeat top left;}
	
		#buscador form{
			margin:0;
			padding:0;}
		#buscador legend{display:none;}
		#buscador fieldset{border:none;}	
		#buscador form ul{
			list-style-type:none;
			margin:0;
			padding:0;}
		#buscador form li{
			margin:0;
			padding:0;
			display:inline;}
		#buscador form label{
			font-size:0.9em;
			color:#2c6870;
			font-weight:bold;}
		#buscador form input{	
			font-size:0.9em;
			color:#000;
			border:1px solid #69676a;
			background:#e7e7e7 url(../img/submenu_input_bg.gif) repeat-x top left; }
		#buscador form input.submit{	
			font-size:0.9em;
			text-align:center;
			color:#fff;
			border:1px solid #69676a;
			background:#7a8891 url(../img/submenu_boton_bg.gif) repeat-x top left;}
	
	/* otras opciones */
	#otras_opciones{}
		#otras_opciones ul{
				list-style-type:none;
				margin:0;
				padding:0;}
			#otras_opciones li{
				margin:0;
				padding:0;
				font-size:0.9em;
				float:left;}
			#otras_opciones li a,
			#otras_opciones li a:link,
			#otras_opciones li a:active,
			#otras_opciones li a:visited{
				display:block;
				width:80px;
				height:20px;
				margin:0 1px 0 0;
				padding:5px 0 0 0;
				color:#2b6971;
				letter-spacing:-1px;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
				background:url(../img/submernu_separador.gif) no-repeat top right;}
			#otras_opciones li a:hover{
				color:#67a0ab;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
				background:url(../img/submernu_separador.gif) no-repeat top right;}
			/* clase especifica para los idiomas */
			#otras_opciones li.idiomas{
				width:200px;
				height:20px;
				margin:0 1px 0 0;
				padding:5px 0 0 10px;
				background:url(../img/submernu_separador.gif) no-repeat top right;}
				#otras_opciones li.idiomas a,
				#otras_opciones li.idiomas a:link,
				#otras_opciones li.idiomas a:active,
				#otras_opciones li.idiomas a:visited,
				#otras_opciones li.idiomas a:hover{
					display:inline;
					background:none;}
				#otras_opciones li.idiomas a.espanol,
				#otras_opciones li.idiomas a.espanol:link,
				#otras_opciones li.idiomas a.espanol:active,
				#otras_opciones li.idiomas a.espanol:visited,
				#otras_opciones li.idiomas a.espanol:hover{
					padding:0 0 0 15px;
					background:url(../images/idioma_espanol.gif) no-repeat 0px 70%;}
				#otras_opciones li.idiomas a.english,
				#otras_opciones li.idiomas a.english:link,
				#otras_opciones li.idiomas a.english:active,
				#otras_opciones li.idiomas a.english:visited,
				#otras_opciones li.idiomas a.english:hover{
					padding:0 0 0 15px;
					margin:0 0 0 10px;
					background:url(../images/idioma_english.gif) no-repeat 0px 70%;}

/* menu principal */
	#menu_contenidos{
		width:36%;
		float:left;
		padding:0 10px 0 10px;
		height: 500px;
		overflow-x:hidden;
		overflow-y:scroll;
	}

	#menu_contenidos h3{display:none;}
	#menu_contenidos h4{
			margin:0;
			padding:2px 0 2px 40px;
			font-size: 1.8em;
			font-family:Arial Narrow, Arial, sans-serif;
			color:#8fd5ff;} 
	
	#promocional{
		width:150px;
		float:right;
		padding:0 10px 0 10px;}
	
	#actual_contenidos_present{
		margin:0 20px 0 20px;
		padding:0 10px 0 10px;
		border-left:1px solid #e1e1e1;
		border-right:1px solid #e1e1e1;}
			
	#actual_contenidos{
		margin:0 20px 0 20px;
		padding:0 10px 0 10px;
		border-left:1px solid #e1e1e1;
		border-right:1px solid #e1e1e1;}
		
		#actual_contenidos_present h2,
		#actual_contenidos h2{display:none;}
		
			#titulo{
				height:30px;
				margin-bottom:10px;
				border-bottom:1px solid #59d2f1;}
			#titulo h3{
				margin:0 100px 0 0;
				padding:2px 0 2px 0;
				font-size: 1.8em;
				font-family:Arial Narrow, Arial, sans-serif;
				color:#8fd5ff;
				background:none;}
			#contenidos p.imprimir,	
			#titulo p.imprimir{
				width:60px;
				padding:8px 0 5px 30px;
				float:right;
				color:#818f98;
				background:#fff url(../images/bullet_imprimir.gif) no-repeat 0px 50%;}
			#titulo p.oper{
				font-size: 0.8em;
				width:90px;
				padding:8px 0 5px 30px;
				float:right;
				color:#818f98;}
			#titulo p.pdf{
				font-size: 0.8em;
				width:60px;
				padding:8px 0 5px 30px;
				float:right;
				color:#818f98;
				background:#fff url(../images/bullet_pdf.gif) no-repeat 0px 50%;}
			#titulo p.grafico{
				font-size: 0.8em;
				width:60px;
				padding:8px 0 5px 30px;
				float:right;
				color:#818f98;
				background:#fff url(../images/grafica.bmp) no-repeat 0px 50%;}
			#titulo p.email{
				width:100px;
				margin:0 10px 0 0;
				padding:8px 0 5px 20px;
				float:right;
				color:#818f98;
				background:#fff url(../img/bullet_email.gif) no-repeat 0px 70%;}
			#titulo p.exportar{
				font-size: 0.8em;
				width:60px;
				padding:8px 0 5px 30px;
				float:right;
				color:#818f98;
				background:#fff url(../images/export.png) no-repeat 0px 50%;}
			#titulo p.imprimir a,
			#titulo p.email a{color:#818f98;}
			
			/* titulos en la seccion */
			#contenidos h3{
			 	margin:0 0 10px 0;
				padding:0;
				font-size: 1.6em;
				font-family:Arial, sans-serif;
				color:#FF0000;
				font-weight:bold;
				background:none;}
			#contenidos h4,	
			#seccion h4{
				margin:10px 10px 10px 0;
				padding:0;
				font-size: 1.5em;
				font-family:Arial, sans-serif;
				color:#008000;
				font-weight:bold;
				background:none;}
			#contenidos h5,	
			#seccion h5{
				margin:0 0 10px 0;
				padding:0;
				font-size: 1.3em;
				font-family:Arial, sans-serif;
				color:#00527c;
				font-weight:bold;
				background:none;}
			
			#contenidos h6,
			#seccion h6{
				margin:0 0 1px 0;
				padding:0;
				font-size: 0.8em;
				font-family:Arial, sans-serif;
				/*color:#FF9933;*/
				color:#008000;
				font-weight:bold;
				background:none;}	
			#seccion ul{
				list-style-type:none;
				margin:10px 0 20px 0;}
				
			#seccion ol{
				list-style-type: decimal;
				list-style-position: inside;
				margin:10px 0 20px 0;}
				
			#seccion li{
				color:#444; 				
				font-family:Arial;
				margin:0 0 10px 0;
				padding:0 0 3px 0;
				border-bottom:1px solid #ededed;}
			
			/* parrafos en la seccion */
			#seccion p{
				color:#464646;
				font-family:Arial;
				text-align:justify;
				margin:0 0 10px 0;
				line-height:1.3em;}

			/* citas */
			#seccion blockquote{
				font-family: Arial;
				margin:20px 10px;
				padding:10px;
				line-height:1.3em;
				background:#f2f6f8;}

			/* enlaces en la sección */
			#seccion p a,
			#seccion li a,
			#seccion blockquote a{color:#fb9b06;}
			
			/* imagenes en la seccion */
			#seccion .imgright{
				margin:0 0 0 10px;
				padding:3px;
				border:1px solid #1972c6;}
			
			/* imagenes en la seccion */
			#seccion .imgleft{
				margin:0 10px 0 0;
				padding:3px;
				border:1px solid #1972c6;}
			
			/* ficheros adjuntos */
			#seccion .fichero_adjunto{
				margin:0 0 15px 0;
				border:1px solid #ededed;
				padding:10px 10px 0 30px;
				background:#f9f9f9 url(../img/bullet_ficheroadjunto.gif) 10px 20% no-repeat}
				/* titulo en fichero adjunto */
				#seccion .fichero_adjunto h5{
					margin:0 0 5px 0;
					font-weight:normal;
					font-size:1.1em;}
				#seccion .fichero_adjunto p a{
					color:#444444;
					font-weight:bold;}	
			
			
			/* cerrado */
			.cerrado{
				padding:0 0 10px 0;
				border-bottom:1px solid #bababa;
				background:#fff url(../img/bullet_cerrado.gif) no-repeat 100% 50%;}
				.cerrado h4 a{color:#8fd5ff; text-decoration:none;}


			/* fotografia en relacionados */
				.clearfix .foto {
					float: left;
					margin:0 10px 10px 0;
					width: 402px;
					height: 280px;
					color: #fff;
					text-align:center;
					border:1px solid #1d72c8;}
			/* limpiar flotacion */
			.clearfix:after {
				content: "."; 
				height: 0; 
				clear: both; 
				visibility: hidden;}
			* html .clearfix:after {display: block;}
			/*.clearfix {display:inline-block;}*/
			* html .clearfix {height: 1%;}
			.clearfix {display: block;}
			
			
			
	/* FORMULARIOS EN LOS CONTENIDOS */
	
/* Valores genéricos de formulario */
#seccion form {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;}
	
	/* Fieldset */
	#seccion fieldset {
		margin: 0 0 10px 0;
		padding: 0;
		border: none;}
	
		/* Legend */
		#seccion legend {
			padding: 0;
			_margin: 0 -7px 0 0; /* IE Win */
			color: #2b3e53;
			font-size:1.1em;
			font-weight:normal;}
			
		/*\*//*/ #seccion form legend { display: inline-block; } /* IE Mac legend fix */

		/* lista formulario */
		#seccion form fieldset ol {
			margin: 10px 10px 0 15px;
			padding: 0 0 0 0;
			list-style-type: none;}
		
			/* elementos de lista formulario */
			#seccion form fieldset li {
				float:left;
				width:100%;
				padding: 7px 0 5px 5px;
				margin: 0 0 0 0;}
			
				#seccion form fieldset li span{
					font-size:1em;
					color:#999;}
		
				/* label */	
				#seccion label {
					width: 200px;
					display: block;
					float:left;
					line-height: 1.8em;
					vertical-align: top;
					color: #666;
					font-size:1em;}
			
				/* inputs */
				#seccion input {
					margin:0;
					padding: 1px;
					font-size:0.9em;
					font-family: Arial;
					color:#000;
					border:1px solid #69676a;
					background:#f7f7f7; }
					
					/* tipo boton */
					#seccion input.boton{
						text-align:center;
						color:#fff;
						border:1px solid #69676a;
						background:#7a8891 url(../img/submenu_boton_bg.gif) repeat-x top left;}
					
					/* tipo boton */	
					#seccion input.radio {
						margin:0;
						padding:0;
						border:1px solid #fff;
						background:#fff;}
					
					#seccion #botonera{
						margin: 0;
						padding: 0;
						text-align:right;}
						
				
				/* textareas */
				#seccion textarea {
					margin: 0;
					padding: 1px;
					font-family: Arial, Helvetica, sans-serif;
					font-size:1em;
					border:1px solid #69676a;
					background:#f7f7f7; }
			
				/* selects */
				#seccion select {
					margin: 0;
					padding: 0;
					font-family: inherit;
					border:1px solid #c5c5c3;
					background:#f9f9f7;
					font-size:1em;}
					
					#seccion option{}
			
			/* campos obligatorios */
			#seccion form em {
				font-weight: bold;
				font-style: normal;
				color: #f26702;}

    
/* cabecera de la página, el logo de la Cuenca */    

table.padd{
  display: table;

	padding: 0;
	background-color: #003063;
	border: 0;
	width: 100%; 
	border-collapse: collapse;	}
	
table.padd TR, table.padd TD {
	padding: 0;
	border: 0;}
table.cabecera a, table.cabecera a:hover {
	padding: 0;
	border: 0;
	background: transparent; }

/* contenidos */
#contenidos{
		margin:0 0 0 0;
		padding:5px 20px 20px 20px;
		background:#fff url(../images/background_contenidos.gif) no-repeat bottom left;
		height:100%;
		}
	
#Advertencia{
color:#CC0000;
font-style:italic;
font-size:small;
text-align:center;}

/* pie */
#pie{
	/*clear:both;*/
	width: 100%;
	padding: 10px 0 30px 0;
	margin:0 0 0 0;
	border-top:1px solid #e1e1e1;
	text-align:center;
	background:#a9c9da  bottom left;

}
	#pie .unioneuropea{
		height:25px;
		float:left;
		padding: 0 20px 0 0;
		}

	#pie .enlaces_pie{
		height:25px;
		float:left;
		font-size:0.8em;
		padding: 0 0 0 140px;
		}

	#pie .logos_align{
		height:25px;
		float:left;
		padding: 0 0 0 140px;}