body{
 font: 9pt arial;
 color: #000;
 margin:0px;
 padding:0px;
}
#contenedor{
 width:100%;
}
#menu{
 height:70px;
 padding-top:10px;
 background-color:#000;
 color:#fff;
 min-width:1000px;
}
#menu a{
 color:#fff;
 text-decoration:none;
 display:block;
 width:80px;
 height:20px;
 text-align:center;
 padding-top:30px;
}
#menu .izquierda a.promotor{
 background: url(/images/promotores.png) no-repeat center top;
}
#menu .izquierda a.proveedor{
 background: url(/images/proveedores.png) no-repeat center top;
}
#menu .izquierda a.proyecto{
 background: url(/images/proyectos.png) no-repeat center top;
}
#menu .izquierda a.usuario{
 background: url(/images/usuarios.png) no-repeat center top;
}
#menu .izquierda a.contabilidad{
 background: url(/images/tablas.png) no-repeat center top;
}
#menu .izquierda a.web{
 background: url(/images/web.png) no-repeat center top;
}

#menu .izquierda a.configuracion{
 background: url(/images/configuracion.png) no-repeat center top;
}
#menu .izquierda a.listado{
 background: url(/images/listados.png) no-repeat center top;
}

#menu .derecha a.salir{
 background: url(/images/salir.png) no-repeat center top;
}
/* Buscador Superior*/
#menu .buscador{ float:left;width:400px;position:relative;}
#menu .buscador input.cuadro{ color:#aaa;
 position:absolute;top:11px;left:0px;
}
#menu .buscador input.buscar{
 width:32px;height:32px; border:none;position:absolute;top:7px;left:152px;
 background: url(/images/buscar.png) no-repeat center top;
}
#avisos{
	width:40%;
	margin: 10px auto;
	padding:5px 20px;
	border:2px solid #700;
}
#avisos h2{
	margin:3px;
}
/* ------- */
.derecha{
 float:right;
}
.izquierda{
 float:left;
}
#menu div,#menusuperior div{
 margin-left:10px;
 margin-right:10px;
}
#menusuperior{
 
 border:1px solid #666;
 color:#000;
 margin-bottom:5px;
 padding:10px;
}
#menusuperior h4{
 font:bold 14pt arial;
 margin:0px;
 padding-top:15px;
}
#menusuperior a{
 color:#444;
 text-decoration:none;
 display:block;
 width:50px;
 height:20px;
 text-align:center;
 padding-top:30px;
}
#menusuperior .buscador{ float:left;margin-left:50px;position:relative;}
#menusuperior .buscador input.cuadro{ color:#777; position:relative;top:12px;float:left;}
#menusuperior .buscador .check{ font-weight:bold;color:#000; position:relative;top:15px;float:left;}
#menusuperior .buscador .check input{ width:20px; position:relative;top:0px;}
#menusuperior .buscador input.buscar{
 width:32px;height:32px; border:none;position:relative;top:8px;float:left;
 background: url(/images/buscar.png) no-repeat center top;
}
#menusuperior .buscador .desplegable{
 height:32px;position:relative;top:13px;float:left;margin-right:10px;
}
/* ------- */
#menusuperior a.nuevo{
 background: url(/images/nuevo.png) no-repeat center top;
}
#menusuperior a.borrar{
 background: url(/images/borrar.png) no-repeat center top;
}
#menusuperior a.guardar{
 background: url(/images/guardar.png) no-repeat center top;
}
#menusuperior a.galeria{
 background: url(/images/fotografia.png) no-repeat center top;
}
#menusuperior a.imprimir{
 background: url(/images/imprimir.png) no-repeat center top;
}
#menusuperior a.volver{
 background: url(/images/volver.png) no-repeat center top;
}
#menusuperior .lectura{
	float:left;
	margin-left: 30px;
	padding-top:13px;
}
#contenido{
 padding:10px;
}
#copy{
  padding-top:3px;
  font:8pt arial;
  text-align:center;
}
#copy .ayuda{
  float:right;
}

