body {
background-color : #fff;
margin : 0;
}
@font-face {
font-family: Contenido;
src: url(Roboto/Roboto-Light.ttf);   
}
@font-face {
font-family: ContenidoBold;
src: url(Roboto/Roboto-Bold.ttf);   
}
/*
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(material-design-icons/MaterialIcons-Regular.eot); 
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(material-design-icons/MaterialIcons-Regular.woff2) format('woff2'),
    url(material-design-icons/MaterialIcons-Regular.woff) format('woff'),
    url(material-design-icons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  // Support for all WebKit browsers
  -webkit-font-smoothing: antialiased;
  // Support for Safari and Chrome.
  text-rendering: optimizeLegibility;

  // Support for Firefox. 
  -moz-osx-font-smoothing: grayscale;

  // Support for IE.
  font-feature-settings: 'liga';
}
*/

* {
box-sizing: border-box;
}
a {
font-family: Contenido;
font-size : 16px;
color : #3370AF;
}
a:link {
text-decoration : none;
}
a:visited {
font-family: Contenido;
font-size : 16px;
color : #3370AF;
}
a:hover {
text-decoration : underline;
}
a:active {
text-decoration : none;
color : #ACACAC;
}
a.vinculo {
font-family : Contenido;
font-size : 12px;
color : #FF6600;
}
a.vinculo:link {
text-decoration : none;
}
a.vinculo:visited {
text-decoration : none;
color : #FF6600;
}
a.vinculo:hover {
text-decoration : underline;
}
a.vinculo:active {
text-decoration : none;
}
.activemenu1 {
background-color : #b1cbbb;
color : white;
}
div {
margin: .0em 0;
}
div label {
width: 25%;
float: left;
}

ul {
margin: 0;
padding: 0px 0px 0px 18px;
}
ul li {
padding : 6px 0px 6px 0px;
}
.actual {
display: block;
text-align : center;
text-decoration: none;
background-color: #618685;
border-radius: 6px;
}
.celda {
background-color : #fdfdfd;
padding : 6px;
margin-bottom : 3px;
border : #f0f0f0 solid 0.1ex;
border-radius : 6px;
}
.celda0 {
background-color : #f7f7f7;
padding : 6px 12px 6px 12px;
margin-bottom : 3px;
border-radius : 6px;
}
.celda0_c {
background-color : #f7f7f7;
padding : 6px 12px 6px 12px;
margin-bottom : 3px;
}
.celda1 {
background-color : #ecf7ff;
padding : 6px 12px 6px 12px;
margin-bottom : 3px;
border-radius : 6px;
}
.celda2 {
background-color : #b7d7e8;
padding : 6px 12px 6px 12px;
margin-bottom : 3px;
border-radius : 6px;
}
.celda3 {
background-color : #cfe0e8;
padding : 6px 12px 6px 12px;
margin-bottom : 3px;
border-radius : 6px;
}
.celda4 {
background-color : #daebe8;
padding : 6px 12px 6px 12px;
margin-bottom : 3px;
border-radius : 6px;
}
.celda4_c {
background-color : #daebe8;
padding : 6px 12px 6px 12px;
margin-bottom : 3px;
}
.celda5 {
background-color : #eaece5;
padding : 6px 12px 6px 12px;
margin-bottom : 3px;
border-radius : 6px;
}
.celda9 {
background-color : #fff;
padding : 6px 12px 6px 12px;
margin-bottom : 3px;
border-radius : 6px;
border : #f0f0f0 solid 0.1ex; 
}
.celda_33 {
display: flex;
flex-wrap: wrap;
margin-bottom : 6px;
}
.celda_33 > div {
float:left;
width: 33%;
padding:12px;
box-sizing:border-box;
text-align: left;
}
.celda_50 {
display: flex;
flex-wrap: wrap;
margin-bottom : 6px;
background-color : #fdfdfd;
border : #f0f0f0 solid 0.1ex;
border-radius : 6px;
}
.celda_50 > div {
float:left;
width: 50%;
padding:12px;
box-sizing:border-box;
text-align: left;
}
.celda_50_celeste {
display: flex;
flex-wrap: wrap;
margin-bottom : 6px;
background-color : #ecf7ff;
border : #dcf7ff solid 0.1ex;
border-radius : 6px;
}
.celda_50_celeste > div {
float:left;
width: 50%;
padding:12px;
box-sizing:border-box;
text-align: left;
}
.col_16 {
display: flex;
flex-wrap: wrap;
}
.col_16 > div {
float : left;
width : 16.666%;
padding : 12px;
box-sizing : border-box;
text-align : left;
}
.col_50 {
display: flex;
flex-wrap: wrap;
}
.col_50 > div {
float : left;
width : 50%;
padding : 12px;
box-sizing : border-box;
text-align : left;
}

/* contenidos */

.Contenido {
font-family: Contenido;
font-size : 16px;
color : #333;
}
.ContenidoAmarillo {
font-family: Contenido;
font-size : 16px;
color : #ffcc00;
}
.ContenidoAmarilloPie {
font-family : Verdana, Geneva, sans-serif;
font-size : 11px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
color : #FFCC00;
}
.ContenidoAzul {
font-family: Contenido;
font-size : 16px;
color : #3370AF;
}
.ContenidoAzul1 {
font-family: Contenido;
font-size : 16px;
color : #618685;
}
.ContenidoBlanco {
font-family : Contenido;
font-size : 16px;
color : #f7f7f7;
}
.ContenidoCursiva {
font-family: Contenido;
font-size : 16px;
color : #333;
font-style : italic;
}
.ContenidoGris {
font-family: Contenido;
font-size : 16px;
color : #999;
}
.ContenidoMayuscula {
font-family: Contenido;
font-size : 16px;
color : #333;
text-transform : uppercase;
}
.ContenidoMayusculaAzul {
font-family: Contenido;
font-size : 16px;
color : #3370AF;
text-transform : uppercase;
}
.ContenidoMayusculaGris {
font-family: Contenido;
font-size : 16px;
color : #999;
text-transform : uppercase;
}
.ContenidoMayusculaVerde {
font-family: Contenido;
font-size : 16px;
color : #8BB900;
text-transform : uppercase;
}
.ContenidoNegrita {
font-family: Contenido;
font-size : 16px;
color : #333;
font-weight : bold;
}
.ContenidoNegritaCursiva {
font-family: Contenido;
font-size : 16px;
color : #333;
font-weight : bold;
font-style : italic;
}
.ContenidoNegritaMayuscula {
font-family : Verdana, Geneva, sans-serif;
font-size : 14px;
font-style : normal;
line-height : normal;
font-weight : bold;
font-variant : normal;
text-transform : uppercase;
color : #333333;
}
.ContenidoRojo {
font-family: Contenido;
font-size : 16px;
color : #ff0000;
}
.ContenidoNaranja {
font-family: Contenido;
font-size : 16px;
color : #FD7E00;
}
.ContenidoNaranjaPie {
font-family : Verdana, Geneva, sans-serif;
font-size : 11px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
color : #FD7E00;
}
.ContenidoVerde {
font-family: Contenido;
font-size : 16px;
color : #8BB900;
}
.ContenidoVerdePie {
font-family: Contenido;
font-size : 14px;
color : #8BB900;
}
.Contenido_anuncio {
font-size : 10px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
color : #333333;
border-collapse : collapse;
}
.Contenido_anuncio td {
border : #666666 solid 1px;
border-spacing : 0;
}
.ContenidoBlancoNegrita {
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : bolder;
font-variant : normal;
color : #ffffff;
}

/* divs */
.div_12 {
padding-top : 12px;
}
.div_333333 {
background-color : #333;
padding : 5px;
border-radius : 10px;
margin : 6px;
opacity : 0.5;
}
.div_acordeon {
background-color : #F0F0F0;
padding : 6px;
border-radius : 6px;
margin-bottom : 1px;
text-align : left;
}
.div_acordeon_azul_cielo {
background-color : #ECF7FF;
padding : 6px;
margin-bottom : 1px;
text-align : left;
}
.div_alerta {
background-color : #FF9900;
padding : 4px;
border-radius : 4px;
border : #FFCC00 solid 0.2ex;
}
.div_analisis {
background-color : #fafafa;
padding : 8px;
border : #e7e7e7 solid 0.1ex;
border-radius : 6px;
}
.div_anuncio {
display: flex;
flex-wrap: wrap;
}
.div_anuncio > div {
float:left;
width: 25%;
padding:12px;
box-sizing:border-box;
text-align: left;
}
.div_anuncio_33 {
  display: flex;
  flex-wrap: wrap;
 }
