.Estilo1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-family: Arial; } .Estilo2 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; font-family: Arial; } .Estilo6 {font-size: 16px; font-family: Arial;} .Estilo7 {font-size: 14px; font-family: Arial;} .txt-home1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #385B87; } .txt-home2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; } .txt-frame1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #011421; } .link-vermas { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #006600; text-decoration: none; } a:hover { color: #FF0000; text-decoration: none; } .txt-general { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #12375C; text-decoration: none; } .subtitulos { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #12375C; text-decoration: none; } .txt-destacado-interna { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #002346; } .txt-destacado { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #002346; text-decoration: none; } .titulo-destacado { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: italic; font-weight: bold; color: #002040; text-decoration: none; } .texto-destacadob { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #00458A; text-decoration: none; } .formas { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #001C37; text-decoration: none; background-color: #CFDDE7; border: 1px solid #437BA5; background-image: url(../images/backforma.gif); } .formas3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #001C37; text-decoration: none; background-color: white; border: 5px outset #CFDDE7; background-image: url(../images/backforma.gif); } .formas3:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #001C37; text-decoration: none; background-color: white; border: 5px outset #437BA5; background-image: url(../images/backforma.gif); } .forma { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #003366; text-decoration: none; background-image: url(../images/backforma.gif); border: 1px solid #3A5B70; } .txt-registro { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #082836; text-decoration: none; } .subnavegacion { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #C7D2E7; text-decoration: none; } .links-inferiores { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #001E3C; text-decoration: none; } .links-derecha { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #222E4A; text-decoration: none; } .txt-estadisticas { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #224568; text-decoration: none; } .franja-tabla2 { background-color: #F1F2F3; } .txt-estadisticas1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #224568; } .titulo-noticia { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #002040; } .link-vermas1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #006600; text-decoration: none; font-style: normal; } .txt-noticiahome { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #002040; } .txt-alerta-y-boletin { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #006600; text-decoration: none; } .links-inferiores1 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #003C77; text-decoration: none; font-variant: normal; text-transform: uppercase; } .titulo-general { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #00CCFF; } .subtitulo-navegacion { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7494C2; text-decoration: none; font-weight: bold; } .subnavegacion1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #D6DEED; text-decoration: none; } .subnavegacion2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #00CCFF; text-decoration: none; } .subnavegacion3 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #00CCFF; font-weight: normal; } .subnavegacion4 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #7A99C7; } .subnavegacion5 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCFF; } .fondo-tabla1 { background-color:#FF0000; } .fondo-footer-tablas { background-color:#5c77a6; } .bullet { background-image: url(bullet1.gif); } .titulo-tabla { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #D3EBCF; } .back-tabla-navegacion { background-color:#4c669c; } .bullet2 { background-image: url(bullet2.gif); background-repeat: no-repeat; } .borde-tablas { background-color:#FF0000; } .franja-tabla1 { background-color: #5C77A6; } .back-color1 { background-color: #4c669c; } .back-color3 { background-color: #4c669c; } .tabla2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF;; background-color: #080c3e; } .tabla3 { border: 0; font-family: Arial; font-size: 20px; color: #FFFFFF;; background-color: #080c3e; } .tabla4 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } input.login, .button{ font-family: Arial; display: inline-block; padding: 5px 16px; background: #ccc; text-decoration: none; color: #00000; font-size: 12px; z-index: 1; transition: color 250ms, background 250ms; border: none; cursor: pointer; line-height: 1.2; vertical-align: top; border-radius: 0; } input.login:hover, .button:hover{ background:#e5e5e5; color:#000000; cursor:pointer; border:0px solid #000000; font-family: Arial ; } .boton1{ font-family: Arial; font-size: 12px; display: inline-block; padding: 5px 16px; background: #ccc; text-decoration: none; color: #00000; font-size: 12px; position: relative; z-index: 1; transition: color 250ms, background 250ms; border: none; cursor: pointer; line-height: 1.2; vertical-align: top; border-radius: 0; } .boton1:hover{ background:#e5e5e5; color:#000000; cursor:pointer; border:0px solid #000000; font-family: Arial ; } .modal { width: 100%; height: 100vh; background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; display: flex; animation: modal 1s forwards; visibility: hidden; opacity: 0; } .contenido { margin: auto; height: 60%; background: white; border-radius: 10px; } #cerrar { display: none; } #cerrar + label { position: fixed; color: #fff; font-size: 25px; z-index: 50; background: darkred; height: 40px; width: 40px; line-height: 40px; border-radius: 50%; right: 150px; top: 150px; cursor: pointer; animation: modal 2s forwards; visibility: hidden; opacity: 0; } #cerrar:checked + label, #cerrar:checked ~ .modal { display: none; } @keyframes modal { 100% { visibility: visible; opacity: 1; } }