/* -----   ----- Estilos Atyuntamiento                        ----   ----- */
/* -----   ----- Version 2.0 modificada por ABSIS  11-04-2005 ----   ----- */
/* -----   ----- EDIWEB                                        ---   ----- */

/* =============================== */
/* ======.Elementos Comunes.====== */
/* =============================== */
		body{
			text-align:center;
			font-family:Arial, verdana;
			margin:0 0 0 0;
			padding:2px 0 2px 0;
			background-color:#999999;
			background-image:url(../catala/img/composicion/bgpagina.gif);
			background-position:center;
			background-repeat:repeat-y;			
		}

/* =============================== */
/* ====.Elementos Contenedor.===== */
/* =============================== */
		
		div#contenedor{
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		div#pagina{
			display:block;
			clear:both;
			margin-left: auto;
			margin-right:auto;
			width:950px;
			border-left:1px solid #ccc;
			border-right:1px solid #ccc;
			background-color:#fff;
			background-image:url(../catala/img/composicion/bgContenido.gif);
			background-position:0% 100%;
			background-repeat:repeat-y;				
			text-align:left;
			padding:0;
		}		
/* =============================== */
/* ===========.Cabecera.========== */
/* =============================== */
/************************************
	1.-Cabecera
	2.-Menú de la barra de iconos
*************************************/
		div#cabecera{
			display:block;
			clear:both;
			margin:0;
			padding:0;
			text-align:left;
			width:950px;
		}
		div#cabecera div.barra{
			background-color:#000;
			background-image:url(../catala/img/composicion/bgBarraNegro.gif);
			background-repeat:repeat-x;
			background-position:0% 0%;			
			margin:0;
			padding:0;
			width:100%;
			height:18px;
			font-size:0.8em;
			vertical-align:middle;
		}
		div#cabecera div.barra div#colores{	
			float:left;
			width:100px;
		}
		div#cabecera div.barra span.naranja{
			background-color:#FFCF3E;
			width:50px;
			height:18px;
			padding:0 24px 2px 24px;
		}

		div#cabecera div.barra span.verde{
			background-color:#5CB900;
			width:50px;
			height:18px;
			padding:0 24px 2px 24px;
		}
		/* esto es para que funcione en IExplorer */
		*html div#cabecera div.barra span.naranja, *html div#cabecera div.barra span.verde{
			padding:0;			
		}

/* =============================== */
/* ===========.BUSCADOR.========== */
/* =============================== */
/************************************
	1.-Buscador: Barra
	2.-Buscador: Página de resultados
*************************************/
		/*-----BUSCADOR BARRA-----*/
		div#buscador{
			display:block;
			clear:both;
			float:right;
			margin:0;
			padding:0 3px 0 3px;
			width:240px;
			height:18px;
			text-align:right;
			background-color:#57AF00;
			background-image:url(../catala/img/composicion/bgBarraBuscador.gif);
			background-repeat:repeat-x;
			background-position:0% 0%;			
		}		
		div#buscador form{
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		div#buscador label{
			margin:0 0 0 0;
			padding:0 0 0 0;
			text-align:right;
			color:#fff;
			font-weight:bold;
		}
		div#buscador input{
			width:127px;
			font-size:0.7em;			
			vertical-align:middle;
			border:none;
		}
		div#buscador input.btn{
			margin:0;
			padding:0;
			vertical-align:middle;
			width:16px;

		}
		div#buscador input.btn:hover{

			background-color:#5FBF00;
			
		}
		
		/*-----BUSCADOR PÁGINA DE RESULTADOS-----*/		
		div.busqueda{
			font-size:0.8em;
			margin:0;
			padding:0;	
		}
		div.busqueda h2{
			color:#42639F;
			font-size:1.8em;
			padding:0 0 0 50px;
			margin:0;
			background-color:#F8EFE0;
		}		
    div#buscar{
    	font-family: Arial,Verdana, Geneva, helvetica, sans-serif;
    	text-align:left;
    	margin:0 10px 0 50px;
    }
    
    div#buscar div.info{
    	margin:0 10px 0 10px;
    }
    
    div#buscar div.secciones{
    	color:#555;
    	margin:0 10px 0 20px;
    }
    div#buscar div.secciones select{
    	font-size:0.8em;
    	margin:0;
    }
    
    div#buscar div.buscador{
    	margin:0px 0px 10px 10px;
    }
    
    /* texto del label del imput de busqueda*/
    div#buscar div.buscador p{
    	margin:0;
    }
    div#buscar div.buscador p span{
    	color:#555;
    	margin:0;
    }
    
    div#buscar div.resultados{
    	margin:10px 10px 10px 10px;
    }
    div#buscar div.mensajesResultados{
    	margin:10;
    }
    
    div#buscar div.mensajesResultados p{
    	margin:10;
    }
    
    /* estilos para la linea que informa de la palabra buscada */
    div#buscar p.infoBusqueda{
    	border-bottom:3px solid #42639F;
    	/*background-color:#42639F;*/
    	width:100%;
    	color: #3F4D61;
    	font-size:1.2em;
    	margin:5px 0 15px 0;
    	padding: 2px 0 2px 0;
    }
    
    /* estilos para la lista de resultados de la busqueda*/
    li.listaPaginas{
    	color:#444;
    	margin-bottom:5px;
    	margin-left:20px;
    }
    li.listaPaginas a{
    	color:#42639F;
    	padding-left:20px;
    	background-image:url(../catala/img/iconos/flechaD4.gif);
    	background-repeat:no-repeat;
    	background-position:0px 3px;		
    }
    
    li.listaPaginas a:visited{
    	color:#777;
    	padding-left:20px;
    	background-image:url(../catala/img/iconos/flechaD4.gif);
    	background-repeat:no-repeat;
    	background-position:0px 3px;			
    }
			
			
