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


*{padding:0; margin:0;}


@font-face 		{ font-family:light45;
  				src: url(../src/univers-lt-std-cufonfonts/UniversLTStd-LightCn.otf);}

@font-face 		{ font-family:ultraCondlight;
  				src:url("../src/univers-lt-std-cufonfonts/UniversLTStd-LightUltraCn.otf");}
@font-face 		{font-family:ligthCondensed;
				src: url("../src/univers-lt-std-cufonfonts/UniversLTStd-ThinUltraCn.otf");}

@font-face 		{ font-family:roman55;
			    src: url(../src/univers-lt-std-cufonfonts/UniversLTStd-Cn.otf);	}

@font-face 		{ font-family:boldCn;
			    src:url("../src/univers-lt-std-cufonfonts/UniversLTStd-BoldCn.otf");}


/*RESERVADAS*/


/*footer sitio*/

nav {font-family:'Fira Sans Extra Condensed', sans-serif; font-size: 0.9rem;}

footer 	{width:100%;
		display: block;
		height:50px;
		position: fixed;
		bottom:0;
		left:0;
		background-color:#b2b1b1;
		padding:0 8%;
		z-index:999999;}

footer p 	{font-family:'Fira Sans Extra Condensed', sans-serif;
			font-weight: 200;
			font-size:14px;
			line-height:40px;
			color: #004876;
			width: 700px;}



/***IDS***/

