<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,800,900&amp;display=swap');

html { margin: 0;padding: 0; background-color: #F2F2F2;}
body { margin: 0px; font-family: 'Montserrat', sans-serif;}

a { text-decoration: none;}

input[type=submit] { background-color: #2C77B2;    color: #fff;    border: none;    width: 150px;    height: 30px;    border-radius: 5px;}
/*-------------------------------------------------------
Estilos para pantallas entre 1025 y 1280 pixels;
---------------------------------------------------------*/

@media screen and (min-width: 1025px) /* and (max-width: 1280px) */
{
/* Encabezado*/
.centrado{ width:1100px; margin: 0 auto;  }
.barraPrincipal{color:#fff; position:relative; background-color: #1B1464}
.barraPrincipal .logoSA{width: 150px; height:150px; background-color: #1B1464; position: absolute; left:80px; z-index:1000; }
.barraPrincipal .logoSA img{ margin-left:25px; margin-top:5px; height:140px;  }
.contenedorMenuP{ margin: 0 26.7%; width:650px; overflow: auto;}
.menuPrincipal{ margin: 0px; padding:0px; list-style: none}
.menuPrincipal li{float: left; padding: 10px 20px}
.menuPrincipal li a{text-decoration: none; color: #fff;  font-size: 7.5pt;}
.menuPrincipal li a:hover{color: #29AAE1; }
.botonMenuMovil{display:none}
.barraSecundaria{ background-color: #fff; height: 70px;}
.contenedorMenuS{ margin: 0 28.5%; width:700px; overflow: auto;}
.menuSecundario{ margin: 0px; padding:0px; list-style: none}
.menuSecundario li{float: left; padding: 25px 0px; width:140px; margin-right:20px;}
.menuSecundario li a{text-decoration: none; color: #333; font-weight: bold;  font-size: 7.5pt;}
.menuSecundario li a:hover{color: #29AAE1; }
/*Cuerpo*/
.contenido{background: #fff; padding:80px;}
.contenedorTitulo{display:table;}
.contenedorTitulo .titulo{ font-weight: bold; display: table-cell; vertical-align: middle; margin-left:10px;}
.contenido .guias{width: 80%; margin:10px auto; overflow: auto; margin-bottom:50px;}
.contenido .regresar{width: 200px; float: right}
.textoAzul{color:#29A9E0}

.contenido .contenedorGuia{ width:210px; float: left; margin-left:30px; margin-top:40px; border:1px #1B1464 solid}
.contenido .contenedorGuia .seccionArriba{background-color:#EBEBEB; padding: 5px 10px;height: 110px; }
.contenido .contenedorGuia .seccionAbajo{width: 45px; height: 45px; position:relative; top:5px; left:18px; }

.contenido .contenedorGuia .texto{background-color:#fff; padding: 40px 20px;}
.contenido .contenedorGuia .texto .nombreArea a{font-weight: bold; font-size: 10pt; text-decoration: none; color:#000}
.contenido .contenedorGuia .texto .descripcion{font-size: 08pt; margin-top:10px;}

.contenido .areas{width: 80%; margin: 10px auto;  overflow: auto;}
.contenido .areas .area { margin-top: 10px; overflow: auto; float: left;}
.contenido .areas .area .logoArea {float: left;width: 40px; margin-right: 20px;}
.contenido .areas .area .logoArea img { width: 40px;}
.contenido .areas .area .infoArea {float: left;width: 175px;}
.contenido .areas .area .infoArea .tituloArea a{font-weight: bold;font-size: 8pt;text-transform: uppercase; color:#000}
.contenido .areas .area .infoArea .descripcionArea {font-size: 08pt; margin-top: 5px;}
/* Pie de pÃ¡gina */
footer { background-color: #333333;  color: #fff;  }
.pie{ padding:40px 65px; overflow:auto}
.pie .contenedorTexto{ width: 250px; FLOAT:LEFT; margin-right:0px; }
.pie .texto{font-size: 7pt; font-weight: bold}
.pie .titulo{ border-bottom: 3px #29AAE1 solid; font-size: 8pt; font-weight: bolder; margin-bottom:5px; width:150px; margin-bottom:15px; padding-bottom:5px;}
.pie .logoSAME{width:295px; float: left;}
}

/*-------------------------------------------------------
Estilos para pantallas entre 680 y 1024 pixels;
---------------------------------------------------------*/
@media screen and  (min-width: 681px)  and (max-width: 1024px) 
{
/*Encabezado*/
.centrado{ width:100%; margin: 0 auto; }
.barraPrincipal{color:#fff; position:relative; background-color: #1B1464}
.barraPrincipal .logoSA{width: 150px; height:150px; background-color: #1B1464; position: absolute; left:30px; z-index:1000; }
.barraPrincipal .logoSA img{margin-left:25px; margin-top:5px;  height:140px;  }
.contenedorMenuP{ margin: 0 30%; width:470px; overflow: auto;}
.menuPrincipal{ margin: 0px; padding:0px; list-style: none}
.menuPrincipal li{float: left; padding: 10px 5px}
.menuPrincipal li a{text-decoration: none; color: #fff; font-size: 7.5pt;}
.menuPrincipal li a:hover{color: #29AAE1; }
.botonMenuMovil{display:none}
.barraSecundaria{ background-color: #fff;  height: 70px;}
/**/
/* Cuerpo */
.contenido{background: #fff; padding: 50px 30px;}
.contenedorTitulo{display:table;}
.contenedorTitulo .titulo{ font-weight: bold; display: table-cell; vertical-align: middle; margin-left:10px;}
.contenido .areas{width: 80%; margin:20px auto; overflow: auto}

.contenido .contenedorArea{ width:210px; float: left; margin-left:40px; margin-top:40px;}
.contenido .contenedorArea .barraSuperior{height: 25px;}
.contenido .contenedorArea .barraSuperior .iconoArea{width: 45px; height: 45px; position:relative; top:5px; left:18px; }
.limon{background-color: #32F000}
.rojo{background-color: #EB1E79}
.azul{background-color: #29A9E0}
.naranja{background-color:#EE8E03}
.morado{background-color: #9254CA}
.verde{background-color: #22B373}

.contenido .contenedorArea .texto{background-color:#EBEBEB; padding: 40px 20px;}
.contenido .contenedorArea .texto .nombreArea a{font-weight: bold; font-size: 10pt; text-decoration: none; color:#000}
.contenido .contenedorArea .texto .descripcion{font-size: 08pt; margin-top:10px;}


/* Pie de pÃ¡gina */
footer{ background-color: #333333; color: #fff; }
.pie{ padding:40px 65px; overflow:auto}
.pie .contenedorTexto{ width: 250px; FLOAT:LEFT; margin-right:20px; }
.pie .texto{font-size: 7pt; font-weight: bold}
.pie .titulo{ border-bottom: 3px #29AAE1 solid; font-size: 8pt; font-weight: bolder; margin-bottom:5px; width:150px; margin-bottom:15px; padding-bottom:5px;}
.pie .logoSAME{width:200px; height: 76; float:left; margin-top:20px;}
.pie .logoSAME img{width: 200px;}
}

/*-------------------------------------------------------
Estilos para pantallas entre 1 y 679 pixels;
---------------------------------------------------------*/
@media screen and  (min-width: 0px)  and (max-width: 680px) 
{
.centrado{ width:100%; margin: 0 auto; }
.barraPrincipal{color:#fff; position:relative; background-color: #1B1464; height: 39px;}
.barraPrincipal .logoSA{width: 100px; height:120px; background-color: #1B1464; position: absolute; left:20px; z-index:1000; }
.barraPrincipal .logoSA img{ width: 80px; margin-left: 10px; margin-top:10px; }
.contenedorMenuP{display: none}
.barraPrincipal .menuMovil{float: right;}
#menuResponsivo{display:none}
.iconoMenu{width:30px; height:26px; float:right; margin-top:5px;margin-right:15px;}
.iconoMenu:before{position: relative;top: 5px; left:5px; display: block;height: 2px;width: 20px;border-top: 1px solid #dddddd;background: #dddddd;content: '';}
.iconoMenu:after{position: relative;top: 10px; left:5px; display: block;height: 4px;width: 20px;border-top: 3px solid #dddddd;border-bottom: 3px solid #dddddd;content: '';}
.menuMovil{position:absolute; top:0px; left: 0; width: 100%; height: 100vh; background: rgba(51,51,51,0.9); transition: all 0.5s; transform: translateX(-100%);z-index:10000}
.menuMovil a{display: block; color:#fff; height: 50px;text-decoration: none; padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.3); text-align: right;}
.menuMovil a:hover{background: rgba(255,255,255,0.3)}
#menuResponsivo:checked ~ .menuMovil{transform: translateX(-15%) }
.barraSecundaria{ background-color: #fff;  height: 45px;}
/* Cuerpo */
.contenido{background: #fff; padding: 50px 30px;}
.contenedorTitulo{display:table;}
.contenedorTitulo .titulo{ font-weight: bold; display: table-cell; vertical-align: middle; margin-left:10px;}
.contenido .areas{width: 80%; margin:20px auto; overflow: auto}

.contenido .contenedorArea{ width:210px; float: left; margin-left:20px;  margin-top:40px;}
.contenido .contenedorArea .barraSuperior{height: 25px;}
.contenido .contenedorArea .barraSuperior .iconoArea{width: 45px; height: 45px; position:relative; top:5px; left:18px; }
.limon{background-color: #32F000}
.rojo{background-color: #EB1E79}
.azul{background-color: #29A9E0}
.naranja{background-color:#EE8E03}
.morado{background-color: #9254CA}
.verde{background-color: #22B373}

.contenido .contenedorArea .texto{background-color:#EBEBEB; padding: 40px 20px;}
.contenido .contenedorArea .texto .nombreArea a{font-weight: bold; font-size: 10pt; text-decoration: none; color:#000}
.contenido .contenedorArea .texto .descripcion{font-size: 08pt; margin-top:10px;}


/* Pie de pÃ¡gina */
footer{ background-color: #333; color: #fff; }
.pie{ padding:20px 25px; overflow:auto}
.pie .contenedorTexto{ width: 240px; FLOAT:LEFT; margin-right:30px; margin-top:25px; }
.pie .texto{font-size: 7pt; font-weight: bold}
.pie .titulo{ border-bottom: 3px #29AAE1 solid; font-size: 8pt; font-weight: bolder; margin-bottom:5px; width:150px; margin-bottom:15px; padding-bottom:5px;}
.pie .logoSAME{width:295px; height: 76; float:left; margin-top:20px;}
.pie .logoSAME img{max-width: 150px; min-width:144px}
</pre></body></html>