@charset "utf-8";
/* CSS Document */
@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:"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:"Oswald";
	src:url("../fuentes/Oswald/Oswald.eot?") format("eot"),
	url("../fuentes/Oswald/Oswald.woff") format("woff"),
	url("../fuentes/Oswald/Oswald.ttf") format("truetype"),
	url("../fuentes/Oswald/Oswald.svg#Oswald") format("svg");
	font-weight:normal;
	font-style:normal;
	}
body{
	background-image:url(../img/bg.jpg);
	}
#contenedor{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	overflow:hidden;
	}
#top{
	width:100%;
	min-width:960px;
	position:absolute;
	background-color: #fff6;
	height:139px;
	top:-8px;
	}
#head{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	}
#head-960{
	width:960px;
	margin:auto;
	position:relative;
	font-family:"Oswald";
	}
#menu-l{
	float:left;
	position:relative;
	width:147px;
	}
#menu-l ul li a{
	float:left;
	position:relative;
	text-decoration:none;
	text-align:center;
	width:148px;
	height:188px;
	}

#menu-l ul li a:hover{
	background-color:#000;
	}
#menu-l .selec{
	background-color:#000;
	}

.ico{
	width:100%;
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	height:62px;
	position:relative;
	margin-top:50px;
	}
.m1{
	background-image:url(../img/m1.png);
	}
#menu-l ul li a:hover .m1{
	background-image:url(../img/m1-h.png);
	}
.selec .m1{
	background-image:url(../img/m1-h.png);
	}
.m2{
	background-image:url(../img/m2.png);
	}
#menu-l ul li a:hover .m2{
	background-image:url(../img/m2-h.png);
	}
.selec .m2{
	background-image:url(../img/m2-h.png);
	}
.m3{
	background-image:url(../img/m3.png);
	}
#menu-r ul li a:hover .m3{
	background-image:url(../img/m3-h.png);
	}
.selec .m3{
	background-image:url(../img/m3-h.png);
	}
.m4{
	background-image:url(../img/m4.png);
	}
#menu-r ul li a:hover .m4{
	background-image:url(../img/m4-h.png);
	}
.selec .m4{
	background-image:url(../img/m4-h.png);
	}
.text{
	text-align:center;
	float:left;
	position:relative;
	margin-top:20px;
	text-transform:uppercase;
	width:100%;
	color:#000;
	font-size:18px;
	}
#menu-l ul li a:hover .text{
	color:#00b3c1;
	}
.selec .text{
	color:#00b3c1;
	}
#menu-r ul li a:hover .text{
	color:#00b3c1;
	}
.linea{
	width:100%;
	float:left;
	position:relative;
	height:15px;
	margin-top:5px;
	}
#menu-l ul li a:hover .linea{
	background-color:#00b3c1;
	}
.selec .linea{
	background-color:#00b3c1;
	}
#menu-r ul li a:hover .linea{
	background-color:#00b3c1;
	}
.gris1{
	background-color:#3c3c3c;
	}
.gris2{
	background-color:#757575;
	}
#logo{
	float:left;
	position:relative;
	margin-left:20px;
	width:295px;
	background-image:url(../img/logo.png);
	text-align:center;
	padding-top:185px;
	color:#000;
	text-decoration:none;
	font-size:20px;
	}
#menu-r{
	float:left;
	position:relative;
	width:296px;
	margin-left:19px;
	}
#menu-r ul li a{
	float:left;
	position:relative;
	text-decoration:none;
	text-align:center;
	width:148px;
	height:188px;
	}
#menu-r ul li a:hover{
	background-color:#000;
	}
#menu-r .selec{
	background-color:#000;
	}
#brillo{
	background-image:url(../img/brillo.png);
	width:1375px;
	height:1142px;
	position:absolute;
	left:-270px;
	top:0px;
	z-index:-1;
	}
#contenido{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	}
#contenido-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#barra{
	width:1920px;
	position:relative;
	float:left;
	height:162px;
	background-image:url(../img/barra.jpg);
	background-position:center;
	background-repeat:no-repeat;
	left:-480px;
	margin-top:20px;
	}
#anuncio{
	width:960px;
	margin:auto;
	position:relative;
	height:162px;
	}
#anuncio p{
	font-size:18px;
	width:870px;
	font-family:"Decker";
	line-height:18px;
	margin-left:45px;
	margin-top:60px;
	color:#FFF;
	}
