/*==========================================================================HTML================================================================*/
html {
	height: 100%;
}

body{
	margin:5px;
	padding:5px;
}

a{
	text-decoration:none;
}

label { 
   color:#31708f;
   font-size:18px;
   font-weight:bold;
   margin:20px 5px 5px 5px;
   display:block;
}

legend{
	font-size:14px;
	color:#009;
}
 

hr{
	margin:5px;
	width:100%;
}

button{
	margin:2px;
}


.textarea{
	margin:2px;
	width:100%;
	height:30px; 
}

.table_scroll, .table-scroll{
    overflow-x: auto;
	/*overflow: auto;*/
}

/*==================================================================== HOVERS ================================================================*/
a:hover, a:focus{
	text-decoration:none;
	color:#06F;
}

button:hover{
	background-color:#CCC;
	border:1px #000 solid;
}

/*====================================================================CONTENIDOS================================================================*/
#Encabezado, .Encabezado{
	margin:5px;
	width:100%;
}

#Contenido, .Contenido{
	margin:5px;
	width:100%;
}

#Pie, .Pie{
	font-size:14px;
	width:100%;
	padding:5px;
}


/*===================================================================VALIDACION================================================================*/

.loading{
	z-index:1003;
	position:fixed;
	width:100%;
	height:100%;
	border:1px solid #000;
	margin:0px;
	padding:10% 0px 0px 0px;
	top:0;left:0;
	text-align:center;
	background-color:#000;
	opacity: 0.4;
    filter: alpha(opacity=40); 
}

.error, #error{
	z-index:2;
	position:absolute;
	background-color:#F00;
	color:#FFF;
	padding:1px;
	display:none;
}

.exito, #exito{
	color:#090;
	padding:1px;
	display:none;
}

#oculto, .oculto, #oculto2, .oculto2, #oculto3, .oculto3, 
#oculto4, .oculto4, #oculto5, .oculto5, #oculto6, .oculto6, 
#oculto7, .oculto7, #oculto8, .oculto8, #oculto9, .oculto9, 
#oculto10, .oculto10{
	color:#FFF;
	padding:1px;
	display:none;
}

#DivCodRef, .DivCodRef{
	display:none;
}


/*===================================================================TABLAS============================================================*/
#tab1, .tab1, #tab2, .tab2{
	width:98%;
	margin:5px;
	text-align:center;
	font-size:12px;
}

/*===================================================================AUTOCOMPLETAR============================================================*/

.sujerencia{
	background-color:#006;
	color:#FFF;
}
.AutoClass{
	z-index:102; 
   	position:absolute;
	color:#00C;
	width:400px;
	height:300px;
	background-color:#66B3FF;
	border: solid #FFFFFF 1px;
	padding:5px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin:0px 0px 50px 0px;
}
#AutoDiv li, .AutoDiv li, .boton, .button{
	list-style:none;
	cursor:pointer;
}

.DivTotal{
	font-weight:bold;
	font-size:20px;
}


.text{
	font-weight:bold;
	font-size:14;
	padding:10px;
	margin:5px;
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
	width: 95%;
}