/* ---------------RESET */

body {
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup,sub {
	line-height: 0px;
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/* ---------------FORMATO */

body {
	font:100% "Trebuchet Ms", Verdana, Arial;
	background:url(../imagenes/body-bkg.jpg) repeat-x left top;
}

.clear {
	clear:both;
}

.clearleft {
	clear:left;
}

.clearright {
	clear:right;
}

.right {
	float:right;
}

.left {
	float:left;
}

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

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

strong {
	font-weight:bold;
}

/* ---------------CABECERAS */

#cabecera.canal-provincia {
	background:url(../imagenes/cabecera-provincia.jpg) no-repeat right top;
}

#cabecera.servicios-multimedia {
	background:url(../imagenes/cabecera-multimedia.jpg) no-repeat right top;
}

#cabecera.encuestas {
	background:url(../imagenes/cabecera-encuestas.jpg) no-repeat right top;
}

#cabecera.cultura {
	background:url(../imagenes/cabecera-cultura.jpg) no-repeat right top;
}

#cabecera.economia {
	background:url(../imagenes/cabecera-economia.jpg) no-repeat right top;
}

#cabecera.medio-ambiente {
	background:url(../imagenes/cabecera-medio-ambiente.jpg) no-repeat right top;
}

#cabecera.municipios {
	background:url(../imagenes/cabecera-municipios.jpg) no-repeat right top;
}

#cabecera.servicios {
	background:url(../imagenes/cabecera-servicios.jpg) no-repeat right top;
}

#cabecera.sociedad {
	background:url(../imagenes/cabecera-sociedad.jpg) no-repeat right top;
}

h2.municipios-red {
	right:0;
	top:57px;
	width:302px;
	height:34px;
}

h2.municipios {
	right:0;
	top:57px;
	width:150px;
	height:37px;
}

h2.provincia {
	right:0;
	top:57px;
	width:161px;
	height:31px;
}

h2.multimedia {
	right:0;
	top:57px;
	width:276px;
	height:32px;
}

h2.encuestas {
	right:0;
	top:57px;
	width:134px;
	height:30px;
}

h2.cultura {
	right:0;
	top:57px;
	width:101px;
	height:31px;
}

h2.economia {
	right:0;
	top:57px;
	width:132px;
	height:32px;
}

h2.medio-ambiente {
	right:0;
	top:57px;
	width:224px;
	height:33px;
}

h2.servicios {
	right:0;
	top:57px;
	width:121px;
	height:32px;
}

h2.sociedad {
	right:0;
	top:57px;
	width:124px;
	height:31px;
}

/* ---------------ESTRUCTURA */

#grupo {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	font-size:1em;
}

#cabecera {
	width:960px;
	height:142px;
	background:url(../imagenes/cabecera-bkg.jpg) no-repeat right top;
}

#grupo-columnas {
	width:800px;
	background:url(../imagenes/columna-bkg.jpg) no-repeat left top;
}

#contenido {
	width:520px;
	padding:15px;
}

#columna-izquierda {
	width:250px;
}

#banners {
	width:160px;
	padding-top:10px;
}

#pie-container {
	width:100%;
	height:130px;
	background:url(../imagenes/pie-bkg.jpg) repeat-x left center;
	clear:both;
}

#pie {
	width:960px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
}

/* ---------------CABECERA */

h1 {
	padding-top:30px;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	width:144px;
	height:72px;
	display:block;
}

h2 {
	position:absolute;
}

h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	display:block;
}

h1 a span, h2 a span, h1 span, h2 span {
	display:none;
}

ul.menu {
	display:block;
	width:960px;
	height:27px;
	background-color:#01595c;
	position:absolute;
	top:112px;
	left:0;
	color:#fff;
	font-size:0.8em;
	text-transform:uppercase;
	line-height:2.2em;
}

ul.menu li {
	display:inline;
	color:#009b9a;
}

ul.menu li a:link, ul.menu li a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	padding:5px;
}

ul.menu li a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#009b9a;
	background-color:#013e40;
	padding:5px;
}

#utilidades {
	width:595px;
	height:27px;
	position:absolute;
	top:0;
	right:0;
	padding-top:7px;
	padding-left:10px;
	padding-right:15px;
}

ul.utilidades {
	display:block;
	font-size:0.75em;
	font-style:italic;
	color:#01595c;
	float:left;
	margin-top:1px;
}

