@charset "utf-8";
/* CSS Document */
		body{
			background-color:#FFF;
			background-image:url(../images/degradado.gif);
			background-repeat:repeat-x;
		}
			

        #contenedor{
			text-align: left;
			width: 800px;
			margin: auto;
			background-color:#FFF
		}
    
        #lateral{
			width: 228px;  /*Este será el ancho que tendrá tu columna*/
			background-color: #FFF;  /*Aquí pon el color del fondo que quieras para este lateral*/
			float:left; /*Aqui determinas de lado quieres quede esta "columna" */
        }
    
        #principal{
			margin-left:226px; /*Este margen hace que no se encime el contenido en tu menúlateral, es     importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/
			border:#FFF 1px solid; /*ponemos un dorde para que se vea bonito*/
			font-family: Arial, sans-serif;
			background-image:url(../images/marcaEygema.png);
			background-position:center right;
			background-repeat:no-repeat;
		}

		p{
			margin-lerft:10px;
		}

		#header_restauracion {
			height:236px;
			background:url(../images/cabecera_restauracion.png);
			position:relative;
			width:800px;
			margin:auto;
			margin-top:-8px;			
		}

		#header_restauracion {
			height:236px;
			background:url(../images/cabecera_restauracion.png);
			position:relative;
			width:800px;
			margin:auto;
			margin-top:-8px;			
		}
		
		#header_agua {
			height:236px;
			background:url(../images/cabecera_agua.png);
			position:relative;
			width:800px;
			margin:auto;
			margin-top:-8px;			
		}
		#header_energias {
			height:236px;
			background:url(../images/cabecera_energia.png);
			position:relative;
			width:800px;
			margin:auto;
			margin-top:-8px;			
		}
		#header_adeam {
			height:236px;
			background:url(../images/cabecera_adeam.png);
			position:relative;
			width:800px;
			margin:auto;
			margin-top:-8px;			
		}
		#header_residuos {
			height:236px;
			background:url(../images/cabecera_residuos.png);
			position:relative;
			width:800px;
			margin:auto;
			margin-top:-8px;			
		}		

		#header_restauracion {
			height:236px;
			background:url(../images/cabecera_restauracion.png);
			position:relative;
			width:800px;
			margin:auto;
			margin-top:-8px;
		}
		
		#header_ruido {
			height:236px;
			background:url(../images/cabecera_ruido.png);
			position:relative;
			width:800px;
			margin:auto;
			margin-top:-8px;
		}	
		
		#header {
			height:236px;
			background:url(../images/cabecera_general.png);
			position:relative;
			width:800px;
			margin:auto;
			margin-top:-8px;
		}		

		#footer {
			background:url(../images/ola%20inferior.png);  
		    position:relative;
		    width:800px;	
			margin:auto;
			height:48px;
		}

		#logo {
			position:absolute;
			/*top:40px;
			left:100px*/
			top:5px;
			left:25px;
		}

		#logo_grupo {
			position:absolute;
			/*top:103px;*/
			top:138px;
			/*left:50px;*/
			left:38px;
		}
		
		img{
			border:0;
		}
		
		#imagen {
			position:absolute;
			top:62px;
			left:239px;
		}
		#logo_dire{
			position:absolute;
			top:-57px;
			left:157px;
		}
		#menu_ini {
			width: 228px;
			height: 31px;
			margin: 0;
			padding: 0;	
			overflow: hidden;
			font-family: Arial;
			font-size:18px;
			text-indent: 10px;
			background:url(../images/boton_superior_menu.PNG);
			color: #FFFFFF;
			padding-top:0px;
			line-height:30px;
			text-align:center;
		}
		

		#menu {
			width: 228px;
			height: auto;
			margin: 0;
			padding: 0;
			overflow: hidden;
			font-family: Arial;
			font-size:14px;
			line-height:30px;
			text-indent: 10px;
			background:url(../images/menuCONrenglones.png);	
		}
		
		#menu a:hover{
			width:271px;	
			background:url(../images/menuCONrenglonesOSCURO.png);
			margin-left:-2px;
		}
		#menu a.active{
			width:271px ;
			background:url(../images/menuCONrenglonesOSCURO.png);
		}
		
		#menu li{
			width:271px ;	
			position:relative;
			top:-17px;
			left:-41px;
			padding:3px;
			font-size:16px;
			color:#FFF;
			voice-family: "\"}\""; 
			height: 24px;
			text-decoration: none;
			list-style:none;
		}

		scroll{
			margin-left:100px;
		}
		
		#menu a {
			color:#FFFFFF;	
			height: 30px;	
			text-decoration: none;
			display:block;		
		}
		
		#menu a .solic{
			color:#f27d00;		
		}
		
		#menu a img {	
			margin: 0px 0px 0px 10px;	
			margin-top:10px;
		}
		
		#menu li{
			width:271px ;	
		}
		
		#telefono{
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
		}

		#parrafo{
			margin-left:25px;
			text-align:justify;
			margin-right:25px;
			text-indent:30px;
			font-size:13px;
			line-height:18px;
		}
		
		#construccion{
			margin-top:25px;
			text-align:center;
		}
		#where{
			font-size:10px;
			font-family:Verdana, Geneva, sans-serif;
			margin-left:20px;
			margin-top:10px;
			
		}
		h2{
			margin-left:20px;
			text-align:justify;
			font-family:Arial, "Arial Narrow";
			font-size:20px;
			color:#660066;
			margin:20px;
			margin-bottom:10px;
			margin-left:20px;
			margin-right:10px;
			margin-top:20px;
			font-weight: bold;
			font-variant: small-caps;
		}
		h3{
			margin-left:20px;
			text-align:justify;
			font-family:Arial, "Arial Narrow";
			font-size:20px;
			color:#171796;
			margin:20px;
			margin-bottom:10px;
			margin-left:20px;
			margin-right:10px;
			margin-top:20px;
			font-weight: bold;
			font-variant: small-caps;			
		}
		
		#principal li{
			color:#000;
			list-style:square;
			margin-left:40px;
			font-size:13px;
		}
		ul{
			
		}
		
		/* set millions of background images */
		.rbroundbox { background: url(nt.gif) repeat; }
		.rbtop div { background: url(tl.gif) no-repeat top left; }
		.rbtop { background: url(tr.gif) no-repeat top right; }
		.rbbot div { background: url(bl.gif) no-repeat bottom left; }
		.rbbot { background: url(br.gif) no-repeat bottom right; }

		/* height and width stuff, width not really nessisary. */
		.rbtop div, .rbtop, .rbbot div, .rbbot {
		width: 100%;
		height: 7px;
		font-size: 1px;
		}
		
		.rbcontent { margin: 0 7px; }
		.rbroundbox { width: 70%; margin: 1em auto; }
		
		#visor  {
			margin:0px auto;
			width: 562px;
			height: 175px;
			top:62px;
			left:115px;
		}
		
		#thephoto  {
			position:absolute;
			top:63px;
			left:238px;		
		}

		#texto-eygema{
			vertical-align:bottom;
		}
		
		#logo_aniversario{
			position:relative;
			left:6%;
		}

		#logo_calidad{
			position:relative;
			margin-top:30px;
			left:10%;			
		}
		a{
			text-decoration:none;
		}

		a.menu_up:visited{
			color:white;	
		}
		a.menu_up:link{
			color:white;	
		}

		#froskis ul{
			margin-left:-30px;
			list-style:none;
			
		}

		#froskis li{
			margin-left:30px;
			list-style:none;
		}

		table {
			font-size:12px;
		}
		
		#cuerpo_noticia{
			position:relative;
			margin-left:60px;
			text-align:justify;
			margin-right:60px;
			padding-left:30px;
			padding-top:30px;
			text-indent:30px;
			font-size:13px;
			line-height:16px;
			height:190px;
			background-position:top left;
			background-color:#FFF;
			background-image:url(../images/fading_corner_2.jpg);
			background-repeat:no-repeat;
			width:400px;
		}
		
		#cuerpo_noticia_simple{
			position:relative;
			margin-left:60px;
			text-align:justify;
			margin-right:60px;
			padding-left:30px;
			padding-top:30px;
			text-indent:30px;
			font-size:13px;
			line-height:16px;
			background-position:top left;
			background-color:#FFF;
			background-image:url(../images/fading_corner_simple.jpg);
			background-repeat:no-repeat;
			width:80%;
		}

		#cuerpo_noticia_cuadro{
			position:relative;
			text-align:justify;
			margin-right:60px;
			padding-left:5px;
			padding-top:30px;
			text-indent:30px;
			font-size:13px;
			line-height:16px;
			background-position:top left;
			background-color:#FFF;
			background-image:url(../images/fading_corner_full.png);
			background-repeat:no-repeat;
			width:90%;
			height:90%;
		}


		#texto_noticia{
			position:relative;
			text-align:justify;
			margin-right:20px;
			text-indent:30px;
			font-size:13px;
			line-height:16px;
			font-family:Verdana, Geneva, sans-serif;

		}

		#titulo_noticia{
			position:relative;
			text-align:justify;
			margin-right:60px;
			text-indent:30px;
			font-size:13px;
			line-height:16px;
			font-family:Arial, "Arial Narrow";
			color:#099;
			margin-bottom:10px;
			font-weight: bold;
			font-variant: small-caps;			
		}

		#fecha_noticia{
			font-family:Arial, "Arial Narrow";
			font-style:italic;
			text-align:right;
			margin-top:30px;
			margin-right:20px;
		}
		
		#fuente_noticia{
			font-family:Arial, "Arial Narrow";
			font-style:italic;
			text-align:left;
			margin-top:-18px;
			margin-left:-25px;
		}
		
		#resumen{
			margin-right:50px;
			text-align:justify;
			float:right; 
			width:80%; 
			height:100px;
		}
		
		#recientes{
			position:relative;
			left:35px;
			float:right;
			width:100%;
			height:220px;
		}
		#rss{
		 	position:relative; 
			float:right; 
			vertical-align:text-bottom; 
			top:-57px; 
			left:-75px;
		}
		
		#lista ul{
			margin-left:-30px;
			list-style:decimal;
			
		}

		#lista li{
			margin-left:30px;
			list-style:decimal;
		}
		
		#direcciones_sedes{
			width:90%;
		}

		#direcciones_sedes td{
			height:50px;
			border-top: 1px solid #000;
		}		

		#title{
			width:33%;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			background-color:#E5E5E5;
		}
		#location{
			width:50%;
			text-align:left;
			font-size:11px;
		}
		#cuadro_mapa{
		 	border:1px;
			border-width:thin;
			height:475px;
			width:95%;
		}
		#ola_tabla{
			margin: 0px auto; 
			background-image:url(../images/ola_tabla.png); 
			background-repeat:no-repeat; 
			width:400px; 
			height:23px;
		}