
body{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff; color: #000;
}

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.5m 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}

a img {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{ display: none; visibility: hidden}

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}
form input.ancho100 { width: 99%; font-size: 0.8em; padding: 0.3em 0}
form select.ancho100 { width: 99%; font-size: 0.8em; padding: 0.3em 0}
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}

#marcoFondoInferior { margin: 0px; padding:0px; width: 100%}

#marcoPagina{ border-left: 8px solid #fff; border-right: 8px solid #fff; border-bottom: 8px solid #fff; background: #fff}

#menuSuperior{ display: none; visibility: hidden }
#cabeceraCorporativa {display: none; visibility: hidden}

#marcoCentral { background: #fff url(http://www.juntadeandalucia.es/cultura/teatroalhambra/imagenes/foCabecera.gif) right repeat-y}

#marcoContenido { background: #fff; color: #000}
#marcoContenidoFlamenco {}
#marcoContenido h2 .menor{ font-size: 0.6em}

#posicion{display: none; visibility: hidden}
		

#derecha{display: none; visibility: hidden}
#menuPrincipal{ display: none; visibility: hidden}

p.anuncioSesion { padding: 1.5em 40px; margin: 1px 0px; background: #0f0; color: #000; font-size: 0.8em; font-weight: bold}

.anuncioTop { padding: 1em 1em 2em 1em; width: 95%; border-bottom: 1px dotted #000; margin-bottom: 1em}
.noImpresora { display: none; visibility: hidden}

#contenido { padding: 1em; width: 100%}
	#contenido p { line-height: 1.5em}
	#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{ padding: 0 1em; border-top: 1px dotted #000; margin-top: 1em}
	#menuInferiorPagina{display: none; visibility: hidden}
	#piePaginaLegal ul{display: none; visibility: hidden}
	#piePaginaLegal p.pieEnlaces{display: none; visibility: hidden}
	#piePaginaLegal p.pieEstandares{display: none; visibility: hidden}
	#piePaginaLegal p.pieCalidad{display: none; visibility: hidden}