.rombo-l{
	background-image:url(../img/rombo.png);
	width:706px;
	height:516px;
	position:absolute;
	top:102px;
	left:-345px;
	}
.rombo-r{
	background-image:url(../img/rombo.png);
	width:706px;
	height:516px;
	position:absolute;
	top:102px;
	right:-345px;
	}
#texto-home{
	float:left;
	position:relative;
	width:535px;
	margin-top:70px;
	}
#texto-home h1{
	font-size:18px;
	color:#FFF;
	background-color:#cd0029;
	color:#FFF;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:"Oswald";
	font-weight:normal;
	text-transform:uppercase;
	}
#texto-home p{
	font-family:"Decker Bold";
	font-size:59px;
	color:#00b3c1;
	margin-top:15px;
	line-height:45px;
	}
#foto-home{
	float:right;
	margin-top:20px;
	width:375px;
	position:relative;
	}
#foto-pro{
	float:right;
	margin-top:20px;
	width:450px;
	position:relative;
	}
#empresa-tex{
	float:left;
	position:relative;
	background-image:url(../img/empresa.png);
	width:512px;
	margin-left:20px;
	margin-top:40px;
	height:354px;
	z-index:100;
	}
#empresa-tex p{
	font-family:"Decker";
	font-size:16px;
	width:295px;
	color:#FFF;
	margin-top:30px;
	margin-left:40px;
	line-height:19px;
	}
#empresa-foto{
	float:left;
	position:relative;
	margin-top:15px;
	margin-left:-45px;
	}
#experiencia{
	float:left;
	position:relative;
	margin-top:50px;
	width:960px;
	}
#experiencia p{
	font-size:27px;
	font-family:"Decker Bold";
	text-align:center;
	}
#experiencia span{
	font-size:56px;	
	}
#mision{
	float:left;
	position:relative;
	margin-top:140px;
	width:480px;
	}
#mision p{
	width:220px;
	font-family:"Decker";
	font-size:18px;
	height:126px;/*texto*/
	}
#mision h1{
	font-family:"Oswald";
	font-size:18px;
	margin-top:105px;
	color:#FFF;
	text-transform:uppercase;
	background-color:#cd0029;
	padding-left:15px;
	padding-top:10px;
	font-weight:normal;
	padding-bottom:10px;
	}
#foto-mv{
	position:absolute;
	left:250px;
	top:92px;
	}
#vision{
	float:right;
	position:relative;
	margin-top:140px;
	width:480px;
	}
#vision p{
	width:220px;
	font-family:"Decker";
	font-size:18px;
	text-align:right;
	height:126px;/*texto*/
	margin-left:260px;
	}
#vision h1{
	font-family:"Oswald";
	font-size:18px;
	margin-top:105px;
	color:#FFF;
	text-transform:uppercase;
	background-color:#cd0029;
	padding-right:15px;
	padding-top:10px;
	font-weight:normal;
	padding-bottom:10px;
	text-align:right;
	}
#galeria-text{
	background-image:url(../img/galeria.png);
	width:352px;
	height:245px;
	float:left;
	position:relative;
	margin-top:75px;
	margin-left:30px;
	}
#galeria-text p{
	color:#FFF;
	width:187px;
	margin-top:30px;
	line-height:18px;
	margin-left:30px;
	font-family:"Decker";
	font-size:16px;
	}
#foto-galeria{
	float:left;
	position:relative;
	width:508px;
	height:355px;
	margin-top:20px;
	}
#titulo-gal{
	position:absolute;
	width:375px;
	top:0px;
	right:0px;
	height:44px;
	z-index:100;
	background-image:url(../img/caption.png);
	background-repeat:no-repeat;
	}
#titulo-gal h1{
	font-family:"Oswald";
	font-size:18px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:normal;
	margin-right:15px;
	text-align:right;
	margin-top:14px;
	}
#texto-servicios{
	float:left;
	position:relative;
	width:890px;
	margin-top:40px;
	font-family:"Decker";
	font-size:16px;
	margin-bottom:20px;
	}
#texto-cont{
	width:419px;
	height:292px;
	float:left;
	margin-top:43px;
	position:relative;
	background-image:url(../img/cont.png);
	}
#texto-cont p{
	font-family:"Decker";
	font-size:16px;
	width:240px;
	color:#FFF;
	margin-top:30px;
	margin-left:40px;
	line-height:19px;
	}
