/*CSS Para venues y todas las paginas que contienen table */

* { padding:0;margin:0;} /* elimina el gran espacio entre parrafos o titulos */
* html #contenedor {height:100%;}/* heigh minimo del Contenedor para IE,ponerlo solo */
img{border:none;}
a{outline:none}  /* elimina borde punteado en enlaces de imagenes */
a{border:none;}  /* elimina borde punteado con el cursor hover */

body{
	margin:0;
	padding:0;
	text-align:center;/* centrando Contenedorwidth IE */
	background-color:#444444;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	}
#contenedorwidth{
	width:820px;/* width aqui  - windows y w3c interpretan diferente el width  */	
	margin:0 auto 0 auto; /*centrando Contenedorwidth Firefox */
	}
#contenedor{
	border-top:1px solid #888888;/* border laterales aqui  - windows y w3c interpretan diferente el width  */
	border-right:1px solid #888888;
	border-bottom:1px solid #888888;
	border-left:1px solid #888888;
	text-align:left;
	min-height:100%;
	_height:100%;
	margin:0 0 20px 0;
	}
#cabeza{
	display:block;
	height:100%;
	_height:100%;
	min-height:100%;
	}
#cuerpo{
	width:100%;
	background-color:#dddddd;
	margin:0px;
	padding:0px;
	}

#pie{
 	clear:both;
	width:100%;
	height:50px;
	border-top:1px solid #333333;
	background-color:#dddddd;
	text-align:center;
	margin:0px;
	padding:0px;
	}


/*cabeza */
/* no poner padding - windows y w3c interpretan diferente el width */
#basecabecera{
	background-color:#000000;
	clear:both;
	display:block;
	height:95px;
	min-height:95px; /* Debe ponerse.El float del hijo anula el height del padre y su background*/
	_height:95px;
	}
#cabezalogo{
	display:inline;
	width:38%;
	height:95px;
	float:left; /* el float del hijo anula el height del padre (cabezatop) y su background */
	background-color:#000000;
	padding:4px;
	text-align:center;
	font-family:comic sans ms,Verdana,Geneva,Arial;
	}
#cabezaimagen{
	display:inline;
	width: 60%;
	height : 95px;
	float:right;
	background-color:#000000;
	color:#ffffff;
	padding:4px;
	text-align:justify;
	font-size:10pt;
	}
#lineaguia{
	border-top:1px solid #555;
	clear:both;
	display:block;
	height:32px;
	background-color:#000000;
	font-size:80%;
	}
	
    #fecha  {
		color:#ccc;
		display:inline; /* no poner float porque impide ver la lineaguia */
		float:right;
		padding-top:5px;
		text-align:right;
		}
	
.menuhori {overflow:hidden;width:100%}
.menuhori ul{float:left;font:bold 14px verdana;margin:0;padding:0;list-style-type:none;}
.menuhori li{display:inline;float:left;margin:0;}
.menuhori li a{background:#ffbb00;border-right:1px solid #000000;color:#333;display:block;float:left;margin:0;padding:1px 12px;text-decoration:none;}
.menuhori li a:link{color:#333;}
.menuhori li a:visited{color:#333;}
.menuhori li a:hover{background:#000;color:#cccccc;border:none;outline:none}
.menuhori li a:active{color:#333;border:none;outline:none}

/* table */	
/*  si la table no tiene id="nombre" (en este caso "listado") no funciona el ordenador (sort) Java-script */

table#listado{font-size:10pt;
	width:;
	background-color:#eeeeee;
    	color:#333333;
    	font-family:Arial,Helvetica,Sans Serif;
    	}
table#listado th{
	background-color:#000;
	border-right:1px solid #ccc;
	text-align:left;
	padding:3px;
	color:#ccc;
	font-size:14px;
	}
table#listado th a{color:#ddd;}
	
table#listado td{padding:3px;
  		 border:1px solid #cccccc;	
  	 	font-size:10pt;
  	 	}
.mimetico{color:#eeeeee;}

 	
   
tr:hover, td:hover{ background: #dddddd; }   

.accent{color:#760000}

/* pseudo classes: links dentro de la Table */   
	a:link	 {color:#555555;font-weight:bold;text-decoration:none;}
	a:visited{color:#666666;font-weight:bold;text-decoration:none;}
	a:hover	 {color:#0066ff;font-weight:bold;text-decoration:underline;}
	a:active {color:#666666;font-weight:bold;text-decoration:none;}