body {
    text-align: center;
    padding: 0px;
    margin: 0px;
    font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    /* color: #8d8d8d; */
    /* background-color: #f0f4fb; */
    color: #3f5d68;
    scrollbar-3dlight-color: #85bdc8;
    scrollbar-arrow-color: white; /* IMPORTANTE */
    scrollbar-base-color: #85bdc8;
    scrollbar-darkshadow-color: white;
    scrollbar-face-color: #85bdc8; /* IMPORTANTE */
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #000000;
}

body.ventana {margin-top:0; font-family: verdana; font-size: 11px; background-color: white;
    background-image: none;
    scrollbar-3dlight-color: rgb(132,158,181);
    scrollbar-arrow-color: white; /* IMPORTANTE */
    scrollbar-base-color: rgb(132,158,181);
    scrollbar-darkshadow-color: rgb(132,158,181);
    scrollbar-face-color:  rgb(132,158,181); /* IMPORTANTE */
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
}

body.dialogo {margin-top:0; font-family: verdana; font-size: 11px; background-color: white;
    background-image: none;
    scrollbar-3dlight-color: rgb(132,158,181);
    scrollbar-arrow-color: white; /* IMPORTANTE */
    scrollbar-base-color: rgb(132,158,181);
    scrollbar-darkshadow-color: rgb(132,158,181);
    scrollbar-face-color: rgb(132,158,181); /* IMPORTANTE */
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
}

/* background-image: url('../../imagenes/titular2.jpg'); */
body.bodysuperior {margin:0; color: white; font-family: verdana; font-size: 12px;
background-color: white; }

