body{ font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; background:  url("../img/fondo-patron.jpg") repeat top center ;}
BODY, p, h1, h2, h3, h4, h5, h6, ul, li{ padding:0; margin:0;}
ul li {list-style-type: none}
acronym, abbr {border-bottom: 1px dotted #999; cursor:help}
cite {text-decoration:italic}



.negrita { font-weight: bold}
.no_ver { display: none}


#elcontenedor {width:100%; text-align:center;}
#locontenido {min-width:760px; width: 69%; border:1px solid #837c6a; margin:0 auto; background: #837c6a url("../img/cabecera.jpg") no-repeat top center;  text-align: left;}
#cabecera { position:relative; height:181px; }
   #cabecera h1 { text-indent: -9999px; height:154px; border:0px solid red; background: transparent  url("../img/teatroderojas.png") no-repeat right bottom;}
   #cabecera h2 {text-indent: -9999px; width:100%; height:27px; background: #837c6a  url("../img/tdmc.jpg") no-repeat center top;}


#columna-izquierda {float:left; width:30%; text-align:center; padding-top:1.1em;}
   #columna-izquierda a {color:#ffffff; font-size: 1.1em; line-height: 1.6em; text-transform:uppercase; text-decoration: none}
   #columna-izquierda a:hover {font-weight: bold}
   #columna-izquierda ul {margin:0; padding:0}
      #columna-izquierda .estandares li {margin-bottom:0.1em;}
   #columna-izquierda h3 {margin-top:2.5em}
   #columna-izquierda img {border:0}
   #columna-izquierda .entradas {font-size: 0.7em; color:#efebea; font-weight:normal}

      
#columna-principal {float:right; background: #fff url("../img/programa-adorno-fondo.png") repeat-x left top; min-height:480px; width:70%; font-size:0.9em}
   ------#columna-principal h3 {background-color:#cccccc; padding:6px 0; margin-top:0px; width:100%; color:#ffffff; font-size: 1.1em; font-weight:normal; text-align:right; text-transform: uppercase}


   #contenido {padding:1.1em; font-size:0.8em}
      #contenido h4 {margin:0.7em 0 0.2em 0; color:#837c6a; font-size: 1.3em;}
      #logos ul { margin:0; padding:0; text-align:center}
      #logos   li { display: inline; padding:1.4em}   
      
      #meses {width:100%; margin:0; padding:0; height:20px; display:block; text-transform:uppercase; font-size:0.7em}
      #meses li {display:inline; width:12%;height: 22px; text-align:center;  color:#837c6a; float:left; padding:0.12em;}
      #meses li.fin {float:right; width:12%; }

         #meses li:hover a {color:#000000}
         #meses li a {text-decoration:none; color:#837c6a;}






      #meses-2 {width:100%; margin:0; padding:0; height:20px; display:block; text-transform:uppercase; font-size:0.7em}
      #meses-2 li {display:inline; background: #fff url('../img/alasombra.jpg') no-repeat left top; width:13.85%; border-bottom: 1px solid #837c6a; min-width:62px; height: 22px; text-align:center;  color:#837c6a; float:left; padding:0.12em; padding-top: 10px}

      #meses-2 li.fin {float:left; border-right:0}
	  #meses-2 li.antefin {float:left; border-right:0}
      #meses-2 li a {text-decoration:none; color:#837c6a;}
      #meses-2 li:hover {background: #fff url('../img/alasombra.jpg') no-repeat left bottom;}
	  









      #historiagaleria {width:100%; margin:0; padding:0; display:block; text-transform:uppercase; font-size:0.7em}
      #historiagaleria li {display:inline; border:0px solid red; height: 22px; text-align:center; color:#837c6a; float:left; padding:0.12em; width:49.5%}
      #historiagaleria li:hover {height: 22px; color:#fde3bb}
      #historiagaleria li.fin {float:right;}
      #historiagaleria li.fin:hover {float:right; }

         #historiagaleria li:hover a {-color:#fde3bb}
         #historiagaleria li a {text-decoration:none; color:#837c6a;}
         #historiagaleria li a:hover {text-decoration:none; color:#aab99a}
      
      #mapabusaparca {width:100%; margin:0; padding:0; display:block; text-transform:uppercase; font-size:0.7em}
      #mapabusaparca li {display:inline; border:0px solid red; height: 22px; text-align:center; color:#837c6a; float:left; padding:0.12em; width:32.9%}
      #mapabusaparca li:hover {height: 22px; color:#fde3bb}
      #mapabusaparca li.fin {float:right;}
      #mapabusaparca li.fin:hover {float:right;}

         #mapabusaparca li:hover a {-color:#fde3bb}
         #mapabusaparca li a {text-decoration:none; color:#837c6a;}
         #mapabusaparca li a:hover {text-decoration:none; color:#aab99a}      

      #caracteristicasficha {width:100%; margin:0; padding:0; display:block; text-transform:uppercase; font-size:0.7em}
      #caracteristicasficha li {display:inline; border:0px solid red; height: 22px; text-align:center; color:#837c6a; float:left; padding:0.12em; width:49.5%}
      #caracteristicasficha li:hover {height: 22px; color:#fde3bb}
      #caracteristicasficha li.fin {float:right;}
      #caracteristicasficha li.fin:hover {float:right;}

         #caracteristicasficha li:hover a {-color:#fde3bb}
         #caracteristicasficha li a { color:#837c6a;}
         #caracteristicasficha li a:hover {text-decoration:none; color:#aab99a}



#pie {clear:both; height:80px; background: #fff  url("../img/degradado-abeige.jpg") repeat-x center bottom;}
#copy {
   color:#efebea;
   padding-top:-20px;
   position:relative;
   top:-40px;
   left:0px;
   font-size: 0.7em;
   font-weight: bold;
   text-align:center;
   height: 63px;
   width:100%;
}
.advertencia {font-size:0.8em; font-weight:normal}






