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

Hoja de estilos
versión:	1.0
website:	www.quientieneque.com

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

body{
     font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
     background-color: #d6e0e0;
	margin:0;
}
a{ 
   text-decoration:underline;
   color:#336699;
   font-weight:bold;
}
#contenido a:hover, #pie a:hover{
     color:#f90;
}	
a.eliminar{
	color:#c00;
}
a.no-style{
	text-decoration:none;
}
img{
	border:none;
}
img.caracteristica-qq{
	padding: 0px;
	margin: 30px 15px 0 0;
	border: 8px solid #EFEFEF;
}
img.caracteristicas{
	border: 8px solid #EFEFEF;
}
h2, h3{
	font-size:1em;
	color:#555;
	margin:0 0 20px 0;
	float:left;
	clear:left;
}
h3{
	margin-top:40px;
	width:100%;
}
h3.buscar{
	margin-top:5px;
}
h4{
	margin:0;
}
div#resultados ol li p{
	margin:0;
	padding:0;
}
div#resultados p.pie-resultado{
}
p.instrucciones{
	font-weight:bold;
	color:#999;
}
p.leyenda{
	color:#333;
	margin-top:15px;
}
div.opciones-checkboxes{
	float:left;
	clear:left;
	margin-left:50px;
}
p.introduccion{
	font-size:1.1em;
}
p.paginacion{
	text-align:center;
	margin:auto;
	margin-top:15px;
}
p.paginacion a{
	margin: 0 2px;	
}
p.aviso-entrar{
	color: #336699;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0;
}
p.texto-entrar{
	color: #336699;
	margin: 10px 0  50px 0;
	padding: 0;
}
ul.imagenes-caracteristicas{
	list-style:none;
	margin:0;
	padding:0;
}
ul.imagenes-caracteristicas li{
	display:inline;
}
ul.opciones-mantenimiento{
	float:right;
	list-style:none;
	margin:0;
	margin-bottom:5px;
	padding:0;
	font-size:0.88em;
}
ul.opciones-mantenimiento li{
	display:inline;
	margin:0 0 0 15px;
	padding:0;
}
ul.opciones-registro{
	list-style:none;
	margin:0;
	padding:0;
}
ul.opciones-registro li{
	display:inline;
	margin:0 4px;
	padding:0;
}
ul.features-qq{
	margin:25px 0 0 0;
	padding: 8px 0 0 15px;
	list-style:square;
}
ul.features-qq li{
	margin-bottom: 11px;
}
span.warning, span.requerido{
	color:#c00;
	font-weight:bold;
}
span.nota, span.nota-tags{
}
span.nota-tags{
	float:left;
	clear:left;
	margin-top:11px;
}
span.importante{
   background-color:#ffffcc;
   border: 1px solid #CCC;
   margin-right:4px;
   padding:1px 4px;
   color:#c00;
}
span.aviso-importante{
   margin-right:8px;
   color:#c00;
}
span.highlight{
	background-color: #fffe66; 
	font-weight: bold;
}
dl dt{
    font-weight:bold;
	clear:left;
	float:left;
	width: 130px;
	color:#555;
	}
