﻿<style type="text/css">






.menu {color: #151515; font-family: "Montserrat"; font-size: 12pt;font-weight: bold;}
.banner {color: #eeeeee; font-family: "Montserrat"; font-size: 10pt;font-weight: bold;}
.titulo {color: #222222; font-family: "Montserrat"; font-size: 14pt;font-weight: bold;}



.texto_banner {color: #ffffff; font-family: "Montserrat"; font-size: 10pt;font-weight: none;}
.texto_grafico {color: #ffffff; font-family: "Montserrat"; font-size: 8pt;font-weight: none;}
.texto_vertical {color: #ffffff; font-family: "Montserrat"; font-size: 9pt;font-weight: none;writing-mode: vertical-lr;transform: rotate(180deg);}


.texto_menu {color: #777777; font-family: "Montserrat"; font-size: 10pt;font-weight: bold;}
.texto {color: #555555; font-family: "Montserrat"; font-size: 10pt;}
.texto_chico {color: #ffffff; font-weight: none; font-family: "Montserrat"; font-size: 9pt;}
.texto_estado {color: #ffffff; font-family: "Montserrat"; font-size: 10pt;}
.tit_grilla {color: #ffffff; font-family: "Montserrat"; font-size: 10pt;font-weight: none;}
.tit_tabla {color: #555555; font-family: "Montserrat"; font-size: 14pt;font-weight: bold;}
.activo {color: #1ABB9C; font-family: "Montserrat"; font-size: 10pt;font-weight: bold;}
.no_activo {color: #E74C50; font-family: "Montserrat"; font-size: 10pt;font-weight: bold;}

.combo {
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:11pt;
    padding: 4px;
    box-shadow:	1px 1px 1px 1px #eee;   
    margin-top: 0px;
    background-color: white;
    width: 300px;
}
.combo_filtro {
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:10pt;
    padding: 2px;
    box-shadow:	1px 1px 1px 1px #eee;   
    margin-top: 0px;
    background-color: white;
    width: 180px;
}
.combo_detalle {
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:10pt;
    padding: 4px;
    box-shadow:	1px 1px 1px 1px #eee;   
    margin-top: 0px;
    background-color: white;
    width: 240px;
}
.combo_grande {
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:10pt;
    padding: 4px;
    box-shadow:	1px 1px 1px 1px #eee;   
    margin-top: 0px;
    background-color: white;
    width: 350px;
}
.combo_banner {
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:10pt;
    padding: 4px;
    
    margin-top: 5px;
    background-color: white;
    width: 150px;
}
.combo_chico {
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    font-family: "Montserrat";
    font-size:11pt;
    padding: 4px;  
    margin-top: 0px;
    background-color: white;
    box-shadow:	1px 1px 1px 1px #eee;
    width: 120px;
	
}
.combo_pag {
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    font-family: "Montserrat";
    font-size:9pt;
    padding: 4px;  
    margin-top: 0px;
    background-color: white;
    box-shadow:	1px 1px 1px 1px #eee;
    width: 50px;
	
}
.input_grande {
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:11pt;
    padding: 4px;
    box-shadow:	1px 1px 1px 1px #eee;   
    margin-top: 0px;
    background-color: white;
    width: 500px;
}
.input_medio {
    border: 1px solid #c1c1c1;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:11pt;
    padding: 4px;
    box-shadow:	1px 1px 1px 1px #eee;
    margin-top: 0px;
    background-color: white;
    width: 300px;
}
.input_banner {
   border: 1px solid #c1c1c1;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:10pt;
    padding: 5px;
    
    margin-top: 5px;
    background-color: white;
    width: 135px;
}

.input_detalle {
   border: 1px solid #c1c1c1;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:10pt;
    padding: 5px;
    box-shadow:	1px 1px 1px 1px #eee;
    margin-top: 5px;
    background-color: white;
    width: 240px;
}
.input_chico {
   border: 1px solid #c1c1c1;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:11pt;
    padding: 4px;
    box-shadow:	1px 1px 1px 1px #eee;   
    margin-top: 0px;
    background-color: white;
    width: 100px;
}
.input_ingreso {
   border: 1px solid #c1c1c1;
    border-radius: 2px;
    font-family: "Montserrat";
    font-size:10pt;
    padding: 5px;
    
    margin-top: 5px;
    background-color: white;
    width: 400px;
}
.input_num {
     border: 1px solid #c1c1c1;
    border-radius: 2px;
    font-family: "Montserrat";
    font-size:11pt;
    padding: 5px;
    margin-top: 5px;
    box-shadow:	1px 1px 2px 1px #eee;  
    background-color: white;
    width: 50px;
}

.tabla_limpia {
	font-family:"Montserrat";
        font-size: 14pt;
        font-weight: none;
	padding: 10px;	
}
.tabla_ingreso {
	font-family:"Montserrat";
        font-size: 10pt;
        font-weight: none;
	padding: 10px;
	color: #ffffff;
	border-spacing: 10px;
}
.msg_rojo {
	font-family:"Montserrat";
        font-size: 10pt;
        font-weight: bold;
	color: #ffffff;
	padding: 10px;
	box-shadow:	1px 1px 1px 1px #eee;
	border-radius: 3px;
	border-spacing: 5px;
	background-color: #F86262;
	
}
.msg_ok {
	font-family:"Montserrat";
        font-size: 10pt;
        font-weight: bold;
	color: #;
	padding: 10px;
	box-shadow:	1px 1px 1px 1px #eee;
	border-radius: 3px;
	border-spacing: 5px;
	background-color: #169F85;
	
}
.menu_boton {
	font-family:"Montserrat";
        font-size: 10pt;
        font-weight: bold;
	padding: 10px;
	color: #444;
	border-radius: 1px;
	border-spacing: 5px;
	cursor: pointer;
	background-color: #DBDBD8;
	text-decoration: none;
}
.menu_boton:hover {
    background: #ccc;
}
.tabla_blanca_detalle {
	font-family:"Montserrat";
        font-size: 10pt;
        font-weight: bold;
	padding: 10px;
	border: 1px solid #c1c1c1;
	border-radius: 1px;
	border-spacing: 5px;
	background-color: white;
	
}
.tabla_blanca {
	font-family:"Montserrat";
        font-size: 10pt;
        font-weight: none;
	padding: 10px;
	border: 1px solid #c1c1c1;
	border-radius: 1px;
	border-spacing: 5px;
	background-color: white;
}
.tabla_blanca_boton {
	font-family:"Montserrat";
        font-size: 11pt;
        font-weight: bold;
	padding: 10px;
	border: 1px solid #c1c1c1;
	border-radius: 1px;
	border-spacing: 5px;
	cursor: pointer;
	background-color: white;
	text-decoration: none;
}
.tabla_grafico {
	font-family:"Montserrat";
        font-size: 8pt;
        font-weight: bold;
	padding: 1px;
	border: 1px solid #c1c1c1;
	border-radius: 1px;
	border-spacing: 1px;
	background-color: #8689FA;
	
}
.tabla_blanca_boton:hover {
    background: #f1f1f1;
}
.tabla_blanca_boton_gris {
	font-family:"Montserrat";
        font-size: 11pt;
        font-weight: bold;
	padding: 10px;
	border: 1px solid #c1c1c1;
	border-radius: 1px;
	border-spacing: 5px;
	cursor: pointer;
	background-color: #f1f1f1;
	text-decoration: none;
}
.tabla_blanca_boton_gris:hover {
    background: #eeeeee;
}
.textarea{
   	border: 1px solid #c1c1c1;
    	border-radius: 1px;
    	font-family: "Montserrat";
	box-shadow:	1px 1px 1px 1px #eee;
    	font-size:11pt;
    	padding: 8px;
    	margin-top: 0px;
    	background-color: #ffffff;
    	width: 500px;
    	height:80px;
}
.textarea_detalle{
   	border: 1px solid #c1c1c1;
    	border-radius: 1px;
    	font-family: "Montserrat";
	box-shadow:	1px 1px 1px 1px #eee;
    	font-size:10pt;
    	padding: 8px;
    	margin-top: 0px;
    	background-color: #ffffff;
    	width: 240px;
    	height:50px;
}

.boton_banner {
    font-family: "Montserrat";
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    padding: 8px;
    color: white;
    margin: 0 0 0 0;
    border: 0px solid #000000;
    background: #B04823;
    border-radius: 4px;
    width: 100px;
    text-align:center;
}
.boton_banner:hover {
    background: #702A12;
}
.boton_menu {
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 2px;
    color: #000000;
    margin: 0 0 0 0;
    border: 0px solid #DBDBD8;
    background: #DBDBD8;
    border-radius: 1px;
    width: 180px;
    height: 50px;
    text-align:left;
}
.boton_menu:hover {
    background: #C5C5C5;
}
.boton_caso {
    font-family: "Montserrat";
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    padding: 4px;
    color: #ffffff;
    margin: 2px;
    border: 0px solid #DBDBD8;
    background: #545253;
    border-radius: 4px;
    height: 20px;
    text-align:center;
}
.boton_caso:hover {
    background: #C5C5C5;
}
.boton_borrar {
    font-family: "Montserrat";
    font-size: 10px;
    cursor: pointer;
    padding: 2px;
    color: #ffffff;
    margin: 0 0 0 0;
    border: 0px solid #DBDBD8;
    background: red;
    border-radius: 4px;
    width: 50px;
    height: 20px;
    text-align:center;
}
.boton_borrar:hover {
    background: #C5C5C5;
}
.boton_editar {
    font-family: "Montserrat";
    font-size: 10px;
    cursor: pointer;
    padding: 2px;
    color: #ffffff;
    margin: 0 0 0 0;
    border: 0px solid #DBDBD8;
    background: #545253;
    border-radius: 4px;
    width: 50px;
    height: 20px;
    text-align:center;
}
.boton_editar:hover {
    background: #C5C5C5;
}
.boton_cambiar {
    font-family: "Montserrat";
    font-size: 10px;
    cursor: pointer;
    padding: 2px;
    color: #ffffff;
    margin: 0 0 0 0;
    border: 0px solid #DBDBD8;
    background: #337AB7;
    border-radius: 4px;
    width: 90px;
    height: 20px;
    text-align:center;
}
.boton_cambiar:hover {
    background: #C5C5C5;
}

.boton_agrega {
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 2px;
    color: #ffffff;
    margin: 0 0 0 0;
    border: 0px solid #DBDBD8;
    background: #F9A423;
    border-radius: 4px;
    width: 180px;
    height: 30px;
    text-align:center;
}
.boton_agrega:hover {
    background: #DE8904;
}

.boton_pestaña_on {
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
    color: #222222;
    margin: 0 0 0 0;
    border: 1px solid #c1c1c1;
    background: #fff;
    border-radius: 4px 4px 0 0;   
    text-align:center;
}

.boton_pestaña_off {
    font-family: "Montserrat";
    font-size: 12px;
    cursor: pointer;
    padding: 8px;
    color: #222222;
    margin: 1px 0 0 0;
    border: 1px solid #c1c1c1;
    background: #f5f5f5;
    border-radius: 4px 4px 0 0;
    
    text-align:center;
}
.boton_pestaña_off:hover {
    background: #eee;
    font-weight: bold;
}
.boton_pagina_on {
    font-family: "Montserrat";
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    padding: 8px;
    color: white;
    margin: 0 10px 10px 0;
    border: 0px solid #666666;
    background: #777;
    border-radius: 4px;
    width: 30px;
    text-align:center;
}
.boton_pagina_off {
    font-family: "Montserrat";
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    padding: 8px;
    color: white;
    margin: 0 10px 10px 0;
    border: 0px solid #666666;
    background: #ddd;
    border-radius: 4px;
    width: 30px;
    text-align:center;
}
.boton_pagina_off:hover {
    background: #ccc;
}
.estado_actual {
    font-family: "Montserrat";
    font-size: 12px;
    padding: 8px;
    color: #222222;
    margin: 1px 0 0 0;
    border: 1px solid #c1c1c1;
    background: #169F85;
    border-radius: 4px;
    
    text-align:center;
}

.grilla {
	font-family:"Montserrat";
        font-size: 10pt;
	font-weight: none;
	padding: 0px;
	border: 0.5px solid #eee;
	border-radius: 1px;
	border-spacing: 0px;
	background-color: white;
}
th { 
    	padding: 10px;
	font-family:"Montserrat";
	font-weight: none;
        font-size: 9pt;
	border: 1px solid #eee;
	color: #555555;
}

.tabla_menu {
	font-family:"Montserrat";
        font-size: 11pt;
        font-weight: bold;
	border: 1px solid #c1c1c1;
	border-radius: 6px;
	border-spacing: 0px;
	padding: 5px 5px 5px;
	/*margin-top: 5px;*/
	box-shadow:	3px 3px 5px 1px #ccc;   
	background-color: white;
	
}
.tabla_simple {
	font-family:"Montserrat";
        font-size: 11pt;
        
	/*border: 1px solid #c1c1c1;*/
	border-radius: 3px;
	border-spacing: 3px;
	padding: 5px 5px 5px;
	/*margin-top: 5px;*/
	/*box-shadow:	2px 2px 2px 1px #eee; */  
	background-color: #ffffff;
}


.tabla_listado2 {
	font-family:"Montserrat";
        font-size: 11pt;
        
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	border-spacing: 2px;
	padding: 3px;
	/*margin-top: 5px;*/
	/*box-shadow:	2px 2px 2px 1px #eee; */  
	background-color: #fafafa;
}
.tabla_listado2:hover {
    background: #eee;
}

.tabla_tit {
	font-family:"Montserrat";
        font-size: 11pt;
        /*font-weight: bold;*/
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	border-spacing: 3px;
	padding: 1px;
	/*margin-top: 5px;*/
	box-shadow:	2px 2px 2px 1px #eee;   
}
.mensaje_alerta {
	font-family:"Montserrat";
        font-size: 11pt;
        font-weight: bold;
	color: white;
	text-align: center;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	border-spacing: 3px;
	padding: 5px 5px 5px;
	/*margin-top: 5px;*/
	box-shadow:	2px 2px 2px 1px #ccc;   
	background-color: red;
}
.mensaje {
	font-family:"Montserrat";
        font-size: 11pt;
        font-weight: bold;
	color: white;
	text-align: center;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	border-spacing: 3px;
	padding: 5px 5px 5px;
	/*margin-top: 5px;*/
	box-shadow:	2px 2px 2px 1px #ccc;   
	background-color: green;
}
.tabla_form {
	font-family:"Montserrat";
        font-size: 11pt;
        /*font-weight: bold;*/
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	
	padding: 5px 5px 5px;
	border-spacing: 5px;
    	border-collapse: separate;
}
.tabla_form td {
	padding: 8px;
}


.combo_hora {
    border: 1px solid #444444;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:12pt;
    padding: 1px 1px 1px;
    box-shadow:	1px 1px 3px 1px #a5a5a5;   
    margin-top: 0px;
    background-color: white;
    width: 80px;
}
.input_text {
    border: 1px solid #444444;
    border-radius: 5px;
    font-family: "Montserrat";
    font-size:10pt;
    padding: 1px 4px 1px;
    box-shadow:	1px 1px 2px 1px #ccc;   
    margin-top: 0px;
    background-color: white;
}



.boton_submit {
   background-image: url(imagenes/agrega.gif); width: 25px; height: 25px; border-width: 0
}
.boton_normal {
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 8px;
    color: white;
    margin: 0 0 0 0;
    border: 0px solid #666666;
    background: #888888;
    border-radius: 4px;
    width: 150px;
    text-align:center;
}
.boton_normal:hover {
    background: #ccc;
}
.boton_rojo {
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 8px;
    color: white;
    margin: 0 10px 10px 0;
    border: 0px solid #666666;
    background: red;
    border-radius: 4px;
    width: 150px;
    text-align:center;
}
.boton_rojo:hover {
    background: #ccc;
}
.boton_estado {
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 8px;
    color: white;
    margin: 0 10px 10px 0;
    border: 0px solid #666666;
    background: #4041FE;
    border-radius: 4px;
    width: 300px;
    text-align:center;
}
.boton_estado:hover {
    background: #ccc;
}

.boton_archivos {
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 8px;
    color: white;
    margin: 0 10px 10px 0;
    border: 0px solid #666666;
    background: #545253;
    border-radius: 4px;
    width: 300px;
    text-align:center;
}
.boton_archivos:hover {
    background: #ccc;
}


.boton_tabla {
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 2px;
    color: white;
   /* margin: 0 10px 10px 0;*/
    border: 0px solid #666666;
    background: #888888;
    border-radius: 4px;
    width: 100px;
    text-align:center;
}
.boton_tabla:hover {
    background: #ccc;
}


/**********************/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?q2q9gl');
  src:  url('fonts/icomoon.eot?q2q9gl#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?q2q9gl') format('truetype'),
    url('fonts/icomoon.woff?q2q9gl') format('woff'),
    url('fonts/icomoon.svg?q2q9gl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-list:before {
  content: "\e903";
}
.icon-new:before {
  content: "\e904";
}
.icon-coin:before {
  content: "\e93b";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-config:before {
  content: "\e994";
}


</style>