#index 	{width:100%;
		height:100vh;
		padding:0;
		text-align: center;
		position: relative;
		background-image:url("../img/inicioPort-1.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		overflow:hidden;}

/*ESTILOS STYLES*/


/*colors*/

.bgWhite70{background-color: rgba(255,255,255,0.8);}

.bgWhite70 a{color:#0561B3;}
.bgWhite70 a:hover{color:#0561B3; background-color: rgba(255,255,255,0.4);} 

.bgGray{background-color:#636569;} /*b2b1b1*/
.txtGray{color:#636569;} 

.bgMediumGray{background-color: #636569;}
.txtMediumGray{color:#636569;}

.bgOrange{background-color:#f59b21;}
.txtOrange{color:#f59b21;}

.bgBlue{background-color:#1aa7cd;}
.txtBlue{color:#1aa7cd;}


.bgMediumBlue{background-color:#0561B3;}
.txtMediumBlue{color:#0561B3;}
.txtMediumBlue:hover{color:#0561B3;}

.bgRed{background-color: #e1251b;}
.txtRed{color:#e1251b;}

/*fuentes*/
.f15{font-size: 1.5rem; margin:-8px;}


/***************PANTALLA INICIO***********************/

/*logo & Menu*/
.navbar{z-index: 100;}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-item:hover>.dropdown-menu {
  display: block;
}
ul li{
list-style-type:none;
display: inline;
}

/*.navbar-nav .nav-link{display:inline-block;}*/
   
.ml-auto {display:inline-block!important;}

.dropdown>.dropdown-toggle:active {
  pointer-events: none;
}


#navbarNavDropdown li{
width:14.28%;
font-family: 'Fira Sans Extra Condensed', sans-serif;
line-height: 1.4;
font-weight: 300;
}

#navbarNavDropdown li:first-child{
width:1%;
}

.navbar-nav{width: 100%; text-align:center;}

.alturaLastLi a{line-height: 7px;}

/*segundo nivel menu*/
.dropdown-menu{ width:100% !important; margin-top:0; border-radius: 0; padding-top:0; padding-bottom: 0; color:#074974;}
.dropdown-item{ padding-top:10px; padding-bottom:10px;}
.dropdown-menu a:hover{background-color: #074974; padding-top:10px; padding-bottom:10px; color:#fff;}

.ia2018{height: 40px;}

.menuData{
    min-height: 77px;
    background-color: #76777a;
    border-left:2px solid #898a8d;
    border-right:2px solid #898a8d;
}

.borderDataL{
    border-left: 4px solid #898a8d;
}

.borderDataR{
    border-right:4px solid #898a8d;
}



/*general*/


/**/

.barra 	{position:absolute;
		display:block;
		width:93.1%;
	    top:-10px;
		animation:subeBarra 3s;
		-moz-animation:subeBarra 3s;
		-o-animation:subeBarra 3s;
		-webkit-animation:subeBarra 3s;
		z-index: 1;}


.barra img { width:100%; min-height: 100vh;}

.barraimg1{display: block;}
.barraimg2{display: none;}
/**/


.contenedorPrincipal{position:relative; z-index: 2;}

.cajaPanal{
    min-height: 75vh;
}

.logoAnim{position:relative;
    	  left:0;
    	  top:25vh;;
          z-index: 2;}

.exaInforme{position: absolute;
				width: 130px;
                right:290px;
				top:263px;
				animation:apareceInforme 5s;
				-moz-animation:apareceInforme 5s;
				-webkit-animation:apareceInforme 5s;
				-o-animation:apareceInforme 5s;
                z-index: 2;}


.hexa1 		{position: absolute;
			width:200px;
			right:357px;
			top:50px;
			animation:anihexa1 3s;
			-moz-animation:anihexa1 3s;
			-o-animation:anihexa1 3s;
			-webkit-animation:anihexa1 3s;
            z-index: 2;}

.hexa2 		{position: absolute;
			width:200px;
			right:158px;
			top:48px;
			animation:anihexa2 3s;
			-moz-animation:anihexa2 3s;
			-o-animation:anihexa2 3s;
			-webkit-animation:anihexa2 3s;
            z-index: 2;}

.hexa3 		{position: absolute;
			width:200px;
			right:59px;
			top:219px;
			animation:anihexa3 3s;
			-moz-animation:anihexa3 3s;
			-o-animation:anihexa3 3s;
			-webkit-animation:anihexa3 3s;
            z-index: 2;}

.hexa4 		{position: absolute;
			width:206px;
			right:155px;
			top:389px;
			animation:anihexa4 3s;
			-moz-animation:anihexa4 3s;
			-o-animation:anihexa4 3s;
			-webkit-animation:anihexa4 3s;
            z-index: 2;}


/*Animación*/

@keyframes apareceInforme {
	0%	 	{opacity:0}
	
	50% 	{opacity:0}
	100%	{ opacity:1}
	
}

@keyframes anihexa1 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:357px;
			top:50px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:357px;
			top:50px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:357px;
			top:50px;}
}

@keyframes anihexa2 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:158px;
			top:48px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:158px;
			top:48px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:158px;
			top:48px;}
}

@keyframes anihexa3 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:59px;
			top:219px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:59px;
			top:219px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:59px;
			top:219px;}
}

@keyframes anihexa4 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:155px;
			top:389px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:155px;
			top:389px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:155px;
			top:389px;}
}
	




/****RESPONSIVOS*****/


/*0 - max 319*/


@media (max-width:319px){}


/*320*/

@media (min-width:320px) and (max-width:359px){
	#navbarNavDropdown li{
	width:auto;
	line-height: 1;
	}

	.dropdown-item{ 
		padding-top:5px; padding-bottom:5px;
		text-align: center;
	}

	

	.barra{display:none;}


	.logoAnim{top:395px; left:-175px; zoom:0.4;}

	    .cajaPanal{zoom:0.4; top:30px; left:100px;}

	footer 	{
		display: block;
		height:40px;
		
		padding:0 2%;}

footer p 	{
			width: 200px; font-size: 9px;}


}


/*360*/

@media (min-width:360px) and (max-width:374px){
	#navbarNavDropdown li{
	width:auto;
	line-height: 1;
	}

	.dropdown-item{ 
		padding-top:5px; padding-bottom:5px;
		text-align: center;
	}

	

	.barra{display:none;}


	.logoAnim{top:395px; left:-175px; zoom:0.4;}

	    .cajaPanal{zoom:0.4; top:30px; left:100px;}

	footer 	{
		display: block;
		height:40px;
		
		padding:0 2%;}

footer p 	{
			width: 200px; font-size: 9px;}



}


/*375*/

@media (min-width:375px) and (max-width:410px){
	#navbarNavDropdown li{
	width:auto;
	line-height: 1;
	}

	.dropdown-item{ 
		padding-top:5px; padding-bottom:5px;
		text-align: center;
	}

	

	.barra{display:none;}


	.logoAnim{top:340px; left:-165px; zoom:0.6;}

	    .cajaPanal{zoom:0.5; top:30px; left:100px;}

	footer 	{
		display: block;
		height:40px;
		
		padding:0 2%;}

footer p 	{
			width: 300px; font-size: 12px;}


}


/*411*/

@media (min-width:411px) and (max-width:567px){
	
	#navbarNavDropdown li{
	width:auto;
	line-height: 1;
	}

	.dropdown-item{ 
		padding-top:5px; padding-bottom:5px;
		text-align: center;
	}


	.barra{display:none;}


	.logoAnim{top:340px; left:-165px; zoom:0.6;}

	    .cajaPanal{zoom:0.5; top:30px; left:100px;}

	footer 	{
		display: block;
		height:40px;
		
		padding:0 2%;}

footer p 	{
			width: 400px;}

}


/*568*/

@media (min-width:568px) and (max-width:666px){
	#navbarNavDropdown li{
	width:auto;
	line-height: 1;
	}

	.dropdown-item{ 
		padding-top:5px; padding-bottom:5px;
		text-align: center;
	}



	.barra{display:none;}


	.logoAnim{top:380px; left:-200px; zoom:0.75;}

	    .cajaPanal{zoom:0.7; top:30px; left:100px;}

}

/*667*/

@media (min-width:667px) and (max-width:735px){
	#navbarNavDropdown li{
	width:auto;
	line-height: 1;
	}

	.dropdown-item{ 
		padding-top:5px; padding-bottom:5px;
		text-align: center;
	}

	
	.barra{display:none;}


	.logoAnim{top:380px; left:-200px; zoom:0.75;}

	    .cajaPanal{zoom:0.7; top:30px; left:100px;}

}

/*736*/

@media (min-width:736px) and (max-width:811px){
	

	#navbarNavDropdown li{
	width:auto;
	line-height: 1;
	}

	.dropdown-item{ 
		padding-top:5px; padding-bottom:5px;
		text-align: center;
	}

	.barra{display:none;}


	.logoAnim{top:380px; left:-200px; zoom:0.75;}

	    .cajaPanal{zoom:0.7; top:30px; left:100px;}


}

/*812*/

@media (min-width:812px) and (max-width:991px){

	#navbarNavDropdown li{
	width:auto;
	line-height: 1;
	}

	.dropdown-item{ 
		padding-top:5px; padding-bottom:5px;
		text-align: center;
	}

	.barra{display:none;}


	.logoAnim{top:360px; left:0px; zoom:0.9;}

	    .cajaPanal{zoom:0.8; top:100px; left:100px;}

}


