@charset "utf-8";
/* CSS Document */
/* Actualizado */
/* Version 3 */

@font-face {
	font-family: GESDEV;
	src: url("./gdvengine/fonts/quebec_serial-regular-webfont.woff");
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: GESDEV;
	src: url("./gdvengine/fonts/quebec_serial-italic-webfont.woff");
	font-style: italic;
	font-weight: 500;
}

@font-face {
	font-family: GESDEV;
	src: url("./gdvengine/fonts/quebec_serial-xbold-webfont.woff");
    font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: GESDEV;
	src: url("./gdvengine/fonts/quebec_serial-xbolditalic-webfont.woff");
    font-style: italic;
	font-weight: bold;
}

BODY {
    letter-spacing: 0.25px;
    font-family: GESDEV;
    margin: 0px;
    /* -ms-overflow-style: none !important;
    -ms-touch-action: none;
    touch-action: none; */
    overflow: hidden;
}

.articulo{
    color: #000;
    font-size: 1.7em;
    padding: 6px 6px 6px 15px;
    /* border-bottom: silver solid 1px; */
    text-decoration: none;
    background-color: #FFFFFF;
}

A { text-decoration: none; }
A:link { text-decoration: underline; }
/* A:hover { text-decoration: underline; } */
A:active { text-decoration: underline; }
A:visited { text-decoration: underline; }

INPUT {
    font-family: GESDEV;
    background-color: transparent;	
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: black solid 1px;
    width: 90%;
    text-align: left;
    font-weight: bold;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    -webkit-box-shadow: 0 3px 6px -6px rgba(0, 0, 0, 0.61);
	   -moz-box-shadow: 0 3px 6px -6px rgba(0, 0, 0, 0.61);
	        box-shadow: 0 3px 6px -6px rgba(0, 0, 0, 0.61);
}

#titulo > INPUT, #titulo > SELECT, #titulo > TEXTAREA { background-color: white; }
#toolbar > INPUT, #toolbar > SELECT, #toolbar > TEXTAREA { background-color: white; }
.divencabezado > INPUT, .divencabezado > SELECT, .divencabezado > TEXTAREA { background-color: white; }
.menuopcion > INPUT, .menuopcion > SELECT, .menuopcion > TEXTAREA { background-color: white; }
.iniciativas > INPUT, .iniciativas > SELECT, .iniciativas > TEXTAREA { background-color: white; }
.leyes > INPUT, .leyes > SELECT, .leyes > TEXTAREA { background-color: white; }
.nivel1 > INPUT, .nivel1 > SELECT, .nivel1 > TEXTAREA { background-color: white; }
.nivel2 > INPUT, .nivel2 > SELECT, .nivel2 > TEXTAREA { background-color: white; }
.nivel3 > INPUT, .nivel3 > SELECT, .nivel3 > TEXTAREA { background-color: white; }

INPUT:focus {
    -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
	   -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
	        box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: black solid 1px;
    outline: none;
}

SELECT {
    font-family: GESDEV;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: black solid 1px;
    font-weight: bold;  
    padding: 4px;
    width: 90%;
    margin: 5px 0px 5px 0px;
    -webkit-box-shadow: 0 3px 6px -6px rgba(0, 0, 0, 0.61);
	   -moz-box-shadow: 0 3px 6px -6px rgba(0, 0, 0, 0.61);
	        box-shadow: 0 3px 6px -6px rgba(0, 0, 0, 0.61);
}

SELECT:focus {
    -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
	   -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
	        box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: black solid 1px;
    outline: none;
    border-color: transparent;
}

TEXTAREA {
    font-family: GESDEV;
    background-color: transparent;	
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: black solid 1px;
    margin: 5px 0px 5px 0px;
    width: 90%;
    text-align: left;
    font-weight: bold;
    padding: 5px;
    -webkit-border-radius:0px;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 6px -6px rgba(0, 0, 0, 0.61);
	   -moz-box-shadow: 0 3px 6px -6px rgba(0, 0, 0, 0.61);
	        box-shadow: 0 3px 6px -6px rgba(0, 0, 0, 0.61);
}

TEXTAREA:focus {
    -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
	   -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
	        box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: black solid 1px;
    outline: none;
    border-color: transparent;
}

INPUT:disabled {
    color: gray;
    background-color: silver;
}

.filtros_display {
    font-size: 0.8rem;
    display: inline-block;
    padding: 5px;
    border-radius: 3px;
    border: silver solid 1px;
    margin: 3px;
}

.menuopcion {
    color: white;
    border-bottom: #333333 solid 1px;
 }

.menuopcion A { color: white; text-decoration: none; }
.menuopcion A:link { color: white; text-decoration: none; }
.menuopcion A:hover { color: white; text-decoration: none; }
.menuopcion A:active { color: white; text-decoration: none; }
.menuopcion A:visited { color: white; text-decoration: none; }

