/*
	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Anibal Barnes - GTK
	
	_Estilos para elementos de formularios
*/

/*** ESPECTÁCULO VISTA SINGLE ****/

#single{float:left;display:block; width:480px}
#single h4{margin-bottom:1px;}
#single p.scene{ color:#009999; padding-top:2px;}
#single p.scene a{ color:#009999; text-decoration:none}
#single p.scene a:hover{ color:#009999; text-decoration:underline}
#single img{ margin:20px 0}


#col-right{width:184px; display:block;float:right; overflow:hidden;padding:0 0 0 0}
#content{background:url(images/bg_contenido.gif) repeat-y right top}

/*spotify*/
#col-right a.spotify{ width:103px; height:54px;padding-left:60px; display:block; clear:both; overflow:hidden;margin-left:20px;text-decoration:underline; text-transform:uppercase; font-size:10px;background:url(images/sprite.png) no-repeat 0 -61px; line-height:1.2em; text-decoration:none}
#col-right a.spotify strong{ color:#999999; text-transform: lowercase;}
#col-right a.spotify:hover {text-decoration:underline}


/*relacionados*/
.relacionados{float:left; width:164px; padding-left:20px;}
.relacionados ul{ margin:0; padding:0; list-style-type:none} 
#col-right .relacionados ul li { margin-bottom:15px; font-size:0.95em}
#col-right .relacionados ul li span.title{ display:block}
#col-right .relacionados ul li a{ color:#009999; display:block;line-height:1.1em; text-decoration:none;padding-right:10px; background: url(images/sprite.png) no-repeat right -226px;}
div>#col-right .relacionados ul li a{  display:inline; *display:block}
#col-right .relacionados ul li a:hover{ text-decoration:underline} 


/* BLOQUE INFORMATIVO */

.entradas{ width:150px; padding:31px 0 0 14px;height:100px; float:left; margin:0 0 15px 10px;background: url(images/bg_entradas_act.png) no-repeat left top;}
div>.entradas{margin:0 0 15px 20px}
.entradas ul{ width:135px; float:left; list-style-type:none; margin:15px 0 0 4px; padding:0}
.entradas li{  width:29px;color:#FFF; text-transform:uppercase; float:left; padding-right:4px; font-weight:normal}
.entradas strong{ width:29px; display:block; color:#FFFF99;font-weight:normal}

.entradas li.gratuita{ font-style:italic}
.entradas li.gratuita, .entradas li.unico{width:120px; color:#FFFFFF; text-transform:none}
.entradas li.gratuita strong{width:120px; font-weight:bold; font-style:normal;color:#FFFF99;}


#col-right h4{font: italic normal 1em Georgia, "Times New Roman", Times, serif; color:#FF0000;padding:0 0 0 20px}

#col-right .entradas a.comprar {width:130px; height:27px;padding: 5px 0px 0 34px; margin:20px 0 0 -15px;float:left;color:#fff; text-decoration:none;background: url(images/bot_comprar.png) no-repeat left top}
#col-right .entradas a.comprar:hover{ text-decoration:underline}

.entradas.gratis{ width:150px; padding:31px 0 0 14px;height:70px; float:left; margin:0 0 15px 10px;background: url(images/bg_entradas.png) no-repeat left top;}
div>.entradas.gratis{margin:0 0 15px 20px}

/* entradas activas*************************/
.entradas_act{ width:150px; padding:31px 0 0 14px;height:127px; float:left; margin:0 0 15px 10px;background: url(images/bg_entradas_act.png) no-repeat left top;}
/*.entradas.gratis{ width:150px; padding:31px 0 0 14px;height:127px; float:left; margin:0 0 15px 10px;background: url(images/bg_entradas_act.png) no-repeat left top;}*/
.entradas_act ul{ width:135px; float:left; list-style-type:none; margin:15px 0 0 4px; padding:0}
.entradas_act li{  width:29px;color:#FFF; text-transform:uppercase; float:left; padding-right:4px; font-weight:normal}
.entradas_act strong{ width:29px; display:block; color:#FFFF99;font-weight:normal}

.entradas_act li.gratuita{ font-style:italic}
.entradas_act li.gratuita, .entradas li.unico{width:120px; color:#FFFFFF; text-transform:none}
.entradas_act li.gratuita strong{width:120px; font-weight:bold; font-style:normal;color:#FFFF99;}

#col-right .entradas_act a.comprar { width:130px; height:27px; padding:5px 0 0 34px; margin:20px 0 0 -15px; float:left; display:block; clear:both;color:#fff; text-decoration:none;background: url(images/bot_comprar.png) no-repeat left top}
#col-right .entradas_act a.comprar:hover{ text-decoration:underline}