/*992*/

@media (min-width:992px) and (max-width:1023px){
	.menuData{ min-height: 115px;}
	.alturaLastLi a{line-height: 12px;}

.barra 	{width:100%; top:115px;}

	.logoAnim{top:280px; left:120px; zoom:0.9;}

	    .cajaPanal{zoom:0.8;}

	.barra img { width:100%; min-height: 70vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}


}

/**Escritorio**/

/*1024*/

@media (min-width:1024px) and (max-width:1079px){


	.menuData{ min-height: 115px;}
	.alturaLastLi a{line-height: 12px;}

	.barra 	{width:100%; top:115px;}

	.barra img { width:100%; min-height: 80vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}


	.alturaLastLi a{line-height: 12px;}
    
    .logoAnim{position:relative;
    left:100px;
    top:220px;
    z-index: 2;}

    .cajaPanal{
    min-height: 90vh;
    }
    
    .menuData{ min-height: 115px;}
    
    
    
.exaInforme{
				width: 100px;
                right:245px;
				top:190px;
				}


.hexa1 		{
			width:140px;
			right:300px;
			top:50px;
			}

.hexa2 		{
			width:140px;
			right:159px;
			top:48px;
			}

.hexa3 		{
			width:140px;
			right:88px;
			top:168px;
			}

.hexa4 		{
			width:140px;
			right:159px;
			top:289px;
			}
    
    
    
@keyframes anihexa1 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:300px;
        top:50px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:300px;
        top:50px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:300px;
        top:50px;}
}

