@charset "utf-8";
/* CSS Document */

body{margin:0px;
background-color: black;}

a.a{
	border: 0;
	border: none;
	text-decoration: none;
	outline: none;
}

/*===================  HEADER =====================*/

#head{
	width: 100%;
	height: 75px;
	background: rgb(0,0,0);
	position: fixed;
	z-index: 100;
}

#head .bloque-head{
	width: 20%;
	height: 75px;
	float: left;
}

#head .bloque-head-logo{
	width: 20%;
	height: 75px;
	float: left;
}

#head .bloque-head-logo img.logo{
	display: block;
	margin: 0 auto;
	float: left;
}

#head .bloque-head h1{
	width: 100%;
	height: auto;
	font-family: 'FUTURA', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-transform: uppercase;
	margin: 0px;
	padding: 32px 0px;
	cursor: pointer;
}


.separate{
	width: 100%;
	height: 5%;
	background: rgb(0,0,0); 
	position:absolute;
	bottom: -5%;
	z-index: 20;
}

.separate-02{
	width: 100%;
	height: 20%;
	background: rgb(0,0,0); 
	position:absolute;
	bottom: -230%;
	z-index: 20;
}

.separate-03{
	width: 100%;
	height: 20%;
	background: rgb(0,0,0); 
	position:absolute;
	bottom: -350%;
	z-index: 20;
}

/* HOME PROYECTOS */

#proyectos{
	width: 100%;
	height: 200%;
	position: absolute;
	background: black;
	z-index: 1
}

#proyectos .proyectos-01,
#proyectos .proyectos-02,
#proyectos .proyectos-03,
#proyectos .proyectos-04,
#proyectos .proyectos-05,
#proyectos .proyectos-06{
	width: 33.33%;
	height: 50%;
	float: left;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s;
}

#proyectos .proyectos-01{background-image: url(img/img_home_01.jpg);}
#proyectos .proyectos-02{background-image: url(img/img_home_02.jpg);}
#proyectos .proyectos-03{background-image: url(img/img_home_03.jpg);}
#proyectos .proyectos-04{background-image: url(img/img_home_04.jpg);}
#proyectos .proyectos-05{background-image: url(img/img_home_05.jpg);}
#proyectos .proyectos-06{background-image: url(img/img_home_06.jpg);}

#proyectos .proyectos-01:hover,
#proyectos .proyectos-02:hover,
#proyectos .proyectos-03:hover,
#proyectos .proyectos-04:hover,
#proyectos .proyectos-05:hover,
#proyectos .proyectos-06:hover{
	transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s;
}



#proyectos .proyectos-01 .hover-01,
#proyectos .proyectos-02 .hover-02,
#proyectos .proyectos-03 .hover-03,
#proyectos .proyectos-04 .hover-04,
#proyectos .proyectos-05 .hover-05,
#proyectos .proyectos-06 .hover-06{
	width: 100%;
	height: 100%;
	float: left;
	background: rgba(0,0,0,0.7);
	display: none;
}

#proyectos .proyectos-01 .hover-01 h1,
#proyectos .proyectos-02 .hover-02 h1,
#proyectos .proyectos-03 .hover-03 h1,
#proyectos .proyectos-04 .hover-04 h1,
#proyectos .proyectos-05 .hover-05 h1,
#proyectos .proyectos-06 .hover-06 h1{
	width: 100%;
	height: auto;
	font-family: 'FUTURA', sans-serif;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-transform: uppercase;
	margin: 0px;
	padding: 340px 0px 0px 0px;
	cursor: pointer;
}

#proyectos .lista-proyectos{
	width: 400px;
	height: 100%;
	left: -400px;
	position: fixed;
	background: rgba(0,0,0,0.8);
	z-index: 5;
}

#proyectos .lista-proyectos .contenido{
	width: 80%;
	height: 500px;
	float: left;
	margin: 100px 10% 0px 10%;
	overflow: scroll;
}

#proyectos .lista-proyectos .contenido h1{
	width: 100%;
	height: auto;
	font-family: 'FUTURA', sans-serif;
	font-size: 13px;
	font-weight: lighter;
	text-align: left;
	color: white;
	text-transform: uppercase;
	margin: 10px 0px;
	padding: 10px;
	cursor: pointer;
}

#proyectos .lista-proyectos .contenido h1 span{
	font-weight: bold;
	font-size: 14px;
}



