/************************************************************************************
//Fichero: promocioname.css
//Descripción: Maquetación CSS
//Autor: Manolo Bittacora
//Última actualización: 12/01/2009 12:00
//Último actualizador: Manolo Bittacora
//************************************************************************************/


/****************************************
/* ESTILOS GENERALES
*****************************************/
body {
}

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

html {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height:100%;
}

img {
	border: none;
	text-decoration: none;
}

.texto_normal {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #333;
	text-align: justify;
	line-height: 15px;
}


.texto_negrita {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	text-align: justify;
}

h1 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #CC292B;
	text-align: left;
}

h2 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #00B394;
	text-align: left;
}

h3 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #999999;
	text-align: left;
}

 a{
/*	color: #00008b;*/
	text-decoration: none;
}

a:hover{
/*	color: #00B394;*/
	text-decoration: underline;
}

ul {
	margin-left: 40px;
}

ol {
	margin-left: 20px;
}

.texto_normal ol li{
	margin-left: 60px;
}

hr {
	background-color: #CCCCCC;
	color: #CCCCCC;
	height: 1px;
	width: 100%;
	margin-top: 5px;
	_margin-top: 0;	
}

.escuende{
	display: none;
}

/*.dcha {
	float: right;
}*/

/****************************************
/*BODY
*****************************************/

body {
	height: 100%;
	width: 100%;
}

html, body {
	height: 100%;
	width: 100%;
	margin:0px; 
	padding:0px; 
	text-align:left;
	background-color: #E3E3E3;
}

.separador_vacio {
	clear: both;
}

.separador {
	clear: both;
	height: 4px;
}

.separador_grande {
	clear: both;
	height: 10px;
}


/****************************************
/*PORTADA
*****************************************/

#portada {
	min-height: 100%;
	padding: 10px;
}

/****************************************
/* CONTENIDOS
*****************************************/

#contenedor {
	width: 1005px;
	height: 100%;
	margin: auto;	
}

#padding_zona {
	padding-left: 13px; /* Este div envuelve a #zona para que se vea centrado todo en IE6 que no respetaba bien el margin-left de #zona*/
}

#zona {
	width: 974px;
/*	height: 100%;*/
	background-color: #FFF;
	float: left;
/*	margin-left: 10px;
	margin-right: 10px;*/
	display: block;
	min-height: 500px;
	_height: 500px; /* trampa */
	margin: auto;
	background-image: url(../img/fondo_zona.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#zona .banda_superior {
	width: 974px;
	height: 5px;
	float: left;
	background-image: url(../img/banda_superior.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	margin: auto;			
}


span.select{
   position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #fff;
   font: 12px/21px arial,sans-serif;
   background: url(select.gif) no-repeat;
   overflow: hidden;
}

span.checkbox {
  width: 19px;
  height: 25px;
  padding: 0 25px 0 0;
  background: url(checkbox.gif) no-repeat;
  display: inline;
/*  clear: left;*/
/*  float: left;*/
}

span.radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(radio.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
}

.avatar {
	width: 79px;
	margin: 10px;
	float: left;
}

.avatar img{
	border: 1px solid #CCCCCC;
	padding: 2px;
	width: 75px;
	height: 75px;
}

.avatar a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #00ADFF;
	text-align: left;
}

.avatar_peque {
	width: 60px;
	margin: 2px;
	float: left;
}

.en_verde {
	color: #99CC00;
}

.en_verde a{
	color: #99CC00 !important;
}

.avatar_peque img{
	border: 1px solid #CCCCCC;
	padding: 2px;
	width: 50px;
	height: 50px;
}

.avatar_peque a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #00ADFF;
	text-align: left;
}

#zona .boton_corchetes {
	text-align: right;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;	
	color: #00ADFF;	
}

#zona .boton_corchetes a {
	font-weight: bold;
	color: #00ADFF;	
	text-decoration: none;	
}

#zona .boton_corchetes a:hover {
	text-decoration: underline;
}

.artista_thumbs{
	border: 1px solid #CCCCCC;
	padding: 2px;
	width: 75px;
	height: 75px;
}

/****************************************
/* ZONA VERDE
*****************************************/

#zona .zona_verde {
	width: 209px;
/*	background-color: fuchsia;*/
	padding: 5px 0 0 5px;
	height: 100%;
	float: left;
}

