body{font-size: 14px; color: #046dab;}
        @font-face {
            font-family: opensanscondensedlight;       src: url("/prontus_unap/font/opensanscondensed/OpenSans-CondLight.ttf") format("opentype");
        }
        @font-face {
            font-family: opensanscondensedlightitalic; src: url("/prontus_unap/font/opensanscondensed/OpenSans-CondLightItalic.ttf") format("opentype");
        }
        @font-face {
            font-family: opensanscondensedbold;        src: url("/prontus_unap/font/opensanscondensed/OpenSans-CondBold.ttf") format("opentype");
        }
        .seccion-titulo-separa {width: 100%; margin-top: 15px; height: 30px; border-top: 1px solid #ccc;}
        .sty-seccion-titulo  {display: block; width: auto;font-family: opensanscondensedlight; font-size:2.3em;}
        .sty-seccion-titulo p {text-align: center; margin-bottom: 0px;}
        .seccion-subraya {width: 100px; border-top:10px solid; margin-left: auto; margin-right: auto;}    
        .noticia-titulo  {margin-top: 7px; color: #23527c; font-family: opensanscondensedlight; font-size:1.5em; text-align: justify; line-height: 1.2em;}
        .noticia-titulo a {color: #23527c;}
        .noticia-titulo a:hover {color: #046dab;}
         
        .noticia-texto    {margin-top: 7px;font-family: opensanscondensedlight; font-size:1.1em; text-align: justify; color: #2E2E2E; line-height: 1.3em;}
        .noticia-texto  p {font-family: opensanscondensedlight; font-size:1.1em; text-align: justify; color: #2E2E2E;}
        .noticia-mas      {margin-left: auto;margin-bottom: 10px;}
        .fecha   {font-family: opensanscondensedlight; /*font-family:'Open Sans Condensed', sans-serif;*/ font-size:1.2em; text-align: justify;}
        .clearfix {clear:both;}

        #LnkUnidades {display: none;}
        .ir-arriba {display:none; padding:20px; background-color: rgba(2, 73, 89, 0.4);	font-size:1.5em;	color:#fff;	cursor:pointer;	position: fixed;	bottom:20px;	right:20px;}
        html {        --scroll-behavior: smooth;        scroll-behavior: smooth;    }
        .sty-sede-logo         {margin-top: 35px;}
        .navbar                {margin-top: 20px;}
        /*.nav-item a, .nav-item a:visited { color: #fff; font-size: 1.1em;}*/
        .nav-item a { color: #fff; font-size: 1.1em;}
        .nav-item a span       {display: block; margin-left: 50%; width: 0px; height: 3px; border: 3px solid transparent;}
        .nav-item a:hover      { color: #eee; }
        .nav-item a:hover span { width: 100%; margin-left: 0px; margin-right: 0px; transition: all 0.4s; border: 3px solid #fff;}
        .sty-sede-tit-bienvenida {text-align: center; font-weight: 300;letter-spacing: 4px; font-size:1.8em; color: #fff; line-height: 2.0em;}
        .sty-sede-tit-bienvenida span{display: block;font-size: 1.6em; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; line-height: normal;}        
        .sty-bloque-noticia    {padding-top: 10px;}
        
        .w3btn{border: none;color: #fff;background: #036ab1;padding: 12px 60px 12px 25px;display: inline-block;margin: 2.5em 0 0;font-weight: 400;
        outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;overflow: hidden;
        }
        .w3btn:hover{color: #fff;      }
        .w3btn: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;        } 
       /* .w3btn: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;} */
        

        .w3btn:before {content: url("https://www.unap.cl/prontus_unap/imag/ico/ico_awesome101_flechas_der_w20.png"); width: 20px;height:20px;position: absolute;left: auto;right: 9%; } 
        
        
        .w3btn:hover:after {        	width: 112%;}
        .sty-boto-certif {text-align: center; padding-top: 40px; padding-bottom: 40px; background-color: #ddd;}
        #id-bienvenida-movil {display: none;}
        #id-bienvenida       {display: block;}
    
        @media (max-width: 767px) { 
            .navbar-toggler {position: absolute; right: 10px; z-index:1001; background-color: #fff;}
            .sty-sede-tit-bienvenida {text-align: center; font-weight: 300;letter-spacing: 2px; font-size:1.0em; color: #fff; line-height: 2.0em;}
            .sty-sede-tit-bienvenida span{display: block;font-size: 1.0em; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; line-height: normal;}   
    
            li.nav-item{font-size: 1.2em;background-color: #000; opacity: 0.7; z-index:1000; padding-left: 10px;border: 0px;}
            .sty-artic-ubicacion {width:760px;}
            #id-bienvenida-movil {display: block;}
            #id-bienvenida       {display: none;}
        }
   .w4btn{
        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;
    }
    .w4btn:hover{
	    color: #fff;
    }
    .w4btn: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;
    } 
    .w4btn:before {
        content: "\f101";
        /*font: normal normal normal 14px/1 FontAwesome;*/
        content: '»';
        -moz-osx-font-smoothing: grayscale;
        left: auto;
        right: 9%;
        z-index: 2;
        position: absolute;
        font-size: 1.3em;
        color: #fff;
    } 
    .w4btn:hover:after {
	    width: 112%;
    }  
        .w4btn:visited {
            color: #fff;
    }