/*

Agencia Andaluza del Agua
Consejeria de Medio Ambiente
Junta de Andalucia

Hoja de estilos genérica

*/

/* reseteo */ 
/*html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal; font-style: inherit; /* font-size: 100%; font-family: inherit;*/ /*vertical-align: baseline;}:focus {outline: 0;}body {line-height: 1;color: black;background: white;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}

strong{font-weight:bold;}
em{font-style: italic;}*/

/* body */
body{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
/*	background:#a9c9da;*/
	background:#a9c9da 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%;}
			

/* contenidos */
#contenidos{
		margin:0 0 0 0;
		padding:5px 20px 0 20px;
		background:#fff url(../images/background_contenidos.gif) no-repeat bottom left;
		height:100%;
		}
		
	
	 
	 #Advertencia{
       	color:#CC0000;
		font-style:italic;
		font-size:0.9em;
		text-align:center;}
	/* menu principal */
	#menu{
		width:25%;
		float:right;
		padding:0 10px 0 10px;}
		
		#menu h3{display:none;}
		#menu h4{
			margin:0;
			padding:2px 0 2px 40px;
			font-size: 1.8em;
			font-family:Arial Narrow, Arial, sans-serif;
			color:#8fd5ff;}
	
		/* modulo de acceso oficina virtual */
		#oficina_virtual{}
			#oficina_virtual h4{display:none;}
			#oficina_virtual p{
				width:212px;
				height:59px;
				margin:0 auto;
				padding:1px;
				text-align:center;
				border:1px solid #029dbe;}
			
		/* modulo de menu */
		.menu{margin:10px 0 0 0;} 
			.menu ul{
				margin:5px 0 0 0;
				padding:0;
				list-style-type:none;}
			.menu li{
				padding:5px 0 5px 5px;/*5px 0 5px 20px*/
				font-family:Arial;
				border-top:1px solid #e1e1e1;
				color:#00527c;}
			.menu li a,
			.menu li a:link,
			.menu li a:active,
			.menu li:visited,
			.menu li a:visited{
				color:#00527c;
				text-decoration:none;}
			.menu li:hover,	
			.menu li a:hover{
				color:#00527c;
				text-decoration:underline;}
			.menu li a.masinfo,
			.menu li a.masinfo:link,
			.menu li a.masinfo:active,
			.menu li a.masinfo:visited{
				color:#999;
				text-decoration:none;}
			.menu li a.masinfo:hover{
				color:#999;
				text-decoration:underline;}
			
		
		/* seccion organizacion */
		.organizacion{}
			.organizacion h4{background:url(../img/icon_organizacion.gif) no-repeat 0px 50%; }
			.organizacion li{background:#fff url(../img/bullet_organizacion.gif) no-repeat 5px 50%;}
			.organizacion li.nivel2{background:#fff url(../img/bullet_organizacion_2.gif) no-repeat 5px 50%;}
			.organizacion li a.masinfo,
			.organizacion li a.masinfo:link,
			.organizacion li a.masinfo:active,
			.organizacion li a.masinfo:visited,
			.organizacion li a.masinfo:hover{color:#169b00;}
			.organizacion li a.nivel2,
			.organizacion li a.nivel2:link,
			.organizacion li a.nivel2:active,
			.organizacion li a.nivel2:visited{color:#acacac;}
			.organizacion li a.nivel2:hover,
			.organizacion li a.actual_nivel2{color:#fb9b06;}

		/* seccion gestion */
		.gestion{}
			.gestion h4{background:url(../img/icon_gestion.gif) no-repeat 0px 50%;}
			.gestion li{background:#fff url(../img/bullet_gestion.gif) no-repeat 5px 50%;}
			.gestion li a.masinfo,
			.gestion li a.masinfo:link,
			.gestion li a.masinfo:active,
			.gestion li a.masinfo:visited,
			.gestion li a.masinfo:hover{color:#e96464;}
		
		/* seccion participacion */
		.participacion{}
			.participacion h4{background:url(../img/icon_participacion.gif) no-repeat 0px 50%;}
			.participacion li{background:#fff url(../img/bullet_participacion.gif) no-repeat 5px 50%;}
			.participacion li a.masinfo,
			.participacion li a.masinfo:link,
			.participacion li a.masinfo:active,
			.participacion li a.masinfo:visited,
			.participacion li a.masinfo:hover{color:#ff9c00;}
		
	/* contenidos actuales */	
	#actual{
		margin:0 28% 0 0;
		padding-right:10px;
		border-right:1px solid #e1e1e1;}
		
		/* actual h2 */
		#actual h2{display:none;}
		
		/* migas de pan */
		#migas{
			padding:10px 0px 10px 0px;
			border-bottom:1px solid #e1e1e1;}
		#migas p{
			font-weight: bold;
			color:#2a6970;}
		#migas p a,
		#migas p a:link,
		#migas p a:active,
		#migas p a:visited{
			padding:0 0 0 10px;
			margin:0 0 0 0px;
			color:#2a6970;
			text-decoration:none;
			background:url(../img/bullet_migas.gif) no-repeat 0px 50%;}
		#migas p a:hover{
			color:#2a6970;
			text-decoration:underline;
			background:url(../img/bullet_migas.gif) no-repeat 0px 40%;}
		#migas p a.nivel1,
		#migas p a.nivel1:link,
		#migas p a.nivel1:active,
		#migas p a.nivel1:visited,
		#migas p a.nivel1:hover{color:#46ade8;}
		#migas p a.nivel2,
		#migas p a.nivel2:link,
		#migas p a.nivel2:active,
		#migas p a.nivel2:visited,
		#migas p a.nivel2:hover{color:#179a00;}
		#migas p a.inicio,
		#migas p a.inicio:link,
		#migas p a.inicio:active,
		#migas p a.inicio:visited,
		#migas p a.inicio:hover {
			padding: 0 0 0 0;
			background:none;}
	
		/* noticia principal */
		#noticia_principal{
			margin:10px 0 0 0;}
			
			/* titular */
			#titular{height:35px;}
				#titular h3{
					width:100px;
					float:left;
					margin:0;
					padding:2px 0 2px 40px;
					font-size: 1.8em;
					font-family:Arial Narrow, Arial, sans-serif;
					color:#8fd5ff;
					background:#fff url(../img/bullet_noticias.gif) no-repeat 0px 50%;}
				#titular p.sindicacion{
					width:160px;
					padding:5px 0 5px 0;
					float:right;
					padding-right:15px;
					color:#fa8201;
					background:#fff url(../img/bullet_sindicar_noticias.gif) no-repeat right 50%;}
					#titular p.sindicacion a{color:#fa8201;}
			
			
			/* cuerpo de la noticia */
			.noticia_principal_cuerpo{}
			
			/* pareja de noticias */
			.noticia_principal_pareja{
				padding:0 0 10px 0;
				margin:0 0 10px 0;
				border-bottom:1px solid #e1e1e1;}
				/* mitad */
				.noticia_principal_pareja .noticia{
					width:47%;
					min-width:310px;
					float:left;
					padding:0 10px 0 10px;}
				.noticia_principal_pareja .foto{
					border:1px solid #1972c6;
					text-align:center;
					padding:1px;
					margin:0 0 10px 0;}
			
			
			/* trio de noticias */
			.noticia_principal_trio{
				padding:0 0 10px 0;
				margin:0 0 10px 0;
				border-bottom:1px solid #e1e1e1;}
				/* tercio */
				.noticia_principal_trio .noticia{
					width:30%;
					min-width:203px;
					float:left;
					padding:0 10px 0 10px;}
				.noticia_principal_trio .foto{
					border:1px solid #1972c6;
					text-align:center;
					padding:1px;
					margin:0 0 10px 0;}
					
				/* titulos asociados a la noticia */	
				.noticia_principal_cuerpo h4{
					margin-bottom:10px;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:bold;
					font-size:1.5em;
					/*text-align:justify;*/
					text-align:center;
					color:#029dbe;}
				.noticia_principal_cuerpo p,
				.noticia_principal_trio p,
				.noticia_principal_pareja p{
					margin-bottom:10px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:0.9em;
					line-height:1.4em;
					text-align:justify;
					color:#00677c;}
				.noticia_principal_cuerpo li,
				.noticia_principal_trio li,
				.noticia_principal_pareja li{
					padding-right: 5px;
					display:inline;
					color:#169b00;}
				.noticia_principal_cuerpo li a,
				.noticia_principal_cuerpo li a:link,
				.noticia_principal_cuerpo li a:active,
				.noticia_principal_cuerpo li a:visited,
				.noticia_principal_trio li a,
				.noticia_principal_trio li a:link,
				.noticia_principal_trio li a:active,
				.noticia_principal_trio li a:visited,
				.noticia_principal_pareja li a,
				.noticia_principal_pareja li a:link,
				.noticia_principal_pareja li a:active,
				.noticia_principal_pareja li a:visited{
					color:#fa8201;
					text-decoration:none;}
				.noticia_principal_cuerpo li a:hover,
				.noticia_principal_trio li a:hover,
				.noticia_principal_pareja li a:hover{
					color:#fa8201;
					text-decoration:underline;}
		
			/* 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;}
			
			
		/* destacados */
		#destacados{
		/*	margin:10px 0 0 0;*/}
			
			#destacados h3{
				margin:0;
				padding:2px 0 2px 40px;
				font-size: 1.8em;
				font-family:Arial Narrow, Arial, sans-serif;
				color:#8fd5ff;
				background:url(../images/bullet_noticias.gif) no-repeat ;}
			#destacados ul{
				margin:10px 0 0 0;}
			#destacados li{
				padding:5px 0 5px 20px;
				margin:0 0 5px 0;
				text-align:justify;
				color:#00677c;
				font-size:0.85em;
				background:url(../images/bullet_destacados.gif) no-repeat 5px 50%;}
			#destacados li a,
			#destacados li a:link,
			#destacados li a:active,
			#destacados li a:visited{
				color:#00677c;
				text-decoration:none;}
			#destacados li a:hover{	
				color:#00677c;
				text-decoration:underline;}
			#destacados p,
			#destacados p a{color:#fa8201;
			}

				
					
			#destacados .histotico {
				width:30%; /*30%*/
				float:left;}

/* pie */
#pie{
	clear:both;
	padding: 10px 0 10px 0;
	margin:5px 0 0 0;
	border-top:1px solid #e1e1e1;
}
	#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 200px;}

	#pie .logos_align{
		height:25px;
		float:left;
		padding: 0 0 0 140px;}

