body		    { background-color: #FFF; font-family: "arial", "helvetica", sans-serif; font-size: 0.69em; color: #004C99; }
a		    { color: #004C99; }

img		    { vertical-align: middle; }
.flot-izq	    { float: left; }
.flot-der	    { float: right; }
.padd-20	    { padding: 20px; }
h4                  { font-size: 1.36em; font-weight: bolder; margin: 32px 0 20px 0; border-top: 3px solid #004C99; padding-top: 10px; }

div.error	{ padding: 10px 20px; background-color: #C00; color: #FFF; margin: 20px 0; }
div.sep20       { height: 20px; }
div.sep40       { height: 40px; }

ul.listado          { margin-bottom: 25px; padding-left: 20px; }
ul.listado li       { margin-bottom: 5px; padding-left: 20px; line-height: 16px; list-style-type: disc; }
ul.listado li.sub   { list-style-type: circle; }

ul.pestanas	    { margin-top: 40px; }
ul.pestanas li	    { width: 112px; height: 34px; margin-right: 5px; display: inline-block; font-size: 1.27em; font-weight: bolder; color: #004C99; text-align: center; line-height: 34px; background: url(../img/pest_off.gif) center left no-repeat; cursor: pointer;  }
ul.pestanas li.act  { color: #FFF; background: url(../img/pest_on.gif) center left no-repeat; }

ol                  { margin-bottom: 25px; padding-left: 20px; }
ol li               { text-indent: -23px; margin-bottom: 5px; padding-left: 20px; line-height: 16px; font-size: 1.09em; }

/* TIPOS DE ARCHIVOS */
a[href$='.pdf']         { padding-left:20px; line-height: 16px; height: 16px; display: inline-block; background: url(../img/pdf.png) center left no-repeat transparent; }
a[href$='.doc'],
a[href$='.docx']        { padding-left:20px; line-height: 16px; height: 16px; display: inline-block; background: url(../img/doc.png) center left no-repeat transparent; }
a[href$='.zip'],
a[href$='.rar']         { padding-left:20px; line-height: 16px; height: 16px; display: inline-block; background: url(../img/zip.png) center left no-repeat transparent; }
a[href$='.xls']         { padding-left:20px; line-height: 16px; height: 16px; display: inline-block; background: url(../img/xls.png) center left no-repeat transparent; }

a.doc		    { text-decoration: none; color: #000; font-weight: bolder; padding: 0; background: none; height: auto; margin-bottom: 10px; }
a:hover.doc         { color: #004C99; }

#contenedor	    { width: 794px; border: 1px solid #004C99; margin: 10px auto; }

/* CABECERA */
#top		    { background-color: #D2D6EA; height: 20px; padding: 0 45px; text-align: right; }
#top a		    { line-height: 20px; font-size: 0.91em; letter-spacing: -0.5px; text-decoration: none; }
#top a:hover	    { color: #000; }

#header		    { padding: 10px 21px 0 21px; position: relative; }
#header img.header  { margin: 10px 0; }

h1		    { width: 150px; height: 48px; background: url(../img/logo.gif) top left no-repeat; }
h1 a		    { display: block; width: 150px; height: 48px; }
h1 span		    { display: none; }

#logotipos	    { height: 48px; padding-left: 167px; background: url(../img/bg-logos.gif) center left no-repeat; position: absolute; top: 10px; right: 20px; }
#logotipos a	    { margin-left: 15px; }

#menu a		    { height: 34px; margin-right: 3px; display: inline-block; padding-bottom: 10px; background-color: #FFF; text-decoration: none; }
#menu a.act	    { background-color: #004C99; }
#menu a.ico	    { float: right; margin: 0 0 0 7px; }

#submenu	    { background-color: #004C99; height: 20px; padding: 0 21px; margin-left: -21px; width: 100%; color: #AFBADB; }
#submenu img	    { vertical-align: top; }
#submenu a	    { text-decoration: none; }
#submenu a,
#submenu p	    { color: #AFBADB; line-height: 20px; font-size: 0.91em; }
#submenu a.act	    { color: #FFF; }
#submenu a:hover    { color: #CADAEA; }

/* FOOTER */
#footer		    { height: 20px; line-height: 20px; padding-top: 40px; background-color: #D2D6EA; text-align: center; font-size: 0.91em; }
#footer div.meta    { float: left; margin-left: 10px; }
#footer a	    { text-decoration: none;  }
#footer a.aviso	    { float: right; margin-right: 10px; }
#footer a:hover	    { color: #000; }

/* CONTENIDO */
#contenido		    { padding: 30px 21px; background-color: #D2D6EA; }
#contenido p		    { font-size: 1.09em; margin-bottom: 20px; line-height: 16px; }

#contenido div.normativa    { border-top: 3px solid #004C99; padding: 20px 0 10px 0; margin-top: 20px; }
#contenido div.normativa h3 { float: left; }
#contenido div.normativa p  { margin-left: 140px; font-size: 1.00em; }

#contenido div.barrio	    { border-top: 3px solid #004C99; border-bottom: 3px solid #004C99; background-color: #BBC1DF; }
#contenido div.barrio p.tit { font-size: 1.45em; }

#contenido div.noticia              { border-top: 3px solid #004C99; padding: 20px 0 10px 0; margin-top: 20px; }
#contenido p.fecha                  { margin-bottom: 15px; }
#contenido div.noticia a            { text-decoration: none; font-size: 1.09em; line-height: 16px; }
#contenido div.noticia a:hover      { color: #000; }
#contenido div.noticia a.listado    { background: url(../img/ret-listado.gif) bottom left no-repeat; padding-left: 11px; margin-right: 20px; }
#contenido div.noticia a.inicio     { background: url(../img/ret-inicio.gif) bottom left no-repeat; padding-left: 15px; }
#contenido div.noticia img          { margin: -20px 0 20px 0; }
div.noticia #nav-img		    { margin: -10px 0 40px 0; }
div.noticia #nav-img a		    { display: inline-block; width: 15px; height: 15px; font-size: 0.82em; font-weight: bolder; color: #FFF; text-align: center; background-color: #004C99; margin-right: 5px; text-decoration: none; line-height: 13px; }
div.noticia #nav-img a:hover	    { background-color: #8D9BCA; color: #FFF; }

#contenido div.descarga             { border-top: 3px solid #004C99; padding: 0 0 10px 0; margin-top: 20px; }
#contenido div.descarga  h4         { font-size: 1.82em; border: none; margin: 20px 0; padding: 0; }
#contenido div.descarga a           { display: block; margin-bottom: 5px; }
#contenido div.descarga div.img	    { width: 200px; height: 120px; background-color: #004C99; text-align: center; float: right; }

#contenido div.enlace		    { border-top: 3px solid #004C99; padding: 0 0 10px 0; margin-top: 20px; }
#contenido div.enlace h4	    { font-size: 1.55em; border: none; margin: 10px 0; padding: 0; }
#contenido div.enlace a		    { text-decoration: none; font-size: 1.18em; }
#contenido div.enlace a:hover	    { color: #000; }
#contenido div.enlace img	    { float: left; margin-right: 20px; }

#descargas h4	    { cursor: pointer; background: url(../img/ic-close.gif) bottom left no-repeat; padding-left: 15px; }
#descargas h4.act   { background: url(../img/ic-open.gif) bottom left no-repeat; }

#col-der	    { width: 177px; float: right; }
#col-der div.top    { height: 10px; background: url(../img/top-div.gif) center left no-repeat; }
#col-der div.med    { padding: 0 10px; background-color: #FFF; }
#col-der div.bot    { height: 10px; background: url(../img/bot-div.gif) center left no-repeat; margin-bottom: 10px; }
#col-der a	    { margin-bottom: 10px; display: block; }

#col-izq	    { width: 502px; float: left; border-top: 2px solid #004C99; padding-top: 10px; }
#col-izq img.secc   { border-top: 3px solid #004C99; margin: 20px 0; }
#col-izq p.sub	    { margin: 0; font-size: 1.00em; line-height: 12px; }

#tiempo		    { padding: 5px; background-color: #FFF; margin-bottom: 10px; }

#noticias-portada a	    { font-size: 9px; font-weight: bolder; margin: 0; display: inline-block; font-variant: small-caps; padding-left: 10px; background: url(../img/ic-leer.gif) center left no-repeat; text-decoration: none; }
#noticias-portada a:hover   { color: #000; }
#noticias-portada p	    { margin: 15px 0 5px 0; font-size: 1.00em; line-height: 1.3em; }

#agenda-portada p	{ margin: 15px 0 5px 0; font-size: 1.00em; line-height: 1.3em; font-weight: bolder; }
#agenda-portada a	{ font-size: 1.00em; line-height: 1.3em; margin: 0; display: inline-block; text-decoration: none; }
#agenda-portada a:hover	{ color: #000; }

#agenda                 { border-top: 3px solid #004C99; margin-top: 20px; }
#agenda h4              { font-size: 1.82em; border: none; margin: 20px 0; }
#agenda p.dia           { font-weight: bolder; font-size: 1.27em; margin-bottom: 5px; }
#agenda a               { text-decoration: none; font-size: 1.09em; line-height: 16px; }
#agenda a:hover         { color: #000; }

#calendario             { float: right; width: 150px; }
#calendario .top        { padding: 20px 10px; background-color: #FFF; }
#calendario .bot        { padding: 20px 10px; background-color: #8D9BCA; }
#calendario .sep        { height: 20px; }
#calendario table       { width: 100%; }
#calendario th          { font-weight: bolder; border-bottom: 10px solid #FFF; }
#calendario td          { text-align: center; padding: 4px 0; font-size: 0.91em; }
#calendario td.act      { background-color: #004C99; color: #FFF; }
#calendario p           { margin-bottom: 3px; color: #FFF; font-size: 1.27em; }
#calendario a.mes       { color: #FFF; text-decoration: none; display: block; margin-bottom: 3px; }
#calendario a.act       { font-weight: bolder; color: #C6C6C6; }
#calendario a:hover.mes { color: #004C99; }

form			{ border-top: 3px solid #004C99; margin-top: 20px; }
form fieldset		{ width: 60%; margin: 30px auto; }
form li			{ margin-bottom: 10px; }
form li.cent		{ text-align: center; margin-top: 20px; }
form label		{ width: 75px; text-align: right; margin-right: 20px; display: inline-block; font-size: 1.09em; vertical-align: top; }
form em			{ font-size: 1.27em; font-weight: bolder; }
form input		{ border: 1px solid #004C99; background-color: #D2D6EA; height: 18px; padding: 2px 5px; width: 180px; }
form textarea		{ font-family: "arial", "helvetica", sans-serif; font-size: 1.18em; border: 1px solid #004C99; background-color: #D2D6EA; height: 75px; padding: 2px 5px; width: 180px; }
form input.boton	{ border: 0; height: 25px; width: 77px; margin-right: 20px; cursor: pointer; }
form input.enviar	{ background: url(../img/btn_enviar.jpg) top left no-repeat; }
form input.borrar	{ background: url(../img/btn_borrar.jpg) top left no-repeat; }
form input.error	{ border: 1px solid #C00; }

#paginacion		{ margin-top: 40px; }
#paginacion a		{ display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-color: #8D9BCA; color: #FFF; text-decoration: none; text-align: center; line-height: 20px; }
#paginacion strong	{ display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-color: #004C99; color: #FFF; text-align: center; line-height: 20px; }
#paginacion a:hover	{ color: #004C99; }

/* ZONAS ACTUACIÓN */
#contenido img.zona-actuacion           { border-top: 1px solid #004C99; padding-top: 15px; margin-bottom: 60px; }

#contenido ul.actuaciones               { margin-bottom: 60px; padding: 15px 0 0 15px; border-top: 1px solid #004C99; }
#contenido ul.actuaciones li            { padding-left: 15px; margin-bottom: 13px; }
#contenido ul.actuaciones li.prevista   { border-left: 15px solid #FFF; }
#contenido ul.actuaciones li.marcha     { border-left: 15px solid #FFED84; }
#contenido ul.actuaciones li.finalizada { border-left: 15px solid #004C99; }
#contenido ul.actuaciones a             { font-family: "arial", "helvetica", sans-serif; font-size: 1.18em; line-height: 15px; text-decoration: none; }
#contenido ul.actuaciones a:hover       { color: #000; }

#contenido #galeria-zona                { border-top: 1px solid #004C99; padding: 15px; margin-bottom: 50px; }
#contenido #galeria-zona a              { display: inline-block; margin: 0 10px 15px 0; }
#contenido #galeria-zona a.ult          { margin-right: 0; }

#contenido #listado-actuaciones		    { position: relative; }
#contenido #listado-actuaciones #leyenda    { position: absolute; top: 0; right: -252px; }

#video	    { margin-top: 20px; }

div.separador	{ height: 1px; background-color: #004C99; margin: 20px 0; }
div.col-home	{ width: 230px; float: left; }
div.izq-home	{ padding-right: 20px; margin-right: 20px; }

div.col-home a	{ background: url('../img/ic-leer2.gif') no-repeat scroll left center transparent; display:inline-block; font-size:9px; font-variant:small-caps; font-weight:bolder; margin:0; padding-left:10px; text-decoration:none; }

#slideshow	{ width: 502px; height: 305px; border-top: 3px solid #004C99; }
#slideshow img	{ position: absolute; }

#vid1, #vid3, #vid5, #vid7, #vid9   { margin-right: 19px; margin-bottom: 20px; }
#vid2, #vid4, #vid6, #vid8	    { margin-bottom: 20px; }