/* CSS Document */
*{margin:auto; text-align:center;}
.clear { clear:both; }
a{	text-decoration:none;}
img{ padding:3px; border:1px solid #dddddd;}
p{	margin:15px;}

body{
	background:#5c7d7d url(imagenes/fondo.jpg) repeat-x;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	color:#72c900;
	font-size:32px;
	background:#FFFFFF url(imagenes/fondo_titulo.jpg) no-repeat;
	height:62px;
	padding-top:15px;
	margin-bottom:5px;
}

h2 {
	margin-top:5px;
	margin-bottom:15px;
	color:#ff9000;
	font-size:21px;
}

h3 {
	margin-top:10px;
	margin-bottom:10px;
	color:#3276cb;
	font-size:14px;
	text-align:justify;
}

h4 {
	margin-top:5px;
	color:#3b82a6;
	font-size:19px;
	text-align:center;
}

.separador {
	border-bottom:3px dotted #BEBCBD;
	width:510px;
	margin-top:15px;
	margin-bottom:20px;
}


/* ....... Parte del Encabezado ......*/	

#encabezado{
	margin:auto;
	width:980px;
	height:190px;
	}

#flash{
	margin:auto;
	background-image:url(imagenes/flash.jpg);
	width:930px;
	height:190px;
	}

	
/* ....... Parte del Cuerpo ......*/	

#cuerpo{
	margin:auto;
	background-color:#FFFFFF;
	width:930px;
	overflow:hidden;
	padding-bottom:15px;
	}

#cuerpo #bienvenida{
	background:url(imagenes/fondo_bienvenida.jpg) no-repeat;
	width:820px;
	height:292px;
	}

#cuerpo #bienvenida p{
	text-align:justify;
	margin-top:20px;
	height:200px;
	width:200px;
	}
	
#bienvenida #texto_bienv{
	float:left;
	background:url(imagenes/fondo_texto_bienvenida.jpg);
	background-repeat:no-repeat;
	height:272px;
	width:236px;
	margin-top:13px;
	margin-left:12px;
	}

#bienvenida #texto_bienv p{
	text-align:justify;
	margin-top:40px;
	height:200px;
	width:200px;
	}

#texto img{
	margin-left:1px;}

#bienvenida #texto{
	float:left;
	background:url(imagenes/fondo_texto_top.jpg);
	background-repeat:no-repeat;
	height:272px;
	width:236px;
	margin-top:13px;
	margin-left:12px;
	}

#banner_bienvenida{
	float:left;
	margin:auto;
	width:551px;
	height:272px;
	margin-left:7px;
	margin-top:10px;
	}

#cuerpo #contenido{
	margin:auto;
	width:835px;
	overflow:hidden;
	padding-left:15px;
	}

#contenido #izquierdo{
	float:left;
	margin:auto;
	width:560px;
	text-align:justify;
	margin-top:13px;
	}

#izquierdo #arriba{
	float:left;
	background:url(imagenes/fondo_arriba.jpg) no-repeat;
	width:569px;
	height:368px;
	}

#arriba .soluciones{
	float:left;
	width:260px;
	height:315px;
	margin-left:12px;
	margin-top:15px;
	/*border:#99CC00 solid 1px;*/
	}

#arriba .soluciones p{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	margin-left:14px;
	margin-top:10px;
	width:236px;
	}

#izquierdo #abajo{
	float:left;
	width:569px;
	height:307px;
	/*border:#99CC00 solid 1px;*/
	padding-top:8px;
	}
	
#abajo p{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	margin-top:30px;
	width:236px;
	}

	
#abajo #investigaciones{
	float:left;
	background:url(imagenes/fondo_inferior.jpg) no-repeat;
	width:278px;
	height:400px;
	}

#abajo #proyectos{
	float:left;
	background:url(imagenes/fondo_inferior.jpg) no-repeat;
	width:278px;
	height:400px;
	margin-left:6px;
	}

#contenido #derecho{
	float:left;
	width:258px;
	margin-left:5px;
	margin-top:13px;
	}

#derecho img{
	margin-bottom:6px;
	}

#derecho #forma_contacto {
	text-align:left;
	color:#FFFFFF;
	width:250px;
	height:390px;
	background:url(imagenes/fondo_forma.jpg) no-repeat;
	}

#forma_contacto #fiel {
	margin-top:0px;
	margin-left:17px;
	}