@keyframes anihexa2 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:159px;
        top:48px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:159px;
			top:48px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:159px;
			top:48px;}
}

@keyframes anihexa3 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:88px;
			top:168px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:88px;
			top:168px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:88px;
			top:168px;}
}

@keyframes anihexa4 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:159px;
			top:289px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:159px;
			top:289px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:159px;
			top:289px;}
}
	
    
    
    
    
}

/*1080*/

@media (min-width:1080px) and (max-width:1199px){

	.menuData{ min-height: 115px;}
	.alturaLastLi a{line-height: 12px;}

	.barra 	{width:100%; top:115px;}

	.logoAnim{top:310px; left:120px; zoom:0.9;}

	    .cajaPanal{zoom:0.9;}

	.barra img { width:100%; min-height: 70vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}

}

/*1200*/

@media (min-width:1200px) and (max-width:1279px){



.alturaLastLi a{line-height: 13px;}
    
    .barra 	{width:100%; top:100px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    
    .logoAnim{position:relative;
    left:150px;
    top:250px;
    z-index: 2;}

    
    .cajaPanal{
    margin-top:20px;
    margin-left:-40px;
    min-height: 99vh;
        zoom:1;
}
    
    .menuData{ min-height: 115px;}
    
    
    
.exaInforme{
				width: 100px;
                right:245px;
				top:190px;
				}


.hexa1 		{
			width:140px;
			right:300px;
			top:50px;
			}

.hexa2 		{
			width:140px;
			right:159px;
			top:48px;
			}

.hexa3 		{
			width:140px;
			right:88px;
			top:168px;
			}

.hexa4 		{
			width:140px;
			right:155px;
			top:287px;
			}
    
    
    
@keyframes anihexa1 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:300px;
        top:50px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:300px;
        top:50px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:300px;
        top:50px;}
}

@keyframes anihexa2 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:159px;
        top:48px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:159px;
			top:48px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:159px;
			top:48px;}
}

@keyframes anihexa3 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:88px;
			top:168px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:88px;
			top:168px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:88px;
			top:168px;}
}

@keyframes anihexa4 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:159px;
			top:289px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:159px;
			top:289px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:155px;
			top:287px;}
}




}

/*1280*/

@media (min-width:1280px) and (max-width:1359px){

	.alturaLastLi a{line-height: 13px;}
    
    .barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    
    .logoAnim{position:relative;
    left:150px;
    top:250px;
    z-index: 2;}

    
    .cajaPanal{
    margin-top:20px;
    margin-left:-40px;
    min-height: 99vh;
        zoom:1;
}
    
    .menuData{ min-height: 115px;}
    
    
    
.exaInforme{
				width: 100px;
                right:245px;
				top:190px;
				}


.hexa1 		{
			width:140px;
			right:300px;
			top:50px;
			}

.hexa2 		{
			width:140px;
			right:159px;
			top:48px;
			}

.hexa3 		{
			width:140px;
			right:88px;
			top:168px;
			}

.hexa4 		{
			width:140px;
			right:155px;
			top:287px;
			}
    
    
    
@keyframes anihexa1 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:300px;
        top:50px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:300px;
        top:50px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:300px;
        top:50px;}
}