#zona .nube {
	float: left;
	width: 204px;
	margin: 0;	
	padding: 0;
}

#zona .nombre_nube {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #333333;
	text-align: left;
}


#zona .tags, #zona .tags a{
	text-align: left;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #668826;		
}

#zona .tags .uno {
	font-size: 0.6em;
}
#zona ..tags dos {
	font-size: 0.7em;
}
#zona .tags .tres {
	font-size: 0.8em;
}
#zona .tags .cuatro {
	font-size: 0.9em;
}
#zona .tags .cinco {
	font-size: 1.0em;
}
#zona .tags .seis {
	font-size: 1.1em;
}
#zona .tags .siete {
	font-size: 1.2em;
}
#zona .tags .ocho {
	font-size: 1.3em;
}
#zona .tags .nueve {
	font-size: 1.4em;
}
#zona .tags .diez {
	font-size: 1.5em;
}

#menu {
/*	height: 97%;*/
	width: 204px;
	margin: 0 0 15px 0;	
	padding: 0;
/*	background-color: #fcfcfc;*/
	display: block;	
	overflow:hidden;
	float: left;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	text-align: justify;	
}

#menu ul { list-style: none; margin: 0; padding: 0; } 
#menu li { display: block; width: 100%; margin-bottom: 0; 	border: solid #CCCCCC;
	border-width: 0 0 1px 0;	} 
#menu a { display: block; color: #668800; text-decoration: none; padding: 10px 20px; text-align: left; 
/*background: transparent url(../img/background.png) no-repeat -300px 0px; */
background-color: #fff;
} 
#menu a:hover { 
/*color: #ffffff;*/
display: block;
 }

.titulo {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #CC292B;
	text-align: left;
	margin-bottom: 5px;
}


.subtitulo {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #333333;
	text-align: left;
}

/****************************************
/* ZONA ROJA
*****************************************/

#zona .zona_roja {
	width: 544px;
/*	background-color: aqua;*/
	padding: 5px 0 0 5px;
	height: 100%;
	float: left;
}

#zona .zona_roja .ficha_izq_musica {
	width: 244px;
	float: left;
	padding-right: 10px;
}

#zona .zona_roja .ficha_der_musica {
	width: 280px;
	float: left;
	text-align: center;
}

#zona .zona_roja .ficha_izq{
	width: 334px;
/*	background-color: aqua;*/
	float: left;
	padding-right: 10px;
}

#zona .zona_roja .ficha_der{
	width: 200px;
	background-color: #EBEBEB;
	float: left;
/*	padding-left: 6px;*/
	margin: auto;
	text-align: center;
	padding-bottom: 10px;
}

#zona .zona_roja .ficha_der .grande  {
	border: 1px solid #ccc;
	padding: 4px 4px 25px 4px;
	margin: 10px 0 5px 0;
	background-color: white;
	width: 165px !important;
	height: 150px !important;
}


#zona .zona_roja .ficha_der .lista_thumbs  {
	margin: auto;
/*	background-color: fuchsia;*/
	width: 165px;
	height: 64px;
	overflow: hidden;
}

#zona .zona_roja .ficha_der .lista_thumbs_bio  {
	margin: auto;
/*	background-color: fuchsia;*/
	width: 165px;
/*	height: 64px;*/
	overflow: hidden;
}

#zona .zona_roja .ficha_der .thumb  {
	border: 1px solid #ccc;
	padding: 2px 2px 15px 2px;
	background-color: white;
	width: 45px;
	height: 45px;
	text-align: center;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	display: block;
}

#zona .zona_roja .ficha_der .thumb img{
	width: 45px;
	height: 45px;
}

#zona .zona_roja .favorito{
	text-align: right;
	float: right;
	display: block;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	color: #00ADFF;	
	background-image: url(../img/favorito.png);
	background-position: right;
	background-repeat: no-repeat;
	line-height: 32px;
	padding-right: 35px;
}
#zona .zona_roja .favorito a{
	color: #00ADFF;	
}
#zona .zona_roja .ficha_abajo {
	width: 100%;
	float: left;
}

#zona .zona_roja ul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #333;
	text-align: left;
	color: #00ADFF;		
	margin-top: 10px;
}

