/* CSS Document */

@font-face {
    font-family: 'titillium_webregular';
    src: url('fuentes/titillium/titilliumweb-regular.eot');
    src: url('fuentes/titillium/titilliumweb-regular.eot?#iefix') format('embedded-opentype'),
         url('fuentes/titillium/titilliumweb-regular.woff') format('woff'),
         url('fuentes/titillium/titilliumweb-regular.ttf') format('truetype'),
         url('fuentes/titillium/titilliumweb-regular.svg#titillium_webregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_weblight';
    src: url('fuentes/titillium/titilliumweb-light.eot');
    src: url('fuentes/titillium/titilliumweb-light.eot?#iefix') format('embedded-opentype'),
         url('fuentes/titillium/titilliumweb-light.woff') format('woff'),
         url('fuentes/titillium/titilliumweb-light.ttf') format('truetype'),
         url('fuentes/titillium/titilliumweb-light.svg#titillium_weblight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webitalic';
    src: url('fuentes/titillium/titilliumweb-italic.eot');
    src: url('fuentes/titillium/titilliumweb-italic.eot?#iefix') format('embedded-opentype'),
         url('fuentes/titillium/titilliumweb-italic.woff') format('woff'),
         url('fuentes/titillium/titilliumweb-italic.ttf') format('truetype'),
         url('fuentes/titillium/titilliumweb-italic.svg#titillium_webitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_weblight_italic';
    src: url('fuentes/titillium/titilliumweb-lightitalic.eot');
    src: url('fuentes/titillium/titilliumweb-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('fuentes/titillium/titilliumweb-lightitalic.woff') format('woff'),
         url('fuentes/titillium/titilliumweb-lightitalic.ttf') format('truetype'),
         url('fuentes/titillium/titilliumweb-lightitalic.svg#titillium_weblight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_websemibold';
    src: url('fuentes/titillium/titilliumweb-semibold.eot');
    src: url('fuentes/titillium/titilliumweb-semibold.eot?#iefix') format('embedded-opentype'),
         url('fuentes/titillium/titilliumweb-semibold.woff') format('woff'),
         url('fuentes/titillium/titilliumweb-semibold.ttf') format('truetype'),
         url('fuentes/titillium/titilliumweb-semibold.svg#titillium_websemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLight';
    src: url('fuentes/opensans/OpenSans-Light-webfont.eot');
    src: url('fuentes/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans/OpenSans-Light-webfont.woff') format('woff'),
         url('fuentes/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fuentes/opensans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fuentes/opensans/OpenSans-Regular-webfont.eot');
    src: url('fuentes/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('fuentes/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fuentes/opensans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fuentes/opensans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fuentes/opensans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fuentes/opensans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fuentes/opensans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fuentes/opensans/OpenSans-Bold-webfont.eot');
    src: url('fuentes/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans/OpenSans-Bold-webfont.woff') format('woff'),
         url('fuentes/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fuentes/opensans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('fuentes/opensans/OpenSans-ExtraBold-webfont.eot');
    src: url('fuentes/opensans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fuentes/opensans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fuentes/opensans/OpenSans-ExtraBold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fuentes/opensans/OpenSans-LightItalic-webfont.eot');
    src: url('fuentes/opensans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fuentes/opensans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fuentes/opensans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*OpenSans-LightItalic-webfont*/
body {
	margin: 0;
	padding: 0px;
		background-color:#000;

}

div#pagina{
	width:960px;
	margin: 0 auto;
	position:relative;
	background-color:#FFF;

	
}

/*I N I C I O   H E A D E R*/
header{
	width:960px;
	height:157px;
	margin:0 auto;
	position:relative;
}

div#contacto{
	width:960px;
	height:45px;
	top:0px;
	margin:auto;
	position:absolute;
	border-bottom:2px solid #cccccc;
	border-top: 5px solid #0067a5;
	}
	
 div#contacto nav{
	position:relative;
	top:12px;
	left:24px;
	height:20px;
	width:280px;
	}
	
	div#contacto nav ul{
		position:absolute;
		padding:0px;
		margin:0px;
		list-style-type: none;
	}
	
	
	div#contacto nav ul li a{
		font-family: 'OpenSansRegular';
		text-decoration:none;
		color:#999999;
		font-size:10px;
		text-transform:uppercase;
		padding:0 20px 0 0;
		}
		
		div#contacto nav ul li a:hover{
		font-family: 'OpenSansExtraBold';
		color:#0067a5;
		}
	
		#tw{
		position:absolute;
		top:10px;
		height:22px;    
		width:22px;
		margin-left:650px;
	}
	
		#fb{
		position:absolute;
		top:10px;
		height:22px;    
		width:22px;
		margin-left:680px;
		}
	
	#fkr{
		position:absolute;
		top:10px;
		height:22px;    
		width:22px;
		margin-left:640px;
	}
	
		#lkd{
		position:absolute;
		top:10px;
		height:22px;    
		width:22px;
		margin-left:670px;
		padding-right:12px;
		border-right: 1px solid #333;
	}
		
		
div#buscar{
	top:3px;
	right:50px;
	position:absolute;
}

		

header div#buscar{
	width:310px;
	height:44px;
	top:0px;
	padding:0px;
	margin:0px;
	right:0px;
	position:absolute;
	}
	
div#buscar p{
	font-family: 'OpenSansRegular';
	width:55px;
	text-transform:capitalize;
	top:3px;
	font-size:12px;
	border-right:1px solid #ffffff;
	color:#FFFFFF;
	position:absolute;
	}
	
div#buscar #buscar{
	position:absolute;
	width:171px;
	height:22px;
	top:8px;
	left:70px;
	}
	
	div#buscar input#ir{
	position:absolute;
	width:34px;
	height:34px;
	top:5px;
	right:24px;
	}

div#logo-ea{
	width:281px;
	height:98px;
	margin-left:14px;
	top:65px;
	position:absolute;
}

div#nav{
	width:600px;
	height:45px;
	position:relative;
	margin:0px;
	float:right;
	top:80px;
}


div#nav nav ul{
	list-style-type: none;
	bottom:0px;
	margin:0;
	right:44px;
	height:15px;
	position:absolute;
	}
	
div#nav  nav ul li a {
	font-family: 'OpenSansLight';
	text-decoration: none;
	text-transform:capitalize;
	color: black;
	font-size:14px;
	padding:0 0 0 35px;
	width:600px;
	bottom:0px;
}


div#nav #home{
	position:absolute;
	height:18px;    
	width:20px;
	margin-left:140px;
}



div#nav #ambiente{
	left:220px;
	height:23px;    
	width:23px;
	position:absolute;
}
div#nav #propuesta{
	left:317px;
	height:16px;    
	width:20px;
	position:absolute;
}
div#nav #proyectos{
	left:418px;
	height:23px;    
	width:23px;
	position:absolute;
}
div#nav #nosotros{
	left:515px;
	height:20px;    
	width:23px;
	position:absolute;
}
/*F I N   H E A D E R*/


/*I N I C I O   S E C T I O N   H O M E*/
div#section-home{
	width:960px;
	height:980px; 
	position:relative;
	}
	
	
div#banner_mision{
	background-image:url(imagenes/banner_el_cambio.jpg);
	width:960px;
	height:223px;
	position:relative;
}

