body{
	font-size: 16px;
	width: 100%;
	height: 768px;
	background: #BA8D49;
}
header{
	text-align: center;
}
input{
	background: white;
	border: 1px solid gray;
	border-radius: 5px;
	padding-left: 5px;
}
nav,#contenedorRecepcion{
	border: 0px solid red;
	width: auto;
	text-align: left;
	padding-left: 15%;
}
#msgPrueba{
	margin-top: 20px;
	border: 0;
	background: transparent;
	color: white;
	text-transform: uppercase;
	position: absolute;
	left: 70%;
	top: -35%;
}
#finder{
	background:url(../images/buscar-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	vertical-align: top;
}
#buscaSolicitud{
	background:url(../images/B_solicitud_oscuro-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#buscaSolicitud:hover{
	background:url(../images/buscar_solicitud-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
}
#contenedorRecepcion{
	position: relative;
	border: 0px solid red;
}
#areaDatosDocumento{
	position: absolute;
	top:-35%;
	left: 65%;
}
#msgFile{
	width: 100%;
	text-align: left;
}
#msgFile figure{
	width: 50%;
	height: 100%;
	text-align: left;
}
.msgFileOk{
	width: 100%;
	height: 50%;
}
#imgPng{
	width: 50%;
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
}
.msgFileError{
	width: 100%;
	height: 50%;
}
.lblRecepcion{
	width: 100px;
	border: 0px solid #CE9D00;
	text-align: right;
	display: inline-block;
}
.saltoLinea{
	margin-top: 1em;
}
#avatarFile{
	width: 90%;
	height: 345px;
	text-align: center;
}
.pdfFile{
	background: white;
	width: 90%;
	height: 340px;
}
.repDocumento{
	color: #6D4921;
	width: 100%;
	margin: 0;
	padding: 0.2em;
	border: 1px solid gray;
	border-radius: 0;
	text-align: center;
}
.headerDocumento{
	background: #6D4921;
	border-radius:0 !important;
	color: white;
	margin-right: 0;
	padding: 0.5em;
	text-transform: uppercase;
	text-align: left;
	width: 100%;
}
.contentDocumento{
	border: 1px solid lightgray;
	background: white;
	border-radius:0 !important;
	color: #6D4921;
	margin-right: 0;
	padding: 0.5em;
	text-transform: uppercase;
	text-align: left;
	width: 100%;
}
#gridCoin{
	display: block;
	width: 90%;
}
#lisResultados{

	width: 100%;
}
#lisResultados li{
	border:0px solid red;
	display: inline-block;
	vertical-align: top;
	width: 16%;
}