#zona .zona_roja li {
	margin-bottom: 5px;
	_margin-bottom: 0;
}

#zona .zona_roja li a {
	color: #00ADFF;		
}

#zona .zona_roja .cuadro_video {
	width: 243px;
	height: 200px;
	margin: auto;
}

#zona .zona_roja .preferencias {
	margin-top: 40px;
	display: block;
	float: left;
}

#zona .zona_roja .texto_rojo {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: red;
	text-align: justify;
}

#zona .zona_roja .maqueta {
	width: 544px;
	border-style: solid none solid none;
	border-width: 1px;
	border-color: #ccc;
	float: left;
	display: block;
	background-image: url(../img/oblirayado.png);	
}

#zona .zona_roja .maqueta_izq {
	width: 130px;
	float: left;
	padding: 10px;
	text-align: center;		
}


#zona .zona_roja .maqueta_der {
	width: 373px;
	float: left;
	border-left: 1px solid #ccc;	
	padding: 10px;
	background-color: #f5f5f5;	
	min-height: 180px;
}

#zona .zona_roja .maqueta_der img{
	border: none !important;
	vertical-align: middle;
	background-color: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

#zona .zona_roja .maqueta img {
	background-color: #ffffff;
	padding: 4px;
	border: 1px solid #ccc;	
}

#zona .zona_roja .maqueta .titulo {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #668826;
	text-align: left;
	margin-bottom: 5px;
}

#zona .zona_roja .maqueta .subtitulo {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #668826;
	text-align: left;
	margin-bottom: 5px;
}

#zona .zona_roja .maqueta ul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #333;
	text-align: left;
	color: #00ADFF;		
	margin-top: 0 !important;
	margin-left: 30px !important;
}

#zona .zona_roja .maqueta li {
	margin-bottom: 5px;
	_margin-bottom: 0;
	list-style: decimal-leading-zero;
}

#zona .zona_roja .maqueta li a {
	color: #00ADFF;		
}

#zona .zona_roja .abecedario {
	margin-top: 10px;
	margin-bottom: 20px;
}

#zona .zona_roja .abecedario a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #00ADFF;	
}

#zona .zona_roja .abecedario select{
	border: 1px solid #ccc !important;
}

/****************************************
/* ZONA AZUL
*****************************************/

#zona .zona_azul {
	width: 201px;
/*	background-color: green;*/
	padding: 5px 0 0 10px;
	height: 100%;
	float: left;
}

/****************************************
/* FORMULARIOS
*****************************************/

#mensajes {
	width: 100%;
	float: none;
/*	background-color: green;*/
	margin-top: 10px;
}