div#banner_mision h2{
 font-family: 'titillium_weblight';
 font-size:25px;
 line-height:25px;
 font-weight:normal;
 position:absolute;
 margin:0px;
 top:30px;
 left:150px;
 color:#E5FCB9;
}

.txt_banner{
font-family: 'OpenSansLight';
font-weight:normal;
font-size:13px;
width:446px;
position:absolute;
color:#FFFFFF;
left:150px;
top:50px;
}

#banner_boton{
position:relative;
float:right;
width:106px;
height:38px;
background-color:#FFFFFF;
border-radius:3px;
right:103px;
top:61px;
}

#banner_boton:hover{
background-color:#646870;

}

#banner_boton p{
font-family: 'titillium_websemibold';
font-size:12px;
line-height:12px;
text-decoration: none;
font-weight:normal;
color:#646870;
position:absolute;
left:22px;
}
#banner_boton p:hover{
color:#fff;
}

div#propuesta_txt{
    width:910px;
	height:367px;
	margin:7px 24px 0px 24px;
	position:relative;
}

div#propuesta_txt h2{
		 font-family: 'titillium_weblight';
		font-size:25px;
		line-height:25px;
		font-weight:normal;
		margin:0px;
		color:#656870;
		position:absolute;
		}

#texto-np{
				font-family: 'OpenSansLight';
				font-size:13px;
				width:443px;
				line-height:20px;
				color:#575756;
				position:absolute;
				top:30px;
				}

div#video_home{
position:absolute;
top:0px;
right:0px;
height:367px;
width:443px;
}


div#actualizacion{/*I N I C I O   A R T I C L E*/	
    width:684px;
	height:350px;
	margin-top:33px;
	position:relative;
	 float:left;
	 left:24px;
	}
	
.home_atencion{
height:35px;
	width:35px;
	position:absolute;
	background-image:url(imagenes/atencion.jpg);
}

h3{
	font-family: 'titillium_weblight';
	font-size:20px;
	line-height:25px;
	left:50px;
	font-weight:normal;
	margin:0px;
	color:#606059;
	position:absolute;
	top: 5px;
	}

.act1{
		height:260px;
		width:217px;
		top:52px;
		left:0px;
		position:absolute;
		}
		
		h5{
			 font-family: 'titillium_websemibold';
				font-size:14px;
				line-height:14px;
				font-weight:normal;
				margin:0px;
				top:165px;
				left:10px;
				position:absolute;
				color:#ffffff;
		}
		
		h6{
			font-family: 'titillium_websemibold';
			font-size:11px;
			line-height:10px;
			font-weight:normal;
			margin:0px;
			bottom:82px;
			right:3px;
			position:absolute;
			color:#465262;
			}
.act1 h5{color:#78b0d2;}
.act2 h5{color:#78b0d2;}
.act3 h5{color:#78b0d2;}
.act4 h5{color:#78b0d2;}
		
					.act1 p{
						font-family: 'OpenSansLight';
						width:160px;
						font-size:10px;
						line-height:14px;
						top: 175px;
						left:10px;
						padding:0 20px 0 0;
						position:absolute;
						color:#ffffff;
						}
						
							.act1 a{
								font-family: 'titillium_websemibold';
								text-decoration:none;
								font-weight:normal;
								font-size:12px;
								line-height:12px;
								right:20px;
								bottom:7px;
								position:absolute;
								color:#78b0d2;
								}
					
		
.act2{
		height:260px;
		width:217px;
		top:52px;
		left:235px;
		position:absolute;
		}
		
			.act2 p{
						font-family: 'OpenSansLight';
						width:160px;
						font-size:10px;
						line-height:14px;
						top: 175px;
						left:10px;
						padding:0 20px 0 0;
						position:absolute;
						color:#ffffff;
						}
		
		.act2 a{
			font-family: 'titillium_websemibold';
								text-decoration:none;
								font-size:12px;
								font-weight:normal;
								line-height:12px;
								right:20px;
								bottom:7px;
								position:absolute;
								color:#78b0d2;
								}
		
.act3{
		height:260px;
		width:217px;
		top:52px;
		right:0px;
		position:absolute;
		}		
		
			.act3 p{
						font-family: 'OpenSansLight';
						width:160px;
						font-size:10px;
						line-height:14px;
						top: 175px;
						left:10px;
						padding:0 20px 0 0;
						position:absolute;
						color:#ffffff;
						}
	
	.act3 a{
		font-family: 'titillium_websemibold';
								text-decoration:none;
								font-size:12px;
								font-weight:normal;
								line-height:12px;
								right:20px;
								bottom:7px;
								position:absolute;
								color:#78b0d2;
								}
								
								#puntitos{
									right:300px;
									bottom:0px;
									position:absolute;
								}
.act4{
		height:260px;
		width:217px;
		top:52px;
		right:-235px;
		position:absolute;
		}		
		
			.act4 p{
						font-family: 'OpenSansLight';
						width:160px;
						font-size:10px;
						line-height:14px;
						top: 175px;
						left:10px;
						padding:0 20px 0 0;
						position:absolute;
						color:#ffffff;
						}
	
	.act4 a{
		font-family: 'titillium_websemibold';
								text-decoration:none;
								font-size:12px;
								font-weight:normal;
								line-height:12px;
								right:20px;
								bottom:7px;
								position:absolute;
								color:#78b0d2;
								}
								
								#puntitos{
									right:300px;
									bottom:0px;
									position:absolute;
								}
/*F I N   A R T I C L E*/	

div#login{/*I N I C I O   A S I D E*/	
    width:211px;
	height:350px;
	position:relative;
	margin-top:33px;
	margin-right:24px;
    float:right;
	border-left:1px solid #999;
	padding:6px;
}

.home_login{
height:35px;
	width:35px;
	top:0px;
	position:absolute;
	background-image:url(imagenes/login.jpg);
}

div#login h3{
				line-height:14px;
				margin:0px;
				top:10px;
				left:50px;
				position:absolute;
				color:#606059;
			}
			
div#form-login{
	width:204px;
	height:200px;
	top:45px;
	position:absolute;
	}
	
	div#form-login #nombre{
		 font-family: 'OpenSansRegular';
		width:195px;
		height:30px;
		top:0px;
		position:absolute;
	}
	
		div#form-login #password{
		 font-family: 'OpenSansRegular';
		width:195px;
		height:30px;
		top:45px;
		position:absolute;
	}
	
	div#form-login #boton{
		height:27px;
		width:77px;
		top:90px;
		right:0px;
		position:absolute;
		background-color:#4bc17c;
		color:#FFFFFF;
		border-radius:3px;
		border:none;
	}



div#login a{
	font-family: 'OpenSansRegular';
	text-decoration:none;
	font-size:12px;
	line-height:12px;
	top:96px;
	left:8px;
	position:absolute;
	color:#4bc17c;
	}
