

<!--

* { margin: 0px;
padding: 0px;
}


body {
margin: 0px;
font-size: 1em;
font-family: Trebuchet;
color:#ffffff;
padding: 0px;
background: url(fondo.jpg);

}

table {
	border-spacing:0px;
	padding:0px;
	margin:0px;
	
	}


a.button{
	background:url(img/button.png);
	display:block;
	color:#ffcc00;
	font-weight:bold;
	height:40px;
	line-height:29px;
	text-decoration:none;
	width:350px;
	text-align:center;
	font-size:12px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;

}
a:hover.button{
	background:url(img/button-hover.png);
	color:#ffee00;
	font-size:14px;
	height:40px;
	width:350px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
		background:url(img/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
		margin-left:0px;
		margin-top:1px;
	}
	.delete{
		background:url(img/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
		margin-left:0px;
		margin-top:1px;
	}
	.user{
		background:url(img/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(img/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
		margin-left:0px;
		margin-top:1px;
	}
	.msg{
		background:url(img/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
		margin-left:0px;
		margin-top:1px;
	}
	.download{
		background:url(img/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
		margin-left:0px;
		margin-top:1px;
	}

	.lens{
		background:url(img/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
		margin-left:0px;
		margin-top:1px;
	}
	.info{
		background:url(img/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
		margin-left:0px;
		margin-top:1px;
	}


tr, td {
vertical-align:top;
border-collapse: 0px;
border-spacing:0px;
}


a{
color: #ffcc00;
}


a:hover{
color: #ffcc00;
font-weight: bold;
}


a.boton{
font-size:12px;

}


p.anuncio {
	font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	line-height: ;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	text-indent: 0ex;
}


table.posiciones{
width:700px;
text-align:center;
border-collapse: 0px;
border-spacing:0px;
padding:0px;
}

table.posiciones thead, table.posiciones tbody{
text-align:center;
}

table.posiciones thead tr th{
background-color:#aaaa00;
border-top:1px solid ##baba00;
border-left:1px solid ##baba00;
border-right:1px solid #9a9a00;
border-bottom:1px solid #9a9a00;
vertical-align: middle;
color:#FFFFFF;
}

table.posiciones tbody tr td{
border-top:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#111111;
color:#FFFFFF;
vertical-align: middle;
padding:10px;
}

table.posiciones tbody tr th.foto_chica{
width:250px;
}


table.posiciones2{
width:348px;
vertical-align:top;
text-align:center;
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
border-collapse: 0px;
border-spacing:0px;

}

table.posiciones2 thead tr{
width:348px;
background:#aaaa00;
}

table.posiciones2 thead tr th{
border-top:1px solid ##baba00;
border-left:1px solid ##baba00;
border-right:1px solid #9a9a00;
border-bottom:1px solid #9a9a00;
color:#FFFFFF;
}


table.posiciones2 tbody tr{
width:348px;
background-color:#111111;
}

table.posiciones2 tbody tr td{
border-top:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
vertical-align:middle;
color:#FFFFFF;


}

table.posiciones2 tbody tr td b{
text-transform: none;
color:red;
}


table.posiciones2 tbody tr td p{
font-family:  trebuchet,sans-serif;
color: #ffffff;
font-size: 0.8em;
text-align:left;
font-weight: bold;
}


table.fotos2{
background-color:#FF4500;
vertical-align: middle;
background:#111111;
border-collapse: 0px;
border-spacing:0px;
}


table.fotos2 tr td {
border-top:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-collapse: 0px;
border-spacing:0px;
font-size: 0.8em;
text-align:left;
color:#ffffff;
padding:5px;
}

table.fotos2 tr td p{
font-family: "Trebuchet";
letter-spacing:0px;
font-size:11px;
text-align:left;
margin:0px;
padding:0px;
color:#ffffff;
padding-top:40px;
}

table.fotos2 tr td p b{
color:#ffffff;
}


table.reggae{
border-collapse:collapse;
padding:0;
margin:0;}


table.caja2{
width:700px;
}
table.caja2 tr td{
width:350px;
}


h1.caja1{
width: 696px;
height: 30px;
background-color:#111111; 
border-top:1px solid #222222; 
border-left:1px solid #222222; 
border-right:1px solid #000000; 
border-bottom:1px solid #000000; 
padding-top: 0px;
margin: 0px;
color: #ffffff;
font-size:22px;
font-family: serif;
text-transform: none;
font-weight: bold;
text-align:center;
}

h2.caja1{
width:698px;
background-color:#111111;
font-size:12px;
margin:0px;
padding-top:10px;
padding-bottom:10px;
color:#ffffff;
border-top:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

h3.caja1{
width:600px;
background-color:#ffffff;
font-size:12px;
margin-left:0px;
padding:0px;
color:#ffffff;
border-top:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}


h1.boxcaja1{
width: 700px;
height: 50px;
padding:0px;
margin:0px;
color: #FF4500;
font-size:16px;
font-family: Trebuchet,serif;
font-variant: small-caps;
text-transform: none;
font-weight: 100;
text-align:center;
}

div.boxcaja1{
width: 700px;
padding-top: 0px;
margin-left: 40px;
color: #FF4500;
font-size:12px;
font-family:Vardana;
text-transform: none;
font-weight: 100;
text-align:center;
}


h1.caja2{
width: 350px;
height: 25px;
background:url(caja2.png) no-repeat;
font-family: "Verdana";
padding-top:10px;
letter-spacing:2px;
margin:0px;
font-size:12px;
text-align:center;
color:#ffffff;
}


h2.caja2{
width:328px;
background-color:#111111;
font-size:12px;
font-family: "Arial";
letter-spacing:1px;
margin:0px;
padding:10px;
color:#ffffff;
border-top:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

div.caja2{
width: 328px;
min-height: 50px;
height: auto !important;
height: 50px;
background-color:#111111;
font-size:12px;
margin:0px;
color:#ffffff;
border-top:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
margin:0px;
padding:10px;
}

div.caja1{
width: 680px;
min-height: 50px;
height: auto !important;
height: 50px;
background-color:#111111;
font-size:12px;
margin:0px;
color:#ffffff;
border-top:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
margin:0px;
padding:10px;
}


h1.caja3{
width: 148px;
background-color: #660000;
font-family: "Time new roman";
margin:0px;
font-size:14px;
text-align:center;
color:#ffffff;
border-top:1px solid #990000;
border-left:1px solid #990000;
border-right:1px solid #330000;
border-bottom:1px solid #330000;
padding-top:5px;
padding-bottom:5px;
}

h1.caja3 b{
font-size:14px;
}
h1.caja3 p{
font-size:12px;
color:#009900;
text-align:left;

}

h1.caja3 p b{
color:#ffffff;
}


.caja190{
width: 150px;
height: 30px;
background: transparent url("caja190.png") no-repeat left top;
font-size:12px;
font-family:Georgia;
text-align:center;
}


.historia{
color: #ffffff;
margin: auto;
width: 600px;
border-width: 2px;
text-align: justify;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
font-size:16px;
}


.footer{
text-align: justify;
font-size: 0.90em;
color: #ffffff;
margin: 0px;
padding: 0px;
width: 1000px;
background-color:#000000;
font-size: 12px;
font-family: Georgia, Vardana;
border-top: 1px solid #e1cc89;
border-bottom: 1px solid #e1cc89;
margin: 0px;
text-indent: 1px;
line-height:1;
word-spacing: 0px;
letter-spacing: 0px;
}

.footer h1{
font-size: 0.95em;
display: inline;

}


.tit{
color: #FF4500;
font-family: Arial;
font-size:1.10em;
font-weight: bold;
}


.texto_chico{
color: silver;
font-size: 0.75em;

}


.foto_chica{
border-top: 2px solid #005000;
border-left: 2px solid #005000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
}


.logo_imagen_ancho{
   max-width:328px;
   width: expression(this.width > 300 ? 300: true);
   text-align: center;
   padding:10px;
   background:#111111;
   border-top:1px solid #222222;
	border-left:1px solid #222222;
	border-right:1px solid #000000;
border-bottom:1px solid #000000;
 }
 
 
.logo_imagen_ancho img{
  padding:0px;
  margin:0px;
 
 }


.logo_imagen_alto{
   max-height: 320px;
   height: expression(this.height > 300 ? 300: true);
   text-align: center;
   padding:10px;
   background:#111111;
   border-top:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
 }
 
.logo_imagen_alto img{
 padding:0px;
 margin:0px;
}


div.galeria{
width:230px;
float:left;
padding-top:15px;
padding-bottom:15px;
border-top:1px solid #222222;
border-left:1px solid #222222;
border-right:1px solid #000000;
border-bottom:1px solid #000000;

}


.tablaprincipal{
width:1000px;
text-align:center;
border-collapse: collapse;
padding:0px;
margin:0px;
}
.tablaprincipal tbody td, th, tr{
	width:1000px;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
	border-spacing:0px;
}

.muygrande{
color: #ffcc00;
font-size:60px;
font-family:Georgia,serif;
font-variant: small-caps;
text-transform: bold;
font-weight: 100;
margin: 0px;
padding:0px;
}

.muymuygrande{
color: #004400;
marquee-style:alternate;
font-size:40px;
font-family:Georgia,serif;
font-variant: small-caps;
text-transform: none;
font-weight: 100;
margin: 0px;
padding:0px;
}


.grande{
color: #004400;
font-size:18px;
font-family:Georgia,serif;
font-variant: small-caps;
text-transform: none;
font-weight: 100;
margin: 0px;
padding:0px;
}


#login{
background: transparent url("login.png") no-repeat top;
font-size: 11px;
font-family: verdana, arial, sans-serif;
text-align: center;
margin: 0px;
color: #ffffff;
padding-left:20px;
width: 150px;
height: 250px;
}

.login p{
margin: 3px;
text-align:center;
}

.derecha1{
background: transparent url("derecha1.png") no-repeat left top;
font-size: 11px;
font-family: verdana, arial, sans-serif;
text-align: left;
margin: 0px;
color: #004400;
padding: 0px;
}


div.letrad {
  font-weight: bold;
  font-family: "Liberation Sans", "sans-serif";
  font-variant: small-caps;
  font-size: 1em;
  line-height: 1.5em;
  font-family: verdana,sans-serif;
}


.foto{
width:700px;
border:0px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/slide_fly.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {list-style-type:none; padding:0; margin:0; width:148px; z-index:100; float:left;
		background:#000000;
		
		;}


#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#004400;
		border-top:1px solid #006600;
        border-left:1px solid #006600;
		border-right:1px solid #002200;
		border-bottom:1px solid #002200;	
		z-index:100;}

#menu li.sub {background:#004400;

border-top:1px solid #006600;
        border-left:1px solid #006600;
		border-right:1px solid #002200;
		border-bottom:1px solid #002200	


}

#menu li, #menu li a {display:block; color:#ffcc00;
		font-family:Georgia, Vardana; font-size:11px; line-height:30px; width:148px; text-decoration:none; cursor:pointer; font-weight:bold; text-align:center;}

#menu table {border-collapse:collapse; padding:0; margin:0 -1px -1px;}

#menu ul,
#menu :hover ul ul,
#menu :hover ul :hover ul ul {position:absolute; left:-9999px; width:150px;}

#menu :hover {color:#ffcc00; background:COLOR_BOTON_MENU z-index:500; white-space:nowrap;}

#menu :hover > a {color:#ffee00; background:#006600 z-index:500; white-space:nowrap;}

#menu :hover ul {position:static; height:180px; margin-top:-1px; background:#000000;}
#menu :hover ul :hover ul, 
#menu :hover ul :hover ul :hover ul {display:block; position:absolute; left:130px; top:0; height:auto; z-index:500; border:0px solid #fff;}

#menu :hover ul li, #menu :hover ul li a {background:#005500;
		border-top:1px solid #007700;
        border-left:1px solid #007700;
		border-right:1px solid #003300;
		border-bottom:1px solid #003300;	


text-align:left; text-indent:10px; }
#menu :hover ul li.fly a {background: #000000 ) no-repeat 120px center;}
#menu :hover ul :hover {background:#007700;
		border-top:1px solid #009900;
        border-left:1px solid #009900;
		border-right:1px solid #005500;
		border-bottom:1px solid #005500;	


position:relative; z-index:100;}
#menu a:hover ul li.fly a:hover {background:#004400 color:#ffcc00;}
#menu :hover ul li.fly:hover > a {background:#004400 color:#ffcc00;}

#menu :hover ul :hover ul li, 
#menu :hover ul :hover ul li a
{background:#004400;}
#menu :hover ul :hover ul :hover ul li {background:#000000; z-index:500;}

#menu :hover ul :hover ul li.fly a {background: #000000}
#menu :hover ul :hover ul :hover {z-index:500; background:#005500; color:#ffee00;}
#menu a:hover ul a:hover ul li.fly a:hover {background:#004400 }
#menu :hover ul :hover ul li.fly:hover > a {background:#004400 ) no-repeat 120px center; color:#ffcc00;}

#menu :hover ul :hover ul :hover ul li, 
#menu :hover ul :hover ul :hover ul li a {background:#004400;}

#menu :hover ul :hover ul :hover ul :hover {background:#004400; color:#004400;}
#menu :hover ul :hover ul :hover ul :hover a {color:#ffcc00;}

.menu_text {float:left; width:500px; font: 11px verdana, arial, sans-serif; border:1px solid #004400; height:358px;}
.menu_text img  {display:block;}
.menu_text p {margin:0; padding:5px 10px; line-height:15px;}


#td-izquierda{
text-align:center;
vertical-align:top;
width:150px !important; 
/*background-image: url(textura-verde-1.png);*/
background-color:#004400;
margin:0px;
padding:0px;
background-repeat: repeat-y;
}


#td-medio{
text-align:center;
vertical-align:top;
width:700px;
background-color:#000000;
margin:0px;
}


#td-derecha{
text-align:left;
vertical-align:top;
width:150px;
/*background-image: url(textura-derecha-1.png);*/
/*background-repeat: repeat-y;*/

background-color:#660000;
margin:0px;
padding:0px;
}


.caja-derecha-parte-arriba{
width:150px;
height:22px;
background-image: url(caja-derecha-parte-arriba.png);
background-repeat: none;
}

.caja-derecha-parte-medio{
width:150px;
background-image: url(caja-derecha-parte-medio.png);
background-repeat: repeat-y;
padding: 0px;
font-size:12px;
font-family:Arial;

}

.caja-derecha-parte-medio a {
font-size:12px;
font-family:Arial;
padding: 0px;
text-align:center;
}

.caja-derecha-parte-medio p, img{
font-size:12px;
font-family:Arial;
}

.caja-derecha-parte-abajo{
width:150px;
height:18px;
background-image: url(caja-derecha-parte-abajo.png);
background-repeat: none;
}


.abre-caja{
width:700px;
height:20px;
background-image: url(abre-caja.png);
background-repeat: none;
}

div.caja{
width:700px;
background-image: url(caja-medio.png);
background-repeat: repeat-y;
margin:0px;
text-align:center;
}

.caja p{
font-size:14px;
font-family:Georgia;
color:#ffffff;
}


.cierra-caja{
width:700px;
height:20px;
background-image: url(cierra-caja.png);
background-repeat: none;
}


div.abre-caja2{
width:350px;
height:15px;
background-image: url(abre-caja2.png);
background-repeat: none;
padding:0px;
margin:0px;
}

div.caja2-medio{
width:350px;
background-image: url(caja2-medio.png);
background-repeat: repeat-y;
padding:0px;
margin:0px;
}

div.caja2-medio a,p{
font-size:14px;
font-family:Georgia;
padding:5px;
}


div.cierra-caja2{
width:350px;
height:15px;
background-image: url(cierra-caja2.png);
background-repeat: none;
padding:0px;
margin-bottom:0px;
}


form.comentarios p, textarea, input{
padding-left:5px;
}


form p{
text-align:left;
padding-left:25px;
color:#ffffff;
}

.formularios{
text-align:left;
padding-left:25px;
color:#ffffff;
}


table.formularios{
border-spacing:0.5em 1em;
}

table.formularios tr{
width:600px;
}

table.formularios td{
width:300px;
cellspaing:30px;
}

table.formularios td select{
width:300px;
cellspaing:30px;
}

table.formularios td input{
width:300px;
cellspaing:30px;
}


h1.logo-principal{
width: 1000px;
height: 100px;
margin: 0px;
text-align:center;

}


h1.footerlogo{
width: 1000px;
height: 100px;
background: transparent url("footer.png") no-repeat left top;
margin: 0px;
text-align:center;

}

h3{
font-size:12px;
color:green;
text-align:center;
margin:0px;
padding:0px;
}


.barraforo ul li a
{
font-size:10px;
}

#page-body p{
text-align:left;
font-size:12px;
margin:0px;
padding:0px;
float:left;
}

#page-body h2{
text-align:left;
font-size:12px;
}

div.button{
height:40px;
width:350px;
}


.post-icon a{
	background:url(img/button.png);
	display:block;
	color:#ffcc00;
	font-weight:bold;
	height:40px;
	line-height:29px;
	text-decoration:none;
	width:350px;
	text-align:center;
	font-size:12px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;

}
.post-icon a hover {
	background:url(img/button-hover.png);
	color:#ffee00;
	font-size:14px;
	height:40px;
	width:350px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.icon-home{
text-align:left;
}

p.adsense{
color: white;
font-family: Arial;
font-size: 12px;
margin: 0px;
padding: 5px;
text-align:left;}

table.escucharmp3 tr td{
width:350px;
}


.barra { display:scroll; position:fixed; margin:0 auto 0 auto;padding:auto;bottom:0px; text-align:center;width:100%;border:2px;border-color:white; background-color:#555555;}

//-->