fieldset {background:#f2f2e6; padding:10px;  margin-bottom:36px; 	width: 524px; border-bottom: 1px solid; color:#bec2c4;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#bec2c4; margin-top:-20px;}
legend {background:#CC292B; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:0px 0 10px -11px; font-weight:bold; }
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:400px; line-height:25px; margin:0 0 10px 0; }
#footer {font-size:11px;}

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(../img/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(../img/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(../img/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; /*position:absolute;*/ display:block; width:13px; height:13px; border:1px solid transparent; background:url(../img/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; /*position:absolute; */width:12px; height:12px; border:1px solid transparent; background:url(../img/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(../img/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(../img/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(../img/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(../img/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(../img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(../img/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(../img/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(../img/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(../img/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(../img/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(../img/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(../img/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(../img/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(../img/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(../img/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(../img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(../img/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(../img/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(../img/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(../img/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(../img/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(../img/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}

#mensajes .el_mensaje {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
	text-align: left;	
	
}

#mensajes .nombre{
	color: #00ADFF;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;	
	font-weight: bold; 
}


#mensajes .separador_mensajes {
	height: 15px;
	clear: both;
	display: block;
}

/****************************************
/* ESTILO DE BOCADILLOS PARA LOS MENSAJES
*****************************************/

#caja {
	font-family: verdana;
/*	height: 100px;*/
	border: solid 2px #fff;
	margin-top: 10px;
	position: relative;
	background-color: #e9e9e9;
	float: left;
	z-index: 9;
	width: 520px;
	padding: 10px;
}
#caja span {
	position: absolute;
	background-color: transparent;
	height: 20px;
	overflow: hidden;
	left: 20px;
	display: block;
	width: 15px;
}
#caja span.punta {
	font-family: verdana;
	font-size: 90px;
	top: -9px;
	color: #e9e9e9;
	text-indent: -29px;
	line-height: 60px;
}
#caja span.punta2 {
	font-family: verdana;
	font-size: 30px;
	top: -20px;
	color: #fff;
	text-indent: -5px;
}

	 
/****************************************
/* SOBRE CABECERA - ZONA DE LOGIN
*****************************************/	

#sobre_cabecera {
	height: 70px;
	width: 1000px;
	margin: auto;	
	float: left;
	display: none;	
	background-color: #fff;
	background-image: url(../img/sobre_cabecera.jpg);
	background-position: left;
	background-repeat: no-repeat;
	overflow: hidden;
}


#sobre_cabecera .loginContent {
	width: 550px;
/*	height: 70px;*/
	margin: 0 0 0 212px;
	padding-top: 15px;
/*	background-color: green;*/
	text-align: left;
	font-size: 0.85em;
	color: #cccccc;	
	display: inline;
	float: left;
}

#sobre_cabecera .loginContent a{
	color: #00ADFF;
}

#sobre_cabecera .loginContent a:hover{
	color: #00ADFF;
	text-decoration: underline;
}


#sobre_cabecera .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#sobre_cabecera .loginContent .right {
	width: 390px;
	float: right;
	text-align: right;
	padding-right: 55px;
	font-size: 0.95em;
}


#sobre_cabecera .loginContent form {
	margin: 0 0 5px 0;
	height: 26px;
}

#sobre_cabecera label {
	color: #cccccc;
}

#sobre_cabecera .loginContent input.field {
	border: 1px #1A1A1A solid;
	background: #828282;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 16px;
}

#sobre_cabecera .loginContent input:focus.field {
	background: #fff;
	color: #333;
}

#sobre_cabecera .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

#sobre_cabecera .loginContent input.button_login {
	width: 80px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(../img/button_login.jpg) no-repeat 0 0;
}

#sobre_cabecera .loginClose {
	float: left;
	vertical-align: middle;
	margin-left: 70px;
	margin-top: 10px;
}

#sobre_cabecera .loginClose a {
	display: block;
	width: 50px;
	height: 20px;
	background: url(../img/button_close.jpg) no-repeat right 0;
	padding-right: 12px;
	border: none;
	font-size: 0.8em;
	color: #cccccc;	
}

#sobre_cabecera .loginClose a:hover {
	background: url(../img/button_close.jpg) no-repeat right -20px;
}

/****************************************
/* CABECERA
*****************************************/

#cabecera {
	height: 70px;
	width: 1000px;
	margin: auto;	
	float: left;
	display: block;	
	background-image: url(../img/cabecera.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

#cabecera .logo {
	height: 85px;
	width: 135px;
	float: left;
	display: block;	
	margin-left: 10px;
	margin-top: 8px;
}

#cabecera img {
	margin: 0 !important;
	padding: 0 !important;
}

#cabecera .botones {
	float: left;
	margin-top:30px;
	margin-left: 380px;
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #333;
	text-align: left;	
	display: inline;
}

#cabecera .botones a {
	color: #333;
	text-decoration: none;
}

#cabecera .botones a:hover {
	color: #333;
	text-decoration: underline;
}  

#cabecera .botones .b0 {
	margin-left: 0;
}
#cabecera .botones .b1 {
	margin-left: 45px;
}
#cabecera .botones .b2 {
	margin-left: 40px;
}
#cabecera .botones .b3 {
	margin-left: 46px;
}
#cabecera .botones .b4 {
	margin-left: 48px;
}
#cabecera .botones .b5 {
	margin-left: 62px;
}

#cabecera .botones .b6 {
	margin-left: 62px;
}

/****************************************
/*CONTENIDO
*****************************************/

#contenido {
	height: 100%;
	width: 890px;
	margin: auto;	
	padding: 10px 0 10px 0;
	background-color: #EDEDF8;	
   clear: both;
	display: block;	
	overflow:auto;
	border-width: 5px;
	border-color: #ED6E00; 
	border-style: solid;			
}

	
/****************************************
/*PIE
*****************************************/

