/* Colores básicos
 * marrón muy claro ffead1
 * marrón claro f1ccc3 <-- e1bcb3
 * marrón medio 996666
 * marrón oscuro 543d36

/*****************************************************************************
 * DIVS
 */

#container {
       /*background-color: #ffffff;*/
       color: #000000; /* Color de letra negro por defecto */
       /*border: 1px solid #555555;*/
       margin: 0 auto; /* 0 para arriba y abajo, auto para los lados -> centrado */
       width: 900px; /* Ancho GLOBAL del sitio */
       /*height: auto;*/
       line-height: 120%; /* Algo más de separación entre líneas. Jugar con ésto */
       /*border: 1px solid #0000ff;*/
}
#header{
		width: 100%;
    /*border: 1px solid #00ff00;*/
    border: 1px;
}
#header .logo1 {
		float: left; /* Enganchado a la izquierda */
		width: 150px;
		/*border: 1px solid #00ffff;*/
}
#header .cabecera {
		float: left; /* Enganchado a la izquierda, despues del logo1 */
		width: 498px; /* Los 800px de container -150px de log1 -150px de logo2 -2px de los bordes*/
		text-align: center;
		font-weight: bold;
		color: #666666;
		margin-top: 40px;
		/*border: 1px solid #ff0000;*/
}
#header .logo2 {
		float: right; /* Enganchado a la derecha de logo1 y cabecera */
		width: 150px;
		/*border: 1px solid #ff00ff;*/
}
#subheader{
		clear: both;
		width: 100%;
		background-color: #f1ccc3;
		border: 1px;
		/*border: 1px solid #ffff00;*/
}
#subheader span.carrito,
#subheader span.usuario,
#subheader span.admin,
#subheader span.logout {
	float: right;
	margin: -13px 1em 0 1em;
}
#subheader p {
		padding: .1em;
		margin: 0;
		font-size: 80%;
		text-align: center;
}
/* principal contiene el menú de la izquierda y el cuerpo */
#principal{
		margin-left: 160px;
		padding: 1em 0;
}
#footer{
		clear: both;
		text-align: center;
		color: #666666; /* Color del footer, un gris oscuro */
		border: 1px solid #f1ccc3;
}


/******************************************************************************
 * GENERAL
 */

h1 {
	font-size: 150%;
}
h1.titulo {
	font-weight: normal;
	padding: 1em;
	color: #000066;
	border: 1px solid #543d36;
	background-color: #f1ccc3;
}
h2 {
	font-size: 120%;
}
h2.titulo {
	font-size: 150%;
	clear: both; /* Para salvar las listas anteriores */
	font-weight: normal;
	padding: 1em;
	color: #000066;
	border: 1px solid #543d36;
	background-color: #f1ccc3;
}
/* Las imágines, sin borde */
img {
	border: 0px;
	margin: 0 auto;
}
/* Al pasar sobre los enlaces, sin borde */
a:hover {
	text-decoration: none;
}
a {
	color: #543d36;
}
body{
	font-size: 70%; 
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-image: url("../imatges/fonsnou.gif"); /* Imagen de fondo, por CSS */
}
.tableazul{
	background-color: #d3def5;
}
.tablegris{
	color: #ffff00;
	background-color: #808080;
}
.footer{
	color: #000000;
}
span.rojo {
	color: #990000;
}

/******************************************************************************
 * Textos informativos
 */

td.tooltip,
p.tooltip,
strong.tooltip {
	/* Tooltip: */
	position: relative; /* La clave: necesario para que el span tenga una posición absoluta respecto ésta */
	cursor: help;
	font-size: 140%;
}
td.tooltip {
	font-size: 100%;
}

td.tooltip:hover{
	background: none;
	z-index: 2;
}

