/* @variables {
  COLORINFANTIL: #ff6613;
  COLORTEATRO: #906;
  COLORMUSICA: #006ea5;
}
*/

body{ margin:0; padding:0; background:#fff url(../img/fondo_echegaray.jpg) repeat-x; font-family: Helvetica, Arial, "Trebuchet MS", sans-serif; font-size: 12px; color:#333; }
img { border: 0; }

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hidden { display:none; }

.mainbox { width: 980px; margin: 0 auto; }
#logo { padding: 50px 30px 47px 30px; }
#header ol { list-style: none; margin: 0; padding: 0 30px;  }
#header ol li { float: left; padding: 0 13px; }
#header ol a { display: block; font-size: 15px; color: #906; font-weight: bold; text-decoration: none; padding: 3px 0 20px 0; }
#header ol a:hover { text-decoration: underline; }
#header li.inicio, #header li.inicio a { padding-left: 0; }
#header li.musica a { background: url(../img/icono_musica.png) left top no-repeat; padding-left: 24px; }
#header li.infantil a { background: url(../img/icono_infantil.png) left top no-repeat; padding-left: 24px; }
#header li.teatro a { background: url(../img/icono_teatro.png) left top no-repeat; padding-left: 24px; }
#header li.danza a { background: url(../img/icono_danza.png) left -1px no-repeat; padding-left: 24px; }
#header ol li.last { padding-right:0; }

#header li .submenu a { background: none; background: #B74C94; padding-left: 5px; }

#calendario { padding: 8px 30px 12px 30px; /* border-bottom: 1px solid #d099b8; border-top: 1px solid #e7ccdb; */ }
#calendario td, #calendario th { padding: 2px 5px; font-size: 12px; font-weight: bold; color: #666; text-align: left; }
#calendario td a { text-decoration:none; }
#calendario td a:hover { text-decoration:underline; }
#calendario td.mes { font-weight: normal; padding:2px 12px 2px 0; font-size: 12px; color: #906; }
#calendario td.mes a.anterior { padding-right: 3px; }
#calendario td.mes a.siguiente { padding-left: 3px; }
#calendario td.musica, #calendario td.musica a { color: #006ea5; }
#calendario td.teatro, #calendario td.teatro a { color: #906; }
#calendario td.infantil, #calendario td.infantil a { color: #ff6613; }
#calendario td.danza, #calendario td.danza a { color:#41a62a; }
#calendario td.musica { color: #006ea5; border:1px solid #006ea5; text-align:center; width:11px; }
#calendario td.teatro { color: #906; border:1px solid #906; text-align:center; width:11px; }
#calendario td.infantil { color: #ff6613; border:1px solid #ff6613; text-align:center; width:11px; }
#calendario td.danza { color:#41a62a; border:1px solid #41a62a; text-align:center; width:11px; }

.listado { padding: 10px 0 10px 10px; }
.listado td { padding: 0 5px 20px 0; vertical-align: top; }
.listado td.ultimo { padding-right: 0; }
.listado h1 { font-size:12px; font-weight:bold; color:#906; margin: 0; padding: 25px 0; }
.espectaculo { width: 318px; }
.espectaculo .tipo { color: #666; float: right; padding: 0.7em 10px 0 0; }
.espectaculo .foto { clear: both; padding: 0 0 5px 0; }
.espectaculo .fechas { font-size:24px; padding-left: 24px; line-height: 100%;}
.espectaculo .titulo a { display: block; font-size: 13px; font-weight: bold; text-decoration: none; padding: 5px 0 2px 10px; background: url(../img/flechita_mas.png) 307px 50% no-repeat; }
.espectaculo .titulo a:hover { text-decoration: underline; }
.espectaculo .resumen { padding: 0 0 0 10px; color: #333; line-height: 145%; }
.espectaculo .resumen p { margin-top:0; }

.infantil .fechas { color: #f60; background: url(../img/icono_infantil.png) left top no-repeat; }
.infantil .titulo a { color: #f60; }
.teatro .fechas { color: #906; background: url(../img/icono_teatro.png) left top no-repeat; }
.teatro .titulo a { color: #906; }
.musica .fechas { color: #006ea5; background: url(../img/icono_musica.png) left top no-repeat; }
.musica .titulo a { color: #006ea5; }
.danza .fechas { color:#41a62a; background: url(../img/icono_danza.png) left -1px no-repeat; }
.danza .titulo a { color:#41a62a; }


#flecha_abajo { text-align: center; padding: 25px 0; }

#footer { border-top: 1px solid #d099b8; padding: 14px; clear:both; }
#bajos{border-top: 1px solid #d099b8;padding-top:5px;}
.firma { float: right; font-family: Verdana,sans-serif; font-size: 9px;  }
.firma a { color: #868484; font-weight: bold; text-decoration: none; }
.legales { float: left; font-family: Verdana,sans-serif; font-size: 9px;  }
.legales a { color: #666; text-decoration: none; }

.aside { width:175px; float:left; padding:30px 0 0 30px; }
.aside h1 { font-size:12px; font-weight:bold; color:#906; margin: 0 0 12px 0; padding:0 0 22px 0; position:relative; margin-left:-30px; }
.aside .fotos { padding:25px 0 20px 0; }
.aside .fotos h1 { color:#333; margin-left:0; padding-bottom:4px; }
.aside .fotos ul { list-style:none; margin:0; padding:0; }
.aside .fotos li { float:left; }
.aside .fotos li a { display:block; padding:0 5px 5px 0; }

.aside .fechas { color:#999; padding:0 0 20px 0; height:36px; }
.aside .fechas .dia { font-size:36px; color:#666; display:block; float:left; padding:0 5px 0 0; width:49px; height:38px; }
.aside .fechas .asterisco { font-size:20px; float:right; vertical-align:top;}
.aside .fechas-0 { padding-bottom:10px; }

.aside .horario { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 0; line-height:140%; color:#333; }
.aside .horario a { color:#333; }

.article { width: 642px; float:left; padding:0 0 60px 25px; }
.article .nav { height:20px; padding:20px 0 40px 0; }
.article .nav, .article .nav a { font-size:14px; color:#8b004e; }
.article .nav a { text-decoration:none; }
.article .nav a:hover { text-decoration: underline; }
.article .nav a.prev, .article .nav .breadcrumbs { display:block; float:left; }
.article .nav .breadcrumbs { padding:3px 10px 0 15px; width:580px; }
.article .nav a.next { display:block; float:right; }
.article h1 { font-size:16px; color:#ff6613; font-weight:bold; margin:18px 0 5px 0; }
.article h1.infantil { color:#ff6613; }
.article h1.musica { color:#006ea5; }
.article h1.teatro { color:#906; }
.article h1.danza { color:#41a62a; }
.article .datos_tecnicos, .article .descripcion, .article .contenido { font-size:14px; line-height:130%; }
.article .datos_tecnicos, .article .descripcion{font-size:12px;}
.article .descripcion { padding:15px 0 0 0; }
.article h2 { font-size:15px; font-weight:bold; color:#906; margin:1.2em 0 0.5em 0; }

.article .col { float:left; width:300px; padding:0 20px 0 0; font-size:15px; }
.article .col a { text-decoration:none; color:#333; }
.article .col a:hover { text-decoration:underline; }
.article .col p { margin:0.3em 0 1em 0; }

#pagina .article .contenido, #pagina .article .col { font-size:12px; }
.pagina-historia .article .col { width:310px; padding-right:21px; }
#pagina .article .col-right { padding:0; }

#mapa { width:642px; height:294px; }
.pagina-donde .article h1, .pagina-aforo .article h1 { color:#906; }

.submenu { border-left:1px solid #ad3385; margin:-20px 0 0 5px; padding:0; position:absolute; list-style:none; background:#fff; }
#header .submenu li { float:none; padding:0; margin:0 0 1px 2px; }
#header .submenu li.first { margin-top: 5px; }
#header .submenu a { display:block;  width:auto; width:102px; color:#fff; background: #b74c94; font-size:12px; padding:4px 8px 5px 5px; }

.pagina-datos-tecnicos th {
	text-align:left;
	color: #990066; font-size:14px;
	padding:35px 0 0 4px;
}
.pagina-datos-tecnicos tr.first th { padding-top:0 ;}
.pagina-datos-tecnicos td { line-height:140%; padding:3px 4px; }
.pagina-datos-tecnicos a { color:#333; }
.pagina-datos-tecnicos .em { color:#906; font-weight:bold; }
.pagina-datos-tecnicos .subtable td { padding:2px 4px; }
.pagina-datos-tecnicos .subtable td.padl { padding-left:90px; }

#top-right-block {
	float:right;
	position: relative; 
	top: 50px; 
	right:40px;
}

#top-right-block a{
	float:left;
}

#top-right-block a.lang{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;
	font-size:11px;
	margin-left: 3px;
	text-decoration:none;
	color: #444;
	margin-top:5px;
	/*display:none; *cambiar para hacer visible idiomas**/
}
#top-right-block a.lang:hover{
	text-decoration:underline;
}
#top-right-block a.nolang:hover{
	text-decoration:none;
	cursor:default;
}

#botontc { 
	/* color:#990066; font-size:13px; text-decoration:none; */
margin-right:5px;
background:#808080;
color:#fff;
font-size:15px;
font-weight:bold;
padding:3px;
text-decoration:none;

 }
#botontc:hover { text-decoration:underline; }

#banner_portada{
margin-top:10px;	
}

/** home table espectaculos **/
table.espectaculos {
	margin: 25px auto 35px auto;
}

table.espectaculos td {
	padding: 5px 20px 20px;
}

table.espectaculos td.espectaculos_destacados{
	background-color: #990066;
	background-image:url(../img/index_destacados_bg.png);
	background-repeat:repeat-y;
	background-position:right;
	color:#CCC;
}
#tmpSlideshow{overflow:hidden;height:370px;}
table.espectaculos td.espectaculos_destacados .espectaculo {
	width: 500px;
	/*display:none;*/
}

table.espectaculos td.espectaculos_destacados h1{
	color:#fff;
	padding: 5px;
	margin-top:10px;
}

table.espectaculos td.espectaculos_destacados .titulo a {
	font-size:16px;
	background:url("../img/flechita_mas_blanca.png") no-repeat scroll 490px 50% transparent !important;
}

table.espectaculos td.espectaculos_destacados .infantil .fechas,
table.espectaculos td.espectaculos_destacados .teatro .fechas,
table.espectaculos td.espectaculos_destacados .musica .fechas,
table.espectaculos td.espectaculos_destacados .danza .fechas {
	color:#fff;
}

table.espectaculos td.espectaculos_destacados .titulo a{
	color:#fff;
	padding:5px 0;
	background-image:none;
}

table.espectaculos td.espectaculos_destacados .ciclo{
	color:#CCC;
	font-weight:bold;
}

table.espectaculos td.espectaculos_destacados .foto{
	height:229px;
}

table.espectaculos td.espectaculos_destacados .resumen{
	color:#CCC;
	font-weight:bold;
	padding:0;
}



table.espectaculos td.espectaculos_destacados .infantil .fechas{
	background-image: url("../img/icono_infantil_purplebg.png");
}

table.espectaculos td.espectaculos_destacados .teatro .fechas{
	background-image: url("../img/icono_teatro_purplebg.png");
}

table.espectaculos td.espectaculos_destacados .musica .fechas{
	background-image: url("../img/icono_musica_purplebg.png");
}

table.espectaculos td.espectaculos_destacados .danza .fechas{
	background-image: url("../img/icono_danza_purplebg.png");
}




table.espectaculos td.proximos_espectaculos {
	border-left: solid 1px #999;
}

table.espectaculos td.proximos_espectaculos h4{
	color: #980065;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

table.espectaculos td.proximos_espectaculos .fechas {
	font-size:12px; 
	padding-left: 3px; 
}

table.espectaculos td.proximos_espectaculos .infantil .fechas,
table.espectaculos td.proximos_espectaculos .teatro .fechas,
table.espectaculos td.proximos_espectaculos .musica .fechas,
table.espectaculos td.proximos_espectaculos .danza .fechas {
	background:none;
}

table.espectaculos td.proximos_espectaculos .fechas span {
	border: solid 1px #000;
	padding: 1px 3px;
}

table.espectaculos td.proximos_espectaculos .infantil .fechas span {
	border-color: #f60;
}

table.espectaculos td.proximos_espectaculos .teatro .fechas span {
	border-color: #906;
}

table.espectaculos td.proximos_espectaculos .musica .fechas span {
	border-color: #006ea5;
}

table.espectaculos td.proximos_espectaculos .danza .fechas span {
	border-color: #41a62a;
}

table.espectaculos td.proximos_espectaculos .titulo {
	margin-bottom: 10px;
	margin-top: 5px;
	font-size: 14px;
}

table.espectaculos td.proximos_espectaculos .titulo a {
	padding: 0 0 0 3px;
	background:none;
}