.resaltado_amarillo { border: gray dotted 1px; background-color: #FFFBE5; }

.grisecito { color:#8397CD; font-size: .8em; }

.gris { color:#8397CD;}

.pestania {
    display: block;
}

.pestania.oculta {
    display: none;
}

.chiquito { font-size: 0.8em; }
.grandote { font-size: 4em; }
.grande { font-size: 1.8em; }
.mediano { font-size: 1.4em }

/* .divtabla > .divfila:hover { }  */

/* .articulo.marcado {  } */

.nivel3{
    font-weight: bold;
    font-size: 1.7em;
    padding: 6px 6px 6px 15px;
    text-decoration: none;
}

.nivel3 a { text-decoration: none; }

.nivel2{
    font-size: 1.7em;
    padding: 6px 6px 6px 10px;
    text-decoration: none;	
}

.nivel2 a { text-decoration: none; }

.pestana.activa, .pestana_variable.activa {
    background: white;
    clear: none;
    border-radius: 5px 5px 0 0;
}

#toolbar {
    border-bottom: silver solid 1px;
    font-size: 1.3em;
    text-align: center;
    position: fixed;
    top: 45px;
    margin: 0 auto 0 auto;
    width: 100%;
    z-index: 20;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

#creditos {
    font-size: 1.5em;
    text-align: center;
    position: fixed;
    bottom: 0;
    margin: 0 auto 0 auto;
    width: 100%;
    z-index: 20;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.submenu a { text-decoration: underline; }

.nivel1{
    font-size: 1.7em;
    padding: 6px 6px 6px 10px;
    text-decoration: none;
}

.nivel1 > a { text-decoration: none; }

.pestana.noactiva, .pestana_variable.noactiva {    
    clear: none;
    color: white;
    border-radius: 0;
}

.submenu{
    font-size: 1.3em;
    padding: 6px 6px 6px 10px;
    text-decoration: none;
}

#loginscreen {
    display: none;
    position: absolute; 
    z-index: 100; 
    width: 100%; 
    height: 100%; 
    background-color: #00648D;
    background-image: linear-gradient(to bottom, #00648D, #DDD);
}

#splashscreen {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2000;
    text-align: center;	
    background-color: #000;	
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

INPUT[type=button], INPUT[type=submit], INPUT[type=file] + label {
    width: auto;
    display: inline-block;
    font-family: GESDEV;
    /* width: 90%; */
    min-width: 100px;
    text-align: center;
    padding: 10px;
    border: none;
    margin: 5px 0px 5px 0px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 6px -6px transparent;
	   -moz-box-shadow: 0 10px 6px -6px transparent;
            box-shadow: 0 10px 6px -6px transparent;
    outline: none;
    font-weight: bold;
    font-size: 1em;
}

INPUT[type=button]:focus, INPUT[type=submit]:focus, INPUT[type=file]:focus + label, INPUT[type=button]:hover, INPUT[type=submit]:hover, INPUT[type=file]:hover + label {
    -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
	   -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
	        box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.61);
    outline: none;
}

INPUT[type=button].secundario, INPUT[type=submit].secundario, INPUT[type=file].secundario + label {
    background-color: white;	
    color: #000;
    border: #DDD solid 1px;
}

.leyes{
    font-size: 1.7em;
    padding: 6px 6px 6px 15px;
    text-decoration: none;
}

.leyes a { text-decoration: none; }

.iniciativas {
    font-size: 2em;
    padding: 6px;
    text-decoration: none;
}

.iniciativas a { text-decoration: none; }

.portapestana {
    display: flex;
    padding: 4px 0px 0px 4px;
    text-decoration: none;
    min-width: 100%;
    margin: 0px;
    margin-bottom: -4px;
    overflow-x: auto; /* [2] */   
    -ms-overflow-style: -ms-autohiding-scrollbar;
    white-space: nowrap;
    overflow-y: hidden;
    height: 36px;
    -webkit-overflow-scrolling: touch;
}

.pestana {
    display: block;
    float: left;
    overflow: hidden;
    padding: 2px 8px 2px 8px;
    height: 27px;
    min-width: 90px;
    max-width: 120px;
    text-align: center;
    cursor: pointer;
    font-size: 1.5em;
    clear: none;
}

.pestana_variable {
    display: block;
    float: left;
    overflow: hidden;
    padding: 2px 8px 2px 8px;
    height: 27px;
    text-align: center;
    cursor: pointer;
    font-size: 1.5em;
    clear: none;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar:horizontal {
    height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

::-webkit-input-placeholder {
   font-weight: normal;
   color: gray;
   font-size: 13px;
   font-style: italic;
   text-align: center;
}

::-webkit-textarea-placeholder {
   font-weight: normal;
   color: gray;
   font-size: 13px;
   font-style: italic;
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   font-weight: normal;
   color: silver;
   font-size: 13px;
   font-style: italic;
   text-align: left;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-weight: normal;
   color: silver;
   font-size: 13px;
   font-style: italic;
   text-align: left; 
}

:-ms-input-placeholder {  
   font-weight: normal;
   color: silver;
   font-size: 13px;
   font-style: italic; 
   text-align: center;
}

:-ms-textarea-placeholder {  
   font-weight: normal;
   color: silver;
   font-size: 13px;
   font-style: italic; 
   text-align: center;
}

HTML {
	height: 100%;
}

INPUT[type=checkbox] {
    background-color: none;	
    border: none;
    margin: 0px;
    text-align: center;
}

INPUT[type=radio] {
    background-color: none;	
    border: none;
    margin: 0px;
    text-align: center;
    width: 50px;
}

INPUT[type="checkbox"] {
    padding: 10px 10px 10px 10px;
}

/* Inicia Tree - Árbol */

.tree,.tree ul {
    margin:0 0 0 1.3em;
    padding:0;
    list-style:none;
    /* color: #369; */
    color: silver;
    position:relative;
    
}

.tree ul {
    margin-left: 1.3em;
    width: 100%;
}

.tree:before,.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left: 2px solid;
}

.tree li {
    margin:0;
    padding: 1em 1.3em 0em; 
    line-height: 1.3em;
    /* font-weight: bold; */
    position:relative;
}

.tree li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:2px solid;
    margin-top:-1px;
    position:absolute;
    top:2em;
    left:0;
}

.tree li:last-child:before {
    background-color: white;
    height: auto;
    top: 2em;
    bottom: 0;
}

/* Termina Tree - Árbol */

/* Inicia Checkbox */

input[type=checkbox].custom { display:none; } /* to hide the checkbox itself */
input[type=checkbox].custom + label:before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 1.3em;
    cursor: pointer;
    padding: 6px;
}

input[type=checkbox].custom + label:before {
    content: "\f096";
    color: silver;
} /* unchecked icon */

input[type=checkbox].custom + label:before {
    /* letter-spacing: 10px; */
} /* space between checkbox and label */

input[type=checkbox].custom:checked + label:before {
    content: "\f14a";
    color: green;
} /* checked icon */

input[type=checkbox].custom:checked + label:before {
    /* letter-spacing: 7px; */
} /* allow space for check mark */

/* Termina Checkbox */

/* Inicia Switch */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* 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: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00A550;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00A550;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Inicia Radio */

.input_radio input[type="radio"] { display: none; }

.input_radio label {
    display: inline-block;
    background-color: rgb(244, 243, 243);
    padding: 4px 11px;
    margin: 0 5px 5px 0;
    /* font-family: Arial; */
    cursor: pointer;
    font-size: 1.0em;
    border-right: rgb(208, 207, 207) solid 1px;
    border-bottom: rgb(208, 207, 207) solid 1px;
}

.input_radio input[type="radio"]:checked+label {
    background-color: rgb(132, 131, 131);
    color: white;
}

.input_radio input[type="radio"]:checked+label.fondoverde {
    background-color: rgb(32, 159, 91);
    color: white;
}

.input_radio input[type="radio"]:checked+label.fondorojo {
    background-color: rgb(211, 46, 46);
    color: white;
}

/* Termina Radio */

/*
.iniciativas > INPUT { background-color: white; }
.leyes > INPUT { background-color: white; }
.nivel1 > INPUT { background-color: white; }
.nivel2 > INPUT { background-color: white; }
.nivel3 > INPUT { background-color: white; }

.iniciativas > SELECT { background-color: white; }
.leyes > SELECT { background-color: white; }
.nivel1 > SELECT { background-color: white; }
.nivel2 > SELECT { background-color: white; }
.nivel3 > SELECT { background-color: white; }
*/

INPUT[type=file] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

INPUT[type=button], INPUT[type=submit], INPUT[type=file] + label {
    display: inline-block;
    cursor: pointer;
}	

INPUT.cr-slider {
    border: none;
}

/* Inicia Forma Nueva */

.formanueva{
    /* max-width:400px; */ 
    margin:20px auto;
    background:#fff;
    border-radius:2px;
    padding:20px;
}
.formanueva h1{
    display: block;
    text-align: center;
    padding: 0;
    margin: 0px 0px 20px 0px;
    color: #5C5C5C;
    font-size:x-large;
}
.formanueva ul{
    list-style:none;
    padding:0;
    margin:0;   
}
.formanueva li{
    display: block;
    padding: 9px;
    border:1px solid #DDDDDD;
    margin-bottom: 30px;
    border-radius: 3px;
}
.formanueva li:last-child{
    border:none;
    margin-bottom: 0px;
    text-align: center;
}
.formanueva li > label{
    display: block;
    float: left;
    margin-top: -19px;
    background: #FFFFFF;
    height: 14px;
    padding: 2px 5px 2px 5px;
    color: black;
    font-size: 12px;
    overflow: hidden;
}
.formanueva input[type="text"],
.formanueva input[type="name"],
.formanueva input[type="date"],
.formanueva input[type="datetime"],
.formanueva input[type="email"],
.formanueva input[type="number"],
.formanueva input[type="email"],
.formanueva input[type="tel"],
.formanueva input[type="search"],
.formanueva input[type="time"],
.formanueva input[type="url"],
.formanueva input[type="password"],
.formanueva textarea,
.formanueva select 
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    display: block;
    outline: none;
    border: none;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    padding: 0;
}
.formanueva input[type="text"]:focus,
.formanueva input[type="name"]:focus,
.formanueva input[type="date"]:focus,
.formanueva input[type="datetime"]:focus,
.formanueva input[type="email"]:focus,
.formanueva input[type="number"]:focus,
.formanueva input[type="email"]:focus,
.formanueva input[type="tel"]:focus,
.formanueva input[type="search"]:focus,
.formanueva input[type="time"]:focus,
.formanueva input[type="url"]:focus,
.formanueva input[type="password"]:focus,
.formanueva textarea:focus,
.formanueva select:focus 
{
    border: none;
}
.formanueva li > span{
    background: #F3F3F3;
    display: block;
    padding: 3px;
    margin: 0 -9px -9px -9px;
    text-align: center;
    color: #C0C0C0;
    font-size: 11px;
}
.formanueva textarea{
    resize:none;
}

