body{	
	font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #000 url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/foPagina.gif) bottom right no-repeat fixed; color: #fff; padding: 0px; margin: 0px
}

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

h1{font-size: 0em; margin: 0px; padding: 0px}
h2{font-size: 1.8em; margin: 0px 0px 1em 0px; padding: 0px}
h2.sinMargenInferior{font-size: 1.8em; margin: 0px 0px 0.1em 0px; padding: 0px}
h2.intermedio{font-size: 1.8em; margin: 0.5em 0px 0.1em 0px; padding: 1em 0px 0px 0px}

h3{font-size: 1.4em; padding: 0px; margin: 1em 0px 0px 0px}
h3.sinMargenInferior{font-size: 1.4em; margin: 0px 0px 0.1em 0px; padding: 0px}

h4{font-size: 1.2em}

a {text-decoration: underline}
a:focus, a:hover {text-decoration: none; border-bottom: 4px solid}

a.noBorde { border: 0px}
#derecha .boton { border-bottom: 1px solid #fff}

a img {border: 0px}
img.noBorde {border: 0px}

blockquote { margin: 0px; padding: 0px 3em; border-bottom: 1px dotted #000; border-top: 1px dotted #000}

p.menuOpciones {color: #000; font-weight: bold; font-size: 0.8em; padding: 0.2em 1em 0.5em 0px; margin: 0px}
p.destacado { border-top: 1px dotted #999; border-bottom: 1px dotted #999; color: #333; font-size: 0.8em; font-weight: bold; padding: 0.5em 0px; margin: 1em 0px 0px 0px}
.imgFlotaIzquierda{ float: left; padding: 8px; border: 1px solid #ccc; margin-right: 2em; margin-bottom: 0.2em}

img.vCentro{ vertical-align: middle}
img.icono {background: #0c0 url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/bordeRedondo.gif); vertical-align: middle; margin-right: 0.5em}
img.iconoBlanco {background: #333 url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/bordeRedondoBlanco.gif); vertical-align: middle; margin-right: 0.5em}

ul.espectaculo { list-style: square url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/flechaVerde.gif); font-size: 0.8em; margin: 0px; padding: 0px}
ul.espectaculo li { margin:0.8em 1em}

p.derecha {text-align: right}
p.centro {text-align: center}

.versalitas {font-family: "Trebuchet MS", sans-serif; color: #333; text-transform: uppercase; font-size: 0.9em; font-weight: bold; letter-spacing: 0.1em}
.rompeLinea{ clear: both; height: 1px}
.rompeLineaBlanca{clear: both; height: 1px}
.finEntrada{ clear: both; height: 4px}
.invisible {display: none}
.letraAcceso {text-decoration: overline; font-weight: bold}
.letraAccesoVerde {text-decoration: overline; font-weight: bold; color: #0f0; font-size: 0.6em}
.textoVerde { color: #0f0}

.tecla{ background-color: #f1f1f1; color: #333; padding: 0.2em; font-size: 0.8em; text-decoration: none; border: 1px solid #ccc; border-right: 1px solid #333333; border-bottom: 1px solid #333333}
.menor { font-size: 0.8em}
.flotaDerecha{float: right}
.flotaIzquierda{float: left}
.imgFlotaIzquierda{ float: left; padding: 8px; border: 1px solid #ccc; margin-right: 2em; margin-bottom: 0.2em}
.rojo{ color: #c00}
.subrayado { text-decoration: underline}
.menuMeses { padding: 0px; margin: 1em 0px 0px 0px}
.anteriorSiguiente{ font-size: 0.8em}

ul {list-style-type: square}

ul.ulNoMargen{ margin: 0px 0.8em; padding: 0px 0.5em}
ul.ulNoMargen li {padding: 0.1em 0px}

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

table.opcionesFormulario { width: 100%}
table.opcionesFormulario td { padding: 0px; text-align: left; border-bottom: 1px dashed #ccc}
table.opcionesFormulario td.derecha { text-align: right}

form{}
form fieldset { padding: 0.5em 1em 2em 1em; margin: 1em 0px 2em 0px}
form label { display: block; font-size: 0.9em; margin: 1em 0px 0.5em 0px; font-weight: bold}
form label.enLinea { display: inline; font-size: 0.9em; margin: 1em 0px 0.5em 0px; font-weight: normal}
form textarea { width: 99%; height: 5em; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif}
form legend { font-size: 0.8em; color: #999}
form input { font-family: Verdana, Arial, Helvetica, sans-serif}
div.botonEnvio { text-align: right; padding: 0.5em}

div.col-AB-A{ width: 45%; float: left; margin-right: 10px}
div.col-AB-B{ width: 45%; float: right}

table { width: 100%}
table.col2 td { width: 50%}
table.col3 td { width: 33%}
table.col4 td { width: 25%}

.ancho100 { width: 99%; font-size: 0.8em; padding: 0.3em 0}


#marcoFondoInferior { margin: 0px; padding:0px; width: 100%}

#marcoPagina{ width: 700px; border-left: 8px solid #fff; border-right: 8px solid #fff; border-bottom: 8px solid #fff; background: #fff}
	/*#marcoPagina div { border: 1px solid #ccc}*/

#menuSuperior{ font-size: 0.8em; color: #333; padding: 0.5em 0px 0px 0px}
	#menuSuperior ul{ padding: 0px; margin: 0px}
		#menuSuperior ul li{ display: inline; margin-right: 0.5em}
		#menuSuperior ul li a{ color: #333}


#cabeceraCorporativa { background: #000; color: #fff; border-top: 8px solid #fff; border-bottom: 8px solid #fff}
	#cabeceraCorporativa img { border: 0px}

#marcoCentral { background: #fff url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/foCabecera.gif) right repeat-y}

#marcoContenido { width: 500px; float: left; background: #fff; color: #000}
#marcoContenidoFlamenco { width: 500px; float: left; background: #009cbf; color: #fff}
#marcoContenido h2 .menor{ font-size: 0.6em}

#posicion{margin: 0px; padding: 0.5em 0px 0px 0px; font-size: 0.8em; color: #333}
	#posicion ul{ margin: 0px; padding: 0px; list-style-type: none}
		#posicion ul li {display: inline; padding-right: 5px; margin-right: 0.5em;  background: url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/icoBarra.gif) no-repeat right}
			#posicion ul li a{ color: #000}
			
.anuncioTop #posicion ul li a{ color: #fff}

#marcoContenidoFlamenco #posicion ul li {display: inline; padding-right: 5px; margin-right: 0.5em; background: none}
#marcoContenidoFlamenco #posicion ul li a{ background: #069; color: #fff; padding: 0.5em}

#derecha{ width: 192px; float: right; font-size: 1.2em; color: #fff}
	#menuPrincipal{ background: #000}
	#menuPrincipal h2{ font-size: 1em; background: #000 url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/flechaMenuAbajo.gif) left center no-repeat; font-weight: normal; color: #fff; margin: 0px; border: 1px solid #ccc; border-top: none; border-bottom: 1px dashed #ccc; padding: 1em 0px 1em 32px}
	#menuPrincipal span.saltar { margin: 0px; background: #000; padding: 0px 3px; border: 1px solid #ccc; border-bottom: none; font-size: 0.7em; display: block; color: #ccc}	
		#menuPrincipal span.saltar a { color: #ccc}

	#menuPrincipal ul.programas{ padding: 1em; background: #000; margin: 0px 0px 0px 15px; color: #333; border: 1px solid #000; border-top: none; list-style: square url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/flechaVerde.gif) outside; font-size: 0.7em}
		#menuPrincipal ul.programas li{ margin: 0px; padding: 0.3em 0px}
		#menuPrincipal ul.programas li img {margin-right: 0.8em}

/*
ul.espectaculo { list-style: square url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/flechaVerde.gif); font-size: 0.8em; margin: 0px; padding: 0px}
ul.espectaculo li { margin:0.8em 1em}
*/

	#menuPrincipal ul.opciones{ padding:0px ; margin: 0px; border-bottom: 8px solid #fff; list-style: none; color: #333}
		#menuPrincipal ul.opciones li{ padding: 25px 0px 25px 40px; background: #000 url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/flechaMenu.gif) 5px 30px no-repeat; border-top: 1px solid #fff}
		#menuPrincipal .icono {background: #0f0 url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/bordeRedondoNegro.gif); vertical-align: middle; margin-right: 0.5em}

	#menuPrincipal a{color: #fff}
	#menuPrincipal a:hover{color: #fff}
	/*#menuPrincipal div{ background: #fff; border: 1px solid #ccc; padding: 0px; margin: 0px; color:#333; font-size: 0.6em}*/
	#menuPrincipal div p{ margin: 0px; padding: 0.5em}
	#derecha div.calidad{ text-align:center; width: 100%; border: none; clear: both; background: #333; border-bottom: 2px solid #fff}
		#derecha div.calidad img { border: 0}

	
	#menuPrincipal .letraAcceso { font-size: 0.6em; color: #0f0}
					
#subMenu{ background: #333; border-top: 8px solid #fff; padding: 1em; color: #fff}
	#subMenu ul{ padding: 0px; margin: 0px}
		#subMenu ul li{ display: inline}

/*#marcoContenido { clear: both; margin-top: 8px; margin-bottom: 8px; border: 1px solid #ccc; padding: 1em; background: #ccc url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/ptnCrema.gif); color: #000}*/

p.anuncioSesion { padding: 1.5em 40px; margin: 1px 0px; background: #0f0; color: #000; font-size: 0.8em; font-weight: bold}
p.anuncioSesion a { color: #000}

.anuncioTop {border-bottom: 1px solid #fff}
.anuncioTop img.bloque { display: block}
.anuncioTop .textoAnuncio{ background: #000; border-top: 1px solid #fff; margin: 0px; padding: 0.5em 0.5em 1em 0.5em; color: #fff; font-family: Arial, Helvetica, sans-serif}
.anuncioTop .textoAnuncio .companniaEspectaculo{ padding: 0px 0px 0.5em 20px; margin: 0px 0px 1em 0px; background: url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/flechaVerde.gif) 5px 5px no-repeat; border-bottom: 1px dotted #ccc}
.anuncioTop .textoAnuncio .companniaEspectaculoUltima{ padding: 0px 0px 0.5em 20px; margin: 0; background: url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/flechaVerde.gif) 5px 5px no-repeat; border-bottom: none}

.anuncioTop .textoAnuncio p {margin: 0.5em 0px; padding: 0px 0px 0px 5px; font-size: 0.9em}

.anuncioTop .textoAnuncio p.horario { margin: 0.5em 5px; padding: 0px 0px 0px 25px; font-size: 1.2em; font-weight: bold; background: url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/time.gif) top left no-repeat}
.anuncioTop .textoAnuncio p.calendario { margin: 0.5em 5px; padding: 0.2em 0px 0.2em 25px; font-size: 0.9em; font-weight: bold; background: url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/calendar.gif) top left no-repeat}
.anuncioTop .textoAnuncio p.flecha { margin: 0.5em 5px; padding: 0.2em 0px 0.2em 25px; font-size: 0.9em; font-weight: bold; background: url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/flechaVerde.gif) top left no-repeat}
.anuncioTop .textoAnuncio p.descarga { margin: 0.5em 5px; padding: 0px 0px 0px 25px; font-size: 1.2em; font-weight: bold; background: url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/download.gif) top left no-repeat}
.anuncioTop .textoAnuncio p.compartir { margin: 0.5em 5px; padding: 0.2em 0px 0.2em 25px; font-size: 0.9em; font-weight: bold; background: url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/comment.gif) top left no-repeat}
.anuncioTop .textoAnuncio p.flechaBlanca { margin: 0.5em 5px; padding: 0.2em 0px 0.2em 25px; font-size: 0.9em; font-weight: bold; background: url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/zoomin.gif) top left no-repeat}

.anuncioTop .textoAnuncio p.ciclo {color: #0f0; margin: 0px; padding: 0.2em 0px 0px 30px; letter-spacing: 0.1em; font-weight: bold}

.anuncioTop .textoAnuncio h2{ font-size: 1.6em; color: #fff; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 5px}
.anuncioTop .textoAnuncio h3{ font-size: 1.4em; font-weight: normal; color: #fff; margin: 0px 5px; padding: 0px 0px 0px 5px}
.anuncioTop a{ color: #fff}
.anuncioTop .icono {background: #0f0 url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/clearbits/bordeRedondoNegro.gif); vertical-align: middle; margin-right: 0.5em}
.menorAnuncio { font-size: 1em}

p.proximoEspectaculo { margin: 0px 0px 1px 0px; padding: 1em 0px 1em 10px; font-size: 0.9em; font-weight: bold; border: 1px dotted #000}

#contenido { padding: 1em; border: 1px solid #ccc}
	#contenido p { line-height: 1.5em}
	#contenido h2{ color: #333}
	#contenido h3{ color: #333}
	#contenido dl dt{ font-weight: bold; color: #333}
	#contenido dl dd{ margin: 0px; padding: 0px; margin: 0.5em 0px 1em 0px}
	#contenido a{ color: #000}

	#contenido ul{ list-style-type: square}
	#contenido ul li{ line-height: 1.5em; margin-bottom: 1em}
	
	#contenido ul.calendarioEspectaculo{list-style: square url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/flechaVerde.gif); font-size: 0.8em; margin: 0px; padding: 0px}
	#contenido ul.calendarioEspectaculo li{margin:0.8em 1em}
	
#marcoContenidoFlamenco #contenido h2{ color: #fff}
#marcoContenidoFlamenco #enlaceFlamenco { margin: 0px; padding:0px; background: #069}
#marcoContenidoFlamenco #enlaceFlamenco p{ margin: 0px; padding: 0.8em 0px; text-align: center; font-size: 0.8em}
#enlaceFlamenco a{ color: #fff}

#piePagina{margin: 0px auto; color: #fff; padding: 0px; text-align: center; background: #000; font-size: 0.8em; border-top: 1px solid #fff}
	#menuInferiorPagina{border-top: 1px solid #fff; border-bottom: 8px solid #fff; text-align: left; background: #333; padding: 1.2em 0px 1.2em 1em}
		#menuInferiorPagina a{color: #fff}

#piePaginaLegal { padding: 0px 1em 1em 1em}
#piePaginaLegal p {}
#piePaginaLegal a {color: #fff}
#piePaginaWAI {}

#piePagina ul {margin:0px; padding: 0px}
#piePagina ul li {display: inline; padding-left: 5px; margin-right: 5px}

.tooltip{ width: 200px; color: #000; font: 1.1em Arial,sans-serif; text-align:center; background: #fff; border: 4px solid #0f0; padding: 2em}