/* =============================== */
/* =======.ContenidoPagina.======= */
/* =============================== */

		div#contenidoPagina{
			float:left;
			margin:0 0 0 0;
			padding:0 0 0 0;
			width:800px;
			border-right:1px solid #ccc;
			background-color:#FBF8EE;	
		}
		/* Esto es para que funcione correctamente en IExplorer */
		*html div#contenidopagina{
			clear:both;	
		}	
		
		div#contenidoPagina div.contenidos{
			margin:0;
			pading:0;
			width:100%;
		}	

/* =============================== */
/* ======.Elementos Simples.====== */
/* =============================== */
/************************************
	1.-Titulo con parrafos
	2.-contTexto
	3.-texto

*************************************/
		/* ------------------------------
		controla que los titulos en los 
		cuales el editor inserta una p 
		no alteren la visualización 
		del título 
		------------------------------- */
		h2 p,h3 p, h4 p{
			margin:0;
			padding:0;
			display:inline;
		}
		
		/* --- TEXTO --- */
		div.contTexto{
			width:100%;
			background-color:#FBF8EE;
			color:#444;
			margin:0;
			padding:0;	
		}
		
		div.texto{
			font-size:0.8em;
			margin:0;
			padding:0 20px 0 50px;
			text-align:justify;		
		}
		div.texto p{
			margin: 1.1em 0 0 0;
			padding:0;	
		}
		div.texto ul{
			clear:none;
			display:inline;
			margin: 1em 0 1em 0;
			padding:0;	
		}
		div.texto li{
			list-style-type : disc;
			list-style-position : outside;
			padding:0 0 0 20px;
			white-space : normal;
		}		
		/* --- IMAGEN --- */
		div.contImagen{
			width:100%;
			margin:0;
			padding:0;
			text-align:center;			
		}
		div.contImagen img{
			border:8px solid #EED9B5;
			border-bottom:18px solid #EED9B5;
			background-color:#EED9B5;
		}
		div.contImagen p{
			margin:-18px 0 0 0;
			padding:0;
			font-size:0.7em;
			
		}