/* .formanueva input[type="submit"], .formanueva input[type="button"] {} */
/* .formanueva input[type="submit"]:hover, .formanueva input[type="button"]:hover{} */

/* Termina FormaNueva */

#titulo {
    font-size: 2em;
    line-height: 25px;
    height: 40px;
    position: fixed;
    display: block;
    top: 0;
    left: 0px;
    right: 0;
    /* margin: 0 auto 0 auto; */ 
    width: 100%;
    z-index: 99;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.61);
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    vertical-align: middle;
    user-select: none; /* Standard syntax */
    position: fixed;
    
}

#titulo_contenedor {
    display: block;
    position: relative;
    left: env(titlebar-area-x, 0);
    top: env(titlebar-area-y, 0);
    /* height: env(titlebar-area-height, 40px); */
    width: env(titlebar-area-width, 100%);
}

#titulo_texto { 
    display: inline-block;
    position: relative;
    top: 0px;
    left: 30px;
    /* margin: 10px 5px 10px 5px; */
    margin: auto;
    padding: 0 5px 0 5px;
    margin: auto;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .9em; 
    z-index: 99;
    /* height: 22px; */
    vertical-align: middle;
    -webkit-app-region: drag;
    app-region: drag;
    line-height: 40px;
}

.divencabezado { 
    display: table-row;
    color: white;
	border-bottom: orange solid 1px; 
    font-weight: bold;
}