.adorno {position:relative; border: 0px solid red; height:80px; width:30%; left:0; top:-80px; background: transparent  url("../img/degradado-ablanco.jpg") repeat-x top left;}






/* ======================= PROGRAMACIÓN =============================== */
#programacion {padding:0 1em; margin:0; clear:both;}

#programacion img {border:none}


   #programacion .informacion {float:left; padding-left:5px; padding-right:5px; width: 66%}
   #programacion .imagen { float: right; width: 25%}
      #programacion .imagen img { border:0}      


.amayusculas { text-transform:uppercase;}
.cabecera-programacion {text-align:center; font-weight:normal; font-size: 1.3em; letter-spacing:2px; padding:0.15em; margin:0; background:#f8a82a; color:#fde3bb}
.titulo-programacion {margin:0; padding:1.5em 0.5em 2.3em 0.5em; font-weight:normal; }



/* ======================= TEATRO =============================== */
#teatro {padding:1.2em; clear:both;}

         #teatro li {margin:0 0 0.85em 1.5em; text-align:justify;}
         #teatro li.special {margin:0 0 0.85em 1.5em; font-size: 0.7em; text-align:justify; padding-left:1.8em; background: transparent url("../img/listas.gif") no-repeat left;}
         #teatro .special2 {margin:0 0 0.85em 1.5em; font-size: 0.7em; text-align:justify; padding-left:1.8em;}
         #teatro li a {color:#557335}
         #teatro li img {border:0}
         #teatro li div { font-size: 0.75em}
         #teatro p {font-size: 0.7em; margin: 0.6em 0 1em 0; text-align:justify}
         #teatro h5 { color:#557335; text-transform:uppercase; font-size: 1em}
         #teatro h6 { text-transform:uppercase; font-size: 0.7em; margin-top:2em}
         #teatro div {margin-left:1.2em}
         #teatro .firma {text-align:right; font-size: 0.7em; padding-top:1.5em}
         #teatro .fotohistoria { float:left; padding:0 0.5em 0.5em 0}
         #teatro .lista-galeria {display:inline; margin: 1em; padding:0;}
         #teatro .lista-galeria-fin {margin: 1em; padding:0;}
         #teatro .lista2-galeria {display:inline; float:left; margin: 1em; padding:0 0 0 1.2em;}
         #teatro .lista2-galeria-fin {margin: 1em; float:right; padding:0 1.2em 0 0;}
         #teatro .lista-centrada {margin: 0 0 2em 0; padding:0; text-align:center;}
   
      #teatro .autor {font-size:0.5em; margin-bottom:2em; font-style:italic}

.cabecera-teatro {text-align:center; font-weight:normal; border:0px solid red; font-size: 1.3em; height:22px; letter-spacing:2px; padding:0.1em 0 0.15em 0; background:#557335; color:#aab99a}
.titulo-teatro {margin:0; padding: 1.75em 0.5em 0.5em 0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.1em; color:#557335; font-weight:bold; font-size: 1.5em }




/* =======================    SITUACIÓN =============================== */
#situacion {padding:0 1em; margin:0; clear:both;}

   #mapa {margin:0 auto; text-align:center}


.cabecera-situacion {text-align:center; font-weight:normal; border:0px solid red; font-size: 1.3em; height:22px; letter-spacing:2px; padding:0.1em 0 0.15em 0; background:#c1732a; color:#e0b994}
.titulo-situacion {margin:0; padding: 1.75em 0.5em 0.5em 0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.1em; color:#c1732a; font-weight:bold; font-size: 1.5em }



   #buses {}
   #buses ul {margin-left:30px; font-size:11px}




/* =======================  FICHA TECNICA =============================== */
#fichatecnica {padding:0 1em; margin:0; clear:both;}


.cabecera-fichatecnica {text-align:center; font-weight:normal; border:0px solid red; font-size: 1.3em; height:22px; letter-spacing:2px; padding:0.1em 0 0.15em 0; background:#b13a48; color:#d89ca3}
.titulo-fichatecnica {margin:0; padding: 1.75em 0.5em 0.5em 0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.1em; color:#b13a48; font-weight:bold; font-size: 1.5em }


/* =======================  VENTA DE ENTRADAS =========================== */
#ventaentradas {padding:0 1em; margin:0; clear:both;}
#ventaentradas h4 { margin:3em auto; text-indent: -9999em; height:73px; width:500px; background: transparent  url("../img/logoCCMActiva-b.png") no-repeat center;}
#ventaentradas .bloque {width:48%; float:left; margin:0 auto; padding:3em 0.5em 6em 0.5em; font-size: 0.7em;}
#ventaentradas li {font-size: 0.7em; margin: 0.6em 0 1em 0; padding-left:1.8em; line-height:0.7em; background: transparent url("../img/listas-azul.gif") no-repeat left}
#ventaentradas h5 { color:#557335;text-align:center; text-transform:uppercase; font-size: 1.3em}


.cabecera-ventaentradas {text-align:center; font-weight:normal; border:0px solid red; font-size: 1.3em; height:22px; letter-spacing:2px; padding:0.1em 0 0.15em 0; background:#00aeef; color:#7fd6f7}



/* =======================  AFORO =========================== */
#aforo {padding:0 1em; margin:0; clear:both;}


.cabecera-aforo {text-align:center; font-weight:normal; border:0px solid red; font-size: 1.3em; height:22px; letter-spacing:2px; padding:0.1em 0 0.15em 0; background:#005aaa; color:#80add5}



/* =======================  CONTACTO =========================== */
#contacto {padding:0 1em; margin:0; clear:both;}
#contacto h4 {text-align:center; margin:3em 3em 0.5em 3em} 
#contacto .bloque {width:48%; margin:0 auto; text-align:center; padding:3em 0.5em 6em 0.5em; font-size: 0.7em;}

.cabecera-contacto {text-align:center; font-weight:normal; border:0px solid red; font-size: 1.3em; height:22px; letter-spacing:2px; padding:0.1em 0 0.15em 0; background:#008d45; color:#80c6a2}











.titulo-fondoblanco { background:#fff; float:left; display:inline}
.rallas {background: transparent url("../img/programa-adorno.png") repeat-x center; float:right; display:inline; width:100%;}


.corte {clear:both; background: transparent  url("../img/fondo-corte.png") repeat-x center bottom;}

   #programacion li {margin-bottom:1.5em}
      #programacion li span a { color:#666; text-decoration:none; font-weight:bold; font-size: 1.2em}
      #programacion li span a:hover { color:#ccc;}    
   #programacion .contemporaneo { color:#a11821; background: url('../img/fondorojo.jpg') repeat-x bottom }
   #programacion .musica { color:#0033cc; background: url('../img/fondoazul.jpg') repeat-x bottom}
   #programacion .danza { color:#993399; background: url('../img/fondomorao.jpg') repeat-x bottom}
   #programacion .infantil { color:#009900; background: url('../img/fondoverde.jpg') repeat-x bottom}
   #programacion .cineclub {color: #f8a82a}  

      #informacion .autor span {font-size:1em; margin-bottom:2em; font-style:italic}   
   
   #programacion .dias { color:#000; font-weight:bold}

   #programacion .ficha {margin-top:1.2em;}
   #programacion .ficha li {color:#000; font-size:0.7em; line-height:1.4em; margin:0}



.cab-noticias h3 {border:0px solid red; text-align:right; position:relative; top:-3px; color:#663333; text-transform:uppercase; font-weight:normal; background-color:#dad7d2} 
.cab-noticias {border:0px solid red; float:right; width:100%; background-color:#fff}