#proyectos .lista-proyectos-open{
	width: 60px;
	height: 160px;
	top: 50%;
	margin-top: -80px;
	left: 0px;
	position: fixed;
	background: url(img/arrow-right.png) center no-repeat;
	cursor: pointer;
	z-index: 89;
}

#proyectos .lista-proyectos .lista-proyectos-close{
	width: 40px;
	height: 40px;
	position: absolute;
	background: url(img/arrow-left-form.png) center no-repeat;
	bottom: 10px;
	left: 10px;
	cursor: pointer;
}


/* HOME PROYECTOS */




/* HOME NOSOTROS */

#nosotros{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 210%;
	background: black;
	z-index: 10;
}

#nosotros h1{
	width: 100%;
	height: auto;
	font-family: 'FUTURA', sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: white;
	text-transform: uppercase;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

#nosotros p{
	width: auto;
	height: auto;
	font-family: 'FUTURA', sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: white;
	margin: 0px;
	padding: 20px 0px;
}


/* SLIDER'S CONTENIDO */

.nav-slider-left,
.nav-slider-right{
	width: 60px;
	height: 160px;
	top: 50%;
	margin-top: -60px;
	position: absolute;
	z-index: 9;
	background-repeat:no-repeat;
	background-position: center;
	cursor: pointer;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
}

.nav-slider-left{left: 0px; background-image: url(img/slide-arrow-left.png); background-size: cover;}
.nav-slider-right{right: 0px; background-image: url(img/slide-arrow-right.png); background-size: cover;}

.slider{
	width: 100%;
	height: 100%;
	position: absolute;
	background: black;
	display: block;
	overflow: hidden;
}

.slider .container-slide-01{
	width: 300%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,0.3);
	display: block;
}

.bloques{
	width: 33.33%;
	height: 100%;
	margin: 0px;
	display: block;
	float: left;
	background-color: black;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#l-01{background-image: url(img/slide-01.jpg);}
#l-02{background-image: url(img/slide-01.jpg); left: 100%;}
#l-03{background-image: url(img/slide-01.jpg); left: 200%;}


.slider-branding{display: none;}
.slider-logotipos{display: block;}
.slider-logotipos{display: block;}
.slider-logotipos{display: block;}

.fila{
	width: 80%;
	height: auto;
	float: left;
	margin: 0px 10%;
}

.bloques-logotipos{
	width: 33.33%;
	height: 220px;
	float: left;
}

.bloques-logotipos:hover{
	background: blue;
}

.bloques-logotipos img{
	display: block;
	margin: 0 auto;
}

/* SLIDER'S CONTENIDO */




/* HOME NOSOTROS */




/* HOME SERVICIOS */

#servicios{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 330%;
	background-color: rgb(0,0,0);
	background-image: url(img/slide-01.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: 20;
}

#servicios h1{
	width: 100%;
	height: auto;
	font-family: 'FUTURA', sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: white;
	text-transform: uppercase;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

#servicios p{
	width: auto;
	height: auto;
	font-family: 'FUTURA', sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: white;
	margin: 0px;
	padding: 20px 0px;
}

/* HOME SERVICIOS */






/* HOME CONTACTO */

#contacto{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 450%;
	background: rgb(0,0,0);
	z-index: 30;
}

#contacto #mapa{
	width: 100%;
	height: 70%;
	background: rgb(0,0,0);
	float: left;
}

.overlay {
    background:transparent; 
    position:absolute; 
    width:100%;
    height:100%; 
    top: 480px; 
    margin-top:-480px;
}

#contacto .contenido{
	width: 100%;
	height: 30%;
	background: rgb(0,0,0);
	float: left;
}

#contacto .contenido h1{
	width: 100%;
	height: auto;
	font-family: "FUTURA", sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	color: white;
	text-transform: ;
	margin: 0px;
	padding: 20px 0px;
}

#contacto .contenido p{
	width: auto;
	height: auto;
	font-family: "FUTURA", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	color: white;
	margin: 0px;
	padding: 20px 0px;
}

#contacto .contenido p::after{
	content: "";
	width: 80px;
	right: 5%;
	height: 7px;
	background: rgb(4,51,255);
	margin-top: 30px;
	padding: 0px;
	position: absolute;
}