.div_anuncio_33 > div {
  float:left;
  width: 33%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
}
.div_anuncio_20 {
  display: flex;
  flex-wrap: wrap;
 }
.div_anuncio_20 > div {
  float:left;
  width:20%;
  padding:12px;
  box-sizing:border-box;
  text-align:left;
}
.div_anuncio_50 {
  display: flex;
  flex-wrap: wrap;
 }
.div_anuncio_50 > div {
  float : left;
  width : 50%;
  padding : 12px;
  box-sizing : border-box;
  text-align : left;
}
.div_anuncio_100 {
  display: flex;
  flex-wrap: wrap;
 }
.div_anuncio_100 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
}
.div_anuncios {
position : relative;
background-color : #ddd;
padding:12px;
margin : 12px;
border : #ccc solid 0.2ex;
border-radius : 6px;
}
.div_anuncios_abajo {
position : relative;
background-color : #ddd;
padding:12px;
border : #ccc solid 0.2ex;
border-radius : 0px;
text-align: center;
}
.div_anuncios_abajo_blanco {
position : relative;
background-color : #fff;
padding:12px;
border-top : #ccc solid 0.1ex;
border-bottom : #ccc solid 0.1ex;
border-radius : 0px;
text-align: center;
}
.div_azul {
background-color : #3370AF;
padding : 16px;
}
.div_blanco {
background-color : #fff;
padding : 16px 6px 16px 6px;
border-radius : 6px;
border : #CCCCCC solid 0.2ex;
box-shadow : 2px 2px 12px #999;
}
.div_boton {
background-color : #fff;
border-radius:4px;
border:#e0e0e0 solid 0.2ex;
padding : 4px;
}
.div_buscador {
width : 98%;
margin : 0% 1% 6px 1%;
}
.div_buscar {
background-color : #f0f0f0;
padding : 21px 0px 21px 0px;
margin : auto;
border-radius : 0px;
border-top : #e7e7e7 solid 0.1ex;
border-bottom : #e7e7e7 solid 0.1ex;
width : 100%;
}
.div_buscar_inicio {
background-color : #f0f0f0;
padding : 21px 0px 6px 0px;
margin-bottom : 12px;
border-radius : 0px;
border-bottom : #e0e0e0 solid 0.1ex;
width : 100%;
}
.div_bloque {
background-color : #fcfcfc;
border : #eee solid 0.1ex;
border-radius:6px;
padding : 12px;
}
.div_cabeza {
width : 100%;
margin : auto;
text-align : center;
}
.div_cel {
display: flex;
flex-wrap: wrap;
}
.div_cel div {
float:left;
width: 25%;
padding:12px;
box-sizing:border-box;
text-align: left;
}
.div_celda {
background-color : #f7f7f7;
padding : 18px 6px 18px 6px;
margin-bottom : 1px;
border : #eee solid 0.1ex;
border-radius : 6px;
}
.div_celda_blanca {
border : #e0e0e0 solid 0.1ex;
border-radius : 3px;
margin-bottom : 1px;
height : 120px;
width : 100%;
overflow:auto;	
}
.div_celda_blanca::-webkit-scrollbar {
width : 8px;
background-color : #f0f0f0;
}
.div_celda_blanca::-webkit-scrollbar-thumb {
background-color : #ccc;
border-radius : 3px;
}
.div_celda_celeste {
background-color : #ecf7ff;
padding : 18px 6px 18px 6px;
margin-bottom : 1px;
border : #dcf7ff solid 0.1ex;
border-radius : 6px;
}
.div_celda_centrada {
background-color : #ecf7ff;
padding : 12px 6px 12px 6px;
margin-bottom : 1px;
border : #dcf7ff solid 0.1ex;
border-radius : 6px;
text-align : center;
}
.div_celda_degradada {
background-color : #f0f0f0;
background-image : linear-gradient(#fff, #f0f0f0);
padding : 18px 6px 18px 6px;
margin-bottom : 1px;
border : #eee solid 0.1ex;
}
.div_celda_forma {
background-color : #fcfcfc;
padding : 6px;
border : #f7f7f7 solid 0.1ex;
}
.div_celda_negra {
background-color : #333;
padding : 18px 6px 18px 6px;
margin-bottom : 1px;
border : #dcf7ff solid 0.1ex;
background: linear-gradient(#333, #666);
border-radius : 3px;
}
.div_celda_redondeada {
background-color : #f7f7f7;
padding : 18px 6px 18px 6px;
margin-bottom : 1px;
border : #eee solid 0.1ex;
border-radius : 6px;
}
.div_celda_titulo {
background-color : #c5d5e5;
padding : 6px;
border : #b7d7e8 solid 0.1ex;
}
.div_celda_vacia {
padding : 63px 0px 63px 0px;
}
.div_central {
background-color : #ffffff;
width : 98%;
margin : 0% 1% 0% 1%;
padding-top : 0px;
border-radius : 6px;
border : #e0e0e0 solid 0.1ex;
}
.div_col {
float : left;
width : 25%;
padding: 12px;
}
.div_columna {
column-count : 2;
column-gap : 24px;
padding: 12px;
font-family: Contenido;
font-size : 16px;
color : #333;
}
.div_columna_3 {
column-count : 3;
}
.div_columna_25 {
float : left;
width : 25%;
}
.div_columna_50 {
float : left;
width : 50%;
}
.div_columna_derecha {
float : right;
width : 75%;
}
.div_columna_derecha_25 {
float : right;
width : 25%;
}
.div_columna_derecha_50 {
float : right;
width : 50%;
}
.div_columna_derecha_60 {
float : right;
width : 60%;
}
.div_col_der_70 {
float : right;
width : 70%;
}
.div_col_der_75 {
float : right;
width : 75%;
}
.div_columna_derecha_90 {
float : right;
width : 90%;
}
.div_columna_izquierda {
float : left;
width : 25%;
}
.div_columna_izquierda_10 {
float : left;
width : 10%;
}
.div_col_izq_25 {
float : left;
width : 25%;
}
.div_col_izq_30 {
float : left;
width : 30%;
}
.div_columna_izquierda_40 {
float : left;
width : 40%;
}
.div_columna_izquierda_50 {
float : left;
width : 50%;
}
.div_columna_izquierda_75 {
float : left;
width : 75%;
}
.div_comentario {
display : none;
background-color : #fafafa;
padding : 8px;;
border : #e7e7e7 solid 0.1ex;
border-radius : 6px;
}
.div_contenedor {
background-color : #E0E0E0;
padding : 16px 0px 0px 0px;
width : 100%;
margin : auto;
border-radius : 6px;
}
.div_contenedor_rectangular {
background-color : #f0f0f0;
border-bottom : #e0e0e0 solid 0.1ex;
padding : 16px 0px 16px 0px;
width : 100%;
margin : auto;
}
.div_contenido {
background-color : #FFFFFF;
padding : 10px;
margin : 6px;
border-radius : 6px;
border : #ccc solid 0.2ex;
text-align : left;
}
.div_contenido_base {
background-color : #FFFFFF;
margin : 6px;
border-radius : 6px;
border : #ccc solid 0.2ex;
}
.div_contenido_fino {
background-color : #ffffff;
padding : 10px;
margin : 6px;
border-radius : 6px;
border : #ccc solid 0.1ex;
text-align : left;
}
.div_contenido_fondo {
background-color : #F7F7F7;
border-radius : 6px;
border : #E0E0E0 solid 0.2ex;
margin : 6px;
padding : 10px;
}
.div_contenido_fondo_azul {
background-color : #3370AF;
padding : 12px;
margin : 6px;
text-align : left;
border-radius : 6px;
}
.div_contenido_fondo_azul_rectangular {
background-color : #3370AF;
padding : 12px;
margin : 6px;
text-align : left;
}
.div_contenido_gris {
background-color : #F7F7F7;
border-radius : 6px;
border : #E0E0E0 solid 0.2ex;
margin : 6px;
}
.div_contenido_html {
background-color:#fff;
border-right : #ccc solid 0.1ex;
border-bottom : #ccc solid 0.1ex;
border-left : #ccc solid 0.1ex;
border-radius : 0px 0px 6px 6px;
padding : 12px;
margin-bottom:12px;
}
.div_contenido_inferior {
background-color : #FFFFFF;
padding-top : 10px;
border-bottom-left-radius : 6px;
border-bottom-right-radius : 6px;
border-bottom : #999 solid 0.2ex;
border-left : #999 solid 0.2ex;
border-right : #999 solid 0.2ex;
}
.div_contenido_pdf {
background-color:#fff;
border-bottom-left-radius : 6px;
border-bottom-right-radius : 6px;
border-right : #999 solid 0.2ex;
border-bottom : #999 solid 0.2ex;
border-left : #999 solid 0.2ex;
padding-top : 12px;
padding-bottom : 12px;
}
.div_contenido_rectangular {
background-color : #FFFFFF;
padding : 6px;
margin-top : 1px;
border : #bbb solid 0.2ex;
}
.div_contenido_sin_margen {
background-color : #FFFFFF;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-top : 6px;
border-radius : 6px;
border : #bbb solid 0.2ex;
}
.div_contenido_sup {
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-top : 10px;
margin : 6px;
border-top-left-radius : 10px;
border-top-right-radius : 10px;
border : #E0E0E0 solid 0.2ex;
}
.div_contenido_tabs {
background-color : #FFFFFF;
padding : 3px;
margin : 6px;
border-radius : 6px;
border : #aaa solid 0.2ex;
}
.div_dia {
background-color : #f7f7f7;
background: linear-gradient(#f7f7f7, #fff);
padding : 8px;
border-top-left-radius : 3px;
border-bottom-right-radius : 3px;
width : 100%;
}
.div_division {
border-right : 0.2ex solid #CCCCCC;
padding-right : 12px;
}
.div_division:last-child {
border-right : none;
padding-right : 12px;
}
.div_division_blanca {
border-left : 0.2ex solid #FFFFFF;
padding : 6px;
}
.div_division_derecha {
border-right : 0.2ex solid #999999;
padding-right : 6px;
}
.div_division_izquierda {
border-left : 0.2ex solid #999999;
padding-left : 6px;
}
.div_documento {
font-family: Contenido;
font-size : 16px;
color : #333;
padding : 12px 5% 0px 5%;
}
.div_documento > h3 {
padding : 6px 0px 3px 0px;
margin-bottom : 6px;
border-bottom : 0.1ex solid #eee;
}
.div_documento_contenido {
padding : 12px;
height : 300px;
overflow : auto;
border: #e7e7e7 solid 0.1ex;
}
.div_documento_contenido_scroll {
padding : 12px;
height : 300px;
overflow : auto;
border: #e7e7e7 solid 0.1ex;
border-radius: 6px;
}
.div_documento_contenido_scroll::-webkit-scrollbar {
width : 8px;
background-color : #f0f0f0;
border-radius : 6px;
}
.div_documento_contenido_scroll::-webkit-scrollbar-thumb {
background-color : #ccc;
border-radius : 6px;
}
.div_espacio {
padding : 5px;
margin-bottom : 1px;
background-color : #F0F0F0;
border-radius : 6px;
}
.div_fecha {
background-color : #8BB900;
width : 72px;
margin-top : 2px;
padding : 8px;
border-radius : 6px;
}
.div_fila {
padding : 6px;
}
.div_fila_baja {
padding : 3px 6px 3px 6px;
text-align : center;
}
.div_fila_linea_superior {
padding : 8px;
border-top : 0.2ex solid #FFFFFF;
}
.div_fila1 {
background-color : #ECF7FF;
padding : 8px;
border-radius : 6px;
}
.div_fila2 {
background-color : #f7f7f7;
padding : 8px;
border : 0.2ex solid #eee;
border-radius : 6px;
}
.div_filtro {
background-color : #3370AF;
padding : 6px;
width : 100px;
border-radius : 6px;
text-align : center;
margin-right : 2px;
}
.div_flexible {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.div_flexible > div {
  float:left;
  width: 100px;
  box-sizing:border-box;
  text-align: left;
}
.div_flexible_seccion_vertical {
  display: flex;
 }
.div_flexible_seccion_vertical > div {
width: 30%;
box-sizing:border-box;
text-align: left;
background-color : #000000;
padding : 6px;
height:200px;
opacity : 0.4;
}
.div_fondo {
background-color : #000000;
padding : 8px;
text-align : left;
opacity : 0.5;
}
.div_fondo_alto {
background-color : #000000;
padding : 10px;
margin : 6px;
border-radius : 10px;
height : 180px;
opacity : 0.5;
}
.div_fondo_azul {
background-color : #3370AF;
padding : 6px;
text-align : left;
border-radius : 6px;
}
.div_fondo_derecho {
background-color : #000;
border-top-left-radius : 6px;
border-bottom-left-radius : 6px;
padding : 6px;
text-align : left;
opacity : 0.5;
}
.div_fondo_enlace {
background-color : #fff;
padding : 12px;
margin-top : 12px;
border-top : 0.1ex solid #e0e0e0;
width : 100%;
}
.div_fondo_izquierdo {
background-color: #000;
padding : 6px;
box-sizing : border-box;
height : 200px;
text-align : left;
opacity : 0.4;
width:40%;
overflow:auto;
}
.div_fondo_letra {
background-color : #000000;
padding : 8px 6px 8px 6px;
border-radius : 0px;
opacity : 0.5;
}
.div_fondo_menu {
background-color : #000000;
padding : 8px;
width : 25%;
height : 184px;
opacity : 0.5;
}
.div_fondo_modulo {
background-color : #000;
padding : 12px;
text-align : left;
opacity : 0.4;
border-top-right-radius : 6px;
border-top-left-radius : 6px;
}
.div_fondo_portada {
background-color : #000000;
padding-left : 10px;
padding-right : 6px;
padding-top : 6px;
padding-bottom : 6px;
width : 25%;
height : 188px;
opacity : 0.5;
}
.div_fondo_superior {
background-color : #000000;
padding : 8px;
text-align : left;
opacity : 0.5;
border-radius : 6px 6px 0px 0px;
}
.div_fondo_titulo {
background-color : #ccc;
padding : 12px;
}
.div_forma {
padding : 12px 0px 12px 0px;
border-top : #f0f0f0 solid 0.1ex;
}
.div_flotante {
display : inline-block;
float : left;
width : 50%;
text-align : left;
}
.div_flotante_derecha {
display : inline-block;
float : right;
width : 30%;
}
.div_flotante_derecha_75 {
display : inline-block;
float : right;
width : 75%;
}
.div_flotante_izquierda {
display : inline-block;
float : left;
width : 70%;
}
.div_flotante_izquierda_25 {
display : inline-block;
float : left;
width : 25%;
}
.div_gris {
background-color : #fff;
border-radius : 2px;
text-align : center;
}
.div_imagen {
border-radius : 0;
border : #f0f0f0 solid 0.1ex;
}
.div_imagen_blanco {
background-color : #FFFFFF;
padding : 6px;
border-radius : 6px;
border : #CCCCCC solid 0.2ex;
text-align : left;
opacity : 0.8;
}
.div_inicio_seccion {
background-color : #fff;
border : #e0e0e0 solid 0.1ex;
border-radius : 6px;
margin : 6px 0px 12px 0px;
padding : 0px 0px 12px 0px;
}
.div_inline {
display : inline-block;
float : left;
padding-top : 6px;
padding-right : 12px;
padding-bottom : 6px;
}
.div_logo {
float:left;
width: 300px;
box-sizing:border-box;
text-align: left;
}
.div_margen {
margin : 6px;
text-align : left;
}
.div_margen_imagen {
margin-left : 18px;
margin-top : 6px;
margin-right : 6px;
text-align : center;
}
.div_margen_izquierdo {
margin-left : 6px;
margin-top : 12px;
}
.div_margen_derecho {
margin-right : 6px;
margin-top : 12px;
}
.div_margen_superior {
margin-top : 12px;
}
.div_menu {
background-color : #fcfcfc;
padding : 8px;
margin-bottom : 1px;
border-radius : 4px;
border : #f0f0f0 solid 0.1ex;
}
.div_menu_azul {
background-color : #3370AF;
padding : 6px;
border-radius : 4px;
}
.div_menu_blanco {
padding-left : 2px;
padding-top : 16px;
padding-right : 2px;
padding-bottom : 16px;
border-right : 0.2ex solid #85ACDC;
}
.div_menu_celeste {
background-color : #ecf7ff;
border : #dcf7ff solid 0.1ex;
border-radius : 4px;
margin-bottom : 1px;
padding : 8px;
}
.div_menu_claro {
background-color : #F4F4F4;
padding : 4px;
border-radius : 4px;
border : #E0E0E0 solid 0.2ex;
}
.div_menu_enlace {
background-color : #F0F0F0;
padding : 8px;
border-radius : 6px;
border : #E0E0E0 solid 0.2ex;
}
.div_menu_horizontal {
background-color : #F4F4F4;
float : left;
padding : 6px;
margin-right : 6px;
border-radius : 0;
border : #E0E0E0 solid 0.2ex;
}
.div_menu_negro {
padding-left : 2px;
padding-top : 16px;
padding-right : 2px;
padding-bottom : 16px;
border-right : 0.2ex solid #666;
}
.div_menu_opciones {
padding-left : 6px;
}
.div_menu_rectangular {
background-color : #f7f7f7;
padding : 8px 6px 8px 6px;
margin-bottom : 1px;
border : #e7e7e7 solid 0.1ex;
}
.div_menu_rectangular_celeste {
background-color : #ecf7ff;
padding : 6px;
margin-bottom : 1px;
border : #b3d9ff solid 0.1ex;
}
.div_menu_superior {
border-right : 0.2ex solid #999999;
padding-right : 6px;
}
.div_menu_sup_izq {
background-color : #EFEFEF;
padding : 6px;
border-top-left-radius : 6px;
}
.div_menu_sup_der {
background-color : #EFEFEF;
padding : 6px;
border-top-right-radius : 6px;
}
.div_menu_vertical {
  height : 200px;
  overflow : auto;
  border : #e0e0e0 solid 0.1ex;
  padding : 6px;
  margin-top : 12px;
  background-color : #f7f7f7;
}
.div_menu1 {
  overflow : hidden;
  background-color : #fff;
  border-radius : 0px;
  border-top : #e0e0e0 solid 0.1ex;
  border-bottom : #e0e0e0 solid 0.1ex;
}
.div_menu1 a {
  float: left;
  display: block;
  color: #ccc;
  text-align: center;
  padding: 16px 16px 16px 16px;
  text-decoration: none;
  font-size: 17px;
}
.div_menu1 a:hover {
background-color: #f7f7f7;
color: black;
}
.div_menu1 .icon {
display: none;
}
.div_menu1_azul_res {
overflow : hidden;
background-color : #3370AF;
border-radius: 0px;
}
.div_menu1_azul_res a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 16px 16px 16px 16px;
text-decoration: none;
font-size: 17px;
}
.div_menu1_azul_res a:hover {
background-color: #034f84;
color: black;
}
.div_menu1_azul_res .icon {
display: none;
}
.div_menu1_deg {
overflow: hidden;
background-color: #a2b9bc;

}
.div_menu1_deg a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 16px 16px 16px 16px;
text-decoration: none;
font-size: 17px;
}
.div_menu1_deg a:hover {
background-color: #878f99;
color: black;
}
.div_menu1_deg .icon {
display: none;
}
.div_movil {
width : 100%;
margin : auto;
text-align : center;
display : none;
}
.div_navedoor {
background-color : #8BB900;
padding : 6px;
border-radius : 6px;
}
.div_nombre {
background-color : #F0F0F0;
padding : 6px;
border-radius : 6px;
margin-bottom : 1px;
border : #E0E0E0 solid 0.2ex;
}
.div_opciones {
border : #eee solid 0.1ex;
border-radius : 6px;
margin-bottom : 1px;
padding:6px;	
}
.div_opciones_celeste {
background-color : #ECF7FF;
border : #dcf7ff solid 0.1ex;	
border-radius : 6px;
margin-bottom : 1px;
padding:6px;
}
.div_opciones_rectangular {
border : #f0f0f0 solid 0.1ex;
margin-bottom : 1px;
padding:4px;	
}
.div_opciones_scroll {
border : #ccc solid 0.1ex;
border-radius : 4px;
margin-bottom : 1px;
padding:4px;
height : 100px;
overflow:auto;	
}
.div_opciones_scroll_rectangular {
border : #f0f0f0 solid 0.1ex;
margin-bottom : 1px;
padding:6px;
height : 100px;
overflow:auto;	
}
.div_opciones_scroll_rectangular::-webkit-scrollbar {
width : 8px;
background-color : #f0f0f0;
}
.div_opciones_scroll_rectangular::-webkit-scrollbar-thumb {
background-color : #ccc;
border-radius : 0px;
}
.div_paginacion {
background-color : #FFFFFF;
padding-left : 4px;
padding-right : 4px;
border-top : 0.2ex solid #E0E0E0;
}
.div_pc {
width : 100%;
margin : auto;
display : block;
text-align : center;
}
.div_pdf {
border-bottom-left-radius : 6px;
border-bottom-right-radius : 6px;
border : #999 solid 0.2ex;
padding : 12px;
background-color : #fff;
text-align : left;
}
.div_pestana {
background-color : #E0E0E0;
padding : 6px;
border-top-right-radius : 6px;
border-top-left-radius : 6px;
margin-right : 1px;
margin-left : 1px;
margin-top : 1px;
}
.div_pestana_azul {
background-color : #3370AF;
padding : 6px;
border-top-right-radius : 6px;
border-top-left-radius : 6px;
margin-right : 1px;
margin-left : 1px;
margin-top : 1px;
}
.div_pestana_azul_cen {
background-color : #3370AF;
padding : 6px;
}
.div_pestana_azul_der {
background-color : #3370AF;
padding : 6px;
border-top-right-radius : 6px;
}
.div_pestana_azul_izq {
background-color : #3370AF;
padding : 6px;
border-top-left-radius : 6px;
}
.div_pestana_celeste {
background-color : #ECF7FF;
padding : 6px;
border-top-right-radius : 6px;
border-top-left-radius : 6px;
margin-right : 1px;
margin-left : 1px;
margin-top : 1px;
border : #b3d9ff solid 0.2ex;
}
.div_pestana_central {
background-color : #E0E0E0;
padding : 6px;
margin-right : 1px;
margin-left : 1px;
margin-top : 1px;
}
.div_pestana_gris {
background-color : #bbb;
padding : 6px;
margin : 3px 1px 0px 0px;
}
.div_pestana_gris_oscura {
background-color : #bbb;
padding : 6px;
border-top-right-radius : 6px;
border-top-left-radius : 6px;
margin-right : 1px;
margin-left : 1px;
margin-top : 3px;
}
.div_pestana_negra {
background-color : #333333;
padding : 6px;
border-top-right-radius : 6px;
border-top-left-radius : 6px;
margin-right : 1px;
margin-left : 1px;
margin-top : 1px;
}
.div_pestana_oscura {
background-color : #ccc;
padding : 6px;
border-top-right-radius : 6px;
border-top-left-radius : 6px;
margin : 6px;
}
.div_pie {
padding-left : 10px;
padding-right : 10px;
padding-bottom : 6px;
padding-top : 6px;
margin : 6px;
border-radius : 6px;
border : #333333 solid 0.2ex;
}
.div_portada {
padding : 2px;
margin : 0;
border-radius : 2px;
border : #666666 solid 0.2ex;
}
.div_principal {
margin : auto;
}
.div_ref {
display : none;
}
.div_retorno {
background-color : #9fa9a3;
border-top : #b2c2bf solid 0.1ex;
border-bottom : #b2c2bf solid 0.1ex;
padding : 16px;
}
.div_rojo {
background-color : #ff0000;
margin-top : 2px;
padding : 16px;
}
.div_ruta {
background-color : #E0E0E0;
padding : 6px;
text-align : left;
}
.div_scroll_300 {
background-color : #f7f7f7;
border : #e7e7e7 solid 0.1ex;
margin-bottom : 1px;
padding:6px;
height : 300px;
overflow:auto;	
}
.div_scroll_500 {
border : #e7e7e7 solid 0.1ex;
margin-bottom : 1px;
padding:6px;
height : 500px;
overflow:auto;	
}
.div_scroll_500::-webkit-scrollbar {
width : 8px;
background-color : #f0f0f0;
}
.div_scroll_500::-webkit-scrollbar-thumb {
background-color : #ccc;
border-radius : 6px;
}
.div_scroll_menu {
background-color: #f0f0f0;
background-image: linear-gradient(#fff, #e0e0e0);
overflow: auto;
white-space: nowrap;
border: #e7e7e7 solid 0.1ex;
text-align: left;
border-radius : 6px 6px 6px 6px;
}
.div_scroll_menu a {
display: inline-block;
color: white;
text-align: center;
padding: 24px 16px 24px 16px;;
text-decoration: none;
}
.div_scroll_menu a:hover {
background-color: #fff;
}
.div_scroll_menu::-webkit-scrollbar {
height: 8px;
background-color : #e0e0e0;
}
.div_scroll_menu::-webkit-scrollbar-thumb {
background-color : #bbb;
border-radius : 2px;
}
.div_seccion {
width : 98%;
margin : 0% 1% 12px 1%;
}
.div_seccion_vertical {
background-color : #000000;
opacity : 0.4000000059604644775390625;
padding-left : 10px;
padding-right : 10px;
width : 25%;
height : 150px;
}
.div_separador {
padding : 0px 0px 6px 0px;
margin-bottom: 6px;
border-bottom : 0.2ex solid #bbb;
}
.div_subrayado {
padding : 6px 0px 3px 0px;
margin-bottom : 6px;
border-bottom : 0.1ex solid #ddd;
}
.div_subrayado_base {
padding : 6px 0px 6px 0px;
border-bottom : 0.1ex solid #eee;
}
.div_subrayado_fino {
padding : 6px 0px 3px 0px;
margin : 6px;
border-bottom : 0.1ex solid #eee;
}
.div_subrayado_gris {
padding : 6px 0px 3px 0px;
margin : 6px;
border-bottom : 0.1ex solid #666;
}
.div_subrayado_normal {
padding : 6px 0px 6px 0px;
border-bottom : 0.1ex solid #bbb;
}
.div_subrayado_titulo {
margin : 0px 12px 0px 12px;
padding : 12px 0px 6px 0px;
border-bottom : 0.1ex solid #bbb;
}
.div_tabla {
padding : 8px;
}
.div_tabla_menu {
padding : 2px 2px 2px 8px;
}
.div_texto {
background-color : #FFFFFF;
padding : 10px;
margin : 6px;
border-radius : 6px;
border : lightblue solid 0.2ex;
}
.div_texto_rectangular {
background-color : #F9F9F9;
padding : 10px;
border : lightblue solid 0.2ex;
}
.div_titulo {
background-color : #FFFFFF;
padding : 6px;
border : #CCCCCC solid 0.2ex;
}
.div_titulo_base {
background-color : #f7f7f7;
padding : 8px;
border : #e7e7e7 solid 0.1ex;
}
.div_titulo_blanco {
padding : 4px;
border : #85ACDC solid 0.2ex;
border-radius : 4px;
}
.div_titulo_contenido {
margin-bottom : 12px;
}
.div_titulo_modulo {
background-color:#f0f0f0;
border-radius:6px 6px 0px 0px;
border-bottom:#e0e0e0 solid 0.1ex;
padding:12px 18px 12px 18px;
text-align:left;
}
.div_titulo_navedoor {
background-color : #FFFFFF;
padding : 6px;
border-radius : 6px;
border : #CCCCCC solid 0.2ex;
height : 80px;
width : 180px;
}
.div_titulo_portada {
background-color:#e0e0e0;
border-radius:6px 6px 0px 0px;
border-bottom:#e0e0e0 solid 0.1ex;
padding:12px;
text-align:left;
background-image: linear-gradient(#f7f7f7, #e0e0e0);
}
.div_titulo_subrayado {
padding : 6px;
margin-left : 6px;
margin-right : 6px;
margin-bottom : 6px;
border-bottom : 0.2ex solid #CCCCCC;
}
.div_usuario {
float:left;
width: 100px;
box-sizing:border-box;
text-align: right;
}
.gestion_menu {
background-color: #669999;
padding: 12px 12px 12px 14px;
border-radius: 6px 6px 0px 0px;
}
.iframe {
width : 100%;
height : 400px;
}
.img {
float : left;
margin : 0 6px 0 0;
}
.img_contenedor {
position: relative;
text-align: center;
color: white;
}
.img_foto {
width : 240px;
height : 160px;
border-radius : 6px;
}
.img_logo {
width : 320px;
height : 160px;
display : block;
border-radius : 6px;
}
.img_logo_movil {
width : 100%;
display : none;
border-radius : 6px;
}
.img_txt_top_left {
  position: absolute;
  top: 8px;
  left: 16px;
}
.img_txt_top_right {
position: absolute;
top: 8px;
right: 16px;
}
.imagen {
float : left;
margin : 0 6px 0 0;
}
.imagen_r {
margin : 0 6px 0 0;
border-radius : 6px;
}
.imagen_con_borde {
border: 1px solid #f0f0f0;
}
.imagen_flotante {
float : left;
margin : 0 6px 0 0;
border : 1px solid #ddd;
}
.imagenr {
float : left;
margin : 0 6px 0 0;
border-radius : 6px;
}
.imagenr_con_borde {
border: 1px solid #ddd;
border-radius : 6px;
}
.imagenr_flotante {
float : left;
margin : 0 6px 0 0;
border : 1px solid #ddd;
border-radius : 6px;
}
.imagenrt {
border-top-left-radius : 6px;
border-top-right-radius : 6px;
}
.imagen_adaptable {
width : 100%;
height : auto;
}
.inp_buscador {
font-family : Contenido;
font-size : 14px;
color : #333;
border-radius : 4px;
border : #bbb solid 0.2ex;
padding : 6px;
}
.demoDer {
float : left;
position : relative;
width : 100%;
z-index : 100;
}
.lista {
position : absolute;
width : 560px;
background-color : #EAEAEA;
color : #000000;
border : solid 0;
border-color : #000000;
z-index : 101;
top : 17px;
left : 0;
display : none;
}
.lownav {
  height: 25%;
  width: 0;
  position: fixed;
  z-index: 1010;
  bottom: 50px;
  left: 0;
  background-color: #ecf7ff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;
  border-top : #ddd solid 0.1ex;
}
.lownav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-family: Contenido;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.lownav a:hover {
  color: #8BB900;
}
.lownav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.lownav::-webkit-scrollbar {
width : 8px;
background-color : #f0f0f0;
}
.lownav::-webkit-scrollbar-thumb {
background-color : #ccc;
border-radius : 0px;
}

/*Pies de pagina*/

.Pie_Pagina {
font-family : Contenido;
font-size : 14px;
color : #333;
}
.Pie_Pagina4 {
font-family : Contenido;
font-size : 14px;
color : #666;
}
.Pie_Paginablanco {
font-family : Contenido;
font-size : 14px;
color : #f0f0f0;
}
.Pie_Paginacursiva {
font-family : Contenido;
font-size : 14px;
font-style : italic;
color : #666;
}
.Pie_Paginagris {
font-family : Contenido;
font-size : 14px;
color : #999;
}
.Pie_Paginanegrita {
font-family : Contenido;
font-size : 14px;
font-weight : bold;
color : #666;
}
.Pie_Paginarojo {
font-family : Contenido;
font-size : 14px;
color : red;
}
.Pie_Paginaverde {
font-family : Contenido;
font-size : 14px;
color : #8BB900;
}

.ruta {
background-color : #cfe0e8;
padding : 6px 12px 6px 12px;
margin : auto;
width: 100%;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-family: Contenido;
font-size: 14px;
color: #818181;
display: block;
transition: 0.3s;
}
.sidenav a:hover {
color: #8BB900;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.sidenav::-webkit-scrollbar {
width : 8px;
background-color : #f0f0f0;
}
.sidenav::-webkit-scrollbar-thumb {
background-color : #ccc;
border-radius : 0px;
}
.sidenav_blanco {
height: 100%;
width: 0;
position: fixed;
z-index: 1010;
top: 0;
left: 0;
background-color: #fff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 12px;
}
.sidenav_blanco a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-family: Contenido;
font-size: 14px;
color: #818181;
display: block;
transition: 0.3s;
}
.sidenav_blanco a:hover {
color: #8BB900;
}
.sidenav_blanco .closebtn {
position: sticky;
top: 0;
font-size: 36px;
margin-left: 0%;
}
.sidenav_blanco::-webkit-scrollbar {
width : 8px;
background-color : #f0f0f0;
}
.sidenav_blanco::-webkit-scrollbar-thumb {
background-color : #ccc;
border-radius : 0px;
}

.sidenav_menu1 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1010;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidenav_menu1 a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-family: Contenido;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidenav_menu1 a:hover {
  color: #8BB900;
}
.sidenav_menu1 .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.sub {
padding : 6px 0px 3px 0px;
margin-bottom : 6px;
border-bottom : 0.1ex solid #eee;
}
.tabla {
font-family : Contenido;
width : 100%;
}
.tabla td, th {
padding : 12px;
border-radius : 4px;
border-spacing : 1px;
}
.tabla_color {
font-family: Contenido;
border-collapse: collapse;
width: 100%;
}
.tabla_color td, th {
border: 0px solid #ddd;
padding: 8px;
}
.tabla_color tr:nth-child(even){background-color: #ecf7ff;}
.tabla_color tr:nth-child(odd){background-color: #f9f9f9;}

.tabla_color tr:hover {background-color: #ddd;}

.tabla_color th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #ccc;
color: white;
}
.tabla_redondeada {
font-family: Contenido;
width: 100%;
}
.tabla_redondeada td, th {
padding : 8px;
border-radius : 6px;
border-spacing : 3px;
}
.tabla_redondeada tr:nth-child(even){background-color : #ecf7ff;}
.tabla_redondeada tr:nth-child(odd){background-color: #f9f9f9;}

.texto {
font-family: Contenido;
font-size : 16px;
color : #333;
}
.texto > h2 {
padding : 6px 0px 3px 0px;
margin-bottom : 6px;
border-bottom : 0.1ex solid #ddd;
}

/*tooltip de textos*/
.tip {
position : relative;
display : inline-block;
font-family: Contenido;
font-size : 16px;
color : #333;
}
.tip .tiptexto {
visibility : hidden;
width : 100%;
background-color : #fff;
font-family: Contenido;
font-size : 14px;
color : #000;
text-align : left;
border-radius : 6px;
padding: 12px;
  /* Posicionamiento del tip */
position: absolute;
z-index: 1;
bottom: 120%;
left: 50%;
margin-left: -50%;
}
.tip:hover .tiptexto {
  visibility: visible;
}

/*titulos*/

.titulo {
font-family : Contenido;
font-size : 16px;
font-weight : bold;
text-transform : uppercase;
color : #333;
}
.titulo_azul {
font-family : Contenido;
font-size : 16px;
font-weight : bold;
text-transform : uppercase;
color : #3370AF;
}
.titulo_blanco {
font-family : Contenido;
font-size : 16px;
font-weight : bold;
text-transform : uppercase;
color : #fff;
}
.titulo_modulo {
font-family : Contenido;
font-size : 24px;
text-transform : uppercase;
color : #333;
}
.titulo_portal {
font-family : Contenido;
font-size : 24px;
color : #333;
}
.titulo_portal_mayuscula {
font-family : Contenido;
font-size : 24px;
font-weight : bold;
text-transform : uppercase;
}
.titulo_principal {
font-family : Contenido;
font-size : 32px;
font-weight : bold;
color : #333;
}
.titulo_verde {
font-family : Contenido;
font-size : 16px;
font-weight : bold;
color : #8BB900;
}
.titulo_seccion {
font-family : Contenido;
font-size : 24px;
color : #fff;
}
.titulo_seccion_mayuscula {
font-family : Contenido;
font-size : 24px;
color : #fff;
text-transform : uppercase;
}
.txt {
font-family : Verdana, Geneva, sans-serif;
font-size : 11px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
color : #555555;
border-radius : 2px;
border : #CCCCCC solid 0.2ex;
}
.txt_area {
font-family : Contenido;
font-size : 16px;
color : #333;
border-radius : 4px;
border : #ccc solid 0.1ex;
padding : 6px;
}
.txt_area::-webkit-scrollbar {
width : 8px;
background-color : #f0f0f0;
}
.txt_area::-webkit-scrollbar-thumb {
background-color : #ccc;
border-radius : 4px;
}
.txt_buscador {
font-family : Contenido;
font-size : 16px;
color : #333;
border-radius : 4px;
border : #ccc solid 0.1ex;
padding : 6px;
}
.txt_entrada {
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
color : #555555;
border-radius : 4px;
border : #BBBBBB solid 0.2ex;
padding : 6px;
}
.txt_lectura {
font-family : Verdana, Geneva, sans-serif;
background-color : #F7F7F7;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : bolder;
font-variant : normal;
color : #333;
border-radius : 4px;
border : #bbb solid 0.2ex;
padding : 6px;
}

.ul_acordeon {
margin: 0;
padding: 0;
overflow: hidden;
}
.ul_acordeon li {
padding : 0px;
}
.ul_aplicacion {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #444;
}
.ul_buscador {
    list-style-type: none;
    margin: 0px;
    padding: 0;
    overflow: hidden;
    background-color: #f0f0f0;
    border-radius: 6px 6px 0px 0px;
    border-bottom: #e0e0e0 solid 0.1ex;
}
.ul_celda_celeste {
    background-color : #ecf7ff;
    padding : 12px;
    border : #dcf7ff solid 0.1ex;
    border-radius : 6px;
    list-style-type : none;
}
.ul_celda_celeste li {
    padding : 8px 0px 0px 12px;
}
.ul_clase {
    list-style-type: none;
    margin: 0px;
    padding: 0;
    overflow: hidden;
    background-color: #f0f0f0;
    border-radius: 6px;
    border: #e0e0e0 solid 0.2ex;
}
.ul_gestion {
    list-style-type: none;
    margin: 0px;
    padding : 0px;
    overflow: hidden;    
}
.ul_gestion li {
    float: left;
}
.ul_gestion li a {
    display: block;
    color : #333;
    text-align : center;
    padding : 0px 12px 0px 12px;
    text-decoration: none;
}
.ul_gestion li a:hover {
    background-color: #8ca3a3;
    border-radius: 6px;
}
.ul_letra {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.ul_letra li {
float: left;
}
.ul_letra li a {
background-color:#ecf7ff;
display: block;
color : #333;
text-align: center;
padding: 8px;
text-decoration: none;
border : #dcf7ff solid 0.1ex;
border-radius : 8px;
margin:0px 4px 4px 0px;
}
.ul_letra li a:hover {
background-color : #fff;
}
.ul_menu {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #d0d0d0;
width:100%;
border-bottom: #e0e0e0 solid 0.1ex;
border-top: #e0e0e0 solid 0.1ex;
}
.ul_menu_azul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #3370AF;
width : 100%;
}
.ul_menu_corto {
list-style-type: none;
margin: auto;
padding: 0;
overflow : hidden;
background-color : #3370AF;
width : 98%;
border-radius : 6px;
}
.ul_menu_linea {
    list-style-type: none;
    margin: 0px;
    padding: 6px 6px 0px 6px;
    overflow: hidden;
    background-color: #f0f0f0;
    border-radius: 6px;
    border: #999 solid 0.1ex;
}
.ul_menu_linea_base {
    list-style-type : none;
    margin : 0px;
    padding : 0px;
    overflow : hidden;
    background-color : #f0f0f0;
    border-bottom : #e0e0e0 solid 0.1ex;
}
.ul_menu_linea_base_redondeado {
    list-style-type : none;
    margin : 0px;
    padding : 0px;
    overflow : hidden;
    background-color : #f0f0f0;
    border : #e0e0e0 solid 0.1ex;
    border-radius : 12px;
}
.ul_menu_linea_recto {
    list-style-type: none;
    margin: 0px;
    overflow: hidden;
    background-color: #f7f7f7;
    border-bottom: #e0e0e0 solid 0.1ex;
}
.ul_menu_linea_suave {
    list-style-type: none;
    margin : 0px;
    padding : 12px 12px 0px 12px;
    overflow: hidden;
    background-color: #e7e7e7;
    border-radius: 6px 6px 0px 0px;
    border-bottom: #d0d0d0 solid 0.1ex;
}
.ul_menu_linea_suave_recto {
    list-style-type: none;
    margin: 0px;
    padding: 6px 6px 0px 6px;
    overflow: hidden;
    background-color: #f7f7f7;
    border-bottom: #e0e0e0 solid 0.1ex;
}
.ul_menu_navedoor {
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background-color: #111;
    background: linear-gradient(#111, #888);
    width:100%;
    border-radius:6px;
}
.ul_menu_navedoor_simple {
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    width:100%;
    border-bottom: #ccc solid 0.1ex;
}
.ul_menu_simple {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.ul_menu_transparente {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.ul_menu_verde {
    list-style-type : none;
    margin : 0px;
    padding : 0px;
    overflow : hidden;
    background-color : #8BB900;
    border-bottom : #e0e0e0 solid 0.1ex;
}
.ul_menu_verde li {
    float: right;
}
.ul_menu_verde li a {
    display: block;
    color : white;
    text-align : center;
    padding : 12px 16px 12px 16px;
    text-decoration: none;
}
.ul_menu_verde li a:hover {
    background-color: #ccc;
}
.ul_menu_vertical {
    list-style-type: none;
    padding: 0;
    margin: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;    
}
.ul_menu_vertical li {
    padding: 8px 8px;
    border-bottom: 1px solid #ddd;
}
.ul_menu_vertical li:last-child {
    border-bottom: none;
}
.ul_mos {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.ul_mos li{
    float : left;
    color : #333;
    padding: 8px 18px 8px 0px;
}
.ul_objeto {
list-style-type: none;
margin: 0px;
padding : 0px;
overflow: hidden;
background-color: #f0f0f0;
}
.ul_objeto li {
float: left;
}
.ul_objeto li a {
display: block;
color : #333;
text-align : center;
padding : 0px 12px 0px 12px;
text-decoration: none;
}
.ul_objeto li a:hover {
    background-color: #fff;
    border-radius: 6px;
}
.ul_opcion {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #f0f0f0;
border-radius : 6px;
}
.ul_opcion li {
float: left;
}
.ul_opcion li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.ul_opcion li a:hover {
background-color: #fff;
border-radius : 6px;
}
.ul_opcion_bordeada {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f0f0f0;
    border-bottom:#ccc solid 0.2ex;
    border-left:#ccc solid 0.2ex;
    border-right:#ccc solid 0.2ex;
}
.ul_opcion_fondo {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color : #000000;
    opacity : 0.5;
}
.ul_opcion_fondo li {
    float: left;
}
.ul_opcion_fondo li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px 12px 16px 12px;
    text-decoration: none;
}
.ul_opcion_fondo li a:hover {
    background-color: #333;
}
.ul_opcion_fondo_redondeado {
list-style-type : none;
margin : 0;
padding : 0;
overflow : hidden;
border-radius : 6px 6px 0px 0px;
background-color : #000000;
opacity : 0.5;
}
.ul_opcion_linea {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #999;
border-top-right-radius: 6px;
border-top-left-radius:6px;
}
.ul_opcion_linea_azul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #3370AF;
border-top-right-radius: 6px;
border-top-left-radius:6px;
}
.ul_opcion_linea_verde {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #8BB900;
border-top-right-radius: 6px;
border-top-left-radius:6px;
}
.ul_pdf {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #999;
    border-top-right-radius: 6px;
    border-top-left-radius:6px;
}
.ul_ruta {
list-style-type: none;
margin: 0px;
padding : 0px;
overflow: hidden;
background-color: #9fa9a3;
}
.ul_simple {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.li_aplicacion {
    float: left;
}
.li_aplicacion a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.li_aplicacion a:hover {
    background-color: #000;
}
.li_boton {
    float: left;
}
.li_boton a {
    display: block;
    color: white;
    text-align: center;
    padding: 12px;
    text-decoration: none;
}
.li_boton a:hover {
    background-color: #fff;
	border-radius:6px;
}
.li_buscador {
    float: left;
}
.li_buscador a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.li_buscador a:hover {
    background-color: #fff;
}
.li_celeste {
    float: left;
}
.li_celeste a {
    background-color:#ecf7ff;
    display: block;
    color : #333;
    text-align: center;
    padding: 8px;
    text-decoration: none;
    border : #dcf7ff solid 0.1ex;
    border-radius : 12px;
    margin:0px 4px 4px 0px;
}
.li_celeste a:hover {
    background-color : #eee;
}
.li_clase {
    float: left;
}
.li_clase a {
    display: block;
    color : white;
    text-align : center;
    padding : 16px;
    text-decoration: none;
}
.li_clase a:hover {
    background-color: #fff;
}
.li_letra {
    float: left;
	
}
.li_letra a {
    background-color : #f7f7f7;
    display : block;
    color : white;
    text-align: center;
    padding: 8px;
    text-decoration: none;
    border : #e0e0e0 solid 0.1ex;
    border-radius : 4px;
    margin : 0px 4px 4px 0px;
}
.li_letra a:hover {
    background-color: #fff;
}
.li_letra_celeste {
    float: left;
}
.li_letra_celeste a {
background-color:#ecf7ff;;
display: block;
color : #333;
text-align: center;
padding: 8px;
text-decoration: none;
border : #dcf7ff solid 0.1ex;
border-radius : 8px;
margin:0px 4px 4px 0px;
}
.li_letra_celeste a:hover {
background-color : #f7f7f7;
}
.li_letra_verde {
float: left;	
}
.li_letra_verde a {
background-color:#4caf50;
display: block;
color : white;
text-align: center;
padding: 8px;
text-decoration: none;
border : #f7f7f7 solid 0.1ex;
border-radius : 4px;
margin:0px 4px 4px 0px;
}
.li_letra_verde a:hover {
    background-color : #bbb;
}
.li_menu {
float: left;
}
.li_menu a {
display: block;
color: white;
text-align: center;
padding: 16px 12px;
text-decoration: none;
}
.li_menu a:hover {
background-color: #333;
}
.li_menu_simple {
float: left;
}
.li_menu_simple a {
display: block;
color: white;
text-align: center;
padding: 16px 12px;
text-decoration: none;
}
.li_menu_simple a:hover {
background-color: #f7f7f7;
border-radius:6px;
}
.li_opcion {
float: left;
}
.li_opcion a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.li_opcion a:hover {
    background-color: #333;
}
.li_opcion_fondo {
    float: left;
}
.li_opcion_fondo a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px 12px 16px 12px;
    text-decoration: none;
}
.li_opcion_fondo a:hover {
    background-color: #333;
}
.li_opcion_linea {
    float: left;
}
.li_opcion_linea a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.li_opcion_linea a:hover {
    background-color: #333;
}
.li_pestana {
    float: left;
	background-color: #999;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	margin-right:3px;
}
.li_pestana_actual {
    float: left;
	background-color: #fff;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-left:#999 solid 0.2ex;
	border-top:#999 solid 0.2ex;
	border-right:#999 solid 0.1ex;
	color: #333;
	margin-right:3px;
	padding: 8px;
}
.li_pestana a {
    display: block;
    color: white;
    text-align: center;
    padding: 8px;
    text-decoration: none;
}
.li_pestana a:hover {
 	background-color: #fff;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-left:#999 solid 0.1ex;
	border-top:#999 solid 0.1ex;
	border-right:#999 solid 0.1ex;
	color: #333;
}
.li_pestana_celeste {
    float : left;
    background-color : #ecf7ff;
    border-top-left-radius : 6px;
    border-top-right-radius : 6px;
    margin-right : 3px;
    border : #dcf7ff solid 0.1ex;
}
.li_pestana_celeste a {
    display: block;
    color: white;
    text-align: center;
    padding: 8px;
    text-decoration: none;
}
.li_pestana_celeste a:hover {
 	background-color: #fff;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-left:#e0e0e0 solid 0.2ex;
	border-top:#e0e0e0 solid 0.2ex;
	border-right:#e0e0e0 solid 0.2ex;
	color: #333;
}
.li_pestana_suave {
    float: left;
	background-color: #999;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	margin-right:3px;
	background-image: linear-gradient(#ccc, #666); 
}
.li_pestana_suave_actual {
    float: left;
	background-color: #fff;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-left:#e0e0e0 solid 0.1ex;
	border-top:#e0e0e0 solid 0.1ex;
	border-right:#e0e0e0 solid 0.1ex;
	color: #333;
	margin-right:3px;
	padding: 8px;
}
.li_pestana_suave a {
    display: block;
    color: white;
    text-align: center;
    padding: 8px;
    text-decoration: none;
}
.li_pestana_suave a:hover {
 	background-color: #fff;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-left:#e0e0e0 solid 0.1ex;
	border-top:#e0e0e0 solid 0.1ex;
	border-right:#e0e0e0 solid 0.1ex;
	color: #333;
}
.li_ruta {
    float: left;
}
.li_ruta a {
    display: block;
    color : #333;
    text-align : center;
    padding : 0px 12px 0px 12px;
    text-decoration: none;
}
.li_ruta a:hover {
    background-color: #618685;
	border-radius: 6px;
}
.anuncio {
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
font-style : normal;
line-height : normal;
font-weight : bolder;
font-variant : normal;
color : #3370AF;
}
.Borde_01 {
border : #e7a219 solid 3px;
border : #FF0000 medium;
border : #FF6600 solid 5.5em;
border-width : medium;
border-style : dotted;
}
.Buscador {
font-size : 18px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
color : #333333;
font-style : normal;
}
.Buscar {
font-size : 16px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
color : #666666;
}
.Comentarios {
font-size : 11px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
color : #333333;
}

.FormularioGrupo {
border : #3370AF solid 1px;
border-radius : 6px;
}
.MENU {
font-family: Contenido;
font-size : 14px;
color : #333;
text-transform : uppercase;
}
.MENU_BLANCO {
font-family: Contenido;
font-size : 14px;
text-transform : uppercase;
color : #f0f0f0;
}
.MENU_BLANCO_NEGRITA {
font-family: Contenido;
font-size : 14px;
font-weight : bolder;
text-transform : uppercase;
color : #f0f0f0;
}
.MENU_GRIS {
font-family: Contenido;
font-size : 14px;
color : #666;
text-transform : uppercase;
}
.MENU_GRIS_NEGRITA {
font-family: Contenido;
font-size : 14px;
color : #333;
font-weight : bold;
text-transform : uppercase;
}
.MENU_AZUL {
font-family: Contenido;
font-size : 14px;
text-transform : uppercase;
color : #3370AF;
}
.MENU_NEGRITA {
font-family: Contenido;
font-size : 14px;
color : #333;
font-weight : bold;
text-transform : uppercase;
}
.MENU_NEGRITA_CURSIVA {
font-family: Contenido;
font-size : 14px;
color : #333;
font-weight : bold;
text-transform : uppercase;
font-style : italic;
}
.MENU_VERDE {
font-family : Contenido;
font-size : 14px;
color : #8BB900;
font-weight : bold;
text-transform : uppercase;
}

.VinculoNaranja {
font-size : 10px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
color : #FD7E00;
}
.VinculoRojo {
font-family : Verdana, Geneva, sans-serif;
font-size : 10px;
font-style : normal;
line-height : normal;
font-weight : normal;
font-variant : normal;
color : #FF0000;
}
.VinculoVerde {
font-size : 10px;
font-style : normal;
line-height : normal;
font-weight : bolder;
font-variant : normal;
color : #8BB900;
}
#btn_scroll {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
  padding: 15px;
}
#btn_scroll:hover {
  background-color: #555;
}
#central {
    float: right;
    width: 75%;
}
#content {
    width: 100%;
    margin: 0px auto;
}
#column-left {
    float: left;
    position: fixed;
    overflow: hidden;
    width: 25%;
	z-index : 0;
}
#columna-izq {
    float: left;
    position: fixed;
    overflow: hidden;
    width: 6%;
	z-index : 0;
}
#columna-der {
    float: right;
    width: 94%;
}
#contenedor {
position:absolute;
width:100%;
z-index:1;
left: 0px;
top: 27px;
background-color: #fff;
visibility:hidden;
border: 1px #ddd solid;
}
#navbar {
  background-color: #ddd;
  position: fixed;
  bottom: -50px;
  width: 100%;
  display: block;
  transition: top 0.3s;
}
#navbar a {
  float: left;
  display: block;
  color: #333;
  text-align: center;
  padding: 15px;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: #fff;
  color: black;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  .sidenav_blanco {padding-top: 15px;}
  .sidenav_blanco a {font-size: 18px;}
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1024px) {
  .celda_33 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .celda_50 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .celda_50_celeste > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .col_16 > div {
  float:left;
  width: 33.33%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }   
  .col_50 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .div_anuncio_50 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
}

