/* Estilo principal WEB */


body{float:left;position:relative;width:100%;height:100%;margin:0 !important;padding:0 !important;background:url(../img/body_bg.jpg) top center no-repeat #fff !important;}

body *{font-family:"Trebuchet MS", sans-serif;font-size:13px;color:#333;}

a{color:#70a4b2;text-decoration:none;cursor:pointer;}
a:hover{color:#c5dde4;cursor:pointer;}
a img{border:none;cursor:pointer;}



/* ESTRUCTURA BASICA */
div#top{
float:left;
position:relative;
width:100%;
height:45px;
margin:0 0 0 0;
padding:0;
background-color:#fff;
font-weight:bold;
font-size:14px;
}

	div#texto_top{
	position:relative;
	width:810px;
	margin:15px auto 0 auto;
	padding:0;
	}


	div#top span{
	float:right;
	position:relative;
	margin:0 4px 0 0;
	padding:0;
	background-color:#fff;
	color:#70a4b2;
	cursor:default;
	}

	div#top span a:hover{border-bottom:4px solid #d28488;color:#d28488;	}
	
div#header{
float:left;
position:relative;
width:100%;
height:264px;
margin:0 0 0 0;
padding:0;
}

div#wrapper{
float:left;
position:relative;
width:100%;
height:auto;
margin:0 0 0 0;
padding:0;
}


div#footer{
float:left;
position:relative;
width:100%;
height:197px;
margin:0 0 0 0;
padding:0;
bottom:0;
background-color:#d0d9d9;
}

div.mister{
float:left;
position:absolute;
margin:0;
padding:0;
z-index:10 !important;
}




/* -----------------------------------------------------------------------------------*/



div#cabecera{
position:relative;
width:810px;
height:264px;
margin:0 auto;
padding:0;
}

	
	div#cabecera a#enlace_inicio{
	float:left;
	position:absolute;
	width:244px;
	height:107px;
	margin:0;
	padding:0;
	top:0;
	left:260px;
	z-index:25 !important;
	background:url(../img/logotipo.gif) top left no-repeat;
	}


div#menu{
position:relative;
width:810px;
height:34px;
margin:0 auto;
padding:0;
z-index:25 !important;
}
	
	
	div#menu ul{
	float:left;
	position:relative;
	width:810px;
	height:34px;
	margin:0;
	padding:0;
	background:none;
	}


		div#menu ul li{ 
		float:right;
		position:relative;
		margin:0 5px 0 0;
		padding:0;
		display:inline;	
		padding:0 0 0 5px;
		background:none;
		}

		
			div#menu ul li a{ 
			float:right;
			position:relative;
			margin:0 0 0 0;
			padding:0;
			display:inline;
			font-size:14px;
			color:#70a4b2;
			font-weight:bold;
			background:none;			
			}
	
			div#menu ul li a:hover{border-bottom:4px solid #d28488;color:#d28488;}
			
		div#menu ul li.puntito{ 
		float:right;
		position:relative;
		margin:0 0 0 0;
		padding:0;
		display:inline;	
		padding:0 2px 0 2px;
		}
	
/*WRAPPER*/
div#container{
position:relative;
width:810px;
height:auto;
margin:0 auto;
padding:0 0 0 0 0;
background-color:#fff;
}


	div#container div#contenedor{
	float:left;
	position:relative;
	width:500px;
	margin:0;
	padding:0;
	background:url(../img/superjose.jpg)  10px bottom #fff no-repeat;
	cursor:default;
	}


	div#container div#lateral{
	float:left;
	position:relative;
	width:295px;
	min-height:800px;
	height:auto;
	margin:0;
	padding:0 0 35px 0;
	background-color:#fff;
	cursor:default;
	}
		
/*----------------------------------------*/

div#reproductor{
float:left;
position:relative;
width:100%;
margin:8px 0 0 0;
padding:0;
}


div#noticias{
float:left;
position:relative;
width:98%;
height:auto;
margin:10px 0 0 0;
padding:0 5px 5px 5px;
background-color:#c5dde4;
}


	
	div#noticias div#blanquito{
	float:left;
	position:relative;
	width:100%;
	height:25px;
	margin:0;
	padding:0 5px 0 0;
	background-color:#fff;
	font-weight:bold;
	}
	
	div#noticias div#blanquito p{
	float:left;
	position:relative;
	width:135px;
	height:25px;
	margin:0;
	padding:0;
	text-align:center;
	color:#fff;
	background-color:#c5dde4;
	}


		div#noticias div#blanquito p span{
		float:left;
		position:relative;
		margin:5px 0 0 -1px !important;
		padding:0;
		color:#fff;
		width:100%;
		text-align:center;
		}
	

	div#noticias p.minifecha{
	width:100%;
	margin:8px 0 0 0;
	padding:0;	
	color:#666;	
	font-weight:bold;	
	font-size:13px;	
	}


	div#noticias p.minititulo{
	width:100%;
	margin:0;
	padding:0;	
	color:#333;	
	font-weight:bold;	
	}


	div#noticias p.minitexto{
	width:100%;
	margin:0;
	padding:0;	
	color:#333;	
	font-size:13px;
	}


	div#noticias p.mas{
	width:100%;
	margin:0;
	padding:0;	
	color:#ff9933;	
	font-weight:bold;
	text-align:right;	
	font-size:13px;	
	border-bottom:1px solid #fff;
	}

		div#noticias p.mas a{
		margin:0;
		padding:0;	
		color:#ff9933;	
		text-align:right;	
		font-size:13px;	
		}
	
	
	
		div#noticias p.mas a:hover{
		color:#999;	
		}


