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


/* Calendario: buscador artistas*/
form.buscador{font: italic normal Georgia, "Times New Roman", Times, serif; color:#FF0033; margin:-55px 8px 13px 0;float:right}
form.buscador input{ width:277px;clear:none;float:left;border:1px solid #FF9999;background:url(images/sprite.png) no-repeat -512px -250px;padding:2px 3px 2px 20px}
form.buscador input.boton{ width:auto; height:22px;padding:2px 3px 3px 3px; margin-left:10px;
border-top:1px solid #FF0033; border-left:1px solid #FF0033;border-right:1px solid #BF0026;
border-bottom:1px solid #BF0026;background:#FF0033; color:#FFFFFF; font-weight:bold;}

	

/* Calendario: por artistas. Buscador y men� abecedario*/

 dl.lista dt{ font: italic normal 1.2em Georgia, "Times New Roman", Times, serif; color:#FF0033; text-transform:uppercase; border-bottom: 1px dotted #CCCCCC; padding:0 0 3px 2px; margin:35px 0 12px 0}
 	#content dl.lista dt a{ color:#FF0033}
  dd.minificha{margin:0 0 12px 0}
	.minificha a{ color:#009999; text-decoration:none;  font-size:1.16em}
	.minificha a:hover{ color:#009999; text-decoration:underline}
	dd.minificha p{  width:575px}
	dd.minificha strong{background:url(images/sprite.png) no-repeat -4px -138px; padding-left:10px}
	dd.minificha strong{background:url(images/sprite.png) no-repeat -738px -227px; padding-left:10px}

#content ul.menu_abc{ margin:0; padding:0; list-style-type:none; display:block; clear:both}
	#content ul.menu_abc li{ float:left; margin-right:2px;height:19px; padding-bottom:14px}
	
	#content ul.menu_abc li a{ display:block;background-color:#000000; font-size:1em;padding:1px 8px; color:#FFFFFF; text-transform:uppercase; text-decoration:none}
			#content ul.menu_abc li a:hover{text-decoration:none;background:#FF0033 } 
				#content ul.menu_abc li.select:hover{ float:left;text-decoration:none;background:url(images/sprite.png) no-repeat center -431px} 

/*LISTADO MINIFICHAS artistas, scene, gender*/
 ul.calendar{ margin:0 0 30px 0; padding:0}
 li.minificha{list-style-type:none}
	 ul.calendar li.minificha{ /* display:block; clear:both; overflow:hidden;*/list-style-type:none; padding-left:36px;background:url(images/sprite.png) no-repeat left -538px; margin-bottom:13px;}
	  ul.artist li.minificha{ display:block; overflow:hidden; clear:both}
 ul.calendar li.minificha p.first, ul.calendar li.minificha p.first{font-weight:bold;display:block;padding:2px 0 5px 0}
 ul.calendar li.minificha p.first span{ font-weight:normal}

ul.calendar li.year{
    list-style-type:none;
    display: block;
    font-weight: bold;
    font-size:14px;
    margin-bottom:10px;
}



 ul.scene li.minificha,  ul.gender li.minificha{ width:220px;list-style-type:none;padding-left:0px;background:transparent; margin-bottom:30px; min-height:62px;}
 ul.scene li p span, ul.gender li p span{ display:block;font-weight:bold; padding:0; margin:0; line-height:1.1em}
		 li.minificha a{/* display:block;*/color:#009999; line-height:1em; margin-top:3px;} 
			li.minificha a:hover{ text-decoration:underline} 
			
			 ul.gender li.minificha a,ul.scene li.minificha a{padding-right:10px; background: url(images/sprite.png) no-repeat right -225px;}


			
/*Calendario por semanas*/
#content ul.semana li.group a {background:#FF9966;} 
#content ul.semana li.group, #content ul.menu_abc.semana li{display:block; text-align:center;width:31px; /*width:28px;*/margin-right:1px}
div>#content ul.menu_abc.semana li{ margin-right:1px}
#content ul.semana li.select a, #content ul.semana li a:hover{text-decoration:none;background:#FF0033; } 
#content ul.semana li.select, #content ul.semana li.select:hover {float:left;text-decoration:none;background:transparent url(images/sprite.png) no-repeat scroll -356px -446px;}
#content ul.semana li.select span{display:block; text-align:center;background-color:#FF0033;color:#fff;}
#content ul.semana li{padding-bottom:34px;}
#week { background:url(images/lineasSem.png)  repeat-y 133px 1px;float:left;margin-top:20px;}
#week h3 {font-size:14px;color:#000;font-weight:bold; margin:0 0 24px 0;}
li.minificha p.hora{font-weight:bold;display:block;margin-bottom:5px;}
li.minificha p.titulo{display:block;margin-bottom:12px;line-height:12px;}
li.minificha p.entradilla{font-size:10px; text-transform:uppercase;display:block;margin-top:8px;}
#content .events li.minificha a {font-weight:bold;}
li.minificha .flechita a{background:transparent url(images/sprite.png) no-repeat scroll 0px -537px; text-indent:-9000px;display:block;height:23px;width:23px;}
li.minificha:hover .flechita a {background-position:-723px -537px;}
li.minificha:hover a{text-decoration:underline;}
.month {float:left;}
.month h3 {font-size:14px;color:#000;font-weight:bold; margin:0 0 5px 0;}
#week .day {float:left;width:125px;margin-right:20px;}
#week .sinmargin {margin:0;}
ul.events{margin:0;padding:0}
.events .minificha{margin-bottom:30px;}
.events .minificha a{ font-weight:normal}

/* Evento detalle*/


#calendar-event h1{ font: bold 1.3em Arial, Helvetica, sans-serif; color:#000}



/***************************/
.tx-cal-controller .title,.tx-cal-controller .navback  { background:none;}

/* CALENDARIO  mini right*/
#right table.month-small{ width:168px; margin:0 0 15px 20px; color:#000000}
#right .month-small th.sideback { text-align:center;text-transform:none}
#right .month-small th.sideback a{ text-decoration:none; font: normal 1.3em Georgia, "Times New Roman", Times, serif; color:#333; }

#right .month-small th.month-weeknums,#right .month-small td.month-weeknums{ display:none}
/*#right table.month-small tbody{background:url(images/bg_month_small.gif) repeat-y}*/
#right table.month-small th,#right table.month-small tr{font: bold 1.16em; text-transform:uppercase; color:#000}
#right table.month-small td{font-size:0.91em;  color:#000000}
#right table.month-small td,#right table.month-small th{ padding:0; text-align:center;border-right:1px solid #CACACA;border-bottom:1px solid #fff; padding:0px 0;width:23px; height:15px; /*padding:2px 5px 3px 5px*/}

#right table.month-small th, #right table.month-small caption{ padding:0px}

td.cal_day6, td.cal_day0{ font-weight:bold}

#right table.month-small td a.active {  background-color:#FF9966;color:#000}
#right table.month-small td a.solid {  background-color:#000; color:#fff}

#right td.eventDay span.bold a{ display:block; background:#FF9966; color:#000; text-decoration:none}
#right td.eventDay span.bold a:hover{background:#FF0033 100%; color:#FFFFFF; text-decoration:none }




/*** D�a concreto ****/
.dayview table,.dayview th,.dayview tr,.dayview td{ padding:0px; background-color:#CCCCCC}
#center .tx-cal-controller h4 { margin-bottom:0}
#center .tx-cal-controller h4:first-letter { text-transform:uppercase}
ul.dias_semana{ list-style-type:none; display:block; clear:both; overflow:hidden; margin:0 0 30px 0}
ul.dias_semana li{ float:left; margin-right:2px;}
ul.dias_semana li span{width:31px; float:left;background:#000; color:#fff; padding-left:5px}
ul.dias_semana li:hover span{background:#FF0033}
#content ul.dias_semana a,#content ul.dias_semana a:hover{color:#fff; width:31px; float:left; background:url(images/topo_dia.gif) no-repeat 20px 6px; text-decoration:none}
#content ul.dias_semana a:hover{background-color:#FF0033}
ul.dias_semana span.active a:hover{ background:#FF0033; width:31px; float:left}
ul.dias_semana li.rowToday span.active{background:#FF0033 }
.lista_dias{ display:block; clear:both; overflow:hidden; margin-top:32px}


#day ul{list-style-type:none; margin:0; padding:0; display:block; clear:both; overflow:hidden}
#content #day ul li{ padding:0 0 31px 0; margin-bottom:15px; border-bottom:1px dotted #ccc; display:block; clear:both; overflow:hidden}
#day ul li p.date, #day ul li p.scene{ font: bold 1.16em Arial, Helvetica, sans-serif; color:#000}
#day ul li p.scene{ font-weight:normal}
#content #day ul li p.title{ margin-top:8px}
#content #day ul li p.title a{font-size:1.16em; font-weight:bold;color:#009999; padding: 4px 0 5px 35px; margin-bottom:0px; display:block;clear:both;overflow:hidden;text-decoration:underline; background:url(images/sprite.png) no-repeat left -624px; }
#content #day ul li p.title a:hover{ text-decoration:none;background:url(images/sprite.png) no-repeat -719px -624px; }
#content #day ul li img{ margin:9px 0 15px 0}
#day ul li p.description{}