@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:"Decker Bold";
	src:url("../fuentes/Decker_Bold/DeckerB.eot?") format("eot"),
	url("../fuentes/Decker_Bold/DeckerB.woff") format("woff"),
	url("../fuentes/Decker_Bold/DeckerB.ttf") format("truetype"),
	url("../fuentes/Decker_Bold/DeckerB.svg#") 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;
	}
@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;
	}
body{
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	}
#head{
	border-top:10px solid #000;
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	}
#head-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#menu{
	width:960px;
	float:left;
	position:relative;
	background-image:url(../img/menu.png);
	height:38px;
	margin-top:70px;
	}
#menu ul li{
	display:inline;
	font-family:"Decker Bold";
	font-size:21px;
	text-transform:uppercase;
	}
#menu ul li a{
	text-decoration:none;
	color:#000;
	float:left;
	position:relative;
	padding:15px;
	margin-left:30px;
	margin-top:-7px;
	}
#menu ul li a:hover{
	background-color:#03548c;
	color:#FFF;
	}
#menu .selec{
	background-color:#03548c;
	color:#FFF;
	}
#logo{
	position:absolute;
	left:370px;
	top:-10px;
	z-index:20;
	}
#contenido{
	width:100%;
	float:left;
	position:relative;
	min-width:960px;
	background-image:url(../img/bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:150px;
	z-index:10;
	overflow:hidden;
	padding-bottom:20px;
	}
#contenido-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#contenido-960 h2{
	font-family:"BebasNeue";
	font-size: 25px;
	color:#000;
	font-weight:normal;
	text-align:center;
	width:100%;
	margin-top:30px;
	float:left;
	}
#deco{
	background-image:url(../img/deco.png);
	width:322px;
	height:594px;
	position:absolute;
	left:-270px;
	top:-50px;
	z-index:10;
	}
#barra{
	background-image:url(../img/barra.png);
	background-repeat:no-repeat;
	width:852px;
	height:62px;
	position:absolute;
	right:-480px;
	top:250px;
	z-index:20;
	}
#home-texto{
	width:410px;
	float:left;
	position:relative;
	margin-top:95px;
	margin-left:40px;
	}
#home-texto p{
	color:#FFF;
	font-family:"Decker Bold";
	font-size:20px;
	}
#home{
	width:455px;
	float:left;
	margin-top:-45px;
	position:relative;
	}
#mas{
	background-image:url(../img/mas.png);
	width:103px;
	height:108px;
	float:right;
	position:relative;
	margin-top:15px;
	}
#mas:hover{
	background-image:url(../img/mas-h.png);
	}
#banner-home{
	width:100%;
	float:left;
	position:relative;
	min-width:960px;
	margin-top:-280px;
	}
#banner-home-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#mision-texto{
	width:410px;
	float:left;
	position:relative;
	margin-top:95px;
	margin-left:40px;
	}
#mision-texto p{
	color:#FFF;
	font-family:"Decker Bold";
	font-size:17px;
	}
#mision{
	width:455px;
	float:left;
	position:relative;
	margin-left:45px;
	}
#mision h1{
	font-family:"BebasNeue";
	font-size: 39px;
	color:#000;
	position:absolute;
	right:80px;
	top:265px;
	font-weight:normal;
	z-index:30;
	}
#bottom{
	width:100%;
	float:left;
	position:relative;
	min-width:960px;
	background-image:url(../img/m.png);
	margin-top:40px;
	}
#bottom-960{
	width:960px;
	margin:auto;
	position:relative;
	text-align:center;
	}
#bottom h1{
	font-family:"BebasNeue";
	font-size: 39px;
	color:#000;
	position:absolute;
	left:80px;
	top:265px;
	font-weight:normal;
	z-index:30;
	}
#bottom p{
	font-family:"BebasNeue";
	font-size: 25px;
	color:#fff;
	text-align:center;
	font-weight:normal;
	}
#foto-vision{
	float:left;
	position:relative;
	width:455px;
	margin-top:-90px;
	}
#texto-vision{
	float:left;
	position:relative;
	width:450px;
	margin-top:70px;
	}
#texto-vision p{
	color:#FFF;
	font-family:"Decker Bold";
	font-size:17px;
	text-align:right;
	line-height:18px;
	}
#barra-left{
	background-image:url(../img/barra2.png);
	background-repeat:no-repeat;
	width:852px;
	height:62px;
	position:absolute;
	left:-480px;
	top:250px;
	z-index:20;
	}
#menu-productos{
	width:960px;
	float:left;
	position:relative;
	margin-top:-65px;
	}
#menu-productos ul{
	margin-left:110px;
	}
#menu-productos ul li{
	display:inline;
	font-family:"BebasNeue";
	font-size: 25px;
	}
