/* Index *******************  */
/*body{
font-family:  Verdana, Arial;
}*/

#containerindex{
width: 760px;
margin: 0 auto;
border: 0px solid #cccccc;
text-align:center;
}

.alignright {
	float: right;
	text-align: right;
	}
	
.alignleft {
	float: left;
	text-align: left;
	}

.index-top-tel{
	background-image:url(../images/topbg.jpg);
}

#index-menu {
	background-image:url(../images/menubg.jpg);
	background-repeat:repeat-x;
	height:35px;	
}

.index-central {
	background-image:url(../images/central.jpg);
	height:189px;
	width: 625px;
}

.index-banners{
	background-image:url(../images/bannerbg.jpg);
	background-repeat:repeat-y;
	width: 233px;
	text-align:center;
}

.index-banners img {
margin-bottom: 5px;
}


.index-top-noticias{
	background-image:url(../images/noticias_top.jpg);
	font-size: 1px; line-height: 0; /* Para que iexplorer tenga en cuenta param height */
	height: 41px !important;
}
.index-noticias-bot{
	background-image:url(../images/noticias_bot.jpg);
	font-size: 1px; line-height: 0; /* Para que iexplorer tenga en cuenta param height */
	height: 18px !important;
}

.index-noticias{
	font-family: Arial;
	font-size: 11px;
	padding:10px 4px 4px 8px;
	height:160px;
}

.index-noticias p{
	margin-top:-5px;
}

/* para los enlaces delas noticias */
a.noticias{
	text-decoration:none !important;
	color:#000000 !important;
}

a.noticias:hover{
	color:#B74148 !important;
	text-decoration:underline !important;
}

.index-footer {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10.5px; 
	line-height: 1;
	color:#363267;
	text-align: center;
}

.index-footer a {
	color:#363267;
	text-decoration:none;
}

.copyright {
	font-family: Verdana, Arial, sans-serif; 
	line-height: 1;
	font-size: 10px; 
	color:#4D4D4D;
	text-align: center;
}

.copyright a {
	color:#4D4D4D;
	text-decoration:none;
}


body {
 background-color: #FFFFFF;
 margin: 1px 1px 0px 1px;
}


.label-inicio {
display: block;
float:left;
/*width: 115px;*/
height: 18px;
padding: 0px;
margin: 0px;
padding-top: 5px;
padding-left: 25px;
text-align:left;
}


.label-mapa {
display: block;
float:left;
/*position:relative; 
en iexplore hace que se mueva si centro verticalmente y cambio ancho ventana*/
/*width: 115px;*/
height: 18px;
padding: 0px;
margin: 0px;
padding-top: 5px;
padding-left: 39px;
text-align:left;
}

/*#bodycontainer{
height:100%;
vertical-align:middle;
}
*/

tr.tablecontainer{
vertical-align:middle;
text-align:center;
}

#container{
max-width: 1100px;
margin: 0 auto;
border: 0px solid #cccccc;
text-align:center;
/*solo para internet explorer*/
/*width:expression( window.screen.width > 1100?"1100px":"100%" );*/
}



/* menu vertical y col izda --------------------------------------------------------------*/

#columna-izq {
	width:219px;
}

.columna-izq {
	width:200px;
}

#mv-menu-container {
	margin: 10px 5px 5px 6px;
	text-align:left;
	width: 209px;
}

#mv-menu-top {
	background-image:url(../images/menuizda/bgmenutop.jpg);
	font-size: 1px; line-height: 0; /* Para que iexplorer tenga en cuenta param height */
	height: 9px !important;
}

#mv-menu-bottom {
	background-image:url(../images/menuizda/bgmenubottom.jpg);
	font-size: 1px; line-height: 0; /* Para que iexplorer tenga en cuenta param height */
	height: 10px !important;
}

#mv-boletin {
	margin: 5px;
	margin-top: 10px;
	text-align:center;
	/*width:209px;*/
}

#mv-boletin img{
	border:0px;
}

#mv-banner {
	margin: 5px;
	margin-top: 10px;
	text-align:center;
}

#mv-banner img {
	margin-bottom: 5px;
}


#mv-banner img{
	border:0px;
}

#top-seccion {
	/*Mejor que height uso padding pq si no no es alto ajustable
	height:19px;*/
	padding-top: 4px;
	padding-bottom: 4px;
	background-color:#EDF2F2;
	background-image:url(../images/menuizda/bgsubseccion.jpg);
	background-repeat:no-repeat;
}