.divencabezado_verde {
    display: table-row;
    color: white;
	border-bottom: orange solid 1px; 
    font-weight: bold;
    background-color: #288435;
}
.divtabla > .divfila.divencabezado_verde:hover {
    background-color: #288435;
}

.divtabla > .divfila:nth-child(even).divencabezado_verde { 
    background-color: #288435;
}

.divencabezado_amarillo {
    display: table-row;
    color: white; border-bottom: orange solid 1px; 
    font-weight: bold;
    background-color: #B79621;
}
.divtabla > .divfila.divencabezado_amarillo:hover {
    background-color: #B79621;
}

.divtabla > .divfila:nth-child(even).divencabezado_amarillo { 
    background-color: #B79621;
}

.divencabezado_rojo {
    display: table-row;
    color: white; border-bottom: orange solid 1px; 
    font-weight: bold;
    background-color: #BB2B2D;
}
.divtabla > .divfila.divencabezado_rojo:hover {
    background-color: #BB2B2D;
}

.divtabla > .divfila:nth-child(even).divencabezado_rojo { 
    background-color: #BB2B2D;
}

.elementos_container {
    margin: auto;
    text-align: center;
    /* background: #9ee8fa; */
}

.elemento {
    position: relative; 
    display: inline-block; 
    border: silver solid 1px; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px; 
    border-radius: 6px; 
    overflow: hidden; 
    padding: -2px; 
    background-color: #FFF;
    width: -webkit-calc(100% - 10px);
    width:    -moz-calc(100% - 10px);
    width:         calc(100% - 10px);
}

/* .elemento > .sondeo_cuerpo {} */

.elemento > .abajo {
    display: none;
}

.elementos {
    position: relative; 
    display: inline-block; 
    border: silver solid 1px; 
    /* height: 400px; */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px; 
    margin: 3px;
    border-radius: 6px; 
    overflow: hidden; 
    padding: -2px; 
    background-color: #FFF;
}

