/* CSS Document */
@charset "utf-8";
html{
	width:100%;
	height:100%;
}

@font-face {
	font-family: 'Avenir Next LT Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Regular'), url('AvenirNextLTPro-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Avenir Next LT Pro Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Bold'), url('AvenirNextLTPro-Bold.woff') format('woff');
}
body {
	font-family: 'Avenir Next LT Pro Regular';
	text-align:center;
	margin:0 auto;
	background:#FFF;
	width:100%;
	height:100%;
}
.clearer{
    display:block;
    clear: both;
}
#cabecera{
	width:100%;
	padding:10px 0;
	text-align:center;
	height:auto;
	display:block;
	background:#FFF;
}
#logotipo{
	width:auto;
	text-align:center;
}
#logotipo img{
	height:200px;
}
#menu{
	width:40%;
	margin:5px 30%;
	text-align:center;
	height:auto;
	display:table;
	font-size:14px;
}
#menu ul{
	width:100%;
	list-style:none;
}
#menu ul li{
	width:25%;
	float:left;
	text-align:center;
}
#menu ul li a{
	text-decoration:none;
	color:#999;
}
#menu ul li a:hover{
	color:#000;
}
#foto_inicio{
	width:50%;
	margin:0 25%;
	text-align:center;
}
#foto_inicio img{
	width:100%;
}
#footer{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	color:#999;
	font-size:13px;
}
#iconos_footer{
	width:auto;
	padding:5px;
	float:center;
}
#iconos_footer img{
	height:50px;
}
.seleccionado{
	color:#000;
}
/*SOMOS*/
#somos{
	width:36%;
	margin:80px 32%;
	font-size:14px;
	color:#333;
	text-align:justify;
	letter-spacing:3px;
}
/*FIN BLOQUE*/

/*CONTACTO*/
#contacto{
	width:50%;
	margin:60px 25%;
	font-size:14px;
	color:#333;
	text-align:justify;
	letter-spacing:3px;
}
#linea_contacto{
	width:60%;
	margin:5px 20%;
	height:auto;
	display:table;
	border-bottom:solid 1px #999;
}
#linea_contacto_izq{
	width:30%;
	padding:5px 0;
	float:left;
	text-align:center;
}
#linea_contacto_der{
	width:70%;
	padding:15px 0;
	float:left;
	text-align:left;
	font-size:14px;
	color:#000;
}
/*FIN BLOQUE*/

/*PROYECTOS*/
#proyectos{
	width:70%;
	margin:0 15%;
	height:auto;
	display:table;
	background:#FFF;
}
#vertical, #vertical_b, #vertical_b_1, #vertical_b_2, #vertical_b_3, #vertical_b_4, #vertical_b_5, #vertical_b_6, #vertical_b_7, #vertical_b_8, #vertical_b_9{
	width:30%;
	height:360px;
	float:left;
	padding-right:3%;
	overflow:hidden;
	position:relative;
}
#vertical img, #vertical_b img{
	width:100%;	
}
#horizontal, #horizontal_b{
	width:29%;
	float:left;
	margin-right:3%;
	height:170px;
	overflow:hidden;
	position:relative;
}
#horizontal img, #horizontal_b img{
	height:170px;
}
#horizontal_2, #horizontal_2_b{
	width:35%;
	float:left;
	height:170px;
	overflow:hidden;
	position:relative;
}
#horizontal_2 img, #horizontal_2_b img{
	width:100%;
	height:170px;
}
#horizontal_3, #horizontal_3_b{
	width:34%;
	float:left;
	height:170px;
	overflow:hidden;
	text-align:left;
	padding-top:20px;
	margin-right:3%;
	position:relative;
} 
#horizontal_3 img, #horizontal_3_b img{
	width:100%;
	height:170px;
}
#horizontal_4, #horizontal_4_b{
	width:30%;
	float:left;
	height:170px;
	overflow:hidden;
	text-align:left;
	padding-top:20px;
	position:relative;
} 
#horizontal_4 img, #horizontal_4_b img{
	width:100%;
	height:170px;
}
#horizontal_5, #horizontal_5_b{
	width:52%;
	float:left;
	height:170px;
	overflow:hidden;
	text-align:left;
	padding-top:20px;
	margin-right:3%;
	position:relative;
} 
#horizontal_5 img, #horizontal_5_b img{
	width:100%;
	height:170px;
}
#horizontal_6, #horizontal_6_b{
	width:41%;
	float:left;
	height:170px;
	overflow:hidden;
	text-align:left;
	padding-top:20px;
	position:relative;
} 
#horizontal_6 img, #horizontal_6_b img{
	width:100%;
	height:170px;
}
#vertical_2, #vertical_2_b{
	width:100%;
	height:360px;
	float:left;
	overflow:hidden;
	padding-top:20px;
	position:relative;
}
#vertical_2 img, #vertical_2_b img{
	width:100%;
}
#horizontal_7, #horizontal_7_b{
	width:45%;
	float:left;
	height:170px;
	overflow:hidden;
	text-align:left;
	padding-top:20px;
	margin-right:3%;
	position:relative;
} 
#horizontal_7 img, #horizontal_7_b img{
	width:100%;
	height:170px;
}
#horizontal_8, #horizontal_8_b{
	width:48%;
	float:left;
	height:170px;
	overflow:hidden;
	text-align:left;
	padding-top:20px;
	position:relative;
} 
#horizontal_8 img, #horizontal_8_b img{
	width:100%;
	height:170px;
}
#titulo_casa{
	width:100%;
	position:absolute;
	top:45%;
	font-size:20px;
	color:#FFF;
	text-align:center;
}
#detalle_fotos{
	width:100%;
	height:auto;
	display:table;
	position:relative;
}
#foto_1, #foto_1_1, #foto_1_2, #foto_1_3, #foto_1_4, #foto_1_5, #foto_1_6, #foto_1_7, #foto_1_8, #foto_1_9, #foto_2, #foto_2_1, #foto_2_2, #foto_2_3, #foto_2_4, #foto_2_5, #foto_2_6, #foto_2_7, #foto_3, #foto_3_1, #foto_4, #foto_4_1, #foto_4_2, #foto_4_3, #foto_4_4, #foto_5, #foto_5_1, #foto_5_2, #foto_6, #foto_7, #foto_7_1, #foto_7_2, #foto_7_3, #foto_7_4, #foto_7_5, #foto_7_6, #foto_7_7, #foto_7_8, #foto_8, #foto_8_1, #foto_8_2, #foto_8_3, #foto_9, #foto_9_1, #foto_9_2, #foto_9_3, #foto_9_4, #foto_9_5, #foto_10, #foto_10_1, #foto_10_2, #foto_10_3{
	widows:70%;
	margin:0 15%;
	text-align:center;
	display:none;
}
#btn_izq_1{
	width:20%;
	float:left;
	text-align:center;
	font-size:30px;
	padding-top:22%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#btn_izq_1_1, #btn_izq_1_2, #btn_izq_1_3, #btn_izq_1_4, #btn_izq_1_5, #btn_izq_1_6, #btn_izq_1_7, #btn_izq_1_8, #btn_izq_1_9{
	width:20%;
	float:left;
	text-align:center;
	font-size:30px;
	padding-top:22%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display:none;
}