#top-subseccion {
	/*Mejor que height uso padding pq si no no es alto ajustable
	height:14px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#EDF2F2;
	background-image:url(../images/menuizda/bgsubseccion.jpg);
	background-repeat:no-repeat;
}

#top-subseccion li {
	/*Mejor que height uso padding pq si no no es alto ajustable
	height:14px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	/*background-color:#000000;*/
	background-image:url(../images/menuizda/bgsubseccion.jpg);
	background-repeat:no-repeat;
	border-right:1px solid #DEDDDE;
	/*border-top:1px solid #000000;
	border-bottom:1px solid green;*/
	padding-left: 16px;
}

#top-subseccion li li {
	/*Mejor que height uso padding pq si no no es alto ajustable
	height:14px;*/
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	text-indent:28px !important; /*quitar esto si no uso #top-subseccion-cat*/
	/*background-color:#000000;*/
	background-image:url(../images/menuizda/bgsubseccion2.jpg);
	background-repeat:no-repeat;
	padding-left: 16px;
	font-size:11px;
	border:0;
}

/*para dar formato a las categorias, como antes pero sin usar padding*/
#top-subseccion-cat {
	padding-top: 3px !important;
	line-height:19px;
	padding-bottom: 0px !important;
	background-image:url(../images/menuizda/bgsubseccion.jpg);
	background-repeat:no-repeat;
	border-right:1px solid #DEDDDE;
	text-indent:16px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#top-subseccion li ul li{
	border-bottom:none;	border-right:none; border-top:1px solid #C6D1E0;
	font-size:11px;
	line-height:12px;
}
/*------------------------------------------------------------------ mouse hover */

#top-subseccion:hover {background-image:url(../images/menuizda/bgsubseccion_hover.jpg); 	background-color:#EDF2F2;} 
#top-subseccion li:hover {background-image:url(../images/menuizda/bgsubseccion_hover.jpg); 	background-color:#EDF2F2;} 
#top-subseccion li li:hover {background-image:url(../images/menuizda/bgsubseccion_hover.jpg); 	background-color:#EDF2F2;} 

#top-subseccion #top-subseccion:hover {	background-color:#fff; }
#top-subseccion #top-subseccion #top-subseccion:hover {	background-color:#fff; }

/*Añadido IE: hover en div*/
/* DA PROBLEMAS EN IE: cambios repentinos del css, como si no lo cogiese. Relentiza la carga de la pagina REVISAR
div {
	behavior: url('../css/hover.htc');
}
div.menu_v_subseccionHover {
	background-image:url(../images/bgsubseccion_hover.jpg) !important;
	background-color:#fff !important; 
}*/

/*------------------------------------------------------------------ definicion multinivel: max 3 niveles */
#top-subseccion #top-subseccion {
	/*border-bottom:none;	border-right:none; border-top:1px solid #C6D1E0;*/
	background-color:#E5F1FF;
	/*text-indent:15px; esto solo afecta a la 1ª linea de texto*/
	text-indent:0px;  /*para quitar el que hereda de #top-subseccion */
	padding-left:15px; /*asi afecta a todas lineas de texto*/
}

#top-subseccion #top-subseccion #top-subseccion {
	border-bottom:none;	border-right:none; border-top:1px solid #C6D1E0;
	background-color:#E5F1FF;
	text-indent:25px;
}

#menu_v_seccion a { width:100%; }

/*----------------------------- Contenido menu vertical*/

.menu_v_seccion {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	letter-spacing:-1px;
	color:#C92321;
	padding-left:5px;
	
}

.menu_v_seccion a {
	color:#C92321;
	text-decoration:none;	
}

.menu_v_subseccion {
	font-family: Verdana;
	font-size: 12px;
	letter-spacing:-1px;	
	color:#003399;
	padding-left:16px;
}

.menu_v_subseccion a {
	color:#003399;
	text-decoration:none;
}

.menu_v_subseccion a:hover {
	color:#C92321;
	text-decoration:none;
}

.menuselected{
	background-image:url(../images/menuizda/bgsubseccion_selected.jpg) !important;
}
/* menu horizontal --------------------------------------------------------------*/
#menu-h-fondo {
	background-image:url(../images/header/menubg.jpg);
	background-repeat:repeat-x;
	height:35px;
}

#menu-h-tel {
	background-image:url(../images/header/tel.jpg);
	background-repeat:no-repeat;
	height:35px;
	width:120px;
}

#menu_h {
	/*background-color:#25386D;*/
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	/*letter-spacing:-1px;*/
	color:#FFFFFF;
	vertical-align:middle;
	margin:0 1px 0 1px;
	padding-left:4px;
	/*width:462px;	*/
}