#contacto .formulario-bloque{
	width: 400px;
	height: 100%;
	left: -400px;
	position: absolute;
	background: rgba(0,0,0,0.8);
	z-index: 32;
}

#contacto .formulario-open{
	width: 60px;
	height: 160px;
	top: 200px;
	position: absolute;
	background: url(img/arrow-right.png) center no-repeat;
	cursor: pointer;
	z-index: 31;
}

#contacto .formulario-bloque .formulario-close{
	width: 40px;
	height: 40px;
	float: left;
	background: url(img/arrow-left-form.png) center no-repeat;
	margin-top: 54px;
	margin-left: 359px;
	cursor: pointer;
}

#contacto .formulario-bloque .formulario-close-2{
	width: 40px;
	height: 40px;
	float: left;
	background: url(img/arrow-left-form.png) center no-repeat;
	margin-top: 54px;
	margin-left: 359px;
	cursor: pointer;
}

#contacto .formulario-bloque .formulario{
	width: 340px;
	height: auto;
	margin: 0px 30px;
}

#contacto .formulario-bloque .formulario form{
	width: 100%;
	height: auto;
	margin-top: 75px;
	float: left;
}

#contacto .formulario-bloque .formulario form p{
	width: auto;
	height: auto;
	font-family: 'FUTURA', sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: white;
	text-transform:;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	float: left;
}

#contacto .formulario-bloque .formulario form input,
#contacto .formulario-bloque .formulario form textarea{
	width: 100%;
	max-width: 100%;
	background: white;
	margin:0px;
	float: left;
	border:0;
	outline: none;
	text-decoration: none;
}

#contacto .formulario-bloque .formulario form textarea{
	height: 80px;
}

#contacto .formulario-bloque .formulario form input{
	height: 40px;
}

#contacto .formulario-bloque .formulario form input.submit{
	width: 100px;
	height: 50px;
	margin-top: 20px;
	float: right;
	background: rgb(4,51,255);
	color: white;
}


/* HOME CONTACTO */
















/* PROYECTOS  */

#proyectos-page #proyecto-01,
#proyectos-page #proyecto-02,
#proyectos-page #proyecto-03,
#proyectos-page #proyecto-04,
#proyectos-page #proyecto-05,
#proyectos-page #proyecto-06{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

#proyectos-page #proyecto-06{
	overflow: scroll;
}

#proyectos-page #proyecto-01 .bloque-info,
#proyectos-page #proyecto-02 .bloque-info,
#proyectos-page #proyecto-03 .bloque-info,
#proyectos-page #proyecto-04 .bloque-info,
#proyectos-page #proyecto-05 .bloque-info,
#proyectos-page #proyecto-06 .bloque-info{
	width: 500px;
	height: 100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 2;
}

#proyectos-page #proyecto-01 .bloque-info .contenido,
#proyectos-page #proyecto-02 .bloque-info .contenido,
#proyectos-page #proyecto-03 .bloque-info .contenido,
#proyectos-page #proyecto-04 .bloque-info .contenido,
#proyectos-page #proyecto-05 .bloque-info .contenido,
#proyectos-page #proyecto-06 .bloque-info .contenido{
	width: 100%;
	height:auto;
	float: left;
	margin-top: 75px;
}

#proyectos-page #proyecto-01 .bloque-info .contenido p,
#proyectos-page #proyecto-02 .bloque-info .contenido p,
#proyectos-page #proyecto-03 .bloque-info .contenido p,
#proyectos-page #proyecto-04 .bloque-info .contenido p,
#proyectos-page #proyecto-05 .bloque-info .contenido p,
#proyectos-page #proyecto-06 .bloque-info .contenido p{
	width: auto;
	height: auto;
	font-family: "FUTURA", sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align: right;
	color: white;
	margin: 0px;
	padding: 70px;
}

#proyectos-page #proyecto-01 .bloque-info .contenido p span,
#proyectos-page #proyecto-02 .bloque-info .contenido p span,
#proyectos-page #proyecto-03 .bloque-info .contenido p span,
#proyectos-page #proyecto-04 .bloque-info .contenido p span,
#proyectos-page #proyecto-05 .bloque-info .contenido p span,
#proyectos-page #proyecto-06 .bloque-info .contenido p span{
	font-weight: lighter;
	font-size: 14px;
}