.limpiar{
 clear:both;
}
.limpiarderecha{
 clear:right;
}
.limpiarizquierda{
 clear:left;
}
/* ----  T A B L A S ----- */
table.tablas_nuevas tbody td a,table.tablas_nuevas tbody td{
	color:#222;
	font:9pt arial;	
	text-decoration:none;
}
.dataTables_length label,.dataTables_filter label{
	width:auto;
}
table.lista{
 width:100%;
 border-collapse: collapse;
}
table.lista th,table.lista td{
 border-collapse: collapse;
 height:30px;
}
table.lista thead th{
 background-color: #eee;
 border:1px solid #000;
 color:#000;
 font:9pt arial;
}
table.lista tbody tr:hover{
 background-color: #c2c2c2;
}
table.lista tbody tr.hoy{
 background-color: #b2b2b2;
}
table.lista tbody tr.hoy:hover{
 background-color: #929292;
}
table.lista tbody th{
 font:bold 8pt arial;
 border:1px solid #444;
 background-color: #ccc;
 padding-left:3px;
 padding-right:3px;
}
table.lista tbody td{
 font:8pt arial;
 border:1px solid #444;
 padding-left:3px;
 padding-right:3px;
}
table.lista tbody th a{
 text-decoration:none;
 color:#000;
 display:block;
}
table.lista tbody td a{
 text-decoration:none;
 color:#000;
 display:block;
 height:22px;
 padding-top:8px;
}
table.lista tbody td a span{
 color:#555;
 font-size:0.9em;
}
table.lista tbody td a.ver{
 background:url(/images/buscar.png) no-repeat right top;font-weight:bold;text-align:left;
}
.boton input{
 height:50px;
}
/* -------- E L E M E N T O S    D E    F O R M U L A R I O S ------- */
fieldset.simple{
 width:500px;float:left;
}
fieldset.derecho{
 width:500px;float:right;
}
legend{
 padding-bottom:14px;
 color:#005;
 font:bold 10pt arial;
 text-transform:uppercase;
 text-decoration:underline;
}
.informaciongeneral{
 margin:10px 0px;text-align: left; 
 font-size:12pt;
 color:#444;
}

.campo{
 margin:5px;
 margin-right:40px;
 float:left;
}
.campomultiple{
 margin:5px;
 width:300px;
 float:left;
 margin-right:20px;
}
label{
 display:block;
 width:150px;
 font:9pt arial;
}
input{
 font:9pt arial;
 width:150px;
}
input:focus{
 background-color:#eee;
}
input.largo{
 width:280px;
}
input.corto{
 width:80px;
}
input.radio{
 width:20px;
}
input.boton,input.botonver{
 cursor:pointer;
 padding-top:34px;
 width:70px;
 border:none;
 font-size:8pt;
 margin:2px;
}
input.boton{background: transparent url(/images/nuevo.png) top center no-repeat;}
input.botonver{background: transparent url(/images/ver.png) top center no-repeat;}

input.radio:focus{
 background-color:transparent;
}
textarea{
 width:400px;
 height:120px;
 font:9pt arial;
 overflow:auto;
}
select{
 font:9pt arial;
}
textarea.largo{
 width:650px;
 height:450px;
}
textarea:focus{
 background-color:#eee;
}
span.explicativo{
 font-size:7pt;
}
.info{
 text-align:center;
 font:bold 10pt arial;
 padding:10px 0px;
 color:#500;
}
ul{list-style: none;}
ul.vertical li{display:block;clear:both;}
a.enlacedestacado{text-decoration:none;color:#000099;}
a.enlacedestacado:hover{color:#000055;}
a.enlace{text-decoration:none;color:#777777;}
a.enlace:hover{color:#444444;}

.botongenerico{
 float:left;
 color:#fff;
 background-color:#000; text-decoration:none;
 display:block; width:120px; text-align:center;
 padding:5px; border:2px inset #444;
 margin-bottom:5px;
}
.botongenerico:hover{background-color:#444;border-color:#777;}
/* -------- PAGINACION ---------- */
a.paginacion{
 color:#000;
 text-decoration:none;
}
a.paginacion:hover{
 color:#aaa;
}
