/******Color de pantalla******************/
body{background:#F2F2F2;}

/**********Div de Cuerpo********************************/
.Cuerpo{text-align:center; font-family:'Champagne & Limousines'; font-size:14px; color:#FFFFFF; border:none; border-color:#1F1F1F; width:15px}

/**********Div de Cuerpo********************************/
.Conte{text-align:center; font-family:'Cocogoose'; font-size:14px; color:#FFFFFF;
border-radius:10px; letter-spacing: 0.15em; word-spacing: 0.15em;}

/**********Boton para Entrar********************************/
.Enter{border:solid 1px #039; border-radius:5px; padding:2px; color:#000; width:100px; background:#F2F2F2;}
.Enter:hover{color:#000; background:#FC0; cursor:pointer;}

/**********Div de Titulor********************************/
.Titulo{text-align:center; font-weight:bolder; font-family:'Cocogoose'; font-size:32px; color:#FFFFFF;
background-color:#D30B52; border-radius:10px;letter-spacing: 0.10em; word-spacing: 0.10em;}

/**********Div de Titulor********************************/
.TituloB{text-align:center; font-weight:bolder; font-family:'Cocogoose'; font-size:32px; color:#D30B52;
background-color:#D30B52; border-radius:10px; letter-spacing: 0.10em; word-spacing: 0.10em;}

/**********Div de Texto********************************/
.Texto{text-align:left; color:#000; font-family:'Champagne & Limousines'; font-size:12px}

/**********Div de Texto********************************/
.Labell{text-align:left; color:#FFFFFF; font-family:'Champagne & Limousines'; font-size:18px;}

.Tbox {border-radius:4px; BorderStyle:none; border-width:0px; BackColor:#FFFFFF; height:20px;}
.Tboxx{border-radius:4px; BorderStyle:none; border-width:0px; BackColor:#FFFFFF;}


/**********Botones************/
.Btn_Agregar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Agregar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Cambio{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Cambio:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Cancelar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Cancelar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Cargar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Cargar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Calcular{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Calcular:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Cerrar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Cerrar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Consultar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Consultar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_ConsultaC{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_ConsultaC:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Confirmar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Confirmar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Copiar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Copiar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Copiarde{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Copiarde:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Editar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Editar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Eliminar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Eliminar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Ejecutar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Ejecutar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Enviar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Enviar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Expander{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Expander:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Expediente{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Expediente:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Facturar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Facturar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Fiscal{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Fiscal:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Guardar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Guardar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Historia{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Historia:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Pagar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Pagar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Procesar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Procesar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_PDF{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_PDF:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Imprimir{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Imprimir:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Limpiar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Limpiar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Listado{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Listado:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Lecturas{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Lecturas:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Recibo{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Recibo:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Todos{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Todos:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Ver{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Ver:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Reativar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Reativar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Recargar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Recargar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_Regresar{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Regresar:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

.Btn_General {border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_GeneralG{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Laboral {border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_LaboralG{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}

/*************BOTONES SIN IMAGEN*******************/
.Btn_Universal{border:solid 1px #009900; border-radius:10px; padding:2px; width:100px; background:#093}
.Btn_Universal:hover{cursor: pointer; filter: drop-shadow(0 0 1px #333333);}

/******Enlaces*****************************/
a:link   {font-family:'Champagne & Limousines'; font-size:16px; color:#a42424; text-decoration:none} 
a:visited{font-family:'Champagne & Limousines'; font-size:16px; color:#a42424; text-decoration:none} 
a:Hover  {font-family:'Champagne & Limousines'; font-size:16px; color:#a42424; text-decoration:underline} 
a:Active {font-family:'Champagne & Limousines'; font-size:16px; color:#a42424; text-decoration:none}

/******Enlaces*****************************/
HyperLink:link   {font-size:16px; color:#FFFF00; text-decoration:none} 
HyperLink:visited{font-size:16px; color:#FFFF00; text-decoration:none} 
HyperLink:Hover  {font-size:16px; color:#FFFF00; text-decoration:underline} 
HyperLink:Active {font-size:16px; color:#FFFF00; text-decoration:none}

/**********Listas************/
ul {margin:0; padding:12px 0 17px 0px; list-style-type:circle line-height:14px; font-size:12px;}
ul li  {color:#000; text-decoration:none}
ul li a{color:#FFF; text-decoration:none; center left no-repeat; margin:0px; padding-left:12px;} 
ul li a:hover   {text-decoration:none; color:#FFF; }
ul li a:visited {text-decoration:none; color:#FFF; }
ul li a:link    {text-decoration:none; color:#FFF; }
ul li a:actived {text-decoration:none; color:#FFF; }

/***************Contenedores*************************************/
#Principal{width:100%; background-color:#F00;}
#Pestaña  {width:100%; margin:1px;  float:left; background-color:#333}
.Conte    {float:left; clear:both; width:100%; padding:0px; margin:0 auto; display:block; background:#CCC; border:1px solid #333; border-radius:0 7px 7px 7px;}
.ConteTab {padding:10px; font-size:1.2em; width:100%;}

ul.pes   {float:left; margin:0; padding:0; list-style:none; width:100%; margin-top:0px;}
ul.pes li{float:left; margin:0; padding:0; border:1px solid #000; background:#666; 
   border-radius: 7px 7px 0 0;}
ul.pes li a{text-decoration:none; color:#FFF; display:block; font-size:11px; border:1px solid #FFF;
   border-radius:5px 5px 0 0;}
ul.pes li a:hover{background:#CCC; color:#000}
ul.pes li.activa, ul.pes li.activa a, ul.pes li.activa a:hover{color:#000; font-weight:bold; background:#CCC;border-bottom:1px solid #000;}


/******************MENU DE OPCIONES**********************************************/
#menu{padding:0; margin:0; border:0; font-size:9px}
#menu ul,li{list-style:none; margin:0; padding:0;}
#menu ul   {position:relative; z-index:100; float:left;}
#menu ul li{float:left; min-height:1px; line-height:1em; vertical-align:middle;}
#menu ul li.hover,
#menu ul li:hover{position:relative; z-index:100; cursor:default;}
#menu ul ul{visibility:hidden; position:absolute; top:100%; left:0; z-index:100; width:100%;}
#menu ul ul li{float:none;}
#menu ul li:hover > ul{visibility:visible;}
#menu ul ul{top:0; left:100%;}
#menu ul li{float:none;}
#menu {width:90px;}
#menu span, #menu a{display:inline-block; font-family:Arial,Helvetica,sans-serif; font-size:8x; 
text-decoration:none;}

#menu:after, #menu ul:after{content:''; display:block; clear:both;}
#menu ul, #menu li {width:95%; text-decoration:none; font-size:9px}
#menu li{background:#CCC; color:#000;} /*diseño de menu*/
#menu li:hover{background:#666; color:#FFF;}/*Diseño de menual pasar sobre el*/
#menu a {padding:5px 25px 5px 3px; width:100%; font-size:8px}/*Enlace primario*/

#menu ul ul li{background:#666}/*Submenu diseño*/
#menu ul ul li:hover {background:#CCC;}/*Submenu Diseño al pasar*/
#menu ul ul li:hover a{color:#000;}/*Enlace Secundario*/