@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1124px) {

}

@media screen and (max-width:1045px) {
	#comercial .slogan .bottom .texto .texto-int2 p{ font-size: 14px;}
	#comercial .slogan .bottom .texto .texto-int2 span{ font-size: 25px;}
	#comercial .slogan .bottom .texto .linea{display:none;}
	
	#mixtos .slogan .bottom .texto .texto-int2 p{ font-size: 14px;}
	#mixtos .slogan .bottom .texto .texto-int2 span{ font-size: 25px;}
	#mixtos .slogan .bottom .texto .linea{display:none;}
	
	#oficinas .slogan .bottom .texto .texto-int2 p{ font-size: 14px;}
	#oficinas .slogan .bottom .texto .texto-int2 span{ font-size: 25px;}
	#oficinas .slogan .bottom .texto .linea{display:none;}
	
}

@media screen and (max-width:991px) {
	#semblanza-cont .p33{width:40%;}
	
	#comercial .slogan .bottom .texto .texto-int2 span{ font-size: 22px;}
	#mixtos .slogan .bottom .texto .texto-int2 span{ font-size: 22px;}
	#oficinas .slogan .bottom .texto .texto-int2 span{ font-size: 22px;}
	
	#contacto .slogan .imagen h2 {font-size: 14px;}
	#contacto .slogan .imagen {min-height: 240px;}
}

@media screen and (max-width:900px) {
	.txt{padding: 0 15px;}
	#home .slogan-cont .slogan .texto h3{font-size:28px;}
	#home .slogan-cont .slogan .texto h2{font-size: 28px;}
	
	#porque .cont-porque p{font-size: 11px;}
	
	#semblanza-cont .p33{width:50%;}
	
	#propiedades-en-operacion .slogan .imagen h2{font-size:28px; line-height: 1.5;}
	
	#comercial{heiight:auto;}
	#comercial .subtitle{position:relative; right: auto; margin: 0 auto; top:27px; width: 60%; text-align: center;}
	#comercial .slogan{position:relative; top: auto; margin-top:55px;}
	#comercial .slogan .bottom .vacio{display: none;}
	#comercial .slogan .bottom .texto{width:100%; float: none;}
	#comercial .slogan .top .imagen{float:none; width: 60%; margin:0 auto; margin-bottom: 20px;}
	#comercial .texto-fuera{width: 90%; margin: 0 auto; position: relative; bottom:auto; left: auto; padding-top: 20px;}
	#comercial .go-down{position:relative; top: auto; margin-top: 40px; margin-bottom: 40px;}
	
	#mixtos{heiight:auto;}
	#mixtos .subtitle{position:relative; right: auto; margin: 0 auto; top:27px; width: 60%; text-align: center;}
	#mixtos .slogan{position:relative; top: auto; margin-top:55px;}
	#mixtos .slogan .bottom .vacio{display: none;}
	#mixtos .slogan .bottom .texto{width:100%; float: none;}
	#mixtos .slogan .top .imagen{float:none; width: 60%; margin:0 auto; margin-bottom: 20px;}
	#mixtos .texto-fuera{width: 90%; margin: 0 auto; position: relative; bottom:auto; left: auto; padding-top: 20px;}
	#mixtos .go-down{position:relative; top: auto; margin-top: 40px; margin-bottom: 40px;}
	
	#oficinas{heiight:auto;}
	#oficinas .subtitle{position:relative; right: auto; margin: 0 auto; top:27px; width: 60%; text-align: center;}
	#oficinas .slogan{position:relative; top: auto; margin-top:55px;}
	#oficinas .slogan .bottom .vacio{display: none;}
	#oficinas .slogan .bottom .texto{width:100%; float: none;}
	#oficinas .slogan .top .imagen{float:none; width: 60%; margin:0 auto; margin-bottom: 20px;}
	#oficinas .texto-fuera{width: 90%; margin: 0 auto; position: relative; bottom:auto; left: auto; padding-top: 20px;}
	#oficinas .go-down{position:relative; top: auto; margin-top: 40px; margin-bottom: 40px;}
	
	#desarrollo .subtitle{position:relative; right: auto; margin: 0 auto; top:auto; width: 60%; text-align: center;}
	
	#contacto .slogan .imagen {width: 50%;}
	#contacto .slogan .texto {width: 50%;}
	
	
}