dl dd{
	float:left;
	width:550px;
	margin:0 0 12px 0;
}
dl.accesibilidad, dl.caracteristicas{
	margin:0;
}
dl.accesibilidad dt, dl.caracteristicas dt{
	clear:left;
	margin-bottom:10px;
	color:#555;
	width:100%;
}
dl.accesibilidad dd, dl.caracteristicas dd{
	clear:left;
	margin-bottom:20px;
	width:100%;
}
ul.opciones-confirmacion{
	list-style:none;
}
ul.opciones-confirmacion li{
	display:inline;
	margin-right:25px;
}
div#etiquetas{
	width:520px;
	float:left;
}
div#etiquetas ul{
	list-style:none;
	margin:0;
	padding:0;
}
div#etiquetas ul li{
	display:inline;
	float:left;
	width:140px;
	padding-bottom:7px;
}
ul{
	margin:20px 35px 20px 35px;
	padding-left:10px;
}
ul.ordenacion{
	margin:0;
	margin-right:7px;
	padding:0;
	list-style:none;
	float:right;
}
ul.ordenacion li{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	margin-left:12px;
}
ul.ordenacion li a{
	float:left;
	display:block;
	margin:auto;
	width:10px;
	padding:0;
	overflow:hidden;
  	text-indent: -10000px;
	height:8px;
}
ul.ordenacion li a.ascendente{
	background: url('/img/asc.gif') no-repeat 0 0;
}
ul.ordenacion li a.ascendente:hover, ul.ordenacion li a.ascendente-seleccionada{
	background-position: 0 -8px;
}
ul.ordenacion li a.descendente{
	background: url('/img/desc.gif') no-repeat 0 0;
}
ul.ordenacion li a.descendente:hover, ul.ordenacion li a.descendente-seleccionada{
	background-position: 0 -8px;
}
ul.caracteristicas{
	margin:0 0 0 30px;
	list-style:square;
}
ul.caracteristicas li{
	margin:10px 0;
}
ol{
	margin:20px 35px 20px 35px;
	clear:left;
	padding-left:10px;
}
ol li{
	margin:15px 0;
}
span.titular{
	float:left;
}
p.introduccion{
}
p.error-registro{
	color:#c00;
	font-weight:bold;
	margin:0 10px;
}
span.quientieneque{
	color:#ff9900;
	font-weight:bold;
}
div#contenidoPrincipal{
	width: 750px;
	float:left;
	margin:40px 5px 0 40px;
	/*padding-bottom:40px;*/
	background-color:#fff;
	}
div#contenidoPrincipal p{
	clear:left;
}	
/*
 Cabecera -------------------------------------------------------------------------------------------------------*/

div#cabecera{
	background-color: #000;
	width:100%;
	float:left;
	font-size:0.9em;
	min-height:63px;
	}
div#cabecera a.logo{
   	display: block;
	height: 0 !important;
	width: 226px;
   	margin-left: 40px;
	padding: 36px 0 0 0;
	overflow: hidden;
	background: url('/img/logo.png') no-repeat 0 0;
	height /**/: 36px;
	float:left;
}
div#cabecera h1{
	float:left;
	margin:14px 0;
	padding:0;
}
div#cabecera div#informacion-cabecera{
	float:right;
	margin:19px 25px 0 0;
}
div#cabecera div#informacion-cabecera p.opciones-usuario{
	padding:5px 0 4px 0;
	margin:0;
}
div#cabecera p a{
	color:#ff9900;
	text-decoration:none;
	border-bottom: 1px solid #ff9900;
}
div#cabecera p a:hover{
	color:#fff;
	text-decoration:none;
	border-bottom: 1px solid #fff;
}
div#buscar{
	float:left;
	font-size:1em;
	margin:0 100px 0 0;
	padding:0;
}
div#buscar form{
	float:left;
	padding:0;
	margin:0;
	background-color:#000;
}
div#buscar fieldset{
	float:left;
	padding:0;
	margin:0;
	border-color:#000;
	background-color:#000;
}
div#buscar label{
	float:left;
	color: #EFEFEF; 
	font-weight: bold;
	padding:4px 0 0 0;
	text-align:right;
	margin:0 10px 0 0;
}
div#buscar input.texto{
	float:left;
	width: 150px;
	padding:3px;
	border:1px solid #fff;
}
div#buscar input.buscar{
	float:left;
	width: 25px; 
	color: #EFEFEF; 
	border: 1px solid #CCC; 
	background-color: #555;
	font-weight: bold;
	padding:0;
	margin:0;
	font-size:1.43em;
}
div#cabecera div#buscar p{
	font-size:1.1em;
}
div#cabecera p{
	float:left;
	color:#efefef;
	margin:0;
	margin-right:8px;
	padding:0;
	padding-bottom:5px;
}
/*   ---------------------------------------------------------------------------------------------------------   */

/*
 Navegación por pestanas -----------------------------------------------------------------------------------------*/

