﻿
#nav, #nav ul{
padding:0;
margin-left:1%;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
z-index:20;
}

#nav a{
display:block;
padding:0px 5px;
/*border:1px solid #333;*/
border:1px solid #000000;
color:#fff;
text-decoration:none;
/*background-image:url(menu.png);*/
background-color:#000000;
/*background-color:#333;*/
}

#nav a:hover{
background-color:#fff;
color:#003648;
/*color:#333;*/
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav li ul a{
/*width:12em;*/
width:13.8em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
/*///////////////////////////////////////////////////////*/
body {
	background-image: url(body.gif);
	margin: 0px;
	padding: 0px;
}

#mainhead {
	display: block;
	position: relative;
	height: 20%;
	margin: 0px;
	background-position: bottom;

}

#mainhead div.logo {
	float:left;
	display: block;
	position: relative;
	top: 10px;
	left: 15px;
	height: 80px;
	width: 17%;
	color:#073300;
	
}

#mainhead div.texto {
	float:right;
	display: block;
	position: relative;
	text-align:left;	
	top: 0px;
	font-weight: bolder;
	font-size: 16px;
	height: 95px;
	width: 100%;
/*	color:#080A2D;*/
	color:#FFFFFF;
	background-image: url(sAyZLi.png);
	
}
 
.informacion{
float:right;
display: block;
position: absolute;
top: 24px;
font-weight: normal;
font-size: 16px;
width: 100%;
color:#FFFFFF;
text-align:center;

}

.salir a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}

.salir{
	
	margin-left: 0px;
	padding-left:270px;
}
/* -------------- Contenido Principal del sitio ------------------ */

#mainmenu {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 210px;
	height: 520px;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
	background-image: url(sAyZLi.png);
}

.line{
	display: block;
	position: relative;
	height: 25px;
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(line.gif);
	background-position: center;
	background-repeat: repeat-x;
}

.line2{
	display: block;
	position: relative;
	height: 25px;
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(line.gif);
	background-position: center;
	background-repeat: repeat-x;
}

#mainbody {
    width:100%;
	display: block;
	background-image: url(body.gif);
	background-position:center;
	background-repeat:no-repeat;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	background-color: #ffffff;
	overflow: auto;
	height: 580px;
}

#bodyarea {
	padding: 0px 10px 20px;
	/*height: auto;*/
	overflow-y: auto;
	overflow-x: auto;
}

#content{
	display: block;
	position: relative;
	margin: 0px;
	height: auto;
	overflow: auto;
}

#menulist {
	display: block;
	position: relative;
	list-style: none;
	margin: 5px;
	padding: 0px;
}
/* menu principal de operaciones*/
#menulist li.principal1{
	/*background-image: url(boton-naranja.gif);*/
	display: block;
	position: relative;
	min-height: 30px;
	background-color: #FFFFFF;
	font-size: 10pt;
	text-decoration: none;
}

#menulist > li.principal1 > a:link, #menulist > li.principal1 > a:visited {
	display: block;
	position: relative;
	min-height: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 30px;
	padding-left: 5px;
	background-position: 5px 3px;
	background-repeat: no-repeat;
}
/*menu principal de finanzas*/
#menulist li.principal2{
	/*background-image: url(boton-azul.gif);*/
	display: block;
	position: relative;
	min-height: 30px;
	background-color: #FFFFFF;
	font-size: 10pt;
	text-decoration: none;
}

#menulist > li.principal2 > a:link, #menulist > li.principal2 > a:visited {
	display: block;
	position: relative;
	min-height: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 30px;
	padding-left: 5px;
	background-position: 5px 3px;
	background-repeat: no-repeat;
}
/*menu principal servicios*/
#menulist li.principal3{
	/*background-image: url(boton-verde.gif);*/
	display: block;
	position: relative;
	min-height: 30px;
	background-color: #FFFFFF;
	font-size: 10pt;
	text-decoration: none;
}

#menulist > li.principal3 > a:link, #menulist > li.principal3 > a:visited {
	display: block;
	position: relative;
	min-height: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 30px;
	padding-left: 5px;
	background-position: 5px 3px;
	background-repeat: no-repeat;
	z-index:auto;
}
/*MENU de botones en la parte de arribaaaaaa borrralo si no sirve*/
#mainmen {
width:auto;
    display: block;
	height: 30px;
	margin-left: 0px;
	background-position: bottom;
	background-image:
}

.menuhhh {
	font: 96% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-left:215px;
}

.menuhhh ul, li {
	list-style-type: none;
}

.menuhhh ul {
	margin: 0;
	padding: 0;
}

.menuhhh li {
	float: left;
}

.menuhhh a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 10px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 0;

}

.menuhhh a#priconfig {
	border-left: 1px solid #ACCFE8;
}

.menuhhh a:hover {
	background: #DBEBF6;
}

