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

    /**
 * @file
 * Subtheme specific CSS.
 */
:root{
    --blanco: #FFFFFF;
    --azul1: #00519E;   
    --azul2:#007BC0;
    --azul3: #000066;
    --celeste1: #8da6b7;
    --amarillo: #ffcc00;
    --gris: #555555;
    --gris2: #dddddd;
    --negro1: #333;
    --negro3: #000000;
    --naranja:#FF6600;
  
}
body {font-family: 'Open Sans'; font-weight: normal; font-size: 1.125em;line-height: 1.5em;color: var(--negro);}
h2, h3, h4 {width: 100%;}

h1{font-family: Raleway; font-size: 2.5em; font-weight: bold; }
h2 {color: var(--azul1); font-weight: bold;font-family: 'Lato'; font-size: 2em;}
h3{font-family: 'Lato'; font-size: 1.75em; font-weight: normal; }
h4{font-family: 'Lato'; font-size: 1.625em; font-weight: bold; }
h5{font-family: 'Lato'; font-size:1.5em; font-weight: bold;} 
h5{font-family: 'Lato'; font-size:1.375em; font-weight: bold; }

a, .link {
    color: var(--azul3);
}

.top.unedl.t-2 {background: var(--azul1); padding: 10px;}
.top.unedl.t-2 a.title {
    color: var(--blanco);
    background: url(https://rg.uned.ac.cr/img/uned_blanco.svg) no-repeat;
    padding-left: 90px;
    font-family: 'Open Sans';
}

.pie{font-family: 'Open Sans'; font-size: 0.875em; color:var(--gris);margin-top: 8px;}
.desc {font-family: 'Open Sans';font-size: 1.5em; color: var(--blanco);  padding:40px;}
.topbg{background:  var(--azul2); padding: 10px; height: auto; margin-bottom: 30px;}
.imagen .desc {top:250px; margin-right: auto;}
.txtPrin{font-family: 'Raleway', sans-serif; font-size:3em; font-weight: bold; color: var(--blanco);line-height: 1em; }
.ln2{font-family: 'Montserrat', sans-serif; font-size: 1.3em; color: var(--azul1);border-bottom: 1px solid var(--celeste1);padding-bottom: 20px;}
.ln3{font-family: 'Raleway', sans-serif; font-size: 1.8em; color: var(--azul1);}
.ln4{font-family: 'Montserrat', sans-serif;font-size: 1.4em; color: var(--naranja);}
.btn .perso{font-family: 'Raleway', sans-serif;font-size: 1.6em; color: var(--negro3);}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {background-color: #ffc211;margin-right: 20px;font-size: 1.4em;font-family: Raleway;font-weight: bold;}

.todo1{box-shadow: 3px 3px 5px #999999BF;
border: 1px solid #DDDDDD;
border-radius: 5px;
opacity: 1;}
.bg-uno {background: var(--gris2); padding:40px; color: var(--azul1); line-height: normal; margin: 10px; text-align: center; }
.txtcolor1a {font-family: 'Raleway', sans-serif; font-size: 1.2em;font-weight: bold;}
/*.txtcolor1b {font-family: 'Raleway', sans-serif; font-size: 2em; font-weight: bold;}*/
.inf1 {margin: 10px; }

.periodos {margin-top:30px;}
.tit-periodos {margin-bottom:20px;}
.titulo-texto {font-family: 'Raleway', sans-serif; font-size: 1.8em; font-weight: bold; color: var(--azul1);}
.periodos .peri-tit{font-family: 'Open Sans', sans-serif; font-size: 1.12em; font-weight: bold;margin-bottom: 0rem;}
.periodos .peri-tex{font-family: 'Open Sans', sans-serif; font-size: 1.12em;}
.linea-entre {border-right: 3px solid var(--gris2);}
.det {padding: 30px 0 30px 0;}
.pieper {background: var(--azul1); padding: 20px 0; margin-top:30px;}
.img2 {width:300px; hight:222px;}
.central{color: var(--blanco); padding: 30px 20px;}
.central a {color: var(--blanco);}
.img-pie {width:35px;margin-right: 15px;}
.imagen {width:100%; height: auto;}

/*Estilo borde cards*/
.border-primary {border-color: #ddd !important;}

@media (max-width: 768.98px) {
  .imagen .desc {top:30px;}
    .mat {font-size:2em;}
    .ln2{font-size: 1.2em;}
    .ln4{font-size: 1.3em;}
	.imagen {height: 300px;}
	.central {padding: 10px 20px;}
	.desc {padding: 20px;}
}
	
@media (max-width: 575.98px) {
  .imagen .desc {top:20px;}
  .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show 
  .btn-warning.dropdown-toggle {font-size: 1em;margin-right: 0px;}
  .mat {font-size: 1.7em;}
  .ln3 {font-size: 1.1em;}
  .ln4 {font-size: 1em;line-height: 1em;}
  .imagen {height: 270px;}
  .img-fluid {max-height: 100px;}
  .central {padding: 5px 20px;}
  .det {padding: 0px;} .linea-entre {border-right: none;}
}