div#navegacion{
	width:100%;
	float:left;
	clear:left;
	/*display:block;
	overflow:auto;*/
	background-color:#fff;
	font-size:0.9em;
}
div#navegacion a{
	text-decoration:none;
}
div#navegacion ul{
	list-style:none;
	float:left;
	margin:40px 0 0 40px;
	padding:0;
}
div#navegacion ul li{
	float:left;
	border-top:1px solid #999;
	border-right:1px solid #999;
	padding:3px;	
	margin-top:5px;
	background-color:#fbfbfb;
}
div#navegacion ul li.primera{
	border-left:1px solid #999;
}
div#navegacion ul li.activa{
	border-bottom:5px solid #fff;
	border-left:1px solid #999;
	padding:5px;
	margin-top:0;
	position:relative;
     background-image:url('/img/bordeactivo.png');
  	background-repeat:repeat-x;
   	border-top:0;
	background-color:#fff;
}
div#navegacion ul li.activa-en-derecha{
	border-right:none;
}
div#navegacion ul li.activa-en-izquierda{
	border-left:none;
}
div#navegacion ul li a{
   	display:block; 
   	text-decoration:none;
   	padding:4px 7px;
   	border:0;
}
/*   ---------------------------------------------------------------------------------------------------------   */
div#contenido{
	width:100%;
	float:left;
	clear:left;
	background-color:#fff;
	padding-bottom:40px;
}
div#contenido.interior{
   	background-image:url('/img/bordeactivo.png');
   	background-repeat:repeat-x;     
   	margin-top: -3px;
}
div#contenido p{
	margin-bottom:10px;
}
/*   ---------------------------------------------------------------------------------------------------------   */
div#contenidoPrincipal span.orden{
	margin-left: 20px;
}
div#contenidoPrincipal span.orden a{
	font-weight: bold;
	padding: 0 2px;
	margin: 0;
}
div#contenidoPrincipal span.orden a:hover{
	color: #000;
	background-color: transparent;
}
/*
 Datos tabulares -----------------------------------------------------------------------------------------------*/
div#contenido table{
     border-collapse:collapse;
     clear:both;
     width:749px;
	font-size:0.8em;
}
div#contenido table th{
	font-size:1.1em;
     border:1px solid #ccc;
     background-color:#d6e0e0;
     color:#333;
     padding: 5px 3px 2px 6px;
     text-align:left;
     background-image:url('/img/fondoth.png');
     background-repeat:repeat-x;
     height:18px;
}
div#contenido table th.fecha,div#contenido table th.total{
     text-align:center;
}
div#contenido table th.opciones{
	text-align: center;
	width:140px;
}
div#contenido table td{
     border:1px solid #ccc;
     padding: 0px 7px;
}
div#contenido table td.fecha, div#contenido table td.opciones, div#contenido table td.total{
     text-align:center;
}
div#contenido table tr{
	height: 28px;
}
div#contenido table tr.color0{
     background-color:#fff;
}
div#contenido table tr.color1{
     background-color:#fafafa;
}
div#contenido table tr.importante{
     background-color:#ffffcc; /*fcc*/
}
/* Pie ----------------------------------------------------------------------------------------------------------------------*/
div#pie{
	clear:left;
	float:left;
	width:100%;
	border-top: 1px solid #b5bbbd;
	font-size:0.8em;
}
div#pie p{
   	color:#333;
   	float:right;
   	margin:20px 20px 10px 0;
}
div#pie ul{
	float:left;
	list-style:none;
	margin:20px 0 0 40px;
	padding:0;
	padding-bottom:20px;
}
div#pie ul li{
   	float:left;
   	display:inline;
   	margin-right:17px;
}
/*   ---------------------------------------------------------------------------------------------------------   */
.flash{
	margin-bottom: 20px;
	color: #090;
}
/* Errores */
div.errorExplanation{
	margin-bottom: 20px;
}
div#contenido div.errorExplanation h2{
	color: #900;
	margin: 0;
	padding: 0;
	width: 100%;
	font-weight: bold;
}
div.errorExplanation p{
	margin-left: 20px;	
}
div.errorExplanation ul{
	margin: 10px 0 0 20px;
	padding: 0;
}
div.errorExplanation ul li{
	margin-left: 15px;
	list-style: square;
	font-weight: bold;
}
/* Formularios ---------------------------------------------------------------------------------------*/