ul.utilidades li {
	display:inline;
}

ul.utilidades li img {
	margin-bottom:-3px;
}

ul.utilidades li a:link, ul.utilidades li a:visited {
	color:#01595c;
	text-decoration:none;
	font-weight:bold;
}

ul.utilidades li a:hover {
	color:#01595c;
	text-decoration:underline;
	font-weight:bold;
}

#cabecera form fieldset {
	font-size:0.75em;
	font-style:italic;
	color:#01595c;
	width:260px;
	text-align:right;
	float:right;
}

#cabecera form fieldset label strong {
	font-style:italic;
	font-weight:bold;
	text-transform:uppercase;
}

#cabecera form fieldset input.campo-busqueda {
	color:#999;
	font-size:0.9em;
}

#cabecera form fieldset input.boton-buscar {
	color:#fff;
	font-size:0.9em;
	background-color:#23a3b3;
	border:1px solid #006867;
	text-transform:uppercase;
}

/* ---------------CONTENIDO */

h3 {
	color:#01595c;
	font-size:1.3em;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}

h3 span.subtitulo {
	display:block;
	color:#999;
	font-size:0.8em;
}

.justificado p {
	text-align:justify;
}

.imagen-pie {
	display:block;
	width:245px;
}

.imagen-pie img {
	width:245px;
	display:block;
}

.imagen-pie span {
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	color:#01595c;
	font-size:0.75em;
	border-bottom:1px solid #23a3b3;
}

ul.accion-noticia {
	padding:0;
	display:block;
	margin:0 0 5px;
	width:520px;
	float:left;
	font-size:0.85em;
}

ol {
	margin-left:25px;
	margin-bottom:15px;
	line-height:1.5em;
}

ol li {
	list-style-type:decimal;
	list-style-position:outside;
	margin-bottom:10px;
}

ul.accion-noticia li {
	display:inline;
	margin:0 15px 0 0;
	padding:0;
}

ul.accion-noticia li.no-margin {
	margin-right:0;
}

ul.accion-noticia li img.ico {
	margin-bottom:-3px;
}

ul.accion-noticia li strong {
	font-size:1.1em;
	color:#01595c;
}

#contenido {
	font-size:0.8em;
	color:#333;
}

#contenido a:link, #contenido a:visited {
	color:#01595c;
	text-decoration:none;
}

#contenido a:hover {
	text-decoration:underline;
}

#contenido p {
	line-height:1.5em;
	margin-bottom:15px;
}

ul.canales {
	display:block;
	margin-top:20px;
	margin-bottom:20px;
}

ul.canales li {
	width:252px;
	float:left;
	display:block;
	margin-bottom:10px;
	font-size:0.9em;
	line-height:1.6em;
}

ul.canales li.marjen {
	margin-right:8px;
}

ul.canales li h4 {
	display:block;
	color:#01595c;
	margin-bottom:5px;
	font-weight:bold;
	font-size:1.3em;
}

ul#miga {
	display:block;
	margin-bottom:10px;
	font-size:0.75em;
}

ul#miga li {
	color:#666;
	display:inline;
}

ul.menu-central {
	margin:0 0 15px;
	padding:0;
	display:block;
	width:255px;
	font-size:0.85em;
}

ul.menu-central li {
	padding:0;
	margin:0 0 0 3px;
	list-style-position:inside;
	list-style-type:disc;
	color:#01595c;
}

ul.menu-central li.titulo {
	padding:2px 2px 2px 5px;
	margin:0 0 5px;
	list-style-position:inside;
	list-style-type:none;
	color:#fff;
	background-color:#01595c;
}

ul.resultados-busqueda {
	display:block;
	margin:0;
	padding:0;
	border-top:1px solid #8fcdcf;
}

ul.resultados-busqueda li {
	border-bottom:1px solid #8fcdcf;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	font-size:0.85em;
	line-height:1.6em;
}

ul.resultados-busqueda li strong.titulo-resultado {
	color:#01595c;
	font-size:1.3em;
}

ul.paginacion {
	display:block;
	margin-top:15px;
	margin-bottom:5px;
	text-align:right;
	clear:both;
}

ul.paginacion li {
	display:inline;
	margin-right:5px;
}

ul.paginacion li.pagina-actual {
	background-color:#01595c;
	color:#fff;
	padding:1px 3px;
	text-align:center;
}

