@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 13px;
}


td {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 13px;
	color: #0d2d6c;/*083F11;*/
}

th {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 13px;
	color: #0d2d6c;/*#083F11;*/
}

form {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 13px;
	}

input {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 11px;
}

textarea {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 11px;
}

a {
    color: #ffffff;/*#083F11;*/
    text-decoration: none;
}

#tabla_pedidos a {
    color: #3155A6;/*#083F11;*/
    text-decoration: none;
}

a#verEspecialidad.boton {
    color: #3155A6;/*#083F11;*/
    text-decoration: none;
}

table.caja_login a{
	color: #0d2d6c;/*#083F11;*/
    text-decoration: none;
}

select {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 13px;
}

ul {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 13px;
	list-style-type: disc;
	list-style-position: outside;
}

li {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 13px;
}

ol {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 13px;
	list-style-type: upper-roman;
	list-style-position: outside;
}

.small {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 10px;
}

.big {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 19px;
}

.bodystyle {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 13px;
}

.box1 {
	padding: 3px;
	border: thin solid #CCCCCC;
}

.box2 {
	border: 3px solid;
	padding: 5px;
}

table.caja_login {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-color: #0d2d6c;/*#083F11;*/
	border-collapse: separate;
	background-color: #E5E5E5;
	padding: 4px 4px 4px 4px;
}
table.caja_login td {
	border-width: 1px 0px 1px 0px;
	padding: 2px 2px 2px 2px;
	border-style: solid none solid none;
	border-bottom-color: #aaaaaa;
	border-top-color: #FFFFFF;
	background-color: #E5E5E5;
	color: #0d2d6c;/*#083F11;*/
}

.subtitulo td {
	border-width: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	border-style: none none none none;
	background-color: #3155A6; /*00644c;*/
	color: #ffffff;
}

table.boton {
	border-width: 3px 3px 3px 3px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: #EAF2FF #EAF2FF #EAF2FF #EAF2FF; /*#b9d9ce #b9d9ce #b9d9ce #b9d9ce;*/
	border-collapse: separate;
}
table.boton td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: #EAF2FF #EAF2FF #EAF2FF #EAF2FF;/*#b9d9ce #b9d9ce #b9d9ce #b9d9ce;*/
	background-color: #E5E5E5;
	-moz-border-radius: 6px 6px 6px 6px;
}

table.nota {

}
table.nota td {
	font-size:9px;
}

.boton a{
    margin: 1px 1px 1px 1px;
    display: block;
    text-decoration: none;
    padding: 2px 3px 2px 3px;
    text-align: center;
    font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Arial;
    font-size: 11px;
    color: #3155A6;/*12493d;*/
}

.boton a:hover{
    color: #537CD8;/*009000;*/
}

input.boton {
    margin: 0 0 0 0;
    display: block;
    text-decoration: none;
    padding: 2px 4px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-top: 0px;
    background-color:#E5E5E5;
    font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Arial;
    font-size: 11px;
    color: #3155A6;/*12493d;*/
}

input.boton:hover {
    color: #537CD8;/*009000;*/

}

table.msgok {
	-moz-border-radius: 5px 5px 5px 5px;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-collapse: separate;
	background-color: #EAF2FF;/*#eef7f7;*/
	padding: 4px 4px 4px 4px;
}

table.mensajeError {
	background: #ff0000;
	-moz-border-radius: 5px 5px 5px 5px;
}
table.mensajeError td {
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border: none;
	color: #ffffff;
	font-weight: bold;
	font-size:12px;
	font-family: Tahoma;
}

.fila1 td {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	background-color: #EAF2FF;/*#eef7f7;*/
	font-size: 11px;
}

.fila2 td {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	background-color:#F7F9FD;/*#D4F3F3;*/
	font-size: 11px;
}

.link {
    text-decoration: underline;
    font-size: 11px;
}


/*
 * Estilos definidos para la interfaz del Cliente Web del STS
 * Autor: Alvaro Rettich
 * Fecha: 07-09-2004
 */
/*TODO no usara mas */



.caja {
	background-color: #e2decd;
	border: 0px;
}

.cajaOK {
	border: 1px solid #EAF2FF;/*#33CC00;*/

}
.cajaOK td{
	color: #EAF2FF;/*#33CC00;*/
	font-size:11px;
}

.cajaUsr{
	border: 1px dotted #0d2d6c;/*#083F11;*/
	background: #00d8fc;/*#D9E9C8;*/
	color: #0d2d6c;/*#083F11;*/
	text-align:center;
}
.cajaUsr td{
    font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Arial;
    font-size: 11px;
	color: #0d2d6c;/*#083F11;*/

}


.cajaTitulo {
	padding: 10px 10px 10px 30px;
	border: 1px none #0d2d6c;/*#083F11;*/
	background: #00d8fc;/*#D9E9C8;*/
	color: #0d2d6c;/*#083F11;*/
	font-weight: bold;
	font-family: Tahoma;
}

.presentacion {
	margin: 20px 20px 20px 20px;
	padding: 15px 15px 15px 15px;
	border: 1px dotted #0d2d6c;/*#083F11;*/
	background: #00d8fc;/*#D9E9C8;*/
	color: #0d2d6c;/*#083F11;*/
	font-weight: bold;
	font-size:20px;
	font-family: Tahoma;
}

.presentacion h1 {
	color: #0d2d6c;/*#083F11;*/
	font-weight: bold;
	font-size:35px;
	font-family: Tahoma;
	text-align: center;
}

