/*
	Cliente  : Disonantes
	Fecha    : Mayo - 2008 
	 
	Colores  : #333 	// texto
			 : #31b1ba 	// azul, titulos y destacados
			 : #31b1ba 	// background
			 : #f2eee2	// bg claro subtitulos 
	
	Fuentes  : Trebuchet MS 	// Texto
			 : Klavika, Geneva	// Cabeceras		
			  

*/
	
/* -------- L4Y0U7 -------- */

body  {
	font-family:"Trebuchet MS", Arial, sans-serif;
	background: #31b1ba;
	color: #333;
	font-size:100%;
	text-align:center;
}

#contenedor{ 
	width: 823px;
	text-align:left;
	/*margin: 27px 0 0 48px;*/
	margin: 0 auto;
}
	#bgtop{
		width:inherit;
		height:9px;
		background-color:#fff;
		background-image:url(../img/bgtop.gif);
		background-repeat:no-repeat;
	}
	#contenido{		
		width:747px;
		background-color:#fff;
		background-image:url(../img/bgcontenido.gif);
		background-repeat:repeat-y;
		padding:15px 38px 5px;
	}
	#bgbottom{
		width:inherit;
		height:9px;
		background-color:#fff;
		background-image:url(../img/bgbottom.gif);
		background-repeat:no-repeat;
	}




#top{
	/*height:417px;	*/
}

	#logo{
		width:inherit;
	}


	#nav{
		width:745px;
		height:25px;		
		background-color:#f2eee2;
		clear:left;
		text-align:center;		
	}

	
	#banner {  
		height:  213px;  
		width:   745px;  
		padding: 0;  
		margin:  0;  
	} 	
	
	#textoBanner{
		margin:15px 0;
		 z-index:-999;
	}

	#mp3Player{
		float:right;
		margin-bottom:15px;
		height:22px;
	}
			
#middle{
	clear:left;
	height:100%;
}

	#links{
		width:390px;
		float:left;
		margin-right:39px;		
	}
	
		.shorCut{
			width:115px;
			margin-right:15px;
			float:left;
		}
	
		.shorCut.last{
			margin-right:0;
		}
	
	#boletinHome{
		margin-top:35px;
	}
		
	#sideBarDerHome{
		width:318px;
		background-color:#f2eee2;
		float:left;
		padding-bottom:25px;
	}
	
	
	#noticias, #agenda{
		/*float:left;
		width:745px;*/
	}
	
	#agenda{
		/*padding-left:5px;
		border-left:1px #ccc dotted;*/
		
	}
	#noticias, #agenda{
		/*width:370px;*/
		margin-right:14px;
		padding-left:15px;
		width:745px;
	}	
	
	#agenda br{
		clear:left;
	}
	
	
	#agenda h3.mes{
		margin-left:25px;
		margin-top:20px;
		margin-bottom:10px;
		background:url(../img/bg_mes.gif) no-repeat;
		width:700px;
		height:35px;
		text-align:center;
		color:#FFF;
		font-size:14px;
		padding-top:8px;
	}
	
		div.eventoParent{
			margin-bottom:15px;
			padding-left:34px;
			
			width:330px;
			float:left;
		}
		div.eventoParent:hover, div.eventoParent.select{
			background-image:url(../img/comillas.gif);
			background-repeat:no-repeat;
			background-position:left top;
		}
	
	#main{
		float:left;
		width:490px;
		padding-top:7px;
		padding-left:33px;
		padding-right:18px;
		margin-right:12px;
		border-right: 1px #ccc dotted;
		min-height:242px;
	}
	
	#main.columna1{
		width:650px;	
		border-right: none;
		border-top: 1px #ccc dotted;
		padding-left:50px;
		padding-top:25px;
	}
	
	#main.columna2{
		width:580px;
		border-right: none;
		border-left:1px #ccc dotted;
		margin-left:10px;
		padding-left:15px;
		padding-right:0;
		margin-right:0;
	}
		
		div.bloqueArtista{
			width:inherit;
			margin-bottom:25px;
		}
		div.thumbs{
			width:130px;
			float:left;	
		}
	
	
	#main.columna3{
		width:500px;
		padding-left:5px;
		padding-top:9px;
		padding-right:0px; 
		margin-right:10px;
	}
	.mac.gecko #main.columna3{
		width:500px;
		padding-left:5px;
		padding-top:9px;
		padding-right:0px; 
		margin-right:10px;
	}
	
	
	#artistas{
		width:130px;
		float:left;
		margin-right:8px;
	}
	
	
	
	#sideBarDer{
		float:left;
		width:193px;
		text-align:right;
		padding-top:7px;		
	}

	#minisideBarDer{
		float:left;
		width:90px;
		text-align:right;
		margin:0;
		padding:0;
		padding-top:7px;
	}
