@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:"Free Serif";
	src:url("../fuentes/Free_Serif/FreeSerif.eot?") format("eot"),
	url("../fuentes/Free_Serif/FreeSerif.woff") format("woff"),
	url("../fuentes/Free_Serif/FreeSerif.ttf") format("truetype"),
	url("../fuentes/Free_Serif/FreeSerif.svg#FreeSerif") 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;
	}


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

}
body{
	background-image:url(../img/fondo.jpg);
	}
#boton-contacto{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/btn-contacto.png);
	background-repeat:no-repeat;
	background-position:center;
	height:34px;
	padding-top:5px;
	}
/*#boton-contacto:hover{
	background-image:url(../img/btn-contacto-h.png);
	}*/
#boton-contacto-960{
	width:960px;
	margin:auto;
	position:relative;
	text-align:right;
	overflow:hidden;
	}
#boton-contacto-960 a{
	text-decoration:none;
	font-family:"Decker";
	font-size:18px;
	color:#000;
	z-index:10;
	width:140px;
	float:left;
	text-align:center;
	text-transform:uppercase;
	position:relative;
	}
#boton-contacto-960 a:hover{
	color:#F5821F;
	}
#bienvenido{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/linea.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:15px;
	}
#bienvenido-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#bienvenido-960 img{
	margin-left:30px;
	}
#banner-home{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	}
#banner-home-960{
	width:1300px;
	margin:auto;
	position:relative;
	}
#home-fotos{
	width:1300px;
	float:left;
	position:relative;
	}
#triangulos-home{
	float:right;
	position:relative;
	background-image:url(../img/home.png);
	background-repeat:no-repeat;
	width:450px;
	height:650px;
	margin-top:-705px;
	margin-right:50px;
	z-index:7;
	background-position:bottom right;
	}
#empresa{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/empresa.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:747px;
	margin-bottom:-60px;
	}
#empresa-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#titulo-empresa{
	float:left;
	position:relative;
	}
#titulo-empresa h1{
	font-size:50px;
	font-family:"BebasNeue";
	color:#FFF;
	font-weight:normal;
	}
#banner-empresa{
	float:left;
	position:relative;
	width:960px;
	margin-top:-65px;
	}
#triangulo-empresa{
	background-image:url(../img/triangulo-emp.png);
	background-repeat:no-repeat;
	width:216px;
	height:384px;
	float:left;
	position:relative;
	margin-top:-315px;
	margin-left:15px;
	z-index:6;
	}
#servicios{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-bottom:-100px;
	}
#servicios-960{
	width:960px;
	margin:auto;
	position:relative;
	overflow:hidden;
	}
#titulo-servicios{
	float:left;
	position:relative;
	}
#titulo-servicios h1{
	font-size:50px;
	font-family:"BebasNeue";
	color:#FFF;
	font-weight:normal;
	}
#sub-titulo{
	width:960px;
	float:left;
	position:relative;
	margin-top:20px;	
	padding-bottom:15px;
	border-bottom:solid 2px #FFFFFF;
	}
#sub-titulo h2{
	font-family:"Free Serif";
	color:#FFF;
	font-size:22px;
	text-align:right;
	font-weight:normal;
	}
#servicios-links{
	width:960px;
	float:left;
	position:relative;
	background-image:url(../img/bg-servicio.png);
	background-position:bottom;
	background-repeat:no-repeat;
	height:815px;
	}
#servicios-links span{
	width:285px;
	z-index:101;
	text-indent:inherit;
	font-family:"BebasNeue";
	font-size:25px;
	z-index:101;
	margin-top:120px;
	float:left;
	text-align:center;
	line-height:32px;
	color:#000;
	background-image:url(../img/mas.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:50px;
	}
#servicios-links a{
	text-decoration:none;
	}
#servicios-links a:hover span{ 
	width:0px;
	padding:0;
	position:absolute;
	overflow:hidden;
	}
.consultoria{
	background-image:url(../img/servicios/1.png);
	background-repeat:no-repeat;
	width:285px;
	float:left;
	position:relative;
	margin-top:20px;
	margin-left:40px;
	height:286px;
	}
.consultoria:hover{
	background-image:url(../img/servicios/1-h.png);
	}
