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


@import 'contenido.css';
@import 'pie.css';

body{ margin: 0; padding: 0; background: #000;  font-family: Georgia, Times New Roman, Times, serif; text-align: center; color: #000;}


/* Reset
------------------------------------------------------------------------------------------------------------------------ */
body, blockquote{ margin: 0; padding: 0;}
a img, iframe{ border: none;}
acronym, abbr{ border: none; cursor: help;}
.access{ display: none;}
hr{ display: none;}
table{ border-collapse: collapse; font-size: 1em;}
caption{ display: none;}
map{ display: block;}


/* Encabezados y parrafos
------------------------------------------------------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0; font-size: 100%;}

/* Textos
------------------------------------------------------------------------------------------------------------------------ */
.texto11{  font-size: 11px; color: #000;}
.texto11N{  font-size: 11px; color: #000; font-weight: bold;}
.texto11Es{  font-size: 11px; color: #990134;}
.texto11Emp{  font-size: 11px; color: #E69D10;}
.texto12N{  font-size: 12px; color: #000; font-weight: bold;}


/* Listas
------------------------------------------------------------------------------------------------------------------------ */
ul, ol, dl, li, dt, dd{ margin: 0; padding: 0;}
li{ list-style-type: none;}


/* Enlaces
------------------------------------------------------------------------------------------------------------------------ */
a, a:link{ text-decoration: none;}
a:hover{ text-decoration: none;}


/* Formularios
------------------------------------------------------------------------------------------------------------------------ */
form, fieldset{ margin: 0; padding: 0;}
fieldset{ border: 0;}
legend{ padding: 0;}
input, textarea, select{ margin: 0; font-family: Georgia, Times New Roman, Times, serif;}
textarea{ height: 100px;}
input:focus, textarea:focus, input.in-selected, textarea.in-selected{ background: #F9FBEF;}


/* Calendarios
------------------------------------------------------------------------------------------------------------------------ */ 
table.calendario{ color: #000; background: #FFF;}
table.calendario thead, table.calendario tbody{ font-size: 11px; font-weight: bold;}
table.calendario td.gris{ width: 17px; height: 15px; color: #000; background: #CCCCCC; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; text-align: center;}
table.calendario td.cabecera{ width: 140px; height: 21px; color: #000; background: #FFF; font-size: 11px; font-weight: bold; border-bottom: 2px solid #000; text-align: center;}
table.calendario td.espacio{ width: 140px; height: 5px; background: #FFF;}
table.calendario td.espectadors{ width: 17px; height: 15px; color: #FFF; background: #990134; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; text-align: center;}
table.calendario td.empreses{ width: 17px; height: 15px; color: #FFF; background: #E69D10; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; text-align: center;}
table.calendario td.companyies{ width: 17px; height: 15px; color: #FFF; background: #0D375F; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; text-align: center;}
table.calendario td.mecenes{ width: 17px; height: 15px; color: #FFF; background: #669934; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; text-align: center;}
table.calendario td.premsa{ width: 17px; height: 15px; color: #FFF; background: #DE530E; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; text-align: center;}
table.calendario td.vacio{ width: 17px; height: 15px; color: #000; background: #FFF; font-size: 10px; font-weight: bold; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; text-align: center;}
.flecha { padding: 0 5px;}

.info{ position: relative; z-index: 24; color: #FFF; font-size: 10px; font-weight: bold; text-decoration: none;}
.infoactivo{ position: relative; z-index: 25; color: #FFF; font-size: 10px; font-weight: bold; text-decoration: none;}
.info span{ display: none;}
.infoactivo span{ display: block; position: absolute; top: 0.5em; left: 0.1em; width: 200px; border: 1px solid #000; background-color: #FFF; color: #000; text-align: left; font-family: Georgia, Times New Roman, Times, serif; font-size: 10px; padding: 5px;}
.tespectadors{ color: #990134; text-align: left; font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; font-weight: bold; text-decoration: none;}

/* Limpiador
------------------------------------------------------------------------------------------------------------------------ */
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{ display: block;}

/* Zona
------------------------------------------------------------------------------------------------------------------------ */
#zona{ width: 780px; margin: 0 auto; padding: 0; background: #FFF; text-align: left;}
* html #zona{ font-size: 11px;} /*Hack <IE6*/
*+html #zona{ font-size: 11px;} /*Hack IE7*/

/* Pagina
------------------------------------------------------------------------------------------------------------------------ */
#pagina{ float:left; width: 780px; margin: 0 auto; border: 1px solid #FFF; background: #FFF; text-align: left;}