.elementos > .sondeo_cuerpo {
    height: 308px;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.elementos > .abajo {
    display: block; 
    width: 100%; 
    position: absolute; 
    bottom: 0px;
    font-size: 1.3em;
    font-weight: normal;
}

.barras {
    height: 10px;
    display: block;
}

.bordeabajo { border-bottom: silver dotted 1px; }
.bordearriba { border-top: silver dotted 1px; }
.bordederecha { border-right: silver dotted 1px; }
.bordeizquierda { border-left: silver dotted 1px; }
	
@media (max-width: 623px) {
	BODY {
		font-size: 9px;
	}
	
	INPUT {
		font-size: 16px;
	}
		
	INPUT[type=button], INPUT[type=submit], INPUT[type=file] + label {
		font-size: 16px;
	}	
    
    SELECT {
        font-size: 16px;
    }
    
    #titulo_texto {
        text-align: left;
    }
    
    .elementos_container {
        padding: 10px 5px 10px 5px;
    }
    
    .elementos {
        width: 100%; 
    }
}

@media (min-width: 624px) {
	BODY {
		font-size: 10px;
	}
	
	INPUT {
		font-size: 18px;
	}
		
	INPUT[type=button], INPUT[type=submit], INPUT[type=file] + label {
		font-size: 18px;
	}	
    
    SELECT {
        font-size: 18px;
    }
    
    #titulo_texto {
        text-align: left;
    }
    
    .elementos_container {
        padding: 10px 5px 10px 5px;
    }
    
    .elementos {
        width: 100%; 
    }
}

@media (min-width: 780px) {
	BODY {
		font-size: 10px;
	}
	
	INPUT {
		font-size: 20px;
	}
		
	INPUT[type=button], INPUT[type=submit], INPUT[type=file] + label {
		font-size: 20px;
	}	
    
    SELECT {
        font-size: 20px;
    }
    
    #titulo_texto {
        text-align: left;
    }
    
    .elementos_container {
        padding: 10px 0px 10px 0px;
    }
    
    .elementos {
        width: 375px; 
        margin: 5px; 
    }
}

@media (min-width: 960px) {
	BODY {
		font-size: 10px;
	}
	
	INPUT {
		font-size: 20px;
	}
		
	INPUT[type=button], INPUT[type=submit], INPUT[type=file] + label {
		font-size: 20px;
	}	
    
    SELECT {
        font-size: 20px;
    }
    
    #titulo_texto {
        text-align: left;
    }
    
    .elementos_container {
        padding: 10px 0px 10px 0px;
    }
    
    .elementos {
        width: 300px; 
        margin: 5px; 
    }
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    font-weight: normal;
    visibility: hidden;
    
    width: 120px;
    top: -5px;
    left: -125px;
    font-size: 0.8rem;

    background-color: #FFFBE5;
    color: #000;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    border: black solid 1px;
    position: absolute;
    z-index: 949;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


A {
	cursor: pointer;
	color: #4C36BB;
}

/* .menuboton A, .menubotonright A { } */

.menuopcion {
    font-size: 1.6em;
    z-index: 61;
    padding: 20px 8px 20px 8px;
    height: 60px;
    vertical-align: middle;
    text-decoration: none;
}

.menuopcion>A {
    padding: 15px 0px 15px 0px;
}

.menuopcion>input {
    background-color: white;
    border-radius: 10px;
}

.menutitulo, .menusubtitulo {
    font-weight: bold;
    cursor: pointer;
}

IMG { border: 0px; }
/* TD {  } */
H1 { text-align: center; }
H2 {text-align: center; }

.caption { font-weight: bold; font-size: .6em; }
.caption2 { font-size: .8em; }
.caption3 { font-size: .6em; }
.center { text-align: center; }
.izquierda { text-align: left; }
.derecha { text-align: right; }
.oculto { display: none; }

.subrayado {text-decoration: underline;}
A .subrayado {text-decoration: underline;}
.subrayado A {text-decoration: underline;}

.aviso { background-color: #FFF7DA; color: navy; font-size: 1.3em; font-weight: bold; text-align: center; padding: 3px; }
 
@-ms-viewport {
  width: device-width;
}

A.oscuro {color: silver; text-decoration: none; font-weight: bold; }

.profile{
    color: white;
    font-size: 1.7em;
    border-bottom: #333 solid 1px;
    text-decoration: none;	
}

.profile a { color: white; text-decoration: none; }

.menuboton { 
	position: relative;
	float: left;
    width: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;
	cursor: pointer;
    font-size: 1.2em;
 }
 
 #contenedorbotonesleft {
	top: 0;
	left: 0;
	position: absolute; 
 }
 
 #contenedorbotonesright {
	top: 0;
	right: 0;
	position: absolute;
 }
 
 .menubotonright { 
	display: block;
	position: relative;
	float: right;
	width: 30px;
	/* height: 45px; */
	cursor: pointer;
	text-align: center;
	line-height: 40px;
 }

#menucontext {
    z-index: 950;
    position: fixed;
    width: 270px;
    background-color: white;
    border: silver solid 1px;
    padding: 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.61);
    overflow-y: auto;
}

