/*	//	genéricos	//	Estructura				//	especificaciones	//	columnas	//	navegacion horizontal	//	navegacion vertical	
	
	//	alertas		//	esquinas redondeadas	//	fotos				//	popup		//	tooltips				//	video			//contenedores
	
	//libreria
*/

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

/*genéricos
---------------------------------------------*/
body {font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#020202; }
a:link, a:visited, a:hover {color:#550000; text-decoration:underline; font-size:12px;}
p {margin:0 5px 10px 10px;}
h1 {display:none;}
h2{ margin:0 5px 14px 10px; color:#550000; font-size:13px; border-bottom:1px solid #550000; font-weight:bold; position:relative; height:17px}
h3 {font-size:11px; margin:0 5px 5px 10px;}
dl {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:10px; width:300px;}
dl dt {font-weight:bold; color:#550000; padding-bottom:2px; padding-left:20px; border-bottom:1px solid #550000; background:url(../Imagenes/flecha-1.gif) no-repeat 0 1px;}
dl dd {padding:10px 10px 10px 52px; text-align:justify;}
ul, ol {list-style-type:none; padding-bottom:2px;}
ul a {text-decoration:none!important;}
td, th {text-align:left; vertical-align:top;}
small {font-size:11px; color:#666666;}

/* */

a.external{background:url(../Imagenes/ico-link-externo.gif) no-repeat right top; padding-right:10px;} /*destaca vinculos externos, no funciona en IE6*/
a.pdf {background:url(../Imagenes/ico-pdf.jpg) no-repeat 0 0; padding-left:24px; padding-bottom:12px;}
h2 span.date {position:absolute; right:0; top:0; font-size:10px; font-weight:normal; letter-spacing:1px;}
h2.spacer-top {margin-top:30px;}/*revisar donde se usa */
h3.nav-title {font-size:12px; margin:0 5px 5px 10px; letter-spacing:2px;}
p span.destacado {color:#550000;}
a.destacado {font-size:13px; font-weight:bold; text-decoration:none;}
.resaltado {color:#999999;}

ul.type1 li {padding-bottom:4px;}
ul.type1 a:link, ul.type1 a:visited {text-decoration:none!important; margin-bottom:2px; color:#000000;}
ul.type1 a:hover {color:#550000; text-decoration:underline!important;}

ul.type2 {padding-bottom:20px;}
ul.type2 li strong {margin-right:20px;}
ul.type2 a {display:block; color:#666666;}

.table-1 {border-collapse:collapse; width:90%; font-family:Arial, Helvetica, sans-serif; color:#333333; margin:0 60px;}
.table-1 th {border-bottom:1px solid #000; color:#550000; font-size:13px; padding:8px 6px; font-weight:bold;}
.table-1 td {border-bottom:1px solid #ccc; color:#333; font-size:12px; padding:4px 6px;}
.table-1 td.info-concert {color:#000000;}

.indent {margin-left:50px;}/*comprobar si se usa*/
.right-indent {display:inline; float:right; margin-right:50px;}/*comprobar si se usa*/
.left-indent {display:inline; float:left; margin-left:50px;}/*comprobar si se usa*/
 
.shadow {background:url(../Imagenes/sombra-imagenes.gif) no-repeat bottom right; float:left; line-height:0; margin:6px 0 6px 18px;}
.shadow  img {position:relative; top:-10px;left:-10px; border:1px solid #333;}
.shadow object{position:relative; top:-10px;left:-10px;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{height:1%;}
.block, .unit {display:block;}
.spacer-top{margin-top:8px;}
.hide {display:none;}
.right {float:right;}
.left {float:left;}

/*----------------------------------------------------
	Estructura
-----------------------------------------------------*/
/*	index	*/
#principal {text-align:center;}
#principal .portada {margin:0 auto; width:848px;}
#principal a:link, #principal a:visited {display:block; font-size:14px; font-weight:bold;}
#principal a:hover{color:#990000;}
/*	*/
.wrapper {width:1094px; margin:0 auto; background:url(../Imagenes/bg-contenedor.gif) repeat-y 0 0;}
#cabecera {margin:0 52px; height:324px; background: url(../Imagenes/bg-header.jpg) no-repeat 0 0;}
#navegacion {background:#000 url(../Imagenes/botones/button.gif); margin:0 52px; text-align:center;}
.content {margin:0 52px; border:1px solid #999999;}
.cont-center {width:1024px; margin:0 auto;}/*centra el contenido para culaquier resolucion*/

#template2 {padding:0 7px;}
#template2 .modulo {margin-bottom:20px;}
#template2 .modulo ul {margin-left:12px; padding-bottom:7px;}
#template2 .main-content, #template2 .second-content {float:left;}
#template2 .main-content {width:460px; padding:0 7px;}
#template2 .second-content {width:480px; padding:0 7px;}
#template2 .second-content .unit-news {float:left; width:220px;}
#template2 .second-content .contact {padding:0 0 7px 10px;}
#template2 .second-content .contact span {display:block; padding-bottom:7px;}
#template2 .second-content .unit {float:right; width:248px; padding-left:7px;}

		
#first-content {float:left; width:705px; padding:0 8px; min-height:400px;overflow: hidden; height: expression(this.scrollHeight < 401? "400px": "auto")}
#first-content-single {float:left; width:940px; padding:0 8px; min-height:400px;overflow: hidden; height: expression(this.scrollHeight < 401? "400px": "auto")}
#inicio #first-content .left {width:450px;}

#second-content {float:left; width:250px; margin-top:6px; padding-left:4px;}
#second-content div.top, #template2 .second-content .unit div.top {background:url(../Imagenes/top-box-2.gif) no-repeat 0 5px; height:20px;}
#second-content div.bottom, #template2 .second-content .unit div.bottom{background:url(../Imagenes/center-box-2.gif) no-repeat left bottom; height:20px;}
#second-content div.center, #template2 .second-content .unit div.center{background:url(../Imagenes/bottom-box-2.gif) repeat-y 0 0;}
#second-content h3 {margin-left:24px;}
#second-content ul {margin-left:24px; padding-bottom:14px;}
#second-content ul li {padding:1px 0;}
#second-content ul li.border-top{border-top:1px solid #000000;}
#second-content ul li.border-bot {border-bottom:1px solid #000000;}
#second-content div.adds {}/*no se usa, aprovechar nomenclatura*/
#second-content a.btn-play-radio {margin:12px 0 12px 6px; background:url(../Imagenes/pic-play-radio.gif) 0 0 no-repeat; padding:8px 62px 13px 74px; text-decoration:none; display:block;}
#second-content a.btn-play-radio span {visibility:hidden; margin:0; padding:0;}

#destacada {height:180px; margin:14px; background:url(../Imagenes/box-destacadas.gif) no-repeat 0 0; padding:0 30px;}
#destacada div.noticia {margin:20px 5px 20px 0; width:45%; float:left;}
#destacada h2 {border:0!important; font-size:12px;}
#destacada .noticia a{font-size:10px; margin-right:14px; color:#550000; font-weight:bold;}

.areatexto {margin:10px 8px 10px 8px; padding:4px; }
.areatexto .modulo {margin-bottom:20px;}
.areatexto .album-portada {margin:12px 0 0 40px;}
.areatexto .album-detalles {float:left; width:340px; margin:12px 0;}
.areatexto .album-detalles h3 {font-weight:normal; border-bottom:1px solid #333333; margin-left:28px;}
.areatexto .album-detalles ol {color:#000; font-size:11px; margin:10px 0;}
.areatexto li {padding-left:12px; color:#000; font-size:12px; margin-bottom:6px;}

#foot {background:#222; border-top:1px solid #000; clear:both; text-align:center; padding:5px 0; color:#fff;}
#foot a {font-size:12px; color:#fff; font-weight:bold; padding:4px; text-decoration:none;}

/* */

/*= contenedores
--------------------------------------------*/
.box h3.title {background:url(../Imagenes/bg-title-a.gif) no-repeat 0 0; padding:10px 14px; margin:7px 0 14px 0; color:#000000; border:0; }
.box li {margin-bottom:7px; padding-left:14px;}
.box li span {font-weight:bold; color:#000000; margin-left:7px; margin-right:5px;}
.box li span.date {font-weight:normal;font-size:10px; color: #550000; margin:0;}
.box li a {background:url(../Imagenes/flecha-1.gif) no-repeat 0 2px; padding:0 0 0 18px}
.box li a:link, .box li a:visited {color:#550000;}
.box li a:hover {color:#990000;}

.section {margin-bottom:20px;}
.product {float:left; width:220px;}
.description {float:left;width:340px;}

.newsletter {margin-bottom:14px;}
.more {padding:0 7px;}
.more img {padding:7px 0;}
.more a.last:link, a.more:visited {border:0;}
.more a:link,.more a:visited,.more a:hover {text-decoration:none; display:block; border-bottom:1px solid #666666; border-top:1px solid #FFFFFF;}
/*= especificaciones
--------------------------------------------*/

#video .left {width:174px;}
#baul img {margin:2px; padding-right:4px;}
#fotos #first-content {float:right; width:700px; background:url(../Imagenes/bg-fotos-index.jpg) no-repeat 0 0;}
#fotos #second-content ul {padding-bottom:2px;}
#fotos a.visited {border:1px solid #000; cursor:default;}
#fotos a.visited-child {background:#000; border:0; cursor:default;}
#tienda h2, #baul h2 {border-bottom:1px solid #000000; }
#tienda h2 {margin-left:0;}
#tienda .areatexto{margin-left:80px;}
#discografia ul.album-list {margin-top:12px;}
#discografia .modulo {padding-left:20px;}

/* */

/*=columnas
--------------------------------------------*/

div.columna2 {float:left; width:400px; margin:20px;}
.columna2 .columna2 {float:left; width:200px; margin:0;}
.separator-right {border-right:1px dashed gray;}
.cols2 .left {width:45%;}

.cols-a .main {float:left; width:448px; display:inline;}
.cols-a .second {float:right; width:220px; display:inline;}


/* */

/*-----------------------------------------------------------
	navegacion horizontal
------------------------------------------------------------*/

#navegacion .menu1 {padding-left:90px; height:36px; background:#000 url(../Imagenes/botones/button.gif); margin:0;}
#navegacion .menu1 li {color:#aaa; font-family:Verdana, Helvetica, sans-serif; line-height:35px; font-weight:bold; list-style:none; float:left;}
#navegacion .menu1 li a {font-size:11px; display:block; padding:0 0 0 8px; float:left; color:#CCCCCC; height:35px; text-decoration:none; text-align:center; cursor:pointer;}
#navegacion .menu1 li a b {float:left; display:block; padding:0 18px 0 8px; letter-spacing:2px; }
#navegacion .menu1 a:hover {color:#fff; background:#000  url(../Imagenes/botones/buttonhover.gif);}
#navegacion .menu1 a:hover b {background:url(../Imagenes/botones/buttonhover.gif) no-repeat right top;}
#inicio #navegacion .noticias a, 
#conciertos #navegacion .conciertos a, 
#biografia #navegacion .biografia a, 
#discografia #navegacion .discografia a, 
#video #navegacion .video a,  
#prensa #navegacion .prensa a, 
#fotos #navegacion .fotos a, 
#foro #navegacion .foro a,
#red #navegacion .red a {
color:#FFFFFF; 
background:#000 url(../Imagenes/botones/buttonvisited.gif);
cursor:default;
}
#inicio #navegacion .noticias a b, 
#conciertos #navegacion .conciertos a b, 
#biografia #navegacion .biografia a b, 
#discografia #navegacion .discografia a b, 
#video #navegacion .video a b, 
#prensa #navegacion .prensa a b, 
#fotos #navegacion .fotos a b, 
#foro #navegacion .foro a b, 
#red #navegacion .red a b {
background:#000 url(../Imagenes/botones/buttonvisited.gif) no-repeat right top; cursor:default;
}

/*------------------------------------------------------------
	navegacion vertical
------------------------------------------------------------*/

ul#menu2 {width:200px; margin-left:18px;}
#menu2 li {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding-left:0}
#menu2 a:link, #menu2 a:visited { display:block; color:#000; padding-left:20px; text-decoration:none; text-align:left; line-height:20px; font-size:11px;border-bottom:1px solid #CCC; height:20px; letter-spacing:2px;}				
#menu2 a:hover {color:#000; background:url(../fotos/461px-TriangleArrow-Right.s.gif) no-repeat 0 5px;}	

/* */

/*=alertas
------------------------------------------------------------*/
.info {padding:10px;}
.info img {padding-right:20px;}
.info p {font-size:12px;}

/* */

/*=esquinas redondeadas
------------------------------------------------------------*/
.superior_izquierda{
  width:18em;
  padding:0;
  margin:0 auto;
  background:url(../Imagenes/esquinas/superior_izquierda.gif) no-repeat top left;
}
.superior_derecha{
  margin:0;
  background:url(../Imagenes/esquinas/superior_derecha.gif) no-repeat top right;
}
.inferior_izquierda{
  margin:0;
  background:url(../Imagenes/esquinas/inferior_izquierda.gif) no-repeat bottom left;
}
.inferior_derecha{
  margin:0;
  padding:10px;
  background:url(../Imagenes/esquinas/inferior_derecha.gif) no-repeat bottom right;
}
/* */

/*=video
------------------------------------------------------------*/
.video {text-align:center;}
/* */

/*=fotos
------------------------------------------------------------*/
#flashcontent {width:100%; height:500px;}
/* */

/*=popup
------------------------------------------------------------*/
#popup {background:#330000; color:#FFFFFF; font-size:13px;}
#popup small.autor {font-size:12px; color:#CCCCCC;}
#popup .lyric {margin:10px 0;}
#popup .list {margin:20px 10px;}
#popup .list ol { list-style-type:square; margin-left:10px;}
/* */

/*=tooltips
------------------------------------------------------------*/
td.info-concert a.tooltip {text-decoration:none; cursor:default;}
td.info-concert a:hover {background:#ffffff; text-decoration:none;}
td.info-concert a.tooltip span {display:none; padding:4px; margin-left:8px; width:200px; }
td.info-concert a.tooltip:hover span{display:inline; position:absolute; border:2px solid  #000000; background:#ffffff; color:#000000;}
/* */

/*=tooltips
------------------------------------------------------------*/
span.details {color:#666666; font-size:11px;}
/* */