#menu_h a {
	color:#FFFFFF;
	text-decoration:none;	
}
#menu_h a:hover {
	text-decoration:none;
	/*background-color:#FFFFFF;*/
	/*color:#25386D;*/
}

/* bread... */

.bread {
	background-color:#FFFFFF;
	color:#000000;
	font-family: Verdana;
	font-size: 10px;
	width:100%;
	height: 15px;
	border-bottom: 1px solid black;
	padding-bottom: 2px;
}

.bread-sep {
	width:100%;
	height: 5px;
}

.bread a {
	font-family: Verdana;
	font-size: 9px;
	/*letter-spacing:-.08em;*/
	color:#B74148;
	text-decoration:none;
}
.bread a:hover {
	text-decoration:none;
}

/* links top ---------------------------------------------------------------------*/
.linktop {
	color:#25386D;
	/* NO QUEDA MAL
	border-bottom: 1px solid #ddd;
	*/
}
.linktop a {
	font-family: Verdana;
	font-size: 10px;
	line-height:1.1em;
	color:#25386D;
	bottom:2px;
}
.linktop a:hover {
	text-decoration:none;
}

/* contenidos ---------------------------------------------------------------*/
#tabla-cont {
	margin:5px 0 3px 5px;
}

.cont-titulo{
	background-color:#E0E9E9;
	padding: 1px 2px 1px 5px;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	/*font-weight:bold;*/
	font-size: 17px;
	color:#C92321;
}

.cont_fondo {
	font-family:  Verdana, Arial !important;
	background-color:#F8F8F8;
	padding: 4px 10px 2px 12px;
}

.cont_general {
	font-family:  Verdana, Arial !important;
	font-size: 12px !important;
	line-height:1.2em;
	color: #3D3D3D;	/*color:#25386D;*/
	vertical-align:top;
	margin-bottom:10px;
}
.cont_general a{
	color:#B74148;
}
.cont_general a:hover{
	text-decoration:none;
}

.separador1{
	background-image:url(../images/separador1.gif);
	background-repeat:no-repeat;
	height:14px;
	width:80%;
	border-bottom: 1px solid #C92321;
}

.separador2{
	/*background-image:url(../images/separador1.gif);
	background-repeat:no-repeat;*/
	height:14px;
	width:80%;
	border-bottom: 1px solid #C92321;
}
/* Footer */

.footer-menu{
	text-align: left;
	background-color: #340ACA;
	padding: 4px 2px 2px 10px;
	font-family: Arial;
	font-size: 11px;
	letter-spacing:.08em;
	color:#FFFFFF;
	height:16px;
}

.footer-deco{
	background-color: #C92321;
	margin-top: 2px;
	font-size: 1px; line-height: 0; /* Para que iexplorer tenga en cuenta param height */
	height:6px !important;
}

.footer-menu a{
	color:#FFFFFF;
	text-decoration: none;
}

.footer-menu a:hover{
	text-decoration: underline;
}

.footer-legal{
	font-family: Verdana;
	font-size: 10px;
	color:#AAA !important;
	vertical-align:middle;
	padding-left:15px;
	background-color:#FFF !important;
	text-align:right;
	font-weight:normal;
	margin-right:10px;
	margin-bottom:15px;
	margin-top:5px;
}

.footer-legal a {
	font-family: Verdana;
	font-size: 10px;
	font-family: Verdana;
	font-size: 10px;
	color:#AAA !important;
	text-decoration:none;
}

#footer-logos {
	text-align:center;
	width: 100%;
}

#footer-logos img {
	margin: 10px;
	border: 0px;
}

#footer-logos img.iso {
	margin-top: 1px !important;
	border: 0px;
}

/* Formularios de Busqueda y selecctor de Idiomas */
.formbi {
	font-family: Verdana;
	font-size: 12px;
	line-height:1.1em;
	letter-spacing:-1px;
	color:#E5F0FF;
	margin:0 0 0 0;
}

.formbi form {
}

.formbi input {
	/* height:16px; */
	font-family: Verdana;
	font-size: 10px;
	color:#25386D;
	border:1px solid #D1D0CC;
	/* -moz-border-radius: 4px; */
}

.formbi input:hover {
	border:1px solid #000000;
}


.formbi select {
	padding:0 0 0 0;
	border:0;
	width:80px;
	font-family: Verdana;
	font-size: 10px;
	color:#25386D;
	/* -moz-border-radius: 4px;*/	
}

