body {
	background-color: #EDEDED;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	margin: 0px; border:0px
}

form {margin: 0px; padding: 0px; border: 0px}

.boton {background: #FFFFFF url(../img/fondoboton.jpg) repeat-x; height:17px; border-top: #617C8D 1px solid; border-left: #617C8D 1px solid; border-right: #99B7CA 1px solid; border-bottom: #99B7CA 1px solid; padding:0px;font-size:9px; color: #333333; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; padding-top:1px; margin:0px; height:18px}

div.avisos { 
     border: 1px solid white; 
     background: red; 
     color: white; 
     padding-left: 5px; 
     padding-right: 5px; 
     padding-top: 3px; 
     padding-bottom: 3px; 
     font-weight: bold; 
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
     font-size: small; 
}


.pagina {width: 1000px; margin: 0px auto; border: #D5D5D5 1px solid; background-color:#FFFFFF}

/*################### ESTILOS DE LA CABECERA ################################*/

.cabecera {width: 1000px; height: 130px; background: url(../img/bannerf2.jpg) repeat-x; overflow:hidden}
	.cabecera .logo{width: 354px; height:130px; background :url(../img/bannerf1.jpg) no-repeat; float:left; overflow:hidden}
	.cabecera .resto{width:646px; height:130px; float:right; overflow:hidden}
		.cabecera .resto .superior{width:646px; height: 95px; overflow:hidden}
			.cabecera .resto .superior .usuario {width: 276px; height: 55px; padding: 40px 0px 0px 20px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666}
			.cabecera .resto .superior .grafico {width: 330px; height: 95px; float:right}
		
		
		.cabecera .resto .menu {width: 626px; height:24px; padding: 10px 0px 0px 20px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold}
			.cabecera .resto .menu .opciones {float:left}
	
					.menu .opciones  .puntomenu{background:url(../img/flechamenu.gif) left no-repeat; padding: 1px 0px 0px 20px; float:left; margin-right: 10px}
					.menu .opciones .puntomenuactivo {background:url(../img/flechamenu.gif) left no-repeat; padding: 1px 0px 0px 20px; float:left; margin-right: 10px; color:#999999; text-decoration:underline}

					.menu .opciones .puntomenu a{color: #333333; text-decoration:none}
					.menu .opciones .puntomenuactivo a{color: #999999; text-decoration: underline}
			.cabecera .resto .menu .iconos {float:right}
			.cabecera .resto .menu .iconos img {margin-right: 3px}

/*################### FIN ESTILOS DE LA CABECERA ################################*/

/*################### ESTILOS DE CONTENIDO ################################*/
.contenido {width: 880px; padding: 17px 60px; margin-bottom: 10px}
.contenido form {margin:0px; padding:0px}

	.contenido .barramenu {width: 880px; height:20px}
		.contenido .barramenu .izda {width: 400px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #333333}
		
		
		.contenido .barramenu .dcha {width:400px; float:right; text-align:right}
				   .barramenu .dcha a{color: #333333; font-weight:bold}
		
	.contenido .central {width: 880px; margin:25px 0px 10px 0px; overflow:visible; min-height: 276px}
/*Estilos de pantalla login*/

.cajalogin {width: 261px; height:183px; background:url(../img/flogin.jpg) no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 12px; font-weight: bold; color: #333333; margin: 20px auto; padding: 60px 0px 0px 160px}
	.cajalogin form {margin: 0px; padding-right: 10px}
	.cajalogin input {border: #E5E5E5 1px solid; padding: 1px 2px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
	
.binevenida {font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size: 14px; font-weight: normal}

/*Estilos de cajas de página de inicio*/
		.contenido .central .cajaindex {width: 198px; height:255px; float:left}
					.cajaindex h1{ font-family:Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 1500; padding: 25px 0px 0px 75px; color:#FFFFFF; border:0px; margin:0px}
					.cajaindex p {margin: 30px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8F8F8F; padding: 0px 30px; height: 128px}
					.cajaindex .botones {margin: 5px 0px 0px 0px; padding: 0px; text-align:center}
					
/*Estilos de ayuda*/
					.central .ayuda {color:#666666; font-size: 12px; overflow:visible; height: 600px}
					.central .ayuda ol{padding: 0px; margin:20px; color:#666666}
					.central .ayuda li{padding: 0px; margin: 10px}
					
					
	
		.contenido .barrapie {width: 880px; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #999999}
		.contenido .barrapie a{font-size: 10px; color: #666666}
		.contenido .barrapie img{margin-bottom: -5px}
		
/*Estilos de bloque de busqueda en la parte superior de las tablas*/

.buscatabla {width: 650px; height: 25px; margin: 0px auto}
	.buscatabla select{border: #E5E5E5 1px solid; padding: 1px 2px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #333333}
	.buscatabla input {border: #999999 1px solid; padding: 1px 2px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}

/*Estilos de bloque izquierdo de apartados de ficha (poliza)*/
		.apartados {float:left; border-right:#CCCCCC 2px dotted; padding: 0px 10px 0px 0px}
		.apartados h1 {color: #333333; font-size: 14px; font-weight: bold; text-decoration: underline; margin: 0px 0px 10px 0px; padding: 0px;}
		.apartados ul {margin: 5px 0px 5px 20px; padding:0px; color: #666666; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"}
		.apartados li {margin-bottom: 3px}
		.apartados a{color: #666666; text-decoration:none}
		.apartados a:hover{text-decoration:underline}


/*################### FIN ESTILOS DE CONTENIDO ################################*/

/*################### INICIO DE ESTILOS DE PIE ################################*/
.pie {width:1000px; height:63px; background: url(../img/piefondo.jpg) repeat-x}

	.pie .leyenda{float:left; width: 380px; height: 38px; padding: 25px 0px 0px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #999999}		
	.pie .logofabr{float:right; height: 63px; width: 400px}
		 .logofabr img{float:right} 
			 
/*################### FIN DE ESTILOS DE PIE ################################*/

/* TABLA DE LISTADO DE REGISTROS*/

.tabladatos {border: #EEEEEE 2px solid; padding: 0px; margin-left: auto; margin-right: auto;  text-align:left; color:#999999; background: #EEEEEE }

	.tabladatos caption {background: #2062B0;/*ESTE ES EL COLOR DE FONDO QUE ES VARIABLE*/ color: #FFFFFF; margin-left: auto; margin-right:auto; padding:5px; padding-right: 8px; text-align:right; font-size: 12px; font-weight:bold} /* Ojo con el caption, los margenes deben ser iguales que en la tabla ya que firefox lo maneja independientemente de la tabla */
.tabladatos th {color: #C30638; font-weight: bold; padding: 0px 6px; font-size: 10pt}
.tabladatos td {margin:0px; border:0px; padding: 1px 6px; font-size: 8pt;}
.tabladatos .filaimpar { background:#FFFFFF; margin: 0px; padding:0px; border:0px}
.tabladatos tfoot {background-color: #CDCDCD ; color:#FFFFFF; text-align:right}
	.tabladatos .pietabla {padding: 2px}
	
	
/* TABLA DE FICHAS*/

.tablaficha {border: #EEEEEE 2px solid; padding: 0px; margin-left: auto; margin-right: auto;  text-align:left; color:#999999; background: #EEEEEE }

	.tablaficha caption {background: #2062B0;/*ESTE ES EL COLOR DE FONDO QUE ES VARIABLE*/ color: #FFFFFF; margin-left: auto; margin-right:auto; padding:5px; padding-right: 8px; text-align:LEFT; font-size: 14px; font-weight:bold} /* Ojo con el caption, los margenes deben ser iguales que en la tabla ya que firefox lo maneja independientemente de la tabla */
	.tablaficha caption .cajatitulo {overflow: visible}
	.tablaficha caption .cajatitulo .left {float: left; padding-left: 10px}
	.tablaficha caption .cajatitulo .right {float: right; padding-right: 10px}
	
.tablaficha th {color: #C30638; font-weight: bold; padding: 0px 6px; font-size: 10pt; width: 250px}
.tablaficha td {margin:0px; padding: 1px 6px; font-size: 8pt; color: #2062B0 /*OTRO COLOR VARIABLE*/}
	.tablaficha .izd {border-left: #2062B0 /*ESTE ES EL OTRO COLOR DE FONDO QUE ES VARIABLE*/1px solid}
	.tablaficha .celdadato {color:#000000}

.tablaficha .filaimpar { background:#FFFFFF; margin: 0px; padding:0px; border:0px}
.tablaficha tfoot {background-color: #CDCDCD ; color:#FFFFFF; text-align:right}
	.tablaficha .pietabla {padding: 2px}
	/*ESTILOS DE FORMULARIO PARA LAS FICHAS*/
			.tablaficha input {border: #999999 1px solid; padding: 1px 2px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}
			.tablaficha select{border: #E5E5E5 1px solid; padding: 1px 2px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #333333}
		 	 .tablaficha textarea {border: #999999 1px solid; padding: 1px 2px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}