.asesorias{
	background-image:url(../img/servicios/2.png);
	background-repeat:no-repeat;
	width:285px;
	float:left;
	margin-left:110px;
	margin-top:20px;
	position:relative;
	height:286px;
	}
.asesorias:hover{
	background-image:url(../img/servicios/2-h.png);
	}
.diseño{
	background-image:url(../img/servicios/3.png);
	background-repeat:no-repeat;
	width:285px;
	float:left;
	position:relative;
	margin-left:250px;
	height:286px;
	}
.diseño:hover{
	background-image:url(../img/servicios/3-h.png);
	}
.construccion{
	background-image:url(../img/servicios/4.png);
	background-repeat:no-repeat;
	width:285px;
	float:left;
	margin-left:100px;
	position:relative;
	height:286px;
	}
.construccion:hover{
	background-image:url(../img/servicios/4-h.png);
	}
#servicios-galeria{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-bottom:-55px;
	background-image:url(../img/bg-servicios.png);
	background-repeat:no-repeat;
	background-position:top;
	}
#servicios-galeria-960{
	width:960px;
	margin:auto;
	position:relative;
	height:733px;
	}
#galeria-servicios{
	float:left;
	position:relative;
	width:960px;
	margin-top:-60px;
	}
#galeria-triangulos{
	float:left;
	position:relative;
	background-image:url(../img/triangulos-galeria.png);
	background-repeat:no-repeat;
	width:273px;
	height:339px;
	margin-top:-255px;
	z-index:6;
	}
#galeria-formas{
	width:309px;
	height:219px;
	float:right;
	background-image:url(../img/formas-galeria.png);
	background-repeat:no-repeat;
	position:relative;
	margin-top:-190px;
	margin-right:65px;
	z-index:6;
	}
#experiencia-titulo{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	}
#experiencia-titulo-960{
	width:960px;
	margin:auto;
	position:relative;
	overflow:hidden;
	}
#experiencia{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-bottom:20px;
	background-image:url(../img/bg-experiencia.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:805px;
	margin-top:20px;
	}
#experiencia-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#experiencia-1{
	float:left;
	position:relative;
	}
#experiencia-2{
	float:left;
	position:relative;
	margin-top:5px;
	margin-left:191px;
	}
#experiencia-3{
	float:left;
	position:relative;
	margin-top:5px;
	margin-left:382px;
	}
.experiencia{
	border:solid 4px #FFFFFF;
	width:178px;
	height:177px;
	float:left;
	position:relative;
	margin-left:5px;
	background-color:#FFF;
	}
.experiencia img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}
.experiencia img:hover{
	opacity:1.0;
	filter:alpha(opacity=100)
	}
.experiencia-link{
	border:solid 4px #FFFFFF;
	width:178px;
	height:177px;
	float:left;
	position:relative;
	margin-left:5px;
	background-color:#FFF;
	font-weight:normal;
	}
.experiencia-link img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}
.experiencia-link img:hover{
	opacity:1.0;
	filter:alpha(opacity=100);
	}
#experiencia-960 span{
	width:0px;
	padding:0;
	position:absolute;
	bottom:0px;
	left:0px;
	overflow:hidden;
	font-family:"BebasNeue";
	font-size:20px;
	z-index:101;
	text-align:center;
	color:#FFF;
	background-image:url(../img/experiencia/hover.png);
	background-repeat:no-repeat;
	}
#experiencia-960 a:hover{
	text-decoration:none;
	z-index:101;
	}
#experiencia-960 a:hover span{ 
	width:178px;
	padding-top:30px;
	height:70px;
	z-index:101;
	text-indent:inherit;
	}
/*Box*/
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-image:url(../img/experiencia/bg.png);
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	background-color:#000;
	}
.white_content {
	display: none;
	position:fixed;
	width:100%;
	height:100%;
	min-width:960px;
	min-height:600px;
	z-index:1002;
	overflow: auto;
	}
.box{
	width:500px;
	margin:auto;
	position:relative;
	margin-top:5%;
	}
.box-contenido {
	width: 499px;
	float: left;
	position: relative;
	border: solid #FFF 3px;	
	}
.box-titulo{
	width:499px;
	float:left;
	height:45px;
	position:relative;
	background-color:#FCC69F;
	}
.box-titulo h1{
	font-family:"Free Serif";
	font-size:18px;
	margin-top:10px;
	margin-left:15px;
	}