.formbi_submit {
	background-image: url("../images/index/buscar-icono.gif");
	background-repeat:no-repeat;
	padding: 0 0 0 0 ;
	border:0;
	width:15px;
	height:16px;
} 

.formbi_pad {
	padding-right:5px;
}
.formbi_pad2 {
	padding-right:10px;
	padding-left:5px;
}

.formbi_submit:hover {
cursor:pointer;
}


/*********************************************************************************************************************************/


















.bodystyle {
}
/* TOP ajustable ----------------------------------------------------------------*/


/* menu vertical ---------------------------------------------------------------*/

/*td.columna-izq {
	width:146px;
}

#top-ajustable {
	background-image:url(../images/contenidos/topimg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:91px;
}

#top-izq {
	position:relative;	
}*/



/* bajo el menu vertical ----------------------------------------------------------*/
.linkbmv {
	color:#4E4C4D;
	cursor:pointer;
	text-decoration:underline;
}

.linkbmv a {
	font-family: Verdana;
	font-size: 9px;
	letter-spacing:0em;
	color:#4E4C4D;
	position:relative;
	bottom:5px;
}
.linkbmv a:hover {
	text-decoration:none;
}



/* Formularios ----------------------------------------------------------- */
.formbi_submit {
	background-image: url("./images/contenidos/buscar-icono.gif");
	background-repeat:no-repeat;
	padding: 0 0 0 0 ;
	border:0;
	/* vertical-align:middle; */  
	width:17px;
	height:17px !important;
	/* -moz-border-radius: 0px !important; */
} 

/* col derecha */
.spacer_der {
	display:block;
	width:110px;
	}

/* HISTORIA - HITOS */
.hito-tit{
	font-family: Verdana;
	font-size: 12px;
	line-height:1.2em;
	color:#25386D !important;
	font-weight: bold;
	vertical-align:top;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
	text-decoration:none !important;
}
.hito-tit a{
	color:#25386D !important;
	text-decoration:none !important;
}

.hito-text{
	color:#555;
	margin-top:-10px;
/*	padding-bottom:1px !important;*/
	/*padding-top:-10px !important;*/
	display: none;
}

/****************************/
.c_especial2 {	
	font-family: Verdana;
	font-size: 12px;
	line-height:1.2em;
	color:#4E4C4D;
	margin-right:5px;
	vertical-align:top;
	border-right-style:dashed;
	border-right-width:2px;
	border-right-color:#CCCCCC;
	padding-right: 10px;
}

.bordeazul{
	border: 2px solid #000066;
	padding: 1px;
}

/******** DELEGACIONES *******************/

.deltop{
	background-color: #340ACA;
	padding: 1px 2px 1px 5px;
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	/*font-weight:bold;*/
	font-size: 17px;
	color:#FFFFFF;
}

.deltop a{
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-weight:bold;
	font-size: 16px;
	color:red;
	text-decoration: none;
}
.deltop a:hover{
	font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
	font-weight:bold;
	font-size: 16px;
	color:#FFF;
	text-decoration: none;
}

.delsep{
	background-color: #C92321;
}
.delizda{

}

.deldcha{
	font-family: Verdana;
	font-size: 12px;
	line-height:1.2em;
	color: #3D3D3D;	/*color:#25386D;*/
	vertical-align:top;
	margin-bottom:10px;
	padding-left:10px;
	padding-top:5px;
}


#no-icon{
list-style-position:outside;
list-style-image:url("../images/icon.gif");
}

/**** EMPLEO ****/

.form-trab {
	border:1px dotted #25386D;
	background-color:#ffffff;
}

/* FORM CONTACTAR EN TRABAJA*/
#formcontactar {}
#formcontactar INPUT:focus {
	background-color:#C6D1E0;
	color:#002657;
}

#contactar input {
    background-color: #E0E9E9;
    border: 1px solid gray; /*probar #002657*/
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
}

#contactar input:hover {
    background-color: #FFFFFF;

}
#contactar input:focus {
    background-color: #E0E9E9;
	border: 1px solid #000000;	
}

#contactar select {
	border: 1px solid gray;
	width:185px;
	font-family: Verdana;
	font-size: 10px;
	color:#25386D;
	background-color: #E0E9E9;	
}

#contactar textarea {
    background-color: #E0E9E9;
    border: 1px solid gray;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
}
#contactar textarea:hover {
     background-color: #FFFFFF;
}
#contactar textarea:focus {
    background-color: #E0E9E9;
	border: 1px solid #000000;
}

