@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
.no-js #loader{display:none;}
.js #loader{display:block;position:absolute;left:100px;top:0;}
.se-pre-con{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:rgba(255, 255, 255, 0.95);color:rgba(0, 0, 0, 0.8);text-align:center;padding:25% 0 0;}
.se-pre-con img{width:10%;text-align:center;}

@font-face {
    font-family: 'iconoticonosregular';
    src: url('fuente/iconoticonos-regular-webfont.eot');
    src: url('fuente/iconoticonos-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuente/iconoticonos-regular-webfont.woff2') format('woff2'),
         url('fuente/iconoticonos-regular-webfont.woff') format('woff'),
         url('fuente/iconoticonos-regular-webfont.ttf') format('truetype'),
         url('fuente/iconoticonos-regular-webfont.svg#iconoticonosregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html, input, textarea, select{height:100%; font-family: 'Open Sans', sans-serif; font-size:14px;}
input:focus, textarea:focus, select:focus {outline: none;}
.icon{font-family: 'iconoticonosregular'!important; cursor: pointer;}
a, input[type=submit]{text-decoration:none; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover, input[type=submit]:hover{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}


::-webkit-input-placeholder {color: rgba(255,255,255,0.5);}
:-moz-placeholder {color: rgba(255,255,255,0.5);}
::-moz-placeholder {color: rgba(255,255,255,0.5);}
:-ms-input-placeholder {color: rgba(255,255,255,0.5);}

/* UPDATE MENU */
.menu_info_top{width:100%; height:63px; padding: 5px 0 0; font-size: 12px; background:#3b4752; color:#FFF; box-sizing: border-box;z-index: 10;}
.menu_info_cont{width:100%; padding: 5 30px; box-sizing: border-box; text-align:right; box-sizing:border-box;z-index: 10;}
.menu_info_cont a.icon{color:#FFF; font-size:25px; margin:0 10px;}
.menu_info_cont a:hover.icon{color:#00a0e0;}
.menu_info_cont p{display:inline-block; margin:20px 15px 0;}
.menu_info_cont p a{color:#FFF;}
.menu_info_cont p a:hover{text-decoration:underline;}


.fixed{width:100%; box-sizing: border-box;position: fixed!important; bottom: 0; z-index: 9999;}
.menu{position: relative;width:100%;height:100px;box-sizing:border-box;z-index:999;padding:0;}
.menu .logo{position: relative;width:50%;height:100px;background-color: rgba(255, 255, 255, 1);padding:10px 0px 10px 40px;float:left;box-sizing:border-box; z-index: 9999;}
.menu .logo img{position: absolute;height: 150px; bottom: 0; z-index: 9999; padding: 0 10%;}
.menu .menu_info{position:relative;width:50%;height:100px;background-color: rgba(255, 255, 255, 1);float:right;box-sizing:border-box;}
.menu .social{position:relative;;width:100%;height:100px;box-sizing:border-box;line-height:100px;}
.menu .social ul li{list-style:none;display:inline;padding:10px;}
.theme{color:rgba(255, 198, 39, 1);padding:0 5px 0;}
#cssmenu{height:100px;position:absolute;top:0;right:0px;font-size:14px;letter-spacing:1px;color:rgba(255, 255, 255, 1);box-sizing:border-box;z-index:1000;}
#cssmenu > ul li a{width:100%; padding: 0 20px; color:rgba(255, 255, 255, 1);letter-spacing:0px;height:100px;line-height:100px;text-decoration:none;box-sizing:border-box;display:block;}
#cssmenu > ul li:hover{box-sizing:border-box;transition:all 0.5s;-webkit-transition:all 0.5s;}
#cssmenu > ul{width:auto;list-style-type:none;padding:0;margin:0;background:rgba(0,160,224,1);color:#FFFFFF;box-sizing:border-box;}
#cssmenu > ul.normal ul{background-color:rgba(232,232,232,1);padding:0 0px 0;}
#cssmenu > ul li#responsive-tab{display:none;font-family:'iconoticonosregular';font-size:24px;line-height:50px;}
#cssmenu > ul li#responsive-tab:hover{background-color:transparent;opacity:1;transition:all 0.5s;-webkit-transition:all 0.5s;}
#cssmenu > ul li{position:relative;width:auto;top:0;right:0;display:inline-block;*display:inline;zoom:1;padding:0 10px;text-align:center;box-sizing:border-box;border-right:solid rgba(255,255,255,0.3) 1px;}
#cssmenu > ul li.last{position:relative;width:auto;display:inline-block;*display:inline;zoom:1;padding:0 20px;text-align:center;box-sizing:border-box;}
#cssmenu > ul li.right{float:right;}
#cssmenu > ul li.has-sub{position:relative;}
#cssmenu > ul li.has-sub:hover ul{display:block;opacity:1;transition:all 0.5s;-webkit-transition:all 0.5s;}
#cssmenu > ul li.has-sub ul{display:none;width:250px;position:absolute;left:0px;margin:0;padding:0;list-style-type:none;background-color:rgba(255, 198, 39, 0.9);}
#cssmenu > ul li.has-sub ul li{display:block;line-height:26px;padding:10px !important;margin:0 !important;font-size:14px;color:#fff;box-sizing:border-box;opacity:1;transition:all 0.5s;-webkit-transition:all 0.5s;}
#cssmenu > ul li.has-sub ul li a{height:26px;text-align:left;color:#fff;line-height:26px;padding:0px;}
#cssmenu > ul li.has-sub > a{padding:0;margin:0;}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover{opacity:1;transition:all 0.5s;-webkit-transition:all 0.5s;}
 /* end UPDATE menu */


/*slider*/
.slider{width:100%; height:100%; overflow:hidden; background:#3b4752; position:relative; z-index:1;}
/*end slider*/


/*contenido*/
.main{width:100%; background:#FFF;}
.main_b{width:100%; background:#3b4752;}
.top{margin:0px 0 0;}
/*end contenido*/


/*proyectos*/
#proyectos a{width:calc(100%/5); height:300px; box-sizing:border-box; float:left; text-align:center; overflow:hidden; position:relative;z-index: 11;
}
#proyectos a .cont .icon{font-size:50px; margin:0 0 20px; padding:50px 20px 0;}
#proyectos a .imagen{width:100%; height:100%; overflow:hidden;  z-index:11;
}
#proyectos a .cont{width:100%; height:100%; color:rgba(255,255,255,1);  background:rgba(0,0,0,0.3 ); padding:150px 20px 0; box-sizing:border-box; position:absolute; top:0; left:0; z-index:10;
}
#proyectos a:hover{
  border:solid rgba(0,160,224,1) 2px;
}
#proyectos a:hover .cont{
  color:rgba(255,255,255,0);
  background:none;
  padding:100px 20px 0;
  transition:all 0.2s;
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
}
/*end proyectos*/


/*separadores*/
.separador{width:100%; height:150px; position:relative; z-index:50; color:#FFF; overflow:hidden; text-align:center; line-height:150px;}
.separador h1{font-size:40px;}

.sep_a{background: url(images/sep_a.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
/*end separadores*/


/*contacto*/
#contacto{width:100%; background:#00a0e0; color:#FFF; overflow:hidden;}
.columna_a{width:50%; padding:100px 60px; float:left; box-sizing:border-box;}
.columna_a h1{font-size:40px; font-weight:600;}
.columna_a p{font-style:italic; color:rgba(255,255,255,0.8); margin:0 0 40px 0;}

.columna_a input{width:100%; height:40px; background:none; border:solid #FFF 1px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin:5px 0; padding:0 15px; box-sizing:border-box; color:#FFF; font-size:13px;}
.columna_a textarea{width:100%; height:100px; background:none; border:solid #FFF 1px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin:5px 0; padding:10px 15px; box-sizing:border-box; resize:none; color:#FFF; font-size:13px;}
.columna_a input[type=submit]{width:150px; height:40px; background:none; border:solid #FFF 1px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin:5px 0; box-sizing:border-box; float:right; appearance:none; -webkit-appearance:none; -moz-appearance:none; color:#FFF; cursor:pointer; font-size:13px;}
.columna_a input[type=submit]:hover{background:#FFF; color:#00a0e0;}

.columna_b{width:50%; padding:100px 100px 50px; float:right; box-sizing:border-box; text-align:center;}
.columna_b img{margin:0 0 30px 0;}
.columna_b .row{width:100%; margin:10px 0; overflow:hidden;}
.columna_b .row .icon{width:30px; float:left; margin:0 30px 0 0; font-size:25px;}
.columna_b .row p{text-align:left;}
.columna_b .row p a{color:#FFF;}
.columna_b .row p a:hover{text-decoration:underline;}

#mapa{width:100%; height:300px;}

#legales{width:100%; background:#3b4752; text-align:center; color:rgba(255,255,255,0.3); font-size:11px; padding:20px 0;}
#legales p{margin:10px 0 0;}
/*end contacto*/


/*proyecto*/
#proyecto{margin:10px 0 100px 0;}
#proyecto .info{width:30%; float:left; padding:50px 60px 100px; box-sizing:border-box; color:#3b4752;}
#proyecto .info h1{font-size:30px; font-weight:600; margin:0 0 20px 0;}

#proyecto .compartir{width:100%;  padding:50px 0px 0px; box-sizing:border-box; color:#3b4752;}
#proyecto .compartir h1{font-size:20px; font-weight:600; margin:0 0 20px 0;}
#proyecto .compartir a{font-size:25px; color:#00a0e0; margin:0 10px;}
#proyecto .compartir a:hover{color:#3b4752;}

#proyecto .imagen{width:100%; overflow:hidden; padding:20px 50px; box-sizing:border-box;}

.finalizado, .construccion{ margin:0 0 20px 0; font-size:16px; font-weight:600;}
.finalizado{color:#1e971e;}
.construccion{color:#cbb419;}

#proyecto .slider_proyectos{width:70%; float:left; padding:50px 60px 100px; box-sizing:border-box; color:#3b4752;}
/*end proyecto*/


/*servicios*/
#servicios {width: 100%; height: 900px; box-sizing: border-box; overflow: hidden;}
#servicios .info{width:50%; height: 100%; float:left; padding:0 10px 0 50px; box-sizing:border-box; color:#3b4752; margin:20px 0 20px 0;}
#servicios .info h1{font-size:30px; margin:30px 0 20px 0;}
#servicios .info p{padding: 0 10px;}
#servicios .imagen{width:50%; height: 100%;float:right; box-sizing:border-box;}
#servicios .imagen img{width:100%; height: 100%; object-fit: cover;}

/*end servicios*/


/*despacho*/
#despacho .cont{width:100%; overflow:hidden; background: url(images/bg_despacho.jpg) no-repeat center right; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#3b4752;}
#despacho .info{width:40%; float:right; padding:70px 60px; box-sizing:border-box;}
#despacho .info h1{font-size:30px; margin:30px 0 20px 0;}

#despacho .info_equipo{width:100%; padding:60px 100px 100px; box-sizing:border-box;}
#despacho .info_equipo h1{font-size:30px; margin:30px 0 20px 0;}

#fundadores{color:#FFF; padding:70px 0; box-sizing:border-box; text-align:center;}
#fundadores h1{font-size:40px; margin:0 0 30px 0;}
#fundadores h2{font-size:20px; margin:0 0 20px 0;}
#fundadores p{margin:0 0 40px 0;}
#fundadores a{color:#FFF;}
#fundadores a:hover{text-decoration:underline;}
/*end despacho*/



@media (max-width:1026px){
  .menu{width:100%;height:60px;box-sizing:border-box;z-index:9999;position:fixed;top:0;padding:0;background-color:rgba(255,255,255, 1);}
  .menu .logo{width: 50%; height:60px; box-sizing: border-box;padding:5px 20px;background-color: rgba(255,255,255,0);}
  .menu .logo img{position: relative;height: 50px; bottom: 0; z-index: 9999; padding: 0 10%;}
  .menu .menu_info{position:relative;width:100%;height:60px;background-color: rgba(255, 255, 255, 0);float:none;box-sizing:border-box;}
  #cssmenu{position:absolute;top:0px;right:0px;width:100%;font-size:12px;letter-spacing:1px;text-align:left;box-sizing:border-box;z-index:1000;padding:20px 0;}
  #cssmenu > ul{width:100%;line-height:20px;background:rgba(0,160,224,0.9);margin:40px 0 0 0;padding:0 0 0 10px;box-sizing:border-box;}
  #cssmenu > ul li#responsive-tab{position:absolute;right:5px;font-family:'iconoticonosregular';top:10px;display:block;margin:10px 0;box-sizing:border-box;}
  #cssmenu > ul li#responsive-tab a{text-align:right;color:rgba(0,160,224,0.9);font-size:20px;padding:0 5% 0 0;box-sizing:border-box;}
  #cssmenu > ul li#responsive-tab a:hover{opacity:1;transition:all 0.5s;-webkit-transition:all 0.5s;}
  #cssmenu > ul li{display:none;padding:0px 10px 0px;}
  #cssmenu > ul li a{width: 100%;color:rgba(255, 255, 255, 1);font-size: 18px;text-align:left;height:30px;line-height:30px;text-decoration:none;box-sizing:border-box;display:block;}
  #cssmenu > ul li a:hover{background: rgba(255,255,255,0);}
  #cssmenu > ul.normal{position:absolute;top:90px;background-color:rgba(232,232,232,1);padding:0 20px 0;}
  #cssmenu > ul.normal li{padding:10px 0 0px;}
  #cssmenu > ul.normal li.end{padding:15px 0 15px 0;margin:50px;}
  #cssmenu > ul li.right{float:none;}
  #cssmenu > ul li.has-sub{position:relative;}
  #cssmenu > ul li.has-sub ul{display:block;position:static;width:100%;border:0 none;}
  #cssmenu > ul li.has-sub ul li{display:block !important;border:none;padding:0;margin:0;}
  #cssmenu > ul li.has-sub ul li a{display:block;padding:0;margin:0;height:10px;}
  #cssmenu > ul li.has-sub > a{background-image:none;}

/*menu */
.menu_info_top{display: none;}

/* Contenido */
.top{margin:60px 0 0;}

/* Proyectos */
#proyectos a{width:50%; height:300px; box-sizing:border-box; float:left; text-align:center; overflow:hidden; position:relative;}
#proyecto .info{width:100%; float:left; padding:50px 20px 100px; box-sizing:border-box; color:#3b4752;}
#proyecto .slider_proyectos{width:100%; padding:50px 0px 0px; box-sizing:border-box; color:#3b4752;}

/*servicios*/
#servicios {width: 100%; height: auto; box-sizing: border-box; overflow: hidden;}
#servicios .info{width:100%; float:none; padding:0 40px 0; box-sizing:border-box; color:#3b4752; margin:50px 0 60px 0;}
#servicios .imagen{width:100%; float:none; box-sizing:border-box;}

/*despacho*/
#despacho .cont{width:100%; overflow:hidden; background: url(images/bg_despacho.jpg) no-repeat center right; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#3b4752;}
#despacho .info{width:100%; float:none; padding:50px 40px 10px; box-sizing:border-box;}

#despacho .info_equipo{width:100%; padding:20px 40px 100px; box-sizing:border-box;}

#fundadores{color:#FFF; padding:70px 0; box-sizing:border-box; text-align:center;}
#fundadores h1{font-size:40px; margin:0 0 30px 0;}
#fundadores h2{font-size:20px; margin:0 0 20px 0;}
#fundadores p{margin:0 0 40px 0;}
#fundadores a{color:#FFF;}
#fundadores a:hover{text-decoration:underline;}
/*end despacho*/

/*Contacto */
.columna_a{width:100%; padding:30px 20px; float:left; box-sizing:border-box;}
.columna_b{width:100%; padding:10px 20px 10px; float:right; box-sizing:border-box; text-align:center;}

}
@media (min-width:1026px){#cssmenu > ul > li.collapsed{display:inline-block !important;*display:inline;zoom:1;}
#cssmenu > ul ul li.collapsed{display:block !important;}
}