#bottom{
	margin-top:25px;
	padding-top:5px;
	border-top:1px #ccc dotted;
}
	

/* -------- N4V3G4D0R -------- */	
	


	
	
/* -------- F0RM470 -------- */

a{text-decoration:none;}

dl{font-size:80%; margin-bottom:45px;}
dt{ margin:10px 0 5px 0;}
dd{ background:url(../img/bullet.gif) no-repeat left 2px; color:#666;padding-left:18px;line-height:150%;}

	
h1,h2,h3,h4,h5,h6{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#31b1ba;
}

#textoBanner h1, #textoBanner h2{
	width:715px;
	padding-left:32px;
	padding-bottom:2px;
	margin-bottom:5px;
	border-bottom:1px #666 dotted;
}

#textoBanner h2.comillas{
	background-image:url(../img/comillas.gif);
	background-repeat:no-repeat;
	background-position:3px 2px;
}
#textoBanner h2.last{border-bottom:none;}
#textoBanner h1{font-size:18px;}
#textoBanner h2{font-size:14px;}

#main h3{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:75%;
	font-weight:bold;
	margin-bottom:25px;
	
}

#main p{
	margin-bottom:20px;}

#bottom p{
	font-size:70%;
	color:#666666;
}


p{
	line-height:150%;
	font-size:75%;
}

p a:link, p a:visited{ color:#666; text-decoration:underline }
p a:hover{ color:#666; text-decoration:none;}

	
ul#menu{ width:660px; margin:0 auto;}
.mac.gecko ul#menu{width:632px;}
.mac.opera9 ul#menu{width:666px;}
	
ul#menu li{
	display: inline;
	font-size:80%;} 
	.mac.gecko ul#menu li{ font-size:70%;}

/*\*/
html*#menu li{ display: inline; font-size:70%; } /* sólo en safari */
.mac.safari ul#menu{width:650px;}
.mac.safari ul#menu li{ font-size:70%;}

ul#menu li a{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	display:block;
	float:left;
	padding-top:5px;
	padding-left:4px;
	padding-right:12px;
	background-image:url(../img/dot.gif);
	background-position: right 9px;
	background-repeat:no-repeat;
}	

ul#menu li a.last{ background-image:none;padding-right:0}
ul#menu li a.select{text-decoration:underline;}
ul#menu li a:link{}
ul#menu li a:visited{}
ul#menu li a:active{}
ul#menu li a:hover{ text-decoration:underline;}


ul.listado,ul#sublistado{
	margin-left:15px;
}
ul.listado li{
	list-style:disc;
	list-style:outside;
	font-size:75%;
}
ul#sublistado li{
	list-style-type:circle;
	list-style:outside;
	font-size:75%;
}

#listadoPdf{
	
	
}
	
#listadoPdf li, #listadoNewsletter li{
	font-size:80%;
	background-image:url(../img/pdf.gif);
	background-repeat:no-repeat;
	list-style:none;
	list-style-position:outside;
	padding-left:20px;
}	
#listadoPdf li a:link, #listadoPdf li a:active, #listadoNewsletter li a:link, #listadoNewsletter li a:active{
	color:#333;
	text-decoration:none;
}
#listadoPdf li a:hover, #listadoPdf li a:visited, #listadoNewsletter li a:hover, #listadoNewsletter li a:visited{
	text-decoration:underline;
}




p.anyo{
	padding:3px;
	background-color:#7f7f7f;
	color:#fff;
	margin-bottom:15px;
	margin-left:34px;
	width:250px;
	text-align:center;
	margin-top:25px;
}

p.fechas{
	color:#31b1ba;
	font-size:11px;
}
p.evento a:link,p.evento a:visited {
	color:#000000;
	text-decoration:underline;
	text-transform:uppercase;
}
p.evento a:hover,p.evento a:active {
	color:#999;
	text-decoration:none;
}

#main p.titDisco{
	margin-bottom:0;
	line-height:30px;
}
#main p em{
	font-style:italic;
}


a.zip:link,a.zip:active{color:#333; text-decoration:underline;}
a.zip:hover,a.zip:visited{  text-decoration:none;}


#main.columna1 p{
	margin-left:140px;
}

#main.columna1 p.evento{
	color:#000000;
}
#main.columna1 p.fechas{
	margin-bottom:0;
}