ul.resultados-noticias {
	display:block;
	padding:0;
	border-top:1px solid #8fcdcf;
	margin:0 0 15px;
	clear:both;
}

ul.resultados-noticias li {
	border-bottom:1px solid #8fcdcf;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	line-height:1.6em;
	font-size:0.9em;
}

ul.resultados-noticias li span.fecha {
	color:#999;
	font-weight:bold;
	display:block;
	margin-top:5px;
}

ul.resultados-noticias li img {
	float:left;
	padding:3px;
	border:1px solid #01595c;
	width:100px;
	margin-right:15px;
}

/* ---------------GALERIA VIDEO */

.visor-video {
	background-color:#80acad;
	width:520px;
	height:422px;
	text-align:center;
	color:#fff;
	position:relative;
	margin-bottom:15px;
}

.visor-video span {
	position:absolute;
	top:50%;
	left:0;
	width:520px;
	display:block;
	text-align:center;
}

ul.video-info {
	width:520px;
	margin:0;
	padding:0;
}

ul.video-info li {
	display:block;
	width:166px;
	float:left;
	margin-right:10px;
}

ul.video-info li.no-marjen {
	margin-right:0;
}

.video-info strong {
	display:block;
	color:#01595c;
	font-size:1.1em;
	margin-bottom:5px;
}

.video-info p {
	font-size:0.85em;
}

/* ---------------GALERIA POSTALES */

ul.galeria-postales {
	width:520px;
	margin:0;
	padding:0;
}

ul.galeria-postales li {
	display:block;
	width:166px;
	float:left;
	margin-right:10px;
}

/* ---------------GALERIA FOTO */

ul.galeria-foto {
	width:520px;
	margin:0;
	padding:0;
}

ul.galeria-foto li {
	display:block;
	width:166px;
	float:left;
	margin-right:10px;
}

ul.galeria-foto li.no-marjen, ul.galeria-postales li.no-marjen {
	margin-right:0;
}

/* ---------------CIBERPOSTALES */

.previsualizar-postal {
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	width:520px;
	height:80px;
}

.previsualizar-postal img {
	float:left;
	margin-right:10px;
	width:120px;
	height:80px;
}

form.envio-postal fieldset, form.encuestas fieldset {
	background-color:#ccdfde;
	display:block;
	width:498px;
	padding:10px;
	border:1px solid #9bc8c5;
	font-size:0.95em;
}

form.envio-postal fieldset div {
	display:block;
	height:90px;
}

form.envio-postal fieldset div span {
	float:left;
}

form.envio-postal fieldset div span img {
	margin-top:5px;
}

form.envio-postal fieldset label {
	display:block;
	float:left;
	width:200px;
	position:relative;
	margin-bottom:10px;
}

form.envio-postal fieldset label.email {
	width:270px;
	margin-left:20px;
}

form.envio-postal fieldset input {
	color:#666;
}

form.envio-postal fieldset label input {
	color:#666;
	position:absolute;
	right:0;
	width:150px;
}

form.envio-postal fieldset div label.codigo {
	float:right;
	margin:0;
	width:335px;
}

form.envio-postal fieldset div label.codigo input {
	position:static;
	margin-top:5px;
	margin-bottom:5px;
}

form.envio-postal fieldset textarea {
	color:#666;
	width:484px;
	margin-bottom:10px;
	padding:3px;
}

#contenido span.botonera {
	display:block;
	text-align:right;
}

#contenido input.boton, #columna-izquierda ul.menu-lateral li input.boton {
	color:#fff;
	font-size:1em;
	background-color:#23a3b3;
	border:1px solid #006867;
	text-transform:uppercase;
}

img.frente-postal {
	width:500px;
	height:328px;
	margin-bottom:10px;
}

.trasera-postal {
	display:block;
	width:478px;
	padding:10px;
	border:1px solid #9bc8c5;
	font-size:0.95em;
	background:#e9f5f7 url(../imagenes/ciberpostales/sello.jpg) no-repeat 300px 10px;
	height:306px;
}

#contenido .trasera-postal p {
	margin-bottom:0;
	color:#01595c;
}

#contenido .postal-izquierda p.fecha {
	display:block;
	margin-bottom:20px;
}

.postal-izquierda {
	width:288px;
	float:left;
	height:306px;
}

