/* 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;
}

/* INICIO */
#cabecera{
	width:100%;
	height:500px;
	background:#56565A;
	position:relative;
}
#cabecera_izq{
	width:10%;
	float:left;
	text-align:left;
	padding:50px 5%;
}
#cabecera_der{
	width:70%;
	padding:50px 5%;
	float:left;
	text-align:right;
	font-size:12px;
}
#cabecera_der ul{
	width:100%;
	list-style:none;
}
#cabecera_der ul li{
	width:auto;
	padding:0 20px;
	float:right;
	text-align:center;
	border-right:thin dotted rgba(255,255,255,0.6);
}
#cabecera_der ul li a{
	text-decoration:none;
	color:#FFF;
	transition:all .5s ease-in-out;
}
#cabecera_der ul li a:hover{
	color:#333;
	transition:all .5s ease-in-out;
}
#frase{
	width:50%;
	padding-left:25%;
	text-align:left;
	color:#FFF;
	font-size:45px;
	position:absolute;
	top:30%;
}
#buho{
	width:20%;
	position:absolute;
	top:15%;
	left:70%;
}
#listado{
	width:90%;
	height:auto;
	padding:10px 5%;
	display:table;
}
#listado ul{
	width:100%;
	list-style:none;
}
#listado ul li{
	width:30%;
	margin:0 1% 30px 1%;
	float:left;
	position:relative;
	z-index:1000;
	display:block;
}
#listado ul li img{
	width:100%;
	height:auto;
}
#listado ul li a{
	text-decoration:none;
	transition:all .5s ease-in-out;
	
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#listado ul li a:hover{
	opacity:0.4;
	transition:all .5s ease-in-out;
	-webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
#listado_logos{
	width:90%;
	height:auto;
	padding:10px 5%;
	display:table;
}
#listado_logos ul{
	width:100%;
	list-style:none;
}
#listado_logos ul li{
	width:40%;
	height:auto;
	margin:0 5% 30px 5%;
	float:left;
	position:relative;
	z-index:1000;
	display:block;
}
#listado_logos ul li img{
	width:100%;
	height:auto;
}
#listado_logos ul li a{
	text-decoration:none;
	transition:all .5s ease-in-out;
	
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#listado_logos ul li a:hover#im1{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_rehab_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im2{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_cossio_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im3{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_palpita_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im4{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_abeja_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im5{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_residencial_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im6{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_guarapeta_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im7{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_ralphies_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im8{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_egg_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im9{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_silvana_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im10{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_conduccasa_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im11{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_portal_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im12{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_vinos_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im13{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_etniko_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im14{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_woodex_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im15{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_ronazoni_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im16{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_paseo_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im17{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_jardinero_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im18{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_chilli_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im19{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_astillero_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
#listado_logos ul li a:hover#im20{
	opacity:0.9;
	transition:all .5s ease-in-out;
	background-image:url(../images/logo_argento_1.png);
	/*-webkit-transform: translateY(-1px);
    transform: translateY(-1px);*/
}
.desvanecer:hover {
  opacity: 0.07;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
}
#detalle{
	width:100%;
	height:100%;
	border:solid 1px #CCCCCC;
	position:absolute;
	background-color: rgba(0,0,0,0.65);
	z-index:5;
}
#nombre_cliente{
	width:100%;
	padding:1px 0;
	text-align:left;
	text-transform:uppercase;
	font-size:13px;
	color:#666;
	font-weight:600;
}
#tipo_cliente{
	width:100%;
	padding:1px 0;
	text-align:left;
	text-transform:uppercase;
	font-size:12px;
	color:#666;
}
#cproy{
	width:100%;
	height:auto;
	background:#333;
	position:absolute;
	top:500px;
	z-index:20000;
}
#cproy img{
	width:100%;
}
/* FIN DEL BLOQUE */





/* CONTACTO */
#bloque_contacto{
	width:100%;
	height:500px;
	background:#FFF;
	display:table;
}
#bloque_contacto_izq{
	width:30%;
	padding:50px 5%;
	float:left;
	text-align:left;
}
#bloque_contacto_der{
	width:60%;
	float:left;
}
.campo_contacto{
	width:100%;
	padding:5px 0;
	font-size:14px;
	color:#000;
	border:none;
	border-bottom:solid 1px #000000;
}
.enviar{
	padding:15px 50px;
	background:#000;
	color:#FFF;
	border:none;
	font-size:15px;
	cursor:pointer;
}
#datos{
	width:100%;
	font-size:13px;
	color:#666;
	text-align:left;
}
/* FIN DEL BLOQUE */