/* 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; border-bottom:#999 1px solid; margin-bottom:5px;}
h3 {margin:0; padding:0; font-size:1.05em; font-weight:bold}

a {text-decoration:underline; color:#f60}
a:hover {color:#333}

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

table {font-size:11px}
tr.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; 
					/*border-bottom:#000 1px solid; border-top:#000 1px solid*/}

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}

/* Elementos de formulario */

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

.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:25px;*/ 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}
	#listado .filaPar:hover {background:#CCC}
	#listado .filaImpar {background:#F1F6FF}
	#listado .filaImpar:hover {background:#CCC}

	tr.no_leido {background-color:#ffc!important; color:#000!important}
	tr.no_leido td{border-bottom:#ccc 1px solid; font-weight:bold}
	tr.premium td.titulo {
		padding-left: 20px;
		background: url(../images/ico/mini/medal_gold_2.png) left 3px no-repeat;
	}
	
	#listado .fila_resaltada {
		background-color:#CF6!important;
	}
	
	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}


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

/* 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}


/* Toolbar 1 */
div.toolbar1 {height:auto; margin:0; padding:5px 0 5px 0; background:#F1F6FF; border:solid 1px #666666}

/* Acordeón de mootools */
a.toggler.atStart {color:#333}
a.toggler.atStart:hover {color:#f90}

td.iconos a {margin-left:10px;}



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

/* Especial para aviso_abm */

p.nota {
	font-size:10px;
	color:#006699;
}

	p.nota span {
		text-decoration:underline;
		cursor:pointer;
		_cursor:hand;
	}

div#listado_imagenes {
	display:none;
}

div#listado_imagenes li {
	list-style:none;
	float:left;
	vertical-align:top;
	position:relative;
	width:80px;
	height:80px;
	overflow:auto;
	margin-right:5px;
	padding:1px;
	border:#ccc 1px solid;
}

	div#listado_imagenes li input {
		margin:3px auto;
		display:block;
	}
	
	div#listado_imagenes li img {	
		display:block;
		margin:0 auto;
	}