#proyectos-page #proyecto-01 .bloque-info #open,
#proyectos-page #proyecto-02 .bloque-info #open,
#proyectos-page #proyecto-03 .bloque-info #open,
#proyectos-page #proyecto-04 .bloque-info #open,
#proyectos-page #proyecto-05 .bloque-info #open,
#proyectos-page #proyecto-06 .bloque-info #open{
	width: 60px;
	height: 160px;
	background: url(img/arrow-left.png) center no-repeat;
	cursor: pointer;
	position: absolute;
	right: 500px;
	top: 50%;
	margin-top: -115px;
	display: none;
}

#proyectos-page #proyecto-01 .bloque-info #close,
#proyectos-page #proyecto-02 .bloque-info #close,
#proyectos-page #proyecto-03 .bloque-info #close,
#proyectos-page #proyecto-04 .bloque-info #close,
#proyectos-page #proyecto-05 .bloque-info #close,
#proyectos-page #proyecto-06 .bloque-info #close{
	width: 60px;
	height: 160px;
	background: url(img/arrow-right-white.png) center no-repeat;
	cursor: pointer;
	position: absolute;
	right: 415px;
	top: 50%;
	margin-top: -115px;
}

/* PROYECTOS  */





/* PROYECTOS INFO XS */

#proyectos-page #proyecto-01 .bloque-info-xs,
#proyectos-page #proyecto-02 .bloque-info-xs,
#proyectos-page #proyecto-03 .bloque-info-xs,
#proyectos-page #proyecto-04 .bloque-info-xs,
#proyectos-page #proyecto-05 .bloque-info-xs,
#proyectos-page #proyecto-06 .bloque-info-xs{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	left: 100%;
	top: 0px;
	z-index: 2;
}

#proyectos-page #proyecto-01 .bloque-info-xs .contenido,
#proyectos-page #proyecto-02 .bloque-info-xs .contenido,
#proyectos-page #proyecto-03 .bloque-info-xs .contenido,
#proyectos-page #proyecto-04 .bloque-info-xs .contenido,
#proyectos-page #proyecto-05 .bloque-info-xs .contenido,
#proyectos-page #proyecto-06 .bloque-info-xs .contenido{
	width: 80%;
	height:auto;
	float: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 115px;
}

#proyectos-page #proyecto-01 .bloque-info-xs .contenido p,
#proyectos-page #proyecto-02 .bloque-info-xs .contenido p,
#proyectos-page #proyecto-03 .bloque-info-xs .contenido p,
#proyectos-page #proyecto-04 .bloque-info-xs .contenido p,
#proyectos-page #proyecto-05 .bloque-info-xs .contenido p,
#proyectos-page #proyecto-06 .bloque-info-xs .contenido p{
	width: auto;
	height: auto;
	font-family: "FUTURA", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: white;
	margin: 0px;
	padding: 20px 0px;
}

#proyectos-page #proyecto-01 .bloque-info-xs .contenido p span,
#proyectos-page #proyecto-02 .bloque-info-xs .contenido p span,
#proyectos-page #proyecto-03 .bloque-info-xs .contenido p span,
#proyectos-page #proyecto-04 .bloque-info-xs .contenido p span,
#proyectos-page #proyecto-05 .bloque-info-xs .contenido p span,
#proyectos-page #proyecto-06 .bloque-info-xs .contenido p span{
	font-weight: lighter;
	font-size: 14px;
}


#proyectos-page #proyecto-01 .bloque-info-xs #open,
#proyectos-page #proyecto-02 .bloque-info-xs #open,
#proyectos-page #proyecto-03 .bloque-info-xs #open,
#proyectos-page #proyecto-04 .bloque-info-xs #open,
#proyectos-page #proyecto-05 .bloque-info-xs #open,
#proyectos-page #proyecto-06 .bloque-info-xs #open{
	width: 30px;
	height: 80px;
	background-image: url(img/arrow-left.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	position: absolute;
	left: -30px;
	top: 50%;
	margin-top: -40px;
	display: block;
}

#proyectos-page #proyecto-01 .bloque-info-xs #close,
#proyectos-page #proyecto-02 .bloque-info-xs #close,
#proyectos-page #proyecto-03 .bloque-info-xs #close,
#proyectos-page #proyecto-04 .bloque-info-xs #close,
#proyectos-page #proyecto-05 .bloque-info-xs #close,
#proyectos-page #proyecto-06 .bloque-info-xs #close{
	width: 30px;
	height: 30px;
	background-image: url(img/arrow-right-white-xs.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -15px;
}