/*F I N   A S I D E*/	
/*F I N   S E C T I O N   H O M E*/	
	
	
/*I N I C I O   F O O T E R*/	
footer{
	width:960px;
	height:217px;
	border-top:1px solid #999; 
	position:relative;
	margin:auto;
	background-color:#656870;
	padding:0px;
	border-top:6px solid #0067a5;

	}
	
	
	
	div#pie{
		height:50px;
		width:960px;
		position:absolute;
		bottom:0px;
		background-color:#2E343E;
		}
		
		div#pie #legal{
		font-family: 'OpenSansRegular';
		font-size:9px;
		width:658px;
		line-height:14px;
		color:#ffffff;
		left:24px;
		bottom:0px;
		text-align:left;
		position:absolute;
			}
			
	div#pie a{
		font-family: 'titillium_webregular';
		letter-spacing:3px;
		font-size:11px;
		text-decoration:none;
		height:31px;
		line-height:14px;
		right:24px;	
		margin:0px;
		position:absolute;
		color:#79868b;
		padding-top:18px;
		padding-left:28px;
		border-left:1px solid #999;
			}
			
			div#pie a:hover{
			color:#c8cccf;
			}
			
			div#logo-footer{
		height:32px;
		width:136px;
		margin:0px;
		left:24px; 
		top:10px;
		position:absolute;
	
		}
		
 #dato-final{
	 font-family: 'titillium_webregular';
		width:300px;
		height:80px;
		font-size:11px;
		top:44px;
		padding-top:22px;
		padding-left:20px;
		left:210px;
		margin:0px;
	color:#ececec;
		position:absolute;
		border-left:1px solid #999;
		}
		
		footer nav{
			width:400px;
			height:70px;
			float:right;
			top:50px;
			right:24px;
			position:relative;
			}
			
			footer nav ul{
				height:60px;
				text-align:right;
				right:0px;
				margin:0px;
				list-style-type: none;
				position:absolute;
				border-left:1px solid #999;
				padding-bottom:35px;
			}
			
			footer nav ul li{
				padding-bottom:0px;
				border-bottom:1px dashed #999;
			}
			
			footer nav ul li a{
				font-family:'titillium_webregular';	
				text-decoration:none;
					color: black;
	font-size:17px;
color:#FFF;

			}
			
			div#follow{
				height:25px;
				width:180px;
				right:219px;
				top:80px;
				margin:0px;
				position:absolute;
				}
			
		div#follow p{
			font-family: 'OpenSansLight';
			font-size:14px;
			color:#FFFFFF;
			top:0px;
			margin:0px;
		}
		
#tw-footer{
	background-image:url(imagenes/twitter_footer.png);
	background-repeat:no-repeat;
	position:absolute;
	height:25px;
	width:25px;
	z-index:1;
	right:90px;
	top:0px;
} 
#tw-footer:hover{
background-image:url(imagenes/twitter_color.png);
	background-repeat:no-repeat;
}

	 #fb-footer{
		 background-image:url(imagenes/fb_footer.png);
	background-repeat:no-repeat;
		position:absolute;
		top:0px;
		height:25px;
		width:25px;
		z-index:1;
		right:60px;
	} 
#fb-footer:hover{
background-image:url(imagenes/fb_color.png);
	background-repeat:no-repeat;
}	
	
	 #fkr-footer{
		 background-image:url(imagenes/flickr_footer.png);
	background-repeat:no-repeat;
		position:absolute;
		top:0px;
		height:25px;
		width:25px;
		z-index:1;
		right:30px;
	} 
#fkr-footer:hover{
background-image:url(imagenes/flickr_color.png);
	background-repeat:no-repeat;
}	
	
		 #lkd-footer{
			 background-image:url(imagenes/linkedin_footer.png);
	background-repeat:no-repeat;
		position:absolute;
		top:0px;
		height:25px;
		width:25px;
		z-index:1;
		right:0px;
	} 
#lkd-footer:hover{
background-image:url(imagenes/linkedin_color.png);
	background-repeat:no-repeat;
}

/*FIN DE FOOTER*/	


/*I N I C I O   S E C T I O N   A M B I E N T E   1*/
div#section-ambiente_1{
	width:960px;
	height:1030px; 
	position:relative;
	}

.titulo-ambiente{
position:relative;
width:960px;
height:74px;
margin: 0px;
background-color:#E8E9EC;
border-bottom:20px solid #a4aeb9;
}

.titulo-ambiente h1{
font-family: 'titillium_weblight';
font-size:30px;
line-height:30px;
font-weight:normal;
position:absolute;
margin: 0px;
left:24px;
top:30px;
color:#656870;
letter-spacing:3px;
}

.titulo-ambiente p{
	font-family: 'OpenSansLight';
	font-size:10px;
	margin:0px;
	color:#fff;
position:absolute;
left:24px;
top:77px;
}

div#existente_txt{
    width:910px;
	height:292px;
	margin:35px 24px 0px 24px;
	position:relative;
}

div#existente_txt h2{
		 font-family: 'titillium_weblight';
		font-size:25px;
		line-height:25px;
		font-weight:normal;
		margin:0px;
		color:#656870;
		position:absolute;
		}

.texto-np{
				font-family: 'OpenSansLight';
				font-size:13px;
				width:855px;
				line-height:20px;
				color:#575756;
				position:absolute;
				top:100px;
				left:24px;
				}
				
.subtitulo{
position:absolute;
width:855px;
height:64px;
top:34px;
left:24px;
border-top:1px solid #6f6f6e;
border-bottom:1px solid #6f6f6e;
}

.subtitulo p{
font-family: 'OpenSansSemiboldItalic';
position:absolute;
font-size:16px;
color:#4BC17C;
margin:0px;
top:10px;
}

/*I N I C I O   A R T I C L E*/
div#mundo_contaminado{
	position:relative;
	width:883px;
	height:415px;
	margin-top:24px;
	margin-left:50px;
	background-image:url(imagenes/mundo_contamindado.jpg);
	}
	
div#mundo_contaminado h3{
position:absolute;
text-align:right;
top:24px;
right:18px;
color:#FFFFFF;
}

#menu_1{
 font-family: 'titillium_websemibold';
 font-size:20px;
 font-weight:normal;
 list-style:none;
	position:absolute;
	color:#fff;
	margin:0px;
	left:22px;
	top:152px;
}

#menu_2{
 font-family: 'titillium_websemibold';
 font-size:20px;
 font-weight:normal;
 text-align:right;
 list-style:none;
	position:absolute;
	color:#fff;
	margin:0px;
	right:55px;
	top:152px;
}

div#contenedor_impacto{
	position:relative;
	height:173px;
	width:960px;
	background-color:#2E343E;
}

div#contenedor_impacto h2{
		 font-family: 'titillium_weblight';
		 font-size:25px;
		 font-weight:normal;
	position:absolute;
	margin:0px;
	top:22px;
	left:413px;
	color:#fff;
}

div#contenedor_impacto .impacto_txt{
	font-family: 'OpenSansLight';
	font-size:13px;
	position:absolute;
	margin:0px;
	width:364px;
	left:413px;
	top:61px;
	color:#fff;
}

div#contenedor_naranja{
	position:absolute;
	height:245px;
	width:325px;
	z-index:1;
	bottom:13px;
	background-image:url(imagenes/contenedor_naranja.png);
}

div#contenedor_naranja h1{
	    font-family: 'titillium_weblight_italic';
		font-size:70px;
		line-height:70px;
		margin:0px;
		position:absolute;
		font-weight:normal;
		color:#FFFFFF;
		top:50px;
		left:90px;
	}

