@font-face {
  font-family: 'myriad-pro-black';
  src: url(../fonts/myriad-pro-black.eot);
  src: url(../fonts/myriad-pro-black.eot?#iefix) format('embedded-opentype'),
       url(../fonts/myriad-pro-black.otf) format('otf'),
       url(../fonts/myriad-pro-black.svg#myriad-pro-black) format('svg'),
       url(../fonts/myriad-pro-black.ttf) format('truetype'),
       url(../fonts/myriad-pro-black.woff2) format('woff2'),
       url(../fonts/myriad-pro-black.woff) format('woff');

}



@font-face {
  font-family: 'HelveticaNeue-Roman';
  src: url(../fonts/HelveticaNeue-Roman.eot);
  src: url(../fonts/HelveticaNeue-Roman.eot?#iefix) format('embedded-opentype'),
       url(../fonts/HelveticaNeue-Roman.otf) format('otf'),
       url(../fonts/HelveticaNeue-Roman.svg#HelveticaNeue-Roman) format('svg'),
       url(../fonts/HelveticaNeue-Roman.ttf) format('truetype'),
       url(../fonts/HelveticaNeue-Roman.woff) format('woff'),
       url(../fonts/HelveticaNeue-Roman.woff2) format('woff2');
}

.p-top-6{
    padding-top:6%;   
}

.contenedor.mt-5 {
    margin-top: 20px !important;
}
.contenedor{
    max-width: 1241px;
    margin: auto;
}
.div_cabecera{
    width: 100%;
    overflow: hidden;
    margin-bottom:2%;
    background-color: #fff;
}
.div_titulo{
    width: 80%;
    float:left;
    font-size: 50px;
}  
.div_titulo a{
    color: #000;
    text-decoration: none;
} 
.div_titulo a:hover{
    color: #000;
    text-decoration: none;
} 
.text-center{
    text-align: center;
}
.mlmenu{
    margin-left:5%;    
}

ul {
    padding-left: 0px !important;
}
.color-titulo{
    color: #29ace2;   
    font-weight: bold;
}
img{
    width: 100%;
}
.div_logo{
    width: 20%;
    float: left;
    text-align:right;
}
.div_logo img{
    width: 70px;
    margin-right: 5%;
}
.home img{
    width: 20px;   
}
.no-padding{
    padding: 0px !important;   
}
.fondo_color{
   background: #0e386b; 
}
.fondo_color_2{
   background: #29ace2; 
}
.menu_unidad{
    padding: 2% 4% 2% 4%;
    float: left;
    background: #0e386b;
    text-align:center;
}
.menu_unidad_2{
    padding: 2% 6% 2% 6%;
    float: left;
    background: #29ace2;
    text-align:center;
}

.borde_blanco_inferior{
    border-bottom: 1px #fff solid;
}
.movil{
  display: none;   
}
a.estilomenu{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}
a.estilomenu:hover{
    color: #fff;
}
.active_2, .dot:hover {
    background-color: #29ace2;
}
.active_3, .dot:hover {
    background-color: #0e386b;
}
.borde_blanco_left{
    border-left: 1px #fff solid;
}


@media screen and (max-width:1275px ) {
    
    .p-top-6{
        padding-top:7%;   
    }    
    .row{
    	width:100% !important;
    	margin: 0 !important;	
    }
    .div_titulo {
        padding-left: 30px !important;
    }
    .div_logo {
        padding-right: 30px !important;
    }
    .menu_unidad {
        padding: 2% 1% 2% 1%;
    }
    .menu_unidad_2 {
        padding: 2% 1% 2% 9%;
    }
    a.estilomenu{
        font-size: 13px;
    }
   
}

@media screen and (max-width:882px ) {
	.div_titulo {
    	font-size: 46px;
		margin-top:2px !important;
	}
    .menu_unidad {
        padding: 2% 1% 2% 1%;
    }
    .menu_unidad_2 {
        padding: 2% 1% 2% 1%;
    } 	
}

@media screen and (max-width:816px ) {
    .contenedor{
        width: 100%;
    }
    .div_logo{
        text-align:center;
    }    
    .div_titulo{
        font-size: 40px;
		margin-top: 7px !important;
    } 
    .movil{
      display: block;   
    }   
    .escritorio{
      display: none;   
    }    
}

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

    .animacion{
        width: 100% !important;
        height: 350px !important;
    }

    
    
}

@media screen and (max-width:350px ) {
	.div_titulo{
        
		padding: 0 10px !important;
    }   
	.div_logo{
		padding-right: 0 10px !important;
    } 
}


@media screen and (max-width:768px ) {
    .menu_azul: hover{
        background: #0e386a;   
    }    
    .jmenu a {
        padding: 10px 10px !important;
    }
    .mb-menu {
        margin-bottom: 3%;
    }    
    .jm-collapse span{
        color: #fff;
        font-weight: bold;
        position: absolute;
        right: 5%;
        margin-top: 0.5%;
    } 
	.div_titulo{
	    padding-top: 1%;
        font-size: 18px;
    }   
    .div_logo img{
        width: 100%;
        margin-right: 5%;
    }    
   
    
  
}



@media screen and (max-width:550px ) {
    .animacion{
        width: 100% !important;
        height: 250px !important;
    } 
}