/* CSS ABMs */

/*
Tabla de colores:
=================

General: #F1F6FF

*/

body {margin:0 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; background:#FFFFFF}

*,*:hover {outline:0}

h1 {margin:0; padding:0; font-size:1.2em; font-weight:bold}
h2 {margin:0; padding:0; font-size:1.2em; font-weight:bold}
h3 {margin:0; padding:0; font-size:1.05em; font-weight:bold}

a {text-decoration:none; color:#333333}
a:hover {color:#FF6600}

img {border:0; margin:0; padding:0}

table {font-size:11px}
.tituloAdmin {color:#333333; background-color:#FFFFFF; font-size:1.2em; font-weight:bold}
tr.menuPrincipal {background:#FFFFFF url(../images/ico/barraTitulo.jpg) left bottom repeat-x}

table.conBordes {border:solid 1px #999999}

table .barraTitulo {font-weight:bold; font-size:11px}
table .barraTitulo {background:#fff url(../images/ico/barraTitulo.jpg) left bottom repeat-x}

/* Texto resaltado */

span.textoRojo {color:#FF0000}

/* informe cabecera */
.informe {margin:5px 0;}
.informe a {text-decoration: underline;}
.informe a:hover {text-decoration: none; color:inherit;}
.informe label {font-weight:bold;}

/* Elementos de formulario */

input, textarea, select {font-size:11px; vertical-align:middle}

.campoTexto {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
.areaTexto {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}

.campoTexto300 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:300px}
.areaTexto300 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:300px; margin:3px 0}

.boton {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:2px 5px 2px 5px; margin:2px}
.boton {background:url(../images/ico/fondoBoton.jpg) 0 0 repeat-x}
.boton {border-top:#EFEFEF 1px solid; border-left:#EFEFEF 1px solid}
.boton {border-bottom:#999 1px solid; border-right:#999 1px solid}

/* Título del ABM */
#tituloAbm {width:98%; height:auto; margin:0 1% 0 1%; font-size:1.2em; font-weight:bold}
#tituloAbm em{text-decoration:underline; font-size:1.2em}

/* --------------------------------------------------------------------- */

ul.listaH {list-style-type:none; margin:0; padding:0}
ul.listaH li {float:left; width:auto; height:20px}

	div.rotulo {position:relative; padding:3px 6px 3px 6px; background-color:#99CC99}
	div.rotulo a {cursor:pointer}
	div.rotulo div {position:absolute; top:20px; left:0px; visibility:hidden; height:auto}
	div.rotulo div {background:#FFFFFF; border:#333333 1px solid; z-index:1000}
	div.rotulo div:hover {background:#99CC00; visibility:visible}
	div.rotulo div ul {margin:0; padding:0; list-style-type:none}
	div.rotulo div li {float:left}
	div.rotulo div li a {display:block; width:100px; height:20px; padding:0 5px 0 5px}
	div.rotulo div li a:hover {background-color:#EFEFEF}

/* --------------------------------------------------------------------- */

/* Encabezado */
#encabezado, #encabezadoEx {width:98%; height:auto; margin:0 1% 0 1%; padding:5px 0 5px 0}
#encabezado, #encabezadoEx {background:#F1F6FF; border:solid 1px #666666; overflow:auto}
	#encabezado #busqueda, #encabezadoEx #busqueda {float:left; width:auto; height:auto; text-align:left; padding:0; overflow:auto}
	#encabezado #boton, #encabezadoEx #boton {float:right; padding:0}
	
#encabezadoEx {margin-top:5px}

/* Listado */
#listado {width:98%; height:auto; margin:20px 1% 0 1%; overflow:auto}
	#listado .tabla {width:100%; overflow:auto}
	#listado .paginado {width:100%; padding:5px 0 5px 0; text-align:right}

	/* Filas de la tabla cebra */

	#listado .filaPar {background:#FFFFFF /*url(../images/puntos.gif) left top repeat-x*/}
	#listado .filaPar:hover {background:#99ee22}
	#listado .filaImpar {background:#F1F6FF /*url(../images/puntos.gif) left top repeat-x*/}
	#listado .filaImpar:hover {background:#99ee22}
	
	table tr.HP, table tr.HI {background-color:#CCCCCC; color:#000000}
		table tr.HP a, table tr.HI a {color:#000000}
		table tr.HP a:hover, table tr.HI a:hover {color:#FF0000}	
	table tr.HFP, table tr.HFI {background-color:#99CCFF; color:#000000}
	
	#listado img {cursor:pointer}
	
#sinResultados {width:98%; margin:10px 1% 10px 1%; padding:5px 0 5px 0}

#otrasOpciones {width:98%; height:auto; margin:0 1% 0 1%; padding:5px 0 5px 0}
#otrasOpciones {background:#F1F6FF; border:solid 1px #666666}

#contAyuda {width:98%; height:25px; margin:0 1% 0 1%; padding:5px 0 5px 0}

.opcionesSeccion.documento {float: right;	margin-top: -40px;}


/* --------------------------------------------------------------------- */

/* Mensaje de advertencia en capa flotante */

div#advertencia {position:fixed; top:90px; right:0; width:180px; padding:10px; background:#F99; border:#F63 1px dashed; color:#000}
#advertencia h4{font-variant:small-caps; margin:0}



/* Ayuda para los filtros de búsqueda */
div.ayudaBusqueda {background:#EEE; margin:2px; padding:2px; border:#999 1px dashed}