div#contenedor_naranja p{
	font-family: 'OpenSansLight';
	font-size:13px;
	line-height:20px;
	margin:0px;
position:absolute;
color:#FFFFFF;
width:210px;
top:125px;
left:60px;
}


#impacto_boton{
position:absolute;
float:right;
width:106px;
height:38px;
background-color:#FFFFFF;
border-radius:3px;
right:24px;
top:72px;
}

#impacto_boton:hover{
background-color:#4BC17C;
}

#impacto_boton p{
font-family: 'titillium_websemibold';
font-size:12px;
line-height:12px;
text-decoration: none;
font-weight:normal;
color:#2e343e;
position:absolute;
left:20px;
}

#impacto_boton p:hover{
color:#fff;
}



/*F I N   A R T I C L E*/

/*F I N   S E C T I O N   A M B I E N T E   1*/




/*I N I C I O   S E C T I O N   A M B I E N T E   2*/
div#section-ambiente_2{
	width:960px;
	height:1150px; 
	position:relative;
	}

.titulo-ambiente{
position:relative;
width:960px;
height:74px;
margin: 0px;
background-color:#E8E9EC;
border-bottom:20px solid #a4aeb9;
}

.titulo-ambiente h1{
font-family: 'titillium_weblight';
font-size:30px;
line-height:30px;
font-weight:normal;
position:absolute;
margin: 0px;
left:24px;
top:30px;
color:#656870;
letter-spacing:3px;
}

.titulo-ambiente p{
	font-family: 'OpenSansLight';
	font-size:10px;
	margin:0px;
	color:#fff;
position:absolute;
left:24px;
top:77px;
}

div#compromiso_txt{
    width:585px;
	height:403px;
	margin:35px 24px 0px 24px;
	position:relative;
	float:left;
}

div#compromiso_txt h2{
		 font-family: 'titillium_weblight';
		font-size:25px;
		line-height:25px;
		width:913px;
		font-weight:normal;
		margin:0px;
		color:#656870;
		position:absolute;
		border-bottom:1px solid #CCC;
		padding-bottom:8px;
		}

#texto-compromiso{
				font-family: 'OpenSansLight';
				font-size:13px;
				width:571px;
				line-height:20px;
				color:#575756;
				position:absolute;
				top:42px;
				left:24px;
				margin:0px;
				}

div#dato_latam{
	position:relative;
	float:right;
	display:block;
	margin-top:77px;
	margin-right:24px;
	height:327px;
	width:302px;
	border-top:40px solid #A4AEB9;
background-image:url(imagenes/cuadro1.jpg);
}

div#dato_latam h2{
	font-family: 'titillium_weblight';
	position:absolute;
	margin:0px;
	font-size:25px;
	line-height:25px;
	font-weight:normal;
	width:350px;
	top:-30px;
	left:5px;
	color:#fff;
	}

div#dato_latam p{
	position:absolute;
	font-family: 'OpenSansLight';
	font-size:13px;
	margin:0px;
	width:282px;
	left:15px;
	top:18px;
}

.brasil{
	position:absolute;
	height:30px;
	width:30px;
	top:117px;
	left:14px;
	background-image:url(imagenes/brasil.png)
}

.brasil h4{
	font-family: 'OpenSansSemiboldItalic';
	font-size:16px;
	font-weight:normal;
	line-height:16px;
	position:absolute;
	width:300px;
	margin:0px;
	top:7px;
	left:40px;
	color:#656870;
}

.chile{
	position:absolute;
	height:30px;
	width:30px;
	top:161px;
	left:14px;
	background-image:url(imagenes/chile.png)
}

.chile h4{
	font-family: 'OpenSansSemiboldItalic';
	font-size:16px;
	font-weight:normal;
	line-height:16px;
	position:absolute;
	width:300px;
	margin:0px;
	top:7px;
	left:40px;
	color:#656870;
}

.honduras{
	position:absolute;
	height:30px;
	width:30px;
	top:205px;
	left:14px;
	background-image:url(imagenes/honduras.png)
}

.honduras h4{
	font-family: 'OpenSansSemiboldItalic';
	font-size:16px;
	font-weight:normal;
	line-height:16px;
	position:absolute;
	width:300px;
	margin:0px;
	top:7px;
	left:40px;
	color:#656870;
}

.mexico{
	position:absolute;
	height:30px;
	width:30px;
	top:249px;
	left:14px;
	background-image:url(imagenes/mexico.png)
}

.mexico h4{
	font-family: 'OpenSansSemiboldItalic';
	font-size:16px;
	font-weight:normal;
	line-height:16px;
	position:absolute;
	width:300px;
	margin:0px;
	top:7px;
	left:40px;
	color:#656870;
}

.costa_rica{
	position:absolute;
	height:30px;
	width:30px;
	top:293px;
	left:14px;
	background-image:url(imagenes/costa-rica.png)
}

.costa_rica h4{
	font-family: 'OpenSansSemiboldItalic';
	font-size:16px;
	font-weight:normal;
	line-height:16px;
	position:absolute;
	width:300px;
	margin:0px;
	top:7px;
	left:40px;
	color:#656870;
}


/*I N I C I O   A R T I C L E*/
div#mundo_limpio{
	position:relative;
	width:883px;
	height:415px;
	margin-top:470px;
	margin-left:50px;
	background-image:url(imagenes/mundo_limpio.jpg);
	background-color:
	}
	
div#mundo_limpio h3{
position:absolute;
text-align:right;
top:24px;
right:18px;
color:#FFFFFF;
}

#menu_3{
 font-family: 'titillium_websemibold';
 font-size:20px;
 line-height:25px;
 font-weight:normal;
 list-style:none;
	position:absolute;
	color:#2E343E;
	margin:0px;
	left:22px;
	top:152px;
}

#menu_4{
 font-family: 'titillium_websemibold';
 font-size:20px;
  line-height:25px;
 font-weight:normal;
 text-align:right;
 list-style:none;
	position:absolute;
	color:#2E343E;
	margin:0px;
	right:55px;
	top:152px;
}

div#contenedor_nuevo{
	position:relative;
	height:173px;
	width:960px;
	background-color:#2E343E;
}

div#contenedor_nuevo h2{
		 font-family: 'titillium_weblight';
		 font-size:25px;
		 font-weight:normal;
	position:absolute;
	margin:0px;
	top:22px;
	left:413px;
	color:#fff;
}

div#contenedor_nuevo .impacto_txt{
	font-family: 'OpenSansLight';
	font-size:13px;
	position:absolute;
	margin:0px;
	width:364px;
	left:413px;
	top:61px;
	color:#fff;
}

div#contenedor_verde{
	position:absolute;
	height:245px;
	width:325px;
	z-index:1;
	bottom:13px;
	background-image:url(imagenes/contenedor_verde.png);
}

div#contenedor_verde h1{
	    font-family: 'titillium_weblight_italic';
		font-size:70px;
		line-height:70px;
		margin:0px;
		position:absolute;
		font-weight:normal;
		color:#FFFFFF;
		top:50px;
		left:50px;
		letter-spacing:-4px;
	}

div#contenedor_verde p{
	font-family: 'OpenSansLight';
	font-size:13px;
	line-height:20px;
	margin:0px;
position:absolute;
color:#FFFFFF;
width:210px;
top:125px;
left:60px;
}
/*F I N   A R T I C L E*/