/* PROYECTOS INFO XS */














		
#scrollpixel{position:fixed;
top:0px;
right:100px;
color:green;
z-index:999999999;
}


@font-face{
font-family: 'FUTURA';
src: url(fonts/futura.eot),
     url(fonts/futura.ttf),
	 url(fonts/futura.woff),
	 url(fonts/futura.svg); /* IE9 */
}




/* SLIDER TORRE MR 900 */

.slide-contenido{
	width: 300%;
	height: 100%;
	position: absolute;
}

.nav-01, .nav-02, .nav-03{
	width: 25px;
	height: 25px;
	position: fixed;
	background-position: center;
	background-repeat: no-repeat;
	bottom: 10px;
	cursor: pointer;
}

.nav-01{
	background-image: url(img/nav-active.png);
}

.nav-02, .nav-03{
	background-image: url(img/nav.png);
}

.nav-01{left: 10px;}
.nav-02{left: 55px;}
.nav-03{left: 100px;}

.slide-01-01, .slide-01-02, .slide-01-03{
	width: 33.33%;
	height: auto;
	max-height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: scroll;
	float: left;
}

.slide-01-01 img, .slide-01-02 img, .slide-01-03 img{
	display: block;
	margin: 75px auto 0px auto;
	width: 100%;
}


/* SLIDER TORRE MR 900 */



/* SLIDER TORRE SAN PEDRO */

.slide-02-01, .slide-02-02, .slide-02-03{
	width: 33.33%;
	height: auto;
	max-height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: scroll;
	float: left;
}

.slide-02-01 img, .slide-02-02 img, .slide-02-03 img{
	display: block;
	margin: 75px auto 0px auto;
	width: 100%;
}



/* SLIDER TORRE SAN PEDRO */



/* SLIDER TORRE ALBERTA */

.slide-03-01, .slide-03-02, .slide-03-03{
	width: 33.33%;
	height: auto;
	max-height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: scroll;
	float: left;
}

.slide-03-01 img, .slide-03-02 img, .slide-03-03 img{
	display: block;
	margin: 75px auto 0px auto;
	width: 100%;
}

/* SLIDER TORRE ALBERTA */




/* SLIDER RENACIMIENTO */

.slide-04-01, .slide-04-02, .slide-04-03{
	width: 33.33%;
	height: auto;
	max-height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: scroll;
	float: left;
}

.slide-04-01 img, .slide-04-02 img, .slide-04-03 img{
	display: block;
	margin: 75px auto 0px auto;
	width: 100%;
}


/* SLIDER RENACIMIENTO */




/* SLIDER OBISPADO */

.slide-05-01, .slide-05-02, .slide-05-03{
	width: 33.33%;
	height: auto;
	max-height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: scroll;
	float: left;
}

.slide-05-01 img, .slide-05-02 img, .slide-05-03 img{
	display: block;
	margin: 75px auto 0px auto;
	width: 100%;
}

/* SLIDER OBISPADO */


/* SLIDER IPADE */

#proyecto-06 img{
	display: block;
	margin: 75px auto 0px auto;
	width: 100%;
}

/* SLIDER IPADE */