/* El span que está dentro de los p's, oculto */
td.tooltip span, p.tooltip span,  strong.tooltip span{
	display: none;
}
/* CSS del span que contiene el texto del tooltip */
td.tooltip:hover span, p.tooltip:hover span,  strong.tooltip:hover span {
		border: 1px solid #000000; /* Bordecito ;) */
		color: #000000; /* Por si aca */
		background-color: #f6f6f6; /* fondo muy claro */
		font-size: 70%;
		display: block;
		/*position: relative;*/
		top: 3em;
		left: 4em;
		width: 250px;
		text-align: left;
		/*z-index: 999;*/
		padding: 1em;
}
td.tooltip:hover span {
		font-size: 100%;
}



p.success,  strong.success,
p.error,    strong.error,
p.info,     strong.info,
p.porhacer, strong.porhacer,
p.debug,    strong.debug {
	padding: 1em;
}
/* Colores de cada uno */
p.error,
strong.error {
	color: #660000;
	border: 1px solid #990000;
	background-color: #ffcccc;
}
p.success,
strong.success {
	color: #006600;
	border: 1px solid #006600;
	background-color: #ccffcc;
}
p.info,
strong.info,
p.debug,
strong.debug {
	color: #000066;
	border: 1px solid #000066;
	background-color: #ccccff;
}
p.porhacer,
strong.porhacer {
	color: #000000;
	background-color: #ffff00;
	border: 1px solid #999900;
}
/******************************************************************************
 * AYUDA
 */
div.ayuda h2 {
	background-color: #f1ccc3;
	font-size: 130%;
	padding: 0.8em 1em;
}
div.ayuda h3 {
	background-color: #ffead1;
	font-size: 100%;
	padding: 0.3em 1em;
}
/******************************************************************************
 * USUARIO
 */
div.menuusuario {
	width: 130px;
	/*height: 500px;*/
	float: left; /* El menú a la izquierda, con todo el cuerpo a su derecha */
	margin: 1em 0;
}

div.menuusuario a {
	color: #000000;
	margin-left: -30px; /* Corremos un pelín a la izquierda */
}
div.menuusuario a:link,
div.menuusuario a:visited {
	display: block;
	text-decoration: none;
}
div.menuusuario a:hover {
	background-color: #f1ccc3; /* Al pasar la rata por encima, color de fondo gris */
}

div.menuusuario li {
	list-style: none; /* Quitamos los bullets de los elems de la lista */
	margin: 0.2em 0; /* Separación superior e inferior */
}
div.menuusuario li.sep {
	margin-bottom: 1em; /* Separación inferior */
}

/******************************************************************************
 * FORMULARIOS
 */
div.formalta {
	/*border: 1px solid #543d36;*/
	padding: 1em;
	margin: 1em 0;
	/*float: both; /* No funciona en la sección de usuario */
}
div.formalta p {
	margin: 1em 2em;
}
/* Etiqueta de cada campo del formulario */
div.formalta label {
	display: block;
	float: left;
	width: 14em;
	text-align: right;
	margin: 4px 1em 0 0; /* Margen respecto a la caja */
}
/* Botón submit */
div.formalta .submit input
{
	margin-left: 13em;
	font-weight: bold;
}
div.formalta input,
div.formalta select
{
	background: #f1ccc3;
	border: 1px solid #543d36;
}
div.formalta legend {
	margin-left: 1em;
	border: 1px solid #996666;
	background: #996666;
	padding: 4px 8px;
	font-weight: bold;
	color: #ffffff;
}
div.titulo {
	background-color: #f1ccc3;
	margin: 0.5em 0 1em 0;
}
	
div.formalta fieldset {
	border: 1px solid #996666;
	padding: 0.25em;
}
div.formlogin {
	margin: 0 auto;
	padding: 1em;
	border: 1px solid #000000;
}

div.formlogin fieldset {
	border: none;
	font-size: 90%;
}

/*div.formalta input {
	float: right;
	margin-right: 200px;
	margin-top: -13px;
}*/
/*****************************************************************************
 * TEMÁTICOS
 */