/*F I N   S E C T I O N   A M B I E N T E   2*/



/*I N I C I O   S E C T I O N   P R O P U E S T A   1*/

div#section-propuesta_1{
	width:960px;
	height:924px; 
	position:relative;
	background-image:url(imagenes/fondo_energia_menu.png);
	}

.titulo-energias{
position:relative;
width:960px;
height:74px;
margin: 0px;
background-color:#E8E9EC;
border-bottom:20px solid #0067a5;
}



.titulo-energias h1{
font-family: 'titillium_weblight';
font-size:30px;
line-height:30px;
font-weight:normal;
position:absolute;
margin: 0px;
left:24px;
top:30px;
color:#656870;
letter-spacing:3px;
}

.titulo-energias p{
	font-family: 'OpenSansLight';
	font-size:10px;
	margin:0px;
	color:#fff;
position:absolute;
left:24px;
top:77px;
}

div#informacion_txt{
    width:910px;
	height:292px;
	margin:35px 24px 0px 24px;
	position:relative;
}

div#informacion_txt h2{
		 font-family: 'titillium_weblight';
		font-size:25px;
		line-height:25px;
		width:913px;
		font-weight:normal;
		margin:0px;
		color:#656870;
		position:absolute;
		border-bottom:1px solid #CCC;
		padding-bottom:8px;
		}

.texto-informacion{
				font-family: 'OpenSansLight';
				font-size:13px;
				width:855px;
				line-height:20px;
				color:#575756;
				position:absolute;
				top:41px;
				left:24px;
				}
				

/*I N I C I O   A R T I C L E*/
#biogas{
position:absolute;
height:285px;
width:285px;
top:358px;
left:95px;
background-position:center;
background-image:url(imagenes/bio_menu_bn.png);
background-repeat:no-repeat;
}

#biogas:hover{
	background-position:center;
background-image:url(imagenes/bio_menu.png);
background-repeat:no-repeat;
}

#eolica{
position:absolute;
height:314px;
width:314px;
top:287px;
left:395px;
background-position:center;
background-image:url(imagenes/eolico_menu_bn.png);
background-repeat:no-repeat;
}

#eolica:hover{
background-position:center;
background-image:url(imagenes/eolico_menu.png);
background-repeat:no-repeat;
}

#solar{
position:absolute;
height:252px;
width:252px;
top:608px;
left:275px;
background-position:center;
background-image:url(imagenes/solar_menu_bn.png);
background-repeat:no-repeat;
}

#solar:hover{
background-position:center;
background-image:url(imagenes/solar_menu.png);
background-repeat:no-repeat;
}

#arq{
position:absolute;
height:321px;
width:321px;
top:570px;
right:95px;
background-position:center;
background-image:url(imagenes/arq_menu_bn.png);
background-repeat:no-repeat;
}

#arq:hover{
background-position:center;
background-image:url(imagenes/arq_menu.png);
background-repeat:no-repeat;
}

/*F I N   A R T I C L E*/


/* P A G I N A   P R O Y E C T O*/
div#section-proyecto {
	width:960px;
	margin: 0 auto;
	position:relative;
	height:1000px;
	background-color:#2F353F;
}

div#login h3{
	font-family: 'titillium_weblight';
	font-size:20px;
	line-height:25px;
	left:50px;
	font-weight:normal;
	margin:0px;
	color:#CCC;
	position:absolute;
	top: 5px;
	}
	
div#txt_proyecto{
    width:910px;
	height:292px;
	margin:35px 24px 0px 24px;
	position:relative;
}

div#txt_proyecto h2{
		 font-family: 'titillium_weblight';
		font-size:25px;
		line-height:25px;
		width:913px;
		font-weight:normal;
		margin:0px;
		color:#5AB379;
		position:absolute;
		border-bottom:1px solid #CCC;
		padding-bottom:8px;
		}

.texto-proyecto{
				font-family: 'OpenSansLight';
				font-size:13px;
				width:650px;
				line-height:20px;
				color:#FFF;
				position:absolute;
				top:41px;
				left:24px;
				
				}
div#login2{/*I N I C I O   A S I D E*/	
    width:211px;
	height:200px;
	position:relative;
	margin-top:33px;
	margin-right:24px;
    float:right;
	
	top:60px;
	padding:6px;
}

.proy1{
		height:260px;
		width:217px;
		top:52px;
		left:0px;
		position:absolute;
		}
		
		h5{
			 font-family: 'titillium_websemibold';
				font-size:14px;
				line-height:14px;
				font-weight:normal;
				margin:0px;
				top:165px;
				left:10px;
				position:absolute;
				color:#000;
				
		}
		
		h6{
			font-family: 'titillium_websemibold';
			font-size:11px;
			line-height:10px;
			font-weight:normal;
			margin:0px;
			bottom:82px;
			right:3px;
			position:absolute;
			color:#fff;
			
			
			}
		
					.proy1 p{
						font-family: 'OpenSansLight';
						width:160px;
						font-size:10px;
						line-height:14px;
						top: 175px;
						left:10px;
						padding:0 20px 0 0;
						position:absolute;
						color:#000;
						}
						
							.proy1 a{
								font-family: 'titillium_websemibold';
								text-decoration:none;
								font-weight:normal;
								font-size:12px;
								line-height:12px;
								right:20px;
								bottom:7px;
								position:absolute;
								color:#417096;
								}
					
		
.proy2{
		height:260px;
		width:217px;
		top:52px;
		left:235px;
		position:absolute;
		}
		
			.proy2 p{
						font-family: 'OpenSansLight';
						width:160px;
						font-size:10px;
						line-height:14px;
						top: 175px;
						left:10px;
						padding:0 20px 0 0;
						position:absolute;
						color:#000;
						}
		
		.proy2 a{
			font-family: 'titillium_websemibold';
								text-decoration:none;
								font-size:12px;
								font-weight:normal;
								line-height:12px;
								right:20px;
								bottom:7px;
								position:absolute;
								color:#417096;
								}
		
.proy3{
		height:260px;
		width:217px;
		top:52px;
		right:0px;
		position:absolute;
		}		
		
			.proy3 p{
						font-family: 'OpenSansLight';
						width:160px;
						font-size:10px;
						line-height:14px;
						top: 175px;
						left:10px;
						padding:0 20px 0 0;
						position:absolute;
						color:#000;
						}
	
	.proy3 a{
		font-family: 'titillium_websemibold';
								text-decoration:none;
								font-size:12px;
								font-weight:normal;
								line-height:12px;
								right:20px;
								bottom:7px;
								position:absolute;
								color:#417096;
								}
								
div#proyecto{	
    width:676px;
	height:270px;
	margin-left:14px;
	position:relative;
	 float:left;
	}
		
.proy4{
	position:relative;
	float:left;
	width:448px;
	height:300px;
	top:55px;
	left:15px;}
	