.desactivo{
	background: rgba(0,0,0,0.7) !important;
}
.activo{
	background: transparent !important;
}
nav ul, #listData, #listDataModal, #lisDocumentos{
	list-style: none;
}
#lisDocumentos{
	margin: 0;
	padding: 0;
	margin-top: 0.7em;

}
#lisDocumentos li{
	border: 0px solid red;
}
#lisDocumentos li:nth-child(odd){
	background: #CE9D00;
}
#lisDocumentos li > *{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	background: transparent !important;
	color: white;
	border: 1px solid transparent;
	
}
#lisDocumentos li:hover{
	background: #AC703D;
}
.seleccionaDocumento{
	background: gray !important;
	color: white !important;
}
#lisDocumentos li input{
	margin-right: 4px !important;
}
nav ul li{
	border: 0px solid blue;
	width: auto;
	margin: 1px;
	display: inline-block;
	vertical-align: top;
}
/*
#processSolicitud, #nuevoDoc{
	background: transparent;
	border: 1px solid rgba(0,0,0,0.6);
	padding: 0.5em;
	text-align: center;
	color: rgba(0,0,0,0.6);
}
#processSolicitud:hover, #nuevoDoc:hover{
	background: rgba(0,0,0,0.6);
	border: 1px solid rgba(0,0,0,0.9);
	cursor: pointer;
	color: white;
}*/
#processSolicitud{
	background:url(../images/procesa_soli-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 170px;
}
#nuevoDoc{
	background:url(../images/Nue_claro-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#nuevoDoc:hover{
	background:url(../images/Nue_scuro-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#fileUpload{
	background:url(../images/Adjuntar_archivo_claro-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#fileUpload:hover{
	background:url(../images/adjuntar_archivo_oscuro-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#historial{
	background:url(../images/historial_claro-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#historial:hover{
	background:url(../images/historial_oscuro-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#reportes{
	background:url(../images/gene_reprt_clar-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#reportes:hover{
	background:url(../images/gene_reprt_scu-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#bandeja{
	background:url(../images/bandeja_claro-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#bandeja:hover{
	background:url(../images/bandeja_oscuro-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#asignar{
	background:url(../images/Otro_usuario_clar-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#asignar:hover{
	background:url(../images/Otro_usuario_oscu-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#dataFinder{
	background:url(../images/buscar_clar-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#dataFinder:hover{
	background:url(../images/buscar_oscur-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#enProceso{
	background:url(../images/proceso_claro-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px;
	
}
#enProceso:hover{
	background:url(../images/proceso_oscuro-01.png) 0 0 no-repeat;
	border: 0;
	height: 42px;
	width: 130px;
	
}
#generarReporte{
	background:url(../images/Generar_claro-01.png) 0 0 no-repeat;
	border: 0;
	height: 42px;
	width: 130px !important;
	
}
#generarReporte:hover{
	background:url(../images/Generar_oscu-01.png) 0 0 no-repeat;
	border: 0;
	height: 40px;
	width: 130px !important;
	
}
#vtnTema > *, #vtnEstado > *, #vtnFecha > *{
	vertical-align: top;
}

#listData{
	width: 95%;
}
#listData li:nth-child(2n+0) {
   background-color: lightgray;
}
#listData li input{
	border: 0;
	border-right: 1px solid gray;
	border-radius: 0 !important;
	margin: 0;
	background: transparent;
	padding: 0.3em;
	text-align: right;
}
#listData li figure{
	display: inline-block;
	width: 10%;
	margin-left: 5%;
}
#listData li figure img{
	width: 30%;
	display: inline-block;
}
.cellData5{
	width: 5% !important;
}
.cellData10{
	width: 10% !important;
}
.cellData15{
	width: 15% !important;
}
.cellData20{
	width: 20% !important;
}
.cellData40{
	width: 40% !important;
}
.center{
	text-align: center !important;
	background: transparent !important;
	color: gray !important;
	text-transform: uppercase !important;
}
section{
	width: 100%;
	border: 0px solid black;
}
span figure{
	border: 0px solid blue;
	text-align: right;
	margin-left: 15%;
	width: 70%;
}
#formLogueo{
	width: 20%;
	border: 0px solid olive;
	padding: 10px;
	margin-left: 40%;
	margin-top: 50px;
	text-align: center;
}
#form{
	border: 0px solid red;
	background: #d6d2a0;
	width: 80%;
	margin-left: 10%;
	padding-top: 20px;
	height: 330px;
}
#navegacion{
	width: auto;
	margin-left: 70%;

	height: 30px;	
}
.btnPagAdmin{
	background: #C29470;
	border: 0;
	color: white;
	text-align: center;
	width: 25px;
	padding: 5px;
	margin: 0 3px 0 3px;

}
#form > *{
	display: inline-block;
	vertical-align: top;
	margin: 0.2em;
}
#form label{
	width: 20%;
	margin-left: 15%;
	text-align: right;
	padding-right: 2%;
}
#form input,#form select{
	width: 40%;
}
#formLogueo figure, #formLogueo input{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 5px;
}
#aceptar:hover, #btnIngresar:hover, nav ul li figure,#listData li figure img:hover{
	cursor: pointer;
}
#contentForm{
	border: 0px solid yellow;
	height: 350px;
	width: 100%;
}
#areaDatosDocumento,#areaVisualizaDocumento{
	display: inline-block;
	vertical-align: top;
	margin-left: 2%;
}
/*
#areaVisualizaDocumento{
	margin-left: 10% !important;	
}
*/
#areaVisualizaDocumento{
	background: #C29470;
	width: 55%;
	height: 350px;
	position: relative;
	border: 0px solid red;
}
#loadForm{
	position: absolute;
	top: 105%;
	left: 10%;
}
#frameResultServer{
	border: 0;
	background: white;
	position: absolute;
	top: 80%;
	left: 0;
	width: 100%;
	height: 20%;
}
#procesar:hover{
	cursor: pointer;
}
#lista-archivos{
	position: absolute;
	top: 10%;
	left: 10%;	
}
#areaDatosDocumento{
	border: 0px solid gray;
	margin-top: 20px;
	width: 25%;
}
#areaDatosDocumento ul{
	list-style: none;
}
#areaDatosDocumento ul li{
	margin:0;
	padding: 0;
	text-align: left;
}
#modalView, #modalDocumento, #modalAsignarDocumento, #modalReporteDocumento{
	background: rgba(255,255,255,0.7);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#modalArea,#areaDocumento,#modalBusqueda,#areaAsignarDocumento, #areaReporteDocumento{
	background: #BA8D49;
	box-shadow: 0 0px 20px 8px rgba(0,0,0,0.3);
	position: fixed;
	left: 50%;
	top: 50%;
	width: 70%;
	height: 80%;
	margin-top: -20%;
	margin-left: -35%;
	overflow: auto;
}
#modalHeader, #modalAsignarHeader, #modalReporteHeader{
	background: #CE9D00;
	border-bottom: 0px solid gray;
	text-align: center;
	width: 100%;
}
#modalBody, #modalBodyAsignar{
	height: 95%;
}
#modalHeader > *, #modalBody div, #modalAsignarHeader > *, #modalBodyAsignar fieldset, #modalReporteHeader > *{
	display: inline-block;
	vertical-align: top;
}
#resDatos{
	width: 100%;
	height: 190px;
	overflow:auto;
}
.datFound, .headerFound{
	width: 16%;
	border: 0;
	border-bottom: 1px solid gray;
	background: white;
	font: 8px;
	text-align: left;
}
#personalAsignar, #areaAsignar, #opcionesAsignar{
	width: 40%;
	height: 230px;
	display: inline-block;
	margin: 2%;
	color: #CE9D00;
}
#opcionFecha, #opcionTema, #opcionEstado{
	width: 90%;
	height: 300px;
	display: inline-block;
	margin: 2%;
	color: #CE9D00;
}
.fechas{
	margin-left: 5px;
}
#opcionesAsignar{
	display: block !important;
	height: 40px !important;
	background: white;
}
#personalAsignar legend, #areaAsignar legend, #opcionesAsignar legend, #opcionFecha legend, #opcionTema legend, #opcionEstado legend{
	background: #CE9D00;
	color: white;
}
.vtnDeshabilitado{
	background: rgba(0,0,0,0.7);
}
.vtnHabilitado{
	background: white;
}
input[name=opArea] {    
	display: inline-block;
	margin-left: 5px;
	
}
#lisPersonas,#lisAreas{
	margin-top: 3px;
	margin-left: 3px;
}
#areaArchivo{
	background: white;
	width: 100%;
	height: 60%;
}
#areaDatos{
	background: #CE9D00;
	width: 45%;
	height: 20%;
	display: inline-block;
}
#areaRespuesta{
	background: transparent;
	width: 45%;
	height: 20%;
	display: inline-block;
	padding-left: 3%;	
}
#areaRespuesta input{
	display: inline-block;
	float: right;
}
#respuesta{
	display: block;
	width: 90%;
	border-radius: 10px;
	height: 40%;
	padding: 0.5em;
	color: #CE9D00;
}
#areaObservaciones{
	background: white;
	width: 100%;
	height: 20%;
}
#closeFichaPersonal, #closeFindDocument, #closeAsignarPersonal, #closeReportePersonal{
	padding: 0;
	background: gray;
	color: white;
	float: right;
}
#closeFichaPersonal:hover, #closeFindDocument:hover, #closeAsignarPersonal:hover, #closeReportePersonal:hover{
	cursor: pointer;
}
#tituloOpcion, #tituloAsignarOpcion, #tituloReporteOpcion{
	float: center;
	text-transform: uppercase;
	color: gray;
}
#listDataModal{
	width: 80%;
	margin: 2em 0 0 10%;
	padding: 0;
}
#listDataModal li{
	margin-bottom: 0.5em;
}
#actualizar,#save{
	padding: 0.5em;
	border: 1px solid #CE9D00;
	background: transparent;
	text-align: center;
	color: white;
	float: right;
	margin-right: 20%;
}
#actualizar:hover,#save:hover{
	cursor: pointer;
	background: #CE9D00;
	color: gray;
}
.textDataModalInput,.selectModalActualiza,.textDataModalInputP{
	background: white;
	color:gray;
	border: 1px solid gray;
	border-radius: 0px !important;
	padding: 0.5em;
	width: 50%;
}
.headerDataModal{
	background: #6D4921;
	border-radius:0 !important;
	color: white;
	margin-right: 0.5em;
	padding: 0.5em;
	text-transform: uppercase;
	text-align: right;
	width: 20%;
}

