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


/* Textos
------------------------------------------------------------------------------------------------------------------------ */
.texto10N{  font-size: 10px; color: #000; font-weight: bold;}
.texto11{  font-size: 11px; color: #000;}
.texto11N{  font-size: 11px; color: #000; font-weight: bold;}
.texto11Npremsa{  font-size: 11px; color: #DE530E; font-weight: bold;}
.texto12{  font-size: 12px; color: #000;}
.texto12N{  font-size: 12px; color: #000; font-weight: bold;}
.texto12espectadors{  font-size: 12px; color: #990134;}
.texto12empreses{  font-size: 12px; color: #E69D10;}
.texto12companyies{  font-size: 12px; color: #0D375F;}
.texto12mecenes{  font-size: 12px; color: #669934;}
.texto12premsa{  font-size: 12px; color: #DE530E;}
.texto12general{  font-size: 12px; color: #696969;}
.texto12Nespectadors{  font-size: 12px; color: #990134; font-weight: bold;}
.texto12Nempreses{  font-size: 12px; color: #E69D10; font-weight: bold;}
.texto12Ncompanyies{  font-size: 12px; color: #0D375F; font-weight: bold;}
.texto12Nmecenes{  font-size: 12px; color: #669934; font-weight: bold;}
.texto12Npremsa{  font-size: 12px; color: #DE530E; font-weight: bold;}
.texto12Ngeneral{  font-size: 12px; color: #696969; font-weight: bold;}
.texto14{  font-size: 14px; color: #000;}
.texto14N{  font-size: 14px; color: #000; font-weight: bold;}
.texto11Es{  font-size: 11px; color: #990134;}
.texto11Prem{  font-size: 11px; color: #DE530E;}
.texto10NEs{  font-size: 10px; color: #990134; font-weight: bold;}

/* Perfiles
------------------------------------------------------------------------------------------------------------------------ */
#perfilesIntespectadors h2{ display: none;}
#perfilesIntespectadors{ float: left; width: 585px; height: 107px; padding: 0; border-top: 2px solid #000; text-align: left; background: url('/imgfiles/banners/bannerespectadors.jpg') no-repeat center;}
#perfilesIntempreses h2{ display: none;}
#perfilesIntempreses{ float: left; width: 585px; height: 107px; padding: 0; border-top: 2px solid #000; text-align: left; background: url('/imgfiles/banners/bannerempreses.jpg') no-repeat center;}
#perfilesIntcompanyies h2{ display: none;}
#perfilesIntcompanyies{ float: left; width: 585px; height: 107px; padding: 0; border-top: 2px solid #000; text-align: left; background: url('/imgfiles/banners/bannercompanyies.jpg') no-repeat center;}
#perfilesIntmecenes h2{ display: none;}
#perfilesIntmecenes{ float: left; width: 585px; height: 107px; padding: 0; border-top: 2px solid #000; text-align: left; background: url('/imgfiles/banners/bannermecenes.jpg') no-repeat center;}
#perfilesIntpremsa h2{ display: none;}
#perfilesIntpremsa{ float: left; width: 585px; height: 107px; padding: 0; border-top: 2px solid #000; text-align: left; background: url('/imgfiles/banners/bannerpremsa.jpg') no-repeat center;}
#perfilesIntgeneral h2{ display: none;}
#perfilesIntgeneral{ float: left; width: 585px; height: 107px; padding: 0; border-top: 2px solid #000; text-align: left; background: url('/imgfiles/banners/bannercredits.jpg') no-repeat center;}

      #perfilesIntespectadors ul{ margin: 0; padding: 27px 0 0 0;}
      #perfilesIntespectadors ul li{ float: left; margin: 0; padding: 0; text-align: center;}
      #perfilesIntempreses ul{ margin: 0; padding: 27px 0 0 0;}
      #perfilesIntempreses ul li{ float: left; margin: 0; padding: 0; text-align: center;}
      #perfilesIntcompanyies ul{ margin: 0; padding: 27px 0 0 0;}
      #perfilesIntcompanyies ul li{ float: left; margin: 0; padding: 0; text-align: center;}
      #perfilesIntmecenes ul{ margin: 0; padding: 27px 0 0 0;}
      #perfilesIntmecenes ul li{ float: left; margin: 0; padding: 0; text-align: center;}
      #perfilesIntpremsa ul{ margin: 0; padding: 27px 0 0 0;}
      #perfilesIntpremsa ul li{ float: left; margin: 0; padding: 0; text-align: center;}
      #perfilesIntgeneral ul{ margin: 0; padding: 27px 0 0 0;}
      #perfilesIntgeneral ul li{ float: left; margin: 0; padding: 0; text-align: center;}

      li#espectadors a{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/espectadorsInt.gif') no-repeat left center;}
      li#espectadors a:hover{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/espectadorsactiuInt.gif') no-repeat left center;}
      li#espectadors a span{ display: none;}
      li#empreses a{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/empresesInt.gif') no-repeat left center;}
      li#empreses a:hover{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/empresesactiuInt.gif') no-repeat left center;}
      li#empreses a span{ display: none;}
      li#companyies a{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/companyiesInt.gif') no-repeat left center;}
      li#companyies a:hover{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/companyiesactiuInt.gif') no-repeat left center;}
      li#companyies a span{ display: none;}
      li#mecenes a{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/mecenesInt.gif') no-repeat left center;}
      li#mecenes a:hover{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/mecenesactiuInt.gif') no-repeat left center;}
      li#mecenes a span{ display: none;}
      li#premsa a{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/premsaInt.gif') no-repeat left center;}
      li#premsa a:hover{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/premsaactiuInt.gif') no-repeat left center;}
      li#premsa a span{ display: none;}

      li#espectadors a.activo{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/espectadorsactiuInt.gif') no-repeat left center;}
      li#espectadors a.activo span{ display: none;}
      li#empreses a.activo{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/empresesactiuInt.gif') no-repeat left center;}
      li#empreses a.activo span{ display: none;}
      li#companyies a.activo{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/companyiesactiuInt.gif') no-repeat left center;}
      li#companyies a.activo span{ display: none;}
      li#mecenes a.activo{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/mecenesactiuInt.gif') no-repeat left center;}
      li#mecenes a.activo span{ display: none;}
      li#premsa a.activo{ display: block; width: 117px; height: 25px; background: url('/imgfiles/nav/premsaactiuInt.gif') no-repeat left center;}
      li#premsa a.activo span{ display: none;}


/* Contenido zona interna - logo, perfiles, menus
------------------------------------------------------------------------------------------------------------------------ */
#cabecera{ float: left; width: 780px; padding: 0; background: #FFF; border-bottom: 2px solid #000;}
#logo{ float: left; width: 195px; padding: 10px 0 0 0;}
#top{ float: left; width: 585px; padding: 0;}
#menuHerramientas { float: left; width: 585px; padding: 0;}
#menuTop{ float: left; width: 410px; padding: 0; line-height: 17px;}
#herramientas-textos{ float: left; width: 41px; padding: 0; font-size: 11px; font-weight: bold;}
#textos{ float: left; padding: 0; line-height: 17px;}
#herramientas-buscador{ float: right; width: 133px; padding: 0; font-size: 11px; font-weight: bold;}
#buscador{ float: left; padding: 1px 0 2px 5px;}
#buscador label{ float: left;}
#buscador label input{ float: left; width: 100px; 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; height: 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}


#menuEsquerra h2{ display: none;}
#menuEsquerra{ float: left; width: 198px; padding: 15px 0 20px 0; font-size: 12px;}

      #menuEsquerra ul{ margin: 0; padding: 0 0 0 10px;}
      #menuEsquerra ul li{ float: left; width: 152px; height: 18px; margin: 0; padding: 2px 10px 0 10px; border-bottom: 1px solid #939393; font-weight: bold; text-align: left;}
      #menuEsquerra ul li.submenu{ float: left; width: 147px; height: 18px; margin: 0; border-bottom: 1px solid #939393; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3N.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      #menuEsquerra ul li.submenuespectadors{ float: left; width: 147px; height: 18px; margin: 0; border-bottom: 1px solid #939393; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3espectadors.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      #menuEsquerra ul li.submenuempreses{ float: left; width: 147px; height: 18px; margin: 0; border-bottom: 1px solid #939393; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3empreses.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      #menuEsquerra ul li.submenucompanyies{ float: left; width: 147px; height: 18px; margin: 0; border-bottom: 1px solid #939393; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3companyies.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      #menuEsquerra ul li.submenumecenes{ float: left; width: 147px; height: 18px; margin: 0; border-bottom: 1px solid #939393; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3mecenes.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      #menuEsquerra ul li.submenupremsa{ float: left; width: 147px; height: 18px; margin: 0; border-bottom: 1px solid #939393; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3premsa.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      #menuEsquerra ul li.submenugeneral{ float: left; width: 147px; height: 18px; margin: 0; border-bottom: 1px solid #939393; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3general.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}

.filamapaweb{ float: left; width: 555px; padding: 0;}
.mapaweb{ float: left; width: 184px; padding: 0 0 20px 0; font-size: 12px;}

      .mapaweb ul{ float: left; margin: 0; padding: 2px 0 0 0;}
      .mapaweb ul li{ float: left; width: 152px; height: 18px; margin: 0; padding: 2px 10px 0 10px; font-weight: bold; text-align: left;}
      .mapaweb ul li.perfil{ float: left; width: 147px; height: 20px; margin: 0; border-bottom: 1px solid #939393; font-weight: normal; text-align: left;}
      .mapaweb ul li.submenu{ float: left; width: 147px; height: 18px; margin: 0; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3N.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      .mapaweb ul li.submenuespectadors{ float: left; width: 147px; height: 18px; margin: 0; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3espectadors.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      .mapaweb ul li.submenuempreses{ float: left; width: 147px; height: 18px; margin: 0; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3empreses.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      .mapaweb ul li.submenucompanyies{ float: left; width: 147px; height: 18px; margin: 0; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3companyies.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      .mapaweb ul li.submenumecenes{ float: left; width: 147px; height: 18px; margin: 0; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3mecenes.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      .mapaweb ul li.submenupremsa{ float: left; width: 147px; height: 18px; margin: 0; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3premsa.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}
      .mapaweb ul li.submenugeneral{ float: left; width: 147px; height: 18px; margin: 0; font-weight: normal; text-align: left; background: url('/imgfiles/fondos/quadrat3x3general.gif') no-repeat left;; padding-left:16px; padding-right:10px; padding-top:2px; padding-bottom:0;}

      a.textoMenuespectadors {  font-size: 12px; color: #000; font-weight: bold;}
      a.textoMenuespectadors:hover{  font-size: 12px; color: #990134; font-weight: bold;}
      a.textoMenuempreses {  font-size: 12px; color: #000; font-weight: bold;}
      a.textoMenuempreses:hover{  font-size: 12px; color: #E69D10; font-weight: bold;}
      a.textoMenucompanyies {  font-size: 12px; color: #000; font-weight: bold;}
      a.textoMenucompanyies:hover{  font-size: 12px; color: #0D375F; font-weight: bold;}
      a.textoMenumecenes {  font-size: 12px; color: #000; font-weight: bold;}
      a.textoMenumecenes:hover{  font-size: 12px; color: #669934; font-weight: bold;}
      a.textoMenupremsa {  font-size: 12px; color: #000; font-weight: bold;}
      a.textoMenupremsa:hover{  font-size: 12px; color: #DE530E; font-weight: bold;}
      a.textoMenugeneral {  font-size: 12px; color: #000; font-weight: bold;}
      a.textoMenugeneral:hover{  font-size: 12px; color: #696969; font-weight: bold;}

      a.textoSubmenuespectadors {  font-size: 12px; color: #000;}
      a.textoSubmenuespectadors:hover{  font-size: 12px; color: #990134;}
      a.textoSubmenuempreses {  font-size: 12px; color: #000;}
      a.textoSubmenuempreses:hover{  font-size: 12px; color: #E69D10;}
      a.textoSubmenucompanyies {  font-size: 12px; color: #000;}
      a.textoSubmenucompanyies:hover{  font-size: 12px; color: #0D375F;}
      a.textoSubmenumecenes {  font-size: 12px; color: #000;}
      a.textoSubmenumecenes:hover{  font-size: 12px; color: #669934;}
      a.textoSubmenupremsa {  font-size: 12px; color: #000;}
      a.textoSubmenupremsa:hover{  font-size: 12px; color: #DE530E;}
      a.textoSubmenugeneral {  font-size: 12px; color: #000;}
      a.textoSubmenugeneral:hover{  font-size: 12px; color: #696969;}

      a.titolMenuespectadors {  font-size: 14px; color: #000; font-weight: bold;}
      a.titolMenuespectadors:hover{  font-size: 14px; color: #990134; font-weight: bold;}
      a.titolMenuempreses {  font-size: 14px; color: #000; font-weight: bold;}
      a.titolMenuempreses:hover{  font-size: 14px; color: #E69D10; font-weight: bold;}
      a.titolMenucompanyies {  font-size: 14px; color: #000; font-weight: bold;}
      a.titolMenucompanyies:hover{  font-size: 14px; color: #0D375F; font-weight: bold;}
      a.titolMenumecenes {  font-size: 14px; color: #000; font-weight: bold;}
      a.titolMenumecenes:hover{  font-size: 14px; color: #669934; font-weight: bold;}
      a.titolMenupremsa {  font-size: 14px; color: #000; font-weight: bold;}
      a.titolMenupremsa:hover{  font-size: 14px; color: #DE530E; font-weight: bold;}


#agenda{ float: left; width: 149px; padding: 20px 0 0 20px;}
#calendario{ padding: 0 0 2px 0; border-top: 2px solid #000; border-bottom: 2px solid #000;}
#hilo{ float: left; padding: 4px 0 5px 8px;}
.hgeneral{ color: #696969; text-align: left; font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; text-decoration: none;}
.hespectadors{ color: #990134; text-align: left; font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; text-decoration: none;}
.hempreses{ color: #E69D10; text-align: left; font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; text-decoration: none;}
.hcompanyies{ color: #0D375F; text-align: left; font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; text-decoration: none;}
.hmecenes{ color: #669934; text-align: left; font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; text-decoration: none;}
.hpremsa{ color: #DE530E; text-align: left; font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; text-decoration: none;}

#paginaInt{ float: left; width: 560px; padding: 0 10px 30px 5px;}
#titulo{ float: left; width: 560px; padding: 0 0 5px 0;}
.tituloPage{ font-weight: bold; font-size: 16px; padding: 0 10px 0 5px;}
#subtitulo-archivo{ float: left; width: 560px; padding: 0 0 3px 0; border-bottom: 1px solid #939393;}
#subtitulo-menu{ float: left; width: 560px; padding: 0 0 3px 0;}
#subtitulo{ float: left; width: 380px; padding: 0;}
.subtituloPage{ font-size: 12px; padding: 0 10px 0 5px;}
#subtituloespais{ float: left; width: 390px; padding: 20px 0 0 0;}
#nomequipament{ float: left; width: 340px; padding: 10px 0 5px 0;}
#caracteristicasequipament{ float: left; width: 460px; padding: 0px 0 5px 0;}
#archivo-entrades{ float: right; width: 250px; padding: 0;}
#archivo{ float: right; width: 130px; padding: 2px 0 0 0;}
#archivoplanos{ float: right; width: 460px; padding: 2px 0 0 0; text-align: right;}
.tituloplanos{ float: left; width: 340px; padding: 0 0 5px 0;}
.planos{ float: left; width: 340px; padding: 0 0 10px 0;}
.textoArchivogeneral{ font-size: 11px; color: #696969; padding: 0;}
#presentacion{ float: left; width: 555px; padding: 10px 5px 30px 5px;}
#planopresentacion{ float: left; width: 555px; padding: 0 5px 30px 5px;}
.resumen{ float: left; width: 340px; padding: 0 0 10px 0; text-align: justify; font-size: 11px;}
#texto{ float: left; width: 340px; padding: 0; text-align: justify;}
#textoEmpresas{ float: left; width: 250px; padding: 0; text-align: justify;}
#planosala{ float: left; width: 540px; padding: 0;}
.enlace{ float: left; width: 330px; padding: 0 0 5px 0;}
.tipoenlace{ float: left; width: 330px; padding: 7px 0 5px 0;}
#textoespais{ float: left; width: 220px; padding: 0;}
.nom-caracteristica{ float: left; width: 220px; padding: 0;}
.nomespais{ float: left; width: 180px; padding: 0;}
.caracteristicaespais{ float:left width: 280px; padding: 0;}
.textoPresentacion{ font-size: 11px;}
.camposObligatorios{ font-size: 11px; padding: 0 0 10px 0;}
.proteccionDatos{ font-size: 11px; padding: 5px 0 5px 0;}
.parrafos{ font-size: 11px; padding: 0 0 10px 0;}
#contacta{ float: left; width: 340px; padding: 15px 0 0 0;}
#contacta #campos-contacta label.espectadors{ float: left; width: 120px; font-size: 11px; color: #990134; padding: 0;}
#contacta #campos-contacta label.empreses{ float: left; width: 120px; font-size: 11px; color: #E69D10; padding: 0;}
#contacta #campos-contacta label.companyies{ float: left; width: 120px; font-size: 11px; color: #0D375F; padding: 0;}
#contacta #campos-contacta label.mecenes{ float: left; width: 120px; font-size: 11px; color: #669934; padding: 0;}
#contacta #campos-contacta label.premsa{ float: left; width: 120px; font-size: 11px; color: #DE530E; padding: 0;}
#contacta #campos-contacta label.general{ float: left; width: 120px; font-size: 11px; color: #696969; padding: 0;}
#contacta #campos-contacta input{ width: 200px; padding: 1px 2px 0; border: 1px solid #000; font-size: 10px; color: #000; margin-left: 10px; margin-bottom: 4px;}
#contacta #campos-contacta input:focus{ background: #FFF;}
#contacta #campos-contacta textarea{ width: 200px; padding: 1px 2px 0; border: 1px solid #000; font-size: 10px; color: #000; margin-left: 10px;}
#contacta #campos-contacta textarea:focus{ background: #FFF;}
#contacta #campos-contacta input.espectadors{ float: left; width: 57px; height: 23px; padding: 0; border: 0px none; background: url('/imgfiles/nav/enviarEspectadors.gif') no-repeat center; margin-left:275px; margin-top:10px;}
#contacta #campos-contacta input.empreses{ float: left; width: 57px; height: 23px; padding: 0; border: 0px none; background: url('/imgfiles/nav/enviarEmpreses.gif') no-repeat center; margin-left:275px; margin-top:10px;}
#contacta #campos-contacta input.companyies{ float: left; width: 57px; height: 23px; padding: 0; border: 0px none; background: url('/imgfiles/nav/enviarCompanyies.gif') no-repeat center; margin-left:275px; margin-top:10px;}
#contacta #campos-contacta input.mecenes{ float: left; width: 57px; height: 23px; padding: 0; border: 0px none; background: url('/imgfiles/nav/enviarMecenes.gif') no-repeat center; margin-left:275px; margin-top:10px;}
#contacta #campos-contacta input.premsa{ float: left; width: 57px; height: 23px; padding: 0; border: 0px none; background: url('/imgfiles/nav/enviarPremsa.gif') no-repeat center; margin-left:278px; margin-top:10px;}
#contacta #campos-contacta input.general{ float: left; width: 57px; height: 23px; padding: 0; border: 0px none; background: url('/imgfiles/nav/enviarGeneral.gif') no-repeat center; margin-left:278px; margin-top:10px;}
#contacta #campos-contacta input.caja{ float: left; width: 15px; padding: 0; border: 0px none; margin-top: 3px; margin-left: 135px; margin-right: 10px;}
#imagenespectadors{ float: right; padding: 0 0 1px 0; border-bottom: 3px solid #990134;}
#imagenempreses{ float: right; padding: 0 0 1px 0; border-bottom: 3px solid #E69D10;}
#imagencompanyies{ float: right; padding: 0 0 1px 0; border-bottom: 3px solid #0D375F;}
#imagenmecenes{ float: right; padding: 0 0 1px 0; border-bottom: 3px solid #669934;}
#imagenpremsa{ float: right; padding: 0 0 1px 0; border-bottom: 3px solid #DE530E;}
#imagengeneral{ float: right; padding: 0 0 1px 0; border-bottom: 3px solid #696969;}
.imagenPresentacion{ width: 200px; height: 100%px;}
.imagenPlano{ float: left; width: 540px; height: 370px; padding: 0 0 1px 0; border-bottom: 3px solid #990134;}
#masinfo{ float: right; padding: 20px 0 0 0;}
#masinfoenvio{ float: left; width: 340px; padding: 20px 0 0 0;}
.logomasinfo{ float: left; width: 34px; height: 30px;}
.textomasinfo{ float: left; width: 167px; font-size: 11px;}

/* Contenido zona interna - programaci�n
------------------------------------------------------------------------------------------------------------------------ */
#fichaprogramap{ float: left; padding: 0 0 0 5px; border-top: 1px solid #939393; border-bottom: 1px solid #939393;}
#fichaprogramar{ float: left; padding: 0 0 0 5px; border-bottom: 1px solid #939393;}
#genero-imagen{ float: left; width: 190px; padding: 5px 0 0 0;}
#genero{ float: left; width: 190px; padding: 0; border-bottom: 1px solid #FFF; background: #990134; line-height: 24px;}
#generopremsa{ float: left; width: 190px; padding: 0; border-bottom: 1px solid #FFF; background: #DE530E; line-height: 24px;}
.tgenero{ font-size: 12px; font-weight: bold; color: #FFF; padding: 0 0 0 10px;}
#imagenprograma{ float: left; width: 190px; height: 100px; padding: 0;}
#textoprograma{ float: left; width: 345px; padding: 5px 0 0 12px;}
#fechahora{ float: left; width: 225px; padding: 2px 0 0 0;}
.tfechahora{ font-size: 11px;}
#ultimasentradas{ float: left; padding: 0 0 0 20px;}
#ultimasentradastexto{ float: left; width: 70px; padding: 0; text-align: right; line-height: 9px;}
#ultimasentradaslogo{ float: left; width: 30px; padding: 0;}
#tituloprograma{ float: left; width: 345px; padding: 10px 0 0 0;}
.ttituloprograma{ font-size: 12px; font-weight: bold; color: #990134;}
.ttituloprogramapremsa{ font-size: 12px; font-weight: bold; color: #DE530E;}
.tsubtituloprograma{ font-size: 12px;}
#info{ float: left; width: 54px; padding: 5px 0 0 5px;}
#infopremsa{ float: left; width: 54px; padding: 5px 0 3px 5px;}
#ventaentradesprograma{ float: right; padding: 2px 5px 0 15px;}
#descprograma{ float: left; width: 345px; padding: 0 0 10px 0;}
.tdescprograma{ font-size: 11px;}
.tcampos{ padding: 2px 0 0 0;}
#programacionfamiliar{ float: right; padding: 0 15px 0 0;}
#imagendetalle{ float: left; width: 260px; height: 215px; padding: 0;}

/* Contenido zona interna - detalle espect�culo
------------------------------------------------------------------------------------------------------------------------ */
#fichadetalle{ float: left; width: 560px; padding: 0 0 0 5px; border-top: 1px solid #939393; border-bottom: 1px solid #939393;}
#tituloprogramadetalle{ float: left; width: 560px; padding: 2px 0 10px 0;}
.ttituloprogramadetalle{ font-size: 18px; font-weight: bold; color: #990134;}
.ttituloprogramadetallepremsa{ font-size: 18px; font-weight: bold; color: #DE530E;}
.tsubtituloprogramadetalle{ font-size: 18px;}
.etiqueta11N{ font-size: 11px; font-weight: bold;}
.ttextodetalle{ font-size: 11px;}
#fecha-duracion-precio{ float: left; width: 560px; padding: 2px 0 5px 0;}
#links{ float: left; width: 560px; padding: 0; border-bottom: 1px solid #939393;}
#quediulapremsa{ float: right; height: 24px; padding: 4px 5px 0 0;}
#descarregadossier{ float: right; height: 24px; padding: 4px 10px 0 0;}
#correoelec{ float: right; height: 24px; padding: 4px 5px 0 5px;}
#ventaentradesdetalle{ float: right; height: 24px; padding: 2px 5px 0 5px;}
#programadema{ float: right; height: 24px; padding: 2px 5px 0 5px;}
#texto-imagen{ float: left; padding: 0 7px 0 5px;}
#textodetalle{ float: left; width: 270px; padding: 0 0 5px 0; text-align: justify;}
.textoquediupremsa{ float: left; width: 270px; padding: 5px 0 0 0; line-height: 14px;}
.textoquediupremsapeu{ float: left; width: 270px; padding: 5px 0 10px 0; line-height: 14px;}
.textodetallesin{ text-align: left; padding: 5px 0 0 0; line-height: 14px;}
.nota{ font-size: 11px; padding: 5px 0 0 0;}
#sinopsi{ font-size: 11px; padding: 10px 0 0 0;}
#observaciones{ font-size: 11px; padding: 10px 0 0 0;}
#seccionfotos{ float: left; margin: 0; padding: 0 0 0 15px; width:260px;}
#seccionfotospremsa{ float: left; margin: 0; padding: 5px 0 0 15px;}
.fotodetalle-miniaturas{ float: left; width: 260px; height: 315px;}
.fotodetallecomodin{ float: left; width: 259px; height: 215px; padding: 5px 0 0 0; border-bottom: 3px solid #990134;}
.fotodetallecomodinpremsa{ float: left; width: 259px; height: 215px; padding: 5px 0 0 0; border-bottom: 3px solid #DE530E;}
.fotodetalle{ float: left; padding: 5px 0 0 0; border-bottom: 2px solid #FFF;}
.miniaturas{ float: left; padding: 0;  border-bottom: 3px solid #990134;}
.miniaturaspremsa{ float: left; width: 259px; padding: 0; border-bottom: 3px solid #DE530E;}
.textominiaturaspremsa{ float: left; width: 254px; padding: 0 0 5px 0; text-align: right;}
.fotominiatura{ float: left; width: 85px; height: 85px; margin: 0; padding: 0; border-right: 2px solid #FFF; border-bottom: 1px solid #FFF; text-align: left;}
.fotominiaturapremsa{ float: left; width: 85px; height: 85px; margin: 0; padding: 0; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; text-align: left;}
.miniaturaalt{ float: left; width: 85px; height: 65px; margin: 0; padding: 0;}
.miniaturalupa{ float: right; height: 20px; margin: 0; padding: 0; text-align: left;}
.fotominiaturaultima{ float: left; width: 85px; height: 85px; margin: 0; padding: 0; border-bottom: 1px solid #FFF; text-align: left;}
.fotominiaturaultimapremsa{ float: left; width: 85px; height: 85px; margin: 0; padding: 0; border-bottom: 2px solid #FFF; text-align: left;}
.paginado{ width: 255px; padding: 0 5px 15px 0; color: #990134; text-align: right;}
.paginadopremsa{ width: 255px; padding: 0 5px 15px 0; color: #DE530E; text-align: right;}

#logos-espectaculo ul{ float: left; width: 565px; margin: 0; padding: 5px 0 5px 0; font-size: 11px;}
#logos-espectaculo ul li{ float: right; margin: 0; padding: 0 8px 0 0; text-align: left;}
	#logos-espectaculo ul li.categoria{ width: 132px;}
	/* Logos */
	.logoscategorias{ float: left; width: 565px; margin: 0; padding: 0;}
	.ltipocategoria{ float: right; width: 140px;}
	.lcategoria{ float: left; width: 65px; padding: 0; text-align: left;}


/* Contenido zona interna - Paginaci�n
------------------------------------------------------------------------------------------------------------------------ */
#paginacion{ float: left; width: 340px; padding: 0; text-align: right;}






