.box-foto{
	width:499px;
	float:left;
	position:relative;
	}
.box-texto{
	width:489px;
	float:left;
	position:relative;
	background-color:#282828;
	padding-bottom:30px;
	padding-top:20px;
	padding-left:10px;
	}
.box-texto h1{
	color:#FFF;
	font-size:23px;
	font-weight:normal;
	border-bottom:solid 2px #FFFFFF;
	width:480px;
	padding-bottom:3px;
	font-family:"BebasNeue";
	}
.box-texto h2{
	color:#FFF;
	font-size:30px;
	font-weight:normal;
	font-family:"BebasNeue";
	margin-top:3px;
	margin-bottom:20px;
	}
.box-texto h3{
	color:#00e4ff;
	font-family:"Free Serif";
	font-size:18px;
	font-weight:normal;
	margin-top:10px;
	}
.box-texto p{
	color:#FFF;
	font-family:"Free Serif";
	font-size:18px;
	font-weight:normal;
	}
.box-cerrar{
	height:30px;
	text-align:right;
	float:left;
	width:523px;
	z-index:1;
	position:relative;
	}
.box-cerrar a{
	background-image:url(../img/experiencia/cerrar.png);
	background-repeat:no-repeat;
	position:relative;
	float:right;
	width:47px;
	height:48px;
	}
.box-cerrar a:hover{
	background-image:url(../img/experiencia/cerrar-h.png);
	}
/*Box*/
#ubicacion{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-bottom:-75px;
	}
#ubicacion-960{
	width:1004px;
	margin:auto;
	position:relative;
	overflow:hidden;
	background-image:url(../img/bg-ubicacion.png);
	background-repeat:no-repeat;
	height:748px;
	}
#ubicacion-head{
	width:1004px;
	float:left;
	position:relative;
	}
#ampliar-mapa{
	height:55px;
	float:right;
	margin-top:20px;
	position:relative;
	background-color:#F6821F;
	width:164px;
	}
#ampliar-mapa a{
	background-image:url(../img/ampliar.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	float:left;
	position:relative;
	text-decoration:none;
	color:#FFF;
	font-family:"BebasNeue";
	font-size:25px;
	text-align:center;
	padding-bottom:65px;
	margin-top:15px;
	margin-left:25px;
	}
#ampliar-mapa a:hover{
	background-image:url(../img/ampliar-h.png);
	color:#000;
	}
#ubicacion-titulo{
	height:55px;
	float:right;
	position:relative;
	background-color:#F6821F;
	margin-top:20px;
	width:450px;
	text-align:right;
	}
#ubicacion-titulo h1{
	color:#FFF;
	font-size:22px;
	font-family:"Free Serif";
	font-weight:normal;
	margin-top:15px;
	margin-right:15px;
	}
#mapa{
	float:left;
	position:relative;
	width:515px;
	height:295px;
	margin-left:220px;
	}
#ubicacion-datos{
	float:right;
	position:relative;
	background-color:#4f4f4f;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	}
#ubicacion-datos p{
	color:#FFF;
	font-family:"Free Serif";
	font-size:17px;
	text-align:right;
	}
#ubicacion-triangulos{
	float:right;
	position:relative;
	width:238px;
	height:180px;
	background-image:url(../img/formas-ubicacion.png);
	background-repeat:no-repeat;
	margin-right:50px;
	margin-top:-145px;
	}
#contacto{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	margin-bottom:-60px;
	}
#contacto-960{
	width:1038px;
	margin:auto;
	position:relative;
	overflow:hidden;
	background-image:url(../img/bg-contacto.png);
	background-repeat:no-repeat;
	height:748px;
	}
#contacto-titulo{
	height:51px;
	float:right;
	position:relative;
	margin-top:20px;
	width:1000px;
	text-align:right;
	}
#contacto-titulo h1{
	color:#FFF;
	font-size:22px;
	font-family:"Free Serif";
	font-weight:normal;
	margin-top:15px;
	margin-right:15px;
	}
#contacto-datos{
	float:right;
	position:relative;
	background-color:#4f4f4f;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	}
#contacto-datos p{
	color:#FFF;
	font-family:"Free Serif";
	font-size:17px;
	text-align:right;
	}
#formulario{
	width:600px;
	float:left;
	position:relative;
	margin-left:180px;
	}
