body		{ background: url(../img/publico/bg.png) top center repeat-y #EEE; color: #000; font-family: "arial", "helvetica", sans-serif; font-size: 12px; }


/* GENERAL -------------------------------------------------------------------*/

#contenido      { padding-top: 20px; padding-bottom: 20px; background-color: #FFF; }

h2              { font-weight: bolder; font-size: 22px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; line-height: 23px; color: #0C2E58; }
h4              { color: #8B2521; font-weight: bolder; font-size: 14px; line-height: 25px; }

.mb-30         { margin-bottom: 30px; }
.mb-20         { margin-bottom: 20px; }

.ult           { margin-right: 0; }

div.separador    { margin: 40px 0; height: 1px; background-color: #DDD; }


/* HEADER --------------------------------------------------------------------*/
#header         { margin-bottom: 20px; }

.fecha          { height: 40px; }
.fecha p        { line-height: 40px; color: #000; font-size: 13px; }
.fecha a        { float: right; line-height: 40px; font-size: 13px; color: #2069a7; text-decoration: none; background: url(../img/publico/ic_descarga.png) center right no-repeat; padding-right: 22px; }

h1              { width: 940px; height: 130px; background: url(../img/publico/logo.jpg) top left no-repeat; margin-bottom: 10px; }
h1 a            { display: block; width: 940px; height: 130px; }
h1 span         { display: none; }

h3              { font-weight: bolder; font-size: 20px; margin-bottom: 20px; line-height: 23px; color: #0C2E58; }

.menu           { height: 40px; }
.menu li        { height: 40px; display: inline-block; padding: 0 8px; }
.menu a         { line-height: 40px; display: block; font-weight: bolder; font-size: 12px; color: #000; text-decoration: none; }
.menu a.act,
.menu a:hover   { text-decoration: underline; color: #8B2521; }

.submenu            { height: 30px; background-color: #E5E5E5; padding: 0 10px; }
.submenu li         { height: 30px; display: inline-block; padding: 0 5px; }
.submenu a          { line-height: 30px; display: block; font-size: 12px; color: #000; text-decoration: none; }
.submenu a.act      { font-weight: bolder; }
.submenu a:hover   { color: #8B2521; }

.icon-util a        { display: block; text-align: center; width: 55px; height: 13px; padding-top: 35px; color: #666; font-size: 10px; text-decoration: none; float: left; }
.icon-util a:hover  { color: #000; }
.icon-util a.ondaloja   { background: url(../img/publico/ic_ondaloja.png) top center no-repeat; }
.icon-util a.eltiempo   { background: url(../img/publico/ic_tiempo.png) top center no-repeat; }
.icon-util a.farmacias   { background: url(../img/publico/ic_farmacias.png) top center no-repeat; }
.icon-util a.horoscopo   { background: url(../img/publico/ic_horoscopo.png) top center no-repeat; border: 0; padding-bottom: 0; margin-bottom: 0; }

.icon-util a.tablon			{ width: 200px; height: 30px; padding: 0; margin-top: 60px; float: none; clear: left; background: url(../img/publico/tablon_anuncios.jpg) top left no-repeat; }
.icon-util a.tablon span	{ display: none; }

a.volver            { padding: 2px 5px 2px 20px; line-height: 16px; color: #333; background: url(../img/publico/back.png) center left no-repeat; text-decoration: none; font-size: 14px; }
a:hover.volver      { background-color: #DDD; }


/* FOOTER --------------------------------------------------------------------*/
#footer         { margin-top: 20px; border-top: 5px solid #0C2E58; }

.banner-bottom  { margin-bottom: 10px; }

.social-footer      { background-color: #EEE; }
.social-footer p    { font-weight: bolder; color: #0C2E58; font-size: 13px; line-height: 30px; }
.social-footer a    { display: block; height: 30px; width: 30px; margin-left: 10px; float: right; border: 0; }
.social-footer img  { vertical-align: middle; }

.menu2           { height: 25px; }
.menu2 li        { height: 25px; display: inline-block; padding: 0 2px; }
.menu2 a         { line-height: 25px; display: block; font-weight: bolder; font-size: 11px; color: #000; text-decoration: none; }
.menu2 a.act,
.menu2 a:hover   { text-decoration: underline; color: #8B2521; }

#footer-2           { margin-top: 30px; border-top: 2px solid #CCC; }
#footer-2 p         { line-height: 40px; color: #0C2E58; }
#footer-2 a         { text-decoration: none; color: #0C2E58; }
#footer-2 a:hover   { text-decoration: underline; }
#footer-2 span      { float: right; }


/* NOTICIAS ------------------------------------------------------------------*/
.columnas   { background: url(../img/publico/bg_columnas.gif) top left repeat-y; }

.deportes       { margin-top: 20px; border-top: 5px solid #0c2e58; background-color: #E5E5E5; padding-bottom: 10px; }
.deportes img   { width: 100%; margin-bottom: 15px; }
.deportes h4    { padding: 5px 10px; }
.deportes h3             { font-weight: bolder; font-size: 18px; margin-bottom: 10px; line-height: 21px; color: #0C2E58; padding: 0 10px; }
.deportes h3 a           { color: #0C2E58; text-decoration: none; }
.deportes h3 a:hover    { color: #000; }
.deportes p              { color: #555; line-height: 16px; font-size: 13px; padding: 0 10px; }

.noticia                { border-bottom: 1px solid #E5E5E5; padding-bottom: 15px; margin-bottom: 15px; }
.noticia h3             { font-weight: bolder; font-size: 20px; margin-bottom: 10px; line-height: 23px; color: #0C2E58; }
.noticia h3 a           { color: #0C2E58; text-decoration: none; }
.noticia h3 a:hover    { color: #000; }
.noticia p              { color: #555; line-height: 18px; font-size: 14px; }
.noticia img            { width: 100%; margin-bottom: 10px; }

.opinion                { border-bottom: 1px solid #E5E5E5; padding-bottom: 15px; margin-bottom: 15px; }
.opinion h3             { font-weight: bolder; font-size: 16px; margin-bottom: 10px; line-height: 19px; color: #0C2E58; }
.opinion h3 a           { color: #0C2E58; text-decoration: none; }
.opinion h3 a:hover    { color: #000; }
.opinion p              { color: #555; line-height: 16px; font-size: 13px; }
.opinion p.autor        { line-height: 18px; font-size: 10px; margin-bottom: 0; font-weight: bolder; color: #AAA; }
.opinion img            { width: 75px; float: left; margin-right: 10px; }
.opinion .fecha			{ color: #8B2521; font-style: italic; height: 11px; font-size: 11px; margin-bottom: 3px; }

.detalle                { border-bottom: 1px solid #E5E5E5; padding-bottom: 15px; margin-bottom: 15px; }
.detalle h3             { font-weight: bolder; font-size: 24px; margin-bottom: 10px; line-height: 28px; color: #0C2E58; }
.detalle h5             { font-weight: bolder; font-size: 15px; margin-bottom: 10px; line-height: 18px; color: #4c4c4c; }
.detalle p              { color: #555; line-height: 18px; font-size: 14px; margin-bottom: 20px; }
.detalle p.autor        { line-height: 18px; font-size: 10px; margin-bottom: 0; font-weight: bolder; color: #AAA; }
.detalle p.pie          { margin-top: -12px; line-height: 20px; background-color: #DDD; padding: 0 5px; font-size: 12px; color: #444; }
.detalle img            { width: 100%; margin-bottom: 10px; }

#slider-noticias        { margin-bottom: 20px; }
#slider-noticias img    { width: 100%; }

.detalle-opinion                { border-bottom: 1px solid #E5E5E5; padding-bottom: 15px; margin-bottom: 15px; }
.detalle-opinion h3             { font-weight: bolder; font-size: 24px; margin-bottom: 0; line-height: 28px; color: #0C2E58; overflow: hidden; }
.detalle-opinion p              { color: #555; line-height: 18px; font-size: 14px; margin-bottom: 20px; }
.detalle-opinion p.autor        { line-height: 18px; font-size: 10px; margin-bottom: 10px; font-weight: bolder; color: #AAA; }
.detalle-opinion img            { width: 100px; margin-right: 20px; float: left; }

.info-util h3                    { font-weight: bolder; font-size: 16px; margin-bottom: 10px; line-height: 19px; color: #0C2E58; }
.info-util h3.sub               { font-size: 14px; color: #555; }
.info-util h4                    { font-weight: bolder; font-size: 12px; line-height: 20px; color: #666; border-bottom: 1px solid #DDD; padding-bottom: 2px; margin-bottom: 2px; }
.info-util p                    { font-size: 12px; margin: 0; line-height: 18px; border-bottom: 1px solid #DDD; padding-bottom: 2px; margin-bottom: 2px; }
.info-util p.bold               { font-weight: bolder; }
.info-util span                 { float: right; font-family: "Courier new", "Courier", monospaced; }

.ult                    { margin: 0; padding: 0; border: 0; }

.big-noticia            { background: url(../img/publico/bg_big.gif) bottom left repeat-x #FFF; padding-bottom: 41px; }
.big-noticia h3             { font-weight: bolder; font-size: 26px; margin-bottom: 10px; line-height: 28px; color: #0C2E58; }
.big-noticia h3 a           { color: #0C2E58; text-decoration: none; }
.big-noticia h3 a:hover    { color: #000; }
.big-noticia p              { color: #555; line-height: 18px; font-size: 14px; }

/* FARMACIAS -----------------------------------------------------------------*/
.farmacias h4                    { font-weight: bolder; font-size: 12px; line-height: 20px; color: #666; border-bottom: 1px solid #DDD; padding-bottom: 20px; margin-bottom: 2px; border-bottom: 1px solid #DDD; padding-bottom: 2px;}
.farmacias p                    { font-size: 12px; margin: 0; line-height: 18px;  margin-bottom: 10px; }
.farmacias p.bold               { font-weight: bolder; }
.farmacias span                 { float: right; font-family: "Courier new", "Courier", monospaced; }


/* GALERIAS ------------------------------------------------------------------*/
.galerias li            { width: 160px; margin-right: 16px; margin-bottom: 20px; display: inline-block; }
.galerias li.ult        { margin-right: 0; }
.galerias li img        { margin-bottom: 5px; }
.galerias li a          { text-decoration: none;  color: #0C2E58; }
.galerias li a:hover    { text-decoration: underline; }

.galeria p.pie          { line-height: 20px; background-color: #DDD; padding: 0 5px; font-size: 12px; color: #444; }

.videos li            { width: 340px; margin-right: 16px; margin-bottom: 20px; display: inline-block; color: #0C2E58; }
.videos li.ult        { margin-right: 0; }
.videos li iframe   { margin-bottom: 5px; }


/* HOROSCOPO -----------------------------------------------------------------*/
.horoscopo              { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #DDD; }
.horoscopo img      { float: left; margin-right: 20px; }
.horoscopo h3       { margin-bottom: 5px; }
.horoscopo p.fecha  { color: #8B2521; font-style: italic; margin-bottom: 20px; height: 12px; }
.horoscopo p        { font-family: Georgia, serif; font-size: 14px; line-height: 16px; color: #666; }


/* AVISO LEGAL ---------------------------------------------------------------*/
.aviso p            { font-size: 13px; line-height: 17px; color: #666; margin-bottom: 20px; }


/* AGENDA --------------------------------------------------------------------*/
.evento             { border-bottom: 1px solid #DDD; padding-bottom: 20px; margin-bottom: 20px; }
.evento img         { float: left; }
.evento h3          { margin-bottom: 5px; }
.evento p.fecha     { color: #8B2521; font-style: italic; margin-bottom: 20px; height: 12px; }
.evento p        { font-size: 12px; line-height: 16px; color: #666; margin-bottom: 10px; }
.evento div     { overflow: hidden; padding-left: 20px; }


/* TABLÓN DE ANUNCIOS --------------------------------------------------------*/
.anuncio             { border-bottom: 1px solid #DDD; padding-bottom: 20px; margin-bottom: 20px; }
.anuncio h3          { margin-bottom: 0; font-size: 17px; }
.anuncio p.fecha     { color: #8B2521; font-style: italic; margin-bottom: 20px; height: 12px; }
.anuncio p        	{ font-size: 12px; line-height: 16px; color: #666; margin-bottom: 10px; }