body {
	font-family: 'Lato', sans-serif;
	background-image:url(../imagenes/brickwall_@2X.png);
	}
	
a {
	text-decoration:none;
	}
	
#logos {
	margin:auto;
	max-width:1366px;
	height:280px;
	position:relative;
	padding-top:30px;
	}
	
#logos li {
	float:left;
	margin-left:15px;
	}
	
#logos li.logo-finadco {
	width:230px;
	height:136px;
	background-image:url(../imagenes/finadco-logotipo.png);	
	}
	

#logos li.logo-feria {
	margin-left:200px;
	width:500px;
	height:246px;
	background-image:url(../imagenes/feria-virtual-finadco.png);	
	}	


#servicios {
	margin:auto;
	max-width:1280px;
	text-align:center;
	margin-top:100px;
	}
	
#servicios li {
	position:relative;
	display:inline-block;
	width:230px;
	height:350px;
	background-color:#fff;
	box-shadow:0 0 30px rgba(102,102,102,0.3);
	margin:0 5px;
	}
	
#servicios li .luces {
	width:230px;
	height:67px;
	background-image:url(../imagenes/luces.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-top:-67px;
	}
	
#servicios li h2 {
	font-size:18px;
	line-height:24px;
	text-align:center;
	padding:20px;
	color:#06153D;
	}
	
.info-servicio {
	background-color:rgba(239,239,239,1);
	color:#fff;
	position:absolute;
	top:0;
	width:230px;
	height:280px;
	z-index:10;
	cursor:pointer;
	padding:80px 25px;
	font-size:18px;
	line-height:22px;
	text-align:center;
	color:#000040;
	box-sizing:border-box;
	font-style:italic;	
	display:none;	
	}
	
	
#servicios li:hover .info-servicio {
	display:block;
	}
	
	
.especialista {
	width:230px;
	height:70px;
	background-image:url(../imagenes/especialista.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#fff;
	font-size:22px;
	font-style:italic;
	font-weight:300;
	text-align:left;
	text-shadow:1px 1px 1px rgba(128,128,0,0.7);
	padding-left:70px;
	padding-top:10px;
	box-sizing:border-box;
	margin-top:62px;
	cursor:pointer;
	
		transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	}
	
.verde {
	background-color:#B3BD00;
	}
	
.verde:hover {
	background-color:#001736;
	}

.azul{
	background-color:#001736;
	}
	
.azul:hover {
	background-color:#B3BD00;
	}

	
article {
	width:100%;
	background-color:#fff;
	box-shadow:0 0 15px rgba(153,153,153,1);
	padding:40px 0;
	margin-top:40px;
	z-index:50;
	}
	
article h2 {
	text-align:center;
	font-size:30px;
	color:#002448;
	font-style:italic;
	margin-bottom:40px;
	}
	

	
article #constructoras {
	margin:auto;
	max-width:1000px;
	text-align:center;
	}
	
article #constructoras li {
	display:inline-block;
	width:300px;
	height:180px;
	position:relative;
	}
	
.info-constructoras {
	background-color:#1C3157;
	color:#fff;
	width:300px;
	height:180px;
	line-height:25px;
	font-style:italic;
	text-align:left;
	padding-left:20px;
	padding-top:20px;
	box-sizing:border-box;
	position:absolute;
	top:0;
	
	display:none;
	}
	
.info-constructoras a {
	background-color:#fff;
	color:#00254A;
	padding:2px 10px;
	}
	
article #constructoras li:hover .info-constructoras  {
	display:block;
	}
	
.bordes {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	margin:0 40px;
	}
	
footer {
	margin:auto;
	width:100%;
	height:765px;
	background-image:url(../imagenes/finadco.jpg);
	background-position:center;
	z-index:-100;
	}
	
#contenedor-footer {
	margin:auto;
	max-width:1000px;
	padding-top:50px;
	padding-left:20px;
	box-sizing:border-box;
	}
	
#contenedor-footer #boton-ocupado {
	width:300px;
	height:287px;
	margin-top:50px;
	}
	
#finadco-frase {
	max-width:698px;
	width:100%;
	}
	
#finadco-frase img {
	width:100%;
	}
	
#sellos {
	max-width:500px;
	width:100%;
	}
	
#sellos img {
	width:100%;
	}
	
/***************************************************************
MEDIA QUERY****************************************************/	
	
@media (max-width: 1280px) {
	
#logos {
	width:100%;
	height:200px;
	position:relative;
	padding-top:30px;
	}
	
#logos li {
	float:left;
	margin-left:15px;
	}
	

#logos li.logo-feria {
	float:right;
	margin-right:30px;
	margin-left:0px;
	width:400px;
	height:197px;
	background-image:url(../imagenes/feria-virtual-finadco.png);
	background-size:400px 197px;	
	}
	
#servicios li {
	position:relative;
	display:inline-block;
	width:230px;
	height:350px;
	background-color:#fff;
	box-shadow:0 0 30px rgba(102,102,102,0.3);
	margin:0 5px 80px 5px;
	}
	
article {
	margin-top:0;
	}
	
.bordes {
	margin:0 5px;
	}
	

}




@media (max-width: 950px) {
	
#logos {
	height:150px;
	}
	
#logos li.logo-feria {
	float:right;
	margin-right:15px;
	width:300px;
	height:148px;
	background-size:300px 148px;	
	}
	
article #constructoras li {
	width:225px;
	display:block;
	margin:auto;
	margin-bottom:30px;
	}
	
.bordes {
	margin:0;
	border:none;
	}
	
}


@media (max-width: 600px) {
	
	
#logos li.logo-finadco {
	width:230px;
	height:136px;
	background-image:url(../imagenes/finadco-logotipo.png);	
	}
	

#logos li.logo-feria {
	width:250px;
	height:124px;
	background-image:url(../imagenes/feria-virtual-finadco.png);
	background-size:250px 124px;	
	}
	
#servicios {
	margin-top:70px;
	}
	
	}
	
@media (max-width: 530px) {
	
	
#logos li.logo-finadco {
	width:100px;
	height:59px;
	background-image:url(../imagenes/finadco-logotipo.png);	
	background-size:100px 59px;
	}
	
	}
	
@media (max-width: 400px) {

#logos li.logo-feria {
	width:100%px;
	margin-top:20px;
	}
	
#logos {
	height:200px;
	}
		
		
	}