/*  
Theme Name: Teatre La Massa
Theme URI: http://www.fotopanoramic.com/
Description: Tema creat especialment per la web del Teatre La Massa.
Version: 1.0
Author: fotopanoramic.com
Author URI: http://www.fotopanoramic.com/
*/

html, body {
	height: 100%;
	min-height: 100%;
}

body {
	font: 0.8em/1.3em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

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

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

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

hr.clearCols {
	clear: both;
	height: 14px;
	visibility: hidden;
}

.clearCols, .clearB {
	clear: both;
}

.clearR {
	clear: right;
}

.clearL {
	clear: left;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#contenedor {
	height: 100%;
    min-height: 100%;
	padding-bottom: 2.5em;
}

#pagina {
	clear: both;
	padding-bottom: 16px;
}

#pagina p {
	margin-bottom: 1em;
}

#cabecera {
	overflow: hidden;
}

#logo {
	background: transparent url(images/imagenCabecera_1.jpg) 183px 8px no-repeat;
}

#logo img {
	margin: 8px 0 0 0;
}

#logo h1 {
	text-indent: -10000px;
	line-height: 0;
}

small {
	font-size: 0.9em;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#idiomas {
	position: absolute;
	top: -20px;
	left: 744px;
}

#idiomas li {
	display: inline;
	font-size: 0.9em;
	color: #EFA986;
}

#idiomas a {
	color: #BF4B23;
	text-decoration: none;
}

#idiomas a:hover {
	color: #fff;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#menu {
	background: transparent url(images/bgMenuBar.jpg) top left no-repeat;
	text-align: right;
	margin: 8px 0 0 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-transform: uppercase;
}

#menu ul {
	height: 32px;
}

#menu li {
	display: inline;
	padding: 8px 37px 8px 0;
	background: transparent url(images/btnSepara.gif) top right no-repeat;
}

#menu a {
	color: #EF9E77;
	text-decoration: none;
	line-height: 32px;
}

#menu a:hover {
	color: #fff;
	text-decoration: none;
}

#menu li.ultimo {
	background: transparent;
	padding-right: 16px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#programa {
	float: left;
	position: relative;
	top: 20px;
	left: 5px;
	width: 465px;
	padding: 0 8px 36px 8px;
	/*background: #CF6A33;*/
	background: #CF742E;
}

#programa h1 {
	color: #440B00;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 0.3em;
	margin-bottom: 1em;
	background: url(images/dottedLine.gif) bottom left repeat-x;
}

#noticias {
	float: left;
	position: relative;
	top: 20px;
	left: 15px;
	width: 209px;
	padding-bottom: 16px;
	background-color: #d3642b;
}

#noticias div {
	margin: 0 16px;
	border-top: 1px #EF844A solid;
}

#noticias div:first-child {
	border: 0;
}

/* MS IE6 no reconoce el selector :first-child */
#noticias {
	border: expression(this.firstChild.style.border="0");
}

#noticias h1 {
	margin-top: 16px;
	font-weight: bold;
	color: #440B00;
}

#noticias p {
	margin: 8px 0 0 0;
	font-size: 0.9em;
	color: #FFDFCF;
}

#noticias p.fecha {
	margin: 0;
	color: #572912;
}

#noticias .leerMas {
	text-align: right;
	margin-bottom: 8px; 
}

.leerMas a {
	color: #572912;
	text-decoration: none;
}

.leerMas a:hover {
	color: #fff;
	border-bottom: 1px #fff dotted;
}

#infoExtra {	
	float: left;
	position: relative;
	top: 20px;
	left: 27px;
	width: 175px;
	padding-bottom: 120px;
	text-align: center;
}

#infoExtra img {
	margin-bottom: 8px;
}

#infoExtra .separador {
	border-bottom: 1px #D3642B solid;
	padding: 0;
	margin: 1em 0;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#entradasPagina {
	float: left;
	position: relative;
	top: 20px;
	left: 5px;
	width: 658px;
	padding: 0 16px 40px 16px;
	/*background: #CF6A33;*/
	background: #CF742E;
	margin: 0;
	color: #2F0800;
}

#entradasPagina h1 {
	color: #4F0D00;
	font-size: 1.8em;
	line-height: 1em;
	font-weight: bold;
	padding-bottom: 0.3em;
	margin-bottom: 1em;
	background: url(images/dottedLine.gif) bottom left repeat-x;
}

#entradasPagina h2 {
	color: #440B00;
	font-size: 1.4em;
	line-height: 1em;
	font-weight: bold;
	margin-bottom: 1em;
}

#entradasPagina h2.listaEntradas {
	margin-bottom: 0;
	font-weight: normal;
}

