/*
#login-prontus-sm {position: relative; display:none; }
#login-prontus, #login-prontus-sm {position: relative; border:0; width:100%; overflow:hidden; background-color: #034e7c; height: 100px; }
@media screen and (max-width: 768px) { 
   #login-prontus    {position: relative; display: none; }
   #login-prontus-sm {position: relative; display: block; height: 240px; } 
}
*/

        @font-face {
            font-family: montserratregular;    src: url("/prontus_unap/font/montserrat/Montserrat-Regular.otf") format("opentype");
        }
        @font-face {
            font-family: montserratbold;    src: url("/prontus_unap/font/montserrat/Montserrat-Bold.ttf") format("opentype");
        }



table#mitabla {
    border-collapse: collapse;
    border: 1px solid #CCC;
    font-size: 12px;
}
 
table#mitabla th {
    font-weight: bold;
    background-color: #E1E1E1;
    padding:5px;
}
 

 
table#mitabla td {
    padding: 5px 10px;
    border: 1px solid #CCC;
}
/*
table#mitabla tbody tr:hover td {
   background-color: #F9F9F9;
   color: #000;
}
*/
.mitabla {
    border-collapse: collapse;
    border: 1px solid #CCC;
    font-size: 12px;
}

.mitabla tr:nth-child(odd) {background: #F3F3F3}
.mitabla tr:nth-child(even) {background: #FFF}
 
.mitabla tbody th {
    font-weight: bold;
    background-color: #ccc; /* F3F3F3 gris*/
    padding:5px;
}
.mitabla th {
    font-weight: bold;
    background-color: #ccc;
    padding:5px;
    border: 1px solid  #85929e; 
    /*text-align: center;*/
}
.mitabla td {
    padding: 5px 10px;
    border: 1px solid #CCC;
}

 
.mitabla tbody tr:hover td {
    background-color:  #ebf5fb;
}


.mitabla tbody tr.naranjo-blanco-sin-hover td {
    background-color: #cc3300; /*cc3300 naranjo*/
    color: #fff;
}
.mitabla tbody tr.naranjo-blanco-sin-hover:hover td {
    background-color: #cc3300; /*cc3300 naranjo*/
    color: #fff;
}



.mitabla tbody th:hover {
   /* background-color: #F3F3F3;
    color: #000;
    */
}




#padding-body2020-sm {display:none; }
#padding-body2020, #padding-body2020-sm {width:100%; height: 80px; } /* el height es la distancia desde arriba (a partir de los 50px que se encuentran en body padding de modern-business.css) hasta despu\xE9s del men\xFA */

@media screen and (max-width: 768px) and (min-width: 481px) { 
   #padding-body2020    {display: none; }
   #padding-body2020-sm {display: block; height: 78px; }              /* el height es la distancia desde arriba (a partir de los 50px que se encuentran en body padding de modern-business.css) hasta despu\xE9s del men\xFA */
}

@media screen and (max-width: 480px) {  /* es celular*/
   #padding-body2020    {display: none; }
   #padding-body2020-sm {display: block; height: 40px; }              /* el height es la distancia desde arriba (a partir de los 50px que se encuentran en body padding de modern-business.css) hasta despu\xE9s del men\xFA */
 
   #logounap-no-es-movil    {display: none; }
   #logoacredita-no-es-movil    {display: none; }
   #logocampus-no-es-movil    {display: none; }
}

@media screen and (min-width: 481px) { 
   #logounap-es-movil    {display: none; }
   #logoacredita-es-movil    {display: none; }
   #logocampus-es-movil    {display: none; }   
}


@media (max-width:991px)
{    
     .max-alto-movil { max-height: 200px;}
     .con-scroll-movil {overflow-y:scroll}
      /*.con-scroll-movil {max-height:340px;overflow-y:scroll}*/
}

div.scrollmenu         { background-color: #f5f5f5; overflow: auto; white-space: nowrap;}
div.scrollmenu a       { display: inline-block; color: #046dab; text-align: left; padding: 24px; text-decoration: none; line-height: 90%;}
div.scrollmenu a:hover { background-color: #e4e4e4; }

.center-img            {display: block;  margin-left: auto;  margin-right: auto;}
.img-center            {display: block;  margin-left: auto;  margin-right: auto;}
.right-img            { float:right;}
.img-right            {float:right;}
.img-middle           {display: inline; vertical-align: middle;}
.inline-block          {display: inline-block;}

a.enlace-blanco       {color:#fff;}
a.enlace-blanco:hover {color:#eee;} 

a.unap-modal-home-boto-of-acad {background-color: rgba(2,106,177,1); color: white; font-family: montserratregular; text-decoration: none; display: block; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; text-align: center; width: 80%; font-size: 2.0rem; border-radius: 7px; border: 1px solid rgb(2,106,177); transition: background-color 0.5s;}
a.unap-modal-home-boto-of-acad>.destaca{background-color: rgba(211, 84, 0,1);}
a:hover.unap-modal-home-boto-of-acad {background-color: white; color: rgba(2,106,177,1); }
.unap-modal-home-masinfo{font-size: 1.2rem; font-family:montserratregular;}
.unap-modal-home-masinfo span{color: #425167;}
.unap-modal-home-of-acad {background-image: url("https://www.unap.cl/prontus_unap/site/artic/20220128/imag/foto_0000001120220128180433/fondo-con-rayas2.png");}  /*para fondo de grupo de botones*/

.boton4{
        border: none;
        color: #fff;
        background: #036ab1; /*ff7200*/
        /*padding: 12px 60px 12px 25px;*/
        width: 100%;
        padding-top: 23px;
        padding-bottom: 23px;
        display: inline-block;
        margin: 2.5em 0 0;
        line-height: 1.5em;
        font-weight: normal;
        font-size: 1.6em;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        text-align: center;
    }
    .boton4:hover{
	    color: #fff;
    }
    .boton4:after {
	    content: '';
    	position: absolute;  
	    width: 34%;
        height: 250%;
        background: rgba(0, 0, 0, 0.2);
        z-index: 1;
        right: 0;
        top: 0;
        margin: -5px 0 0 -5px;
        -webkit-transform-origin: 0 0;
	    -moz-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	    transform-origin: 0 0;
        -webkit-transform: rotate(-20deg); 
        -moz-transform: rotate(-20deg); 
        -ms-transform: rotate(-20deg); 
        transform: rotate(-20deg);
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    transition: all 0.5s;
    } 
    .boton4:before {
        content: "\f101";
        font: normal normal normal 14px/1 FontAwesome;
        -moz-osx-font-smoothing: grayscale;
        left: auto;
        right: 9%;
        z-index: 2;
        position: absolute;
        font-size: 1.3em;
        color: #fff;
    } 
    .boton4:hover:after {
	    width: 112%;
    }  
    .boton4:visited {
            color: #fff;
    }
    .img-grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
    .img-circle    {border-radius: 50%;}

 .buscador-titulo {text-align: justify;}
 .buscador-bajada {text-align: justify; color: gray; font-style: italic;}