.proy5{
		height:260px;
		width:217px;
		top:52px;
		right:0px;
		position: relative;
		float:left;
		padding-left:28px;
		top:55px;
		}		
		
			.proy5 p{
						font-family: 'OpenSansLight';
						width:160px;
						font-size:10px;
						line-height:14px;
						top: 175px;
						left:10px;
						padding:0 20px 0 0;
						position:absolute;
						color:#000;
						padding-left:28px;
		
						}
	
	.proy5 a{
		font-family: 'titillium_websemibold';
								text-decoration:none;
								font-size:12px;
								font-weight:normal;
								line-height:12px;
								right:20px;
								bottom:7px;
								position:absolute;
								color:#417096;
								top:285px;
								
		
								}
								
/*I N I C I O   P R O Y E C T O    C A R G A D O R*/								
div#txt_cargador{
    width:910px;
	height:365px;
	margin:35px 24px 0px 24px;
	position:relative;
	float:left;

}

div#txt_cargador h2{
		 font-family: 'titillium_weblight';
		font-size:25px;
		line-height:25px;
		width:913px;
		font-weight:normal;
		margin:0px;
		color:#5AB379;
		position:absolute;
		border-bottom:1px solid #000;
		padding-bottom:8px;
		}

.texto-cargador{
				font-family: 'OpenSansLight';
				font-size:13px;
				width:406px;
				line-height:20px;
				color:#000;
				position:relative;
				float:left;
				top:41px;
				left:24px;
				
				}	
div#imagen_cargador {
	width:470px;
	height:350px;
	position:relative;
	float:right;
	top:50px;
	
}

div#imagen_cuadro{
	width:371px;
	height:130px;
	float:left;
	position:relative;
	padding:25px;
	padding-top:40px;}
	
div#pagina_cargador{
	width:910px;
	height:1156px;}
	
/*I N I C I O   P R O Y E C T O    I N V E R S O R*/


div#txt_inversor h2{
		 font-family: 'titillium_weblight';
		font-size:25px;
		line-height:25px;
		width:913px;
		font-weight:normal;
		margin:0px;
		color:#5AB379;
		position:absolute;
		border-bottom:1px solid #000;
		padding-bottom:8px;
		}

.texto-inversor{
				font-family: 'OpenSansLight';
				font-size:13px;
				width:406px;
				line-height:20px;
				color:#000;
				position:relative;
				float:right;
				top:41px;
				left:24px;
				
				}	
div#imagen_inversor {
	width:470px;
	height:350px;
	position:relative;
	float:left;
	top:50px;
	padding-right:10px;
	
}

div#imagen_cuadro2{
	width:361px;
	height:130px;
	float:left;
	position:relative;
	padding-top:35px;
	padding-left:25px;

}

/*I N I CI O   P A N E L   S O L A R*/

div#section-propuesta_2{
	width:960px;
	height:1032px; 
	position:relative;
	}

.titulo-energias{
position:relative;
width:960px;
height:74px;
margin: 0px;
background-color:#E8E9EC;
border-bottom:20px solid #0067a5;
}


.titulo-energias h1{
font-family: 'titillium_weblight';
font-size:30px;
line-height:30px;
font-weight:normal;
position:absolute;
margin: 0px;
left:24px;
top:30px;
color:#656870;
letter-spacing:3px;
}

.titulo-energias p{
	font-family: 'OpenSansLight';
	font-size:10px;
	margin:0px;
	color:#fff;
position:absolute;
left:24px;
top:77px;
}

div#eolica_txt{
    width:910px;
	height:399px;
	margin:35px 24px 0px 24px;
	position:relative;
}

div#eolica_txt h2{
		 font-family: 'titillium_weblight';
		font-size:25px;
		line-height:25px;
		width:442px;
		right:0px;
		font-weight:normal;
		margin:0px;
		color:#656870;
		position:absolute;
		border-bottom:1px solid #CCC;
		padding-bottom:8px;
		}

.texto-eolica{
				font-family: 'OpenSansLight';
				font-size:13px;
				width:442px;
				line-height:23px;
				color:#575756;
				position:absolute;
				top:41px;
				right:0px;
				}


/*I N I C I O  A R T I C L E*/
div#siguiente{
	width:960px;
	height:50px;
	top:0px;
 	border-top: 5px solid #0067a5;	
	}
 div#siguiente nav{
	position:relative;
	top:12px;
	left:24px;
	height:20px;
	width:120px;
	float:right;
	
	}
	
	div#siguiente nav ul{
		position:absolute;
		padding:0px;
		margin:0px;
		list-style-type: none;
	}
	
	
	div#siguiente nav ul li a{
		font-family: 'OpenSansRegular';
		text-decoration:none;
		color:#999999;
		font-size:10px;
		text-transform:uppercase;
		padding:0 20px 0 0;
		}
		
		div#siguiente nav ul li a:hover{
		font-family: 'OpenSansExtraBold';
		color:#0067a5;
		font-size:13px;
		text-decoration:none;

		
		}
div#productos{
	position:relative;
	float:left;
	display:block;
	height:425px;
	width:674px;
	margin-left:24px;
	margin-top:65px;
}

div#productos h2{
	 font-family: 'titillium_weblight';
	font-size:25px;
	font-weight:normal;
	line-height:25px;
	position:absolute;
	margin:0px;
	color:#656870;
}

.productos_txt{
	font-family: 'OpenSansLight';
	font-size:13px;
	font-weight:normal;
	line-height:25px;
	width:676px;
	position:absolute;
	margin:0px;
	color:#656870;
	top:30px;
	
}

div#ae700_caja{
	position:absolute;
	height:318px;
	width:209px;
	top:105px;
	left:7px;
}

 #ae700{
	position:absolute;
	height:210px;
	width:210px;
	top:-5px;
	background-image:url(../3/imagenes/solar4.png);
	background-repeat:no-repeat;
	background-position:center;
}

#ae700:hover{
	background-image:url(../3/imagenes/solar4b.png);
		background-repeat:no-repeat;
	background-position:center;
}

div#ae700_caja h3, div#eco100_caja h3, div#heliade_caja h3{
	position:absolute;
	left:0px;
	text-align:center;
	width:209px;
	top:213px;
	color:#3c3c3b;
}

div#ae700_caja p, div#eco100_caja p, div#heliade_caja p{
	font-family: 'OpenSansLight';
	font-size:9px;
	position:absolute;
	width:155px;
	top:235px;
	left:30px;
}

#ver_mas{
	  font-family: 'titillium_webregular';
	  font-size:15px;
	  line-height:15px;
	position:absolute;
	right:4px;
	bottom:0px;
	color:#00A850;
	}

div#eco100_caja{
	position:absolute;
	height:318px;
	width:209px;
	top:105px;
	left:230px;
}

#eco100{
	position:absolute;
	height:210px;
	width:210px;
	top:-5px;
	background-image:url(../3/imagenes/solar5.png);
	background-repeat:no-repeat;
	background-position:center;
}

#eco100:hover{
	background-image:url(../3/imagenes/solar5b.png);
	background-repeat:no-repeat;
	background-position:center;
}


div#heliade_caja{
	position:absolute;
	height:318px;
	width:209px;
	top:105px;
	right:7px;
}

#heliade{
		position:absolute;
	height:210px;
	width:210px;
	top:-5px;
	background-image:url(../3/imagenes/solar2.png);
	background-repeat:no-repeat;
	background-position:center;
}

#heliade:hover{
	background-image:url(../3/imagenes/solar2b.png);
	background-repeat:no-repeat;
	background-position:center;
}


/*F I N  A R T I C L E*/