#forma_contacto input,#forma_contacto select,#forma_contacto textarea{	
	width:205px;
	height:14px;
	text-align:left;
	}

#forma_contacto #fieldset{	
	border:0px;
	margin-top:10px;

}
#forma_contacto textarea{
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#forma_contacto .alinear{
	text-align:left;
	font-weight:bold;
	}

#forma_contacto .boton {
	background:url(imagenes/boton_enviar.jpg);
	background-repeat:no-repeat;
	text-align:right;
	border:none;
	width:100px;
	height:26px;
	margin-left:110px;
	margin-top:10px;
	float:left;
}

#forma_contacto2 {
	float:left;
	text-align:left;
	width:280px;
	margin-left:20px;
	}

#forma_contacto2 .alinear{
	text-align:left;
	font-weight:bold;
	color:#2262ba;
	}

#forma_contacto2 input,#forma_contacto2 select,#forma_contacto2 textarea{	
	text-align:left;
	}

#forma_contacto2 .boton2 {
	background:url(imagenes/boton_contacto.jpg) no-repeat;
	float:right;
	border:none;
	width:80px;
	height:30px;
	margin-top:10px;
}

#forma_distribuidor {
	float:left;
	margin-left:75px;
	width:340px;
	}

#forma_distribuidor .alinear{
	text-align:left;
	margin-bottom:7px;
	font-weight:bold;
	color:#2262ba;
	}

#forma_distribuidor input,#forma_distribuidor select,#forma_distribuidor textarea{	
	text-align:left;
	}

#forma_distribuidor .boton2 {
	background:url(imagenes/boton_contacto.jpg) no-repeat;
	float:right;
	border:none;
	width:80px;
	height:30px;
	margin-top:10px;
}

.prod_arriba{
	float:left;
	background:url(imagenes/fondo_prod1.jpg) no-repeat;
	width:560px;
	height:22px;
}

.prod_abajo{
	float:left;
	background:url(imagenes/fondo_prod2.jpg);
	width:559px;
	height:24px;
	margin-bottom:10px;
}

.seccion {
	float:left;
	width:537px;
	text-align:justify;
	border-left:11px solid #97c1c1;
	border-right:11px solid #97c1c1;
}

.seccion img {
	float:left;
	padding-left:10px;
	margin:0px;
}


.productos {
	float:left;
	width:260px;
	font-size:14px;
	text-align:justify;
	margin-left:5px;
}

.productos p {
	text-align:justify;
	margin:0px;
	margin-bottom:5px;
	padding-left:30px;
}

.segmentos{
	float:left;
	margin-left:35px;
	margin-bottom:5px;
}

.segmentos img{
	padding-right:10px;
	border:0px;
}

.sub_segmentos{
	float:left;
	margin-left:60px;
	margin-bottom:5px;
	position:relative;
}

.sub_segmentos img{
	padding-right:10px;
	border:0px;
}

.productos a {
	font-size:14px;
	color:#005497;
	font-weight:bold;
	text-decoration:none;
}

.productos a:hover {
	color:#72c900;
	}

#informacion{
	float:left;
	overflow:hidden;
	margin:auto;
	width:517px;
	border-left:11px solid #97c1c1;
	border-right:11px solid #97c1c1;
	}

#informacion p{
	text-align:justify;
	}

#detalles {
	float:right;
	width:75px;
	height:27px;
	margin-top:7px;
	margin-bottom:10px;
}

#video_floculacion {
	float:left;
	height:280px;
	position:relative;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	width:515px;
}

#video_ecosavr {
	float:left;
	height:280px;
	position:relative;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	width:515px;
}



/* ....... Parte del Pie ......*/	

#pie{
	margin:auto;
	background:url(imagenes/fondo_pie.jpg) repeat-x;
	}
	
#menu_pie{
	margin:auto;
	background-color:#000000;
	height:44px;
	width:930px;
	}
	
#menu_pie a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	margin-right:15px;
	padding-right:15px;
	border-right:#dfdfdf 1px solid;
	}

#menu_pie a:hover {
	background-position:0% 100%;
	color:#37dceb;
	}

#pie #leyenda{
	color:#FFFFFF;
	margin:auto;
	background-image:url(imagenes/fondo_pieleyenda.jpg);
	background-repeat:no-repeat;
	height:96px;
	}