#artistas ul{
	margin-bottom:25px;
}
#artistas ul li{
	border-bottom:1px #ccc dotted;
	height:23px;
	padding:3px 0 3px 18px;
}
#artistas ul li#overproof{
	border-bottom:none;
	height:46px;
	padding:3px 0 3px 18px;
	margin-bottom:25px;
}
#artistas ul li span{
	font-size:80%;
	color:#31b1ba;
}
#artistas ul li.otrosArtistas a:link{color:#666; font-size:11px;}
#artistas ul li a:link, #artistas ul li a:visited { color:#000000; font-size:11px;}
#artistas ul li a:hover, #artistas ul li a:active, #artistas ul li.select a{ color:#31b1ba;} 
#artistas ul li.select, #artistas ul li:hover {
	cursor:pointer;
	background-image:url(../img/minicomillas.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	color:#31b1ba;
}




#main .artist{
	width:119px;
	float:left;
	margin-right:5px;
	text-align:center;
}

#main .last{
	margin-right:0;
}
#main .artist img{
	margin-bottom:0;
	display:block;
}
div.artist p{
	padding:3px;
	background-color:#80bdbd;
	color:#fff;
	width:113px;
	margin-top:1px;
}



.bloqueArtista h3{
	background-color:#f2eee2;
	border-bottom:1px #ccc dotted;
	border-top:1px #ccc dotted;
	padding:3px 3px 3px 5px;
	margin-left:130px;
	margin-bottom:0px;
}
.bloqueArtista p, .bloqueArtista .galeria{
	margin-left:136px;
	margin-top:-10px;
	font-size:70%;
}
.bloqueArtista h3 a:link, .bloqueArtista h3 a:visited{
	color:#000000;
	font-size:110%;
	margin-bottom:0px;
}

.bloqueArtista h3 a:hover, .bloqueArtista h3 a:active{text-decoration:underline;}

.bloqueArtista .galeria{
	margin-bottom:25px;
}

ul#notasDprensa{}
ul#notasDprensa li{
	background-image:url(../img/pdf.jpg);
	background-repeat:no-repeat;
	background-position:1px 2px;
	padding-left:25px;
}
ul#notasDprensa li a:link,ul#notasDprensa li a:visited{font-size:70%; color:#333;}
ul#notasDprensa li a:hover,ul#notasDprensa li a:active{ text-decoration:underline;}

p.dt{
	font-weight:bold;
	font-size:76%;
	}
p.dt a{color:#999;}
p.dt.underlineNone a{
	text-decoration:none;
	color:#333;
	}	
p.dt.underlineNone{
	margin-top:25px;
}
p.dd{
	margin-top:-15px;
	padding-bottom:20px;}


div#noticiasAgenda p{
	margin-bottom:25px;
}
div#noticiasAgenda p.evento{
	margin-bottom:10px;
}




ul#temasMp3{}
ul#temasMp3 li{
	/*
	background-image:url(../img/nota.jpg);
	background-repeat:no-repeat;
	background-position:1px 4px;
	*/
	padding-left:0px;
	line-height:30px;
	margin-bottom:18px;
}
ul#temasMp3 li span{font-size:70%; display:block; height:15px; margin-bottom:-10px; padding:0}
ul#temasMp3 li span.album{color:#31b1ba;font-size:70%; margin-bottom:-28px}
ul#temasMp3 li span.tema{color:#333;font-size:70%; margin-bottom:-20px;}

div.thumbs img.imgContacto{
	border:none;
}
p.mas{
	text-decoration:underline;
	font-weight:bold;
}

div#noticiasAgenda p.fechas{
	margin-bottom:5px;
}

/* -------- B421C02 -------- */

.left	{float: left;}
.right	{float: right;}

.small	{font-size:75%}
.short	{letter-spacing:-1px;}

.last	{border:none;}

.transpa{filter: alpha(opacity=50); -moz-opacity:0.5;} 

.shortText{letter-spacing:-.5px;}

/* -------- F0RMUL4R102 -------- */

	#formulario {
		font-family: "Trebuchet MS", Arial, san-serif; 
		color: #333; 
		width: auto;
		text-align:left;
	}
	
	#formulario	label{
		color:#333;
		display: block;
		float: left;
		width: 67px;
		font-size:0.7em;
		margin:0 5px 10px 0;
	}
	
	#formulario	input, #formulario	textarea, select{
		display: block;
		width: 149px;
		float: left;
		font-size:0.9em;
		height:16px;
		padding:3px;
		margin:0 15px 10px 0;
		background-color:#CCCCCC;
		border-top:1px #999 solid;
		border-bottom:1px #bbb solid;
		border-left:1px #bbb solid;
		border-right:1px #bbb solid;
	}
	#formulario	textarea{
		font-family: "Trebuchet MS", Arial, san-serif; 
		font-size:0.8em;
		height:101px;
	}
	
	#formulario .btn{
		width: auto;
		height:auto;
		float:right;
		border:0;
		margin-right:17px;
		padding:0;
	}
	
	#submit{
		font-size:70%;
	}
	
	#formulario br {
		clear: left;
	}

	select{
		width:inherit;
		height:25px;
	}

