/* TABLET */
@media only screen and ( min-width:720px ) and (max-width:1024px){
	header{
		width: 100%;
	}
	nav{
		float: right;
		margin-right: 20px;
	}
	nav ul li{
		margin: 0 12px;
	}
	.btn-home{
		display: none;
	}
	header .contenedor{
		width: calc(100% - 40px);
		padding: 0 20px;
	}
	.home .content{
		width: calc(100% + 100px);
		margin-left: -50px;
		min-height: auto;
		position: relative;
	}
	.home .img{
    	position: absolute;
    	right: 0;
	}
	.home .content p{
		margin: 195px auto 200px;
		width: 280px;
		font-size: 14px;
		padding-right: 0;
	}
	.bread, .nav{
		display: none;
	}
	.somos .img{
		margin-top: 200px;
		margin-bottom: 100px;
		min-height: auto;
		width: 100%;
	}
	.somos h2{
    	bottom: 0px;
	}
	h2{
		font-size: 40px;
	}
	.sliders{
		width: calc(100% + 20px);
		left: -20px;
	}
	.sliders > ul{
		bottom: 15px;
		left: calc(50% - 202px);
	}
	.slide .content{
	    margin-top: 0;
	    width: calc(100% - 80px);
	    padding: 0 40px;
	}
	.content p{
    	width: calc(50% - 30px);
	}
	.mision p{
		width: calc(100% - 8px);
		font-size: 12px;
	}
	h4{
	    font-size: 16px;
	}
	h5{
		margin: 5px 0px 0px;
		font-size: 14px;
	}
	.content .mid{
		width: calc(50% - 30px);
		padding-right: 20px;
	}
	.content .mid:nth-child(2){
		width: 50%;
		padding-right: 10px;
		padding-left: 0;
		min-height: auto;
		padding-top: 200px;
	}
	.valores .center{
		font-size: 30px;
		left: calc(50% - 68px);
		top: 52%;
	}
	.valores .text{
		font-size: 12px;
	}
	.valores .text strong{
    	font-size: 14px;
	}
	.text.t7{
		left: -5px;
	}
	.text.t5{
	    left: calc(50% - 75px);
	}
	.ui-slider-tabs-list-wrapper.bottom{
		margin: 0px 0 0 0;
    	height: 65px;
	}
	.content .p{
		font-size: 10px;
		margin-right: 10px;
	}
	.content .col .p h3{
		font-size: 20px;
	}
	.ui-slider-tabs-list{
    	width: 52% !important;
    	left: calc(50% - 33%);
    	top: 0px;
	}
	.gobierno .img{
		width: 100%;
    	min-height: auto;
    	overflow: hidden;
	}
	.gobierno h2{
		bottom: 0;
	}
	.perfil{
    	width: calc(100% / 4 - 8px);
    	min-width: auto;
	}
	.perfil:nth-child(4n){
		margin-right: 0px;
	}
	.perfil:nth-child(5n){
		margin-right: 10px;
	}
	.lightbox .box{
		width: 85%;
		height: 250px;
		left: 6%;
	}
	.lightbox .box .img{
	    width: 250px;
    	height: 250px;
	}
	.lightbox_modal .box{
		width: 85%;
		height: 250px;
		left: 6%;
	}
	.lightbox_modal .box .img{
	    width: 250px;
    	height: 250px;
	}
	.empresas .img{
		width: 100%;
    	min-height: auto;
	}
	.empresas h2{
		bottom: 0;
	}
	#emp .content{
		padding-top: 90px;
	}
	.empresas .content .mid{
		width: 96%;
		padding-top: 0;
	}
	.empresas .detalle p{
		font-size: 12px;
	}
	.empresas.emp2{
		min-height: 720px;
	}
	.mid .logos{
	    margin-top: 30px;
	}
	.sli-emp{
		margin: 65px -40px 0;
	}
	.sli-emp .emp .detalle .logo{
		margin-bottom: 0;
		width: 90px;
	}
	.detalle p .example1{
		font-size: 30px;
	}
	.detalle p .example2{
		font-size: 16px;
	}
	.pager{
		width: 100%;
		bottom: 0px;
	}
	#prev{
		left: 40px;
	}
	#next{
		right: 40px;
	}
	.inversionistas .img{
		width: 100%;
    	min-height: auto;
    	margin: 50px 0;
	}
	.inversionistas h2{
		bottom: 0;
	}
	#inv2 .content{
		padding: 100px 40px 0;
	}
	.inversionistas.inv2{
		margin-top: 50px;
	}
	.img-center{
		margin-top: 0px;
	}
	.img-center img{
		width: 50%;
	}
	.money{
		top: auto;
    	bottom: 5px;
	}
	.money2{
	    top: auto;
    	bottom: -58px;
	}
	.content .side{
		width: 20%;
	}
	.up-nav{
		margin-left: 5%;
		margin-top: 0;
		margin-bottom: 40px;
		display: table;
		width: 100%;
	}
	.up-nav ul li{
		margin-right: 30px;
	}
	.box .line .docs{
		width: 100%;
		height: auto;
	}
	.box .line .docs .doc{
	    width: calc(100% / 3 - 10px);
    	margin: 30px 5px;
		font-size: 12px;
	}
	.box .line .ano{
	    transform: none;
	    margin: 0;
	    width: 100%;
	}
	.reportes .box{
		margin-bottom: 80px;
	}
	.reportes .box .nav{
		display: block;
		width: 95%;
		right: 0;
		bottom: -60px;
	}
	.reportes .box .nav .arrow.up{
		float: left;
		margin-bottom: 0;
		-ms-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    margin-left: 50px;
	}
	.reportes .box .nav .arrow.up.none{
		float: left;
		margin-bottom: 0;
	}
	.reportes .box .nav .arrow.down{
		float: right;
		-ms-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    margin-right: 50px;
	}
	.reportes .box .nav .text{
		font-size: 12px;
	}
	.sli-emp .emp .img{
		overflow: hidden;
	}
	.sli-emp .emp .img img{
		width: auto;
		height: 720px;
	}
	.section, .fp-tableCell{
		height: auto !important;
		vertical-align: top !important;
	}
	footer .foot{
		margin-top: 130px;
	}

	.lightbox-movil{
		background: rgba(0,0,0,0.5);
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		display: none;
	}
	.lightbox-movil .box{
		background: #fff;
		position: absolute;
		width: 300px;
	    height: auto;
	    left: calc(50% - 150px);
	    top: 100px;
	}
	.lightbox-movil .box .img{
		width: 300px;
    	height: 200px;
    	float: left;
    	overflow: hidden;
    	margin: 0;
		padding: 0;
	}
	.lightbox-movil .box .detalle{
	    padding: 20px;
	    float: left;
	    width: calc(100% - 40px);
	}
	.lightbox-movil .box .detalle .name{
		color: #333333;
		font-size: 18px;
		font-weight: 400;
	}
	.lightbox-movil .box .detalle p{
		color: #333333;
		font-size: 14px;
		font-weight: 100;
		line-height: 20px;
	}
	.lightbox-movil .close{
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    color: #949494;
	    cursor: pointer;
	    z-index: 999;
	}
}

