/* CSS del Teatre-Auditori de Sant Cugat */
/* Hoja de estilos contenido */


/* Perfiles
------------------------------------------------------------------------------------------------------------------------ */
#perfiles h2{ display: none;}
#perfiles{ float: left; width: 780px; padding: 0; background: #FFF; border-top: 2px solid #000; border-bottom: 2px solid #000; text-align: left;}

      #perfiles ul{ margin: 0; padding: 0;}
      #perfiles ul li{ float: left; margin: 0; padding: 0; text-align: center;}

      li#espectadors a{ display: block; width: 156px; height: 21px; background: url('/imgfiles/nav/espectadors.gif') no-repeat left center;}
      li#espectadors a:hover{ display: block; width: 156px; height: 21px; background: url('/imgfiles/nav/espectadorsactiu.gif') no-repeat left center;}
      li#espectadors a span{ display: none;}
      li#empreses a{ display: block; width: 156px; height: 21px; background: url('/imgfiles/nav/empreses.gif') no-repeat left center;}
      li#empreses a:hover{ display: block; width: 156px; height: 21px; background: url('/imgfiles/nav/empresesactiu.gif') no-repeat left center;}
      li#empreses a span{ display: none;}
      li#companyies a{ display: block; width: 156px; height: 21px; background: url('/imgfiles/nav/companyies.gif') no-repeat left center;}
      li#companyies a:hover{ display: block; width: 156px; height: 21px; background: url('/imgfiles/nav/companyiesactiu.gif') no-repeat left center;}
      li#companyies a span{ display: none;}
      li#mecenes a{ display: block; width: 156px; height: 21px; background: url('/imgfiles/nav/mecenes.gif') no-repeat left center;}
      li#mecenes a:hover{ display: block; width: 156px; height: 21px; background: url('/imgfiles/nav/mecenesactiu.gif') no-repeat left center;}
      li#mecenes a span{ display: none;}
      li#premsa a{ display: block; width: 156px; height: 21px; background: url('/imgfiles/nav/premsa.gif') no-repeat left center;}
      li#premsa a:hover{ display: block; width: 156px; height: 21px; background: url('/imgfiles/nav/premsaactiu.gif') no-repeat left center;}
      li#premsa a span{ display: none;}


/* Espect�culo home
------------------------------------------------------------------------------------------------------------------------ */
#espectaculo{ float: left; width: 780px; height: 346px; background: #FFF; text-align: left;}
.imagenhome{ border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}


/* Contenido home - Agenda, properament, menus
------------------------------------------------------------------------------------------------------------------------ */
#herramientas-buscador{ float: left; /*width: 133px;*/ font-size: 27px; font-weight: bold; background: url('/imgfiles/fondos/fonsTcercador.gif') no-repeat left 10px; padding-left:57px; padding-right:0; padding-top:10px; padding-bottom:5px}
#buscador{ float: left; padding: 1px 0 2px 5px;}
#buscador label{ float: left;}
#buscador label input{ float: left; width: 70px; padding: 1px 2px 0; border: 1px solid #000; font-size: 10px; color: #000;}
#buscador label input:focus{ background: #FFF;}
#buscador input.boton{ float: left; width: 15px; padding: 0; border: 0px none; background: url('/imgfiles/nav/botonlupa.gif') no-repeat center; margin-left:3px; margin-right:0; margin-top:0; margin-bottom:0}

