@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:"BebasNeue";
	src:url("../fuentes/bebasneue/BebasNeue.eot?") format("eot"),
	url("../fuentes/bebasneue/BebasNeue.woff") format("woff"),
	url("../fuentes/bebasneue/BebasNeue.ttf") format("truetype"),
	url("../fuentes/bebasneue/BebasNeue.svg#BebasNeue") format("svg");
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family:"Decker";
	src:url("../fuentes/decker/Decker.eot?") format("eot"),
	url("../fuentes/decker/Decker.woff") format("woff"),
	url("../fuentes/decker/Decker.ttf") format("truetype"),
	url("../fuentes/decker/Decker.svg#") format("svg");
	font-weight:normal;
	font-style:normal;
	}
#head{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/head.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:384px;
	}
#head-960{
	width:960px;
	position:relative;
	margin:auto;
	}
#logo{
	float:left;
	margin-top:187px;
	}
#contenido{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/fondo.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}
#contenido-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#menu{
	float:left;
	position:relative;
	width:605px;
	}
#menu ul li{
	display:inline;
	font-family:"Decker";
	font-size:20px;
	text-transform:uppercase;
	}
#menu ul li a{
	text-decoration:none;
	color:#000;
	float:left;
	position:relative;
	padding-left:6px;
	padding-right:6px;
	padding-top:40px;
	padding-bottom:10px;
	margin-top:-26px;
	}
#menu ul li a:hover{
	background-image:url(../img/hover.jpg);
	background-position:center;
	color:#FFF;
	}
#menu .selec{
	background-image:url(../img/hover.jpg);
	background-position:center;
	color:#FFF;
	}
#texto-gota{
	background-image:url(../img/texto.png);
	background-repeat:no-repeat;
	width:292px;
	height:355px;
	float:left;
	margin-top:-140px;
	position:relative;
	z-index:6;
	padding-left:60px;
	}
#texto-gota li{
	font-family:"BebasNeue";
	font-size:36px;
	width:250px;
	text-align:center;
	margin-top:75px;
	height:260px;
	}
#banner-home{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;	
	margin-top:-160px;
	border-top:solid 3px #FFFFFF;
	border-bottom:solid 3px #FFFFFF;
	padding-bottom:20px;
	margin-bottom:20px;
	padding-top:30px;
	}
#banner-home-960{
	width:960px;
	margin:auto;
	position:relative;
	background-image:url(../img/banner-home.png);
	background-repeat:no-repeat;
	height:460px;
	}
#slider-home{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/blanco.jpg);
	}
#slider-home-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#slider-container{
	overflow: hidden;
    position: unset;
    display: block;


	}
#home-link{
	float:left;
	position:relative;
	width:220px;
	text-align:right;
	border-right:solid 2px #333333;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:20px;
	margin-top:30px;
	}
#home-link a{
	text-decoration:none;
	color:#000;
	font-family:"BebasNeue";
	font-size:36px;
	line-height:30px;
	}
#home-link a:hover{
	color:#00b7b7;
	}
#home-carrusel{
	float:left;
	position:relative;
	margin-top:20px;
	}
#empresa{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-bottom:30px;
	margin-top:-160px;
	border-top:solid 3px #FFFFFF;
	}
#empresa-960{
	width:960px;
	margin:auto;
	position:relative;	
	}
#emrpesa-texto{
	float:left;
	position:relative;
	width:605px;
	font-size:17px;
	font-family:"Decker";
	margin-top:70px;
	}
#emrpesa-texto p{
	width:495px;
	line-height:18px;
	}
#emp-texto{
	padding-left:65px;
	float:left;
	position:relative;
	margin-bottom:15px;
	}
.fondo-p{
	background-image:url(../img/empresa-t.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:65px;
	float:left;
	position:relative;
	padding-bottom:15px;
	padding-top:10px;
	}
#empresa-img{
	float:left;
	position:relative;
	margin-left:30px;
	margin-top:20px;
	width:305px;
	}
#m-v{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/bg-empresa.png);
	background-position:center;
	margin-top:-20px;
	height:363px;
	margin-bottom:78px;
	}
#m-v-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#mision{
	float:left;
	width:435px;
	margin-top:70px;
	background-image:url(../img/mision.png);
	background-repeat:no-repeat;
	background-position:top left;
	}
#mision h1{
	font-family:"BebasNeue";
	font-size:36px;
	font-weight:normal;
	text-align:right;
	margin-top:50px;
	}
#mision p{
	font-family:"Decker";
	font-size:17px;
	width:370px;
	text-align:right;
	margin-left:80px;
	margin-top:80px;
	}
#vision{
	float:left;
	width:435px;
	margin-top:70px;
	background-image:url(../img/vision.png);
	background-repeat:no-repeat;
	background-position:top right;
	margin-left:75px;
	}
#vision h1{
	font-family:"BebasNeue";
	font-size:36px;
	font-weight:normal;
	margin-top:50px;
	margin-left:10px;
	}
#vision p{
	font-family:"Decker";
	font-size:17px;
	width:370px;
	margin-top:80px;
	}