#partners {
	width: 1000px;
	height: 75px;
	float: left;
	margin-top: 4px;
	padding-top: 4px;
/*	background-color: #ccc;*/
	text-align: center;
}

#partners .texto_partners {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
	text-align: left;		
}

#partners img {
	padding: 5px 5px 0 5px;
}

#pie {
	width: 1000px;
	height: 80px;
	float: left;
	margin-top: 2px;
	padding-top: 2px;
	background-image: url(../img/pie.jpg);
	background-position: left;
	background-repeat: no-repeat;	
	text-align: right;	
}

#pie .texto_pie {
	padding-right: 10px;
	font-weight: normal;
	text-align: right;
	color: #00B394;
	font-size: 0.8em;
}

#pie .texto_pie a{
	font-weight: normal;
	color: #00B394;
	text-decoration: none;
}

#pie .texto_pie a:hover{
	color: #00B394;
	text-decoration: underline;
}

/****************************************
/*TABLAS
*****************************************/


table.title {
	width: 98%; 
	margin: 0px auto 0px auto;  
	text-align: left; 
	font-weight: bold; 
	letter-spacing: 3px; 
	padding: 0px; 
	color: #D20000;; 
	font-size: 0.8em;}
	
table.list {
	width: 98%;
	margin: 0px auto 0px auto;
	padding: 0px;
	font-size: 0.8em;
	background-color: #EEEEEE;
}

#scrolltable {
	overflow: auto;
	position: relative;
	height: 220px; 
/*	width: 98%;	*/
	direction: rtl;
}
	
td.listcab {
	text-align: center;
	font-weight: bold;
	padding: 5px; 
	color: #EDEDF8;
	background-color: #ED6E00;
	font-size: 1em;
	width: auto;
}

td.listdat { 

	padding: 0px 10px 0px 10px;
	border: 1px solid #E35B02;
	border-style: none none solid none;
	height: 25px;
	width: auto;
}	

/****************************************
/*FORMULARIOS
*****************************************/	

#formulario {
	background-color: #e3e2f2;
/*	border: solid;
	border-color: #000000;
	border-width: 1px 0 1px 0;	*/
	padding: 10px;
	margin-top: 10px;
/*	margin-bottom: 10px;*/
	width: 600px; 
	text-align: left;
}

#formulario form {
	background: none;
	border: none;	
}

#formulario label {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #797979;
	text-align: left;		
	padding-right: 5px;		
}

#formulario .bot_buscar {
	width: 124px;
	height: 23px;
	background-image: url(../img/bot_buscar.png);
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	margin: auto;
	padding-top: 20px;
}

#formulario select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	color: #000000;	
/*	clear: both;
	display: block;	
	margin-bottom: 5px;*/
	width: 200px;
	border: 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #f9f9ff;		
}

#formulario input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	color: #000000;	
/*	clear: both;*/
/*	display: block;*/
/*	margin-bottom: 5px;*/	
/*	width: 350px;*/
	background-color: #f9f9ff;
	border: 1px;
	border-style: solid;
	border-color: #ccc;	
}

/*.input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	color: #333333;
	clear: both;
	display: block;
	margin-bottom: 5px;	
	width: 350px;
	background-color: #f9f9ff;
	border: 1px;
	border-style: solid;
	border-color: #9b9b9b;		
}*/

#formulario textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	color: #333333;
	clear: both;
	display: block;	
	width: 96%;
	background-color: #f9f9ff;
	border: 1px;
	border-style: solid;
	border-color: #ccc;	
}

#formulario .boton {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0066FF;
	letter-spacing: 1px;
	text-align: center;
	padding: 0px;
	width: 100px;
	border: 1px solid #0066FF;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;		
	font-weight: bold;		
	margin: auto;
}

#formulario .boton:hover {
	background-color:	#0A94D6; 
	border-color: #0A94D6;
	color: #fff;
}

/*
#formulario input:focus, select:focus, textarea:focus {
	background-color: #f2f2ff;
}
*/

form .errFld {
	padding: 1px;
	border: 1px solid #F00;
}


form .errMsg {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #CC3333 !important;
	height: 10px;
	display: block;	
	margin-bottom: 5px;
}

.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an {
display: block;
}

/****************************************
/*INFO y ERROR
*****************************************/	

