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


/***Generales***/

.orange{color:#f04e23 !important;}
.red{color:#a1091e !important;}
.blue{color:#0d4e98 !important;}
.black{color:#000000 !important;}
.gray{color:#808285 !important;}
.gray-1{color:#58595b !important;}
.violet{color:#7e84b5 !important;}

.bg-orange{background-color: #ef4e22;}
.bg-blue{background-color:#0d4e98;}
.bg-red{background-color:#a1091e;}
.bg-violet{background-color:#7e84b5;}

.grid{background: url(../images/grid.png) repeat; width: 100%; height: 100%; position: absolute; z-index: 0;}

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

.p10{width: 10%; float: left;}
.p15{width: 15%; float: left;}
.p20{width: 20%; float: left;}
.p30{width: 30%; float: left;}
.p33{width: 33.3%; float: left;}
.p50{width: 50%; float: left;}
.p70{width: 70%; float: left;}
.p80{width: 80%; float: left;}
.p85{width: 85%; float: left;}
.p90{width: 90%; float: left;}

.txt{padding: 0 30px; z-index: 99;}
.txt15{padding: 0 15px; z-index: 99;}

.f11{font-size:11px;}
.f22{font-size:22px;}
.f29{font-size:29px;}

.flight{font-weight: 300 !important;}
.fregular{font-weight: 400 !important;}
.fmedium{font-weight: 600 !important;}
.fbold{font-weight: 700 !important;}
.febold{font-weight: 800 !important;}

.clear{clear: both;}

.circle-icon{text-align: center; border-radius: 50%; -moz-border-radius:  50%; -webkit-border-radius:  50%; width: 8px; height: 8px; position: relative; display: inline-block; margin-bottom: 3px;}

table tr th{background-color: #cbcdc9; color:#f04e23; padding: 5px 2px 5px 0px; font-weight:800; text-align: right; font-size: 14px;}
table tr td{border-bottom: 1px solid #d25436; color:#f04e23; padding: 5px 2px 5px 0px; font-weight:300; font-size:13px; text-align: right;  -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
table .left{text-align:left;}
table .center{text-align:center;}
table tr:hover td{background: #d25436; color:#ffffff;}

.table-over{overflow-x:auto;}

.notas{font-size:11px; font-weight: 300;}

/****Menu****/
header{width:100%; position: fixed; top:0; background: url(../images/bg-header.png) repeat; z-index: 99999;}

header .logo{width:100%; background-color: #ffffff; overflow: hidden; position: relative; display: block;}
header .logo .logo-cont{width: 60%; float: left;}
header .logo img{padding: 5px 10px;}

header .logo .menu-top{width:40%; float: left;}
header .logo .menu-top ul{padding: 15px; margin: 0; list-style: none;}
header .logo .menu-top ul li{float: right;}
header .logo .menu-top ul li a{text-decoration: none;  padding: 4px 10px 2px 6px; font-size: 20px; color: #005395; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
header .logo .menu-top ul li a:hover{color: #C8C8C8;}
header .logo .menu-top ul li .idioma{display: block; background: #C8C8C8; padding: 4px 6px; color: #005395; font-weight: 500; font-size: 12px;}
header .logo .menu-top ul li .idioma:hover{background: #AFAFAF; color: #005395;}
header .logo .menu-top ul li .idioma-active{background: #005395; color: #ffffff; display: block;  padding: 4px 6px; font-weight: 700; font-size: 12px;}
header .logo .menu-top ul li .idioma-active:hover{color: #ffffff;}
header .logo .menu-top .btn_menu{display:none; font-size:22px; float:right; width:100%; padding:10px 16px 11px 15px; color:#005395; text-align:right; font-weight:400; cursor:pointer;}


header nav{width:100%;}
header nav ul{width:100%; margin: 0; list-style: none; display: table; padding: 0;}
header nav ul li{float: left; width: 14.2%;  position: relative;}
header nav ul li a{ padding: 0px 5px; text-decoration: none; font-size: 12px; text-align: center; width: inherit; margin: 0 auto; color:#ffffff;  display: table-cell; vertical-align: middle;
  line-height: normal; height: 50px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
header nav ul li a:hover{color: #AFAFAF;}

header nav ul li a .fa{ font-size: 10px; font-weight: 100;}

header nav ul li ul{display: none; position: absolute; width: 100%; background: url(../images/bg-header.png) repeat; padding-bottom: 10px;}
header nav ul li ul li{float: none; width: 100%;}
header nav ul li ul li a{text-align: center; display: block; padding: 9px 4px; height: auto; width: auto;}

header nav > ul > li:hover > ul{display: block;}


#home{background: url(../images/bg-home.jpg) center 35% no-repeat; background-size: cover; height: 170%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#home .slogan-cont{position: relative; width: 100% !important; top:150px; right: 0; overflow: hidden;}
#home .slogan-cont .vacio{width:30%; float:left;}
#home .slogan-cont .slogan{width: 70%; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0; float: left;}
#home .slogan-cont .slogan .imagen{width: 65%; float: left; vertical-align: text-top;}
#home .slogan-cont .slogan .imagen img{width:100%;}
#home .slogan-cont .slogan .texto{width:35%; height: 100%; float: left; }
#home .slogan-cont .slogan .texto h2{font-size: 32px; line-height: normal; margin: 0; padding: 15px 25px; width: 100%; color: #ffffff; border-bottom: 1px solid #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#home .slogan-cont .slogan .texto h3{font-size: 32px; line-height: normal; margin: 0; padding: 15px 25px; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

.go-down{position:absolute; left:0; right: 0; margin: 0 auto; top:630px; width: 80px; color:#ffffff; font-size: 38px; text-align: center; opacity:0.9;  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
.go-down i{cursor: pointer;}

#home2{background: #a1091e; padding-top: 142px; padding-bottom: 150px; width: 100%; overflow: hidden;}
#home2 .intro{background: #f04e23; overflow: hidden;}
#home2 .intro h4{font-size: 14px; width: 80%; margin: 0 auto; color: #ffffff; font-weight: 800; line-height: 1.4;  padding: 50px 0; text-align: left; letter-spacing:0.4px;}
#home2 .intro h4 img{ float: left; width: 85px; margin-right: 3px; margin-bottom:3px;}
#home2 .intro-banner{width:100%;}
#home2 .intro-banner .cuadro{width:33.333%; float: left;}

#home2 .intro-banner .cuadro1{background: url(../images/bg-home2-cuadro1.jpg) center no-repeat; background-size: cover; height: 300px;}
#home2 .intro-banner .cuadro2{background: url(../images/bg-home2-cuadro2.jpg) center no-repeat; background-size: cover; height: 300px;}
#home2 .intro-banner .cuadro3{background: url(../images/bg-home2-cuadro3.jpg) center no-repeat; background-size: cover; height: 300px;}

/***Por que Fibra****/
#porque{background: url(../images/bg-porque.jpg) center 35%; background-size: cover; height: 170%; padding-top: 126px; overflow: hidden; position: relative;}
#porque .title{background: url(../images/bg-white75.png) repeat; width: 30%; overflow: hidden; margin-top: 50px; left:0;  z-index: 99; position: fixed;}
#porque .title h2{padding:70px 0; text-align: left; width: 50%; margin: 0 auto; color: #0c4d98; font-size: 30px;}

#porque .cont-porque{background: url(../images/bg-white90.png) repeat; width: 70%; overflow: hidden; margin-top: 50px; right:0;  z-index: 99; position: fixed;}
#porque .cont-porque ul{padding:15px;}
#porque .cont-porque ul li{font-size: 13px;  font-weight: 800; list-style-image: url(../images/icon-arrow.png); color: #0c4d98; line-height: 1.3; padding:4px 0;}
#porque .cont-porque p{font-size: 13px;  font-weight: 800; color: #ef4e22;}
#porque .cont-porque .flecha-cont{width:20%; float:left; position: relative;}
#porque .cont-porque .linea{width:100%; border-bottom: 2px solid #ef4e22; position: relative;}
#porque .cont-porque .circle-icon{margin-bottom: -9px;}
#porque .cont-porque .image-icon{margin-bottom: -11px;}
#porque .cont-porque .image-icon-2{position: absolute; bottom: -7px; right: -2px;}

#semblanza{background: url(../images/bg-semblanza.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#semblanza .slogan{position: absolute; width: 80%; top:250px; right: 0; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0;}
#semblanza .slogan .imagen{width: 40%; float: left; vertical-align: text-top; background: url(../images/bg-white90.png) repeat; min-height: 206px;}
#semblanza .slogan .imagen h2{color:#0d4e98; line-height: 1.6; padding:12px 30px 0 30px; font-size: 30px;}
#semblanza .slogan .texto{width:60%; height: 100%; float: left; }
#semblanza .slogan .texto .linea{border-bottom: 1px solid #ffffff;}
#semblanza .slogan .texto h2{font-size: 32px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 15px 25px; width: 30%; color: #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#semblanza .slogan .texto h3{font-size: 48px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 39px 25px; width: 30%; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

#semblanza-cont{padding:50px 0; overflow: hidden;}
#semblanza-cont p{font-weight: 300; font-size: 13px; line-height: 1.4;}
#semblanza-cont h2{font-weight: 800; font-size: 13px; line-height: 2.7;}
#semblanza-cont h4{font-size: 90px; line-height: 0.3; text-align: center; margin-top:29px;}
#semblanza-cont h4 span{font-size: 13px;}

#datos-financieros{background: url(../images/bg-datos.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#datos-financieros .slogan{position: absolute; width: 80%; top:250px; right: 0; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0;}
#datos-financieros .slogan .imagen{width: 40%; float: left; vertical-align: text-top; background: url(../images/bg-white90.png) repeat; min-height: 206px;}
#datos-financieros .slogan .imagen h2{color:#f04e23; line-height: 1.6; padding:12px 30px 0 30px; font-size: 30px;}
#datos-financieros .slogan .texto{width:60%; height: 100%; float: left; }
#datos-financieros .slogan .texto .linea{border-bottom: 1px solid #ffffff;}
#datos-financieros .slogan .texto h2{font-size: 32px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 15px 25px; width: 30%; color: #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#datos-financieros .slogan .texto h3{font-size: 48px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 39px 25px; width: 30%; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

#datos-financieros-cont{padding:50px 0; overflow: hidden;}
#datos-financieros-cont table tr td{color:#000000;}
#datos-financieros-cont table tr:hover td{color:#ffffff !important;}

#carta{background: url(../images/bg-carta.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#carta .slogan{position: absolute; width: 80%; top:250px; right: 0; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0;}
#carta .slogan .imagen{width: 40%; float: left; vertical-align: text-top; background: url(../images/bg-white90.png) repeat; min-height: 206px;}
#carta .slogan .imagen h2{color:#a1091e; line-height: 1.6; padding:12px 30px 0 30px; font-size: 30px;}
#carta .slogan .texto{width:60%; height: 100%; float: left; }
#carta .slogan .texto .linea{border-bottom: 1px solid #ffffff;}
#carta .slogan .texto h2{font-size: 32px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 15px 25px; width: 30%; color: #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#carta .slogan .texto h3{font-size: 48px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 39px 25px; width: 30%; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

#carta-cont{padding:50px 0; overflow: hidden;}
#carta-cont p{font-weight: 300; font-size: 14px; line-height: 1.5;}
#carta-cont h2{font-weight: 800; font-size: 13px; line-height: 2.7;}
#carta-cont .first{ float: left; width: 45px; margin-right: 6px; margin-bottom:3px; margin-top:6px;}

#propiedades-en-operacion{background: url(../images/bg-propiedades-operacion.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#propiedades-en-operacion .slogan{position: absolute; width: 80%; top:250px; right: 0; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0;}
#propiedades-en-operacion .slogan .imagen{width: 40%; float: left; vertical-align: text-top; background: url(../images/bg-white90.png) repeat; min-height: 206px;}
#propiedades-en-operacion .slogan .imagen h2{color:#a1091e; line-height: 1.6; padding:40px 30px 0 30px; font-size: 30px;}
#propiedades-en-operacion .slogan .texto{width:60%; height: 100%; float: left; }
#propiedades-en-operacion .slogan .texto .linea{border-bottom: 1px solid #ffffff;}
#propiedades-en-operacion .slogan .texto h2{font-size: 32px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 15px 25px; width: 30%; color: #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#propiedades-en-operacion .slogan .texto h3{font-size: 48px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 39px 25px; width: 30%; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

#propiedades-en-operacion-cont{padding:50px 0; overflow: hidden; min-height: 100%;}
#propiedades-en-operacion-cont table tr td{color:#000000;}
#propiedades-en-operacion-cont table tr:hover td{color:#ffffff !important;}

#modelo{background: url(../images/bg-modelo.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 142px; position: relative; overflow: hidden;}
#modelo .slogan{position: absolute; width: 80%; top:250px; right: 0; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0;}
#modelo .slogan .imagen{width: 40%; float: left; vertical-align: text-top; background: url(../images/bg-white90.png) repeat; min-height: 206px;}
#modelo .slogan .imagen h2{color:#0d4e98; line-height: 1.6; padding:12px 30px 0 30px; font-size: 30px;}
#modelo .slogan .texto{width:60%; height: 100%; float: left; }
#modelo .slogan .texto .linea{border-bottom: 1px solid #ffffff;}
#modelo .slogan .texto h2{font-size: 32px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 15px 25px; width: 30%; color: #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#modelo .slogan .texto h3{font-size: 48px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 39px 25px; width: 30%; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

#modelo-cont{padding:50px 0; overflow: hidden;}
#modelo-cont p{font-weight: 300; font-size: 13px; line-height: 1.4;}
#modelo-cont .propuesta{width:100%; overflow: hidden; position: relative;}
#modelo-cont .propuesta .cuadro{width:15.2%; margin-top:60px; float: left;}
#modelo-cont .propuesta .cuadro-1{width:15.2%; margin-left:-15px; float: left;}
#modelo-cont .propuesta .cuadro-3{width:15.2%; margin-top:60px; margin-left:-15px; float: left;}

#comercial{background: url(../images/bg-comercial.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#comercial .subtitle{color:#ffffff; padding: 6px 8px; position: absolute; top:170px; right: 50px; font-size: 13px;}
#comercial .texto-fuera{color:#ffffff; width: 28%; position:absolute; left: 20px; bottom: 100px; font-size: 13px; font-weight: 700;}
#comercial .slogan{position: absolute; width: 100%; top:170px; right: 0; overflow: hidden; line-height: 0;}
#comercial .slogan .top{width:100%; overflow: hidden;}
#comercial .slogan .top .imagen{width: 35%; float: left; vertical-align: text-top; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
#comercial .slogan .top .imagen img{width:100%;}
#comercial .slogan .bottom{width:100%; height: 245px;}
#comercial .slogan .bottom .vacio{width:35%; height: 100%; float: left;}
#comercial .slogan .bottom .texto{width:65%; height: 100%; float: left; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
#comercial .slogan .bottom .texto .linea{border-bottom: 1px solid #ffffff; width:100%;height: 40px;}
#comercial .slogan .bottom .texto .imagen1{width:30%; float: left; height: 100%; position: relative;}
#comercial .slogan .bottom .texto .imagen1 .construccion{width: 100%; height: 100%; position: absolute; background-image: url(../images/comercial-2.jpg); background-position: center; background-size: cover;}
#comercial .slogan .bottom .texto .imagen1 .gente{width: 100%; height: 100%; position: absolute; background-image: url(../images/comercial-2a.jpg); background-position: center; background-size: cover;}
#comercial .slogan .bottom .texto .texto-int1{width: 38%; float: left; background: url(../images/bg-white80.png) repeat; height: 100%; overflow: hidden;}
#comercial .slogan .bottom .texto .texto-int1 p{font-size:13px; color:#58595b; font-weight: 400; line-height: 1.3;}
#comercial .slogan .bottom .texto .texto-int2{width: 32%; float: left; background: url(../images/bg-white60.png) repeat; height: 100%; overflow: hidden;}
#comercial .slogan .bottom .texto .texto-int2 p{line-height: 1.3;}

#comercial-cont{padding:50px 0; overflow: hidden;}
#comercial-cont p{font-weight: 300; font-size: 13px; line-height: 1.4;}

#mixtos{background: url(../images/bg-mixtos.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#mixtos .subtitle{color:#ffffff; padding: 6px 8px; position: absolute; top:170px; right: 50px; font-size: 13px;}
#mixtos .texto-fuera{color:#ffffff; width: 28%; position:absolute; left: 20px; bottom: 100px; font-size: 13px; font-weight: 700;}
#mixtos .slogan{position: absolute; width: 100%; top:170px; right: 0; overflow: hidden; line-height: 0;}
#mixtos .slogan .top{width:100%; overflow: hidden;}
#mixtos .slogan .top .imagen{width: 35%; float: left; vertical-align: text-top; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
#mixtos .slogan .top .imagen img{width:100%;}
#mixtos .slogan .bottom{width:100%; height: 245px;}
#mixtos .slogan .bottom .vacio{width:35%; height: 100%; float: left;}
#mixtos .slogan .bottom .texto{width:65%; height: 100%; float: left; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
#mixtos .slogan .bottom .texto .linea{border-bottom: 1px solid #ffffff; width:100%;height: 40px;}
#mixtos .slogan .bottom .texto .imagen1{width:30%; float: left; height: 100%; position: relative;}
#mixtos .slogan .bottom .texto .imagen1 .construccion{width: 100%; height: 100%; position: absolute; background-image: url(../images/mixtos-2.jpg); background-position: center; background-size: cover;}
#mixtos .slogan .bottom .texto .imagen1 .gente{width: 100%; height: 100%; position: absolute; background-image: url(../images/mixtos-2a.jpg); background-position: center; background-size: cover;}
#mixtos .slogan .bottom .texto .texto-int1{width: 38%; float: left; background: url(../images/bg-white80.png) repeat; height: 100%; overflow: hidden;}
#mixtos .slogan .bottom .texto .texto-int1 p{font-size:13px; color:#58595b; font-weight: 400; line-height: 1.3;}
#mixtos .slogan .bottom .texto .texto-int2{width: 32%; float: left; background: url(../images/bg-white60.png) repeat; height: 100%; overflow: hidden;}
#mixtos .slogan .bottom .texto .texto-int2 p{line-height: 1.3;}

#mixtos-cont{padding:50px 0; overflow: hidden;}
#mixtos-cont p{font-weight: 300; font-size: 13px; line-height: 1.4;}


#oficinas{background: url(../images/bg-oficinas.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#oficinas .subtitle{color:#ffffff; padding: 6px 8px; position: absolute; top:170px; right: 50px; font-size: 13px;}
#oficinas .texto-fuera{color:#ffffff; width: 28%; position:absolute; left: 20px; bottom: 100px; font-size: 13px; font-weight: 700;}
#oficinas .slogan{position: absolute; width: 100%; top:170px; right: 0; overflow: hidden; line-height: 0;}
#oficinas .slogan .top{width:100%; overflow: hidden;}
#oficinas .slogan .top .imagen{width: 35%; float: left; vertical-align: text-top; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
#oficinas .slogan .top .imagen img{width:100%;}
#oficinas .slogan .bottom{width:100%; height: 245px;}
#oficinas .slogan .bottom .vacio{width:35%; height: 100%; float: left;}
#oficinas .slogan .bottom .texto{width:65%; height: 100%; float: left; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
#oficinas .slogan .bottom .texto .linea{border-bottom: 1px solid #ffffff; width:100%;height: 40px;}
#oficinas .slogan .bottom .texto .imagen1{width:30%; float: left; height: 100%; position: relative;}
#oficinas .slogan .bottom .texto .imagen1 .construccion{width: 100%; height: 100%; position: absolute; background-image: url(../images/oficinas-2.jpg); background-position: center; background-size: cover;}
#oficinas .slogan .bottom .texto .imagen1 .gente{width: 100%; height: 100%; position: absolute; background-image: url(../images/oficinas-2a.jpg); background-position: center; background-size: cover;}
#oficinas .slogan .bottom .texto .texto-int1{width: 38%; float: left; background: url(../images/bg-white80.png) repeat; height: 100%; overflow: hidden;}
#oficinas .slogan .bottom .texto .texto-int1 p{font-size:13px; color:#58595b; font-weight: 400; line-height: 1.3;}
#oficinas .slogan .bottom .texto .texto-int2{width: 32%; float: left; background: url(../images/bg-white60.png) repeat; height: 100%; overflow: hidden;}
#oficinas .slogan .bottom .texto .texto-int2 p{line-height: 1.3;}

#oficinas-cont{padding:50px 0; overflow: hidden;}
#oficinas-cont p{font-weight: 300; font-size: 13px; line-height: 1.4;}

#desarrollo{width: 100%; padding-top: 142px; position: relative; overflow: hidden;}
#desarrollo .subtitle{color:#ffffff; padding: 6px 8px; top:170px; font-size: 13px; width: 25%; margin-top:30px;}
#desarrollo-cont{padding:50px 0; overflow: hidden;}
#desarrollo-cont p{font-weight: 300; font-size: 13px; line-height: 1.4;}

#sostenibilidad{background: url(../images/bg-sostenibilidad.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#sostenibilidad .slogan{position: absolute; width: 80%; top:250px; right: 0; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0;}
#sostenibilidad .slogan .imagen{width: 40%; float: left; vertical-align: text-top; background: url(../images/bg-white90.png) repeat; min-height: 206px;}
#sostenibilidad .slogan .imagen h2{color:#a1091e; line-height: 1.6; padding:12px 30px 0 30px; font-size: 30px;}
#sostenibilidad .slogan .texto{width:60%; height: 100%; float: left; }
#sostenibilidad .slogan .texto .linea{border-bottom: 1px solid #ffffff;}
#sostenibilidad .slogan .texto h2{font-size: 32px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 15px 25px; width: 30%; color: #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#sostenibilidad .slogan .texto h3{font-size: 48px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 39px 25px; width: 30%; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

#sostenibilidad-cont{padding:50px 0; overflow: hidden;}
#sostenibilidad-cont h2{font-weight: 800; font-size: 13px; line-height: 2.7;}
#sostenibilidad-cont p{font-weight: 300; font-size: 13px; line-height: 1.4;}
#sostenibilidad-cont ul li{font-weight: 300; font-size: 13px; line-height: 1.4; list-style-image: url(../images/sostenibilidad-icon.jpg); margin-bottom: 20px;}

#capital{background: url(../images/bg-capital.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#capital .slogan{position: absolute; width: 80%; top:250px; right: 0; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0;}
#capital .slogan .imagen{width: 40%; float: left; vertical-align: text-top; background: url(../images/bg-white90.png) repeat; min-height: 206px;}
#capital .slogan .imagen h2{color:#0d4e98; line-height: 1.6; padding:12px 30px 0 30px; font-size: 30px;}
#capital .slogan .texto{width:60%; height: 100%; float: left; }
#capital .slogan .texto .linea{border-bottom: 1px solid #ffffff;}
#capital .slogan .texto h2{font-size: 32px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 15px 25px; width: 30%; color: #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#capital .slogan .texto h3{font-size: 48px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 39px 25px; width: 30%; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

#capital-cont{padding:50px 0; overflow: hidden;}
#capital-cont h2{font-weight: 800; font-size: 13px; line-height: 2.7;}
#capital-cont p{font-weight: 300; font-size: 13px; line-height: 1.4;}
#capital-cont ul li{font-weight: 300; font-size: 13px; line-height: 1.4; list-style-image: url(../images/sostenibilidad-icon.jpg); margin-bottom: 20px;}


#analisis{background: url(../images/bg-analisis.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#analisis .slogan{position: absolute; width: 80%; top:250px; right: 0; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0;}
#analisis .slogan .imagen{width: 40%; float: left; vertical-align: text-top; background: url(../images/bg-white90.png) repeat; min-height: 206px;}
#analisis .slogan .imagen h2{color:#f04e23; line-height: 1.6; padding:12px 30px 0 30px; font-size: 30px;}
#analisis .slogan .texto{width:60%; height: 100%; float: left; }
#analisis .slogan .texto .linea{border-bottom: 1px solid #ffffff;}
#analisis .slogan .texto h2{font-size: 32px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 15px 25px; width: 30%; color: #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#analisis .slogan .texto h3{font-size: 48px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 39px 25px; width: 30%; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

#analisis-cont{padding:50px 0; overflow: hidden;}
#analisis-cont h2{font-weight: 800; font-size: 13px; line-height: 2.7;}
#analisis-cont p{font-weight: 300; font-size: 13px; line-height: 1.4;}
#analisis-cont ol li{font-size: 13px; line-height: 1.4;}
#analisis-cont table tr td{color:#000000;}
#analisis-cont table tr td{color:#000000;}
#analisis-cont table tr:hover td{color:#ffffff !important;}

#comite{background: url(../images/bg-comite.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#comite .slogan{position: absolute; width: 80%; top:250px; right: 0; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0;}
#comite .slogan .imagen{width: 40%; float: left; vertical-align: text-top; background: url(../images/bg-white90.png) repeat; min-height: 206px;}
#comite .slogan .imagen h2{color:#a1091e; line-height: 1.6; padding:12px 30px 0 30px; font-size: 30px;}
#comite .slogan .texto{width:60%; height: 100%; float: left; }
#comite .slogan .texto .linea{border-bottom: 1px solid #ffffff;}
#comite .slogan .texto h2{font-size: 32px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 15px 25px; width: 30%; color: #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#comite .slogan .texto h3{font-size: 48px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 39px 25px; width: 30%; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

#comite-cont{padding:50px 0; overflow: hidden;}
#comite-cont h2{font-weight: 800; font-size: 13px; line-height: 2.7;}
#comite-cont p{font-weight: 300; font-size: 13px; line-height: 1.4;}

#contacto{background: url(../images/bg-contacto.jpg) center 35% no-repeat; background-size: cover; min-height: 90%; width: 100%; padding-top: 126px; position: relative; overflow: hidden;}
#contacto .slogan{position: absolute; width: 80%; top:250px; right: 0; overflow: hidden;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; line-height: 0;}
#contacto .slogan .imagen{width: 40%; float: left; vertical-align: text-top; background: url(../images/bg-white90.png) repeat; min-height: 206px;}
#contacto .slogan .imagen h2{color:#0d4e98; line-height: 1.4; padding:12px 30px 0 30px; font-size: 16px;}
#contacto .slogan .imagen h2 a{ color:#0d4e98; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
#contacto .slogan .imagen h2 a:hover{color:#f04e23; }
#contacto .slogan .texto{width:60%; height: 100%; float: left; }
#contacto .slogan .texto .linea{border-bottom: 1px solid #ffffff;}
#contacto .slogan .texto h2{font-size: 32px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 15px 25px; width: 30%; color: #ffffff; font-weight: 700; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}
#contacto .slogan .texto h3{font-size: 48px; background: url(../images/bg-white50.png) repeat; line-height: normal; margin: 0; padding: 56px 25px; width: 30%; color:#ffffff; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.61);}

#descargas{width: 100%; padding-top: 142px; position: relative; overflow: hidden;}
#descargas .subtitle{color:#ffffff; padding: 6px 8px; top:170px; font-size: 13px; width: 25%; margin-top:30px;}
#descargas-cont{padding:50px 0; overflow: hidden;}
#descargas-cont p{line-height: 1.4; color:#0d4e98; font-weight: 400; font-size: 14px;}
#descargas-cont a{color:#0d4e98; font-weight: 300; font-size: 14px; text-decoration: none;}