@media screen and (max-width: 900px) {
    #columna-der {
    width: 100%;
    margin: 0px auto;
    }
    #columna-izq {
    display : none;
    }
    .div_columna_25 {
    width: 50%;
    }
    .div_col_der_70 {
    width: 100%;
    }
    .div_col_izq_30 {
    width: 100%;
    }
    .div_movil {
    display : block;
    }
    .div_pc {
    display : none;
    }
    .img_logo {
    display : none;
    }
    .img_logo_movil {
    display : block;
    }
}

@media screen and (max-width: 800px) {
  .col_16 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }   
  div label {
  width: 100%;
  }
  .div_anuncio > div {
  float:left;
  width: 50%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .div_anuncio_20 > div {
  float:left;
  width: 50%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .div_anuncio_33 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .div_columna_izquierda {
    width: 100%;
  }
  .div_col_izq_25 {
    width: 100%;
  }
  .div_col_izq_30 {
    width: 100%;
  }
  .div_columna_izquierda_40 {
    width: 100%;
  }
  .div_columna_izquierda_50 {
    width: 100%;
  }
  .div_columna_izquierda_75 {
    width: 100%;
  }
  .div_columna_derecha {
    width: 100%;
  }
  .div_columna_derecha_25 {
    width: 100%;
  }
  .div_col_der_75 {
  width: 100%;
  }
  .div_columna_derecha_60 {
    width: 100%;
  }
  .div_col_der_70 {
    width: 100%;
  }
  .div_columna_derecha_50 {
    width: 100%;
  }
  
  .div_menu1 a:not(:first-child) {display: none;}
  .div_menu1 a.icon {
    float: right;
    display: block;
  }
  .div_menu1.responsive {position: relative;}
  .div_menu1.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .div_menu1.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
  .div_menu1_azul_res a:not(:first-child) {display: none;}
  .div_menu1_azul_res a.icon {
    float: right;
    display: block;
  }
  .div_menu1_azul_res.responsive {position: relative;}
  .div_menu1_azul_res.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .div_menu1_azul_res.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
  .div_menu1_deg a:not(:first-child) {display: none;}
  .div_menu1_deg a.icon {
    float: right;
    display: block;
  }
  .div_menu1_deg.responsive {position: relative;}
  .div_menu1_deg.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .div_menu1_deg.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
    .img_logo {
    display : none;
    }
    .img_logo_movil {
    display : block;
    }
    .inp_buscador {
    width: 80%;
  }
    
}

@media screen and (max-width: 600px) {
  .celda_33 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .col_16 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }   
  .div_anuncio > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .div_anuncio_20 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .div_anuncio_33 > div {
  float:left;
  width: 100%;
  padding:12px;
  box-sizing:border-box;
  text-align: left;
  }
  .div_columna_25 {
  width: 100%;
  }
}

@media screen and (max-width: 400px) {
    .img_foto {
    width: 100%;
     height: auto;  
    }
}