#menu-productos ul li a{
	float:left;
	position:relative;
	text-decoration:none;
	color:#000;
	margin-left:30px;
	background-image:url(../img/mas-p.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:15px;
	padding-right:15px;
	}
#menu-productos ul li a:hover{
	text-decoration:underline;
	}
#menu-productos .active{
	text-decoration:underline;
	}
#texto-productos{
	float:left;
	position:relative;
	width:420px;
	margin-top:90px;
	margin-left:55px;
	}
#texto-productos p{
    font-size:17px;
	font-family:"Decker Bold";
	color:#FFF;
	line-height:20px;
	}
#texto-productos ul{
	list-style:circle;
	list-style-position:inside;
	}
#texto-productos ul li{
    font-size:17px;
	font-family:"Decker Bold";
	color:#FFF;
	margin-top:10px;
	}
#foto-productos{
	float:right;
	position:relative;
	}
#foto-productos h1{
	font-family:"BebasNeue";
	font-size: 39px;
	color:#000;
	position:absolute;
	right:80px;
	top:265px;
	z-index:30;
	font-weight:normal;
	}
#galeria-productos{
	width:960px;
	float:left;
	position:relative;
	margin-top:-80px;
	z-index:-1;
	}
#btn-galeria{
	width:933px;
	float:left;
	position:relative;
	background-color:#4f4f4f;
	height:55px;
	margin-left:20px;
	}
#galeria-servicios{
	width:960px;
	float:left;
	position:relative;
	margin-top:-249px;
	}
#galeria-servicios h1{
	font-family:"BebasNeue";
	font-size: 39px;
	color:#000;
	position:absolute;
	right:80px;
	top:265px;
	z-index:30;
	font-weight:normal;
	}
#ampliar{
	font-family:"BebasNeue";
	font-size: 25px;
	color:#FFF;
	text-decoration:none;
	background-image:url(../img/mas-p.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:15px;
	float:right;
	position:relative;
	margin-right:20px;
	margin-top:10px;
	}
#ampliar:hover{
	text-decoration:underline;
	}
#abrir{
	background-image:url(../img/abre.png);
	width:59px;
	height:48px;
	position:absolute;
	}
#cerrar{
	background-image:url(../img/cierra.png);
	width:59px;
	height:48px;
	position:absolute;
	}
#formulario{
	width:820px;
	float:left;
	margin-left:75px;
	position:relative;
	margin-top:35px;
	}
.campo{
	background-color:transparent;
	background-image:url(../img/input.png);
	color:#FFF;
	height:30px;
	width:395px;
	margin-top:10px;
	padding-top:2px;
	padding-left:5px;
	float:left;
	border:solid 1px #000000;
	margin-left:7px;
	}
.campo-mensaje{
	width:802px;
	background-color:transparent;
	background-image:url(../img/input.png);
	color:#FFF;
	float:left;
	margin-top:10px;
	padding-top:2px;
	padding-left:5px;
	border:solid 1px #000000;
	margin-left:7px;
	}
input{
	font-family:"BebasNeue";
	font-size:25px;
	}
textarea{
	font-family:"BebasNeue";
	font-size:25px;
	}
#botones{
	width:820px;
	margin-top:20px;
	float:left;
	}
#enviar{
	cursor:pointer;
	float:right;
	position:relative;
	text-decoration:none;
	color:#000;
	margin-left:30px;
	background-image:url(../img/mas-p.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:15px;
	padding-right:15px;
	}
#enviar:hover{
	text-decoration:underline;
	}
#borrar{
	cursor:pointer;
	float:right;
	position:relative;
	text-decoration:none;
	color:#000;
	margin-left:30px;
	background-image:url(../img/mas-p.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:15px;
	padding-right:15px;
	}
#borrar:hover{
	text-decoration:underline;
	}
#footer{
	width:100%;
	float:left;
	position:relative;
	min-width:960px;
	padding-top:15px;
	background-color:#000;
	padding-bottom:10px;
	}
#footer-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#footer-960 p{
	background-image:url(../img/iconos.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:35px;
	color:#FFF;
	font-family:"Decker";
	font-size:18px;
	line-height:25px;
	}
#web{
	width:100%;
	float:left;
	position:relative;
	min-width:960px;
	padding-top:5px;
	background-color:#5a98d0;
	padding-bottom:3px;
	}
#web-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#web-960 a{
	color:#000;
	font-family:"Decker";
	font-size:14px;
	text-decoration:none;
	background-image:url(../img/web.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:145px;
	float:right;
	height:18px;
	padding-top:3px;
	}
#web-960 a:hover{
	color:#FFF;
	text-decoration:underline;
	background-image:url(../img/web-h.png);
	}

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