body{	
	font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333; text-align: center; padding: 0px; margin: 0px
}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color: #060; margin-bottom: 0.5em}

h1{font-size: 1px; margin:0px; padding:0px}
h2{font-size: 1.5em; margin: 0px; padding: 0px; padding-bottom: 0.2em; margin-bottom: 0.8em}
h3{font-size: 1.3em; border-bottom: 1px solid #ccc; padding-bottom: 0.2em}
h4{font-size: 1em}

dl {margin: 0px; padding: 0px}
dt {margin: 0px; padding: 0px; font-weight: bold; font-size: 1em; border-top: 2px solid #ccc; padding-top: 2em}
dd {margin: 0px; padding: 0px; margin-bottom: 1em; font-size: 0.8em}
dd p{ margin: 0px; padding: 0px}

ul.listaSinItem { list-style-type: none; list-style-position: outside; margin: 0px; padding: 1em 1.5em}
ul.listaSinItem li { margin-bottom: 1em}
ul.listaSinItem li span.cadenaContacto { font-size: 0.8em; margin-left: 4em}

ol li{ margin-bottom: 1em}


ul.empleo li{ margin: 1em auto}

div.contactos { margin: 0.5em 0px; padding: 1em 1em 1em 3em; background-color: #f1f1f1; border: 1px solid #ccc}
div.contactos p { margin-bottom: 1em}

p.aviso { border: 1px solid #f00; font-size: 1.2em; color: #900; padding: 1em}
.avisoVerde { font-size: 1.2em; color: #006600; font-weight: bold}


p.destacado { margin: 0px; padding: 0.5em 1em; background: #f1f1f1; border: 1px solid #ccc; font-size: 0.8em}

#derecha h3{ background-color: #005073; color: #fff}

p {line-height: 1.5em}

a:active, a:link, a:visited {color: #333; border-bottom: 1px solid #333; text-decoration: none}
a:hover { color: #333; border-bottom: 2px solid #0c0}

#marco a {border-bottom: 1px solid #656363; text-decoration: none; color: #333}
#marco a:hover {border-bottom: 1px solid #060; color: #060}

a img {border: 0px}

acronym { border-bottom: 1px dashed; cursor: help; padding-left: 1.2em; background: url(../imagenes/foAcronym.gif) center left no-repeat}
acronym.noIcono { border-bottom: 1px dashed; cursor: help; padding-left: 0px; background: none}

.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.icono {background: #0c0 url(../imagenes/clearbits/bordeRedondo.gif); vertical-align: middle; margin-right: 0.5em}
img.iconoGris {background: #999 url(../imagenes/clearbits/bordeRedondo.gif); vertical-align: middle; margin-right: 0.5em}

.menor { font-size: 0.8em}
.derecha { text-align: right}
.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: #333}
.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}

/* ---------------- CAPAS EFECTOS ---------------------------------------------*/

div.anuncioCuadro{ padding: 0.5em 1em; font-size: 0.8em}
div.anuncioCuadro h3 { margin: 0px; padding: 0px; font-size: 1.4em; border-bottom: 0px}
div.anuncioCuadro p { padding: 0px; margin: 0.5em 0px; text-align: left}
div.anuncioCuadro ul { margin: 0.5em 0px}


/* ---------------- CAPAS COLUMNAS ------------------------------------------- */

div.colAB{ margin-bottom: 2em}
div.colAB-A{ width: 45%; float: left; border: 0px; margin: 0px; padding: 0px}
div.colAB-B{ width: 45%; float: right}

div.colABC {}
div.col-ABC-AB{ width: 32%; float: left; margin-right: 14px}
div.col-ABC-C{ width: 32%; float: right}

div.botones{width: 85%; float:left; margin-top: 15px; padding: 5px}

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

form.busqueda{ margin:0px}
form label{ display: block; font-size: 0.8em; margin-top: 1em}
form fieldset { padding: 1em}
form legend { color: #333; font-size: 0.7em; color: #666; font-weight: bold; letter-spacing: 0.1em}
select { border: 1px solid #ccc}
form .ancho100{ width: 98%}


table.resultados{ width: 100%; font-size: 0.8em; font-weight: normal}
table.resultados tr.contactos{ font-size: 0.9em}
table.resultados tr.contactos td{ padding: 0.5em; background: #f1f1f1}
table.resultados tr.contactos td.sangria { padding-left: 4em}
table.resultados tr { border: 1px solid #ccc; margin: 4px 0px}
table.resultados td { border: 1px solid #ccc; padding: 0.5em; background: #ccc}

table.contactos {width: 100%; font-size: 0.7em; font-weight: normal}
table.contactos td { padding: 0.7em; vertical-align: top}

#cabeceraConsejeriaTexto{display: none}

#marcoMenuSuperior{width: 100%; padding: 0px; font-size: 0.7em; margin: 0px; margin-bottom: 10px; padding: 0px}
#menuSuperior{ width: 740px; margin: 0px auto; text-align: right; padding: 0.5em 1em 0.1em 0px; font-size: 0.8em; color: #666}

#marcoCabecera {width: 100%; padding: 0px; font-size: 0.7em; margin: 0px; margin-bottom: 10px; padding: 0px}

#cabecera{ width: 740px; margin: 0px auto; text-align: left; background: url(../imagenes/boCuerpoPagina.gif) repeat-y; padding: 0px}
#cabecera div { background: url(../imagenes/bordeIRedondo.gif) bottom no-repeat}
#cabecera h1 { padding: 20px 0px 10px 15px}

#marcoSubMenu {width: 100%; border-top: 4px solid #060; border-bottom: 1px solid #000; padding: 0px; font-size: 0.7em; clear: both; background-color: #666}
#subMenuCabecera{ width: 700px; margin: 0px auto 0px auto; text-align: left; padding: 0px; padding-bottom: 3px; padding-top: 3px}

#subMenuCabecera ul { margin: 0px; padding: 0px; list-style-type: none; list-style-position: inside; padding-left: 0.5em}
#subMenuCabecera ul li {display: inline; margin-right: 1.5em}
#subMenuCabecera ul li a {color: #656363; text-decoration: none; border-bottom: 3px solid #f1f1f1}
#subMenuCabecera ul li a:hover { background-color: #f1f1f1; text-decoration: none; border-bottom: 3px solid #656363}
#subMenuCabecera ul li.idiomas {margin-left: 0px}

#marcoAnuncio {width: 100%; margin: 0px; margin-bottom: 10px; padding: 0px}
#anuncio{ width: 740px; background: #0f7100 url(../imagenes/bordeRedondoAnuncio.gif) top no-repeat; margin: 0px auto; text-align: left; padding: 0px}
#contenidoAnuncio{ background: url(../imagenes/bordeIRedondo.gif) bottom no-repeat; padding: 1em 15px 2em 15px; color: #fff}
#contenidoAnuncio h2{ color: #fff; font-size: 1.6em; padding: 0px; margin: 15px 0px 20px 0px}
#contenidoAnuncio p{ margin: 0px; padding: 0px}
#contenidoAnuncio a{ color: #fff; border-bottom-color: #fff}
#contenidoAnuncio a:hover{ border-bottom-color: #0f0}

#marcoCuerpo {width: 100%; margin: 0px; padding: 0px}
#cuerpoContenido { width: 740px; margin: 0px auto; text-align: left; padding: 0px}

#posicion { background: #fff url(../imagenes/bordeRedondo.gif) top no-repeat; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px}
#posicion ul{ margin: 0px; padding: 1em 0.2em 0.5em 20px}
#posicion ul li{ display: inline; margin-right: 0.5em}

#posicion a { padding-right: 10px; background: url(../imagenes/icoEnlace.gif) top right no-repeat; color: #333}
#posicion a:hover {color: #333}

.sinMargen { padding: 0px}

#ccContenido{background: #fff url(../imagenes/boCuerpoPagina.gif) repeat-y}
/*#cuerpoContenido h2{ padding-left: 15px}
#cuerpoContenido p{ padding: 0px 15px 0px 15px} 
#cuerpoContenido form{ padding-left: 15px}
*/

#contenido{ padding: 0px 20px 1em 20px}
#contenido h3 { color: #333}
p.enlace { font-size: 0.8em; margin: 0px 0px 0.5em 0px}

#ccContenido #menuPieContenido { background: url(../imagenes/bordeIRedondo.gif) bottom no-repeat}
#menuPieContenido{padding-bottom: 2px; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; text-align: right}

#menuPieContenido ul{margin: 0px; padding: 0px 10px 10px 20px}
#menuPieContenido ul li{ display: inline; margin-right: 1em}
#menuPieContenido a{ color: #666; border-bottom: 1px solid #666}
#menuPieContenido a:hover{ color: #000; border-bottom: 2px solid #090}

#cuerpo-1-Col{ padding: 1em}

#contenedor-2-Col{text-align: left}

#ccContenido530{ width: 530px; float: left; background: #fff url(../imagenes/boCuerpoPagina530.gif) repeat-y}
#ccContenido530 #posicion {background: #fff url(../imagenes/bordeRedondo530.gif) right top no-repeat; }
#ccContenido530 #menuPieContenido { background: url(../imagenes/bordeIRedondo530.gif) bottom no-repeat; padding-bottom: 2px; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif}

#ccDerecha{ width: 200px; float: right}
#ccDerecha .anuncioDerecha{ background: #f1f1f1; margin-bottom: 10px}
#ccDerecha .anuncioDerecha h2 {padding-left: 5px; font-size: 1em; color: #fff; background: #0f0 url(../imagenes/cap_infopod_top.gif) top no-repeat; border-bottom: 2px solid #0c0; padding-top: 10px; padding-bottom: 5px}

#ccDerecha .anuncioDerechaNovedades{ background: #333; margin-bottom: 10px; color: #fff}
#ccDerecha .anuncioDerechaNovedades h2 {padding-left: 5px; font-size: 1em; color: #000; background: #090 url(../imagenes/cap_infopod_top_Nov.gif) top no-repeat; border-bottom: 2px solid #060; padding-top: 10px; padding-bottom: 5px}
#ccDerecha .anuncioDerechaNovedades a{ color: #0f0; border-bottom-color: #0f0}
#ccDerecha .anuncioDerechaNovedades .cuerpoAnuncio{ padding: 0px 10px; background: #333 url(../imagenes/boInferiorDerechaNov.gif) bottom no-repeat; padding-bottom: 1em}

#ccDerecha .cuerpoAnuncio{ padding: 0px 10px; background: #f1f1f1 url(../imagenes/boInferiorDerecha.gif) bottom no-repeat; padding-bottom: 1em}

#pie {
	padding: 1em; padding-bottom: 0px; background-color: #f1f1f1;
	font-size: 0.7em; border-top: 1px solid #ccc; color: #999; text-align: center
}

#pie p {text-align: center}
#piePagina{
	margin: 1px auto 0px auto; padding: 0px;
	text-align: center; color: #999; font-size: 0.8em;
	background-image: url(../imagenes/foPiePagina.gif)
}

#piePagina div {padding: 1em 0px}

div.piePaginaLegal {background-color: #f1f1f1; border-top: 1px solid #ccc; border-bottom: 1px solid #fff}
div.piePaginaLegal p {text-align: center}
div.piePaginaWAI {}

#paginacion a { padding: 0.4em; margin: 0px; background-color: #999; color: #fff; border: 1px solid #666; text-decoration: underline}
#paginacion a:hover {padding: 0.4em; border: 1px solid #030; margin: 0px; background: #090; color: #fff}

#paginacion {font-size: 0.8em; padding: 1em; margin-bottom: 1em; border-top: 1px solid #999; color: #fff}
#paginacion p {text-align: center}
#paginacion span.noActivo{ border: 0px; padding: 0.4em; border: 1px solid #ccc; margin: 0px; background-color: #f1f1f1; color: #999}
#paginacion span.activo{ padding: 0.4em; border: 1px solid #030; margin: 0px 0.2em; background: #060; color: #fff}

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