#productos{
	float:left;
	position:relative;
	width:598px;
	margin-top:-150px;
	}
#productos p{
	font-family:"Decker";
	font-size:17px;
	line-height:18px;
	}
#productos-marcas{
	float:left;
	position:relative;
	margin-left:115px;
	margin-top:15px;
	}
.linea a {
	display: inline-block;
	background-image: url(../img/linea.png);
	width: 151px;
	height: 147px;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	text-decoration: none;
	}	
	
.linea a:hover {
	background-image: url(../img/linea2.png);
	}	
	
#carrusel-productos{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/bg-productos.png);
	background-position:center;
	height:420px;
	}

#carrusel-productos-960{
	width:960px;
	margin:auto;
	position:relative;
	}

#titulo-galeria{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-top:-80px;
	border-bottom:solid 2px #FFFFFF;
	padding-bottom:15px;
	}

#titulo-galeria-960{
	margin:auto;
	width:960px;
	position:relative;
	}

#titulo-galeria-960 h1{
	font-family:"Decker";
	font-size:31px;
	color:#1a364b;
	}

#galeria{
	width:100%;
	min-width:960px;
	position:relative;
	float:left;
	}

#galeria-960{
	width:960px;
	margin:auto;
	position:relative;
	}

#galeria-fotos{
	width:960px;
	float:left;
	position:relative;
	background-image:url(../img/banner-home.png);
	background-repeat:no-repeat;
	}

#galeria-descripcion{
	background-image:url(../img/descripcion.png);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	position:relative;
	padding-top:30px;
	width:597px;
	padding-bottom:70px;
	margin-top:-21px;
	margin-left:190px;
	}

#galeria-descripcion p{
	font-family:"Decker";
	font-size:17px;
	width:410px;
	margin-left:80px;
	line-height:18px;
	}

.bold{
	font-weight:bold;
	}

#galeria-volver{
	float:right;
	text-align:center;
	position:relative;
	width:132px;
	margin-right:30px;
	}

#galeria-volver a{
	text-decoration:none;
	color:#000;
	font-family:"BebasNeue";
	font-size:36px;
	}

#galeria-volver a:hover{
	color:#00b7b7;
	}

#lineas{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/bg-galeria.png);
	background-position:center;
	height:234px;
	margin-top:-33px;
	}

#lineas-960{
	width:960px;
	margin:auto;
	position:relative;
	}

#lineas-titulo{
	float:left;
	margin-top:42px;
	}

#lineas-titulo h1{
	font-family:"BebasNeue";
	font-size:26px;
	font-weight:normal;
	margin-left:55px;
	}

#lineas-img{
	margin-top:50px;
	margin-left:50px;
	}

.linea{
	left: 72px;
	position: relative;
	}

.linea h1{
	font-family:"Decker";
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
	text-align:center;
	margin-top: 54px;
    margin-left: 5px;
	}

#servicios-texto{
	float:left;
	position:relative;
	width:540px;
	margin-top:-130px;
	}

#servicios-texto p{
	font-family:"Decker";
	font-size:17px;
	line-height:18px;
	}

#servicios-img{
	border-top:solid 2px #FFFFFF;
	width:100%;
	min-width:960px;
	float:left;
	margin-top:-30px;
	position:relative;
	background-image:url(../img/bg-servicios.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:75px;
	}

#servicios-img-960{
	width:960px;
	margin:auto;
	position:relative;
	}

.servicio{
	float:left;
	position:relative;
	width:225px;
	margin-top:30px;
	margin-left:15px;
	}

.servicio-img{
	float:left;
	position:relative;
	margin-bottom:60px;
	}

.servicio-texto{
	float:left;
	position:relative;
	width:200px;
	}

.servicio-texto h1{
	font-family:"BebasNeue";
	font-size:30px;
	font-weight:normal;
	}

.servicio-texto p{
	font-family:"Decker";
	font-size:17px;
	line-height:18px;
	margin-top:20px;
	}

#proyectos-texto{
	float:left;
	position:relative;
	width:540px;
	margin-top:-130px;
	}

#proyectos-texto p{
	font-family:"Decker";
	font-size:17px;
	line-height:18px;
	}

#proyectos{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/bg-productos.png);
	background-position:center top;
	height:375px;
	}

#proyectos-960{
	width:960px;
	margin:auto;
	position:relative;
	}

#zonas{
	background-image:url(../img/proyectos/1.png);
	float:left;
	position:relative;
	width:277px;
	height:272px;
	}

#zonas:hover{
	background-image:url(../img/proyectos/1-h.png);
	}

#sectores{
	background-image:url(../img/proyectos/2.png);
	float:left;
	position:relative;
	width:277px;
	height:272px;
	}

#sectores:hover{
	background-image:url(../img/proyectos/2-h.png);
	}

#proyectos-960 span{
	width:0px;
	padding:0;
	position:absolute;
	overflow:hidden;
	font-family:"BebasNeue";
	font-size:36px;
	z-index:101;
	text-align:center;
	margin-top:119px;
	margin-left:78px;
	line-height:32px;
	color:#FFF;
	}