/* SMARTPHONE */
@media only screen and ( min-width:320px ) and (max-width:719px){

	header{
	    width: calc(100% - 40px);
    	padding: 0 20px;
	}
	header .logo{
	    z-index: 999;
	    position: relative;
	    height: 40px;
	    width: 100px;
	}
	header .menu{
	    position: relative;
	    width: 26px;
	    height: 26px;
	    margin: 26px auto 0;
	    float: right;
	    z-index: 999;
	    display: block;
	}
	header .menu span{
	    content: " ";
	    height: 3px;
	    background: #ca1017;
	    width: 26px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    transition: 0.3s all;
	    -webkit-transition: 0.3s all;
	    cursor: pointer;
	}
	header .menu span:nth-child(2){ top: 8px; }
	header .menu span:nth-child(3){ top: 16px; }

	header .menu.open span{
	    top: 8px;
	    transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	}
	header .menu.open span:nth-child(2){
	    transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	}
	header .menu.open span:nth-child(3){ display: none;}
	header .menu label{
		position: absolute;
	    top: 0;
	    left: -56px;
	    font-size: 14px;
	    color: #747474;
	}
	header.foot .menu span{
		background: #fff;
		transition: 0.3s all;
	    -webkit-transition: 0.3s all;
	}
	header.foot .menu label{
		color: #fff;
		transition: 0.3s all;
	    -webkit-transition: 0.3s all;
	}
	.nav-movil{
	   	position: fixed;
	    top: 0;
	    background: rgba(255,255,255,0.9);
	    width: 100%;
	    height: 100%;
	    left: 0;
	    padding-top: 70px;
	    z-index: 995;
	    border-top: 3px solid #ca1017;
	}
	.nav-movil ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.nav-movil ul li{
	    display: block;
	    padding: 48px 0 0 20px;
	}
	.nav-movil ul li a{
		color: #747474;
		text-transform: uppercase;
	}
	header .contenedor{
		width: 100%;
	}
	.contenedor{
	    width: 100%;
    	padding: 0;
	}
	.logo{
		margin-top: 15px;
		width: 100px;
	}
	header nav {
		display: none;
	}
	.home .content{
		width: 100%;
	}
	.home .img.uno{
	    right: 0;
    	width: 36%;
    }
	.home .img.dos{
	    right: 36%;
	    width: 28.5%;
	    bottom: 19.5%;
	}
	.home .img.tre{
		right: 36%;
	    width: 28.5%;
	}
	.home .img.cua{
		width: 36%;
		right: 64%;
	}
	.home .content{
		min-height: 498px;
		margin-top: -30px;
	}
	.home .content p{
	    width: 270px;
	    font-size: 14px;
	    margin-left: 20px;
	    margin-top: 140px;
	    padding-right: 0;
	}
	.somos{
		height: 236px !important;
	}
	.somos .fp-tableCell{
		vertical-align: top;
		height: 236px !important;
	}
	.somos .img{
		width: calc(100% + 7px);
		margin-left: -7px;
		min-height: 165px;
		margin-top: 70px;
	}
	.somos h2{
	    bottom: 10px;
    	left: 20px;
	}
	.gobierno .img{
		width: calc(100% + 7px);
		margin-left: -7px;
		min-height: 165px;
		padding-top: 0;
	}
	.gobierno.corp{
		margin-top: -8px;
	}
	.empresas .img{
		width: calc(100% + 7px);
		margin-left: -7px;
		min-height: 165px;
		padding-top: 0;
		margin-top: 0;
	}
	.inversionistas .img{
		width: calc(100% + 7px);
		margin-left: -7px;
		min-height: 165px;
		padding-top: 0;
		margin-top: 0;
	}
	.empresas.emp{
    	margin-top: -15px;
    	margin-bottom: -7px;
	}
	#sli .content{
		margin-top: 0;
	}
	h2{
		font-size: 20px;
	}
	.bread{
		display: none;
	}
	.nav{
		display: none;
	}
	.sliders{
		margin-top: -7px;
		width: 100%;
		left: 0px;
	}
	.sliders > ul{
	    bottom: auto;
	    top: 0;
	    left: 20px;
	}
	.sliders > ul li{
		font-size: 12px;
		padding: 10px 9px;
	}
	.sl2 .slide .content{
		min-height: 765px;
	}
	.slide .content{
	    width: calc(100% - 40px);
	    padding: 0 20px;
	    margin-top: 45px;
	}
	.slide .content h3{
		margin-top: 20px;
	}
	.empresas .detalle p{
		font-size: 12px;
	}
	.empresas.emp2{
		height: 870px !important;
	}
	.content p{
		width: 100%;
	}
	.content .col .p{
		font-size: 12px;
	}
	.ui-slider-tabs-list-wrapper{
	    position: absolute;
	    top: 0;
	    width: 100%;
	    height: 65px;
	}
	.ui-slider-left-arrow{
		display: none !important;
	}
	.ui-slider-right-arrow{
		display: none !important;
	}
	.ui-slider-tabs-list{
	    width: calc(100% - 20px) !important;
	    margin-left: -20px !important;
	}
	.ui-slider-tabs-list li a{
	    padding: 8px 8px;
	    font-size: 12px;
	}
	.ui-slider-tabs-list{
		top: 0;
	}
	.ui-slider-tabs-content-container{
	    height: auto !important;
    	min-height: 775px;
	}
	.historia.slide{
		display: block;
		clear: none;
	}
	.slide{
		height: auto !important;
	}
	.cronologia{
		min-height: 655px;
	}
	.cronologia .content .col{
		width: 100%;
		margin-top: 40px;
	}
	.cronologia .content .col.dos{
		display: none;
	}
	.cronologia .content .col.tres{
		display: none;
	}
	.nav-cro{
	    display: block;
	    position: absolute;
	    top: 40px;
	    width: calc(100% - 60px);
	}
	.nav-cro .arrow.up{
		float: left;
		-ms-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    transform: rotate(-90deg);
	}
	.nav-cro .arrow.down{
		float:left;
		-ms-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    margin-left: 240px;
	}
	.content .mid{
		width: calc(100%);
	}
	.content .mid.valores{
		background: url('../img/valores-movil.jpg') center center no-repeat;
	    background-size: cover;
	    margin: 0 -20px;
	    width: calc(100% + 40px);
	    min-height: 274px;
	    padding: 0;
	    display: table;
	    float: left;
	    clear: both;
	}
	.content .mid.valores img{
	    margin: 60px 0;
    	width: 90%;
	}
	.historia .content p{
		width: 100%;
	}
	.content p{
		font-size: 12px;
	}
	h4{
		font-size: 16px;
	}
	h5{
		font-size: 14px;
	}
	.mision{
		background: url('../img/mision-movil.jpg') center center no-repeat #fff;
	}
	.slide .content h3{
		margin-top: 0;
	}
	.ver-mas-movil{
		display: block;
	}
	.mas-movil{
		display: none;
	}
	.gobierno > .img, .empresas > .img, .inversionistas > .img{
		width: calc(100% + 7px);
		margin-left: -7px;
		min-height: 165px;
		margin-top: 70px;
	}
	.empresas > .img{
		float: left;
	}
	.gobierno h2, .empresas h2, .inversionistas h2{
	    bottom: 30px;
    	left: 20px;
	}
	.perfil{
		width: calc(50% - 20px);
		min-width: 115px;
		overflow: hidden;
		margin-left: 10px;
		text-align: center;
	}
	.perfil .datos{
		height: 88px;
		background: rgba(243,242,242,0.9);
		text-align: left;
	}
	.perfil:nth-child(2n){
		margin-right: 0;
	}
	.perfil .img{
		overflow: hidden;
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    float: left;
	}
	.perfil .img img{
	    width: 100%;
	}
	.perfil .datos .name{
		font-size: 13px;
	}

    .lightbox-movil{
		background: rgba(0,0,0,0.5);
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		display: none;
	}
	.lightbox-movil .box{
		background: #fff;
		position: absolute;
		width: 300px;
	    height: auto;
	    left: calc(50% - 150px);
	    top: 30px;
	}
	.lightbox-movil .box .img{
		width: 300px;
    	height: 200px;
    	float: left;
    	overflow: hidden;
    	margin: 0;
		padding: 0;
	}
	.lightbox-movil .box .detalle{
	    padding: 20px;
	    float: left;
	    width: calc(100% - 40px);
	}
	.lightbox-movil .box .detalle .name{
		color: #333333;
		font-size: 18px;
		font-weight: 400;
	}
	.lightbox-movil .box .detalle p{
		color: #333333;
		font-size: 14px;
		font-weight: 100;
		line-height: 20px;
	}
	.lightbox-movil .close{
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    color: #949494;
	    cursor: pointer;
	    z-index: 999;
	}

    .gobierno .content{
    	margin-top: 30px;
    }
    #emp .content{
        padding-top: 0px;
    	margin-top: 40px;
    }
    .empresas .content .mid{
    	width: 100%;
    	padding-right: 20px;
    }
    .empresas .content .mid:nth-child(2){
    	margin-top: 50px;
    }
    .empresas .slide{
    	min-height: 498px;
    }
    .sli-emp{
        width: calc(100% + 40px);
    	margin: 0 -20px;
    	height: 955px;
    }
    .sli-emp .emp .img{
    	height: 152px;
    	overflow: hidden;
    	width: calc(100% + 7px);
		margin-top: 0px;
		margin-bottom: 60px;
    }
    .sli-emp .emp .detalle{
        width: calc(100% - 20px);
        padding: 0 0 0 20px;
    }
    .detalle p .example1{
    	font-size: 30px;
    }
    .detalle p .example2{
    	font-size: 14px;
    }
    .detalle p .example3{

    }
    .pager{
    	bottom: auto;
    	top: 165px;
    }
    .emp .pro, .emp .paine, .emp .innova, .emp .bia{
    	margin-top: 0;
    }
    .cycle-pager{
    	display: none;
    }
    .img-center{
    	margin-top: 15px;
    }
    .img-center img{
    	width: 100%;
    }
    .inversionistas.inv{
		margin-top: -8px;
    	min-height: 600px;
    }
    .inversionistas.inv2{
    	min-height: 650px;
    	height: auto !important;
    }
    .inversiones .content{
		margin-top: 0;
	}
    .money{
    	top: 340px;
    }
    .money2{
    	top: 400px;
    }
    .content .side{
		width: 100%;
	}
	.content .side ul{
		border: 0;
		margin-bottom: 10px;
	}
	.content .side ul li{
	    display: inline-block;
	    width: calc(100% / 3 - 3px);
	    text-align: center;
	    font-size: 10px;
	}
	.archivos .content{
		margin-top: 14px;
		margin-bottom: 80px;
	}
	.up-nav{
		margin-top: 0px;
    	width: 100%;
    	margin-left: 0;
    	margin-bottom: 0;
	}
	.up-nav ul li{
	    width: calc(100% - 20px);
	    background: #ffffff;
	    padding: 15px 0;
	    padding-left: 20px;
	    margin: 0;
	    border-top: 1px solid #b7b7b7;
	}
	.up-nav ul li:last-child{
		border-bottom: 1px solid #b7b7b7;
	}
	.up-nav ul li.active{
		color: #ee4d51;
		border-bottom: 0;
	}
	.box .line .docs{
		width: 100%;
		height: auto;
	}
	.box .line .docs .doc{
	    width: calc(100% / 3 - 10px);
	    margin: 5px 5px 20px;
	    font-size: 12px;
	    height: 110px;
	}
	.box .line .ano{
	    transform: none;
	    margin: 0;
	    width: 100%;
	}
	.archivos{
	    display: table;
    	clear: both;
		min-height: 720px;
	}
	.reportes .box{
		width: 100%;
	}
	.reportes .box .line{
    	margin: 0;
	    width: 100%;
	}
	.reportes .box .nav{
		display: block;
		width: 95%;
		right: 0;
		bottom: -60px;
	}
	.reportes .box .nav .arrow.up{
		float: right;
		margin-bottom: 0;
		-ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	    transform: rotate(90deg);
	    margin-right: 50px;
	}
	.reportes .box .nav .arrow.up.none{
		float: right;
		margin-bottom: 0;
	}
	.reportes .box .nav .arrow.down{
		float: left;
		-ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	    transform: rotate(90deg);
	    margin-left: 50px;
	}
	.reportes .box .nav .text{
		font-size: 12px;
	}
	.reportes .box.large{
		margin-left: 0;
	}
	.reportes .box.large .nav{
		right: 0;
	}
	.section, .fp-tableCell{
		height: auto !important;
		vertical-align: top !important;
	}
	footer .foot{
		margin-top: 70px;
	}

	.btn-home{
		display: none;
	}
}