div.certamenes {

}
div.certamen {
	border: 1px solid #543d36;
	margin: 0 auto;
	padding: 2em;
}
div.certamen span.pdf {
	float: left;
}
div.certamen ul {
	margin-left: 60px;
}
div.certamen ul.sensepdf {
	margin-left: 0px;
}
/* Se utiliza en enlaces, para marcar el siguiente paso */
a.go {
	font-weight: bold;
	color: #00aa00;
}
/******************************************************************************
 * TABLAS
 */
table {
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	border-spacing: 0; /* Importante: elimina un pequeño espacio que deja fea la tabla */
	border-collapse: collapse; /* Para IE :( */
}
th, td {
	text-align: center;
	padding: 0.2em 0.5em;
}
th {
  font-weight: bold;
	border-color: #000000;
	border-width: 0 0 1px 0;
	border-style: solid;
}
td {
	border-width: 0;
}
table.list_users {
	margin: 1em 0 1em 3em;
	border: 0;
}
td.finalizado {
	color: #999999;
}
tr.inactivo {
	color: #999999;
}
/*****************************************************************************
 * TABLA INSCRIPCIONES
 */
div.tablainscripciones {
}
div.tablainscripciones th { 
	padding: 0.5em 1em;
	border: 1px #000000 solid;
}
div.tablainscripciones td {
	width: 40px;
	height: 25px;
	border: 1px #000000 solid;
}
div.tablainscripciones th.grupo {
	border-color: #000000;
	border-width: 0 1px 1px 0;
	border-style: solid;
}
div.tablainscripciones td.grupo {
	border-color: #000000;
	border-width: 0 1px 0 0;
	border-style: solid;
	width: 15em;
}
div.tablainscripciones tr:hover, tr:hover {
	background-color: #f1ccc3; /* Cambio de color al pasar la rata por encima de un grupo */
}
div.tablainscripciones td.disabled {
	background-color: #aaaaaa;
}
div.tablainscripciones td.inactived {
	background-color: #000000;
}
div.tablainscripciones input.radio {
	width: 30px;
	height: 20px;
}
span.pendiente {
	font-weight: bold;
	color: #ff0000;
}
span.pagado {
	font-weight: bold;
	color: #00bb00;
}
tr.invalida {
	color: #999999;
}

/*****************************************************************************
 * LISTA
 */
div.lista {
	text-align: center;
	margin: 0 auto;	
}
div.lista ul li {
	list-style: none;
	float: left;
}
div.lista ul li.fin {
	float: left;
	clear: none;
}
div.lista a {
	text-decoration: none;
	display: block;
	border: 1px solid #000000;
	margin: 0.5em; /* Margen con los otros divs */
	padding: 0.5em; /* Margen interior */
	width: 150px;
	height: 80px;
	text-align: center;
	background-color: #ffffff;
	color: #000000;
}
div.lista_estrecha a {
  max-width: 102px;
  height: 120px;
  margin-left: -1px;
  margin-right: -1px;
}
div.lista a h3 {
	font-weight: bold;
	font-size: 120%;
}
div.lista a:hover {
	background-color: #f1ccc3;
}
/* Titulos */
div.lista span {
	font-weight: bold;
	font-size: 120%;
	display: block;
	margin: 0.8em 0em;
}
/*****************************************************************************
 * LISTA estandard
 */
div.inscripcion {
	border: 1px solid #000000;
	width: 32em;
	margin: 0.5em auto;
	padding: 0.5em 1.5em;
	
}
div.inscripcion p {
	text-align: center;
}
ul.alineada li ul, ul.alineada {
	list-style: none;
	display: inline;
}
ul.alineada li ul li {
	display: inline;
}
ul.alineada li.t {
	width: 10em;
	text-align: right;
	float: left;
}
ul.alineada li.d {
	width: 12em;
	text-align: left;
	font-weight: bold;
}
ul.alineada li.unico {
	margin: 1em 0 0 1em;
}
/*****************************************************************************
 * TPV
 */
input.tpvsubmit {
	cursor: pointer;
	background: url(/imatges/tpv.gif);
}