/* CSS Document */

@import url(normal.css); /*estilos para normalizar diferencias entre navegadores*/

/*.......................... BLOQUES GENERALES ............................... */

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#F1F1F1 ;
}
#Container{
	font-size:1.2em;  /*tamanyo general de textos 13px*/
	color:#333333;
	
	}

#Contenido{
	width:90%;
	max-width:920px;
	min-width: 750px;
	width: expression((documentElement.clientWidth <920) ? "750px" : "920px" );

	margin:auto;
	background:#FFFFFF url(../img/fondo.jpg) repeat-y left top;
	border: 4px solid #ffffff;


}
#MenuCabecera{
	background:url(../img/fnMenu.jpg) repeat-x left top;
	padding:3px 0px 3px 5px;position:relative;}
#MenuCabecera ul li{
	display:inline;
	background:none;
	color:#FFFFFF;
	padding-left:0.5%;
	
	margin:0;
	
	
}
p{ margin:0.5em }
#MenuCabecera ul li a{
	color:#FFFFFF;
	padding-right:0.5%;
background:url(../img/fnMenu.jpg) repeat-x left top;
	}


#Foto{
	background:url(../img/fnCabecera-index.jpg) no-repeat left top;
	height:154px}
#Cabecera img{
padding-top:50px}

#FotoInformacion{
	background: url(../img/fnCabecera-InformacionComercial.jpg) no-repeat left top;
	height:154px}
	
#FotoRedComercial{
	background: url(../img/fnCabecera-RedComercial.jpg) no-repeat left top;
	height:154px}
#FotoContacto{
	background: url(../img/fnContacto.jpg) no-repeat left top;
	height:154px}
#FotoProductos{
	background: url(../img/fnProductos.jpg) no-repeat left top;
	height:154px}
#FotoEmpresa{
	background: url(../img/fnEmpresa.jpg) no-repeat left top;
	height:154px}
#FotoSubvenciones{
	background: url(../img/fn_Subvenciones.jpg) no-repeat left top;
	height:154px}
	
#FotoInstalaciones{background: url(../img/fnInstalaciones.jpg) no-repeat left top;
	height:154px}
#ColumnaIzq{
	width:174px;
	background:#EFF7DF url(../img/fotoMenu.jpg) no-repeat left top;
	padding:171px 0 0 0;
	
	float:left;
	
	height:100%;
	}
#ContenidoCentral{
	/*margin-left:185px;*/
	
	
	
	float:left;
	margin-left:10px;
	width:75%}
#Inicio{
	float:left;
	width:70%}	
#Colaboradores{
	float:right;
	width:28%;
	border:solid 1px #CCCC00;
	background:url(../img/Colaboradores.jpg) no-repeat left top;
	padding-top:104px;
	margin-top:0.5em;
	color:#007437}
#Colaboradores img{
	margin:0.5em 0.5em;
	vertical-align:middle}
h2{
	background:#006600;
	color:#FFFFFF;
	font:1.69em "Lucida Sans Unicode", Tahoma, Verdana;
	margin-bottom:0.5em}
#Inicio h3{
	background:#95B02E;
	color:#ffffff;
	font:1.61em "Lucida Sans Unicode", Tahoma, Verdana;
	margin:0.5em 0;
	padding-left:0.5em;
	border:none}
h3{

	color:#95B02E;
	font:1.2em "Lucida Sans Unicode", Tahoma, Verdana;
	margin:0.5em 0;
	padding-left:0.5em;
	background:none;
	border: solid 1px #CCCCCC}
h4{
	background:none;
	font:bold 1.1em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#006600;
	padding-left:0.5em }
h4.Productos{
background:none;
font:bold 1.08em "Lucida Sans Unicode", Tahoma, Verdana;
	color:#006600;
	padding-left:0.5em }
	
.TxtDestacado{
	color:#006600;
	font-weight:bold;}
.fecha{
	float:left;
	width:14%;
	font-size:0.85em;
	text-align:right;
	margin-right:1em;
	margin-bottom:1em}
.Numero{
	background:#6C8F01;
	font:bold 1.09em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:4px;

	}
	
.Noticia{
	float:left;
	width:70%;
	border-left: solid 1px #6C8F01;
	padding-left:0.5em;
	margin-bottom:1em}
.Noticia a{ color:#6C8F01; text-decoration:none; font-weight:bold}
.titular {
	font-weight: bold;
	color: #6C8F01;
	text-decoration: none;
}

#Pie{
	background:url(../img/fnPie.jpg) no-repeat right top;
	height:99px;
	clear:both}
li{
	background:url(../img/Flecha.gif) no-repeat left 5px;
	padding-left:25px;
	margin-left:1.5em;
	padding-bottom:3px}
ul li ul li	{
	margin-left:2em}	
.FlotarDerecha{
	float:right}
	
.FlotarIzquierda{
	float:left}
#MenuIzquierda{
	padding:0;
	margin:0;
	position:relative}