#proyectos-960 a:hover{
	text-decoration:none;
	z-index:101;
	color:#FFF;
	}

#proyectos-960 a:hover span{ 
	width:120px;
	z-index:101;
	text-indent:inherit;
	}

.proyectos-img{
	float:left;
	position:relative;
	width:280px;
	margin-top:50px;
	}

#carrusel-proyectos{
	width:960px;
	margin:auto;
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
	}
	
#zonas-titulo{
	float:left;
	position:relative;
	background-image:url(../img/titulo-proyectos.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:50px;
	width:330px;
	}

#zonas-titulo h1{
	font-family:"BebasNeue";
	font-size:36px;
	font-weight:normal;
	}

#sectores-titulo{
	float:right;
	position:relative;
	background-image:url(../img/titulo-proyectos.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:50px;
	width:410px;
	margin-right:40px;
	}

#sectores-titulo h1{
	font-family:"BebasNeue";
	font-size:36px;
	font-weight:normal;
	text-align:right;
	}

#proyecto-texto{
	float:left;
	padding-left:20px;
	padding-right:20px;
	position:relative;
	border-right:solid 2px #606162;
	border-left:solid 2px #606162;
	padding-top:40px;
	padding-bottom:40px;
	margin-top:35px;
	margin-left:30px;
	margin-right:30px;
	}

#proyecto-texto p{
	font-family:"BebasNeue";
	font-size:36px;
	color:#00b7b7;
	width:222px;
	text-align:center;
	}

#contacto-texto{
	float:left;
	position:relative;
	width:540px;
	margin-top:-130px;
	}

#contacto-texto p{
	font-family:"Decker";
	font-size:17px;
	line-height:18px;
	}

#formulario{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/bg-productos.png);
	background-position:center top;
	height:375px;
	}

#formualario-960{
	width:960px;
	margin:auto;
	position:relative;
	top:28px;
	}

#nombres-form{
	float:left;
	border-right:solid 3px #5d5e5e;
	padding-right:15px;
	height:270px;
	margin-top:40px;
	margin-left:200px;
	padding-top:10px;
	}

.campo{
	color:#00b7b7;
	margin-top:5px;
	font-family:"BebasNeue";
	font-size:25px;
	height:40px;
	text-align:right;
	}

input{
	font-family:"Decker";
	font-size:17px;
	}

textarea{
	font-family:"Decker";
	font-size:17px;
	}

#form-campos{
	float:left;
	padding-left:15px;
	width:600px;
	margin-top:40px;
	}

#botones-form{
	width:162px;
	margin-top:-30px;
	margin-left:-180px;
	}

#enviar{
	background-color:#cadb97;
	padding:5px;
	font-family:"BebasNeue";
	font-size:25px;
	cursor:pointer;
	}

#enviar:hover{
	background-color:#1a364b;
	color:#FFF;
	}

#borrar{
	background-color:#cadb97;
	padding:5px;
	font-family:"BebasNeue";
	font-size:25px;
	cursor:pointer;
	}
#borrar:hover{
	background-color:#1a364b;
	color:#FFF;
	}
#ubicacion{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	padding: 45px 0px;
	}

#ubicacion-960{
	width:960px;
	margin:auto;
	position:relative;
	}

#mapa{
	float:left;
	border:solid 4px #1a364b;
	}

#datos-ubicacion{
	float:left;
	margin-top:30px;
	margin-left:20px;
	}
#datos-ubicacion p{
	font-family:"Decker";
	font-size:17px;
	line-height:18px;
	margin-top:20px;
	margin-left:15px;
	}
#ampliar{
	background-image:url(../img/ampliar.png);
	width:170px;
	float:left;
	position:relative;
	text-decoration:none;
	color:#FFF;
	height:31px;
	background-repeat:no-repeat;
	font-family:"BebasNeue";
	font-size:20px;
	padding-left:75px;
	padding-top:45px;
	margin-top:15px;
	}
#ampliar:hover{
	background-image:url(../img/ampliar-h.png);
	}
#footer{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/footer.jpg);
	background-position:center;
	padding-top:20px;
	padding-bottom:20px;
	}
#footer-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#footer-datos{
	float:left;
	position:relative;
	margin-left:330px;
	}
#footer-datos p{
	font-family:"Decker";
	font-size:17px;
	line-height:18px;
	}
#footer-web{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-color:#1a364b;
	padding-top:10px;
	padding-bottom:10px;
	}
#footer-web-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#footer-web-960 a{
	text-decoration:none;
	color:#FFF;
	font-family:"Decker";
	font-size:14px;
	background-image:url(../img/web.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:145px;
	}
#footer-web-960 a:hover{
	text-decoration:underline;
	background-image:url(../img/web-h.png);
	}

#back-top {
    background-image: url(../img/whatsapp.png);
    width: 51px;
    height: 51px;
    position: fixed;
    right: 15px;
    z-index: 900;
    bottom: 18px;
}