.marcaagua{
  background-image: url(../images/logoagua.jpg);
  background-repeat:no-repeat;
  background-position:150% -100%; 
}
.exito { 
color: #FFFFFF; 
padding: 5px 5px 5px 5px;
background-color:#DC2C2B;
font-weight:bold;
margin-bottom: 5px;
}
.error { 
color:#000000; 
padding: 5px 5px 5px 5px;
background-color:#DC2C2B;
font-weight:bold;
margin-bottom: 5px;
}

/**************************/
.c_especial-img-dcha {
	line-height:1.2em;
	color:#4E4C4D;
	padding-left:5px;
	border-left-style:dashed;
	border-left-width:2px;
	border-left-color:#CCCCCC;
}

.c_especial-img-izda {
	line-height:1.2em;
	color:#4E4C4D;
	padding-right:5px;
	border-right-style:dashed;
	border-right-width:2px;
	border-right-color:#CCCCCC;
}

#emails-contactar li {background-image:url(../images/quienes/qs-centros-cnt-pla.gif);
 background-repeat:no-repeat; background-position:2px 3px;
background-color:#FFF; margin:0 5px 3px 0; padding:1px 0 1px 18px; list-style-type:none; list-style-image:none; width:360px;}

.form-contact {
	/*border:1px dotted #25386D;
	background-color:#ffffff;
	padding: 6px;
	width: 100%;*/
}

/*MAPA WEB*/

#top-subseccion-mapa {
	/*Mejor que height uso padding pq si no no es alto ajustable
	height:14px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:#EDF2F2;
	background-image:url(../images/menuizda/bgsubseccion_mapaweb.jpg);
	background-repeat: repeat-x;
}

#top-seccion-mapa{
	background-color: #2005AC;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}

#top-seccion-mapa a{
	color: #FFFFFF;
	text-decoration:none;
}

/********* ENCUESTA SATISFACCION ***********/

.encuesta{
	border:1px dotted #25386D;
	background-color:#ffffff;
}

.encuesta td{
	text-align: center;
}

.enc-preg{
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	letter-spacing:-1px;
	color:#003399;
	padding-left:5px;
	background-color:#ffffff;
	text-align: left !important;
}

.encuesta img{
   vertical-align: middle;
   margin-right:5px;
}

.enc-resp{
	text-align: center;
	color:#000000 !important;
	font-weight: bold;
}

/****************** PRODUCTOS ****************************/

.prod-header{
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 15px;

}

.prod-cont{
	/*font-weight: bold;*/
	font-family: Verdana, Arial;
	font-size: 12px;

}
.prod-cont img{
border:0px;
}
.prod-destacado{
	font-weight: bold;
}

#familia-actual, #subfamilia-actual, #area-actual{
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	letter-spacing:-1px;
	color:#003399;
	padding-left:14px;
	background-color: #FFFFFF;
	text-align: left !important;
	border-bottom: 1px dotted #000;
	background-image:url(../images/productos/flecha.gif);
	background-repeat: no-repeat;
	margin-bottom: 3px;
}


#marcas{
	text-align: center !important;
}

#marcas img{
	border:0;
	margin-top: 5px;
}

#marcas a{
	text-decoration: none;
	color: #000;
}

#marcas a:hover{
	text-decoration: underline;
	color: #B74148;
}

.tabla-prods{
	font-family:  Verdana, Arial !important;
	font-size: 12px !important;
	/*line-height:1.2em;*/

 	background-image: url(../images/ceosaagua.jpg);
 	background-repeat:repeat;
  /*	background-position:100% 100%; */

	border:1px solid #25386D;
	background-color:#ffffff;
}

/*** BUSCADOR */

.busc_general {
	font-family:  Verdana, Arial !important;
	font-size: 12px !important;
	color: #3D3D3D;	/*color:#25386D;*/
	vertical-align:top;
	margin-bottom:10px;
}
.busc_general a{
	color:#B74148;
}

/*Nota legal formularios*/

.nota-legal{
	font-family: Verdana;
	font-size: 10px;
	color:#AAA !important;
	vertical-align:middle;
	background-color:#FFF !important;
	text-align:left;
	font-weight:normal;
	margin-right:10px;
	margin-bottom:15px;
	margin-top:5px;
	padding: 3px;
	border: 1px dotted #E0E9E9;
}

.nota-legal a {
	font-family: Verdana;
	font-size: 10px;
	font-family: Verdana;
	font-size: 10px;
	color:#B74148 !important;
	text-decoration:none;
}