@media (max-width: 767px) {

	.separate{
		z-index: 20;
	}

	.separate-02{
		z-index: 20;
	}

	.separate-03{
		z-index: 20;
	}

	#nosotros{
		z-index: 10;
	}

	#contacto{
		z-index: 30;
	}



	#head{
		height: auto;
	}

	#head .bloque-head{
		width: 25%;
		height: auto;
		float: left;
	}

	#head .bloque-head-logo{
		width: 100%;
		height: 75px;
		float: left;
	}

	#head .bloque-head h1{
		font-size: 10px;
		text-align: center;
		padding: 15px 0px;
	}

	#head .bloque-head-logo img.logo{
		display: block;
		margin: 0 auto;
		float: none;
	}


	#proyectos .proyectos-01 .hover-01 h1,
	#proyectos .proyectos-02 .hover-02 h1,
	#proyectos .proyectos-03 .hover-03 h1,
	#proyectos .proyectos-04 .hover-04 h1,
	#proyectos .proyectos-05 .hover-05 h1,
	#proyectos .proyectos-06 .hover-06 h1{
		font-size: 12px;
		padding: 200px 0px 0px 0px;
	}

	#proyectos .proyectos-01,
	#proyectos .proyectos-02,
	#proyectos .proyectos-03,
	#proyectos .proyectos-04,
	#proyectos .proyectos-05,
	#proyectos .proyectos-06{
		width: 50%;
		height: 33.33%;
		float: left;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s;
	}

	#proyectos .lista-proyectos{
		width: 100%;
		height: 100%;
		left: -100%;
		position: fixed;
		background: rgba(0,0,0,0.8);
		z-index: 5;
	}

	#proyectos .lista-proyectos .contenido{
		width: 60%;
		height: 300px;
		float: left;
		margin: 130px 20% 0px 20%;
		overflow: scroll;
	}

	#proyectos .lista-proyectos .contenido h1{
		width: 100%;
		height: auto;
		font-family: 'FUTURA', sans-serif;
		font-size: 12px;
		font-weight: lighter;
		text-align: center;
		color: white;
		text-transform: uppercase;
		margin: 5px 0px;
		padding: 5px;
		cursor: pointer;
	}

	#proyectos .lista-proyectos .contenido h1 span{
		font-weight: bold;
		font-size: 13px;
	}



	#proyectos .lista-proyectos-open{
		width: 30px;
		height: 80px;
		top: 50%;
		margin-top: -40px;
		left: 0px;
		position: fixed;
		background: url(img/arrow-right.png) center no-repeat;
		cursor: pointer;
		background-size: cover;
		z-index: 89;
	}

	#proyectos .lista-proyectos .lista-proyectos-close{
		width: 40px;
		height: 40px;
		position: absolute;
		background: url(img/arrow-left-form.png) center no-repeat;
		bottom: 10px;
		background-size: cover;
		left: 10px;
		cursor: pointer;
	}

	#nosotros h1,
	#servicios h1{
		width: 100%;
		height: auto;
		font-family: 'FUTURA', sans-serif;
		font-size: 20px;
		font-weight: bold;
		text-align: left;
		color: white;
		text-transform: uppercase;
		margin: 0px;
		padding: 20px 0px 0px 0px;
	}

	#nosotros p,
	#servicios p{
		width: auto;
		height: auto;
		font-family: 'FUTURA', sans-serif;
		font-size: 11px;
		font-weight: normal;
		text-align: left;
		color: white;
		margin: 0px;
		padding: 20px 0px;
	}

	.nav-slider-left, .nav-slider-right {
		width: 30px;
		height: 80px;
		top: 50%;
		margin-top: -15px;
		position: absolute;
		z-index: 9;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
	}

	#contacto .formulario-bloque {
		width: 100%;
		height: 100%;
		left: -100%;
		position: absolute;
		background: rgba(0,0,0,0.8);
		z-index: 2;
	}

	#contacto .formulario-open{
		width: 30px;
		height: 80px;
		top: 200px;
		position: absolute;
		background: url(img/arrow-right.png) center no-repeat;
		background-size: cover;
		cursor: pointer;
	}

	#contacto .formulario-bloque .formulario-close{
		width: 40px;
		height: 40px;
		position: absolute;
		float: none;
		display: block;
		background: url(img/arrow-left-form.png) center no-repeat;
		margin: 0px;
		bottom: 54px;
		left: 10px;
		cursor: pointer;
	}

	#contacto .formulario-bloque .formulario-close-2{
		width: 40px;
		height: 40px;
		position: absolute;
		float: none;
		display: block;
		background: url(img/arrow-left-form.png) center no-repeat;
		margin: 0px;
		bottom: 54px;
		left: 10px;
		cursor: pointer;
	}

	#contacto .formulario-bloque .formulario{
		width: 80%;
		height: auto;
		margin: 0px 10%;
	}

	#contacto .formulario-bloque .formulario form{
		width: 100%;
		height: auto;
		margin-top: 120px;
		float: left;
	}

	#contacto .formulario-bloque .formulario form p{
		width: auto;
		height: auto;
		font-family: 'FUTURA', sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
		color: white;
		text-transform:;
		margin: 20px 0px 10px 0px;
		padding: 0px;
		float: left;
	}

	#contacto .formulario-bloque .formulario form input,
	#contacto .formulario-bloque .formulario form textarea{
		width: 100%;
		max-width: 100%;
		background: white;
		margin:0px;
		float: left;
		border:0;
		outline: none;
		text-decoration: none;
	}

	#contacto .formulario-bloque .formulario form textarea{
		height: 50px;
	}

	#contacto .formulario-bloque .formulario form input{
		height: 25px;
	}

	#contacto .formulario-bloque .formulario form input.submit{
		width: 100px;
		height: 50px;
		margin-top: 20px;
		float: right;
		background: rgb(4,51,255);
		color: white;
	}

	#l-01{background-image: url(img/background-historia-xs.jpg); background-size: auto 100%;}
	#l-02{background-image: url(img/background-historia-xs.jpg); background-size: auto 100%; left: 100%;}
	#l-03{background-image: url(img/background-historia-xs.jpg); background-size: auto 100%; left: 200%;}

	#servicios{
		background-color: rgb(0,0,0);
		background-image: url(img/background-historia-xs.jpg);
		background-position: center;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-attachment: initial;
	}

	.slide-01-01 img, .slide-01-02 img, .slide-01-03 img{
		display: block;
		margin: 0px auto 0px auto;
		width: auto;
		height: auto;
		max-height: 100%;
	}

	.slide-02-01 img, .slide-02-02 img, .slide-02-03 img{
		display: block;
		margin: 0px auto 0px auto;
		width: auto;
		height: auto;
		max-height: 100%;
	}

	.slide-03-01 img, .slide-03-02 img, .slide-03-03 img{
		display: block;
		margin: 0px auto 0px auto;
		width: auto;
		height: auto;
		max-height: 100%;
	}

	.slide-04-01 img, .slide-04-02 img, .slide-04-03 img{
		display: block;
		margin: 0px auto 0px auto;
		width: auto;
		height: auto;
		max-height: 100%;
	}

	.slide-05-01 img, .slide-05-02 img, .slide-05-03 img{
		display: block;
		margin: 0px auto 0px auto;
		width: auto;
		height: auto;
		max-height: 100%;
	}

	#proyecto-06 img{
		display: block;
		margin: 0px auto 0px auto;
		width: auto;
		height: auto;
		max-height: 100%;
	}

	.nav-01, .nav-02, .nav-03{
		width: 25px;
		height: 25px;
		position: fixed;
		bottom: 10px;
		cursor: pointer;
	}

	.nav-01:active, .nav-02:active, .nav-03:active{
		background: url(img/nav-active.png) center no-repeat;
	}

	.nav-01{
		background-image: url(img/nav-active.png);
	}

	.nav-02, .nav-03{
		background-image: url(img/nav.png);
	}

	.nav-01{left: 10px; bottom: 90px;}
	.nav-02{left: 10px; bottom: 50px;}
	.nav-03{left: 10px; bottom: 10px;}

	#proyectos-page #proyecto-01 .bloque-info-xs .contenido p,
	#proyectos-page #proyecto-02 .bloque-info-xs .contenido p,
	#proyectos-page #proyecto-03 .bloque-info-xs .contenido p,
	#proyectos-page #proyecto-04 .bloque-info-xs .contenido p,
	#proyectos-page #proyecto-05 .bloque-info-xs .contenido p,
	#proyectos-page #proyecto-06 .bloque-info-xs .contenido p{
		width: auto;
		height: auto;
		font-family: "FUTURA", sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		color: white;
		margin: 0px;
		padding: 20px 0px;
	}

	#proyectos-page #proyecto-01 .bloque-info-xs .contenido p span,
	#proyectos-page #proyecto-02 .bloque-info-xs .contenido p span,
	#proyectos-page #proyecto-03 .bloque-info-xs .contenido p span,
	#proyectos-page #proyecto-04 .bloque-info-xs .contenido p span,
	#proyectos-page #proyecto-05 .bloque-info-xs .contenido p span,
	#proyectos-page #proyecto-06 .bloque-info-xs .contenido p span{
		font-weight: lighter;
		font-size: 12px;
	}

}


@media (min-width: 768px) and (max-width: 991px) {

	#contacto .formulario-bloque {
		z-index: 2;
	}

}



@media (min-width: 992px) and (max-width: 1199px) {




}



@media (min-width: 1200px) {



}

@media (min-width: 1450px) {


}



/* HEIGTH */





@media (max-height: 600px) {

		
	#contacto #mapa{
		height: 60%;
	}

	#contacto .contenido{
		height: 40%;
	}


	



}