#info_ok {
	background-image: url(../img/info.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #e3e2f2;
	border-color: #215972;
	border-width: 1px;	
	border-style: dashed;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 65px;	
	width: 50%; 
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;		
	color: #215972;
	text-align: left;	
	padding-top: 10px;
	padding-bottom: 10px;
}

#info_ok .info_ok_texto {
	vertical-align: middle;
	text-align: left;
	line-height: 55px;
}

#info_error {
	background-image: url(../img/info_error.jpg);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #fff;
	margin: auto;	
	width: 600px;
	height: 500px;
	margin-left: auto;
}

#info_error .info_error_texto {
	vertical-align: middle;
	text-align: left;
	line-height: 55px;
}

/****************************************
/* MIGUITAS
*****************************************/	
.miguitas {
/*	margin-left: 100px;*/
	margin-top: 20px;
	float: left;
	text-transform: uppercase;
	width: 540px;
}

.miguitas ul{
	margin:0; 
	padding:0; 
}

.miguitas ul li{
	padding:0; 
	margin:0; 
	list-style:none; 
	float:left; 
	display:inline;	
	padding-right: 5px;
}

.miguitas ul li a{
	font:0.6em Arial, Helvetica, sans-serif; 
	font-weight: bold;	
	color:#00B394; 
	text-decoration:none; 
	display:block; 	
}

.miguitas .entre_migas {
	font:0.6em Arial, Helvetica, sans-serif; 
	font-weight: bold;	
	color:#00B394; 
	display: block;
}

.miguitas ul li a span{}
.miguitas ul li a:hover span{text-decoration:underline;}
.miguitas ul li a.active{background:none;}
.miguitas ul li a.active span{color:#CC9999;}
.miguitas ul li a.active:hover span{text-decoration:underline;}
.miguitas ul li span.activo{
	font:0.6em Arial, Helvetica, sans-serif; 
	font-weight: bold;	
	color: #82c0df;
	display: block;
}
/****************************************
/* MISCELÁNEA
*****************************************/	

#losbajos {
	margin: 10px;
	text-align: right;
	font-size: 0.8em;
	clear: both;	
/*	background-color: fuchsia;*/
}
.cincuenta{
	width: 50px;
}

.setentaycinco{
	width: 50px;
}

.cien{
	width: 100px;
}
.ciento20{
	width: 120px;
	height: 120px;
}
.ciento50{
	width: 150px;
}

.doscientos{
	width: 200px;
	height: 200px;
}


.grande{
	width: 200px !important;
}

/* =tabla_listado
----------------------------------------------- */

#tabla_listado
{
	width: 640px;
	margin: 0 5px 0 5px;
	border-collapse:collapse;
	background:#EFF4FB;
	font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana;
	color: #333;	
}

#tabla_listado td, #tabla_listado th {
		padding:5px;
}

#tabla_listado caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}

/* =links
----------------------------------------------- */

#tabla_listado table a {
		color:#950000;
		text-decoration:none;
}

#tabla_listado table a:link {}

#tabla_listado table a:visited {
		font-weight:normal;
		color:#666;
		text-decoration: line-through;
}

#tabla_listado table a:hover {
		border-bottom: 1px dashed #bbb;
}

/* =head =foot
----------------------------------------------- */

#tabla_listado thead th, #tabla_listado tfoot th, #tabla_listado tfoot td {
		background:#333 url(llsh.gif) repeat-x;
		color:#fff
}

#tabla_listado tfoot td {
		text-align:right
}

/* =body
----------------------------------------------- */


#tabla_listado tbody th, #tabla_listado tbody td {
		border-bottom: solid 1px #CCCCCC;
}

#tabla_listado tbody th {
		white-space: nowrap;
}

#tabla_listado tbody th a {
		color:#333;
}

#tabla_listado .odd {}

#tabla_listado tbody tr:hover {
		background:#fafafa
}

#tabla_listado tbody td.imagen{
	background: #fff;
	text-align: center;
}

#fotoAmpliada {
	display: none;
}

#tabla_listado tbody td.precio {
	background: #D8E4F5;
	font-weight: bold;
	color: #950000;
}

#tabla_listado tbody td.stock {
/*	background: #e5edf9;*/
	background-color: #ffffff;
	font-weight: bold;
	color: #950000;
	text-align: center;
}