#btn_izq_1 a, #btn_izq_1_1 a, #btn_izq_1_2 a, #btn_izq_1_3 a, #btn_izq_1_4 a, #btn_izq_1_5 a,#btn_izq_1_6 a, #btn_izq_1_7 a, #btn_izq_1_8 a, #btn_izq_1_9 a{
	text-decoration:none;
	color:#999;
	-webkit-transition:all .5s ease; /* Safari y Chrome */
	-moz-transition:all .5s ease; /* Firefox */
	-o-transition:all .5s ease; /* IE 9 */
	-ms-transition:all .5s ease;
}
#btn_izq_1 a:hover, #btn_izq_1_1 a:hover, #btn_izq_1_2 a:hover, #btn_izq_1_3 a:hover, #btn_izq_1_4 a:hover, #btn_izq_1_5 a:hover, #btn_izq_1_6 a:hover, #btn_izq_1_7 a:hover, #btn_izq_1_8 a:hover, #btn_izq_1_9 a:hover{
	color:#333;
	-webkit-transition:all .5s ease; /* Safari y Chrome */
	-moz-transition:all .5s ease; /* Firefox */
	-o-transition:all .5s ease; /* IE 9 */
	-ms-transition:all .5s ease;
}
#btn_der_1{
	width:20%;
	float:left;
	text-align:center;
	font-size:30px;
	padding-top:22%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#btn_der_1_1, #btn_der_1_2, #btn_der_1_3, #btn_der_1_4, #btn_der_1_5, #btn_der_1_6, #btn_der_1_7, #btn_der_1_8, #btn_der_1_9{
	width:20%;
	float:left;
	text-align:center;
	font-size:30px;
	padding-top:22%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	display:none;
}
#btn_der_1 a{
	text-decoration:none;
	color:#999;
	-webkit-transition:all .5s ease; /* Safari y Chrome */
	-moz-transition:all .5s ease; /* Firefox */
	-o-transition:all .5s ease; /* IE 9 */
	-ms-transition:all .5s ease;
}
#btn_der_1 a:hover{
	color:#333;
	-webkit-transition:all .5s ease; /* Safari y Chrome */
	-moz-transition:all .5s ease; /* Firefox */
	-o-transition:all .5s ease; /* IE 9 */
	-ms-transition:all .5s ease;
}
#titulo_foto{
	width:100%;
	padding:20px 0;
	text-align:center;
	font-size:13px;
	color:#999;
}
#foto{
	width:60%;
	height:auto;
	float:left;
}
#foto img{
	width:100%;
}
#x1{
	position:absolute;
	right:25%;
	top:20px;
	font-size:20px;
	display:none;
}
#x1 a{
	text-decoration:none;
	color:#999;
	-webkit-transition:all .5s ease; /* Safari y Chrome */
	-moz-transition:all .5s ease; /* Firefox */
	-o-transition:all .5s ease; /* IE 9 */
	-ms-transition:all .5s ease;
}
#x1 a:hover{
	text-decoration:none;
	color:#333;
	-webkit-transition:all .5s ease; /* Safari y Chrome */
	-moz-transition:all .5s ease; /* Firefox */
	-o-transition:all .5s ease; /* IE 9 */
	-ms-transition:all .5s ease;
}
/*FIN BLOQUE*/