<style type="text/css">
.Estilo1 {color: #151515; font-family: Lucida Console; font-size: 10pt;font-weight: bold;}
.Estilo2 {color: #dddddd; font-family: "Montserrat"; font-size: 8pt;}
.Estilo3 {color: #151515; font-family: "Montserrat"; font-size: 8pt;}
.neg_chi {color: #151515; font-family: "Montserrat"; font-size: 8pt;font-weight: bold;}
.Estilo4 {color: #151515; font-family: "Montserrat"; font-size: 10pt;font-weight: bold;}
.gris {color: #bbbbbb; font-family: "Montserrat"; font-size: 10pt;font-weight: bold;}
.Tit_RED {color: red; font-family: "Montserrat"; font-size: 14pt;font-weight: bold;}
.Est_mini {color: #151515; font-family: "Montserrat"; font-size: 2pt;}
.tit_pag  {background-color: #03356A; color: #ffffff; font-family: "Montserrat";  font-size: 40pt;font-weight: bold;}

.tit_chico {color: #555555; font-family: "Montserrat";  font-size: 10pt;font-weight: bold;}
.texto {color: #151515; font-family: "Montserrat"; font-size: 28pt;
	 border: 1px solid #CED5D7;
    	border-radius: 6px;
    	padding: 5px 5px 5px;
    	margin-top: 5px;
   	background-color: white;}
.texto_k {color: #444444; font-family: "Montserrat"; font-size: 28pt; font-style: italic;}
.texto_med {color: #151515; font-family: "Montserrat"; font-size: 30pt;}
.tit_tabla {color: #eeeeee; font-family: "Montserrat"; font-size: 8pt;font-weight: bold;}
.tit_saludo {color: #555555; font-family: "Montserrat"; font-size: 12pt;font-weight: bold;}

.area {font-family:"Montserrat";
        font-size: 24pt;
	width:780px;height:100px;border: 0px solid #990000;}
.boton_ch {
    font-weight: bold;
    font-family: "Montserrat";
    font-size: 40px;
    cursor: pointer;
    padding: 10px;
    color:white;
    margin: 0 10px 20px 0;
    border: 1px solid #ccc;
    background: #638cb5;
    border-radius: 15px 15px 15px 15px;
    width:300px;
    height:100px;
    
}
.boton_ch:hover {
    background: #aaa;
}

.boton {
    font-weight: bold;
    font-family: "Montserrat";
    font-size: 40px;
    cursor: pointer;
    padding: 10px;
    color:white;
    margin: 0 10px 20px 0;
    border: 1px solid #ccc;
    background: #638cb5;
    border-radius: 15px 15px 15px 15px;
    width:750px;
    height:120px;
}
.boton:hover {
    background: #aaa;
}
.boton_rojo {
    font-weight: bold;
    font-family: arial;
    font-size: 16px;
    cursor: pointer;
    padding: 1px;
    color: white;
    background: red;
    border: 1px solid #ccc;
    border-radius: 14px 14px 14px 14px;
    width:32px;
    height:32px;
}
.boton_naranjo {
    font-weight: bold;
    font-family: arial;
    font-size: 16px;
    cursor: pointer;
    padding: 1px;
    color: black;
    background: #FFA019;
    border: 1px solid #ccc;
    border-radius: 14px 14px 14px 14px;
    width:32px;
    height:32px;
}
.boton_amarillo {
    font-weight: bold;
    font-family: arial;
    font-size: 16px;
    cursor: pointer;
    padding: 1px;
    color: black;
    background: #FFF719;
    border: 1px solid #ccc;
    border-radius: 14px 14px 14px 14px;
    width:32px;
    height:32px;
}
.boton_verde_ok {
    font-weight: bold;
    font-family: arial;
    font-size: 16px;
    cursor: pointer;
    padding: 1px;
    color: white;
    background: #00A400;
    border: 1px solid #ccc;
    border-radius: 14px 14px 14px 14px;
    width:32px;
    height:32px;
}
.boton_verde {
    font-weight: bold;
    font-family: "Montserrat";
    font-size: 40px;
    cursor: pointer;
    padding: 10px;
    color:white;
    margin: 0 15px 15px 0;
    border: 1px solid #ccc;
    background: #00A400;
    border-radius: 15px 15px 15px 15px;
    width:750px;
    height:120px;
}
.boton_verde:hover {
    background: #70C870;
}
.boton_menu {
    width: 200px;
    cursor: pointer;
    padding: 10px;
    color:white;
    margin: 5px 10px 10px 0;
    border: 0px solid #ccc;
    background: #638cb5;
    border-radius: 8px 8px 8px 8px;
}
.boton_menu:hover {
    background: #aaa;
}
.boton_estado {
    width: 200px;
    cursor: pointer;
    padding: 5px;
    color:white;
    margin: 0 10px 5px 0;
    border: 0px solid #ccc;
    background: #36A85E;
    border-radius: 8px 8px 8px 8px;
}
.boton_estado:hover {
    background: #aaa;
}
.boton_revoca {
    width: 200px;
    cursor: pointer;
    padding: 5px;
    color:white;
    margin: 0 10px 5px 0;
    border: 0px solid #ccc;
    background: #E59D01;
    border-radius: 8px 8px 8px 8px;
}
.boton_revoca:hover {
    background: #aaa;
}


.campos { 
    font-family:"Montserrat",arial;     /* tipo de letra */ 
    width: 500px;                 /* anchura de campos de formulario */ 
    font-size:8pt;                /* tamaņo de la letra*/  
    color:#008000;                 /* color del texto */  
    border: 1px dotted red;        /* color del borde puede ser solid ķ dotted */  
    background-color:#FFFF00;    /* color del fondo */  
} 
.input_num {
	font-family: "Montserrat";
 	border: 1px solid #CED5D7;
    border-radius: 6px;
    font-size:30pt;
    padding: 5px 5px 5px;
    margin-top: 0px;
    background-color: white;
    width: 100px;
    height:100px;
}
.input_ano {
	font-family: "Montserrat";
 	border: 1px solid #CED5D7;
    border-radius: 6px;
    font-size:30pt;
    padding: 5px 5px 5px;
    margin-top: 0px;
    background-color: white;
    width: 300px;
    height:100px;
}
.input_ch {
	font-family: "Montserrat";
 	border: 1px solid #CED5D7;
    border-radius: 6px;
    font-size:30pt;
    padding: 5px 5px 5px;
    margin-top: 0px;
    background-color: white;
    width: 780px;
    height:100px;
}
.input_gr {
 	border: 1px solid #CED5D7;
    border-radius: 6px;
    font-size:18pt;
    padding: 5px 5px 5px;
    margin-top: 0px;
    background-color: white;
    width: 250px;
}
.input_long {
 	border: 1px solid #CED5D7;
    border-radius: 6px;
    font-size:18pt;
    padding: 5px 5px 5px;
    margin-top: 0px;
    background-color: white;
    width: 450px;
}
.input_buscar {
 	border: 1px solid #CED5D7;
    border-radius: 4px;
    padding: 1px 1px 1px;
    margin-top: 0px;
    background-color: #F1EAC1;
    width: 110px;
}
.combo {
    border: 1px solid #444444;
    border-radius: 1px;
    font-family: "Montserrat";
    font-size:30pt;
    padding: 10px 15px 15px;
    margin-top: 15px;
    background-color: white;
    width: 600px;
    height: 120px;
}
.texto_box {
    font-family: "Montserrat"; 
    font-size: 8pt;
    border: 1px solid #CED5D7;
    border-radius: 6px;
    padding: 5px 5px 5px;
    margin-top: 0px;
    background-color: white;
    width: 360px;
    
}



linea_roja {
  height: 10px;
  background-color: red;
}
linea_celeste {
  height: 10px;
  background-color: #638cb5;
}
.linea {height: 100px; border-right: 10px red ridge;}
.alisup       {vertical-align: top;}

function foco(ID){
document.getElementById(ID).focus();
}

</style>