.menucontext_element {
    padding: 10px;
    font-size: 1.4em;
    font-weight: bold;
    color: black;
    cursor: pointer;
}

/*
#botonnotif[data-badge="0"] {
   display:none;
}
*/

#botonnotif[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:5px;
   right:0px;
   font-size: .6em;
   background:red;
   color:white;
   width:14px;height:14px;
   text-align:center;
   line-height:14px;
   /* border-radius:50%; */
}

#botonnotif[data-badge="0"]:after {
   display:none;
}

#botonsinc[data-badge="0"] {
   display:none;
}

#botonsinc[data-badge]:after {
   content:attr(data-badge);
    /* content:  "*"; */ 
   position:absolute;
   top:5px;
   right:0px;
   font-size: .6em;
   background: #2CAA5D;
   color:white;
   width:14px;height:14px;
   text-align:center;
   line-height:14px;
   /* border-radius:50%; */
}

#botonsinc[data-badge="0"]:after {
   display:none;
}

.menucontext_element:hover {
    background-color: #D2D2D2;
}

.menuencabezado {
    padding: 5px;
    color: gray;
    background-color: black;
    font-size: 1.4em;
    border-bottom: silver solid 1px;
}

#menucontainer_sombra {
    z-index: 40;
}
 
#map_canvas {
    width: 100%; 
    min-height: 180px;
    height: 35vh;
}

.map_canvas {
    width: 100%;
    min-height: 200px;
    height: 42vh;
}

#menucontainer {
	position: fixed;
	top: 0;
	/* bottom: 0; */
	background-color: black;
	overflow: auto; 
	-ms-overflow-style: scrollbar;
	-webkit-overflow-scrolling: touch;
	z-index: 41;
	width: 300px;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
 }

#menucontainerright_sombra {
    z-index: 50;
}
 
 #menucontainerright {
	position: fixed;
	top: 0;
	/* bottom: 0; */
	background-color: black;
	overflow: auto; 
	-ms-overflow-style: scrollbar;
	-webkit-overflow-scrolling: touch;
	z-index: 51;
	width: 250px;
 }

.popupdinamico {
    position: absolute;
    display: inline-block;
	margin: auto;
	padding: 0px;
	color: #000;
	font-size: 1em;
	overflow: hidden;
	/* background-color: #D8DDE9; */
    background-color: #FFF;
    border: gray solid 1px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.61);
	   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.61);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.61);
    */
}

