
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,   
pre, form, fieldset, table, th, td { margin: 0; padding: 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{
 	background-color:#222222;
	font-family:verdana,san-serif;
	margin:0;
	padding:0;
	text-align:center; /* centrando Contenedorwidth IE */
	}
/* un div con width, otro div con margin, border,  - windows y w3c interpretan diferente el width  */
#contenedorwidth{
	height:100%;	
	margin:0 auto 0 auto; /*centrando Contenedorwidth Firefox */
	width:820px;
	}

#contenedoronhead{
	height:18px;
	}
#contenedor{
	background-color:#000000;
	border-top:2px solid #555555;
	border-right:2px solid #555555;
	border-bottom:2px solid #555555;
	border-left:2px solid #555555;
	color:#bbbbbb;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0 0 20px 0;
	min-height:1110px;
	text-align:left;
	}

#cabeza{display:block;margin:0px;padding:0px;}

#cuerpo{
 	clear:both;
	display:block; /* evitar espacio debajo de las imagenes */
	width:; /* sin esto los bordes laterales no se ven en IE */
	height:100%;
	}

#cuerpoizq{
	display:inline; /* prepara ubicacion cuerpocen */
	float:left;
	margin-top:3px;
	width:14%;
	height:100%;
	min-height:100%;
	_height:100%;	
	}

#cuerpocen{
	display:inline;
	float:left;
	width:65%;
	height:100%;
	min-height:100%;
	_height:100%;
	text-align:center;
	}

#cuerpoder{
	display:inline;
	float:right;
	width:20%;
	height:100%;
	min-height:100%;
	_height: 100%;
	}

#pie{	clear:both;
	width:100%;
	background-color:;
	text-align:center;
	margin:0px;
	padding:0px;
	}

/*cabeza */
/*poner padding en un div separado que contenga al div con margin, border,  - windows y w3c interpretan diferente el width */


#fecha  {
		display:inline;
		float:left;
		font-size:10px;		
		text-align:left;
		color:#aaa;
		}


#basecabecera{
		width:;
		height:;
		border:;
		}

#cabezalogo{
		width:38%;
		height:95px;
		float:left;
		border:;
		background:;
		padding:auto;
		text-align:center;
		font-family:comic sans ms,Verdana,Geneva,Arial;
		}

#cabezaimagen{
		width: 60%;
		height:95px;
		float:right;
		border:;
		background:;
		padding:0px;
		}


 

 
.menuhori {clear:both;display:block;}
.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:#ccc;border:none;outline:none}
.menuhori li a:active{color:#333;border:none;outline:none}

/* cuerpoizq  */

/* menu vertical */
.sidebarmenu ul{font-size:15px;font-weight:bold;list-style-type:none;margin:0;padding:0;width:95%;}	
.sidebarmenu ul li{position:relative}
  .sidebarmenu ul li a{border-bottom:1px solid #333333;border-right:1px solid #333;display:block;overflow:auto;/*force hasLayout in IE7 */;color:white;text-decoration:none;padding:3px}
  .sidebarmenu ul li a:link   {background-color:#555555;}
  .sidebarmenu ul li a:visited{background-color:#555555;}
  .sidebarmenu ul li a:hover{background-color:#000000;}
  .sidebarmenu ul li a:focus{background-color:#000000;}
  .sidebarmenu ul li a:active {background-color:#555555;}


A.quote,
	A.quote:link	{color:#3399cc;text-decoration:none;}
	A.quote:visited	{color:#3399cc;#0088dd;text-decoration:none;}
	A.quote:hover	{color:#ff0000;text-decoration:none;}
	A.quote:focus	{color:#ff0000;text-decoration:none;}
	A.quote:active	{color:#0088dd;text-decoration:none;}
	
A.quoteabout,
	A.quoteabout:link   {color:#bbbbbb;text-decoration:none;}
	A.quoteabout:visited{color:#bbbbbb;text-decoration:none;}
	A.quoteabout:hover  {color:#bbbbbb;text-decoration:none;}
	A.quoteabout:focus  {color:#bbbbbb;text-decoration:none;}
	A.quoteabout:active {color:#bbbbbb;text-decoration:none;}
	
A.quoteblank,
	A.quoteblank:link	{color:#555555;text-decoration:underline;}
	A.quoteblank:visited{color:#555555;text-decoration:underline;}
	A.quoteblank:hover	{color:#555555;text-decoration:underline;}
	A.quoteblank:focus	{color:#555555;text-decoration:underline;}
	A.quoteblank:active	{color:#555555;text-decoration:underline;}



/* uncoming concerts */	
.linea:hover{background-color:#222222;} /* ilumina el renglon apuntado con el mouse */
.schle{color:#aa0000;}
.nota1{color:#3399cc;#0077dd;}
.nota2{color:#555555}	

/* titulos dentro de rectangulos */
.boxtitle{background-color:#555555;border:1px solid gray;color:#ffffff;font-family:georgia;font-size:15px;font-weight:bold;margin-top:5px;margin-bottom:8px;padding-top:3px;padding-bottom:3px; text-align:center;width:92%;}
.box{border:1px solid #555555; font-size:90%;margin-top:8px;margin-bottom:8px;padding:0 4px 0 4px;text-align:left;}
.boxcentered{border:1px solid #555555; margin-top:8px;margin-bottom:8px; padding-top:3px;padding-bottom:3px; text-align:center;}
.boxindented{border:;margin-top:3px;margin-bottom:8px;padding-top:3px;padding-bottom:3px;width:95%;}