body.bodyinferior {margin:0; color: white; font-family: verdana; font-size: 10px;
background-color: #2B393B;}

hr.linea_punteada {border:1px dotted #85bdc8; width:100%}

.redondeado:before {
   background: transparent url(../../imagenes/arr-der.png) scroll no-repeat top right;
   margin-bottom: -10px;
   height: 14px;
   display: block;
   border: none;
   content: url(../../imagenes/arr-izq.png);
   padding: 0;
   line-height: 0.1;
   font-size: 1px;
}

.redondeado:after {
   display: block;
   content: url(../../imagenes/aba-izq.png);
   margin: 2px 0 0 0;
   height: 14px;
   background: transparent url(../../imagenes/aba-der.png) scroll no-repeat bottom right;
   padding: 0;
   line-height: 0.1;
   font-size: 1px;
}

/*
.redondeado * {
   padding-left: 25px;
   padding-right: 25px;
}
*/

.redondeado {
   padding: 0;
   margin-right: -1px;
   background: #F0FAFE;
   color: black;
   font-size: 11px;
}

.curso_contenido
{
   padding:0 0 5px 40px; border-left: solid 0px #f8bc31; font-size: small;
}
.curso_contenido ul li 
{
   background-image: url(../../imagenes/list_ul.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   font-size: small;
}
.curso_contenido ol li 
{
   background-image: none;
   background-repeat: no-repeat;
   padding-left: 20px;
   font-size: small;
}

.comentario {
   background:transparent url(../../imagenes/abajo.png) repeat-x scroll left bottom;
   border-color:#3D3D3D;
   border-style:solid;
   border-width:1px 1px 0;
   color:#666666;
   font-size:0.8em;
   margin:15px 10px 0 10px;
   padding:5px 10px 10px 10px;
}

div.main {margin: 0 auto; width: 1000px; border: solid 1px #1A4D80;}

form { display: inline; }
img { border-style:none; }

div#capa_centrada {
   color: black; background-color: white;
   height: 50%; width: 100%;
   position: absolute; left: 10px; top: 10px;
   border: 0px solid #000;
   background: url("../../imagenes/cargando.gif") no-repeat top center;
}

#breadcrumb {border-bottom: solid 0px;}
#breadcrumb ul li{
   list-style-image: none;
   display:inline;
   padding: 0 3px 0 0;
   margin: 3px 0 0 0;
}
#breadcrumb ul{
   margin:0;padding:0;
   list-style-type: none;
   padding-left: 1em;
}

/*
h1.pagetitle {margin:0 4px 0.4em 4px; padding:0 0 2px 0; text-align: left; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
h2.pagetitle {margin:0 5px 0.4em 5px; padding:0 0 2px 0; text-align: left; border-bottom:solid 3px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:180%;}
*/
/*
h1.pagetitle {
    margin: 0 4px 0.4em 4px;
    padding: 0 0 2px 0;
    text-align: left;
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    color: rgb(100,100,100);
    font-weight: bold;
    font-size: 220%;
    text-transform: uppercase;
}
*/
h1.pagetitle {
    margin: 25px;
    /* padding: 0 0 2px 0; */
    text-align: left;
    /* font-family: "Google Sans",Roboto,Arial,sans-serif; */
    color: rgb(73, 73, 73);
    /* font-weight: bold; */
    text-transform: uppercase;
    font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 200%;
}
h2.pagetitle {
    margin: 0 5px 0.4em 25px;
    padding: 0 0 2px 0;
    text-align: left;
    font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color: rgb(100,100,100);
    font-size: 150%;
}
h3.pagetitle {
/*    margin:0 5px 0.4em 5px; */
    margin: 0 5px 0.4em 25px;
    padding:0 0 2px 0; 
    text-align: left; 
/*    border-bottom:solid 1px rgb(225,225,225); */
    font-family:"trebuchet ms",arial,sans-serif;
    color:rgb(100,100,100); 
/*    font-weight:bold; */
    font-size:140%;
}
h3 {margin: 5px auto; width: 98%; color: #666666;}
h3.seccion_ficha {
    text-align: left;
    /* background-color: #ECECEC; */
    background-color: #f8f8f8;
    color: #646464;
    font-size: x-large;
    font-weight: normal;
    padding: 5px 0px 5px 10px;
    text-transform: uppercase;
}

/*
a:link {text-decoration: none; color: #1A4D80; font-weight: bold;}
a:visited {text-decoration: none; color: #1A4D80; font-weight: bold;}
a:hover {text-decoration: underline; color: #1A4D80; font-weight: bold;}
a:active {text-decoration: none; color: #1A4D80;}
*/
a:link, a:visited, a:hover, a:active {
    font-size: 13px;
    color: #0d7eca;
    font-weight: normal;
    text-decoration: none;
    font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
blockquote {
    background-color: #ffffcc !important; 
    border-left: 4px solid #ffeb3b !important; 
    padding: 10px !important; 
    font-size: 13px !important;
    margin: 5px 0px 5px 0px !important;
    font: inherit;
    background-image: none !important;
}
ol, ul {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 1em; 
/*    background-color: white; */
    color: #111717; 
    margin: 1em 0 1em 2em; 
    font-size: 14px;
    text-align: left;
}

tr.menu_superior {border-bottom: solid 0px #1A4D80; background-color: #1A4D80; height: 30px;}
/* SIN td.menu_superior FALLA COLOR DE LINK DE MENU SUPERIOR */
/*
td.menu_superior a:link {color: white; font-weight: bold; font-size: 10px; }
td.menu_superior a:visited {color: white; font-weight: bold; font-size: 10px; }
td.menu_superior a:hover {color: white; text-decoration: none; font-weight: bold; font-size: 10px; }
td.menu_superior a:active {color: white; font-size: 10px; }
*/

tr.breadcrumb {border-bottom: solid 0px #1A4D80; background-color: #ffffff;}

.menu_principal_td a:link {color: #1A4D80; font-weight: bold; font-size: 11px; }
.menu_principal_td a:visited {color: #1A4D80; font-weight: bold; font-size: 11px; }
.menu_principal_td a:hover {color: #1A4D80; text-decoration: none; font-weight: bold; font-size: 11px; }
.menu_principal_td a:active {color: #1A4D80; font-size: 11px; }

a:link.logo {font-size: 10px; color: #1A4D80;; font-weight: bold; }
a:visited.logo {font-size: 10px; color: #1A4D80; font-weight: bold; }
a:hover.logo {font-size: 10px; color:  #1A4D80; text-decoration: none; font-weight: bold; }
a:active.logo {font-size: 10px; color: #1A4D80; }

/*
a:link.menu {display:block; font-size: 10px; color: #1A4D80; font-weight: bold; text-decoration: none;}
a:visited.menu {display:block; font-size: 10px; color: #1A4D80; font-weight: bold; text-decoration: none;}
a:hover.menu {display:block; font-size: 10px; color: white; font-weight: bold; text-decoration: none; 
background-image: none; background-color: #1A4D80;  }
a:active.menu {display:block; font-size: 10px; color: #1A4D80; text-decoration: none;}
*/

/*
a:link.barra { text-decoration: none; font-size: 12px; color: #3F5864; font-weight: bold; }
a:visited.barra { text-decoration: none; font-size: 12px; color: #3F5864; font-weight: bold; }
a:hover.barra { text-decoration: underline overline; font-size: 12px; color: #ffffff; font-weight: bold; background-color: #3F5864}
a:active.barra { text-decoration: underline overline; font-size: 12px; color: #ffffff; font-weight: bold; background-color: #3F5864}
*/
a:link.barra {/* font-family: "Hind", sans serif; */text-decoration: none;font-size: 16px;margin: 0px 5px;color:#494949;/* font-weight: bold; */font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;}
a:visited.barra {margin: 0px 5px;   font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
;text-decoration: none;font-size: 16px;color:#494949;/* font-weight: bold; */}
a:hover.barra {margin: 0px 5px;font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
;text-decoration: none;font-size: 16px; color:#494949;background-color:#f1f1f1; padding: 5px 0px 5px 0px;}
a:active.barra {margin: 0px 5px;font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
;text-decoration: none;font-size: 16px;}

a:link.menu_lateral { text-decoration: none; font-size: 11px; color: #2B393B; font-weight: bold; }
a:visited.menu_lateral { text-decoration: none; font-size: 11px; color: #2B393B; font-weight: bold; }
a:hover.menu_lateral { text-decoration: underline overline; font-size: 11px; color: #2B393B; font-weight: bold; background-color: white}
a:active.menu_lateral { text-decoration: none; font-size: 11px; color: #2B393B; }

a:link.menu_lateral_selec { text-decoration: underline overline; font-size: 12px; color: #009900; font-weight: bold; }
a:visited.menu_lateral_selec { text-decoration: underline overline; font-size: 12px; color: #009900; font-weight: bold; }
a:hover.menu_lateral_selec { text-decoration: none; font-size: 12px; color:  white; font-weight: bold; background-color: #2B393B}
a:active.menu_lateral_selec { text-decoration: underline overline; font-size: 12px; color: #009900; }

a:link.orden {
    /* background-color: #C8C8C8; */
    font-family: "Hind", sans serif;
    /* font-size: .85em; */
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: center;
    color: white;
    line-height: 1.25;
    font-weight: normal !important;
    border: 0px;
}
a:visited.orden {text-decoration: none; font-size: 12px; color: white; font-weight: bold; }
a:hover.orden {text-decoration: underline; font-size: 12px; color: white; font-weight: bold; }
a:active.orden {text-decoration: none; font-size: 12px; color: white; }

a:link.temas {padding:1px 1px; font-size: 11px; color: #333333; font-weight: bold; }
a:visited.temas {font-size: 11px; color: #333333; font-weight: bold; }
a:hover.temas {font-size: 11px; color: #333333; text-decoration: none; font-weight: bold; background-color: #999999;}
a:active.temas {font-size: 11px; color: #333333; }

.gris {font-size: 11px; color: #999999; }
.gris a:link {color: #999999; font-weight: bold; font-size: 11px; }
.gris a:visited {color: #999999; font-weight: bold; font-size: 11px; }
.gris a:hover {color: #999999; text-decoration: none; font-weight: bold; font-size: 11px; }
.gris a:active {color: #999999; font-size: 11px; }


span.temas {padding:1px 1px; font-size: 11px; color: #333333; font-weight: bold; }

table {
    margin: 0 auto; 
    text-align: left;
}
td {
    font-size: 11px;
}

/*
table.menu {
    border-style: solid; 
    border-width: 1px; 
    border-color: #1A4D80;
    width: 100%; 
    border-collapse: collapse; 
    border-spacing: 0; 
}
td.menu {
    text-align: center; 
    width:120px; 
    font-size: 10px; 
    border-width: 1px; 
    border-color: #1A4D80;
}
td.menu_izquierda {
    margin: 0 auto; 
    width: 180px; 
    text-align: left; 
    vertical-align: top;
    background-color: #dddddd; 
    background-image: none; 
    border: solid 0px #1A4D80;
}
td.menu_izquierda_titulo {
    color: white; 
    border: solid 0px #1A4D80;
    padding-left: 20px; 
    background: #1A4D80 no-repeat url('../../imagenes/ico_menu.gif');
}
td.menu_principal_td {
    padding: 5px; 
    line-height: 160%;
}
td.sinborde {
    font-size: 11px; 
    border: none;
}
*/

table.header {
    margin: 0 auto; 
    width: 100%; 
    background-color: #f0f4fb; 
    background-image: none;
    text-align: left; 
    border-spacing: 0; 
    border-collapse: collapse;
}
td.header {
    padding: 5px; 
    background-color: #FFFFFF; 
    text-align: right;
}
td.logo {background-color: #FFFFFF;}

/*
.header a:link {font-size: 10px; color: #1A4D80;; font-weight: bold;}
.header a:visited {font-size: 10px; color: #1A4D80; font-weight: bold;}
.header a:hover {font-size: 10px; color: #1A4D80; text-decoration: none; font-weight: bold;}
.header a:active {font-size: 10px; color: #1A4D80;}
*/

/* td.menu_general {width: 100px; border: groove 1px #666666; background-image: none; } */
table.cuerpo {
    width: 100%; 
    background-color: white; 
    background-image: none; 
    border: none;
}

td.principal {
    padding: 10px 0 10px 0; 
    text-align: center; 
    vertical-align: top; 
    background-image: none;
    background-color: white; 
    border: 0px solid;
}

.seleccionado {background-color: #2B393B;}

/*
border-collapse: separate y border-spacing: 0 son los valores por defecto
si border-collapse: collapse entonces no aplica border-spacing (para poner borde, usar border-width)
En el modelo de bordes separados, todas las celdas muestran siempre sus cuatro bordes, independientemente de la separación entre las celdas. 
La otra gran diferencia entre los dos modelos de bordes es que en el modelo separate las filas, grupos de filas, columnas y grupos de columnas no pueden establecer bordes. 
*/
/* overflow-x: auto; no funciona */
table.listado {
    margin: 0 auto; 
    text-align: left; 
    border-collapse: collapse; 
    border-spacing: 0;
    border: solid 1px #ffffff; 
    width: 99%; 
    overflow-x: auto;
    color: #3f5d68;
}
table.listado tr {
    vertical-align: top; 
}
tr.listado {height:20px;}
th.listado {padding:1px; text-align: left; border: solid 1px #ffffff; color: #ffffff; background-color: #2B393B; vertical-align: bottom;}
th.listadoleft {padding:1px; text-align: left; border: solid 1px #ffffff; color: #ffffff; background-color: #2B393B; vertical-align: bottom;}
th.listadocen {padding:1px; text-align: center; border: solid 1px #ffffff; color: #ffffff; background-color: #2B393B; vertical-align: bottom;}
th.listadoright {padding:1px; text-align: right; border: solid 1px #ffffff; color: #ffffff; background-color: #2B393B; vertical-align: bottom;}
td.listado {
    text-align: left;
    line-height: 1.5em;
    padding: 5px;
}
td.listadocen {
    padding: 3px;
    text-align: center;
    line-height: 1.5em;
}
td.listadoright {
    padding: 3px;
    text-align: right;
    line-height: 1.5em;
}
td.listado_grueso {padding: 3px; border-color: #1A4D80; border-bottom-style: dotted; border-bottom-width: 1px; line-height:1.5em;}


/*
table.listado {
    font-family: "Open Sans", sans-serif;
    line-height: 1.25;
    border: 0px solid #C8C8C8;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}
table.listado caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}
table.listado tr {
    border-bottom: 1px solid #C8C8C8;
    padding: .50em;
    background-color: white;
}
table.listado tr:hover {
    background-color: #F0FAFE;
    }

table.listado th,
table.listado td {
    font-size: 1em;
    padding: 8px 5px 5px 5px;
}
table.listado th {
  background-color: #C8C8C8;
  font-family: "Hind", sans serif;
  font-size: 1em;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: white;
  line-height: 1.25;
  font-weight: normal !important;
  border: 0px;
}

@media screen and (max-width: 600px) {
    table.listado {
      border: 0;
    }

    table.listado caption {
      font-size: 1.3em;
    }

    table.listado thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }

    table.listado tr {
      border-bottom: 3px solid #C8C8C8;
      display: block;
      margin-bottom: .625em;
    }

    table.listado td {
      border-bottom: 1px solid #C8C8C8;
      display: block;
      font-size: 1em;
    }

    table.listado td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }

    table.listado td:last-child {
      border-bottom: 0;
    }
}
*/



table.listado_carrito {margin: 0 auto; font-size: 11px; border-style: solid; border-width: 2px; border-color: #1A4D80;
width: 99%; border-collapse: collapse; border-spacing: 0; background-color: rgb(200,200,200); }
tr.listado_carrito {height:20px; font-size: 12px;}
th.listado_carrito {padding:1px; border-style: solid; border-width: 1px; border-color: #1A4D80; color: #ffffff;
    background-color: #2B393B;}
td.listado_carrito {padding: 3px; border-bottom-style: solid; border-width: 1px; border-right-style: dashed; border-right-color: #1A4D80; }
/* font-size: 10px; enfluye sobre links de la celda */
td.listado_carrito_cen {padding: 3px; text-align:center; border-bottom-style: solid; border-width: 1px; border-right-style: dashed; border-right-color: #1A4D80; }
td.listado_carrito_right {padding: 3px; text-align:right; border-bottom-style: solid; border-width: 1px; border-right-style: dashed; border-right-color: #1A4D80;}

/* FILAS LISTADOS */
.impar {background-color: #FFFFFF;}
.par {background-color: #EEEEEE;}

/* FILAS LISTADO PREGUNTAS SIN RESPUESTA*/
tr.sinrespuesta {background-color: yellow;}

table.barra_ {margin: 5px auto; text-align: left; font-size: 11px; width: 98%;
background-color: #FFFFFF; border: dashed 1px #2B393B;}
table.barra {margin: 5px auto; text-align: left; width: 100%; color:#8a6f5c; background-color:#F0FAFE;
background-image: url('images/nav.png'); border-top:3px solid #3F5864; border-bottom:1px solid #3F5864;}
/* 17 para que sea igual a la altura de menu */
tr.barra {height: 15px; vertical-align: middle; color: white;}
td.barra {padding: 5px; border: 0; font-weight: bold; color: #666666; }
table.barra_1 {margin: 5px auto; text-align: left; font-size: 11px; width: 98%;
background-color: #2B393B; border: solid 1px #1A4D80;}
/* 17 para que sea igual a la altura de menu */
tr.barra_1 {height: 15px; vertical-align: middle; color: white;}
td.barra_1 {padding: 0; border-width: 0; font-weight: bold; }

.pie {margin: 0 auto; padding: 5px 0 5px 0; width: 100%; color: white; background-color: #1A4D80;}
.pie a:link {font-size: 10px; color: white; font-weight: bold; }
.pie a:visited {font-size: 10px; color: white; font-weight: bold; }
.pie a:hover {font-size: 10px; color: white; text-decoration: none; font-weight: bold; }
.pie a:active {font-size: 10px; color: white; }

/* en GRAELLA resultados */
tr.suspendido {text-align: left; background-color: red; color: white;}
tr.aprovado {text-align: left; background-color: #999999; }
/* COLOR NOTA */
td.aprovado {color: blue; text-align: left; }
td.suspendido {color: red; text-align: left; }
/* LINKS DE PREGUNTAS */
td span.incorrecta { color: red; text-decoration: underline;}
td span.correcta { text-decoration: underline;}
/* display:none; queda mal visualmente => hice que saliera pero sin link */
td span.no_contestada {color:black; font-weight: bold;}

/* TABLAS FORMULARIOS */
/* No hay que poner width: 100%, sino en mensajero no se ve centrado. Ademas no hace falta */
/* table.tablaform {font-size: 11px; border-collapse: separate; border-spacing: 4px;} */
/* font-size: medium; no se tiene en cuenta aquí pq lo toma del selector td: la dejamos pq no se tiene en cuenta por: Unexpected token NL found */
table.tablaform {
    font-family: "Open Sans", sans-serif;
    line-height: 1.25;           
    font-size: medium;
    border-spacing: 13px;
    border-collapse: separate;
    width: 100%;
}
/*
table.tablaform th {
    font-size: .70em;
    letter-spacing: .1em;
    text-transform: uppercase;
    width: 30%;
}
*/
table.tablaform th {
    font-size: small;
    font-weight: 500;
    letter-spacing: .1em;
    /* text-transform: uppercase; */
    width: 30%;
}

/* sino pongo background-color: rgb(132,158,181); hereda el del TH general y queda mal */
th.tablaform_left {padding: 3px; text-align: left; color: #666666; border: 0;}
th.tablaform {padding: 3px; text-align: right; color: #666666; border: 0; }
td.tablaform {padding: 3px; color: rgb(80,80,80); border: 0; white-space: nowrap;}

/*
table.tabla_mensaje {margin: 5px auto; font-size: 11px; border-collapse: collapse; background-color: #dddddd;
width: 98%;}
th.tabla_mensaje {padding: 3px; text-align: left; color: #1A4D80; border: 0; width: 50px;}
td.tabla_mensaje {padding: 3px; font-size: 11px; color: #1A4D80; border: 0;}
td.tabla_mensaje_texto {padding: 3px; font-size: 11px; color: #1A4D80; border: 0; background-color: white;}
*/

table.tabla_pestanya {margin: 5px auto; font-size: 11px; border-collapse: collapse; border: solid 1px;
background-color: rgb(240,240,240);}
tr.tabla_pestanya {padding-bottom: 5px;}
th.tabla_pestanya {padding: 3px; text-align: left; color: #666666; border: 0;}
td.tabla_pestanya {padding: 3px; font-size: 11px; color: rgb(80,80,80); border: 0;}

/* div.pestanyas {margin: 5px; padding: 3px; font-size: 11px; background-color: #2B393B; border: solid 1px #1A4D80;} */
div.pestanyas {margin: 5px; padding: 5px; text-align: center; font-size: 11px; background-color: transparent; border: solid 1px #ffffff;}
.pestanyas span {padding: 3px; font-size: 11px; font-weight: bold; background-color: #333333; color: #ffffff;}
.pestanyas a:link {text-decoration: none; padding: 3px; font-size: 11px; font-weight: bold; background-color: #999999; color: #ffffff;}
.pestanyas a:visited {text-decoration: none; padding: 3px; font-size: 11px; font-weight: bold; background-color: #999999; color: #ffffff;}
.pestanyas a:hover {text-decoration: none; padding: 3px; font-size: 11px; font-weight: bold; background-color: #999999; color: #333333;}
.pestanyas a:active {text-decoration: none; padding: 3px; font-size: 11px; font-weight: bold; background-color: #999999; color: #ffffff;}

/* INTERIOR FORMULARIOS */
td.esquina1 {background-image: url('../../imagenes/esquina1.gif'); background-repeat: no-repeat; height: 21px;}
td.esquina2 {background-image: url('../../imagenes/esquina2.gif'); background-repeat: no-repeat; height: 21px;}
td.lineaformsup {background-image: url('../../imagenes/fondobarra.gif');
            padding-left: 10px; color: white; font-size: 12px; font-weight: bold; height: 20px;}
td.lineaforminf {background-image: url('../../imagenes/fondobarra.gif'); height: 4px;}
td.lineaformizq {background-color: #1A4D80;}
td.lineaformder {background-color: #1A4D80;}
/* border-style: dashed; border-width: 1px; border-color: #1A4D80; background-color: #EBEBEB*/
td.contenido {padding: 5px; font-size: 11px; vertical-align:top; width:100%; background-color: #EEEEEE;
    text-align: center;
}
/*
.seccion_ficha {
    cellspacing: 10px; padding: 5px 0 5px 0; border: solid 1px #000000;background-color: #2B393B; color: #ffffff;
}
*/
/*
.seccion_ficha {
    background-color: #f8f8f8;
    color: #646464;
    font-size: x-large !important;
    font-weight: normal;
    padding: 5px 0px 5px 10px;
    text-align: left;
    text-transform: uppercase;
}
*/
.seccion_ficha {
    background-color: #f8f8f8;
    color: #646464;
    font-size: x-large !important;
    font-weight: normal;
    padding: 5px 0px 5px 10px;
    text-align: left;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    line-height: 1.25;
    letter-spacing:.1em;
}
/*
.subseccion {
    color: #646464;
    font-size: large;
    font-weight: 500;
}
*/
.subseccion {
    color: #646464;
    font-size: large !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}

th.ultima_fila_seccion_ficha {
    padding-bottom: 20px;
    /* text-transform: uppercase; */
}
div.ultima_fila_seccion_ficha {
    padding-bottom: 20px;
    /* text-transform: uppercase; */
}
/* contenido de form */

td.lineainf {background-image: url('../../imagenes/lineapuntitos.gif'); height: 4px;}
/* pie de pagina */
td.lineapie {background-image: url('../../imagenes/h4_titulo.gif'); }


/* Para textarea de preguntas y respuestas */
p.enunciado {font-size: 11px; margin-left: 5%; margin-right: 5%} 
p.parrafo {color: #666666;}

/* UL.flecha_anim {list-style-image: url("../../imagenes/flechas_anim.gif"); margin-left:17; align: middle; } */
ul.flecha_red {list-style-image: url("../../imagenes/flecha_red.gif"); margin-left:17px; vertical-align: middle; }
ul.flecha_orange {list-style-image: url("../../imagenes/flecha_orange.gif"); margin-left:17px; vertical-align: middle; }
ul.flecha_verde {list-style-image: url("../../imagenes/flecha_verde.gif"); margin-left:17px; vertical-align: middle; }
ul.curso {list-style-image: url("../../imagenes/editar.gif") }

/* height:400; quitado para que a 800x600 no salga barra vert. cuando no hay casi registros listados!! */
div.listado {
    margin: 5px auto; 
    padding: 0; 
    text-align: center; 
    overflow-x: scroll ; 
    overflow-y: hidden;
    background-color: #ffffff;
}

.mensaje_titulo {float:left; margin-top: 15px; padding: 2px; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
div#listado_mensajes {margin: 0 auto; text-align: center; overflow-x: hidden; overflow-y: auto;
/* height:450px; */ background-color: #ffffff; border: 0px solid #43a0b2;}
div.mensaje_detalle {margin: 2px; padding: 2px; text-align: left; overflow-x: hidden;
background-color: #ffffff; border: 0px solid #43a0b2;}
.mensaje_detalle_cabecera {text-align: left; background-color: inherit; }
.mensaje_detalle_pie {text-align: left; background-color: inherit; }
.mensaje_detalle_texto {padding-top: 5px; text-align: left; overflow-x: scroll; overflow-y: auto; /* height:400px; */
background-color: inherit; }
.mensaje_detalle_texto_ampliado {text-align: left; background-color: #ffffff; }
/* div.barra_mensaje {margin: 5px; padding: 2px; text-align: left; color:#8a6f5c; background-color:#F0FAFE; background-image: url('images/nav.png'); border-top:3px solid #3F5864; border-bottom:1px solid #3F5864; clear: left;} */
div.barra_mensaje_ver {margin: 2px; padding: 2px; text-align: right; color:#8a6f5c; background-color:#F0FAFE;
background-image: url('images/nav.png'); border-top:3px solid #3F5864; border-bottom:1px solid #3F5864;}
.boton_mensaje {margin:0px; padding: 2px; color: #333333; background-color: #ffffff; font-weight: bold;
border: solid 1px #1A4D80; cursor: hand; }

div.barra_ {margin: 5px; padding: 3px; text-align: right; font-size: 11px; color: #1A4D80;
background-color: #2B393B; border: solid 1px #1A4D80;}
/*
div.barra {
    margin: 5px; 
    padding: 5px; 
    text-align: right; 
    color:#8a6f5c; 
    background-color:#F0FAFE;
    background-image: url('images/nav.png'); 
    border-top:3px solid #3F5864; 
    border-bottom:1px solid #3F5864;
}
*/
div.barra { 
    margin: 5px 30px 0px 5px;
    padding: 5px 5px 5px 5px;
    text-align: right;
    /* color: #8a6f5c; */
    /* background-color: #F0FAFE; */
    /* background-image: url(images/nav.png); */
    /* border-top: 3px solid #3F5864; */
    border-bottom: 1px solid #cccccc;
    /* overflow: auto; */
}

div.barra_navegacion {margin: 0 auto; margin-top: 5px; padding: 2px; text-align: left; font-size: 11px;
color: #1A4D80; background-color: #FFFFFF; border: solid 1px #FFFFFF;}

/* div.paginacion {margin: 5px; padding: 0px; border: 1px solid black; text-align: center;font-weight: bold; font-size: 11px; color: #1A4D80; background-color: #eeeeee;} */
div.paginacion {
    margin: 5px;
    padding: 0px;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color: #1A4D80;
}
span.paginacion {margin: 5px; padding: 0px;}
/*.combo_paginacion {color: white; background-color: #333333; border: solid 1px #333333;}*/
.combo_paginacion {
    border-radius: 25px;
    font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color: #494949;
    font-size: 13px;
    padding: 5px 10px 5px 10px;
    border: solid 1px rgb(200,200,200);
    margin: 10px;
    width: 135px;
}

/*
p.info,div.info {margin: 10px; padding:3px; border: solid 1px #333333; font-size: 13px; color: white; background-color: green;}
p.error,div.error {margin: 10px; padding:3px; border: solid 1px #333333; color: white; font-size: 13px; background-color: red;}
p.warning,div.warning {margin: 10px; padding:3px; border: solid 1px #333333; color: white; font-size: 13px; background-color: #F2D13E;}

p.info,div.info li {color: white;}
p.error,div.error {color: white;}
p.warning,div.warning {color: white;}
*/
/*
bootstrap 4.3.1
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
*/
p.warning, div.warning {
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    margin: 10px;
    padding: 10px;
    font-size: 13px;
    color: #856404;
    /* warning es amarillo */
    background-color: #fff3cd;
    /* background-color: #f8d7da; */
    text-align: justify;
    line-height: 20px;
}
/*
.warning:before {
    content: "\00BB";
    margin-right: 6px;
}
*/
.warning a:link,.warning a:visited, .warning a:hover, .warning a:active {
    font-size: 13px;
    /* color: #856404; */
    color: #0d7eca;
    /* font-weight: bold; */
    font-weight: normal;
}
p.info, div.info {
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    margin: 10px;
    padding: 10px;
    font-size: 13px;
    color: #155724;
    /* background-color: #d4edda; */
    background-color: #d1ecf1;
    /* background-color: #f8bc31; AMARILLO DE MENU art-menu en style.v2.css */
    text-align: justify;
    line-height: 20px;
}
.info a:link, .info a:visited, .info a:hover, .info a:active {
    font-size: 13px;
    /* color: #155724; */
    color: #0d7eca;
    /* font-weight: bold; */
    font-weight: normal;
}
p.error, div.error {
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    margin: 10px;
    padding: 10px;
    font-size: 13px;
    color: #721c24;
    background-color: #f8d7da;
    text-align: justify;    
}
.error a:link, .error a:visited, .error a:hover, .error a:active {
    font-size: 13px;
    /* color: #721c24; */
    color: #0d7eca;
    /* font-weight: bold; */
    font-weight: normal;
}
p.info li,div.info li {color: white;}


div.aviso {margin: 2px 10px 2px 10px; padding:3px; text-align: left; border: solid 1px #333333; color: white; font-size: 11px; background-color: #FF3C00;}
td.aviso {padding: 3px; border: solid 0px #333333; font-size: 11px; color: white; background-color: #FF3C00;}

div.ayuda {text-align: left; line-height:1.5em; margin: 10px; background-position: 4px top; background: url(../../imagenes/bombilla.png) no-repeat; 
padding: 10px 10px 0 30px; border-bottom: dotted 1px; }
td.ayuda {margin: 10px; background-position: 4px top; background: url(../../imagenes/bombilla.png) no-repeat; padding: 0 10px 0 40px;
border: none; }

/*
.aviso a:link, .info a:link,.error a:link,.warning a:link {font-size: 12px; color: white;; font-weight: bold; }
.aviso a:visited, .info a:visited,.error a:visited,.warning a:visited {font-size: 12px; color: white; font-weight: bold; }
.aviso a:hover, .info a:hover,.error a:hover,.warning a:hover {font-size: 12px; color: white; text-decoration: none; font-weight: bold; }
.aviso a:hover, .info a:active,.error a:active,.warning a:active {font-size: 12px; color: white; }
*/
.aviso a:link {font-size: 12px; color: white;; font-weight: bold; }
.aviso a:visited {font-size: 12px; color: white; font-weight: bold; }
.aviso a:hover {font-size: 12px; color: white; text-decoration: none; font-weight: bold; }
.aviso a:hover {font-size: 12px; color: white; }

.ayuda a:link {color: #1A4D80;; font-weight: bold; }
.ayuda a:visited {color: #1A4D80; font-weight: bold; }
.ayuda a:hover {color: #1A4D80; text-decoration: none; font-weight: bold; }
.ayuda a:active {color: #1A4D80; }

div.acceso_directo {padding:2px; text-align: left; margin: 10px; border: solid 1px #2B393B; color: white; background-color: brown;}
div.acceso_directo a {color: white;}
div.acceso_directo a:hover {color: white;}

/* realizar_exam.php */
div.paginas {margin: 5px; padding: 5px; text-align: center; font-weight: bold; font-size: 11px; color: #1A4D80; background-color: #cccccc;}
/* realizar_exam.php,resultados.php y email.php*/
div.pregunta, p.pregunta {margin: 3px; padding: 10px; text-align: left; color: #1A4D80; border: 1px dashed #1A4D80;}
/* NO USADO: PARPADEO Y NO FUNCIONA onmouseover, ETC */
div.resultado {overflow: auto; height:380px; width: 100%; background-color: rgb(120,120,120); }

/* en resultados.php -- CORRECCION */
div.incorrecta,p.incorrecta {border: solid 1px red; background-color: #eeeeee; } /* web safe */
span.radiocorrecta {color: #666666; font-weight: bold; }
span.preguntanum {font-weight: bold; color: #1A4D80;}
span.enunciado {font-weight: bold; color: #666666}
span.enunciadoventana {font-weight: bold; color: #1A4D80}
.sec_resp {font-size: 10px; font-weight: bold; color: #666666; }


/* calendario */
/* centra la tabla del calendario: solo IE => <center>*/
/* #cal {text-align: center; color:white; } */
table.calendario_agenda {width: 170px; text-align: center; background-color: #cccccc; color: #000000; border: solid 1px #000000; padding: 4px 0px 4px 0px; }
td.fechacal {padding: 10px; font-family: Verdana; font-size: 10px; border-style:none; font-weight:bold; background-color: #1A4D80; text-align: center; color: white; }
td.dias {padding: 10px; font-family: Verdana; font-size: 10px; border-style:none; text-align: center; color:white;background-color: #63AEFF;}
td.numdias {padding: 10px; text-align: center; font-family: Verdana; font-size: 10px; border-width:0;}
td.diaactual {padding: 10px; font-family: Verdana; background-color: #666666; font-size:12px; font-weight:bold; color:white;}

.ok_grande{
    background:url(../../imagenes/icon_hecho_big.gif) no-repeat left top;
    padding: 8px 0px 18px  40px;
    font-size:1.2em;
    color:#666;
    line-height:1.1em;
    font-family:Arial;
}

p.ejemplo {font-size: 12px; font-family: Verdana,Helvetica; color: #1A4D80; margin-left: 10%; margin-right:10%;
padding: 4px; background-color: #DDDDDD; border-style: dashed; border-width: 1px; border-color: #333333;}
.etiqueta {font-size: 12px; font-family: Verdana,Helvetica; color: #1A4D80; }
.sintaxis {color: black; }
.defecto {font-weight: bold; }
dt {font-weight: bold; color: #2B393B;}

/* MENU GLIDE */
/* NO PUEDE ESTAR EN EL BODY DE NINGUN DOCUMENTO (IE fallaba)*/
#menuShow{
    border: 1px solid #666666;
    background-color: #2B393B;
    padding: 1px;
    font-size: 13px;
    font-family: Verdana, Arial;
    position: absolute;
    width: auto;
    height: auto;
}
#menuSelect{
    border: 1px solid #666666;
    background-color: #2B393B;
    padding: 1px;
    font-size: 13px;
    font-family: Verdana, Arial;
    position: absolute;
    width: auto;
    height: auto;
}
/* FIN MENU GLIDE */

/* MENU IMPORTAR */
/*
.cabMenu {color:white; font-weight:bold; text-decoration: underline; cursor: hand;}
div.menu {
  padding: 0px;
  background-color: white;
  border-color:  #2B393B;
  border-style: solid;
  border-width: 2px;
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  text-align: left;
  color: #1A4D80;
  overflow: auto;
}
a.menuItem  {
  padding: 4px;
  color:  #1A4D80;
  display: block;
  font-family: Verdana, Tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-width: 1px; 
  text-decoration: underline;
}
a.menuItem:hover {
  padding: 2px;
  border-color: #1A4D80;
  border-style: solid;
  background-color: #999999;
  color: #1A4D80;
}
*/
/*  FIN MENU IMPORTAR */


/* CONTROLES FORMULARIOS */
/*
form input, form textarea {
   padding: 3px;
   margin-bottom: .5em;
   font-family:verdana,arial,sans-serif; 
   font-size: 12px;
}
*/
form input, form textarea {
   padding: 3px;
   margin-bottom: .5em;
   font-family:verdana,arial,sans-serif; 
   font-size: 12px;
   color: rgb(80,80,80);
   border: solid 1px rgb(200,200,200);
}
.boton {
    margin:5px; padding: 6px; color: #333333; background-color: #ffffff; font-weight: bold;
    border: solid 1px #1A4D80; cursor: hand;
}
.textbox {color: rgb(80,80,80); border: solid 1px rgb(200,200,200);}
.valor_heredado {border: solid 1px orange;}
.combo {color: white; background-color: rgb(150,150,150); border: solid 1px #85bdc8;}
.lista {color: white; background-color: rgb(150,150,150); border: solid 1px #85bdc8;}
.required {color: orange;}
.requerido_bonificada {color: orange;}

.enlaceboton {font-family: verdana, arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding: 4px;
   background-color: #dddddd;
   color: #666666;
   text-decoration: none;
}
.enlaceboton:link,
.enlaceboton:visited {
   border-top: 1px solid #cccccc;
   border-bottom: 2px solid #666666;
   border-left: 1px solid #cccccc;
   border-right: 2px solid #666666;
}
.enlaceboton:hover {  
   border-bottom: 1px solid #cccccc;
   border-top: 2px solid #666666;
   border-right: 1px solid #cccccc;
   border-left: 2px solid #666666;
} 

/*
fieldset {
  -moz-border-radius:5px;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;
}
*/
fieldset { border:1px solid green }
legend {
  padding: 0.2em 0.5em;
  border:0px solid green;
  background-color: white;
  color:black;
  font-size:90%;
  text-align:left;
}

fieldset.no_table {
  line-height: 25px;
}

select {   
  -moz-border-radius:5px;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;
  margin: 3px;
}

.form_peque {width:500px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.form_peque fieldset {padding:10px 5px 10px 5px !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.form_peque fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.form_peque label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%; color: #666666;}
.form_peque input.field {width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.form_peque textarea {width:330px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; }
/* .form_peque select.combo {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;} */
/*
.form_grande {
    width:900px; 
    margin:0 auto; 
    padding:10px 10px 0 10px; 
    border:solid 1px rgb(200,200,200); 
    background-color:rgb(240,240,240);
}
*/
.form_grande {
    width: 900px;
    padding: 10px 10px 0 10px;
}
.form_grande fieldset {
    padding: 10px 5px 10px 5px !important;
    padding: 0;
    margin: 0 0 20px 0;
    border: solid 0px rgb(220,220,220);
}
.form_grande fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color: rgb(204 204 204); /* color:rgb(80,80,80); font-weight:bold;*/ font-size:130%;}
.form_grande label.left {float:left; width:100px; margin:0 0 0 4px; padding:2px; font-size:100%; color: #666666;}
.form_grande input.field {width:330px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.form_grande textarea {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; }
/* .form_grande select.combo {padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;} */


/* BOTONES */
.botonRectangular {
    background: #ffffff;
    -webkit-border-radius: 25;
    -moz-border-radius: 25;
    border-radius: 25px;
    border:0px;
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    color: #494949;
    font-size: 15px;
    /* padding: 10px 20px 10px 20px;*/
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border: solid 1px rgb(200,200,200);
    margin: 10px;
    text-align: center;
}
.botonRectangular:hover {
    background: #afb4b8;
    text-decoration: none;
    cursor:pointer;
}
.botones {
    padding: 25px;
    text-align: right;
}
input.button {
    background: #e5e5e5;
    -webkit-border-radius: 25;
    -moz-border-radius: 25;
    border-radius: 25px;
    border:0px;
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    color: #494949;
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
input.button:hover {
    background: #afb4b8;
    text-decoration: none;
    cursor:pointer;
}
input.button_cancelar {
    background: #e5e5e5;
    -webkit-border-radius: 25;
    -moz-border-radius: 25;
    border-radius: 25px;
    border:0px;
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    color: #494949;
}
input.button_cancelar:hover {
    background: #afb4b8;
    text-decoration: none;
    cursor:pointer;
}
.btnFiltra {
    background: #e5e5e5;
    -webkit-border-radius: 25;
    -moz-border-radius: 25;
    border-radius: 25px;
    border:0px;
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    color: #494949;
}
.btnFiltra:hover {
    background: #afb4b8;
    text-decoration: none;
    cursor:pointer;
}
.btnFiltra:active {
    position:relative;
    top:1px;
}
.btnLimpia {
    background: #e5e5e5;
    -webkit-border-radius: 25;
    -moz-border-radius: 25;
    border-radius: 25px;
    border:0px;
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    color: #494949;
}
.btnLimpia:hover {
    background: #afb4b8;
    text-decoration: none;
    cursor:pointer;
}
.btnLimpia:active {
    position:relative;
    top:1px;
}


/* FILTRADO RAPIDO */
/*
#filtrado_rapido {
    inventada: 0;
    background-color: #f4f7f9;
    font: normal 400 12px/22px "Google Sans",Roboto,Arial,sans-serif;
    color: #778899;
    padding: 30px 0px 10px 0px;
}
*/
#filtrado_rapido {
    /* inventada: 0; no se tiene en cuenta aquí pq lo toma del selector td: la dejamos pq no se tiene en cuenta por: Unexpected token NL found */
    inventada: 0;
    background-color: #f4f7f9;
    font: normal 400 12px/22px "Google Sans",Roboto,Arial,sans-serif;
    color: #778899;
    padding: 30px 0px 30px 0px;
    /* margin-top: 15px; */
    margin-bottom: 20px;
}
/*
.filtrado_rapido .textbox {
    margin-top: 6px;
    margin-bottom: 4px;
    border: 1px solid #DBE1EB;
    font-size: 14px;
    font-family: Arial, Verdana;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    background: #FFFFFF;
    background: linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
    color: #2E3133;
}
*/
.filtrado_rapido .textbox {
    margin-top: 6px;
    margin-bottom: 4px;
    border: 1px solid #DBE1EB;
    font-size: 14px;
    font-family: Arial, Verdana;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    background: #FFFFFF;
    background: linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
    color: #2E3133;
}
.filtrado_rapido .textbox_id {
    margin-top: 6px;
    margin-bottom: 4px;
    border: 1px solid #DBE1EB;
    font-size: 14px;
    font-family: Arial, Verdana;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    background: #eeeeee;
    background: linear-gradient(left, #eeeeee, #F7F9FA);
    background: -moz-linear-gradient(left, #eeeeee, #F7F9FA);
    background: -webkit-linear-gradient(left, #eeeeee, #F7F9FA);
    background: -o-linear-gradient(left, #eeeeee, #F7F9FA);
    color: #2E3133;
}




/* Elementos para compartir-------------------------------------------------------------------- */
.estructura_2col_1zq .borde_sup { margin:0 0 10px;}
/* UTILIDADES ARTICULO */
.votos { padding:8px 0 8px; margin:0; border-top:1px solid #D1D1D1;}
#votosC { float:left;}
#votosC, .votos_estrellas { width:355px;}
#votosC #cargando { width:355px;}
.votos_votar { background:url(/im/ico_separador_horizontal.gif) no-repeat right center; }
.votos .comentarios_s { float:left; padding:0; background:url(/im/ico_separador_horizontal.gif) no-repeat left center; }

.rec { float:right; padding:0 0 0 6px; background:url(../../imagenes/ico_separador_horizontal.gif) no-repeat right center;}
.rec p { display:inline;}
.rec iframe { height:22px; overflow:hidden;}
.rec-fbook { padding:0 6px;}
.rec-fbook iframe { width:90px;}
.rec-twitter { padding:0 6px;}
.rec-twitter iframe { width:65px;}
.rec-list { padding:0 6px; }
.rec-list ul { display:inline;}
.rec-list li { display:inline;}

.IndicadorCarga {width:175px;height:50px;border:solid 1px #B2B2B2;background-color:#FFFFFF;padding-top:10px;}

#capa_contenido {min-height: 825px;}

.caja_redonda {
   background-color: #eeeeee;
/*
   height: 200px;
   width: 200px;
*/   
   padding: 10px;
   margin: 10px;
   /*para Firefox*/
   -moz-border-radius: 15px 15px 15px 15px;
   /*para Safari y Chrome*/
   -webkit-border-radius: 15px 15px 15px 15px;
   /* para Opera */
   border-radius: 15px 15px 15px 15px;
   /* clear: both; No impide que una imagen se salga de la caja*/
}

form label.bloque {
   display: block;
   text-align: left;
}

#login_error {
   display: none;
   background: red;
   color: #FFF;
}

table.print-friendly tr td, table.print-friendly tr th {
   page-break-inside: avoid;
}

input.error{  
   background: red;
   color: #FFF; 
}
select.error{  
   background: red;
   color: #FFF;  
}  





/*
.leyenda {
    display: table;
    width: 500px;
    font: normal 400 16px/22px "Google Sans",Roboto,Arial,sans-serif;
    color: #778899;
}
*/
/*
.leyenda {
    display: table;
    width: 900px;
    font: normal 400 14px/22px "Google Sans",Roboto,Arial,sans-serif;
    color: #778899;
}
*/
/*
.leyenda {
    display: table;
    width: 900px;
    font: normal 400 13px/22px "Google Sans",Roboto,Arial,sans-serif;
    color: #778899;
    padding-top: 25px;
}
*/
.leyenda {
    display: table;
    width: 1000px;
    font: normal 400 13px/22px "Google Sans",Roboto,Arial,sans-serif;
    color: #778899;
    padding-top: 25px;
}
.columna-leyenda {
    display: table-cell;
    padding: 10px;
}
.cuadrado-leyenda {
    width:20px;
    height:20px;
    float: left;
}
span.titulo-ayuda-leyenda {
    margin: 0px 0px 0px 5px;
}

.obligatorio_fundae{
   color: #F4A460;
}

/* ocultar para pantalla_grande */
@media screen and (min-width: 600px) {
    p.pantalla_grande {
        display: none;
    }
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 33%);
    grid-template-rows: 100px;
    margin: 0;
}
/* .rTable { display: table; font-family: "Google Sans",Roboto,Arial,sans-serif;color: #696969;  border-radius: 8px;margin-left: auto; margin-right: auto;width: 80%; background-color: #ffffff;padding:10px;text-align:center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} */
.rTable { display: table; font-family: "Google Sans",Roboto,Arial,sans-serif;color: #696969; border-radius: 8px;margin-left: auto; margin-right: auto;width: 80%; background-color: #ffffff;padding:10px;text-align:center;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);}
.rTable-Detalles { display: table;margin-left: auto; margin-right: auto;width: 10%;}
.rTableRow { display: table-row; }
.rTableCell, .rTableHead { display: table-cell;}
/* .rTableCell-Titulo { display: table-cell;font-size: 28px;color: #4198AA;padding: 3px 10px;} */
/* .rTableCell-Propiedad {display: table-cell; padding: 3px 10px; text-align: left;} */
/* .rTableCell-Dato { display: table-cell;  width: 100%;} */
.rTableBody { display: table-row-group; }

.rTableCell-Titulo {display: table-cell; font-size: 28px; color: #4198AA; padding: 10px 10px 20px 10px;}
.rTableCell-Propiedad {display: table-cell; white-space: nowrap; font-weight: bold; font-size: medium; text-align: right; padding: 3px 3px 10px 30px; text-transform: uppercase;}
.rTableCell-Dato {display: table-cell; white-space: nowrap; font-size: medium; }

/* this is the link or the element that will contain the two icons we want to toggle between - ideally the markup for this is an interactive element like a link or button */
.toggle-icons {
  display: block;
  position: relative;
}

/* general styling for both icons - mostly positioning things absolutely to lay over each other */
.toggle-icons .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/* making sure our default icon appears in the foreground and above icon-hover */
.toggle-icons .icon-default {
  z-index: 11;
}

/* set the icon we want to only show on hover or focus to be hidden by default + making sure it displays in the background */
.toggle-icons .icon-hover {
  opacity: 0;
  transition: opacity .1s ease-in;
  z-index: 1;
}

/* hover states to display our hover-only icon */
.toggle-icons:hover .icon-hover, 
.toggle-icons:focus .icon-hover {
  opacity: 0.7;
}

.toggle-icons {
  color: inherit;
}

.toggle-icons:not(:last-child) {
  margin-right: 2rem;
}

.efecto .icon-default {
  color: #778899;
}

.efecto .icon-hover {
  color: #DCDCDC;
}



/* Desplegable Menú Sección (_ms */
/* Style The Dropdown Button */
.dropbtn_ms {
  /* background-color: #ECECEC; */
  background-color: transparent;
  color: #646464;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  margin-right:15px;
  margin-top:5px;
}
/* The container <div> - needed to position the dropdown content */
.dropdown_ms {
  position: relative;
  display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
/*
.dropdown_ms-content {
  font-family: "Google Sans",Roboto,Arial,sans-serif;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  border-radius: 10px;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  right: 0;
  text-align: center;
}
*/
/* Links inside the dropdown */
/*
.dropdown_ms-content a {
    font-family: "Google Sans",Roboto,Arial,sans-serif;
    color:#646464 !important;
    padding: 10px;
    font-size:  medium;
    font-weight: normal !important;;
    text-decoration: none;
    display: block;
    margin: 0px 0px 0px 0px;;
}
*/
/* Change color of dropdown links on hover */
/*
.dropdown_ms-content a:hover {
    background-color: #ECECEC;
    color: #646464;
    text-decoration: none;
}
*/
/* Dropdown Content (Hidden by Default) */
.dropdown_ms-content {
  display: none;
  position: absolute;
  z-index: 1;
  min-width: 200px;
  right: 0;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 10px;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  background: rgb(255, 255, 255);
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* Links inside the dropdown */
.dropdown_ms-content a {
  display: block;
  font-family: "Hind","Google Sans",Roboto,Arial,sans-serif!important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 16px!important;
  color: rgb(34, 37, 43)!important;
  letter-spacing: 0.200px!important;
  text-decoration: none;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left:15px;    
}
/* Change color of dropdown links on hover */
.dropdown_ms-content a:hover {
    background-color: #f5f5f5;
    color: rgb(34, 37, 43)!important;
    text-decoration: none;
}
/* Show the dropdown menu on hover */
.dropdown_ms:hover .dropdown_ms-content {
  display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown_ms:hover .dropbtn_ms {
}


/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: DodgerBlue;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  width: 500px;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}


.imagen-borrable {
    position: relative;
    float: left;
}
a.remImage span {
    box-shadow: none;
    position: absolute;
    right: 7px;
    top: -5px;
    margin-top: 4px;
    opacity: 0;
    display: block;
    transition: all .5s ease-in-out;
}
.imagen-borrable:hover a.remImage span {
    opacity: 1;
    z-index: 99;
    position: absolute;
    top: 5px;
}
.imagen-borrable:after {
    content: '';
    /*
    width: 450px;
    height: 300px;
    */
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.6);
    top: 0px;
    z-index: 0;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.imagen-borrable:hover:after{
    opacity: 1;
}

.txt_search {
    /* background-image: url('/imagenes/searchicon.png'); */ /* Add a search icon to input */
    /* background-position: 10px 12px; */ /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 25%; /* Full-width */
    font-size: 12px; /* Increase font-size */
    padding: 5px 10px 5px 10px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    /* margin-bottom: 12px; */ /* Add some space below the input */
}

form input[type="file"] { 
    border:0px;
}

/*
.menu {
  display: block;
  z-index: 999999;
}
.menu li {
  display: inline-block;
  position: relative;
}
.menu li.dropdown:hover > .submenu {
  display: block;
}
.menu li a {
  display: block;
  padding: 12px 8px;
  background: #ccc;
}
.menu li.dropdown > a::after {
  content: "\e259";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  margin-left: 8px;
  font-size: 10px;
}
.menu li a::before {
  content: "\e179";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  margin-right: 8px;
}
.menu li a:hover {
  background: grey;
}
.menu .submenu {
  display: none;
}
.submenu {
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 0px;
  list-style-type: none;
  display: block;
  width: 200px;
  z-index: 9;
}
.submenu li {
  display: block;
}
.submenu li a {
  display: block;
  background: #999;
  color: #fff;
  padding: 8px 6px;
  margin-bottom: 1px;
}
.menu .submenu > li.dropdown:hover > .submenu {
  display: block;
}
.menu .submenu .submenu {
  position: absolute;
  left: 200px;
  top: 0px;
}
.submenu li.dropdown > a:after {
  content: "\e258";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  margin-left: 8px;
  font-size: 10px;
}
*/

/* https://codepen.io/gesforma/pen/zYYxwjL */
/* menu */
.menu-wrapper, .menu a{    
    color: #fff;
}
.menu::after{
    content: '';
    clear: both;
    display: block;
}
.menu a{
  display: block;
  font-family: "Hind","Google Sans",Roboto,Arial,sans-serif!important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 16px!important;
  color: rgb(34, 37, 43)!important;
  letter-spacing: 0.200px!important;
  text-decoration: none;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left:15px; 
}
.deshabilitado {
  color: #a6a6a6!important;
  font-family: "Hind","Google Sans",Roboto,Arial,sans-serif!important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 16px!important;
  letter-spacing: 0.200px!important;
  text-decoration: none;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left:15px; 
}
.menu li{
    position: relative;
}
.menu > li{
    float: left;
}
.menu, .menu ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.subgrupo{
    border-top: 1px solid #e9ecef;;
}
.menu ul{
    position: absolute;    
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 3px 5px;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    background: rgb(255, 255, 255);
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
.menu > li ul, .menu ul ul{
    opacity: 0;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    z-index: -1;
    visibility: hidden;
}
.menu > li ul{
    top: 100%;
    left: 0;
}
.menu ul ul{
    left: 100%;
    top: 0;
}
.menu ul a{
    width: 200px;
}
.menu > li:hover > ul{
    top: 100%;
    opacity: 1;
    z-index: 1;
    visibility: visible;
    /* left: -600%; */
}
.menu ul > li:hover > ul{
    left: 99%;
    opacity: 1;
    z-index: 1;
    visibility: visible;
}
/* color set */
.menu-acciones, .menu-acciones a{
    background-color: #fff;
    color: #646464;
}
.menu-acciones a:hover{
    background-color: #ECECEC;
    color: #646464;
}


/* https://codepen.io/gesforma/pen/zYYxwjL */
/* menu-ar */
.menu-ar-wrapper, .menu-ar a{    
    color: #fff;
}
.menu-ar::after{
    content: '';
    clear: both;
    display: block;
}
.menu-ar a{
  display: block;
  font-family: "Hind","Google Sans",Roboto,Arial,sans-serif!important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 16px!important;
  color: rgb(34, 37, 43)!important;
  letter-spacing: 0.200px!important;
  text-decoration: none;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left:15px; 
}
.deshabilitado {
  color: #a6a6a6!important;
  font-family: "Hind","Google Sans",Roboto,Arial,sans-serif!important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 16px!important;
  letter-spacing: 0.200px!important;
  text-decoration: none;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left:15px; 
}
.menu-ar li{
    position: relative;
}
.menu-ar > li{
    float: left;
}
.menu-ar, .menu-ar ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.subgrupo{
    border-top: 1px solid #e9ecef;;
}
.menu-ar ul{
    position: absolute;    
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 3px 5px;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    background: rgb(255, 255, 255);
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
.menu-ar > li ul, .menu-ar ul ul{
    opacity: 0;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    z-index: -1;
    visibility: hidden;
}
.menu-ar > li ul{
    top: 100%;
    left: 0;
}
.menu-ar ul ul{
    left: -100%;
    top: 0;
}
.menu-ar ul a{
    width: 200px;
}
.menu-ar > li:hover > ul{
    top: 100%;
    opacity: 1;
    z-index: 1;
    visibility: visible;
    left: -600%;
}
.menu-ar ul > li:hover > ul{
    left: -99%;
    opacity: 1;
    z-index: 1;
    visibility: visible;
}
/* color set */
.menu-ar-acciones, .menu-ar-acciones a{
    background-color: #fff;
    color: #646464;
}
.menu-ar-acciones a:hover{
    background-color: #ECECEC;
    color: #646464;
}


a:link.principal {
    font-size: larger;
    font-family: "Hind", sans serif;
    color: #0d7eca;
    text-transform: uppercase;
    font-weight: normal;
}
a:visited.principal {
    font-size: larger;
    font-family: "Hind", sans serif;
    color: #0d7eca;
    text-transform: uppercase; 
}
a:hover.principal {
    font-size: larger;
    font-family: "Hind", sans serif;
    color: #0d7eca;
    text-transform: uppercase;
    font-weight: normal;
}
a:active.principal {
    font-size: larger;
    font-family: "Hind", sans serif;
    color: #0d7eca;
    text-transform: uppercase; 
}

a:link.secundario {
    font-size: small !important;
    font-family: "Hind", sans serif;
    color: #0d7eca;
    font-weight: normal;
}
a:visited.secundario {
    font-size: small !important;
    font-family: "Hind", sans serif;
    color: #0d7eca;
}
a:hover.secundario {
    font-size: small !important;
    font-family: "Hind", sans serif;
    color: #0d7eca;
    font-weight: normal;
}
a:active.secundario {
    font-size: small !important;
    font-family: "Hind", sans serif;
    color: #0d7eca;
}

/*
No funcionan con tooltip de jquery.tools => style='color:white;'
img[title] {text-transform: uppercase}
img[title] a:link {text-decoration: none; color: white; font-weight: bold;}
img[title] a:visited {text-decoration: none; color: white; font-weight: bold;}
img[title] a:hover {text-decoration: underline; color: white; font-weight: bold;}
img[title] a:active {text-decoration: none; color: white; font-weight: bold;}
*/

/* .tooltip1 {text-align: left;} */
.tippy-content {text-align: left;}
.tippy-content a:link {text-decoration: none; color: #32eefd; font-weight: normal;}
.tippy-content a:visited {text-decoration: none; color: #32eefd; font-weight: normal;}
.tippy-content a:hover {text-decoration: underline; color: #32eefd; font-weight: normal;}
.tippy-content a:active {text-decoration: none; color: #32eefd; font-weight: normal;}

/* CRM */
/*
.timeline-date-container {
    padding: 4px 16px;
    font-size: 12px;
    letter-spacing: .2px;
    text-transform: uppercase;
    height: 24px;
    text-align: center;
    background: #e5f2fd;
    border-radius: 16px;
}
*/
.timeline-date-container {
    padding: 10px 0px 10px 10px;
    font-size: 12px;
    letter-spacing: .2px;
    text-transform: uppercase;
    text-align: center;
    background: #e5f2fd;
    border-radius: 16px;
}

.etiqueta {
    display: inline-block;    
    font-size: inherit;
    font-weight: normal;
    font-family : Verdana, Helvetica;
    color: white;
    background-color: #adadad;
    border-radius: 8px;
    padding: 2px 7px 3px 7px;
    margin: 0px 5px 10px 0px;  
}


/*
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}

p#texto{
    text-align: center;
    color:white;
}
div#div_file{
    position:relative;
    margin:50px;
    padding:10px;
    width:150px;
    background-color: #2499e3;
    -webkit-border-radius:5px;
    -webkit-box-shadow:0px 3px 0px #1a71a9;
}
input#btn_enviar{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    height:100%;
    opacity: 0;
}
*/
/* The switch - the box around the slider */

.switch {

  position: relative;

  display: inline-block;

  width: 50px;

  height: 24px;

}

/* Hide default HTML checkbox */

.switch input {

  opacity: 0;

  width: 0;

  height: 0;

}

/* The slider */

.slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

}

.slider:before {

  position: absolute;

  content: "";

  height: 16px;

  width: 16px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}

input:checked + .slider {

  background-color: #2196F3;

}

input:focus + .slider {

  box-shadow: 0 0 1px #2196F3;

}

input:checked + .slider:before {

  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}

/* Rounded sliders */

.slider.round {

  border-radius: 34px;

}

.slider.round:before {

  border-radius: 50%;

}



.notification {
/*  background-color: #555;*/
  color: white;
  text-decoration: none;
/*  padding: 15px 26px;*/
  position: relative;
  display: inline-block;
  border-radius: 2px;
}
/*.notification:hover {
  background: red;
}*/
.notification .badge {
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 3px 3px;
  border-radius: 50%;
  background: red;
  color: white;
}

#columna1 {
 width: 50%;  /* Este será el ancho que tendrá tu columna */
 background-color: #CCCCCC;  /* Aquí pon el color del fondo que quieras para este lateral */
 float:right; /* Aquí determinas de lado quieres quede esta "columna" */
}
#columna2 {
 width: 50%;
 float: left;
 background-color: #FFFFFF;
 border:#000000 1px solid; /* ponemos un donde para que se vea bonito */
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.fa-2x {
    font-size: 1.5em !important;
}

.baja {
    background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0) 35px, rgba(0, 0, 0, 0) 40px, rgb(244, 244, 244) 40px, rgb(244, 244, 244) 70px);
}

.titulo_opcion {
    font-family: "Open Sans", sans-serif;
    line-height: 1.25;
    font-size: medium;
    font-weight: 600;
}

.input_autocalculado {
    text-align: right;
    font-weight: bold;
    width: 71px;
    border: solid 0px rgb(200, 200, 200);
    background-color: transparent;
}


/*
.btn-dropdown {
  background-color: #2196F3;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  outline: none;
}
.dropdown-gesforma {
  position: absolute;
  display: inline-block;
}
.dropdown-gesforma-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  z-index: 1;
}
.dropdown-gesforma-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-gesforma-content a:hover {background-color: #ddd}
.dropdown-gesforma:hover .dropdown-gesforma-content {
  display: block;
}
.btn:hover, .dropdown-gesforma:hover .btn {
  background-color: #0b7dda;
}
*/

      /* https://www.tutorialspoint.com/online_html_editor.php */
      button.btn {
         background-color: #2196F3;
         color: white;
         padding: 16px;
         font-size: 20px;
         font-weight: bolder;
         font-family: monospace, sans-serif;
         border: none;
         outline: none;
      }
      .dropMenu {
         position: absolute;
         display: inline-block;
      }
      .dropMenu button.btn {
         border-left: 0px solid #0d8bf2;
      }
      .dropContent {
         display: none;
         position: absolute;
         background-color: #f1f1f1;
         min-width: 220px;
         z-index: 1;
      }
      .dropContent a {
         color: black;
         background-color: rgb(184, 253, 255);
         font-size: 18px;
         font-weight: bold;
         padding: 12px 16px;
         text-decoration: none;
         display: block;
      }
      .dropContent a:hover {
         background-color: #2196F3;
         color: white;
      }
      .dropMenu:hover .dropContent {
         display: block;
      }
      /*
      .btn:hover,
      .dropMenu:hover .btn {
         background-color: #0b7dda;
      }
      */