.popup {
	position: absolute;
    display: inline-block;
	margin: auto;
	padding: 0px;
	color: #000;
	font-size: 1em;
	overflow: hidden;
	background-color: #D8DDE9;
    border: silver solid 1px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.popup_header {
	/* cursor: move; */
    position: relative;
    display: block;
    width: 100%;
	/* background-color: #494949; */
    background-color: #8D8D8D;
	color: #FFF;
	font-size: 1.9em;
	font-weight: bold;
	text-align: center;
    padding: 6px 6px 2px 10px;
    text-overflow: ellipsis;
	/* border-bottom: gray solid 1px; */
	text-decoration: none;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.popup_titulo {
    display: inline-block;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 25px;
}

.popup_header a { color: #FFF; text-decoration: none; }

.popup_contenido {
    position: absolute;
    display: block;
    width: 100%;
    overflow: auto; 
    top: 0px;
    /* height: 100%; */
    -ms-overflow-style: scrollbar;
    -webkit-overflow-scrolling: touch;
}

.popup_cancelar {
    font-size: 1.9em;
    color: #FFF;
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: normal;
    padding: 5px 20px 3px 15px;
    cursor: pointer;
}

A .popup_cancelar { color: #FFF; text-decoration: none; }

.popup_alerta_contenido {
	font-size: 1.8em;
	padding: 10px;
	background-color: #FFF;
	/* border-bottom: silver solid 1px; */
	/* height: 140px; */
	/* overflow-y: auto; */
}

.sombra {
	background-color: #000000;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	position: fixed;
	margin: auto;
	opacity: 0.4;
}

#loading_sombra {
    z-index: 1000;
}

#loading {
	background-color: white;
	position: fixed;
	margin: auto;
	z-index: 1010;
	text-align: center;
	padding: 60px 10px 20px 10px;
	border: gray solid 1px;
	color: #000;
	font-size: 1.3em;
}

.loading {
	background-color: white;
	position: fixed;
	margin: auto;
	z-index: 1010;
	text-align: center;
	padding: 60px 10px 20px 10px;
	border: gray solid 1px;
	color: #000;
    font-size: 1.3em;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.loadingsombra {
	background-color: #000000;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	position: fixed;
	margin: auto;
	opacity: 0.4;
}

#updating {
	background-color: white;
	position: fixed;
	margin: auto;
	z-index: 1010;
	text-align: center;
	padding: 60px 10px 20px 10px;
	border: gray solid 1px;
	color: #000;
	font-size: 1.3em;
}

.login {
	color: gray;
	font-weight: lighter;
	font-size: 2em;
	text-align: center;
	padding: 4px 0 4px 0;
	background-color: #FFFFFF;
}

#creditos_texto { margin: 4px; }
#toolbar_texto { margin: 4px; }

.centrado {text-align: center;}
.justificado { text-align: justify; }
.negrita {font-weight: bold;}

.noseleccionable {
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.sombreadoligero { background-color:#BEBEBE; }
.sombreadofuerte { background-color:#FFCFD0; }

.divtabla {
	display: table; 
	width: 100%; 
	margin: 0px; 
	font-size: 1.6em; 
	page-break-before: never; 
	background-color: #FFFFFF;
}

.divtabla_layout { 
	display: table; 
	width: 100%; 
	margin: 0px; 
	font-size: 1.6em; 
	align-self: center; 
	page-break-before: never; 
}

.divfila.oculto { display: none; }

.divfila { display: table-row; page-break-inside: avoid; }

.divtabla > .divfila > .divcelda { display: table-cell; padding: 8px; page-break-inside: avoid;}

.divtabla_layout > .divfila > .divcelda { display: table-cell; padding: 5px;}

.divfila.total > .divcelda {
	border-top: black double 5px; page-break-inside: avoid;
}

/* #botonlogin {} */

.bordehombre { border: #002DB2 solid 7px; }
.bordemujer { border: #FF007F solid 7px; }

.overx {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

/* Inicia Colores Semáforo */

.semaforo0 {
	background-color: #f68d91af;
	border-right: #F68D91af solid 2px;
}

.semaforo1 {
	background-color: #FCA98EAF;
}

.semaforo25 {
	background-color: #FDCF8FAF;	
}

.semaforo50 {
	background-color: #FAF47FAF;	
}

.semaforo75 {
	background-color: #DAE897AF;
}

.semaforo100 {
	background-color: #A7DBA3AF;
}

.semaforofuerte0 {
	background-color: #F14950AF;
	border-right: #F14950AF solid 2px;
}

.semaforofuerte1 {
	background-color: #FB7B51AF;
}

.semaforofuerte25 {
	background-color: #FCB24DAF;	
}

.semaforofuerte50 {
	background-color: #F7EE33AF;	
}

.semaforofuerte75 {
	background-color: #C5DB59AF;
}

.semaforofuerte100 {
	background-color: #73C66CAF;
}

.semaforoneutral {
	background-color: #0075EAAF;
}

.semaforoneutral2 {
	background-color: #B200B2AF;
}

.semaforoneutral3 {
	background-color: #F979C2AF;
}

.semaforoneutral4 {
	background-color: silver;
}

/* Termina Colores Barras */

/* Inicia Colores Texto */

.textosemaforo0 {
	color: #F68D91;
}

.textosemaforo1 {
	color: #FCA98E;
}

.textosemaforo25 {
	color: #FDCF8F;	
}

.textosemaforo50 {
	color: #FAF47F;	
}

.textosemaforo75 {
	color: #DAE897;
}

.textosemaforo100 {
	color: #A7DBA3;
}

.textosemaforofuerte0 {
	color: #F14950;
}

.textosemaforofuerte1 {
	color: #FB7B51;
}

.textosemaforofuerte25 {
	color: #FCB24D;	
}

.textosemaforofuerte50 {
	color: #F7EE33;	
}

.textosemaforofuerte75 {
	color: #C5DB59;
}

.textosemaforofuerte100 {
	color: #73C66C;
}

.textosemaforoneutral {
	color: #0075EA;
}

.textosemaforoneutral2 {
	color: #B200B2;
}

.textosemaforoneutral3 {
	color: #F979C2;
}

/* Termina Colores Texto */

.contenedorbarras { 
	width: 100%;
	height: 10px;
	display: inline-block;
	background-color: #EBEBFE;
	margin-top: 3px;
}

.contenedorbarras2 { 
	width: 100%;
	height: 16px;
	display: inline-block;
	background-color: #EBEBFE;
	margin-top: 3px;
}

.vamiddle {
	vertical-align: middle;	
}

.vatop {
	vertical-align: top;	
}

.rosita { background-color: #E40D8E; color: white; font-weight: bold; }

/* .navpag { cursor:pointer; padding: 10px; } */

/* Inicia Quagga */

.overlay {
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.overlay__content {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-height: 90%;
    max-width: 800px;
}

.overlay__close {
    position: absolute;
    right: 0;
    padding: 0.5rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background-color: white;
    cursor: pointer;
    border: 3px solid black;
    font-size: 1.5rem;
    margin: -1rem;
    border-radius: 2rem;
    z-index: 100;
    box-sizing: content-box;
}

.overlay__content video {
    width: 100%;
    height: 100%;
}

.overlay__content canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#quagga_video.viewport {
    position: relative;
}

#quagga_video.viewport > canvas, #quagga_video.viewport > video {
    max-width: 100%;
    width: 100%;
}

canvas.drawing, canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}

/* line 16, ../sass/_viewport.scss */
.controls fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
/* line 19, ../sass/_viewport.scss */
.controls .input-group {
  float: left;
}
/* line 21, ../sass/_viewport.scss */
.controls .input-group input, .controls .input-group button {
  display: block;
}
/* line 25, ../sass/_viewport.scss */
.controls .reader-config-group {
  float: right;
}
/* line 28, ../sass/_viewport.scss */
.controls .reader-config-group label {
  display: block;
}
/* line 30, ../sass/_viewport.scss */
.controls .reader-config-group label span {
  width: 9rem;
  display: inline-block;
  text-align: right;
}
/* line 37, ../sass/_viewport.scss */
.controls:after {
  content: '';
  display: block;
  clear: both;
}

/* line 22, ../sass/_viewport.scss */
#result_strip {
  margin: 10px 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  padding: 10px 0;
}
/* line 28, ../sass/_viewport.scss */
#result_strip ul.thumbnails {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: auto;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
/* line 37, ../sass/_viewport.scss */
#result_strip ul.thumbnails > li {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
}
/* line 41, ../sass/_viewport.scss */
#result_strip ul.thumbnails > li .thumbnail {
  padding: 5px;
  margin: 4px;
  border: 1px dashed #CCC;
}
/* line 46, ../sass/_viewport.scss */
#result_strip ul.thumbnails > li .thumbnail img {
  max-width: 140px;
}
/* line 49, ../sass/_viewport.scss */
#result_strip ul.thumbnails > li .thumbnail .caption {
  white-space: normal;
}
/* line 51, ../sass/_viewport.scss */
#result_strip ul.thumbnails > li .thumbnail .caption h4 {
  text-align: center;
  word-wrap: break-word;
  height: 40px;
  margin: 0px;
}
/* line 61, ../sass/_viewport.scss */
#result_strip ul.thumbnails:after {
  content: "";
  display: table;
  clear: both;
}