.postal-izquierda div.mensaje {
	width:240px;
	height:200px;
	display:block;
	overflow:auto;
	padding:10px;
	background-color:#fff;
	margin-top:10px;
}

.postal-derecha {
	width:190px;
	float:right;
	height:206px;
	position:relative;
	padding-top:100px;
}

.postal-derecha p.autor {
	position:absolute;
	bottom:0;
	left:0;
}

/* ---------------ENCUESTAS */

ul.opciones-encuesta {
	margin:0;
	padding:0;
}

ul.opciones-encuesta li {
	padding:0;
	margin:0 0 3px;
}

ul.opciones-encuesta li label input {
	margin-right:5px;
	position:static;
}

.resultados-encuesta {
	background-color:#d7edec;
	display:block;
	width:498px;
	padding:10px;
	border:1px solid #9bc8c5;
	font-size:0.95em;
	position:relative;
	margin-bottom:10px;
}

.resultados-encuesta span {
	top:50%;
	left:50%;
	position:absolute;
	margin-left:-70px;
}

.resultados-encuesta table tr.fila-destacada {
	background-color:#abcfcd;
}

.resultados-encuesta table tr td {
	padding:1% 2%;
}

/* ---------------TABLA */

#contenido table.datos {
	background-color:#FFFFFF;
	width:100%;
	color:#01595c;
	border-style:none;
}

#contenido table.datos thead {
	margin:0;
	padding:0;
	border-style:none;
}

#contenido table.datos thead tr {
	border:1px solid #fff;
	margin:0;
	padding:0;
	color:#fff;
	background-color:#01595c;
	background-image:none;
}

#contenido table.datos thead tr th {
	border:1px solid #fff;
	color:#FFFFFF;
	font-size:1em;
	line-height:1.3em;
	margin:0;
	padding:2px;
}

#contenido table.datos tbody {
	border:1px solid #fff;
	color:#01595c;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:none;
}

#contenido table.datos tbody tr {
	border:1px solid #fff;
	margin:0;
	padding:0;
	background-color:#ebf2f2;
	background-image:none;
}

#contenido table.datos tbody tr td {
	border:1px solid #fff;
	color:#01595c;
	font-size:1em;
	line-height:1.3em;
	margin:0;
	padding:2px;
	vertical-align:top;
}

#contenido table.datos tbody tr.par {
	background:#ccdfde none repeat scroll 0 0;
}

/* ---------------COLUMNA */

#columna-izquierda .video-columna {
	/*width:200px;*/
	min-height:200px;
	background-color:#ace6e8;
	border:1px solid #84cccc;
	position:relative;
	margin:15px;
	padding:10px;
}

#columna-izquierda .video-columna p {
	color:#01595c;
	font-size:0.75em;
	margin-top:10px;
}

#columna-izquierda .video-columna p strong {
	display:block;
	font-size:1.2em;
}

#columna-izquierda .video-columna p a:link, #columna-izquierda .video-columna p a:visited {
	color:#01595c;
	text-decoration:underline;
	font-weight:normal;
	font-style:normal;
}

#columna-izquierda .video-columna p a:hover {
	color:#01595c;
	text-decoration:underline;
	font-weight:normal;
	font-style:normal;
}

#columna-izquierda ul.agenda {
	font-size:0.75em;
	line-height:1.6em;
	margin:10px 0 0;
	padding:0;
}

#columna-izquierda ul.agenda li strong.titulo-agenda {
	color:#fff;
	background:#01595c url(../imagenes/titulo-bkg.gif) repeat-x left center;
	font-weight:bold;
	display:block;
	height:21px;
	width:240px;
	padding-left:10px;
}

#columna-izquierda ul.agenda ul li {
	border-bottom:1px solid #8acdcd;
	margin-right:15px;
	margin-left:15px;
	padding:5px 0;
}

#columna-izquierda ul.agenda ul li strong.titulo-evento {
	text-transform:uppercase;
	font-weight:bold;
}

#columna-izquierda ul.agenda ul li span.fecha {
	display:block;
	color:#01595c;
	font-style:italic;
}

#columna-izquierda ul.agenda ul li span.lugar {
	display:block;
	color:#666;
}

#columna-izquierda ul.agenda ul li span.ciudad {
	color:#666;
	font-weight:bold;
	display:block;
}

#columna-izquierda ul.agenda ul li span.mas-informacion {
	display:block;
	text-align:right;
}