@keyframes anihexa2 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:159px;
        top:48px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:159px;
			top:48px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:159px;
			top:48px;}
}

@keyframes anihexa3 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:88px;
			top:168px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:88px;
			top:168px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:88px;
			top:168px;}
}

@keyframes anihexa4 {
	0%    {opacity:0;
		  transform:scale(1.2);
		  right:159px;
			top:289px;}
	
	50%   {opacity:0;
		  transform:scale(1.2);
		  right:159px;
			top:289px;}
	
	100%  {opacity:1;
		  transform:scale(1);
		  right:155px;
			top:287px;}
}
	
    
  
    
}

/*1360*/

@media (min-width:1360px) and (max-width:1365px){
    
    
	.barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    
    .logoAnim{position:relative;
    left:100px;
    top:310px;
    z-index: 2;}

    
    .cajaPanal{
    margin-top:30px;
    margin-left:-30px;
    min-height: 99vh;
        zoom:0.90;
}
    
    
}

/*1366*/

@media (min-width:1366px) and (max-width:1439px){


	.barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}


    .logoAnim{position:relative;
    left:100px;
    top:330px;
    z-index: 2;}

    
    .cajaPanal{
    margin-top:50px;
    margin-left:-30px;
    min-height: 99vh;
        zoom:0.9;





}
    
}

/*1440*/

@media (min-width:1440px) and (max-width:1444px){


	.barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    .logoAnim{position:relative;
    left:100px;
    top:320px;
    z-index: 2;}

    .cajaPanal{
    min-height: 100vh;
    }

}

/*1445*/

@media (min-width:1445px) and (max-width:1559px){

	 
	.barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    .logoAnim{position:relative;
    left:100px;
    top:320px;
    z-index: 2;}

    .cajaPanal{
    min-height: 100vh;
    }

}

/*1560*/

@media (min-width:1560px) and (max-width:1599px){

	 
	.barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    .logoAnim{position:relative;
    left:100px;
    top:320px;
    z-index: 2;}

    .cajaPanal{
    min-height: 100vh;
    }

}
    
/*1600*/

@media (min-width:1600px) and (max-width:1679px){
    
    
    .barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    .logoAnim{position:relative;
    left:100px;
    top:320px;
    z-index: 2;}

    .cajaPanal{
    min-height: 100vh;
    }

}

/*1680*/

@media (min-width:1680px) and (max-width:1919px){
    
    .barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    .logoAnim{position:relative;
    left:100px;
    top:320px;
    z-index: 2;}

    .cajaPanal{
    min-height: 100vh;
    }
    
}
    
/*1920*/

@media (min-width:1920px) and (max-width:2047px){
    
   .barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    .logoAnim{position:relative;
    left:100px;
    top:320px;
    z-index: 2;}

    .cajaPanal{
    min-height: 100vh;
    }
    

}

/*2048*/

@media (min-width:2048px) and (max-width:2279px){

   .barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    .logoAnim{position:relative;
    left:130px;
    top:370px;
    z-index: 2;}

    .cajaPanal{
    	top:50px;
    min-height: 100vh;
    }

}

/*2280*/

@media (min-width:2280px) and (max-width:2559px){



   .barra 	{width:100%; top:45px;}

	.barra img { width:100%; min-height: 90vh;}
	.barraimg1{display: none;}
	.barraimg2{display: block;}
    
    .logoAnim{position:relative;
    left:130px;
    top:430px;
    z-index: 2;}

    .cajaPanal{
    	top:110px;
    min-height: 100vh;
    }



}

/*2560*/

@media (min-width:2560px) and (max-width:3839px){

.logoAnim{position:relative;
    left:100px;
    top:320px;
    z-index: 2;}

}

/*3840*/

@media (min-width:3840px){}