BODY{background-color:#ffffff;color:#111111;font-size:14px;font-family:verdana;margin:0px;padding:0px}
h1{line-height:1.2}
h2{font-weight:bold;font-size:19pt;font-family:'Lato',helvetica;line-height:1.2;margin-bottom:25px}
h3{line-height:1.2}
ul{list-style:none;margin-left:0;padding-left:0}
.fade-in-text {
  animation: fadeIn 5s;
}
p.primeralinea{text-indent:40px}
.fuerte{font-weight:bold}
.cursiva{font-style:italic}
.gris_a{color:#666666}
.blue_o{color:#0000ee}
.verde_o{color:#007700}
.fucsia{color:#6630a0}
.rojito{color:#ff3300}
.blanco{color:#ffffff}
.autor_normal{color:#992233}
.centro{text-align:center}
.texto_principal{font-size:14px}
.butbus2{height:40px;padding:5px 30px;line-height:22px;border:1px solid #0060ff;border-radius:7px;background:#0060ff;font-weight:bold;font-size:14px;font-family;verdana;color:#ffffff}
.butbus2:hover,
.butbus2:focus{border:1px solid #222222;background:#222222}
.butbus3 {
    /* Propiedades de diseño existentes */
    height: 40px;
    padding: 5px 30px; /* Mantener padding para ancho visual, pero puede ajustarse */
    /* line-height: 22px; <- ELIMINADO para usar Flexbox */
    border: 1px solid #0060ff;
    border-radius: 7px;
    background: #0060ff;
    font-weight: bold;
    font-size: 14px;
    font-family: verdana, sans-serif; /* Corregir sintaxis y añadir fallback */
    color: #ffffff;
    cursor: pointer; /* Añadir para indicar que es clickeable */
    
    /* --- Centrado Perfecto y Estabilidad --- */
    
    /* 1. Centrado Vertical y Horizontal (Solución principal): */
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    
    /* 2. Asegurar que el padding y height funcionan juntos: */
    box-sizing: border-box; /* Muy recomendado para consistencia */
    
    /* 3. Evitar estilos nativos de navegador: */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.butbus3:hover,
.butbus3:focus{border:1px solid #222222;background:#222222}
.butbus4{min-width:260px;height:40px;padding:5px 30px;line-height:22px;border:1px solid #FFA217;border-radius:7px;background:#FFA217;font-weight:bold;font-size:14px;font-family;verdana;color:#ffffff}
.butbus4:hover,
.butbus4:focus{border:1px solid #222222;background:#222222}
.nav-collapse ul{list-style:none;text-align:left;padding:4px 0px;margin:0 auto;max-width:960px}	  
.nav-collapse li{display:inline;padding:14px 12px}
.texto_principal{line-height:1.65em}
.titulo_seccion{color:#ffffff;font-weight:bold;font-size:26pt;font-family:'Raleway','Lato',helvetica;margin:18px;font-display:optional}
.enlace_seccion{color:#666666;font-weight:bold;font-size:20pt;font-family:'Raleway','Lato',helvetica;text-decoration:none}
.enlace_seccion:hover{color:#0060ff}
.titulo_landing{font-weight:bold;font-size:24pt;font-family:'Raleway',helvetica;margin:5px 0px 5px 0px;line-height:1.1}
.supertitulo_landing{color:#0060ff;font-weight:bold;font-size:21pt;font-family:'Montserrat','Raleway',helvetica;margin:30px 0px 0px 0px;line-height:1.1}
.subtitulo_landing{color:#666666;font-weight:bold;font-size:20pt;font-family:'Raleway',helvetica;margin:7px 0px 10px 0px;line-height:1.1}
.titulo_pagina{font-weight:bold;font-size:27pt;font-family:'Lato',helvetica;margin:0px;line-height:1.2}
.titulo_slider{font-weight:bold;font-size:18pt;font-family:'Lato',helvetica;margin:0px 0px 10px 0px;line-height:1.2;cursor:pointer;cursor:hand}
.titulo_slider:hover{color:#0060ff}
.titulo_slider2{font-weight:bold;font-size:20pt;font-family:'Raleway','Lato',helvetica;margin:0px 0px 10px 0px;line-height:1.2;cursor:pointer;cursor:hand}
.titulo_slider2:hover{color:#0060ff}
.titulo_slider3{font-weight:bold;font-size:20pt;font-family:'Raleway','Lato',helvetica;margin:0px 0px 10px 0px;line-height:1.2}
.supertitulo_slider{color:#0060ff;font-weight:bold;font-size:15pt;font-family:'Lato','Work Sans','Raleway','Lato',helvetica;margin:5px 0px 5px 0px}
.subtitulo_slider{color:#000000;font-weight:bold;font-size:16pt;font-family:'Lato',helvetica;margin:0px 0px 5px 0px}
.titulo_promo{font-weight:bold;font-size:19pt;font-family:'Lato',helvetica;margin:5px 0px 0px 0px;line-height:1.1;cursor:pointer;cursor:hand;text-decoration:none}
.titulo_promo:hover{color:#0060ff}
.slider{padding:20px 20px 20px 20px;background:#f4f4f4;border-radius:10px}
.slider_nuevo{padding:5px 20px 20px 20px}
.actividad{margin:0px 10px}
.cronologia{color:#0060ff;font-weight:bold;font-size:17pt;font-family:'Lato',helvetica;margin-bottom:0px}
.subapartado{height:2px;border-style:solid;border-color:#0060ff;border-width:0px 0px 2px 0px}
A.enlace{color:#0060ff}
A.enlace:hover{color:#ff8000}
A.enlace_amarillo{color:#ffff00}
A.enlace_amarillo:hover{color:#ff8000}
A.enlace_header{color:#0060ff;text-decoration:none}
A.enlace_header:hover{color:#ff8000}
A.enlaceazulcurso{color:#0060ff;font-weight:bold;text-decoration:none}
A.enlaceazulcurso:hover{text-decoration:underline}
A.enlace_menu_oxygen{color:#111111;font-weight:bold;font-size:14px;font-family:'Lato',helvetica;text-decoration:none;margin:2px 3px 2px 3px;letter-spacing:0.05em}
A.enlace_menu_oxygen:hover{color:#0060ff}
A.enlace_menu_selected_oxygen{color:#0060ff;font-weight:bold;font-size:14px;font-family:'Lato',helvetica;text-decoration:none;margin:2px 3px 2px 3px;letter-spacing:0.05em}
#header_up{display:none;height:50px;line-height:50px}
#header_up_left{float:left;width:30px;margin-top:7px;margin-left:12px}
#header_up_right{float:right;width:calc(100%-30px);margin-top:1px;margin-right:16px}
#header{max-width:960px;margin:0 auto;height:40px}
#header_left{margin:0px 0px 0px 10px;width:285px;float:left;padding-top:5px}
#header_right{margin:0px 10px 0px 285px;padding-top:27px;text-align:right}
#contenedor2016{max-width:100%;min-width:320px}
#contenedor{max-width:960px;min-width:320px;margin:0 auto}
#main_portada{margin:10px auto;width:calc(85% - 220px);line-height:1.5em}
#main{margin:10px auto;width:calc(85% - 220px);line-height:1.5em}
#menu{background-color:#f1f1f1;margin:0px 10px;text-align:center}
#path{margin:15px 15px 15px 0px;line-height:1.5}
#ficha2{width:600px;height:300px;color:#ffffff;background:#000000}
#curso_left2{float:left;width:300px;background:#ffffff}
#curso_right2{width:300px;height:300px;margin-left:300px;line-height:20px;display:table-cell;vertical-align:middle}
#footer{background-color:#111111;text-align:center;font-size:14px}
#slider_a{display:block}
#slider_b{display:none}
#slider-actividad{cursor:pointer;cursor:hand;margin-top:12px;margin-bottom:15px}
#foto{max-width:100%}
.promo_wide{margin-left:0px;width:calc(100% - 40px);padding:20px;background-color:#ffff44;border-radius:10px}
.nav-collapse li{display:none}
@media all and (max-width:700px){
#main_portada{width:calc(100% - 40px);margin:0px 20px}
#main{width:calc(100% - 0px);margin:0px 0px}
#header_up {display:block}
#header{height:60px}
#header_left{margin:0px;text-align:center;width:100%}
#header_right {display:none}
.nav-collapse ul{text-align:center}
.nav-collapse li{display:block;padding:0px;padding-top:5px;padding-bottom:5px}
}
@media all and (max-width:460px){
.texto_principal{font-size:16px}
.titulo_seccion{font-size:23pt}
.butbus2{font-size:16px}
.butbus4{font-size:16px}
.slider{border-radius:0px}
.promo_wide{border-radius:0px}
A.enlace{font-size:16px}
A.enlace_amarillo{font-size:16px}
A.enlace_header{font-size:16px}
A.enlace_menu_oxygen{font-size:16px}
A.enlace_menu_selected_oxygen{font-size:16px}
A.enlaceazulcurso{font-size:16px}
#slider_a{display:none}
#slider_b{display:block}
#ficha2{width:100vw;height:200vw}
#curso_left2{float:none;width:100vw;height:100vw}
#curso_right2{width:100%;height:100vw;margin-left:0px}
}