.submeniu {
	position:relative;
	display: none;
	z-index:20;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 0 1px;
	width: 150px;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.submeniu ul, li {
	list-style-type: none;
}

.submeniu ul {
	margin: 0;
	padding: 0;
}

.submeniu li {
	border-bottom: 1px solid #ACCFE8;
}

.submeniu a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 6px;
	width: 138px;
}

.submeniu a:hover {
	background: #DBEBF6;
}

/* termino estilos menus principales*/
.menup{
	display: none;
}

.menup li.categoria {
	/*background-image: url(boton-amarillo.gif);*/
	display: block;
	position: relative;
	min-height: 30px;
	background-color: #FFFFFF;
	font-size: 10pt;
	text-decoration: none;
}

.menup > li.categoria > a:link, .menup > li.categoria > a:visited {
	display: block;
	position: relative;
	height: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 30px;
	padding-left: 5px;
	background-position: 5px 3px;
	background-repeat: no-repeat;
}
.submenu{
	display: none;
}
.submenu li{
display: block;
min-height: 30px;
background-color: #FFFFFF;
font-size: 8pt;
text-decoration: none;
/*background-image: url(boton-gris.gif);*/
background-position:center;

}
.submenu li > a:link, .submenu > li > a:visited {

	font-size: 8pt;
	display: block;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 30px;
	padding-left: 10px;
	background-position: 5px 3px;
	background-repeat: no-repeat;
}
.submenu2{
	display: none;
}
.submenu2 li{
/*background-image: url(buttonp.gif);*/
}
.submenu2 li > a:link, .submenu2 > li > a:visited {
	font-size: 8pt;
	display: block;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 20px;
	padding-left: 30px;
	background-position: 5px 3px;
	background-repeat: no-repeat;
}

#bodytop {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 20px;
	background-image: url(bodytop.gif);
	background-repeat: repeat-x;
}

@media print {
	#mainhead, #mainmenu {
		display: none;
	}
	
	#mainbody {
		width:auto;
		margin: 50px !important;
	}
	
}

.mark{
	margin: 0em 0;
}

.labizq{
  width: 100%;
  float: left;
}
.labls{
margin: 10px 5px 10px;
}
#fragment-21 label{
  width: 30%;
  float: left;
}
#fragment-21 span{
	display: block;
}
.info{
	color:#FF0000;
	font-style:italic;
}

.ContTabul {
      border-left: 1px solid #CCC;
      border-right: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      padding: 1px 0px 1px 0px;
}
ul#tabnav {
      list-style-type: none;
      margin: 0;
      padding-left: 40px;
      padding-bottom: 24px;
      border-bottom: 1px solid #CCC;
      font: 11px verdana, arial, sans-serif;
}
ul#tabnav li {
      float: left;
      height: 21px;
      background-color: #E4E4E4;
	  /*background-color: #D8D9DB;*/
      color: #666;
      margin: 2px 10px 0 2px;
      border: 1px solid #CCC;
}
ul#tabnav a:link, ul#tabnav a:visited {
      display: block;
      color: #666;
      text-decoration: none;
      padding: 4px;
}
ul#tabnav a:hover {
      background-color: #CCC;
      color: #666;
}
#tabnav .activo {
      border-bottom: 1px solid #fff;
      color: #000000;
      background-color: #FFFFFF;
}
#tabnav .activo1 {
      border-bottom: 1px solid #FFFFFF;
      color: #111111;
      background-color: #FFFFFF;
}
	.tableScroll
	{
		overflow-y: auto; 
		overflow: auto;		
		color: #000000;
	}
	.container
	{
		overflow-y:auto !important;
		overflow-x:hidden;
		overflow:-moz-scrollbars-none;
		overflow:-moz-scrollbars-vertical; 
	}
	
	.col0{
	background-color:#ccff66;
	color:#785200;
	}
	.col1{
	background-color:#E0FFDD;
	color:#785200;

	}
	.enc{
	background-color:#66aa33;
	color:black;
	}

	
.titl{
	color: #003935;
	
}

form > table{
	/*background-color: #cccc8f;*/
	background-color: #D8D9DB;  
	
}

input, select{
	/*background-color: #FFFFFF;*/
	background-color: #FF00;
}

.second{
	background-color: #2298a6; 
	color: #0D445D;
	padding: 5px;
	font-size: 10pt;
}