@media screen and (max-width:720px) {
	header .logo .logo-cont{width: 40%; float: left;}
	header .logo img{padding: 5px 10px;}

	header .logo .menu-top{width:60%; float: left;}
	
	header nav{display: none;}
	header nav > ul{margin:0; padding:0px;}
	header nav > ul > li{list-style:none; float:none; padding:2px 0px; width: 100%; height: auto}
	header nav ul li a{ text-align: left; width: 100%; display: table-cell; vertical-align: middle;
  line-height: normal; height: 25px;}
	header nav > ul > li > ul{ padding:5px 20px 0; display: block; position: relative; background: none;}
	header nav > ul > li > ul > li > a{text-align: left; padding: 6px 4px;}
	
	header .logo .menu-top .btn_menu{display:block;}
	header .logo .menu-top ul li .idioma{font-size: 10px;}
	header .logo .menu-top ul li .idioma-active{font-size: 10px;}
	
	#home .slogan-cont .vacio{width:10%;}
	#home .slogan-cont .slogan{width:90%;}
	#home2 .intro h4{width: 90%;}
	
	#porque{padding-top: 88px;}
	#porque .title{width: 100%; overflow: hidden; margin-top: 50px; left:0;  z-index: 99; position: relative;}
	#porque .cont-porque{width: 100%; overflow: hidden; margin-top: 0px; right:0;  z-index: 99; position: relative;}
	
	#semblanza{padding-top: 88px;}
	#semblanza .slogan .imagen{width:60%;}
	#semblanza .slogan .texto{width:40%;}
	#semblanza-cont .p33{width:100%; float: none;}
	#semblanza-cont .mapa-semblanza{margin-top: -60px !important;}
	
	#datos-financieros{padding-top: 88px;}
	#datos-financieros .slogan .imagen{width:60%;}
	#datos-financieros .slogan .texto{width:40%;}
	
	#carta .slogan .imagen{width:60%;}
	#carta .slogan .texto{width:40%;}
	
	#propiedades-en-operacion .slogan .imagen{width:60%;}
	#propiedades-en-operacion .slogan .texto{width:40%;}
	
	#modelo .slogan .imagen{width:60%;}
	#modelo .slogan .texto{width:40%;}
	#modelo-cont .propuesta .cuadro{width: 100%; margin-top: 20px; float: none;}
	#modelo-cont .propuesta .cuadro-1{width:100%; margin-top: 20px; margin-left:0px; float: none;}
	#modelo-cont .propuesta .cuadro-3{width:100%; margin-top:20px; margin-left:0; float: none;}
	
	#modelo-cont .p15{width:100%; float: none;}
	#modelo-cont .p15 p{text-align: left;}
	#modelo-cont .p85{width:100%; float: none;}
	
	#comercial-cont .p70{width: 100%;}
	#comercial-cont .p30{width: 100%;}
	
	#mixtos-cont .p70{width: 100%;}
	#mixtos-cont .p30{width: 100%;}
	
	#oficinas-cont .p70{width: 100%;}
	#oficinas-cont .p30{width: 100%;}
	
	#desarrollo-cont .p70{width: 100%;}
	#desarrollo-cont .p30{width: 100%;}
	
	#sostenibilidad .slogan .imagen{width:60%;}
	#sostenibilidad .slogan .texto{width:40%;}
	
	#capital .slogan .imagen{width:60%;}
	#capital .slogan .texto{width:40%;}
	
	#analisis .slogan .imagen{width:60%;}
	#analisis .slogan .texto{width:40%;}
	
	#comite .slogan .imagen{width:60%;}
	#comite .slogan .texto{width:40%;}
	
	#contacto .slogan .imagen {width: 60%;}
	#contacto .slogan .texto {width: 40%;}
}