.campo{
	height:35px;
	width:514px;
	margin-top:5px;
	background-image:url(../img/input.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	}
.campo-mensaje{
	width:520px;
	color:#4c2d07;
	float:left;
	margin-top:5px;
	background-image:url(../img/text.jpg);
	padding-left:5px;
	}
.campo input{
	font-family:"BebasNeue";
	font-size:20px;
	color:#FFF;
	}
.campo-mensaje textarea{
	font-family:"BebasNeue";
	font-size: 20px;
	color:#FFF;
	}
#botones-form{
	width:207px;
	text-align:right;
	float:left;
	margin-top:-120px;
	position:relative;
	z-index:1;
	margin-left:518px;
	}
#enviar{
	cursor:pointer;
	text-transform:none;
	background-color:transparent;
	font-family:"BebasNeue";
	font-size:23px;
	color:#000;
	background-image:url(../img/btn-form.png);
	width:200px;
	padding-top:5px;
	padding-bottom:30px;
	background-repeat:no-repeat;
	padding-left:55px;
	text-align:left;
	}
#enviar:hover{
	background-image:url(../img/btn-form-h.png);
	color:#FFF;
	}
#borrar{
	cursor:pointer;
	text-transform:none;
	background-color:transparent;
	font-family: 'bebas_neueregular';
	font-size:23px;
	color:#000;
	background-image:url(../img/btn-form.png);
	background-repeat:no-repeat;
	width:200px;
	padding-top:5px;
	padding-bottom:30px;
	padding-left:55px;
	text-align:left;
	margin-top:-20px;
	}
#borrar:hover{
	background-image:url(../img/btn-form-h.png);
	color:#FFF;
	}
#footer{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-image:url(../img/footer.png);
	background-repeat:no-repeat;
	background-position:center;
	height:242px;
	}
#footer-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#logo{
	float:left;
	position:relative;
	margin-top:-160px;
	margin-left:55px;
	z-index:5;
	}
#menu{
	float:left;
	position:relative;
	margin-left:340px;
	margin-top:20px;
	}
#menu ul li{
	margin-top:10px;
	}
#menu ul li a{
	color:#FFF;
	font-family:"Decker";
	font-size:20px;
	text-transform:uppercase;
	text-decoration:none;
	}
#menu ul li a:hover{
	color:#00e4ff;
	}
#menu .selec{
	color:#00e4ff;
	}
#footer-web{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background-color:#FFF;
	}
#footer-web-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#copy{
	float:left;
	position:relative;
	margin-top:5px;
	}
#copy a{
	background-image:url(../img/web.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:145px;
	position:relative;
	float:left;
	height:22px;
	padding-top:8px;
	font-family:"Free Serif";
	font-size:14px;
	text-decoration:none;
	color:#000;
	}
#copy a:hover{
	background-image:url(../img/web-h.png);
	}
#redes{
	background-color:#F6821F;
	float:left;
	position:relative;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:15px;
	margin-left:417px;
	}
.tw{
	background-image:url(../img/tw.png);
	background-repeat:no-repeat;
	width:32px;
	height:30px;
	float:left;
	position:relative;
	margin-left:10px;
	}
.tw:hover{
	background-image:url(../img/tw-h.png);
	}
.fb{
	background-image:url(../img/fb.png);
	background-repeat:no-repeat;
	width:32px;
	height:30px;
	float:left;
	position:relative;
	margin-left:10px;
	}
.fb:hover{
	background-image:url(../img/fb-h.png);
	}
.sk{
	background-image:url(../img/sk.png);
	background-repeat:no-repeat;
	width:32px;
	height:30px;
	float:left;
	margin-left:10px;
	position:relative;
	}
.sk:hover{
	background-image:url(../img/sk-h.png);
	}
.yt{
	background-image:url(../img/yt.png);
	background-repeat:no-repeat;
	width:32px;
	height:30px;
	float:left;
	position:relative;
	margin-left:10px;
	}
.yt:hover{
	background-image:url(../img/yt-h.png);
	}

.politicas{
	background-color:#ff6600;
	padding:10px;
	color:#fff;
	text-decoration:none;
	font-family: "Decker";
	float:left;
	font-size:17px;
	border:2px solid #FFF;
}

.politicas:hover{
	background-color:#000;
}