/* FANS */
div#fans{
float:left;
position:relative;
width:98%;
min-height:262px;
height:auto;
margin:10px 0 0 0;
padding:0 5px 10px 5px;
background-color:#ffefc9;
}

div#fans p.mas_fans a{
float:left;
position:relative;
width:98%;
height:15px;
text-align:right;
color:#ff9933;
font-weight:bold;
}


div#fans p.mas_fans a:hover{
color:#999;
}
	
	div#fans div#blancodos{
	float:left;
	position:relative;
	width:100%;
	height:25px;
	margin:0 0 10px 0;
	padding:0 5px 0 0;
	background-color:#fff;
	font-weight:bold;
	}
	
	div#fans div#blancodos p{
	float:left;
	position:relative;
	width:135px;
	height:25px;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#ffefc9;
	}

		div#fans div#blancodos p span{
		float:left;
		position:relative;
		margin:5px 0 0 -3px !important;
		padding:0;
		color:#333;
		width:100%;
		text-align:center;
		}


	div#fans div.superfan{
	float:left;
	position:relative;
	width:50px;
	height:50px;
	margin:0 0 0 1px;
	padding:3px;	
	}

		div#fans div.superfan a{width:100%;height:100%;margin:0;padding:0;}

		div#fans div.superfan a img{border:none;}


/* VIDEOS */

div#video_portada{
float:left;
position:relative;
width:100%;
height:200px;
margin:10px 0 0 0;
padding:0 0 0 0;
}


div#video_portada a{
width:100%;
height:200px;
margin:0 0 0 0;
padding:0 0 0 0;
}
div#video_portada a img{
width:100%;
height:200px !important;
margin:0 0 0 0;
padding:0 0 0 0;
}


/* SECCION INICIO */

div#contenedor div{
position:relative;
width:460px;
margin:50px auto 0 auto;
padding:0;
}

span#titulo_seccion{
font-weight:bold;
font-size:14px;
padding:4px 5px;
color:#fff;
background-color:#c5dde4;
}


p#volver{
float:left;
position:relative;
width:100%;
height:20px;
}

p#volver a strong{
color:#327d95;
}

p#volver a:hover strong{
color:#999;
}

p#volver span{
float:left;
position:relative;
margin:0 0 0 0;
}


div#contenedor div p{
width:100%;
color:#333;
font-size:13px;
}

span#firma{
float:right;
position:relative;
width:100%;
height:60px;
background:url(../img/firma.jpg) right top no-repeat;
}


span#leer{
float:right;
position:relative;
margin:0 0 0 0;
padding:0;
color:#FF9900;
font-weight:bold;
}


span#leer a{
color:#FF9900;
}

span#leer a:hover{
color:#ccc;
}

/* LOGIN ACCESO */
	form#login{
	float:left;
	position:relative;
	width:100%;
	margin:50px 0;
	padding:0;	
	}



	form#login input{
	position:relative;
	width:200px;
	padding:0;
	background-color:#fff;
	border:none;
	color:#0099CC;
	margin:0 0 0 0;
	border:1px solid #70a4b2;
	}
	
	form#login input.button_login{
	width:auto;
	margin:0;
	border:1px solid #999;
	cursor:pointer;
	background-color:#f5f5f5;
	color:#999;
	margin:5px 0 0 0;
	padding:2px 3px 2px 3px;	
	}
	
	form#login input.button_login:hover{
	background-color:#0099CC;
	color:#fff;
	border:1px solid #0099CC;	
	}
	

/*DISCOGRAFIA*/

div.disco{
float:left;
position:relative;
width:100%;
margin:15px 0 0 0 !important;
padding:0 0 0 0;
border-bottom:1px solid #ccc;
}