.presentacion h2 {
	padding: 0px 0px 0px 0px;
	color: #0d2d6c;/*#083F11;*/
	font-weight: bold;
	font-size:20px;
	font-family: Tahoma;
}

.mensajeError2 {
	background: #ff6637;
}
.mensajeError2 td {
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border: 1px dotted #ff6637;
	background: #ffffff;
	color: #0d2d6c;/*#083F11;*/
	font-weight: bold;
	font-size:12px;
	font-family: Arial;
}


/** MENSAJES DE ERROR */



/** TEXTOS EN GENERAL */
.textoTitulo {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Arial;
	font-size: 14px;
	background-color: #00d8fc;/*#D9E9C8;*/
	border-right: 1px solid;
	border-color:#F5F4EC;
	height: 30px;
	color: #0d2d6c;/*#083F11;*/
}



.textoTituloParrafo {
	padding: 10px 5px 10px 5px;
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Arial;
	font-size: 11px;
	color: #716F64;
	font-weight: bold;
}
.textoEtiqueta {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #716F64;
}
.texto {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Arial;
	font-size: 10px;
	color: #716F64;
}
.textoBoton {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Arial;
	font-size: 10px;
	color: #716F64;
}


.textoAyuda{
text-align: justify;
}




/**(filas grandes)*/
.fila1G td {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	background-color:#ebeadb;
	font-size: 12px;
	color: #716F64;
	border-right: 1px solid;
	border-color: #e2decd;
}

.fila2G td {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	background-color: #F5F4EC;
	font-size: 12px;
	color: #716F64;
	border-right: 1px solid;
	border-color: #e2decd;
}
/**fin filas grandes*/



.cajaClara td {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	background-color:#ebeadb;
	color: #716F64;
}




/* Estilo de las opciones del menu, cambios de color al pasar sobre las mismas
   Aplica a links que esten dentro de tags de esta clase*/
.opcionmenu a {
    margin: 0 0 0 0;
    display: block;
    text-decoration: none;
    padding: 2px 4px;
    border-left: 3px solid #86942A;
    border-right: 3px solid #86942A;
    background-color:#0d2d6c;/*#083F11;*/
    font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Arial;
    font-size: 11px;
    color: #ffffff;

}
.opcionmenu a:hover {
    border-left: 3px solid #0d2d6c;/*#083F11;*/
    border-right: 3px solid #0d2d6c;/*#083F11;*/
    background-color:#86942A;
    color: #ffffff;
}

.opcionmenusel a {
    margin: 0 0 0 0;
    display: block;
    text-decoration: none;
    padding: 2px 4px;
    border-left: 3px solid #86942A;
    border-right: 3px solid #86942A;
    background-color:#A2E4AA;
    font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Arial;
    font-size: 11px;
    color: #0d2d6c;/*#083F11;*/

}
.opcionmenusel a:hover {
    border-left: 3px solid #A2E4AA;
    border-right: 3px solid #A2E4AA;
    background-color:#86942A;
    color: #ffffff;
}

.opcionmenu input{
    margin: 0 0 0 0;
    display: block;
    text-decoration: none;
    padding: 2px 4px;
    border-left: 8px solid #f6f9ff;
    background-color:#4d7097;
    font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Arial;
    font-size: 11px;
    color: #f6f9ff;

}
.opcionmenu input:hover {
    border-left: 8px solid #42658d;
    background-color:#f6f9ff;
    font-style: italic;
    color: #4d7097;
}



/* Estilo a los botones, cambios de color al pasar sobre las mismas
   Aplica a links que esten dentro de tags de esta clase*/

table.estadistica {
	border-width: 2px 2px 2px 2px;
	border-spacing: 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: #ebeadb;
}
table.estadistica th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 9px 9px 9px 9px;
}
table.estadistica td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 9px 9px 9px 9px;
}

/*estado*/
.td_est {
	font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Geneva, Arial;
	font-size: 11px;
	color: #4d7097;
}
table.horizontal {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: green green green green;
	border-collapse: collapse;
	background-color: white;
	}
table.horizontal th {
	border-width: 1px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	border-style: dotted dotted dotted dotted;
	border-color: green green green green;
	background-color: rgb(255, 255, 240);
    font-family: Tahoma;
    text-align:left;
    font-size: 12px;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.horizontal td {
	border-width: 1px 0px 1px 0px;
	padding: 1px 4px 1px 1px;
	border-style: dotted dotted dotted dotted;
	border-color: green green green green;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 0px 0px 0px 0px;
    color :	 #0d2d6c;/*#083F11;*/
}

#login_root {
	position:absolute;
	width:300px;
	border: solid 1px;
	top:10%;
	left:10%;
	text-align:right;
}
.alertaBimensual{
	margin-top: 100px;
}
div.autocomplete {
  position:absolute;
  background-color:white;
  border:0;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}
.contenedor_loader{
	height: 16px;
}
.loader{
display: none;
}
.boton_nuevo{
    margin: 1px 1px 1px 1px;
    text-decoration: none;
    padding: 2px 3px 2px 3px;
    border: 1px solid #3155A6;/*12493d;*/
    text-align: center;
    font-family: Open Sans, Open Sans Normal, Aquawax-Regular-TTF, Helvetica, sans-serif, Verdana, Arial;
    font-size: 11px;
    color: #3155A6;/*12493d;*/
}

.boton_nuevo:hover{
    color: #537CD8;/*009000;*/
}
.menu_reportes{
	text-align: left;
}
.menu_reportes li{
	text-align: left;
	color: #3155A6;
}

.menu_reportes a{
	color: #3155A6;
}