#MenuIzquierda ul{ margin:0; padding:0}

#MenuIzquierda ul li{
	background:none;
	margin-left:0px;
	padding:2px 0 2px 0px;
	color:#007437;
	
	}
#MenuIzquierda ul.MenuProductos li{
	background:none;
	margin-left:0px;
	padding:2px 0 2px 0px;
	color:#007437;
	font-weight:bold
	
	}
.Sangria{ padding-left:10px!important}
#MenuIzquierda ul.MenuProductos li ul li{ font-weight:normal; background:#FBFDF7 url(../img/Flecha.gif) no-repeat left 5px;   }	
#MenuIzquierda ul li a{
	color:#007437;border-bottom:solid 1px #D0E7A0; display:block; 
	padding-left:10px}
#MenuIzquierda ul li ul li a{ padding-left:25px} 
.Menu{
	background:#95B02E;
	color:#ffffff;
	margin:0;
	padding:0 0 0 5px;}
#EnlacesRelacionados img{
	vertical-align:middle;
	margin:0 5px}
#EnlacesRelacionados a{color:#006600;}
.Enlace{color:#006600;}
.Centrar{
	text-align:center;
	margin:auto}
label{
	width:175px;
	float:left}
.Boton{background:#95B02E;
	color:#ffffff;
	border:none}
.oculto{
	position:absolute; 
	left:-1500px; 
	top: -10%; 
	overflow:hidden; 
	font-size:0%; 
	line-height:0%;
}
.SuperIndice{
	font-size: 9px;
	vertical-align: text-top
}
.Bordes{
	border: solid 1px #95B02E;
	background:#D0E7A0
	}
	
.fBlanco{
	background:#FFFFFF;
	color:#333333;}
.clear{
	clear:both}
.Separador{overflow:hidden; width:50%;float:left;text-align:center;margin-top:5px; margin-bottom:5px;}
.ImagenProducto{

	float:left;
	border:solid 1px  #95B02E
	}
.TextoProducto{
	margin-left:150px;
	width:40%;
	

	}
	
.Fila2{
	background:#EFF7DF;
	color:#007437}
	
.ColumnaProductos1{
	float:left;
	width:40%;
	margin-right:10%}	
.ColumnaProductos2{
	float:left;
	width:40%}	
.ColumnaProductos1 a, .ColumnaProductos2 a{color:#006600}
.Pdf{
	background:url(../img/pdf.gif) no-repeat left 5px;
	padding:5px 0 5px 20px}
.Pdf a{color:#006600;
text-decoration:underline}
	
.FotoProducto{
	float:left;
	width:30%;
	text-align: center;
}
.Informacion{
	float:left;
	width:45%;
	margin-top: 50px;
	color:#95BO2E;
	font:1.2em "Lucida Sans Unicode", Tahoma, Verdana;
	margin:0.5em 0;
	padding-left:0.5em;
	
	
}
.InformacionGrupo{
	float:left;
	width:45%;
	
}

.InformacionGrupo h3{
	
	
    color:#95B02E;
	font:1.2em "Lucida Sans Unicode", Tahoma, Verdana;
	margin:0.5em 0;
	padding-left:0.5em;
	background:none;
	
}



.Acumuladores1{
float:left;
width:45%;
margin-left:10px;
}
.Acumuladores2{
/*margin-left:390px;*/
float:right;
width:40%;
margin-right:10px;
}
.bombas1{
float:left;
width:45%;
margin-left:10px;
}
.bombas2{
float:left;
width:45%;
margin-left:50px;
}

.FondoProductos{
margin-top:50px;
margin-bottom:57px;
margin-right:22px;
}


/* Hacks
	
----------------------------------------------------------------------------------- */
		/* Sistema de aclarado bajo bloques con contenido flotado
		----------------------------------------------------------------------------------- */
		
.clearfix:after {
		/* Con esto se subsana el colapso al flotar bloques en los navegadores que interpretan contenido generado */
		    content: "."; 
		    display: block; 
		    height: 0;
		    clear: both; 
		    visibility: hidden;
		}
			.clearfix {
				/* Con esto se subsana el colapso al flotar bloques en IE-Mac pero se hace necesario rectificar
				su efecto posteriormente */
				overflow: hidden;
				/* Con esto se subsana el colapso al flotar bloques en IE-Win */
				height: 1%;
			}
				/* Oculto para IE-mac \*/
					.clearfix {
						/* Con esto se compensa el overflow antes declarado. */
						overflow: visible;
					}
				/* Este comentario es necesario para cerrar el hack de IE-mac */