div.disco span.caratula{
float:left;
position:relative;
width:200px;
height:200px;
margin:0 0 0 0;
padding:2%;
}

	div.disco p.titulo{
	float:left;
	position:relative;
	width:100%;
	padding:0;
	margin:0 0 0 10px;
	color:#70a4b2 !important;
	font-weight:bold;
	font-size:14px;
	}

	div.disco p.titulo span{
	float:left;
	position:relative;
	padding:0;
	margin:0 0 0 0;
	color:#70a4b2 !important;
	font-weight:bold;
	font-size:14px;	
	}


	div.disco span.caratula img{
	float:left;
	position:relative;
	width:200px;
	height:200px;
	margin:0 0 0 0;
	padding:0;
	border:1px solid #70a4b2;
	}
	


	div.disco p.canciones{
	float:left;
	position:relative;
	width:200px !important;
	padding:2%;
	margin:0;
	}

/* PIE PAGINA */

div#footer div{
position:relative;
width:810px;
height:197px;
margin:0 auto;
padding:0;
bottom:0;
background:url(../img/microfono_pie.jpg) right bottom  no-repeat #d0d9d9;
cursor:default;
}


div#footer div p#copy{
position:absolute;
top:130px;
left:15px;
height:60px;
width:485px;
margin:0;
padding:0;
bottom:0;
color:#666;
font-weight:bold;
}


div#footer div p#sello{
position:absolute;
top:150px;
right:15px;
height:35px;
width:170px;
margin:0;
padding:0;
bottom:0;
color:#666;
font-weight:bold;
text-align:right;
}

div#footer div p a{color:#333;font-weight:bold;}

 div#footer div p a:hover{color:#ff9933;font-weight:bold;}


/*CONTACTO*/

form#contacto{
float:left;
position:relative;
width:95%;
height:380px;
margin:0 0 0 0;
padding:0;
}

 form#contacto strong{color:#006600;}

 form#contacto label{
float:left;
position:relative;
width:90%;
margin:12px 0 0 0;
padding:0;
text-align:left;
}


 form#contacto input,textarea{
float:left;
position:relative;	
width:100%;
height:18px;
background-color:#c5dde4;
border:1px solid #c5dde4;
}


 textarea{height:100px;}

input#acepto{
float:left;
position:relative;	
margin:0;
padding:0;
width:12px;
border:1px solid #c5dde4;
}


 form#contacto input:hover,input:focus,textarea:hover,textarea:focus{
background-color:#fff;
border:1px solid #c5dde4;
}



	 form#contacto input#boton_enviar{
	float:left;
	position:relative;	
	margin:15px 0 0 0;	
	width:55px;
	height:28px;
	background:#70a4b2;
	padding:0;
	cursor:pointer;
	font-weight:bold;
	color:#c5dde4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	border:1px solid #c5dde4;
	}
	
	 form#contacto input#boton_enviar:hover{color:#70a4b2;background:#fff;border:1px solid #c5dde4;}


.altavoz img{float:left;position:relative;margin:1px 0 0 5px !important;padding:0;}


/* Videos */

span#video_ajax{
float:left;
position:relative;
width:228px;
height:230px;
margin:0;
padding:0;
}


span#video_ajax a{
margin:0;
padding:0;
}


span#video_ajax a img{
margin:0;
padding:0;
border:none;
}



/* TOOLTIP */
.thdrcell {
background:#F3F0E7;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:5px;
border-bottom:1px solid #C8BA92;
}

.tdatacell {
font-family:arial;
font-size:12px;
padding:5px;
background:#FFFFFF
}

.dvhdr1 {
background:#F3F0E7;
font-family:arial;
font-size:12px;
font-weight:bold;
border:1px solid #C8BA92;
padding:5px;
width:250px;
}

.dvbdy1 {
background:#FFFFFF;
font-family:arial;
font-size:12px;
border-left:1px solid #C8BA92;
border-right:1px solid #C8BA92;
border-bottom:1px solid #C8BA92;
padding:5px;
width:250px;
}


.dogvdvhdr {
width:300;
background:#C4D5E3;
border:1px solid #C4D5E3;
font-weight:bold;
padding:10px;
}

.dogvdvbdy {
width:300;
background:#FFFFFF;
border-left:1px solid #C4D5E3;
border-right:1px solid #C4D5E3;
border-bottom:1px solid #C4D5E3;
padding:10px;
}

.pgdiv {
width:320;
height:250;
background:#E9EFF4;
border:1px solid #C4D5E3;
padding:10px;
margin-bottom:20;
font-family:arial;
font-size:12px;
}

/* MISTERS */
div#mister_generico{
background:url(../img/mister_generico.jpg) top left no-repeat;
width:271px;
height:358px;
top:-45px;
left:-7px;
}



div#mister_blanco{
background:url(../img/mister_blanco.jpg) top left no-repeat;
width:271px;
height:358px;
top:-45px;
left:-7px;
}

div#mister_gris{
background:url(../img/mister_gris.jpg) top left no-repeat;
width:300px;
height:360px;
top:-45px;
left:-7px;
}


div#mister_negro{
background:url(../img/mister_negro.jpg) top left no-repeat;
width:402px;
height:360px;
top:-45px;
left:-7px;
}


/* GALERIA */