/* Termina Quagga */

@media screen {
    
	.soloimpresion { display: none;} 
	
	#contenido_container {
		position: relative;
		z-index: 10;
		top: 0;
		bottom: 0;
		margin: 0 auto 30px auto;
		height: 100%;
        overflow: auto; 
        -ms-overflow-style: scrollbar;
        -webkit-overflow-scrolling: touch;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.61);
        font-size: 1em;
		background-color:#F4F4F4 ;
		border-bottom: silver solid 1px;
	}
	
	#contenido {
		border-bottom: silver solid 1px;
	}
	
	.contenido_completa {
		width: 100%;
		
	}

	.contenido_normal {
		max-width: 960px;
	}
	
}

@media print {
	
	BODY {
		font-size: 5pt;
		font-family: GESDEV;
		background-color: white;
		margin: 0px;
		-webkit-print-color-adjust: exact;
		overflow: hidden;
	}
	
	#contenido_container {
		display: inline-block;
		position: relative;
		background-color: #FFFFFF;
		page-break-before: never;
		height: auto;
		width: 100%;
		margin: 0;
		top: 0;
		overflow: auto;
	}

	#contenido {
		border-bottom: silver solid 1px;
	}
	
	.contenido_completa {
		width: 100%;
		overflow: auto;
	}

	.contenido_normal {
		max-width: 100%;
		overflow: auto;
	}
	
	.divtabla { display: inline-table; font-size: 1.6em; page-break-before: never;}
	
	.noimprimir { display: none; }	
	.menuboton { display: none; }
	#titulo { display: inline-block; position: relative; width: 100%; text-align: center; height: auto; padding: 0; margin: 0; }
	#creditos {display: none; }
    #toolbar { display: none; }
	.contenedorbotonesleft { display: none; }
	.contenedorbotonesright { display: none; }
	.menubotonright { display: none; }
    #popup_sombra {display: none; }
    #popup2_sombra {display: none; }
    #popup3_sombra {display: none; }
    #popupdfoto_sombra {display: none; }
    #popupselect_sombra {display: none; }
    #popup_alerta_sombra {display: none; }
    #popup_confirmacion_sombra {display: none; }
    .sombra {display: none; }
	#menucontainer { display: none; }
	#menucontainerright { display: none }
	#loading { display: none; }
	#updating { display: none; }
	
	A { text-decoration: none; color: #000000; }
    A:link { text-decoration: none; color: #000000; }
	/* A:hover { text-decoration: none;  color: #000000;} */
	A:active { text-decoration: none; color: #000000; }
	A:visited { text-decoration: none; color: #000000; }
	.overx { overflow-x: visible; }
	.overy { overflow-y: scroll; }
	
	.portapestana {
		display: none;
	}
	
	.pestania.oculta {
		display: block;
	}

}