/*I N I C I O  A S I D E*/

div#contacto_prod{
		position:relative;
	float:right;
	display:block;
	height:279px;
	width:210px;
	margin-right:24px;
	margin-top:140px;
	background-color:#2E343E;
	border-radius:10px;
}

#eolica_atencion{
	position:absolute;
	top:30px;
	left:12px;
}

div#contacto_prod h2{
	font-family: 'titillium_weblight';
	position:absolute;
	font-size:20px;
	line-height:20px;
	font-weight:normal;
	margin:0px;
	top:39px;
	left:56px;
	color:#FFFFFF;
}

div#contacto_prod p{
	font-family: 'OpenSansLight';
	font-size:14px;
	margin:0px;
	width:180px;
	left:15px;
	top:85px;
	position:absolute;
	color:#FFF;
}

/*I N I C I O   S E C T I O N   P R O Y E C T   C A S A*/

div#pcasa h2{
		 font-family: 'titillium_weblight';
		font-size:25px;
		line-height:25px;
		width:913px;
		font-weight:normal;
		margin:0px;
		color:#5AB379;
		position:absolute;
		border-bottom:1px solid #000;
		padding-bottom:8px;
		}

.texto-inversor{
				font-family: 'OpenSansLight';
				font-size:13px;
				width:406px;
				line-height:20px;
				color:#000;
				position:relative;
				float:right;
				top:41px;
				left:24px;
				
				}	
div#imagen_inversor {
	width:470px;
	height:350px;
	position:relative;
	float:left;
	top:50px;
	padding-right:10px;
	
}

div#imagen_cuadro2{
	width:361px;
	height:130px;
	float:left;
	position:relative;
	padding-top:35px;
	padding-left:25px;

}

/*I N I C I O   P R O D U C T O S*/
div#construyendo{
width:auto;
height:430px;
margin-top:25px;
margin-left:200px;

}

/*I N I C I O   S E C T I O N   C O N T A C T O*/



div#section-contacto{
	width:960px;
	height:636px; 
	position:relative;
	background-color:#f5f6f8;
	}

.titulo-contacto{
position:relative;
width:936px;
height:84px;
margin: 0px;
background-color:#E8E9EC;
border-left:24px solid #03436a;
}


.titulo-contacto h1{
font-family: 'titillium_weblight';
font-size:30px;
line-height:30px;
font-weight:normal;
position:absolute;
margin: 0px;
left:24px;
top:30px;
color:#656870;
letter-spacing:3px;
}




/* ***********INICIO CAJAS DE CONTACTO**********/


.texto-contacto{
	font-family: 'OpenSansLight';
	top:114px;
	left:101px;
	width:753px;
	margin:0px;
	font-size:13px;
	line-height:21px;
	position:absolute;
	}
	
		div#formulario-contacto{
			height:419px;
			width:330px;
			margin-right:24px;
			left:58px;
			top:100px;
			position:relative;
			float:left;
		}
		
		div#formulario-contacto h2{
			font-family: 'titillium_weblight';
font-size:25px;
line-height:25px;
font-weight:normal;
			position:absolute;
			margin:0px;
			color:#3c3c3b;
			}
			
			div#formulario-contacto p{
			font-family: 'OpenSansLight';
			font-size:13px;
			margin:0px;
			top:35px;
			color:#575756;
			position:absolute;
			}

#enviar-mensaje{
	left:43px;
	height:250px;
	width:287px;
	top:66px;
	position:absolute;
	z-index:2;
}

#enviar-mensaje #nombre{
	font-family: 'OpenSansRegular';
	font-size:17px;
	width:280px;
	height:38px;
	top:0px;
	color:#8c8c8c;
	position:absolute;
	background-color:#fff;
}

#enviar-mensaje #email{
	font-family: 'OpenSansRegular';
	font-size:17px;
	width:280px;
	height:38px;
	top:61px;
	color:#8c8c8c;
	position:absolute;
	background-color:#fff;
}

#enviar-mensaje #textarea{
	font-family: 'OpenSansRegular';
	font-size:17px;
	width:280px;
	height:160px;
	top:133px;
	color:#8c8c8c;
	position:absolute;
	background-color:#fff;
}

#enviar-mensaje #enviar{
	font-family: 'OpenSansRegular';
	font-size:17px;
	width:90px;
	height:33px;
	top:305px;
	right:0px;
	color:#ffffff;
	position:absolute;
	border:1px solid #999;
	background-color:#0067a5;
}
#enviar-mensaje #enviar:hover{
	border:1px solid #999;
	background-color:#527f0a;
}

#usuario_contacto{
	position:absolute;
	top:68px;

}

#mail_contacto{
	position:absolute;
	top:137px;
}

#txt_contacto{
	position:absolute;
	top:207px;
}





		
div#ubicacion_contendor{
	position:relative;
	height:419px;
	width:443px;
	display:block;
	float:right;
	right:102px;
	top:100px;
	border-left:1px solid #ccc;
	padding-left:12px;
}

div#ubicacion_contendor h2{
	font-family: 'titillium_weblight';
font-size:25px;
line-height:25px;
font-weight:normal;
			position:absolute;
			margin:0px;
			color:#3c3c3b;
}

div#ubicacion_contendor p{
	font-family: 'OpenSansLight';
			font-size:13px;
			margin:0px;
			top:35px;
			color:#575756;
			position:absolute;
}

div#mapa{
	position:relative;
	width:445px;
	top:66px;
}

div#mapa #ver-mapa{
	font-family: 'titillium_weblight';
	font-size:14px;
color:#656870; 
text-align:left
}



div#domicilio{
	height:161px;
	width:445px;
	bottom:0px;
	position:absolute;
}

#direccion{
	position:absolute;
	right:0px;
	}


div#domicilio #titulo-contacto{
	font-family: 'titillium_weblight';
	font-size:25px;
	margin:0px;
	top:0px;
	right:45px;
	color:#3c3c3b;
	position:absolute;
}

div#domicilio #info-contacto{
	font-family: 'titillium_weblight';
	font-size:16px;
	margin:0px;
	top:45px;
	right:0px;
	border-right:1px solid #bfbfbf;
	padding:5px 20px 5px 0;
	text-align:right;
	color:#9a999a;
	position:absolute;
}



/* ***********FIN CAJAS DE CONTACTO**********/



/* F I N   S E C T I O N   C O N T A C T O*/	








/*I N I C I O   S E C T I O N   R E G I S T R A R S E*/



div#section-registrarse{
	width:960px;
	height:636px; 
	position:relative;
	background-color:#f5f6f8;
	}

.titulo-registrarse{
position:relative;
width:936px;
height:84px;
margin: 0px;
background-color:#E8E9EC;
border-left:24px solid #a4aeb9;
}


.titulo-registrarse h1{
font-family: 'titillium_weblight';
font-size:30px;
line-height:30px;
font-weight:normal;
position:absolute;
margin: 0px;
left:24px;
top:30px;
color:#656870;
letter-spacing:3px;
}




/* ***********INICIO CAJAS DE REGISTRO**********/


	
		div#formulario-registrarse{/*CAJA VERDE*/
		height:473px;
			width:375px;
			margin-right:24px;
			left:58px;
			top:26px;
			position:relative;
			float:left;
		}
		
		div#formulario-registrarse h2{
			font-family: 'titillium_weblight';