#entradasPagina h2.resBuscar {
	margin-bottom: -0.5em;
}

.textoEntrada {
	margin-right: 1em;
	margin-bottom: 1em;
}

.textoEntrada .fechaTop {
	font-size: 1em;
}

.textoEntrada p {
	text-align: justify;
}

.textoEntrada ul {
	margin-bottom: 1em;
	list-style: url(images/listBullet.gif);
	margin-left: 1.2em;
	list-style-position: inside;
}

.textoEntrada li {
	margin-top: .5em;
	margin-left: 0;
	padding-left: 0;
}

.textoEntrada .preusObra {
	/*background: #C25417;*/
	/*background: #AF4520;*/
	background: url(images/bgInfoObra.gif) top left repeat-x;
	font-weight: bold;
	/*color: #440B00;*/
	color: #FFE0CF;
	padding: 8px;
	/*margin-top: 1em;*/
	float: right;
	margin-top: -140px;
	text-align: center;
}

.textoEntrada .sinopsisObra {}

.textoEntrada .sinopsisObra strong {
	font-weight: bold;
}

.textoEntrada .fotoObraIzda {
	float: left;
	margin: 0 16px 16px 0;
}

.textoEntrada .cancelarObra {
	padding: 1em;
	margin: 1em 0;
	background: #CF0C2B;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	text-align: center;
}

.textoEntrada iframe {
	margin: 2em 0 0 0;
}

#entradasPagina a {
	color: #FFD1AF;
	text-decoration: none;
}

#entradasPagina a:hover {
	color: #fff;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

img.alignleft, div.alignleft {
	float:left;
	margin:0 1em 1em 0;
}
img.alignright, div.alignright {
	float:right;
	margin:0 0 1em 1em;
}
img.aligncenter, div.aligncenter {
	text-align:center;
	margin:0 auto;
}

.clearb, .clearB {
	clear: both;
}
.clearr, .clearR {
	clear: right;
}
.clearl, .clearL {
	clear: left;
}

/* =============================================== */
.prevNextPosts {
	overflow: hidden;
	clear: both;
	margin-top: 4em;
	padding-top: 0.5em;
	border-top: 1px #DF8E53 solid;
}

.previousPost {
	float: left;
	text-align: left;
	width: 30%;
}

.nextPost {
	float: right;
	text-align: right;
	width: 30%;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.cuadroFecha {
	float: left;
	background: #972701;
	width: 70px;
	margin: 8px 8px 8px 0;
	color: #EFA986;
	text-align: center;
}

.cuadroFecha p.diames {
	background: #C25416;
	padding: 4px 0 4px 0;
	margin: 0;
	border: 4px #972701 solid;
	border-bottom: none;
	font-weight: bold;
	font-size: 1em;
}

.cuadroFecha p.any {
	color: #D3642B;
	font-size: 1.4em;
	font-weight: bold;
}

.galeriaFotos img {
	margin: 8px;
}

.separador {
	clear: both;
	border-bottom: 1px #EF844A solid;
	padding: 1em 0 0 0;
	margin-bottom: 2em;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.navigation {
	clear: both;
	margin-top: 8em;
	padding-top: 0.5em;
	border-top: 1px #DF8E53 solid;
}

.navigation a {
	font-size: 0.9em;
	color: #4F150A;
	text-decoration: none;
}

.navigation a:hover {
	color: #fff;
	border-bottom: 1px #fff dotted;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.entrada .colMenuIzd {
	float: left;
	width: 100px;
	margin-top: 3.8em;
}

.entrada .colTextoDch {
	margin-left: 116px;
}

.entrada .colMenuIzd li {
	background: url(images/btnSatinbar.gif) top left no-repeat;
	width: 104px;
	height: 32px;
	margin: 4px;
}

.entrada .colMenuIzd a {
	color: #FFD1AF;
	text-decoration: none;
	line-height: 32px;
}

a.btnteatre {
	padding: 4px 0 4px 8px;
}

a.btnhistoria {
	padding: 4px 0 4px 8px;
}

a.btnarqui {
	padding: 4px 0 4px 8px;
}

a.btnguasta {
	padding: 4px 0 4px 8px;
}

.entrada .colMenuIzd a:hover {
	color: #fff;
}

.entrada .colMenuIzd li.activo {
	color: #fff;
	background: url(images/btnSatinbar-act.gif) top left no-repeat;
	line-height: 32px;
}

.entrada .colMenuIzd li.activo span {
	margin: 0 0 0 8px;
}

/*>>>>>>>>>>> Calendario >>>>>>>>>>>>>>>>>>> */

#wp-calendar {
	border: 1px solid #EFA986;
	color: #EFA986;
	font-size: 0.9em;
	margin: 0;
	width: 170px;
	padding: 2px;
	background: #CF6226;
}

#wp-calendar table {
	empty-cells: show;
	width: 100%;
}

 #wp-calendar caption a {
	color: #EFA986;
	text-decoration: none;
}