@media screen and (max-width:580px) {
	#home .slogan-cont .slogan .texto h3{font-size:19px;}
	#home .slogan-cont .slogan .texto h2{font-size: 22px;}
	#home .slogan-cont .vacio{width:0%;}
	#home .slogan-cont .slogan{width:100%;}
	#home .slogan-cont{top:100px;}
	
	.go-down{top:500px;}
	
	#semblanza .slogan .imagen h2{font-size:26px;}
	#semblanza-cont .mapa-semblanza{margin-top: -30px !important;}
	
	#datos-financieros .slogan .imagen h2{font-size:26px;}
	#datos-financieros-cont .p33{width: 100%; float: none;}
	
	#carta .slogan .imagen h2{font-size:26px;}
	#carta-cont .p30{width: 100%; float: none;}
	#carta-cont .p70{width: 100%; float: none;}
	
	#propiedades-en-operacion .slogan .imagen h2{font-size:26px;}
	
	#modelo .slogan .imagen h2{font-size:26px;}
	
	#comercial .slogan .bottom .texto{border: 0;}
	#comercial .slogan .bottom{width:100%; height: auto;}
	#comercial .slogan .bottom .texto .imagen1{width:80%; height: 300px; float: none; margin: 0 auto;}
	#comercial .slogan .bottom .texto .texto-int1{width:80%; float: none;  margin: 0 auto;height: 100%;}
	#comercial .slogan .bottom .texto .texto-int2{width:80%; float: none;  margin: 0 auto;height: 100%;}
	#comercial .slogan .top .imagen{width: 80%;}
	#comercial .slogan .bottom .texto .imagen1 .gente{background-position: top; background-size: cover;}
	#comercial .texto-fuera{width: 80%; }
	
	#mixtos .slogan .bottom .texto{border: 0;}
	#mixtos .slogan .bottom{width:100%; height: auto;}
	#mixtos .slogan .bottom .texto .imagen1{width:80%; height: 300px; float: none; margin: 0 auto;}
	#mixtos .slogan .bottom .texto .texto-int1{width:80%; float: none;  margin: 0 auto;height: 100%;}
	#mixtos .slogan .bottom .texto .texto-int2{width:80%; float: none;  margin: 0 auto;height: 100%;}
	#mixtos .slogan .top .imagen{width: 80%;}
	#mixtos .slogan .bottom .texto .imagen1 .gente{background-position: top; background-size: cover;}
	#mixtos .texto-fuera{width: 80%; }
	
	#oficinas .slogan .bottom .texto{border: 0;}
	#oficinas .slogan .bottom{width:100%; height: auto;}
	#oficinas .slogan .bottom .texto .imagen1{width:80%; height: 300px; float: none; margin: 0 auto;}
	#oficinas .slogan .bottom .texto .texto-int1{width:80%; float: none;  margin: 0 auto;height: 100%;}
	#oficinas .slogan .bottom .texto .texto-int2{width:80%; float: none;  margin: 0 auto;height: 100%;}
	#oficinas .slogan .top .imagen{width: 80%;}
	#oficinas .slogan .bottom .texto .imagen1 .gente{background-position: top; background-size: cover;}
	#oficinas .texto-fuera{width: 80%; }
	
	#sostenibilidad .slogan .imagen h2{font-size:24px;}
	#sostenibilidad-cont .p30{width: 100%; float: none;}
	#sostenibilidad-cont .p70{width: 100%; float: none;}
	
	#capital .slogan .imagen h2{font-size:24px;}
	#capital-cont .p30{width: 100%; float: none;}
	#capital-cont .p70{width: 100%; float: none;}
	
	#analisis .slogan .imagen h2{font-size:24px;}
	#analisis-cont .p30{width: 100%; float: none;}
	#analisis-cont .p70{width: 100%; float: none;}
	
	#comite .slogan .imagen h2{font-size:24px;}
	#comite-cont .p33{width: 100%; float: none;}
	
	#descargas-cont .p50{width: 100%; float:none;}
	#descargas .subtitle{position:relative; right: auto; margin: 0 auto; margin-top:27px; top: auto; width: 60%; text-align: center;}
	
	#contacto .slogan {width: 100%;}
}