font-size:25px;
line-height:25px;
font-weight:normal;
			position:absolute;
			margin:0px;
			color:#3c3c3b;
			}
			
			div#formulario-registrarse p{
			font-family: 'OpenSansLight';
			font-size:13px;
			margin:0px;
			top:35px;
			color:#575756;
			position:absolute;
			}

#registrarse{/*****CAJA DE FORMULARIO****/
	left:43px;
	height:375px;
	width:332px;
	top:90px;
	position:absolute;
	z-index:2;
}

#registrarse #nombre{
	font-family: 'OpenSansRegular';
	font-size:17px;
	width:325px;
	height:38px;
	top:0px;
	color:#8c8c8c;
	position:absolute;
	background-color:#fff;
}

#registrarse #empresa{
	font-family: 'OpenSansRegular';
	font-size:17px;
	width:325px;
	height:38px;
	top:70px;
	color:#8c8c8c;
	position:absolute;
	background-color:#fff;
}

#registrarse #pais{
	font-family: 'OpenSansRegular';
	font-size:17px;
	width:325px;
	height:38px;
	top:140px;
	color:#8c8c8c;
	position:absolute;
	background-color:#fff;
}

#registrarse #email{
	font-family: 'OpenSansRegular';
	font-size:17px;
	width:325px;
	height:38px;
	top:210px;
	color:#8c8c8c;
	position:absolute;
	background-color:#fff;
}

#registrarse #password{
	font-family: 'OpenSansRegular';
	font-size:17px;
	width:325px;
	height:38px;
	top:280px;
	color:#8c8c8c;
	position:absolute;
	background-color:#fff;
}


#registrarse #enviar{
	font-family: 'OpenSansRegular';
	font-size:17px;
	width:90px;
	height:33px;
	top:339px;
	right:0px;
	color:#ffffff;
	position:absolute;
	border:1px solid #999;
	background-color:#4BC17C;
}
#registrarse #enviar:hover{
	border:1px solid #999;
	background-color:#98D1A7;
}

#usuario{
	position:absolute;
	top:91px;
}

#empresa{
	position:absolute;
	top:161px;
}

#pais{
	position:absolute;
	top:231px;
}

#mail{
	position:absolute;
	top:302px;
}

#clave{
	position:absolute;
	top:373px;
}

#obreros{
	position:absolute;
	right:0px;
	top:136px;
}



/* ***********FIN CAJAS DE REGISTRO**********/

.fondo_tienda{
	width:960px;
	height:auto;
	position:absolute;
	float:left;
	margin: 0 auto;
	
	}

/* F I N   S E C T I O N   R E G I S T R A R S E*/	

/*I N I C I O   S E C T I O N   Q U I E N E S _S O M O S*/



div#section-quienes-somos{
	width:960px;
	height:auto; 
	position:relative;
	}

.titulo-mision{
position:relative;
width:960px;
height:74px;
margin: 0px;
background-color:#E8E9EC;
border-bottom:20px solid #a4aeb9;
}


.titulo-mision h1{
font-family: 'titillium_weblight';
font-size:30px;
line-height:30px;
font-weight:normal;
position:absolute;
margin: 0px;
left:24px;
top:30px;
color:#656870;
letter-spacing:3px;
}

.titulo-mision p{
	font-family: 'OpenSansLight';
	font-size:10px;
	margin:0px;
	color:#000;
position:absolute;
left:24px;
top:77px;
}

div#quienes_somos_txt{
	position:relative;
	height:551px;
	width:906px;
	margin-top:35px;
	margin-left:24px;
}

div#quienes_somos_txt #nuestra-mision{
	font-family: 'titillium_weblight';
font-size:25px;
line-height:25px;
font-weight:normal;
width:440px;
	position:absolute;
	margin:0px;
	color:#000;
	border-bottom:1px solid #000;
	padding-bottom:15px;
}

div#quienes_somos_txt #texto_mision{
	font-family: 'OpenSansLight';
	font-size:13px;
	line-height:20px;
	margin:0px;
	position:absolute;
	width:440px;
	top:51px;
	color:#000;
}



div#quienes_somos_txt #miramos-futuro{
	font-family: 'titillium_weblight';
font-size:25px;
line-height:25px;
font-weight:normal;
width:440px;
	position:absolute;
	top:314px;
	margin:0px;
	color:#000;
	border-bottom:1px solid #000;
	padding-bottom:15px;
}


div#quienes_somos_txt #texto_futuro{
	font-family: 'OpenSansLight';
	font-size:13px;
	line-height:20px;
	margin:0px;
	position:absolute;
	width:440px;
	top:365px;
	color:#000;
}

#img_quienes_somos{
	position:absolute;
	right:-30px;
	top:-35px;
}



/*I N I C I O   A R T I C L E */
div#proximamente{
	width:680px;
	height:auto;
	position:relative;
	float:right;
	}

div#equipo{
	height:500px;
	width:908px;
	float:left;
	position:relative;
	margin-top:43px;
	margin-left:24px;
}

div#equipo h2{
		font-family: 'titillium_weblight';
		font-size:25px;
		line-height:25px;
		font-weight:normal;
		margin:0px;
		padding:0px;
		top:0px;
		color:#000;
		width:908px;
		position:absolute;
	border-bottom:1px solid #000;
	padding-bottom:15px;
}

div#equipo .miembro1{
	height:427px;
	width:269px;
	top:53px;
	left:16px;
	background:url(imagenes/miembro1.png);
	position:absolute;
}

#nombre-miembro{
	font-family: 'titillium_websemibold';
	bottom:90px;
	left:15px;
	font-size:22px;
	color:#000;
	margin:0px;
	position:absolute;
	padding-top:5px;

	}

#datos-miembro{
	font-family: 'OpenSansLight';
	color:#000;
	bottom:55px;
	left:15px;
	font-size:15px;
	margin:0px;
	position:absolute;
}

div#equipo .miembro2{
	height:427px;
	width:268px;
	top:53px;
	left:326px;
	background:url(imagenes/miembro6.png);
	position:absolute;
}

div#equipo .miembro3{
	height:427px;
	width:268px;
	top:53px;
	right:5px;
	background:url(imagenes/miembro2.png);
	position:absolute;
}

#puntitos-quienes{
left:440px;
bottom:20px;
position:absolute;
}

#red-miembro1{
	left:15px;
	bottom:10px;
	position:absolute;
	}
	
	#red-miembro2{
	left:15px;
	bottom:10px;
	position:absolute;
	}

	#red-miembro3{
	left:15px;
	bottom:10px;
	position:absolute;
	
	}
	#red-miembro4{
	left:15px;
	bottom:10px;
	position:absolute;
	}

	#red-miembro5{
	left:15px;
	bottom:10px;
	position:absolute;}


/*F I N   A R T I C L E*/


/*F I N   S E C T I O N   Q U I E N E S _S O M O S*/

/* I N I C I O   H O M E */
div#index {
	margin:0px auto;
	padding:0px auto;
	position:absolute;
	width:500px;
	height:auto;
	top:350px;
	left:250px;
}

div#idiomas{
	margin:auto;
	padding:0px;
	position:absolute;
	top:500px;
	left:250px;
	width:500px;}