#formulario{
	float:right;
	position:relative;
	width:525px;
	margin-top:15px;
	}
input{
	width:435px;
	background-color:#000;
	color:#FFF;
	border:none;
	font-family:"Oswald";
	font-size:18px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:5px;
	margin-left:90px;
	}
textarea{
	width:432px;
	margin-left:90px;
	background-color:#000;
	color:#FFF;
	border:none;
	font-family:"Oswald";
	text-transform:uppercase;
	font-size:19px;
	padding-top:8px;
	padding-bottom:8px;
	height:140px;
	margin-top:5px;
	z-index:100;
	position:relative;
	}
.campo{
	width:80px;
	height:34px;
	background-color:#000;
	color:#FFF;
	position:absolute;
	margin-top:5px;
	font-family:"Oswald";
	text-transform:uppercase;
	font-size:18px;
	padding-top:11px;
    padding-left:10px;
	}
.campo-t{
	width:80px;
	height:145px;
	background-color:#000;
	color:#FFF;
	position:absolute;
	margin-top:5px;
	font-family:"Oswald";
	text-transform:uppercase;
	font-size:18px;
	padding-top:11px;
    padding-left:10px;
	z-index:101;
	}
#enviar{
	width:90px;
	border:none;
	background-color:#cc022a;
	padding-top:0px;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:18px;
	color:#fff;
	font-family:"Oswald";
	padding-bottom:0px;
	z-index:100;
	text-transform:uppercase;
	height:40px;
	margin-top:20px;
	margin-left:0px;
	} 
#enviar:hover{
	background-color:#000;
	text-decoration:underline;
	}
#borrar{
	height:40px;
	margin-left:0px;
	margin-right:8px;
	width:90px;
	border:none;
	background-color:#cc022a;
	padding-top:0px;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:18px;
	color:#fff;
	font-family:"Oswald";
	text-transform:uppercase;
	padding-bottom:0px;
	margin-top:20px;
	z-index:100;
	}
#borrar:hover{
	background-color:#000;
	text-decoration:underline;
	}
#mapa{
	width:915px;
	height:385px;
	float:left;
	position:relative;
	margin-top:50px;
	margin-left:30px;
	}
#ampliar-mapa{
	width:425px;
	padding-right:20px;
	float:right;
	position:relative;
	padding-top:15px;
	padding-bottom:15px;
	font-family:"Oswald";
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	margin-top:20px;
	background-color:#cc022a;
	margin-right:15px;
	margin-bottom:30px;
	text-align:right;
	}
#ampliar-mapa:hover{
	background-color:#000;
	text-decoration:underline;
	}
#footer{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/footer.png);
	height:181px;
	}
#footer-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#web{
	float:left;
	position:relative;
	margin-top:45px;
	width:434px;
	}
#web a{
	background-image:url(../img/web.png);
	background-repeat:no-repeat;
	padding-right:150px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:27px;
	background-color:#c86161;
	text-decoration:none;
	color:#FFF;
	font-family:"Decker";
	font-size:14px;
	float:left;
	position:relative;
	margin-top:18px;
	background-position:189px;
	}
#web a:hover{
	background-color:#616161;
	}
#datos{
	background-image:url(../img/datos.jpg);
	background-position:right;
	background-repeat:no-repeat;
	float:right;
	position:relative;
	height:138px;
	width:440px;
	margin-top:27px;
	}
#datos p{
	font-family:"Decker";
	font-size:14px;
	margin-top:16px;
	text-align:right;
	line-height:17px;
	float:left;
	position:relative;
	letter-spacing:1pt;
	margin-left:-62px;
	}
#datos h1{
	float:right;
	position:relative;
	font-family:"Decker";
	font-weight:normal;
	font-size:14px;
	color:#FFF;
	line-height:18px;
	margin-right:33px;
	margin-top:16px;
	}
#top-datos{
	width:960px;
	float:left;
	position:relative;
	text-align:center;
	height:145px;
	}
#top-datos p{
	margin-top:2px;
	line-height:30px;
	font-family: "Oswald";
	letter-spacing:1px;
	font-size: 22px;
	}
#back-top {
    background-image: url(../img/whatsapp.png);
    width: 62px;
    height: 63px;
    position: fixed;
    right: 22px;
    z-index: 900;
    bottom: 102px;
    }