#contenido{ float: left; width: 780px; padding: 0; background: #FFF; border-top: 2px solid #000;}
#agenda{ float: left; width: 175px; padding: 0 0 10px 0;}
h2.tagenda { float: left; display: block; width: 151px; height: 16px; background: url('/imgfiles/fondos/fonsTagenda.gif') no-repeat left center; padding-left:7px; padding-right:0; padding-top:0; padding-bottom:1px}
h2.tagenda span{ display: none;}
#calendario{ padding: 0 0 0 10px;} 
#leyenda{ padding: 10px 0 0 10px;} 
.tleyenda{ float: left; display: block; width: 150px; font-weight: bold; font-size: 11px; letter-spacing: -1px;}
#temporada{ padding: 2px 0 0 10px;} 
.ttemporada{ float: left; display: block; width: 150px; height: 27px; color: #990134; font-weight: bold; font-size: 11px; background: url('/imgfiles/fondos/fonsTotaProgramacio.gif') no-repeat left center; padding-left:23px; padding-right:0; padding-top:14px; padding-bottom:0}

#proximamente{ float: left; width: 195px; /*height: 80px;*/ padding: 10px 0 10px 0;} 
h2.tproximamente { float: left; display: block; width: 150px; height: 15px; background: url('/imgfiles/fondos/fonsTproperament.gif') no-repeat left center; padding-left:7px; padding-right:0; padding-top:0; padding-bottom:1px}
h2.tproximamente span{ display: none;}
#espectaculoprox{ float: left; padding: 10px 0 0 7px;} 
#imagenprox{ float: left; height: 127px; background: url('/imgfiles/fondos/fonsProperament.gif') no-repeat left bottom;} 
#textoprox{ float: left; width: 150px; padding: 10px 0 0 0; line-height: 12px;}
#fechaprox{ float: left; width: 150px; padding: 4px 0 0 0; font-size: 11px;}

#ultimahora{ float: left; width: 195px; padding: 7px 0 10px 10px;} 
h2.tultimahora{ float: left; display: block; width: 155px; height: 15px; background: url('/imgfiles/fondos/fonsTultimahora.gif') no-repeat left center; padding-left:7px; padding-right:0; padding-top:0; padding-bottom:1px}
#avisosultimahora{ float: left; padding: 0 0 0 2px;} 
.textoultimahoraprimero{ float: left; width: 150px; padding: 10px 0 0 0; line-height: 12px;}
.textoultimahora{ float: left; width: 150px; padding: 7px 0 0 0; line-height: 12px;}

#menus{ float: left; width: 195px; padding: 10px 0 10px 0;} 
#mquisom{ float: left; width: 195px; padding: 0;} 
h2.quisom a{ float: right; display: block; width: 190px; height: 18px; background: url('/imgfiles/fondos/fonsTquisom.gif') no-repeat left center; padding-left:0; padding-right:0; padding-top:0; padding-bottom:1px}
h2.quisom a span{ display: none;}
#mcomarribar{ float: left; width: 195px; padding: 15px 0 0 0;} 
h2.comarribar a{ float: right; display: block; width: 190px; height: 18px; background: url('/imgfiles/fondos/fonsTcomarribar.gif') no-repeat left center; padding-left:0; padding-right:0; padding-top:0; padding-bottom:1px}
h2.comarribar a span{ display: none;}
#mcontacta{ float: left; width: 195px; padding: 15px 0 0 0;} 
h2.contacta a { float: right; display: block; width: 190px; height: 18px; background: url('/imgfiles/fondos/fonsTcontacte.gif') no-repeat left center; padding-left:0; padding-right:0; padding-top:0; padding-bottom:1px}
h2.contacta a span{ display: none;}
#menllasos{ float: left; width: 195px; padding: 15px 0 0 0;} 
h2.enllasos a{ float: right; display: block; width: 190px; height: 18px; background: url('/imgfiles/fondos/fonsTenllasos.gif') no-repeat left center; padding-left:0; padding-right:0; padding-top:0; padding-bottom:1px}
h2.enllasos a span{ display: none;}
#mmultimedia{ float: left; width: 195px; padding: 15px 0 0 0;} 
h2.multimedia a{ float: right; display: block; width: 190px; height: 18px; background: url('/imgfiles/fondos/fonsTmultimedia.gif') no-repeat left center; padding-left:0; padding-right:0; padding-top:0; padding-bottom:1px}
h2.multimedia a span{ display: none;}
#mvacio{ float: right; display: block; width: 190px; height: 18px; background: url('/imgfiles/fondos/fonsTvacio.gif') no-repeat left center; padding-left:0; padding-right:0; padding-top:30px; padding-bottom:0}
#ventaentrades{ float: left; padding: 20px 0 20px 0;}


/*Nova distribució de la home*/
#multimedia{ float: left; width: 195px; /*height: 80px;*/ padding: 10px 0 10px 0;} 
h2.tmultimedia { float: left; display: block; width: 150px; height: 15px; 
	background: url('/imgfiles/fondos/fonsTmultimedia2.jpg') no-repeat left center; 
	padding-left:7px; padding-right:0; padding-top:0; padding-bottom:1px}
h2.tmultimedia span{ display: none;}
#videoDestacat{ float: left; padding:10px 0 0 7px;} 
#imgVideo{position: relative;height:127px;background: url('/imgfiles/fondos/fonsProperament.gif') no-repeat left bottom;}
#textVideo{ float: left; width: 150px; padding: 10px 0 0 0; line-height: 12px;}
.play_video{
	position: absolute; 
	top: 0pt; 
	left: 0pt; 
	margin: 40px 0pt 0pt 60px;
}
.banners_menus{
	float:left; 
	width:100%; 
	padding-top:5px;
	padding-bottom: 5px;
}
.banners_menus div{
	float: left;
	margin-bottom: -4px;
}

.banners div div a{
     height: 22px;
     width: 22px;
     margin-right: 6px;
}

.banners div div.pastilles a{
     margin-right: -4px;
}

.banners{
	margin-left: 0px;
	margin-right: 15px;
}
.menus{
	margin-top: 5px; 
	background: url('/imgfiles/fondos/fonsRatllaVermella.gif') repeat-x left center transparent; 
	padding: 0 33px;
}
.menus div{
	background-color: #FFFFFF; 
	padding: 0pt 10px; 
	margin: 0pt 20px;
}
.menus a{
	font-size: 14px; 
	color: rgb(153, 1, 52); 
}