fieldset{
	margin: 0.5em;
	padding: 1em;
	background-color:#fafafa;
	border:1px solid #ccc;
}
legend{
	font-weight: bold;
	color:#666;
	padding:0 10px;
}
label{
	float: left;
	font-weight: bold;
	color:#666;
	width:155px;
}
label.checkbox{
	float: none;
	font-weight:normal;
	color:#222;
}
input[type="text"]{
	width: 390px;
}
input.contrasenya, input.usuario{
	width: 150px;
}
input[type="text"],input[type="password"],textarea{
	background:#fff url('/img/background-input.png') top repeat-x;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	font:1.0em/1.2em "Lucida Grande", Arial, sans-serif;
	padding:2px;
}
input.enviar{
	padding:7px 20px;
	margin-bottom:8px;
}
textarea{
	width: 390px;
	height: 150px;
}
div.form, div.informacion-proceso-alta{
	clear:left;
	padding:10px;
	background:#fafafa;
}
div.form p{
	padding:3px 0;
}
div.form p.texto-obligatorios{
	font-style:italic;
	font-size:0.9em;
}

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

div.detalles{
	clear:left;
	float:left;
	padding:9px 20px 9px 20px;
	background:#fafafa;
	width:710px;
}

/*
 Mensajes de aviso al usuario ------------------------------------------------------------------------------------*/

div.aviso, div.error{
	float:left;
	width:100%;
	margin-bottom:10px;
}
div.aviso{
	background-color:#090;	
}
div.error{
	background-color:#c00;
}
div.aviso h3, div.error h3{
	margin:6px 0px 4px 10px;
	padding:0;
	color:#fff;
	float:left;
}
div.error p{
	margin-left:10px;
	color:#fff;
	font-weight:bold;
}

div.error_message{
	color:#c00;
	font-weight:bold;
	padding-bottom:2px;
}
/*   ---------------------------------------------------------------------------------------------------------   */

/*   C A R A C T E R I S T I C A S   H O M E   */
div#caracteristicas{
	clear:both;
	width: 430px;
	float:left;
	}
div#caracteristicas dl{
	margin-top:40px;
}
div#caracteristicas dl dt{
	clear:left;
	float:left;
	width: 85px;
}
div#caracteristicas dl dd{
	float:left;
	width:305px;
	margin:0px 0px 14px 0px;
}

/*   L O G I N   */
div#login{
	float:right;
	width:270px;
}
div#login form p{
	margin: 0 0 8px 0;
	padding:0;
	text-align:right;
}
div#login p.alternativa{
	margin-top:2.3em;
	margin-bottom:2.3em;
	text-align:center;
}
div#login p.poco-importante{
	font-size:0.9em;
	clear:left;
	text-align:right;
}
div#login a.consigue-tu-cuenta{
   	display:block;
   	margin:auto;
  	width:202px;
  	padding:0;
  	overflow:hidden;
  	text-indent: -10000px;
  	background: url('/img/boton.png') no-repeat 0 0;
	height:45px;
}
div#login form{
	padding:17px 15px 10px 8px;	
	border:2px solid #336699;
	background-color: #d2e7fc;
}
div#login label{
	width:90px;
	padding:5px 0 0 10px;
	font-weight: bold;
	color: #336699;
	text-align:left;
}
div#login input.entrar{
	margin-top:3px;
	margin-bottom:6px;
}
div#login form input.texto, div#login form input.contrasenya{	
	background:#fff url(../img/background-input.png) top repeat-x;
	border:1px solid #336699;
	width:130px;
}

.js div.condicionesuso{
	display: none;
}
div.condicionesuso{
	margin-bottom:20px;
}