@charset "utf-8";
/* CSS Document */


/* ---- Estilos generales ----*/

body { background-color:#023072; font-family:Verdana, Geneva, sans-serif;}
	.centrar { position:relative; width:960px; margin:0 auto; height:100%; }

/* ---- Fix para transparencia de png ---- */

img, div, a, input { behavior: url(iepngfix.htc) }

/* ---- Estilo de texto seleccionado - exploradores recientes ---- */

::selection {background-color:#FFF; color:#33a5df;}
::-moz-selection {background-color:#FFF; color:#33a5df;}
::-webkit-selection {background-color:#FFF; color:#33a5df;}




/* ---- HEADER ---- */

#header { position:relative; width:100%; height:176px; background:#34A6DF; }

	#logo { width:963px; height:64px; display:block; background:url(img/logo.png); position:relative; top:27px; text-indent:-9999px; margin:0 auto; }
		
	#banrep { width:100%; height:35px; background:#666666; text-align:center; position:relative; }
		.menu-banrep a {
	list-style:none;
	float:left;
	display:block;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
}

/* ---- menú principal ---- */
	
#nav { width:100%; height:39px; background:#023072 url(img/bg-nav.png) repeat-x; display:block; position:relative; margin-top:37px; }

#menu-nav { 
	text-align:center;
}
	#menu-nav a { font-family: 'DeliciousRoman'; display:inline-block; color:#33A5DF; text-transform:uppercase; font-size:16px; text-decoration:none; padding:12px 11px 10px 7px; background:url(img/nav-sep.png) no-repeat right 8px;}
		#menu-nav a:link { color:#33A5DF;}
		#menu-nav a:visited { color:#33A5DF;}
		#menu-nav a:hover { color:#ffffff;}
		#menu-nav a:active{ color:#ffffff;}
		a#apagado { color:#33A5DF;}
		a#apagado:hover { color:#33A5DF;}
			



/* ---- CONTENT ---- */


#content { width:100%; min-height:412px; background:#247FBB; overflow:hidden;}
		
	.menu-contenidos { top:30px; position:relative; float:left;}
		
	.submenu-h1 {
	font-family:GentiumBasicRegular;
	font-size:30px;
	text-transform:uppercase;
	color:#003072;
	width:150px;
	line-height:80%;
	letter-spacing:-2px;
}
		.submenu-h1 span {
	font-family:GentiumBasicBold;
	font-size:30px;
	text-transform:uppercase;
	color:#003072;
	width:120px;
	line-height:80%;
	letter-spacing:-2px;
}
			
	.submenu-links {position:relative; margin-top:30px; text-align:left;}
		.submenu-links a { font-family:Verdana, Geneva, sans-serif; display:block; position:relative; left:-9px; border-top:1px dotted #022E6C; padding:7px 10px; font-size:11px; color:#33A5DF; width:181px; text-decoration:none;}
		.submenu-links a:link { color:#33A5DF: }
		.submenu-links a:visited { color:#33A5DF: }
		.submenu-links a:hover { color:#ffffff; background:#91CFEE; }
		.submenu-links a:active { color:#ffffff; background:#91CFEE; }
		.submenu-links a.submenu-activo { color:#ffffff; background-color:#91CFEE;}
			
	
	/* ---- estilos parrafo seccion contenidos ---- */
	
	.contenidos { font-family:'GentiumBasicRegular'; width:747px; float:right; position:relative; margin-top:6px; margin-bottom:60px;}
		.contenidos-h1 { font-family:'GentiumBasicRegular'; font-size:30px; color:#34A6DF; text-transform:uppercase; letter-spacing:-1px; line-height:70px;}
		.contenidos p { font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:12px; line-height:170%; margin-bottom:2em; }
		.contenidos p strong { font-family:Verdana, Geneva, sans-serif; color:#555555; font-weight:bold; font-size:12px; line-height:170%; margin-bottom:2em; }
		.contenidos h2 { font-family:'GentiumBasicRegular'; color:#33A5DF; font-size:24px; margin-bottom:1em; width:400px;}
		.contenidos img { float:left; margin:0.5em 1.5em 0.3em 0;}
		
		h2.refran {
			margin:0; 
			font-size:30px; 
			width:auto;	
			color:#34A6DF;
			}
		p.refran { 
			text-transform:uppercase;
			margin:0 0 2em 1.5em;
			padding:0 0 1.5em 0;
			border-bottom:1px dashed #666;
			}
			
		a.enlace {
			display:block;
			margin:0 0 0.3em 0;
			padding:0;
			font-size:30px; 
			width:auto;	
			color:#34A6DF;
			text-decoration:none;
			}
		a.enlace:hover {
			color:#003072;
			cursor:pointer;
		}
		p.enlace { 
			padding:0 0 1.5em 0;
			border-bottom:1px dashed #666;
			font-size:11px;
			}
		
		
	/* ---- estilos galeria ---- */
	
	.galeria { width:747px; float:right; position:relative; margin-top:6px; margin-bottom:60px;}
		.galeria-h1 { font-size:30px; color:#34A6DF; text-transform:uppercase; letter-spacing:-1px; line-height:70px; font-family:'GentiumBasicRegular';}
		.galeria p { font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:10px; line-height:100%; margin-bottom:2em; }
		.galeria p strong {
	font-family:Verdana, Geneva, sans-serif;
	color:#003072;
	font-weight:bold;
	font-size:10px;
	line-height:110%;
	margin-bottom:3px;
	display:block;
}
		.galeria h2 { font-family:'GentiumBasicRegular'; color:#33A5DF; font-size:24px; margin-bottom:1em; width:400px;}
		.galeria-item { width:228px; height:245px; margin:0 18px 18px 0; float:left;}
			.item-contenedor { background:#D7E8F7; width:228px; display:block; overflow:hidden; position:relative; margin-bottom:8px; text-align:center;}
			.item-contenedor img { padding:6px;}


/* ----- FOOTER ---- */
	
	#footer { width:100%; height:131px; background:#023072; border-top:solid thin #ffffff; }
		#logo-agua {
	position:absolute;
	top:-85px;
	background:url(img/agua-footer.png);
	width:164px;
	height:169px;
	z-index:1000;
}
		#logo-agua-home {position:absolute; top:-85px; background:url(img/agua-footer-home.png); width:164px; height:169px; z-index:2000; }
		#footer-izq {position:absolute; left:190px; top:17px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#33A5DF; line-height:135%; text-align:left;}
			#footer-izq span {color:#FFF; line-height:135%;}
		#footer-der {position:relative; float:right; top:17px; font-family:Verdana, Geneva, sans-serif; text-align:right; font-size:9px; color:#33A5DF; line-height:135%;}
			#footer-der span {color:#FFF; line-height:135%; text-align:right;}

				

/* ----- FONTS ----- */



@font-face {
    font-family: 'DeliciousRoman';
    src: url('fonts/delicious/delicious-roman-webfont.eot');
    src: url('fonts/delicious/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/delicious/delicious-roman-webfont.woff') format('woff'),
         url('fonts/delicious/delicious-roman-webfont.ttf') format('truetype'),
         url('fonts/delicious/delicious-roman-webfont.svg#DeliciousRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GentiumBasicBold';
    src: url('fonts/gentium/genbasb-webfont.eot');
    src: url('fonts/gentium/genbasb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gentium/genbasb-webfont.woff') format('woff'),
         url('fonts/gentium/genbasb-webfont.ttf') format('truetype'),
         url('fonts/gentium/genbasb-webfont.svg#GentiumBasicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GentiumBasicRegular';
    src: url('fonts/gentium/genbasr-webfont.eot');
    src: url('fonts/gentium/genbasr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gentium/genbasr-webfont.woff') format('woff'),
         url('fonts/gentium/genbasr-webfont.ttf') format('truetype'),
         url('fonts/gentium/genbasr-webfont.svg#GentiumBasicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}