/* =============================== */
/* ===========.Parrafos.========== */
/* =============================== */
/************************************
	1.-Párrafo Base
	2.-Párrafo Lista enlaces
	3.-Párrafo Titulares
	4.-Párrafo Pie Enlaces

*************************************/			
		/****** PÁRRAFO BASE ******/
		div.parrafoBase{
			width:100%;
			background-color:#FBF8EE;
			color:#444;
		}	
		/* ----- foto derecha ----- */
		div.parrafoBase div.foto{
			float:right;
			border:8px solid #EED9B5;
			border-bottom:2px solid #EED9B5;
			background-color:#EED9B5;
			margin:20px 12px 5px 20px;
			padding:0;
		}
		div.parrafoBase div.foto p{
			font-size:0.7em;
			text-align:center;
			margin:0;
			padding:0;
		}
		/* ----- foto izquierda ----- */
		div.parrafoBase div.foto2{
			float:left;
			border:8px solid #EED9B5;
			border-bottom:2px solid #EED9B5;
			background-color:#EED9B5;
			margin:20px 12px 5px 20px;
			padding:0;
		}
		div.parrafoBase div.foto2 p{
			font-size:0.7em;
			text-align:center;
			margin:0;
			padding:0;
		}		
			
		/* ------- texto ------------*/
		div.parrafoBase h2{
			color:#42639F;
			font-size:1.8em;
			padding:0 0 0 50px;
			margin:0;
			background-color:#F8EFE0;
		}
		div.parrafoBase h3{
			background-color:#F8EFE0;
			margin:0 0 0 0;
			padding:0 10px 0 50px;
			font-size:1.2em;
			color:#DBAE64;
		}
		div.parrafoBase h4{
			font-size:0.9em;
			color:#475478;
			margin:0 0 0 0;
			padding:0 10px 0 50px;
		}

		div.parrafoBase div.pie{
			clear:both;
			display:block;
			margin:0;
			padding:0;
			height:1px;
		}

		/****** PÁRRAFO LISTA ENLACES ******/
		div.parrafoLista{
			width:100%;
			margin:5px 0 5px 0;
			padding:0;
			background-color:#FBF8EE;
			color:#444;			
		}
		div.listaEnlaces{
			margin:0;
			padding:0 0 0 50px;
			font-size:0.7em;
			text-align:left;
		}
		div.listaEnlaces li{
			float:left;
			margin:0;
			padding:0;
		}

		div.listaEnlaces a{
			color:#42639F;
			text-decoration:none;
			padding-left:5px;
		}
		div.listaEnlaces a:hover{
			color:#5E7EBB;
		}		
		div.listaEnlaces img{
			margin:4px 0 0 0;
		}


		/****** PÁRRAFO TITULARES ******/
		div.parrafoTitulares{
			width:100%;
			background-color:#FBF8EE;
			background-image:url(../catala/img/composicion/bgtitulares.gif);
			background-position:0% 100%;
			background-repeat:no-repeat;
			color:#444;
		}	
		div.parrafoTitulares div.foto{
			float:right;
			border:8px solid #EED9B5;
			border-bottom:2px solid #EED9B5;
			background-color:#EED9B5;
			margin:20px 12px 5px 20px;
			padding:0;
		}
		div.parrafoTitulares div.foto p{
			font-size:0.7em;
			text-align:center;
			margin:0;
			padding:0;
		}
		div.parrafoTitulares h2{
			color:#42639F;
			font-size:1.8em;
			padding:0 0 0 50px;
			margin:0;
			background-color:#F8EFE0;
		}
		
		div.parrafoTitulares h3{
			background-color:#F8EFE0;
			margin:0 0 0 0;
			padding:0 10px 0 50px;
			font-size:1.2em;
			color:#DBAE64;
		}
		
		div.parrafoTitulares h4{
			font-size:0.9em;
			color:#475478;
			margin:0 0 0 0;
			padding:0 10px 0 50px;
		}

		div.parrafoTitulares div.linkCompuesto{
			font-size:0.7em;
			margin:1em 0 20px 0;
			padding:0 20px 0 50px;
			text-align:left;
		}
		div.parrafoTitulares div.linkCompuesto a{
			color:#42639F;
			text-decoration:none;
		}
		div.parrafoTitulares div.linkCompuesto a:hover{
			color:#5E7EBB;
		}		
				
		div.parrafoTitulares div.pie{
			clear:both;
			display:block;
			margin:0;
			padding:0;
			height:1px;
		}

		/****** PIE DE ENLACES ******/
		div#pieEnlaces{
			clear:both;
			display:block;
			background-image:url(../catala/img/composicion/bgPieEnlaces.gif);
			background-repeat:repeat-y;
			background-position:0% 0%;
			padding:0 20px 0 50px;
		}
	
		div#pieEnlaces ul{
			margin:0;
			padding:0;
			display:inline;
		}
		div#pieEnlaces li{
			margin:0;
			padding:0;
			display:inline;
			list-style:none;
		}
		div#pieEnlaces img{
			margin:0;
			padding:0;
			border:1px solid #000;
		}

/* =============================== */
/* ========.Pie de Página.======== */
/* =============================== */		

		div#piePagina{
			clear:both;
			display:block;
			width:950px;
			height:19px;
			background-color:#000;
			background-image:url(../catala/img/composicion/bgBarraNegro.gif);
			background-repeat:repeat-x;
			background-position:0% 0%;				
		}
		div#piePagina div.barrapie{
			background-color:#000;
			background-image:url(../catala/img/composicion/bgBarraNegro.gif);
			background-repeat:repeat-x;
			background-position:0% 0%;	
			margin:0;
			padding:0;
			width:100%;
		}
		div#piePagina div.barrapie span.naranja{
			display:block;
			float:left;
			background-color:#FFCF3E;
			width:50px;
			/*padding: 0 24px 2px 24px;*/
		}
		div#piePagina div.barrapie span.verde{
			display:block;
			float:left;
			background-color:#5CB900;
			width:50px;
			/*padding:0 24px 2px 24px;*/
		}	
		/* esto es para que funcione en IExplorer */
		*html div#piePagina div.barrapie span.naranja{
			padding:0 0 0 0;			
		}			
		*html div#piePagina div.barrapie span.verde{
			padding:0 0 0 0;			
		}			
		/* estilos para el pie de página con los datos de EDW */
		div#pieInfo{
			float:left;
			width:550px;
			font-size:0.6em;
			margin:4px 0 0 100px;
			text-align:center;
			background-color:#000;
		}
		div#pieInfo p.info{
			margin:0 auto 0 auto;
			color: #ccc;
		}
		div#pieInfo p.info a{
			color:#eee;
	}