@charset "utf-8";
/* CSS Document */
html, body{border: 0; margin: 0; padding: 0; width:100%; height: 100%; font-family: 'ralewayregular';}

#page-loader { position: absolute; width: 100%; height: 100%; background-color:#FFFFFF; background-size:cover; z-index: 100001; top: 0; bottom: 0; }
.page-loader-inner {position: absolute; top: 250px; left: 0; right:0; margin:0 auto;}
.page-loader-inner .loader-logo { height: 120px; width: 300px;  margin:0 auto; text-align:center}
.page-loader-inner .loader-logo img { max-width: 250px; margin-top: 32px; }

.container{max-width: 1240px; margin: 0 auto;}

.txt{padding: 0 25px; line-height: 1.4;}
.txt-galeria{padding: 0 10px;}

.clear{clear: both;}

.fthin{font-family: 'ralewayextralight';}
.flight{font-family: 'ralewaylight' !important;}
.fmedium{font-family: 'ralewaymedium';}
.fbold{font-family: 'ralewaybold';}
.fblack{font-family: 'ralewayblack';}


.blue{color:#1681c4;}
.blue2{color:#253a7f;}
.orange{color:#f89c1b;}
.aqua{color:#3cbca3;}
.pink{color:#ca6aa9}
.green{color:#c1d72e;}

.bg-blue{background-color: #1681c4 !important;}
.bg-orange{background-color: #f89c1b;}
.bg-white{background-color: #ffffff;}
.bg-gray{background-color:#E9E9E9;}

.p20{width:20%; float: left;}
.p25{width:25%; float: left;}
.p28{width:28%; float: left;}
.p30{width:30%; float: left;}
.p33{width:33%; float: left;}
.p35{width:35%; float: left;}
.p37{width:37%; float: left;}
.p40{width:40%; float: left;}
.p45{width:45%; float: left;}
.p50{width:50%; float: left;}
.p60{width:60%; float: left;}
.p65{width:65%; float: left;}
.p70{width:70%; float: left;}
.p80{width:80%; float: left;}



header {
	width: 100%;
	height: 115px;
	background: url(../images/bg_header.jpg) no-repeat left top;
	background-size: cover;
	display: block;
	position: fixed;
	z-index: 100002;
}
header .logo {width: 20%; float: left;}
header .logo img{margin: 15px;}

header .menu-top{height: 40%; width: 100%;}
header .menu-top ul{list-style: none; margin: 0; padding: 0;}
header .menu-top ul > li{float: right; margin: 15px 15px 0 0;}
header .menu-top ul > li > a{display: block; color: #FFFFFF; font-size: 22px; text-decoration: none; -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
header .menu-top ul > li > a:hover{color:#f89c1b;}

header .menu {width: 80%; float: right; position: relative; height: 100%;}
header .menu nav{width: 80%; float: right;}
header .menu nav > ul{width: 100%; list-style: none; margin: 0; padding: 0;}
header .menu nav > ul > li{float: left; width: 20%; padding: 30px 0 0 0; display: block; position: relative;}
header .menu nav > ul > li > a{letter-spacing: 1px; color:#FFFFFF; padding: 10px 0; width: 80%; margin: 0 auto; text-align: center; font-family: 'ralewaybold'; font-size: 14px; text-decoration: none; display: block;  -webkit-transition: color 0.5s ease 0s; -moz-transition: color 0.5s ease 0s; -o-transition: color 0.5s ease 0s; transition: color 0.5s ease 0s;}
header .menu nav > ul > li:hover  a{border-bottom: 3px solid #f89c1b; color: #ffffff;}
header .menu nav > ul > li > ul{-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2); display: none; position:absolute;  z-index: 9998; width: 80%; list-style: none; background: url( ../images/bg_submenu.png) repeat; margin: 0 auto; left:0; right: 0; padding: 0px 0 0px 0;}
header .menu nav > ul > li > ul > li{float: none; text-align: center;}
header .menu nav > ul > li > ul > li > a{ border-bottom: 1px solid #f89c1b !important; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); letter-spacing: 1px; display: block; font-size: 13px; text-decoration: none; font-family: 'ralewaymedium'; color:#000000 !important; width: 100%; margin: 0 auto; padding: 9px 0 9px 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
header .menu nav > ul > li > ul > li > a:hover{color: #ffffff !important;  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); background-color: #f89c1b;}
header .menu nav > ul > li > ul :last-child a{border-bottom: 2px solid #f89c1b !important;}

header .menu nav ul > li:hover > ul{ display: block !important;}

.submenu{ position: fixed; width: 100%; background-color: #EDEDED; top: 114px; z-index: 9997; padding: 8px 0;  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.18); font-family: 'ralewaymedium';}

.submenu .mapa{margin: 0; padding: 0 20px; list-style: none; float: left;}
.submenu .mapa li{float:left; padding: 0 2px; font-size: 14.5px; color: #253a7f;}
.submenu .mapa li a{text-decoration: none; color: #253a7f;}
.submenu .mapa li .fbold{font-weight:400 !important;}

.submenu .next-prev{margin: 0; padding: 0 20px; list-style: none; float: right;}
.submenu .next-prev li{float:left; padding: 0 2px; font-size: 12px; color: #253a7f;}
.submenu .next-prev li a{text-decoration: none; color: #253a7f; font-size: 14px;}

.slider{width:100%; height: 100%; overflow: hidden; display: block; position: relative;}
.slider .scroll{position: absolute; bottom: 60px; z-index: 10000; margin: 0 auto; left:0; right:0; width: auto; display: block; text-align: center; opacity: 1;}
.slider .scroll .arrow-down-1{position: absolute; margin: 0 auto; left:0; right:0;}
.slider .scroll a{ text-align: center; text-decoration: none; color: #ffffff; line-height: 0; font-size: 16px; font-family: 'ralewaybold'; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.71);}
.slider .highlight{background-image: url(../images/bg_submenu.png); width: auto; text-align: center;}
.slider .highlight .high-img{}
.slider .highlight h1{}
.slider .highlight .border{height: 60px; border-bottom:10px inset #FF9C1F;}

.intro{width:100%; text-align: center; background: #FFFFFF;}
.intro h2{width:60%; padding:80px 0; font-size: 20px; margin: 0 auto; line-height: 1.8; font-family: 'ralewayextralight'; color:#253a7f;}

.proyectos{overflow: hidden; padding:0px 0 60px 0;}



.proyectos .grid{ width: 100%;}
.proyectos .grid .proyecto{width:21%; float:left; position: relative; padding: 0 2%;}
.proyectos .grid .proyecto h3{opacity:0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; color:#ffffff; font-family: 'ralewaylight'; width: 100%; margin:0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.proyectos .grid .proyecto h3 span{font-family: 'ralewaybold';}
.proyectos .grid .proyecto .industrial, .grid .proyecto .comercial, .grid .proyecto .residencial, .grid .proyecto .inmobiliaria {cursor: pointer; width: 100%; height: 300px; position: relative; overflow: hidden;}

.proyectos .grid .proyecto .industrial:hover > h3, .grid .proyecto .comercial:hover > h3, .grid .proyecto .residencial:hover > h3, .grid .proyecto .inmobiliaria:hover > h3{opacity: 1;}
 
.proyectos .grid .proyecto .industrial{background-color: #f89c1b;}
.proyectos .grid .proyecto .industrial:hover > .imagen{opacity: 0.1; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transform: scale(1.1); transform: scale(1.1);}
.proyectos .grid .proyecto .industrial .imagen{position: absolute; background: url(../images/1.jpg) center no-repeat; background-size: cover;	width: 100%; height: 100%; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}

.proyectos .grid .proyecto .comercial{background-color: #3cbca3;}
.proyectos .grid .proyecto .comercial:hover > .imagen{opacity: 0.1; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transform: scale(1.1); transform: scale(1.1);}
.proyectos .grid .proyecto .comercial .imagen{position: absolute; background: url(../images/2.jpg) center no-repeat; background-size: cover; width: 100%; height: 100%; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}

.proyectos .grid .proyecto .residencial{background-color: #ca6aa9;}
.proyectos .grid .proyecto .residencial:hover > .imagen{opacity: 0.1; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transform: scale(1.1); transform: scale(1.1);}
.proyectos .grid .proyecto .residencial .imagen{position: absolute; background: url(../images/3.jpg) center no-repeat; background-size: cover; width: 100%; height: 100%; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}

.proyectos .grid .proyecto .inmobiliaria{background-color: #c1d72e;}
.proyectos .grid .proyecto .inmobiliaria:hover > .imagen{opacity: 0.1; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transform: scale(1.1); transform: scale(1.1);}
.proyectos .grid .proyecto .inmobiliaria .imagen{position: absolute; background: url(../images/4.jpg) center no-repeat; background-size: cover; width: 100%; height: 100%; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}

.area-titulo{ overflow: hidden; padding-top: 145px; padding-bottom: 5px;}
.area-titulo h2{font-size: 16px; width: 100%; line-height: 1.6; color: #ffffff; letter-spacing: 0.5px;}
.area-titulo h3{font-size: 22px; font-family: 'ralewaylight'; color: #ffffff;}
.area-titulo h3 span{font-family: 'ralewaybold';}
.area-titulo .imagen{margin-top: 70px;}

.area-titulo h4{font-size: 20px; width: 100%; line-height: 1.4; color: #ffffff; margin:0; padding: 0;}


.titulo-industrial{background: url(../images/bg_industrial_title.jpg) no-repeat; background-size: cover;}

.area-datos{margin: 0 20px; font-size: 14px; overflow: hidden; border: dotted 1px #C1C1C1;}
.area-datos p{line-height: 1;}
.area-industrial h3{font-size: 16px; line-height: 1.6; color: #253a7f; font-family: 'ralewaymedium';}

.area-industrial{padding: 20px 0; overflow: hidden;}

.grid__item .grid__link{-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; cursor: default;}
.grid__item .grid__link{ border:0;}


.over-galery{background-color:#000000; position:absolute; width:100%; height:100%; z-index:99; opacity:0.15; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.over-galery:hover{opacity: 0; cursor: auto;}

.area-comercial{padding: 20px; overflow: hidden;}
.area-comercial h2{font-size: 18px; margin: 0; width: 70%; line-height: 1.6; color: #535353;}


.grid-proyectos{width:100%;}
.grid-proyectos .grid-cont{width:25%; float:left ; min-height: 220px; position: relative; margin: 8px 0;}
.grid-proyectos .grid-cont .grid-img{ border:2px solid #ffffff; height: 220px; background-size: cover; width:93%; margin: 0 auto; display: block; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.grid-proyectos .grid-cont h2{font-size: 16px; font-family: 'ralewayregular'; line-height: 1.3; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #253a7f; text-align: center; width:82%; margin: 0 auto;}
.grid-proyectos .grid-cont span{font-size: 13px; font-family: 'ralewaylight'; color: #1681c4; text-align: center; width:82%; margin: 0 auto;}

.grid-proyectos .grid-cont:hover .grid-img{opacity: 0.15; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.grid-proyectos .grid-cont:hover h2{opacity: 1;}

.grid-proyectos .grid-cont .grid-img{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); background-position: center;}


.bg-fotos{overflow: hidden; margin:20px;}
.bg-fotos .foto-thumb{width: 50%; height: 110px; float: left; align-items: center; text-align: center; margin-bottom: 15px;}
.bg-fotos .foto-thumb a{width: 94%; height: 100%; display: block; margin: 0 auto;background-size: cover; }
.images-proy{display: none;}


.area-titulo-nosotros{ overflow: hidden; padding-top: 144px; padding-bottom: 5px;}
.area-titulo-nosotros h3{font-size: 32px; color: #ffffff;}
.titulo-nosotros{background-color: #FFFFFF;}

.nosotros{height: 75%; display: block; clear: both; overflow: hidden}

.nosotros .intro-1{height: 48%; color: #FFFFFF; background-color: #1681c4; overflow: hidden;}
.nosotros .intro-1 p{display: table-cell; vertical-align: middle; font-size: 16px; line-height: 1.5; padding: 0 14px; letter-spacing: 0.4px;}

.nosotros .intro-2{height: 47%; overflow: hidden;}
.nosotros .intro-2 p{display: table-cell; vertical-align: middle; font-size: 16px; line-height: 1.5; padding: 0 14px; letter-spacing: 0.4px;}

.nosotros .intro-3{height: 5.1%; overflow: hidden; width: 100%; background-color: #3cbca3;}
.nosotros .intro-experiencia{height: 22%;}
.nosotros .intro-experiencia img{height: 90%; text-align: left;}

.nosotros .intro-asociaciones{background-color: #F6F4F4; overflow: hidden; height: 78%; width: 92%; margin: 0 auto; letter-spacing: 0.4px;}
.nosotros .intro-asociaciones p{color: #253a7f; font-size: 14px; font-family: 'ralewaybold'; padding: 15px 0 5px 5px;}
.nosotros .intro-asociaciones ul{padding-left: 15px;}
.nosotros .intro-asociaciones ul li{font-size: 12px; color: #231f20; line-height: 1.7; letter-spacing: 0.4px;}


.area-titulo-contacto{ overflow: hidden; padding-top: 150px; padding-bottom: 5px;}
.area-titulo-contacto h3{font-size: 32px; color: #ffffff;}
/*.titulo-contacto{background: url(../images/bg_contactol_title.jpg) no-repeat; background-size: cover; background-position: center;}*/

.contacto table tr td, .contacto table tr th{font-size: 15px;}
.contacto h2{font-size: 15px; color: #253a7f;}
.contacto h2 i{font-size: 20px;}
.contacto a{text-decoration: none; color: #253a7f;}
.contacto a:hover{color:#1681c4;}
.contacto form input[type="text"]{border: 1px solid #B0B0B0; padding: 6px;  font-family: 'Arial'; font-size: 15px; }
.contacto form textarea{border: 1px solid #B0B0B0; padding: 6px;  font-family: 'Arial'; font-size: 15px;}
.contacto form input[type="text"]:focus, .contacto form textarea:focus{border: 1px solid #1681c4; -webkit-box-shadow: 0px 0px 3px 0px rgba(22,129,196,0.38);
-moz-box-shadow: 0px 0px 3px 0px rgba(22,129,196,0.38);
box-shadow: 0px 0px 3px 0px rgba(22,129,196,0.38);}

.contacto .error{font-size: 12px; color: #B70003;}

.contacto form input[type="submit"]{ -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; cursor: pointer; border: 0px solid #B0B0B0; padding: 10px 11px; color:#FFFFFF; background-color: #1681c4;  font-family: 'ralewaymedium';}
.contacto form input[type="submit"]:hover{border: 0px solid #1681c4; background-color: #253a7f;}

footer{height:auto; line-height: 1.4 !important; width: 100%; clear: both; display: block; background-color: #1681c4; overflow: hidden; padding: 30px 0;}
footer h2{font-size: 12px; font-family: 'ralewayregular'; color: #FFFFFF; font-weight: 300; margin: 0; line-height: 1.8 !important;}
footer h2 span{font-weight: 600 !important;}
footer a{font-size: 12px; font-family: 'ralewayregular'; color: #FFFFFF; font-weight: 300;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; text-decoration: none;}
footer a:hover{color: #253a7f;}

 /* Create four equal columns that floats next to each other */
.column {
    float: left;
    width: 33.3%;
	text-align:center;
}

.column img {
    margin-top: 12px;
    width: 97.5%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 1800px) {
   .column img {
    	width: 97%;
	}
}

@media (max-width: 1600px) {
   .column img {
    	width: 96.5%;
	}
}

@media (max-width: 1400px) {
   .column img {
    	width: 95.5%;
	}
}

@media (max-width: 1200px) {
   .column img {
    	width: 94.5%;
	}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
    .column {
        width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
    .column {
        width: 100%;
   }
}