#form { width: auto; }
#form label { width: 250px; }
#form label.error, #form input.submit { margin: 0px; }
label.error {color:#FF0000; font-size: 8pt; }

a.remove{
	float: left;
	width: 14px;
	height: 16px;
	padding: 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(delete.png); 
}
#foot {
display: block;
	/*height: 60px;
	margin: 0px;*/
	position:relative;
	background-color: #FFFF;
	background-image: url(pie.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	left:0px;
    height:60px; width:100%;

}
/******************* infogralfondo ***************/
/******************* menu perfiles ***************/
.princ{
	font-weight: bold;	
	font-size:14px;
}

.municipio{
	padding-left: 25px;
}

.cat{
	font-weight:normal;
	text-decoration: none;
	left:10px;
}
.sub{
	font-weight:normal;
	text-decoration: none;
	left: 10px;
}
.sub2{
	font-weight:normal;
	text-decoration: none;
	left: 10px;
}


/*******************programacion******************/
#TablaIns tr{
	cursor: crosshair;
}
#tablaarea tr{
	cursor: crosshair;
}
#tableins tr{
	cursor: crosshair;
}
#vartabla tr{
	cursor: crosshair;
}
/*th tabla sortter*/
th.header { 
    cursor: pointer; 
    font-weight: bold; 
	font-size:10px;
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 
 
td.renglones { 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
}
/******************* solaseg *********************/
.otro{
	display: none;
}

#habilitador option{
	font-size:8pt; width: 15em;
}

#tablacons .tableScroll, #tabla .tableScroll{
	background-color: #003300;
	color:#FFFF66 !important;
	font-size: 8pt;
}

#tabla .tableScroll{
background-color: #ffffff !important;
	color:#000000 !important;
	font-size: 8pt;
}


#tablacons .tableScroll tr{
	border-color:#FFFFFF;
}
/***********************************/
/********const**********/

#grid .tableScroll{
	background-color: #CCCCCC !important;
	color:#000000 !important;
	font-size: 8pt;
}

#grid .tableScroll tr{
	background-color: #FFFFFF;
	padding: 1px;
}
/************************************/
/*************endosos****************/
a.down{	
	width: 18px;
	height: 18px;
	padding: 0;
	text-decoration: none;
	color: #FFFFFF;
	text-indent: -2000px;
	overflow: hidden;
	background: url(arrowdown.gif) no-repeat; 
}

a.up{
	width: 18px;
	height: 18px;
	padding: 0;
	text-decoration: none;
	color: #FFFFFF;
	text-indent: -2000px;
	overflow: hidden;
	background: url(arrowup.gif) no-repeat; 
}

#detalles input{
	text-align: right;
}
/************************************/
/***********solendoso****************/
#inciso .tableScroll thead th{
	background-color: #666666;
	color:  #ffff66;
}

#inciso .tableScroll{
	background-color: #ffff66 !important;
	color:#ffff66 !important;
	font-size: 8pt;
}

#inciso .tableScroll tr{
	background-color: #003300;
	padding: 1px;
}

#consultaxgen{
	height: auto !important;
}

a.search{	
	
	float: left;
	width: 20px;
	height: 20px;
	padding: 0;
	text-decoration: none;
	color: #003300;
	text-indent: -2000px;
	overflow: hidden;
	background: url(search.gif) no-repeat; 
}

.mod{
	font-size: 9pt;
	width: auto;
	align: center; 
}
/************************************/
.divParametros1{
	
}

.divParametros2{
	z-index:100;
	 position:absolute;
	  left: inherit; 
	  top: inherit;
	   background-color:#009933; 
	   border:medium dashed;
	   overflow:auto;
}

.vert{
	font-size: 10px;
	display: block;
	text-align: center;
}

.selected{
	/*background-color: #FFFF66; 	*/
	background-color: #FFEE22;
	color:#000000;	
    font-weight: bolder;
	font-style:italic;
}

.table2{
	font-family:arial;
	background-color: #FFFF66;
	font-size: 8pt;
	width: 98%;
	text-align: left;
}

.table2 thead tr th {
	background-color: #FFFF66;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
.table2 tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
.table2 tbody tr.odd td {
	background-color:#F0F0F6;
}
.date-pick{
	width: 6em !important;
}
.relem{
	display: none;
}
/* repdinamico */
#dvElementos select{
font-size: 9px; width: 13em;
}
input[readonly="true"],input[readonly],input[readonly="readonly"]{
	background-color: #999999;
	/*#003935;*/
}
input[type="button"],input[type="submit"],input[type="reset"]{
	/*background-color:#000000; */
}
thead{
	background: #003935;
	color:#FFFFFF;
}

.selectalter{
	background-color: #33FFFF;
	color:#000000;	
    font-weight: bolder;
	font-style:italic;
}
.Estilo7 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
}
.Estilo6 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

ul.sample {
	list-style-type: inherit;
	list-style-image: none;
	list-style-position: inside;
}

.ulmenuli { font-style: italic; 
}

.required{
}

.borrame{
}

.required_full{
border-style:double;
border-color:#000033;
}
.st_option{
    font-size:11px;
}

.tabla_listado{
	/*border:ridge 1px;*/
	border-color:#000;
	background-color:#FFFFFF;
	
}

.tabla_listado tr, .tabla_listado td{
	margin:0;
	padding:0;
		border-collapse:collapse;
	border-color:#000;
	/*border:ridge .5px;*/
	border-spacing:0;
}

.anchoSel
{
  width: 10em;
} 

.blocked{
    color:#FFFFFF;
	background-color:#660000; /*#333333;*/
}