#columna-izquierda ul.agenda ul li span.mas-informacion a:link, #columna-izquierda ul.agenda ul li span.mas-informacion a:visited {
	font-style:italic;
	color:#01595c;
	text-decoration:none;
}

#columna-izquierda ul.agenda ul li span.mas-informacion a:hover {
	text-decoration:underline;
}

/* ---------------MENU LATERAL */

#columna-izquierda ul.menu-lateral {
	margin:10px 0;
	padding:0;
	font-size:0.75em;
}

#columna-izquierda ul.menu-lateral li {
	margin:0 0 3px;
	padding:0;
	list-style-type:none;
	color:#01595c;
}

#columna-izquierda ul.menu-lateral li strong.titulo-menu {
	color:#fff;
	background:#01595c url(../imagenes/titulo-bkg.gif) repeat-x left center;
	font-weight:bold;
	display:block;
	height:21px;
	width:240px;
	padding-left:10px;
	line-height:1.8em;
	margin-bottom:5px;
}

#columna-izquierda ul.menu-lateral ul li {
	list-style-image:url(../imagenes/icono-lista-off.gif);
	margin-left:25px;
}

#columna-izquierda ul.menu-lateral ul ul {
	margin-top:5px;
}

#columna-izquierda ul.menu-lateral ul ul li {
	list-style-image:url(../imagenes/icono-lista-off.gif);
	margin-left:15px;
}

#columna-izquierda ul.menu-lateral li.on {
	list-style-image:url(../imagenes/icono-lista-on.gif);
}

#columna-izquierda ul.menu-lateral a:link, #columna-izquierda ul.menu-lateral a:visited {
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#01595c;
	margin:0;
	padding:0;
}

#columna-izquierda ul.menu-lateral a:hover {
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
	color:#01595c;
	margin:0;
	padding:0;
}

#columna-izquierda ul.menu-lateral a:link.resaltado, #columna-izquierda ul.menu-lateral a:visited.resaltado {
	background-color:#b0d5d4;
	margin:0;
	padding:0;
}

#columna-izquierda ul.menu-lateral a:hover.resaltado {
	background-color:#b0d5d4;
	margin:0;
	padding:0;
}

ul.menu-lateral ul.buscador-avanzado {
	margin-bottom:10px;
}

ul.menu-lateral ul.buscador-avanzado li {
	list-style-image:url(../imagenes/icono-lista-off.gif);
	margin-left:25px;
}

ul.menu-lateral ul.buscador-avanzado li div.separador {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}

ul.menu-lateral ul.buscador-avanzado li span {
	display:block;
	margin-bottom:3px;
}

ul.menu-lateral ul.buscador-avanzado li input {
	color:#666;
}

ul.menu-lateral ul.buscador-avanzado li select {
	color:#666;
}

#columna-izquierda ul.menu-lateral ul li.no-imagen {
	list-style-image:none;
	margin-left:10px;
}

ul.suscripcion {
	margin-top:10px;
}

ul.suscripcion li {
	margin-left:8px;
	font-size:0.8em;
	margin-bottom:5px;
}

ul.suscripcion li img {
	margin-bottom:-3px;
}

ul.suscripcion li a:link, ul.suscripcion li a:visited {
	color:#01595c;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

ul.suscripcion li a:hover {
	color:#01595c;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
}

/* ---------------PIE */

#pie p {
	color:#fff;
	position:absolute;
	top:105px;
	left:0;
	font-size:0.75em;
}

ul.footer-menu {
	position:absolute;
	top:85px;
	font-size:0.85em;
	color:#fff;
	background-color:#23a3b3;
}

ul.footer-menu li {
	display:inline;
}

#pie a:link, #pie a:visited {
	color:#fff;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

#pie a:hover {
	color:#fff;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
}

.diputacion-jaen {
	position:absolute;
	top:5px;
	left:0;
}

.jaen-paraiso {
	position:absolute;
	right:0;
	top:0;
}

.activa-jaen {
	position:absolute;
	right:0;
	top:40px;
}
.waiaaa {
	top:85px;
	right:35px;
	position:absolute;
}

#seleccion_mapa{
float:right;
margin:10px 0 0 10px;
width:202px;
}
#mapa{
border:1px solid #000000;
float:left;
height:306px;
margin:10px 0 0;
width:409px;
}
.newslettersubscription{
	padding:5px;
}