/*
// Proyecto: www.zaragozadenoche.com
// -----------------------------------------------
// Revision: 2005.05.08
// Autor: Mauro Silvosa
//
// www.clusterdigital.com
//
// Descripcion: hoja de estilos principal.
*/

/* basic elements */
body 
{
	font: 8pt Verdana;
	font: 8pt Verdana;
	color: #ADADAD;
	background-color: #000000;
	margin: 0px;
	padding-top: 9px;
}

/* hidden text */
h3, h4
{
	margin: 0px;
}
  
h3, h4 span
{
	display: none;
}

a
{
	color: #C0C0C0;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/* main structure */
#globalcontainer 
{
	background-color: rgb(32,31,29);
	border: none;
	width: 725px; /*779*/
	margin: 0px auto;
	position: relative;
}
#header
{
	height: 310px;
	width: 725px;
	position:relative;
}

#menuArea
{  
	width: 720px; /*775*/
	padding: 2px;   
	background-color:  #000000;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	position: relative;
}

#publicidades_arriba
{
	width: 720px;
	background-color: #000000;
	padding-top: 9px;
	position: relative;
}

#content
{
	/*	background-color: rgb(73,34,52); */
	background-color: #403f3b;
	border-left: solid 2px #403f3b;
	border-right: solid 2px #403f3b;
	border-bottom: solid 2px #403f3b;
}
#maincol
{
	border: none;
	width: 510px;
	float: right;
	position: relative;
	background-color: rgb(64,63,59);
}
#subcol
{
	background-color: #999999;
	margin: none;
	line-height:1.5em;
	width: 190px;
	padding: 3px;
	border: none;
	float: left;
	clear: both;
	overflow: hidden;
}

#banner 
{
	float: left;
	width: 410px;
	height: 60px;
}

#banner img
{
	float: left;
	margin: 0;
	border: none;
	position: relative;
	top: 0px;
	left: 0px;
}

#ico 
{
	float: right;
	border: none;
	width: 90px;
	height: 60px;
	background-color: rgb(54,53,49);
	padding: 0 2px;
}
#ico .hora 
{
	position: absolute;
	top: 4px;
	right: 51px;
	z-index: 20;
}
#ico .icono
{
	position: absolute;
	top: 4px;
	right: 2px;
	z-index: 10;
}
#pagecontent
{
	width: 519px;
	padding: 0px;
	clear: both;
/*	overflow: hidden; */
}
#footer
{
	width: 717px;
}

/* Navigation */
#menu
{
	font: 10px Arial;
	font-weight: normal;
	width: 722px;
	height: 35px;
	overflow: hidden;
	padding-top: 9px;
	background-image: url(../imagenes/fdo-barra.jpg);
}

#menu ul , #menu li
{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#menu a
{
	float: left; 
	padding: 5px 7px 5px 7px;
	/*background-color: #000000; */
	color: #FFFFFF;
	text-decoration: none; 
	text-transform: uppercase;
	/*border-right: 1px solid #FFFFFF;*/
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#menu a:hover
{
	/*background-color: #000000; */
	text-transform: uppercase;
	color: #ff9900;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight: bold;
}

#menu a.active
{
	/* background-color: #78485E; */
	/*background-color: #000000;*/
	text-transform: uppercase;	
}

#menu .last
{
	border: none;
	padding: 5px 10px 5px 10px;
	/*\*//*/
	padding: 5px 15px 5px 16px;
	/**/
}

#menu a.activelast {
	color: #FFFFFF;
	/* background-color: #78485E; */
	/*background-color: #000000;*/
	text-transform: uppercase;	
	border: none;
	padding: 5px 12px 5px 13px;
	/*\*//*/
	padding: 5px 15px 5px 16px;
	/**/
}

/* Subcol photo_of_the_week */
#photo_of_the_week img
{
	margin: 0px 0px 0px 0px;
	border: solid 1px #403f3b;
	float: left;
	clear: both;
}

#photo_of_the_week .pow_flash
{
	margin: 0px 0px 0px 0px;
	border: solid 1px #403f3b;
	float: left;
	clear: both;
}

/* mini banners */
img.minibanner {
	width: 186px;
	margin: 0px 0px 2px 0px;
	padding: 1px;
	border: solid 1px #403f3b;
	float: left;
/*	clear: both; */
}

div.minibanner {
	width: 186px;
	margin: 0px 0px 2px 0px;
	padding: 1px;
	border: solid 1px #403f3b;
	float: left;
/*	clear: both; */
}

/* Clearer */
div .clearer 
{
	clear: both;
}

/* Info and error messages */
div.info
{
	color: #acc194;
	border: solid 1px #acc194;
	background-color: #3a3d3d;
	padding: 4px;
	margin: 8px;
}

div.error
{
	color: #f0f0f0;
	border: solid 1px #ffa191;
	background-color: #c66454;
	padding: 4px;
	margin: 8px;
}

#abajo
{
	border: solid 1px #403f3b;
	background-color:#000000;
	width: 725px;
}
li {
	list-style:outside;
	}
