/**************************************************************************************/
/* RESET ******************************************************************************/
/**************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**************************************************************************************/
/* ESTRUCTURA *************************************************************************/
/**************************************************************************************/

.contenedor{ width: 580px; margin-left: 340px; background: #fff}

.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col_13, .col_14, .col_15, .col_16{ display: inline; float: left; margin-right: 20px;}

.contenedor .col_1{ width: 40px}
.contenedor .col_2{ width: 100px}
.contenedor .col_3{ width: 160px}
.contenedor .col_4{ width: 220px}
.contenedor .col_5{ width: 280px}
.contenedor .col_6{ width: 320px}
.contenedor .col_7{	width: 400px}
.contenedor .col_8{ width: 460px}
.contenedor .col_9{	width: 520px}
.contenedor .col_10{ width: 580px}
.contenedor .col_11{ width: 640px}
.contenedor .col_12{ width: 700px}
.contenedor .col_13{ width: 760px}
.contenedor .col_14{ width: 820px}
.contenedor .col_15{ width: 880px}
.contenedor .col_16{ width: 940px}

.contenedor .mi_col_4{ padding-left: 240px}
.contenedor .mi_col_12{ padding-left: 720px}

.contenedor .gris { background: #f1f1f1; height: 222px; font-size: 0.8em}
.contenedor .gris div {padding: 1.5em}

/* --------------------------------------------------------------------------------*/

.primero{ margin-left: 0}
.ultimo{ margin-right: 0}

.bordeSuperior { border-top: 1px dotted #000; padding-top: 18px}
.bordeInferior { border-bottom: 1px dotted #ccc; padding-bottom: 18px}

.bordeInferiorSeparador{ clear: both; width: 940px; border-bottom: 1px solid #000; margin-bottom: 4px}

.linea{ text-align: center;}

/* --------------------------------------------------------------------------------*/

html body * span.rompelinea,
html body * div.rompelinea,
html body * li.rompelinea,
html body * dd.rompelinea
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 18px;
}


/**************************************************************************************/
/* ESTILOS ****************************************************************************/
/**************************************************************************************/

/* TEXTOS GENERALES */

body{ font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 1.8em; color: #000; background: url(../imagenes/foPagina.jpg) left repeat-y; padding-top: 120px}

/*
h2{ font-size: 2em; margin-bottom: 1em}
h3{ font-size: 1.4em; margin-bottom: 1em}
*/

a { color: #000}
a:hover{ text-decoration: none; border-bottom: 2px solid}

a.noBorde:hover { border-bottom: none}

.flotaIzquierda { float: left; margin-right: 20px; margin-bottom: 20px}

#menuSuperior{ position: fixed; top: 0px; left: 340px; width: 580px; font-size: 1.2em; font-weight: bold; font-family: Arial, Helvetica, sans-serif}
	#menuSuperior ul li { display: inline; margin-right: 1em}
		#menuSuperior ul li a{ text-decoration: none}
	#menuSuperior #menu{ background: #fff; padding: 42px 0 24px 0}
	#menuSuperior .transparenciaMenu { height: 36px; background: #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
	.seleccion { padding: 4px 8px; background: #000; color: #fff; margin-right: 18px; text-transform: uppercase; font-weight: bold}

#marcoLogotipo{ width: 320px; position: fixed; top: 0px; left: 0px; z-index: 99}
	#marcoImagenPortada { position: fixed; bottom: 0px; left: 0; z-index: 90; width: 320px}
		#marcoImagenPortada img { bottom:  0; left: 0; width: 310px}


	
body.descarga{ background: #000; background-image: none; padding: 1em 2em}
p.descargaImagen img { border: 1px solid #1f1f1f}

a img { border: 0}

a.imagenLightBox{ color: #000}
a.imagenLightBox:hover{ text-decoration: none; border-bottom: 2px solid #000}


h2 { color: #000; font-size: 1.6em; margin-bottom: 1em; line-height: 1.4em}
h2.espectaculo { color: #000; font-size: 2.2em; letter-spacing: normal; margin: 0px}
h3 { color: #000; font-size: 1.2em; margin-bottom: 1em; font-weight: bold}

form{}
form label { display: block; font-weight: bold; color: #c00}
form input.ancho90 { width: 95%}
form select.ancho100 { width: 95%}
form fieldset { padding: 1em; margin-bottom: 1.5em}
form fieldset legend { margin-bottom: 1em; font-weight: bold; color: #999}

h3{}

hr.rompeLinea { clear: both; margin: 1em 0px 0px 0px; height: 1px; border: 1px dashed #fff}

img.icono {background: #c00 url(../imagenes/clearbits/bordeRedondoNegro.gif); vertical-align: middle; margin-right: 0.5em; border: none}
img.iconoFondoBlanco {background: #c00 url(../imagenes/clearbits/bordeRedondo.gif); vertical-align: middle; margin-right: 0.5em; border: none}
img.iconoBlanco {background: #333 url(../imagenes/clearbits/bordeRedondoBlanco.gif); vertical-align: middle; margin-right: 0.5em}

ul.posicion { list-style-type: none; list-style-position: outside; margin: 0px 0px 0.1em 0px; padding: 0px 0px 0.5em 0px}
	ul.posicion li{ display: inline; padding: 0px; margin: 0px}
	
ul.espectaculo{list-style-type: none; list-style-position: outside; margin: 0px 0px 0.1em 0px; padding: 0px 0px 0.5em 0px}
	ul.espectaculo li{ padding: 0 0 1em 0; margin: 0 0 1em 0; border-bottom: 1px dashed #1f1f1f}	
		ul.espectaculo li a{ font-size: 1.2em; font-weight: bold}

dl dt{ font-weight: bold; margin: 0px 0px 0.5em 0px; padding: 0px}
dl dd{ border-bottom: 1px solid #1f1f1f; margin: 0px 0px 1em 0px; padding: 0px 0px 1em 0px}
dl dd p { margin: 0px; padding: 0px}

table.calendar{	width: 100%; border: 1px solid #1f1f1f}
table.calendar caption{ display: none; visibility: hidden}
table.calendar tr{ width: 14%; margin: 0px}
table.calendar tr th{ width: 14%; background: #1f1f1f; padding: 1.5em 0.5em; color: #999}
table.calendar tr td{border: 1px solid #1f1f1f; vertical-align: top; margin: 0px; text-align: right; padding: 1em 0.5em; color: #999}
table.calendar tr td.noBorde { border: 1px dotted #1f1f1f}
table.calendar tr td.espectaculo{ border: 1px solid #300; color: #fff; background: #c00; font-size: 1em; font-weight: bold}
table.calendar a{ color: #fff}

table.fichaArtistica { width: 100%}
table.fichaArtistica tr{}
table.fichaArtistica tr td{ width: 50%; vertical-align: top; padding: 0.5em; border: 1px solid #1f1f1f}


#cartel{ width: 350px; position: fixed; top: 220px}

	div.destacadoPortada { margin: 0px; padding: 0px}
				
	#contenido div.lineaActuaciones { border-bottom: 1px dashed #666; margin-bottom: 18px }
		#contenido div.lineaActuaciones div.izquierda{ width: 182px; float: left; text-align: left}
		#contenido rompeLineadiv.lineaActuaciones div.derecha { width: 182px; float: right; text-align: left; padding: 0px; margin: 0px}

		#contenido div.lineaActuaciones p.video{ margin: 0px; padding: 0px}
			#contenido div.lineaActuaciones p.video img { width: 220px}
		#contenido div.lineaActuaciones p.datosEspectaculo{ font-size: 1.6em; margin: 0}
		#contenido div.lineaActuaciones span.menor { font-size: 0.6em}		
		
	#marcoPagina500 div.lineaActuaciones { }
	#marcoPagina500 div.lineaActuaciones div.izquierda{ width: 242px; float: left; text-align: left}			
	#marcoPagina500	div.lineaActuaciones div.derecha { width: 242px; float: right; text-align: left; padding: 0px; margin: 0px}
	#marcoPagina500	div.lineaActuaciones p.video{ margin: 0px; padding: 0px; background: #1f1f1f; text-align: center}
	#marcoPagina500	div.lineaActuaciones p.video img{ }	
	
	
	#menuEspectaculo { color: #000; margin: 0px; padding: 0px; font-size: 0.8em}
	#menuEspectaculo p { padding: 1em 0; margin: 8px 0px}
	#menuEspectaculo a { color: #000}
	
	#menuEspectaculo ul{ margin: 8px 0; padding: 1em 0; list-style-type: none; list-style-position: outside}
	#menuEspectaculo ul li{ display: inline; margin-right: 1em}

	div.masActuaciones { clear: both}
	div.masActuaciones p{ margin: 0px; padding: 1em 0px}
	
	#contenido{ font-size: 1.1em}
	#contenido p { font-size: 1.1em; margin-bottom: 1em}

	div.destacados { border-top: 2px solid #1f1f1f; border-bottom: 2px solid #1f1f1f; padding: 10px 0px; margin: 10px 0px 4px 0px}
	div.destacadoVideo { padding: 10px 0px; margin: 10px 0px 4px 0px; text-align: center; border:1px solid #1f1f1f}
	div.destacadoVideo object {}
	
	table.multimedia { width: 100%; text-align: left; margin: 0px}
	table.multimedia th{ color: #c00; letter-spacing: 0.1em}
	table.multimedia td{ margin: 0px; padding: 0px; vertical-align: top}
	table.multimedia td.fotos img { margin: 1px; border: 4px solid #1f1f1f}
	table.multimedia a{ border: none}
	
	table td { vertical-align: top}


#contenido p.menuMeses { padding: 1em 0px; color: #fff; margin: 1px 0px 1px 0px; text-align: center; background: #1f1f1f}
	#contenido p.menuMeses a { color: #fff}
#contenido p.menuMeses span.mes { font-size: 1.2em; font-weight: bold; letter-spacing: 1px; color: #c00}
#contenido p.videoEspectaculo img { border: 4px solid #1f1f1f}
#contenido p.destacado { background: #1f1f1f; padding: 1em}	
	

#jquery-lightbox a:hover{ border-bottom: none}
	
#marcoCabecera { font-size: 0.7em; padding: 150px 0px 0px 0px; margin: 0px}

#pieContenido{ padding: 18px 0px 2em 0px; border-top: 2px solid #000}
	#pieContenido ul{ list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px}
		#pieContenido ul li{ display: inline}
	

.tooltip{ width: 200px; color: #999; font: 1.2em Arial,sans-serif; text-align:center; background: #1f1f1f; border: 2px solid #000; padding: 1em}.rojo {
	color: #CC0000;
}


.versalita { text-transform: uppercase; font-size: 1em; font-weight: bold}