.textDataModal{
	background: transparent;
	border: 1px solid #6D4921;
	padding: 0.5em;
	color:  rgba(0,0,0,0.7);
}

/*
	#CE9D00 amarillo
	#6D4921 cafe
*/

.suggest-element{
	margin-left:5px;
	margin-top:5px;
	width:350px;
	cursor:pointer;
}
#suggestions {
	width:auto;
	height:auto;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 70%;
	top: 44%;
}

#encontrados{
	list-style: none;
	margin: 0;
	padding: 0;
}
#encontrados li{
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 5px 0px;
	color: black;
	text-align: left;
}
#encontrados li:hover{
	background: lightgray;
	color: gray;
	cursor: pointer;
}
#listMenu{
	position: relative;
}


#contenedorDestinatario{
	display: inline-block;
	vertical-align: top;
	border: 0px solid red;
}
#filtros{
	width: 20%;
	display: inline-block;
	vertical-align: top;
	margin: 0.5em;
	border-top: 1px dashed white;
	border-left: 1px dashed white;
	border-bottom: 1px dashed white;
	height: 400px;
}
#filtros >*{
	display: block;
	vertical-align: top;
	margin: 0.5em;
	text-align: center;
}
#resDocumentos{
	width: 70%;
	display: inline-block;
	vertical-align: top;
	margin: 0.5em;
	border: 1px dashed white;	
}
#filtros{
	margin-right:0;
}
#resDocumentos{
	margin-left:0;	
}
#headerDocumentos,#bodyDocumentos,#footerDocumentos{
	display: block;
	vertical-align: top;
}
#footerDocumentos{
	border-top: 1px dashed white;		
}
#headerDocumentos,#footerDocumentos{
	height: 20px;
}
#bodyDocumentos{
	border: 0px solid gray;
	height: 350px;
}
.hDocumento1{
	width: 20%;
}
.hDocumento2{
	width: 3%;
}
.hDocumento3{
	width: 1.5%;
}
.pDocumento1{
	width: 15%;
}
.pDocumento2{
	width: 10%;
}
.pDocumento1:hover,.pDocumento2:hover{
	cursor: pointer;
	background: white;
	color: gray;
}
.hDocumento2,.hDocumento1,.hDocumento3,.pDocumento1,.pDocumento2,.hDocumento2Image{
	height: 20px;
	background: #6D4921;
	padding: 3px;
	text-align: center;
	border: 1px solid gray;
	border-radius: 0;
	margin: 0px !important;
}
.hDocumento2Image{
	width: 26%;
	margin-right: 4px !important;
	background: transparent;
	color: white;
}
#frameArchivo{
	border: 0px solid cyan;
	width: 100%;
	height: 100%;
}
#tituloPiePagina{
	float: left;
	width: 80%;
	border: 0px solid black;
}
#paginacion{
	float: right;
	width: 20%;
	text-align: right;
}
#tituloPiePagina,#paginacion,#tituloPiePagina div{
	display: inline-block;
	vertical-align: top;
}
#izqMensaje{
	width: 40%;
	border: 0px solid red;
}
#derMensaje{
	width: 20%;
	border: 0px solid blue;	
	float: right;
	text-align: right;
}
#lblFiltro{
	background: #C29470;
}
#bandeja{
	margin-left: 50px;
}
#buscarDocumento{
	margin-left: 50px;	
}