body{	
	font-size: 70%; /*font-family: "Lucida Grande", Geneva, "Lucida Sans Unicode", Arial, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333; padding: 0px; margin: 0px;
	background: #fff url(http://www.juntadeandalucia.es/cultura/escenica/imagenes/foPagina3.gif)}

/*h1, h2, h3, h4 { font-family: "Trebuchet MS", sans-serif; color: #000; margin-bottom: 0.5em}*/
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color: #000}

h1{margin: 0px; padding: 0px}

p {line-height: 1.5em; margin-bottom: 1.8em}
p.destacado { margin: 0.5em 0px 0px 0px; font-size: 0.8em; padding: 0.8em; border: 1px dotted #ccc}
p.direccion { margin: 0px; background-color: #ccc; font-size: 0.8em; padding: 0.5em; border: 1px solid #fff}

a {text-decoration: underline; color: #000}
a:focus, a:hover { text-decoration: none; border-bottom: 4px solid #0c0; color: #000}

a img {border: 0px}

img { border: 0px}
acronym{ border-bottom: 1px dashed; cursor: help; padding-left: 1.2em; background: url(http://www.juntadeandalucia.es/cultura/escenica/imagenes/foAcronym.gif) center left no-repeat}

.imgflotaIzquierda {float: left; border: 1px solid #ccc; margin-right: 1em; color: #333}
.imgflotaDerecha {float: right; border: 1px solid #ccc; margin-left: 1em; color: #333}

img.iconoGris {background: #ccc url(http://www.juntadeandalucia.es/cultura/escenica/imagenes/clearbits/bordeRedondo.gif); vertical-align: middle; margin-right: 0.5em}
img.iconoVerde {background: #0c0 url(http://www.juntadeandalucia.es/cultura/escenica/imagenes/clearbits/bordeRedondo.gif); vertical-align: middle; margin-right: 0.5em}

.menor { font-size: 0.8em}
.flotaDerecha{float: right}
.versalitas {font-family: "Trebuchet MS", sans-serif; text-transform: uppercase; font-size: 0.8em; font-weight: bold; letter-spacing: 0.1em; color: #000}
div.rompeLinea{ clear: both; height: 1px}
.invisible {display: none}
.letraAcceso {text-decoration: overline; font-weight: bold}
.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}
.centrado {text-align: center}
.noBorde { border: 0px}
.dato{ color: #000; font-weight: bold}


.col-ABC{ margin: 0px; padding: 0px; font-size: 0.8em}
.col-ABC .col-ABC-AB{ width: 225px; float: left; margin-left: 10px; padding: 10px}
.col-ABC .col-ABC-C{ width: 225px; float: right; padding: 10px}

.col-AB-A{ width:530px; float: left}
.col-AB-B{ width: 240px; float: left}

#menuAccesibilidad{ padding: 1em 0px 0.7em 0px; font-size: 0.8em}
#logoJuntaMosca { position: absolute; left: 8px; top: 0px; border: 1px solid #fff}

#marcoPagina { width: 780px; margin: 0px; text-align: left; border: 8px solid #fff; background: #fff}
#logoEPGPC { margin: 0px; padding: 15px 0px 5px 15px; border-bottom: 1px solid #fff; background: #087021}

#margenEntrada { margin: 0px; padding: 0px; background: #fff}
	#margenEntrada .col-AB-A{ width:530px; float: left}
	#margenEntrada .col-AB-B{ width: 240px; float: left}
	#margenEntrada a:hover{ border: none}

#capaMenuSuperior {font-size: 1em; color: #fff; border-bottom: 1px solid #999; background: #000}
	#capaMenuSuperior ul{ list-style-type: none; margin: 0px; padding: 15px; font-weight: bold}
		#capaMenuSuperior ul li{ display: inline; padding: 1em 0.5em}
		#capaMenuSuperior ul li.acceso{ display: inline; padding: 1em 0em}
			#capaMenuSuperior ul li a{color: #fff}
			#capaMenuSuperior ul li a { border-bottom-color: #fff}

	#capaMenuSuperior #escenica{ margin: 0px; padding: 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff}
	
#cabeceraContenido {margin: 0px auto; width: 780px; text-align: left; background-color: #333}

/*background: #fcf url(http://www.juntadeandalucia.es/cultura/escenica/imagenes/foBordeContenido.gif)*/
#marcoCentroPagina{margin: 0px auto; width: 780px; border-bottom: 1px solid #fff; border-top: 8px solid #fff}
#centroPagina {background-color: #fff; background: url(http://www.juntadeandalucia.es/cultura/escenica/imagenes/foContenido.gif) repeat-y left; padding: 15px 0px 0px 0px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc}
#centroPagina-2-Col { background-color: #fff; background: url(http://www.juntadeandalucia.es/cultura/escenica/imagenes/foContenido-2-Col.gif) repeat-y left; padding: 15px 0px 2em 0px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc}
#centroPaginaInicio {background-color: #fff; background: url(http://www.juntadeandalucia.es/cultura/escenica/imagenes/foContenido-3-Col.gif) repeat-y left; padding: 15px 0px 2em 0px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc}

#cepaContenido{ width: 500px; float: left; margin: 0px 15px 0px 15px; padding: 0px; font-size: 1.2em}
#cepaDerecha {width: 250px; float: right; margin: 0px; padding: 1em 0px 0px 0px}
#centroPaginaInicio #cepaContenido{ width: 770px; margin: 0px; padding: 0px; font-size: 1.2em}


	#cepaIzquierda h2{font-size: 1.6em; padding: 0px; margin: 0px 0px 0.5em 0px; border: 1px solid #ccc; padding: 0.2em 0.5em}
	#cepaIzquierda p { padding: 0px 0.5em 0px 1em; margin: 0.2em 0px}
	#cepaIzquierda ul{ margin: 0px; padding: 0.2em 1em; list-style: inside square}
		#cepaIzquierda ul li{ margin: 1em 0px}
	
	#cepaContenido h2{ font-size: 1.8em; margin: 0px}
	#cepaContenido div.col-ABC h2{ font-size: 1.8em}
	#cepaContenido div.col-ABC h3{ font-size: 1.4em}
	#cepaContenido div.col-ABC ul{ list-style: inside square; margin: 0px; padding: 0px}
	#cepaContenido div.col-ABC ul.listado {margin: 1em 0.5em 0px 2em; list-style: outside square}
	#cepaContenido div.col-ABC ul.listado li { padding: 0.4em 0px; line-height: 1.3em}

	#cepaContenido h3{ font-size: 1.2em; padding-top: 1em}
	#cepaContenido h4{ font-size: 1.1em}

	#cepaContenido div.anuncioDestacado{ float: right; width: 200px; border: 1px dotted #ccc; margin-top: 2.2em; padding: 1em 1em 2em 1em; background: #f1f1f1; font-size: 0.8em}
	#cepaContenido div.anuncioDestacado h2{ border: none}

	#cepaContenido div.camposCurso { font-size: 0.8em; margin: 1em 0px; padding: 0.5em 1em; border: 1px dotted #ccc}
	#cepaContenido div.camposCurso p{ margin: 0.5em 0px; padding: 0px}
	#cepaContenido div.camposCurso p.margenIzquierda{ margin: 0.5em 0px; padding: 0px 0px 0px 25px}

	#cepaContenido dl.listado dd div.camposCurso { background: #fff; margin: 0px; padding: 1em 0px; border: none; border-bottom: 1px dotted #ccc}
	#cepaContenido dl.listado dd div.camposCurso p{ margin: 0.5em 0px; padding: 0px 1em}
	#cepaContenido dl.listado dd div.camposCurso p.margenIzquierda{ margin: 0.5em 0px; padding: 0px 0px 0px 32px}

	#posicion{margin: 0px auto; padding: 0.5em 0px; text-align: left; font-size: 0.7em; color: #333}
		#posicion ul{ margin: 0px; padding: 0px; list-style-type: none}
			#posicion ul li {display: inline; padding-right: 0.7em; margin-right: 0.5em;  background: url(http://www.juntadeandalucia.es/cultura/escenica/imagenes/icoBarra.gif) no-repeat right 2px}
				#posicion ul li a{ color: #333}
			

	
	#cepaDerecha h3{ font-size: 1.4em; margin: 1em 0px 0px 0px}
	#cepaDerecha h2{ font-size: 1.8em; margin: 0.7em 0px 0.5em 0px; padding: 0px}
	
	#cepaDerecha ul{ margin: 0px; padding: 0px; list-style-position: inside; list-style-type: square}
		#cepaDerecha ul li{ padding: 0.3em 0px}

	#cepaDerecha ul.listado {margin: 1em 0.5em 0px 2em; list-style: outside square}
		#cepaDerecha ul.listado li { padding: 0.4em 0px; line-height: 1.3em}		
	
	#cepaDerecha p{ padding: 0px; margin: 0px; margin-bottom: 1em}

	#cepaDerecha ul.menuSecciones{margin: 1em 0.5em 0px 2em; list-style: outside square; font-size: 1.2em; font-weight: bold}
		#cepaDerecha ul.menuSecciones li{ padding: 0.2em 0px}
			#cepaDerecha ul.menuSecciones li a{ color: #000}

	#cepaDerecha .menuDerecha { background: #fff; margin: 50px 0px 1em 0px; padding: 1em 0.5em 1em 1em; border: 1px dotted #ccc; border-right: 1px solid #ccc}
	#cepaDerecha .restoDerecha{ padding: 0.5em 1em 0.5em 1.5em}

ul.posicion {list-style-position: inside; list-style-type: none; margin: 0px; padding: 0px; font-size: 0.7em; padding-bottom: 0.3em}
ul.posicion li {display: inline}

ul.noticias{ list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px}
ul.noticias li{ border-bottom: 1px #ccc dashed; padding: 1em}

/*
dl.listado dt {font-weight: bold; font-size: 0.8em; border-bottom: 1px solid #999; background-color: #eee; padding: 1em 0.5em; color: #333}
dl.listado dd {margin: 0px; padding: 1em; border: 1px solid #ccc; font-size: 0.8em}
*/

dl.listado dt {font-weight: bold; font-size: 0.8em; padding: 1em; background: #f1f1f1; border: 1px dotted #ccc; border-bottom: none}
dl.listado dt.enCurso {font-weight: bold; font-size: 0.8em; padding: 1em; background: #9c9; border: 1px dotted #ccc; border-bottom: none}
dl.listado dd { font-size: 0.8em; border: 1px dotted #ccc; margin: 0px 0px 2em 0px}


dl.listado dd div.descripcionCurso{ background: #fff url(http://www.juntadeandalucia.es/cultura/escenica/imagenes/clearbits/apple.gif) no-repeat top left; margin: 0px; padding: 1em 1em 2em 1em}
dl.listado dd div.descripcionCurso p {margin: 0px; padding: 0px; line-height: 1.6em}
dl.listado dd div.descripcionCurso p.fpo { margin-bottom: 1em}

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

#piePaginaLegal { padding: 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}

ul.menuEnLinea{ list-style-type: none; list-style-position: inside; margin: 0px; padding: 0px}
ul.menuEnLinea li{display: inline; margin: 0px; padding: 0px; margin-right: 0.3em}

.tooltip{ width: 100px; color: #000; font: 1.2em Arial,sans-serif; text-align:center; background: #fff; border: 4px solid #ccc; padding: 1em}