@media screen and (max-width:420px) {
	#home .slogan-cont .slogan .texto h3{font-size:13px;}
	#home .slogan-cont .slogan .texto h2{font-size: 15px;}
	
	#porque .cont-porque .p20{width: 100%; }
	#porque .cont-porque .p50{width: 100%; }
	#porque .cont-porque ul{margin-top: 0; padding-top: 0px; margin-bottom: 0; padding-bottom: 0px;}
	
	#semblanza .slogan .imagen h2{font-size:22px; line-height: 1.4;}
	#semblanza-cont .mapa-semblanza{margin-top: 0px !important;}
	
	#datos-financieros .slogan .imagen h2{font-size:22px; line-height: 1.4;}
	
	#carta .slogan .imagen h2{font-size:22px; line-height: 1.4;}
	
	#propiedades-en-operacion .slogan .imagen h2{font-size:20px; line-height: 1.4;}
	
	#modelo .slogan .imagen h2{font-size:22px; line-height: 1.4;}
	

	#comercial .slogan .bottom .texto .imagen1{width:90%; height: 250px;}
	#comercial .slogan .bottom .texto .texto-int1{width:90%;}
	#comercial .slogan .bottom .texto .texto-int2{width:90%;}
	#comercial .slogan .top .imagen{width: 90%;}
	#comercial .texto-fuera{width: 90%; }
	
	#mixtos .slogan .bottom .texto .imagen1{width:90%; height: 250px;}
	#mixtos .slogan .bottom .texto .texto-int1{width:90%;}
	#mixtos .slogan .bottom .texto .texto-int2{width:90%;}
	#mixtos .slogan .top .imagen{width: 90%;}
	#mixtos .texto-fuera{width: 90%; }
	
	#oficinas .slogan .bottom .texto .imagen1{width:90%; height: 250px;}
	#oficinas .slogan .bottom .texto .texto-int1{width:90%;}
	#oficinas .slogan .bottom .texto .texto-int2{width:90%;}
	#oficinas .slogan .top .imagen{width: 90%;}
	#oficinas .texto-fuera{width: 90%; }
	
	#sostenibilidad .slogan .imagen h2{font-size:18px; line-height: 1.4;}
	
	#capital .slogan .imagen h2{font-size:18px; line-height: 1.4;}
	
	#analisis .slogan .imagen h2{font-size:18px; line-height: 1.4;}
	
	#comite .slogan .imagen h2{font-size:18px; line-height: 1.4;}
	
	#contacto .slogan .imagen {width: 80%;}
	#contacto .slogan .texto {width: 20%;}
}

@media screen and (max-width:370px) {
	#semblanza .slogan{width: 100%;}
	#datos-financieros .slogan{width: 100%;}
	#carta .slogan{width: 100%;}
	#propiedades-en-operacion .slogan{width: 100%;}
	#modelo .slogan{width: 100%;}
	#sostenibilidad .slogan{width: 100%;}
	#capital .slogan{width: 100%;}
	#analisis .slogan{width: 100%;}
	#comite .slogan{width: 100%;}
	
	#contacto .slogan .imagen {width: 100%;}
	#contacto .slogan .texto {width: 0%;}
}

@media screen and (max-width:320px) {
	
}

/* iPad screen size rules */
@media only screen and (device-width: 768px) {
}

/* Portrait iPad display */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
}

/* Landscape iPad display */
@media only screen and (min-device-width: 320px) and (max-device-width: 720px) and (orientation:landscape) {

}