input.boletin{
	width:108px;
	height:16px;
	padding:3px;
	background-color:#CCCCCC;
	border-top:1px #999 solid;
	border-bottom:1px #bbb solid;
	border-left:1px #bbb solid;
	border-right:1px #bbb solid;
	margin-left:72px;
	margin-right:8px;
	float:left;
}

input.btn{
	float:left;
}

/* -------- N071C142 ----------- */

#titNoticias{
	width:747px;
	height:25px;
	margin-top:15px;
}

#titNoticias div.contenedorh2{
	float:left;
	width:180px;
	background-image:url(../img/chincheta.jpg);
	background-position:3px 0;
	background-repeat:no-repeat;
}
	
#titNoticias h2{}
	








/* -------- H0M3 ----------- */

.shorCut img, #main.columna1 img, .artist img, .thumbs img, .galeria img {
	margin-bottom:5px;
	border:2px #666 solid;
}
.galeria img {
	margin-bottom:0px;
	margin-top:0px;
	border:2px #666 solid;
}

.shorCut h3{
	font-size:10px;
	padding:5px 0;
	border-top:1px #666 dotted;
	margin-bottom:10px;
}

	.shorCut h3#dest1{ width:114px; height:15px;}
	.shorCut h3#dest2{ width:114px; height:15px;}
	.shorCut h3#dest3{ width:114px; height:15px;}
	
.shorCut p{	
	border-top:1px #666 dotted;
	padding-top:10px;
	width:inherit;
	line-height:135%;
	font-size:70%;
}
	
	
h3.titBoletin {
	width:375px;
	padding:5px 0 3px;
	border-top:1px #666 dotted;
	border-bottom:1px #666 dotted;
	margin-bottom:5px;
}

#boletinHome img{
	margin-left:5px;
}
#boletinHome p{	
	line-height:135%;
	font-size:70%;
	margin-left:72px;
	width:310px;
	margin-bottom:10px;
}


#sideBarDerHome h3{
	font-size:12px;
}

#contenedorH{
	width:258px;
	height:15px;
	padding:10px 0 3px 60px;
	border-top:1px #666 dotted;
	border-bottom:1px #666 dotted;
	background-image:url(../img/chincheta.jpg);
	background-position:3px 0;
	background-repeat:no-repeat;
}

.noticia{
	width:285px;
	margin-left:17px;
	margin-top:15px;
}

.noticia p.fecha{
	background-color:#fff;
	color:#31b1ba;
	width:55px;
	font-size:65%;
}
.noticia h4{
	font-size:12px;
	width:inherit;
	margin-bottom:8px;
	font-size:70%;
}
.noticia h4 a{
	color:#000;
	font-weight:bold;
}
.noticia h4 a:link, .noticia h4 a:visited{
	text-decoration:none;
}.noticia h4 a:hover, .noticia h4 a:active{
	text-decoration:underline;
}
.noticia p.cuerpo{
	line-height:135%;
	font-size:70%;
	width:inherit;
}

.noticia p.cuerpo a:link{
	color:#000000;
}
.noticia p.cuerpo a:visited{
	color:#31b1ba;
}
.noticia p.cuerpo a:hover{
}	
.noticia p.cuerpo a.mas:link, .noticia p.cuerpo a.mas:visited{
	color:#31b1ba;
}
.noticia p.cuerpo a.mas:hover{
}




/* VIDEOS */

.videoPlayer{
	border:1px #333 solid;
	width:440px;
	margin-left:130px;
}

#main .tituloVideo{
	padding-top:15px;
	margin-right:8px;
	text-align:right;
	margin-bottom:0;
}


/* LINKS CONTRATACION */

#linksContratacion{
	margin-left:130px;
	width:450px;
}
.linkContratacion{
	margin:10px 0 20px 0;
	border-bottom:1px dotted #ccc;
}
#linksContratacion .linkContratacion h5{
	margin:0;
}
#linksContratacion .linkContratacion p{
	margin:0;
}
#linksContratacion .linkContratacion .imgLogo{
	margin:15px 0 25px 0;
}

/* -------- N0 30RR4R -------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}