* html #tabla_listado tr.sfhover td{
	background: #fafafa;
	}
#tabla_listado tbody tr:hover td
{
	background: #fafafa;
}


#mensajes dl {clear:both;}
#mensajes dt {float:left; text-align:left; width: auto; line-height:10px; 
margin:0 10px 10px 0;}
#mensajes dd {float:left; width:375px; line-height:25px; margin:0 0 10px 0; }
#contiene_multiselect{
float:right;width:150px;
background-color: #fff;	
}
#multiselect{
	width:150px;height:140px;float:right;background-color:#fff;border:0;
}
/**/

/**Portada**/

#banner_portada{
/*	background-color: #00ADFF;*/
	height: 200px;
	width: 540px;
	margin: 0 auto;
}

.bloque_derecha{
width: 200px;
background-color: #00ADFF;
margin: 5px 0 5px 0;
}

.banner_derecha{
width: 200px;
height: 100px;
/*background-color: #00ADFF;*/
margin: 5px 0 5px 0;
vertical-align: middle;
}


.zona_azul ul li{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #00ADFF;
	text-align: left;
}
.zona_azul ul li span{
	color: #b22222;
}
a.bloque_artista_listado{
float: left;
width: 262px;
display: block;
border: 1px #00B394 solid;
margin: 5px 0 5px 5px;
cursor: pointer;
}
a.bloque_artista_listado:hover{
float: left;
display: block;
border: 1px solid #b22222;
text-decoration: none;
}
.bloque_artista_listado img{
float: left;
margin: 3px;
}
.bloque_artista_listado h2{
float: left;
padding-left: 5px;
display: block;
width: 145px;
overflow: hidden;
}
.bloque_artista_listado div{
height:  auto !important;
height: 160px;
min-height: 160px;
}

/************************************/
/* PAGINADO */
/************************************/
.paginas { text-align: center; margin-bottom: 20px; margin-top: 0px; }
.paginado { font-size: 10px; padding-top: 10px; margin-left: auto; margin-right: 
auto; /* padding-bottom: 10px; background-image: 
url(http://l.yimg.com/www.flickr.com/images/dotted.gif); background-repeat: 
repeat-x; background-position: left bottom; */ }
.paginado a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; 
background: #fff; text-decoration: none; font: 1em Arial, Helvetica; color: #133B5E; 
font-weight: bold;}
.paginado a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; 
text-decoration: none; }
.paginado .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px 
#ddd; */ background: #fff; color: #aaa; }
.paginado .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; 
background: #fff; }
.paginado .break { padding: 2px 6px; border: none; background: #fff; 
text-decoration: none; }
.paginado .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; 
background: #fff;}
.paginado .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; 
*/ background: #fff; color: #aaa; } 

.paginado .pagina_actual {padding: 2px 6px; border-color: #999; font-weight: bold; 
font-size: 10px; vertical-align: top; background: #fff; color: #53AD51; }
.paginado a:hover {color: #fff; background: #b2cf42; border-color: #8ba32e; 
text-decoration: none;}
.paginas div.resultado { text-align: center; font: 11px/15px Arial, Helvetica; color: 
#aaa; margin-top: 8px; } 
/************************************/
/* PESTAÑAS MENSAJES */
/************************************/
 #tabs {float:left;
 		width:100%;
      background:#fff;
      font-size:93%;
 /*     line-height:normal;*/
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;
      }
    #tabs ul {
	  margin:0 auto;
/*	  padding:10px 10px 0 0;*/
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../img/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../img/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }  
		
		
/****************************************
/* MESSAGEBOXES
*****************************************/	
		
.mensaje_info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 0;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-width: 1px 0 1px 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #00ADFF;
	text-align: left;
}
.mensaje_info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../img/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../img/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/error.png');
}

a.tieneinvitaciones, a.tieneinvitaciones:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #00ADFF;
	text-align: left;
}
		.lista_invitaciones {
				font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
		}
.lista_invitaciones a, .lista_invitaciones a:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #00ADFF;
	text-align: left;
}
		
		.lista_invitaciones a.rechaza_invitacion {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #d00000;
	text-align: left;
}		.lista_invitaciones a.acepta_invitacion {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #98cb00;
	text-align: left;
}

/****************************************
/* FIN
*****************************************/