#wp-calendar caption a:hover {
	color: #fff;
 }

#wp-calendar th {
	font-weight: bold;
	font-style: normal;
	text-transform: capitalize;
	background: #791E00;
	color: #F7DFB7;
	padding: 2px;
	text-align: center;
}

#wp-calendar #prev {
	text-align: left;
	background: transparent;
}

#wp-calendar #next {
	text-align: right;
	background: transparent;
}

#wp-calendar #prev a, #wp-calendar #next a, #wp-calendar #ec3_prev, #wp-calendar #ec3_prev {
	color: #EFC8B3;
	text-decoration: none;
	padding: 0 4px;
	border: 0;
}


#wp-calendar #prev a:hover, #wp-calendar #next a:hover {
	color: #fff;
}

#wp-calendar caption {
	color: #791E00;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}

#wp-calendar td {
	color: #F7DFB7;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	text-align: center;
	line-height: 1.5em;
}

#wp-calendar td.pad:hover {
	background: transparent;
}

#wp-calendar tbody td:hover {
	/*background: #DF7845;
	color: #791E00;*/
}

#wp-calendar #today {
	background: #DF7845;
}

#wp-calendar #today:hover {
}

#wp-calendar tbody a.eventday {
	display: block;
	text-decoration: none;
	background: #AF440A;
	color: #fff;
}

#wp-calendar tbody a.eventday:hover {
	background: #DF7845;
	color: #791E00;
	/*border: 1px #EFC8B3 solid;*/
}

#ec3_publish {
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
}

#ec3_publish img {
	border: 0;
	margin: 0;
	padding: 4px 0 0 0;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#infoExtra .listaCategorias {
	font-size: 0.9em;
	margin: 1em auto;
	padding-top: 1em;
	border-top: 1px #D3642B solid;
	text-align: left;
}

#infoExtra .listaCategorias h2 {
	font-size: 1em;
	color: #440B00;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#infoExtra .listaCategorias ul {
	list-style: url(images/listBullet.gif);
	list-style-position: outside;
	margin-left: 1em;
	padding-left: 0.5em;
	text-indent: 0.2em;
}

#infoExtra .listaCategorias ul a {
	color: #EFA986;
	text-decoration: none;
}

#infoExtra .listaCategorias ul a:hover {
	color: #fff;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#piePagina {
	position: absolute;
	top: 100%;
	left: 0;
	width: 918px;
	margin-top: -3em;
	height: 3em;
	border-top: 4px #EF8E59 solid;
	font-size: 0.8em;
	color: #C25417;
	background: #310901;
	text-align: center;
}

#piePagina p {
	margin-top: 8px;
}

#piePagina a {
	color: #DFA98B;
	text-decoration: none;
}

#piePagina a:hover {
	color: #fff;
	border-bottom: 1px #fff dotted;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#leyenda {
	margin-top: -1em;
	margin-bottom: 0.5em;
	line-height: 1.5em;
	height: 2em;
	overflow: hidden;
}

#leyenda a {
	color: #FFD1AF;
	text-decoration: none;
	line-height: 1.5em;
}

#leyenda a:hover {
	color: #fff;
}

#leyenda p {
	float: left;
	width: 6em;
	font-size: 0.9em;
}

.colorKey {
	display: inline;
	text-align: right;
}

.colorKey li {
	display: inline;
	font-size: 0.8em;
	padding: 0.4em;
	margin: 0 0 0 0.2em;
}

.ckeyTeatro {
	background: #014A2C;
	color: #20AF73;
	/*border: 1px #20AF73 solid;*/
}

.ckeyMusica {
	background: #005C81;
	color: #3BBCEF;
	/*border: 1px #29ABDF solid;*/
}

.ckeyInfantil {
	background: #AB0E05;
	color: #EF6E68;
	/*border: 1px #EF6E68 solid;*/
}

.ckeyOtros {
	background: #4F5C17;
	color: #A0BF23;
	/*border: 1px #A0BF23 solid;*/
}

.cKeyMJove {
	background: #CF742E;
	margin-right: 0;
	/*border: 1px #8A2602 solid;*/
}

.cKeyMJove img {
	vertical-align: middle;
	margin-left: 0.2em;
}

.cKeyFamilia {
	background: #CF742E;
	margin-right: 0;
	/*border: 1px #8A2602 solid;*/
}

.cKeyFamilia img {
	vertical-align: middle;
	margin-left: 0.2em;
}