/* ----------------------------------------------- */
/*  Estructura general                             */
/* ----------------------------------------------- */

body {
}

#doc {
    text-align:left; /* obligatorio */
    margin: 0 auto; /* para centrar la página */
    width: 960px; /* opcional, pero recomendada */
    padding-top: 10px;
}

#banner {
    padding:0;
    margin:0;
    text-align: center;
}


#hd {
    padding:0;margin:0;
    height: 98px;
    border-bottom: 15px solid #008177;
    vertical-align:bottom;
}

#bd {

}

img {padding:0;margin:0;border:0;}

#ft {
    clear:both;
    background: #fff;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font:  9px helvetica, arial, sans-serif;
    padding: 10px 10px 5px 10px;
    text-transform: uppercase;
    overflow: hidden;
}

#ft a {
    padding: 0 5px 0 5px;
}

.left {
    float:left;
}

.right {
    float:right;
}



/* Ads */
.ad {
    text-align: left;
    clear:both;    
    border-bottom: 1px dotted #d2d2d2;
    padding: 10px 0 7px 0;
    margin: 10px 0 10px 0;

}

.ad2 {
    text-align: left;
    clear:both;
    padding: 5px 0 8px 0;
    margin: 0px 0 10px 0;

    text-align: right;
}
.ad2 a {
    font: 10px arial, Helvetica, sans-serif;
}


a, a:link, a:visited {
    color: #3788be;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* ----------------------------------------------- */
/*  Cabecera                    		   */
/* ----------------------------------------------- */

.cabezal {
    float: left;
    width: 958px;
    margin: 0;
    padding: 8px 0 10px 0 ;
    background-position: 75px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
    height: 60px;
}

#hd .fecha {

    float: left;
    padding: 0px 0px 5px 0px;
    font-family: georgia, "times new roman", serif;
    font-size: 11px;
    color: #444;
    text-align: left;
    margin: 5px 0px 0px 0px;
    font-weight: normal;
}

.fecha b {
    font-size: 11px;
    color: #444;
    font-weight: normal;
}

.eologo {
    float: left;
    width: 53px;
    height:53px;
    padding: 0px;
    margin: 6px 12px 0px 12px;
    background-color: #008177;
}

.userlogin {
    float: left;
    width: 50px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #555;
    text-align: left;
    margin: 6px 12px 0px 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 16px;
}

.avatar-login {
    float: left;
    width: 60px;
    padding: 0px 10px 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    text-align: left;
    margin: 8px 0px 0px 5px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 18px;
    border-left: 1px dotted #cacaca;
    height: 46px;
}

.avatar-logout {
    float: left;
    width: 61px;
    padding: 0px 10px 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    text-align: left;
    margin: 8px 0px 0px 5px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 18px;
    border-left: 0px dotted #cacaca;
    height: 46px;
}

#clima-popover {
    width: 330px;
    height: 150px;
    border: 1px solid #ccc;

}

#clima-popover .vermas {
    clear:both;
    float:left;
}

.clima {
    float: left;
    width: 130px;
    padding: 0px 10px 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    text-align: left;
    margin: 8px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 18px;
    border-left: 1px dotted #cacaca;

    border-right: 1px dotted #cacaca;
}
.clima-pop {
    font-size: 10px;
    border-left: 0px dotted #cacaca;
    font-weight: normal;
    border-right: 0px dotted #cacaca;
}

.clima b {
    font-size: 9px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.clima .ciudad {
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.clima img {
    float: right;
    padding: 3px 10px 10px 0;
}

.clima a, .clima a:visited {
    color: #555;
    text-decoration: none;
}

.icono-clima  {
    width: 60px;
    height: 50px;
    background: transparent url(../img/clima.png) no-repeat;
    padding: 0px;
    float: left;
    margin: 0px 10px 0 0px;
    position:absolute;
}

.icono-clima.lluvia {
    background-position: -108px 0px;
}

.icono-clima.sol-nublado {
    background-position: -50px 0px;
}

.icono-clima.sol {
    background-position: 5px 0px;
}

.icono-clima.nublado {
    background-position: -108px -50px;
}
.icono-clima.tormenta {
    background-position: -50px -50px;
}

.icono-clima.lluvia-sol {
    background-position: 5px -50px;
}

.icono-clima.nieve {
    background-position: -165px 0px;
}

.icono-clima.niebla {
    background-position: 3px -110px;
}

.icono-clima.viento-sol {
    background-position: -110px -110px;
}

.icono-clima.viento-nube {
    background-position: -50px -115px;
}

.icono-clima.nublado {
    background-position: -108px -50px;
}

.clima a:hover{
    color: #555;
    text-decoration: underline;}

.busca {
    float: left;
    width: 250px;
    padding: 0px 0px 0px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #78bcb8;
    text-align: left;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: bold;
}

.busca h5 {
    font-size: 11px;
    padding: 0;
    margin: 0;
}
.busca .avanzado {font-size: 11px;
                  line-height: 12px;
                  font-weight: normal;
                  color: #888;
                  text-transform: none;}

.busca .avanzado a:link, .busca .avanzado b a:visited {
    color: #000;
    text-decoration: none;}

.busca .avanzado {text-align: center;}

.busca .avanzado a:hover{
    color: #78bcb8;
    text-decoration: underline;}

.busca .buscador {
    padding: 5px 0 0 0;
    font-size: 8px;
    line-height: 16px;
    font-weight: normal;
}

.busca .cajabuscador {
    float: left;
    padding: 2px 0 0 5px;
    margin: 0 5px 0px 0;
    width: 180px;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    font-weight: normal;
    background-color: #f2f2f2;
}

.busca h5 {
    font-size: 10px;
    font-weight: normal;
    color: #000;
}

.busca .buscargif {
    padding: 0px 0 0 5px;
    margin: 0 5px 0px 0;
    clear: both;
}

.logoCabezal {
    width: 350px;
    float: left;
}

.logoCabezal img {
    float:left;
    padding: 6px 0 0 0;
    margin:0;
}

.horoscopo {
    padding: 0px 0 5px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    text-align: left;
    font-weight: normal;
    line-height: 14px;
    border-bottom: 1px dotted #cacaca;
    overflow: hidden;
}

.horoscopo h2 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.horoscopo p {
    padding: 5px 0 5px 0;
}

.horoscopo a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}

#navcontainer {
    clear: both;
    margin: 20px 0 0 0;
}

#navlist
{
    padding: 4px 0 5px 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    font: 9px arial, helvetica, sans-serif;
    text-transform: uppercase;
}

#navlist li
{
    list-style: none;
    margin: 0;
    display: inline;
}

#navlist li a
{
    padding: 6px 7px 5px 7px;
    margin: 0;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #f2f2f2;
    text-decoration: none;
}

#navlist li a:link { color: #444;  }
#navlist li a:visited { color: #444; }

#navlist li a:hover
{
    color: #444;
    background: #e2e2e2;
    border-color: #ccc;
}

#navlist li a#current
{
    background: white;
    border-bottom: 1px solid white;
}

.navcontainer {
    width:300px;
    clear: both;
    margin: 20px 0 0 0;
}

.ui-tabs-nav
{
    padding: 4px 0 5px 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    font: 9px arial, helvetica, sans-serif;
    text-transform: uppercase;
}

.ui-tabs-nav li
{
    list-style: none;
    margin: 0;
    display: inline;
}

.ui-tabs-nav li a
{
    padding: 6px 7px 5px 7px;
    margin: 0;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #f2f2f2;
    text-decoration: none;
    display:inline-block
}

.ui-tabs-nav li a:link { color: #444;  }
.ui-tabs-nav li a:visited { color: #444; }

.ui-tabs-nav li a:hover
{
    color: #444;
    background: #e2e2e2;
    border-color: #ccc;
}

.ui-tabs-nav li.ui-state-active a
{
    background: white;
    border-bottom: 1px solid white;
}
.login {
    float: right;
    font: 12px helvetica, arial, sans-serif;
    color: #666;
    margin: -5px 0 0 0;
}


.login img {
    vertical-align: middle;
}

.loggedin {
    float: right;
    font: 12px helvetica, arial, sans-serif;
    color: #666;
    margin: 0px 0 0 0;
}

/* ----------------------------------------------- */
/*  Side - Menu de Navegacion                      */
/* ----------------------------------------------- */
#bd .side {
    border-top: 0px solid #008177;
    width: 160px;
    float: left;
    padding: 0px 0px 20px 0;
    position:relative;
    z-index:300;
    background:#fff;
}

#bd h5 {
    font: bold 11px helvetica, arial, sans-serif;
    color: #274c6d;
    text-transform: uppercase;
    padding: 0 0 3px 0;
}

#bd .side ul {
    background-position: right;
    padding-bottom: 1px;
    border: 1px solid #e3e3e3;
    border-left: 1px solid #ccc;
    border-right: 0px dotted #ccc;
    margin: 0 0 0px 0;
}

#bd .side ul.second {
    border-top: 1px solid #ccc;
    border-left: 0px solid #ccc;
}

#bd .side ul.third {
    border-top: 0px solid #ccc;
    border-left: 1px solid #ccc;
}

#bd .side ul.third input {
    height: 15px;
    color: #888;
}

#bd .side ul.third img {
    padding-top: 2px;
    height:15px;
    width:15px;
}

#bd .side ul.first {
    border-top: 0px;
}


#bd	.panel-list li {
    cursor: pointer;
}

#bd .side ul li {
    padding: 7px 5px 5px 5px;
    font: bold 11px helvetica, arial, sans-serif;
    color: #274c6d;
    text-decoration: none;
    border-bottom: 1px dotted #e3e3e3;
    border-right: 1px dotted #e3e3e3;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: left;
}



#bd .side ul li a {
    padding: 7px 5px 7px 5px;
    font: bold 10px helvetica, arial, sans-serif;
    color: #2c6b57;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: left;
}

#bd .side ul.second li   {
    padding: 6px 5px 6px 2px;
}

#bd .side ul.second li  a {
    padding: 6px 5px 6px 2px;
}

#bd .side ul.third li a {
    padding: 8px 5px 8px 5px;
    font: bold 10px helvetica, arial, sans-serif;
    color: #156092;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: left;
}

#bd .side ul li:hover {
    background-color: #e7e7e7;
}

#doc.ultimas .eologo {background-color: #008177;}
#doc.ultimas .header { border-bottom: 15px solid #008177; }
#bd .side ul li.ultimas:hover  { background: #008177; color:#fff;}
#bd .side ul li.ultimas:hover a { color:#fff;}
#doc.ultimas .side ul li.selected.ultimas {   background-position: 8px; padding-left: 20px;}
#doc.ultimas  .side ul li.selected.ultimas { background: #008177 url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#doc.nacional .eologo {background-color: #65687c;}
#doc.nacional .header { border-bottom: 15px solid #65687c; }
#bd .side ul li.nacional:hover  { background: #65687c; color:#fff;}
#bd .side ul li.nacional:hover a { color:#fff;}
#doc.nacional .side ul li.selected.nacional { background: #65687c url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#doc.economia .eologo {background-color: #f68220;}
#doc.economia .header { border-bottom: 15px solid #f68220; }
#bd .side ul li.economia:hover  { background: #f68220; color:#fff;}
#bd  .side ul li.economia:hover a { color:#fff;}
#doc.economia .side ul li.selected.economia { background: #f68220 url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#doc.agro .eologo {background-color: #8dc73f;}
#doc.agro .header { border-bottom: 15px solid #8dc73f; }
#bd .side ul li.agro:hover  { background: #8dc73f; color:#fff;}
#bd .side ul li.agro:hover a { color:#fff;}
#doc.agro.side ul li.selected.agro { background: #8dc73f url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}


#doc.mundo .eologo {background-color: #0072bc;}
#doc.mundo .header { border-bottom: 15px solid #0072bc; }
#bd .side ul li.mundo:hover  { background: #0072bc; color:#fff;}
#bd .side ul li.mundo:hover a { color:#fff;}
#doc.mundo .side ul li.selected.mundo { background: #0072bc url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#doc.deportes .eologo {background-color: #c4161c;}
#doc.deportes .header { border-bottom: 15px solid #c4161c; }
#bd .side ul li.deportes:hover  { background: #c4161c; color:#fff;}
#bd .side ul li.deportes:hover a { color:#fff;}
#doc.mundo .side ul li.selected.deportes { background: #c4161c url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#doc.tecnologia .eologo {background-color: #00c0e8;}
#doc.tecnologia .header { border-bottom: 15px solid #00c0e8; }
#bd .side ul li.tecnologia:hover  { background: #00c0e8; color:#fff;}
#bd .side ul li.tecnologia:hover a { color:#fff;}
#doc.tecnologia .side ul li.selected.tecnologia { background: #00c0e8 url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#doc.salud .eologo {background-color: #fba61a;}
#doc.salud .header { border-bottom: 15px solid #fba61a; }
#bd .side ul li.salud:hover  { background: #fba61a; color:#fff;}
#bd .side ul li.salud:hover a { color:#fff;}
#doc.salud .side ul li.selected.salud { background: #fba61a url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}


#doc.espectaculos .eologo {background-color: #ffcc00;}
#doc.espectaculos .header { border-bottom: 15px solid #ffcc00; }
#bd .side ul li.espectaculos:hover  { background: #ffcc00; color:#fff;}
#bd .side ul li.espectaculos:hover a { color:#fff;}
#doc.espectaculos .side ul li.selected.espectaculos { background: #ffcc00 url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#doc.estilo .eologo {background-color: #ed008c;}
#doc.estilo .header { border-bottom: 15px solid #ed008c; }
#hd.estilo { border-bottom: 15px solid #ed008c; }
#bd .side ul li.estilo:hover  { background: #ed008c; color:#fff;}
#bd .side ul li.estilo:hover a { color:#fff;}
#doc.estilo .side ul li.selected.estilo { background: #ed008c url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#doc.opinion .eologo {background-color: #008177;}
#doc.opinion .header { border-bottom: 15px solid #008177; }
#hd.opinion { border-bottom: 15px solid #008177; }
#bd .side ul li.opinion:hover  { background: #008177; color:#fff;}
#bd .side ul li.opinion:hover a { color:#fff;}
#doc.opinion  .side ul li.selected.opinion { background: #008177 url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#doc.blogs .eologo {background-color: #d19910;}
#doc.blogs .header { border-bottom: 15px solid #d19910; }
#bd .side ul li.blogs:hover  { background: #d19910; color:#fff;}
#bd .side ul li.blogs:hover a { color:#fff;}
#doc.blogs .side ul li.selected.blogs { background: #d19910 url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#doc.mltmedia .eologo {background-color: #ee0000;}
#doc.mltmedia .header { border-bottom: 15px solid #ee0000; }
#bd .side ul li.mltmedia:hover  { background: #ff0000; color:#fff;}
#bd .side ul li.mltmedia:hover a { color:#fff;}
#doc.mltmedia .side ul li.selected.mltmedia { background: #ee0000 url(../img/seccion.png) no-repeat; background-position: 8px; padding-left: 20px;}

#bd .side ul li.selected a {
    color: #fff;
}

#bd .side ul.ampliada {
    padding: 0 0 0 0px;
    margin:0;
    font:   9px helvetica, arial, sans-serif;
    color: #274c6d;
    text-decoration: none;
    letter-spacing: 1.5px;
    text-align: left;
    background-color: #fff;
    border:0;
}

#bd .side ul.ampliada li {
    padding: 5px 0 6px 12px;
    font: normal 9px helvetica, arial, sans-serif;
    color: #ccc;
    text-decoration: none;
    letter-spacing: 1.5px;
    text-align: left;
    border:0;
    list-style:square inside
}

#bd .side ul.ampliada li a {
    font: normal 10px helvetica, arial, sans-serif;
    color: #444;
    text-transform: capitalize;
}

#bd .side ul li.ampliate {
    margin:0;
    padding:0;
    background-color: #f2f2f2;
}



/* ----------------------------------------------- */
/*  Seccion									                       */
/* ----------------------------------------------- */

#bd .main {
   }

#bd .main .main_left {
    margin: 0;
	background-color:#dfdede;
}

#bd .main .main_top {
    margin: 0;
    width: 784px;
    margin: 0 0 0px 15px;
    padding: 10px 0 10px 0;
    border-bottom: 10px solid #000;
    border-right: 1px solid #008177;
    float: left;
}

#bd .main .main_right {
    margin: 0px;
    padding:0;
    float: right;
    width: 300px;
    overflow: hidden;
}

#bd .main h2, #bd .main h2 a {
    font: normal 24px/26px georgia, "times new roman", serif;
    color: #156092;
    margin: 5px 0 5px 0;
    padding: 0px;
    text-decoration: none;
}

#bd .main h2 a:hover {
    text-decoration: underline;
}
#bd .main h3 {
    font: 12px/14px arial, helvetica, sans-serif;
    color: #737373;
    margin: 5px 0 0px 0;
    padding: 0px;
    text-decoration: none;
}

#bd .main h3 b {
    color: #000;
    font: bold 10px/14px arial, helvetica, sans-serif;
}

#bd .main h4 a {
    font: 17px/19px arial, helvetica, sans-serif;
    color: #156092;
    margin: 5px 0 0 0;
    padding: 0px;
    text-decoration: none;
}

#bd .main h4 a:hover {
    text-decoration: underline;
}

#bd .main h5 {
    font-family: Arial, Helvetica, sans-serif;
    color: #222;
    font-size: 11px;
    font-weight: normal;
    margin: 10px 0 10px 0;
    padding: 0px;
    text-transform: uppercase;
}


#bd .main h6 {
    font-family: Arial, Helvetica, sans-serif;
    color: #222;
    font-size: 10px;
    font-weight: bold;
    margin: 0px 0 3px 0;
    padding: 0px;
    text-transform: uppercase;
}


#bd .main .hr_error_404 {
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
}


#bd .main h7 {
    font-family: Arial, Helvetica, sans-serif;
    color: #222;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0 5px 0;
    padding: 0px;
    text-transform: uppercase;
}

#bd .main h8 {
    font-family: 12px/14px Arial, Helvetica, sans-serif;
    color: #222;
}

#bd .main h1 {
    font: normal 34px/26px georgia, "times new roman", serif;
    color: #156092;
    margin: 10px 0 10px 0;
    padding: 0px;
    text-decoration: none;
}

#bd .main .piedefoto {
    font: normal 11px verdana, arial, sans-serif;
    color: #666;
    margin: 0 0 10px 0;
    padding: 2px 0 0 0;
    text-decoration: none;
    overflow:hidden;
}


#bd .main .piedefoto img {
    vertical-align: middle;
    margin-top: -4px;
    padding: 0 0 0 3px;
}


#bd .main_top ul, 	#bd .main_left ul  {
    float: left;
    padding: 0;
    margin: 5px 0 0 0px;
    color: #000;
    font: bold 10px/12px arial, helvetica, sans-serif;
}

#bd .main_top ul li, 	#bd .main_left ul li  {

    padding: 3px 0 0 0;
    margin: 0;
    color: #000;
    font: bold 10px/12px arial, helvetica, sans-serif;
}



#bd .main_top ul li  a, #bd .main_left ul li  a {
    font:  12px/14px arial, helvetica, sans-serif;
}


#bd .main_top ul li.pregunta a {
    color: #d05e00;
}

#bd .main_top ul li.pregunta img {
    vertical-align: top;
}

#bd .main .tef-md-especial    {
    float: left;
    padding: 0px 0 0px 10px;
    margin:0;
    width: 200px;
    overflow: hidden;
}

#bd .main .tef-md-especial  b  {
    font:  11px/14px arial, helvetica, sans-serif;
}

#bd .main .tef-md-especial ul li   {
    float: left;
    padding: 0px 0 0 0;
    margin: 5px 0 0 0px;
    color: #000;
    font:  12px/14px arial, helvetica, sans-serif;

}

#bd .main .tef-md-300 {
    float: left;
    padding: 0px 0 0px 0;
    margin:0;
    width: 300px;
    overflow: hidden;
}


#bd .main .tef-md-360 {
    float: left;
    padding: 0px 0 10px 0;
    margin:0 0 7px 11px;
    width: 360px;
    overflow: hidden;
    border-bottom: 1px dotted #c2c2c2;
}

#bd .main .tef-md-360 img {
    float: left;
    padding-right: 10px;
}


#bd .main .especiales  {
    padding: 8px 0 10px 0;
    margin:10px 0 10px 0;
}



#bd .main .tef-md-especiales  {
    clear: both;
    padding: 0 0 5px 0;
    margin: 5px 0 0 0;
    min-height: 67px;

}

#bd .main .tef-md-especiales img {
    float: left;
    padding-right: 10px;
}

#bd .main .md-art h2 a {
    font: normal 16px/18px arial, helvetica, sans-serif;
    color: #156092;
    margin: 5px 0 0 0;
    padding: 0px;
    text-decoration: none;
}
#bd .main  .md-art h2 a:hover {
    text-decoration: underline;
}

#bd .main .md-art h3 a {
    font: normal 16px/18px arial, helvetica, sans-serif;
    color: #156092;
    margin: 5px 0 0 0;
    padding: 0px;
    text-decoration: none;
}

#bd .main .md-art h5 a {
    font: normal 14px/16px arial, helvetica, sans-serif;
    color: #156092;
    margin: 5px 0 0 0;
    padding: 0px;
    text-decoration: none;
}

#bd .main_left .main_left-left {

    padding: 0px 0 0 15px;
    margin:0 0 10px 0;
    float: left;
    width: 210px;
}

#bd .main_left .main_left-right {
    padding: 0px 15px 0px 15px;
    margin:0 10px 10px 0;
    float: left;
    width: 210px;
}



#bd .main_left .main_left-left-288 {

    padding: 0px 15px 0px 15px;
    margin:0 0 10px 0;
    float: left;
    width: 268px;
    border-right: 1px dotted #ccc;
}

#bd .main_left .main_left-right-150 {
    padding: 0px 15px; 0px 10px;
    margin:0;
    float: left;
    width: 135px;
}


#bd .main_left .main_left-tres {
    padding: 0px 0 0px 10px;
    margin:0;
    float: left;
    width: 150px;
}

#bd .main_left .main_left-tres.primero {
    padding: 0 0 0 0 ;
    margin:0;
    float: left;
    width: 150px;
}

#bd .main_top-left .modulos_main_left {
    clear:both;
    overflow:hidden;
    padding: 10px 0 0 0;
}


#bd .modulos_c .md {
    padding: 0px 0 0px 0;
    margin:0 0px 10px 0;
    width:225px;
}


#bd .main_top-right .main_top_right-left {

    padding: 0px 0 0px 0;
    margin:0 0 10px 0;
    float: left;
    width: 225px;
}

#bd .main_top-right .main_top_right-right {

    padding: 0px 0 0px 0;
    margin:0 0px 10px 0;
    float: right;
    width:225px;
}


#bd .main .tef-md-225b {
    padding: 0px 0 0px 0;
    margin:0 0 10px 15px;
}

#bd .main .tef-md-225 h2 a {
    font: normal 16px/18px arial, helvetica, sans-serif;
    color: #156092;
    margin: 0px 0 0 0;
    padding: 0px;
    text-decoration: none;
}

#bd .main .tef-md-225 h2 a:hover {
    text-decoration: underline;
}


#bd .main .tef-md-ultimas  {

    color: #000;
    font: bold 10px arial, helvetica, sans-serif;
}

#bd .main .tef-md-ultimas a, #bd .main .tef-md-400 ul li a  {
    padding: 0 0 0 5px;
    font: normal 12px/14px arial, helvetica, sans-serif;
    text-decoration: none;
}
#bd .main .tef-md-ultimas a:hover {
    text-decoration: underline;
}




#bd .main .tef-md-ultimas ul li, #bd .main .tef-md-400 ul li  {
    padding: 0px 0 3px 0;
}


#bd .main .tef-md-leidas {

    border-top: 1px solid #e2e2e2;
    float: left;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0px;
    color: #000;
    font: bold 10px arial, helvetica, sans-serif;
}

#bd .main .tef-md-leidas ul li {
    padding: 3px 0 0 0;
}

#bd .main .tef-md-leidas a {
    padding: 0 0 0 5px;
    font: normal 12px/14px arial, helvetica, sans-serif;
    text-decoration: none;
}

#bd .main .tef-md-1-468 {
    padding: 15px 15px 5px 15px;
    margin:0 0 10px 0;
}

#bd .main .ver-galeria-derecha {
    position: absolute;
    padding: 5px 0 0 250px;
}

#bd .main .tef-md-2-468 {
    padding: 10px 0 0px 0;
    margin: 10px 0 0 0;
    width: 468px;
    overflow: hidden;
}

#bd .main .tef-md-2-468 img {
    float: left;
    padding: 0 10px 0 0;
}

#bd .main .tef-md-2-300  {
    background: #e6792b;
    margin: 0;
    padding: 0 0 10px 0;
}



#bd .main .tef-md-2-300 h2  {
    font: normal 20px/22px Arial, Helvetica, sans-serif;
    color: #156092;
    margin: 0px 10px 0 10px;
    padding: 0px;
    text-decoration: none;
}

#bd .main .tef-md-2-300 h2 a {
    font: normal 20px/22px Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}
#bd .main .tef-md-2-300 h2 a:hover {
    text-decoration: underline;
}
#bd .main .tef-md-2-300 p {
    color: #fff;
    margin: 0;
    padding: 5px 10px 10px 10px;
    text-decoration: none;
}


/* ----------------------------------------------- */
/*  Noticia									                       */
/* ----------------------------------------------- */



#bd .main .story {
    margin: 0px;
    padding: 10px 0 10px 15px ;
    float: left;
}

#bd .main .story .firma {
    font-size:11px;
    color: #999999;
    margin-bottom: 10px;
    font-style: italic;
}


#bd .main .story h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
    color: #222;
    margin: 0px;
    padding: 0px;
}

#bd .main .story h2 {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding: 0px;
}



#bd .main .story h4 {
    font: 12px Arial, Helvetica, sans-serif;
    color: #999999;
    margin: 5px 0 0 0;
    padding: 0px;
}

#bd .main .story .story_left {
    margin: 0;
    float: left;
    width: 469px;
    padding: 5px 15px 0 0;
    border-top: 1px dotted #ddd;
}

#bd .main .story p {
    font: 16px/20px Georgia, "Times New Roman", Times, serif;
    color: #1f1f1f;
    font-weight: normal;
    margin: 0px;
    float: left;
    width: 468px;
    padding: 0px;
    margin-bottom: 15px;
}



#bd .main .story .fecha {
    font: 10px verdana, Helvetica, sans-serif;
    color: #666666;
    font-weight: normal;
    margin: 5px 0 10px 0;
    padding: 0px;
}

#bd .main .story .fuente {
    font: 12px verdana, Helvetica, sans-serif !important;
    color: #666666;
    font-weight: normal;
    margin: 5px 0 10px 0;
    padding: 0px;
}

#bd .main .story .photo  {
    margin: 0 0 10px 0;
    padding: 0px;
}

#bd .main .story .photo .copyright {
    font: 8px verdana, Helvetica, sans-serif;
    color: #a0a0a0;
    font-weight: normal;
    text-align: right;
    text-transform: uppercase;
    padding: 0 2px 0 0;
}

#bd .main .story .photo .caption {
    font: 11px verdana, Helvetica, sans-serif;
    color: #a0a0a0;
}


#bd .main .story .story_right {
    margin: 0px;
    padding:0;
    float: right;
    width: 300px;
    overflow: hidden;
}

#bd .main .story .story_right .share {

    border-top: 5px solid #ccc;
    margin: 0 0 20px 0;
    width: 280px;
    padding: 10px;
    background: #f6f6f6;
    overflow: hidden;
}
#bd .main .story .story_right .share .social span { float:left; margin-right:5px;}


#bd .main .story .story_right .share .iconos {
    clear:both;
    margin: 10px 0 20px 0;
    padding: 0px;
}

#bd .main .story .story_right .share .iconos img{
    margin:  -3px 0 0 0 ;
    vertical-align: middle;
    padding: 0px;
}

#bd .main .story .story_right .xtras {
    margin: 0 0 0px 0;
    width: 300px;
}

#bd .main .story .story_right .galeria, #bd .main .story .story_right .relacionadas, #bd .main .story .story_right .social, #bd .main .story .story_right .mapa, #bd .main .story .story_right .podcast   {
    margin: 0 0 10px 0;
}

#bd .main .story .story_left .extra {
    margin: 10px 0 10px 0;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    overflow: hidden;
    width: 448px;
}

#bd .main .story .story_left .extra h7 {
    margin: 0 0 5px 0;
    font: bold 14px arial, helvetica, sans-serif;
    color: #666;
    text-transform: none;
}

#bd .main .story .story_left .extra p {
    margin: 5px 0 5px 0;
    font: 13px/14px arial, helvetica, sans-serif !important;
    color: #666;
    width: 440px;
}

#bd .main .story .story_right .mapa  img {
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
}
#bd .main .story .story_right .galeria img {
    margin: 0 3px 3px 0px;
}

#bd .main .story .story_right .galeria h3, #bd .main .story .story_right .relacionadas h3, #bd .main .story .story_right .social h3, #bd .main .story .story_right .mapa h3, #bd .main .story .story_right .podcast  h3  {
    font: 10px Arial, Helvetica, sans-serif;
    color: #686868;
    letter-spacing: 0.98px;
    margin: 0 0 5px 0;
    padding: 0px;
    text-transform: uppercase;
}

#bd .main .story .story_right p a {
    font: 10px verdana, arial, sans-serif;
    color: #686868;
    letter-spacing: 0.98px;
    margin:0;
    padding:0;
    text-decoration: none;
}


#bd .main .story .story_right .relacionadas ul li a {
    text-decoration: none;

}

#bd .main .story_left blockquote {
    padding: 10px 0 10px 0;
    margin: 15px 0 15px 0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    clear:both;
    overflow: hidden;
}

#bd .main .story_left blockquote p {

    font: normal 14px/20px arial, "Times New Roman", Times, serif !important;
    color: #888;
    margin: 0px;
    float: left;
    width: 468px;
    padding: 0px;
}

#bd .main .story_left p.encastre {
    margin: 15px 0 15px 0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    clear:both;
    overflow: hidden;
    font-family:arial, "Times New Roman", Times, serif;
    font-size: 110%!important;
    line-height: 20px;
    color: #888;
    float: left;
    width: 468px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#bd .main .story .story_main img{
    margin: 0 0 10px 0;

    border: 1px solid #444;
}



/* PRINT */


.print .cabezal {
    float: left;
    width:100%;
    margin: 0;
    padding: 8px 0 10px 0 ;
    background-position: 75px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    height: 60px;
}

.print .logoCabezal .fecha {
    clear:both;

    padding: 10px 0px 5px 0px;
    font-family: georgia, "times new roman", serif;
    font-size: 14px;
    color: #444;
    text-align: left;
    margin: 15px 0px 0px 0px;
    font-weight: normal;
}

.print .fecha b {
    font-size: 13px;
    color: #444;
    font-weight: normal;
    line-height: 24px;
}

.print .eologo {
    float: left;
    width: 53px;
    height:53px;
    padding: 0px;
    margin: 6px 12px 0px 12px;
    background-color: #000;
}

.print .story {
    margin: 0px;
    padding: 10px 0 10px 15px ;
    float: left;
}

.print .story .firma {
    font-size:11px;
    color: #999999;
    margin-bottom: 10px;
    font-style: italic;
}


.print .story h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
    color: #222;
    margin: 0px;
    padding: 0px;
}

.print .story h2 {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding: 0px;
}



.print .story h4 {
    font: 12px Arial, Helvetica, sans-serif;
    color: #999999;
    margin: 5px 0 0 0;
    padding: 0px;
}



.print .fecha {
    font: 12px verdana, Helvetica, sans-serif;
    color: #666666;
    font-weight: normal;
    margin: 5px 0 10px 0;
    padding: 0px;
}

.print .fuente {
    font: 12px verdana, Helvetica, sans-serif;
    color: #666666;
    font-weight: normal;
    margin: 5px 0 10px 0;
    padding: 0px;
}

.print .photo  {
    margin: 0 0 10px 0;
    padding: 0px;
}

.print {
    margin: 0;
    float: left;
    padding: 5px 15px 0 0;
}

.print p {
    clear:both;
    font: 16px/20px Georgia, "Times New Roman", Times, serif;
    color: #1f1f1f;
    font-weight: normal;
    margin: 10px 0 0 0;
    float: left;
    padding: 0px;
    margin-bottom: 15px;
}
.print .extra {
    clear: both;
    overflow: hidden;
    border-top: 1px dotted #000;
    padding: 10px 0 0 0;
    margin: 15px 0 0 0;
}

.print .extra h7 {
    font: bold 16px arial, sans-serif;
}
/* ----------------------------------------------- */
/*  Galeria									                       */
/* ----------------------------------------------- */

#container{
    margin:0 auto;
    position:relative;
    text-align:left;
    width:780px;
    background:#fff;
}

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
    /*
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/
    overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:10px;
    top:220px;
    z-index:1000;
}
#nextBtn, #slider1next{
    left:740px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
    display:block;
    position:relative;
    width:30px;
    height:77px;
    background:url(../img/btn_prev.png) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
    background:url(../img/btn_next.png) no-repeat 0 0;
}

.cerrar-galeria {
    position:absolute;
    padding: 5px ;
}

/* pagina error */

.error {
    padding: 20px 0 10px 0;
    font: 19px georgia, "times new roman", serif;
    color:  #000; }






.tabTitulo {
    font: 10px Arial, Helvetica, sans-serif;
    width: 100px;
    padding: 10px 10px 0px 10px;
    border: 1px solid #e3e6ea;
    border-bottom: 1px solid #fff;
    margin: 0px;
    float: left;
    position: absolute;
    text-transform: uppercase;
    height: 11px;
}

.multimedia {
    overflow:hidden;
    padding: 10px 5px 5px 10px;
    border: 1px solid #e3e6ea;
    margin: 22px 0px 10px 0px;
    width: 280px;
}

.multimedia h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    font-weight: normal;
}

.multimedia h1 a {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    font-weight: normal;
}

.multimedia h1 a:hover {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    line-height: 15px;
    text-decoration: underline;
    margin: 0px;
    padding: 0px;
}

.multimedia h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    text-align: left;
    font-weight: normal;
}

.multimedia .videos h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0 5px 5px 0;
}

.multimedia .videos img {
    margin: 0;
    padding: 0 5px 0 0;
}
.ui-tabs-panel {
    width: 300px;
    padding: 0px 0px 5px 0px;
    margin: -2px 0 0 0;
    float: left;
}
.ui-tabs-panel a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    color: #005d95;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.ui-tabs-panel a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: underline;
    margin: 0px;
    padding: 0px;
}
.ui-tabs-panel p {
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    color: #666666;
    font-weight: bold;
    float: left;
    width: 280px;
    margin: 10px 0 10px 0;
    padding: 0px;
    clear: left;
}
.listado { overflow:hidden;
           padding: 10px 5px 10px 5px;
           border: 1px solid #ccc;
           border-top: 0px;
           margin: 0px 0px 10px 0px;
           float:left;
}
.ui-tabs-hide { display:none}



.ui-tabs-panel li {
    font-size: 12px;
    line-height: 14px;
    list-style-type: none;
    padding: 2px 5px 2px 5px;
    background-color: #fff;
    margin: 0px;
    width:278px;
}

.ui-tabs-panel li.impar {

    list-style-type: none;
    padding: 4px 5px 4px 5px;
    background-color: #f1f1f1;
    margin: 0px;
}

.ui-tabs-panel ul {

    float: left;
    list-style-type: none;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}




/* mercados */

.tabs_container {
    width: 300px;
    margin: 10px auto;
    padding: 0;
    font: 10px normal Verdana, Arial, Helvetica, sans-serif;
    color: #444;
    margin: 0 0 15px 0;
    overflow:hidden;
}

.tabs_container h1 {font-size: 3em; margin: 20px 0;}

.tabs_container h1 a:hover {text-decoration: none;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 26px;
    border-bottom: 1px solid #e3e6ea;
    border-left: 1px solid #e3e6ea;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e3e6ea;
    border-left: none;
    margin-bottom: -1px;
    background: #7a9aae;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}
ul.tabs li a {
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 1.2em;
    padding: 0 10px;
    border: 1px solid #fff;
    outline: none;
}
ul.tabs li.active a {
    color: #000;
}
ul.tabs li a:hover {
    background: #ccc;
    text-decoration: none;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #7a9aae;
}
.tab_container {
    border: 1px solid #e3e6ea;
    border-top: none;
    clear: both;
    float: left;
    width: 298px;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.tab_content {
    padding: 10px;
    font-size: 1.2em;
}
.tab_content h2 {
    font-weight: normal;
    font-size: 10px;
    line-height: 8px;
    text-transform: uppercase;
    color: #f8941d;
}
.tab_content h3 {
    color: #007b73;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
}
.tab_content img {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    padding: 5px;
}
.left {float: left;}
.right {float:right;}

.monitor b { padding: 0 10px 20px 0; font: 24px bold Georgia, "times new roman", serif; color: #000;}
.monitor {width:290px; padding: 0 0 5px 0; }
.dolar { padding: 0 0 10px 0; font: 18px bold Georgia, "times new roman", serif; color: #007b73;}
.uno { float: left; width:95px;  }
.dos { float: left; width:90px; }
.tres { float: right;  width:90px;}

.bolsas { padding: 0 0 40px 0; margin: 0 0 20px 0;}
.bolsauno { float: left; width:80px;  }
.bolsados { float: left; width:70px; }
.bolsatres { float: left;  width:70px;}
.bolsacuatro { float: right;  width:50px;}

.riesgo { float: left;  width:200px; font: 24px  Georgia, "times new roman", serif; color: #000; padding: 0 0 20px 0;}
.riesgo b {
    font: 14px bold arial, helvetica, sans-serif;
    line-height: 18px;
    text-transform: uppercase;
    color: #f8941d;
}
.dolar b {
    font: 10px bold arial, helvetica, sans-serif;
    line-height: 18px;
    text-transform: uppercase;
    color: #f8941d;
}

.bolsas b {
    font: 10px bold arial, helvetica, sans-serif;
    line-height: 18px;
    text-transform: uppercase;
    color: #f8941d;
}

.up {
    padding-left: 15px;
    background: #fff url(../img/up.png) no-repeat;
}

.down {
    padding-left: 15px;
    background: #fff url(../img/down.png) no-repeat;
}

.bolsas img {
    border: 0;
    padding: 4px 4px 0 0;
    margin: 0;
}

.riesgo img {
    border: 0;
    padding: 4px 4px 0 0;
    margin: 0;
}


/* SLIDEBOX */

#slidebox p {
    text-transform:uppercase;
    font: 9px Arial,Helvetica,sans-serif !important;
    color:#555;
}
#slidebox a.more{
    font: 9px Arial,Helvetica,sans-serif !important;
    text-transform:uppercase;
    cursor:pointer;
    color:#E28409;
}
#slidebox a.more:hover{
    text-decoration:underline;
}
#slidebox h2, #slidebox h2 a  {
    color:#156092  !important;
    font-size:16px !important;
    font:16px/16px Arial,Helvetica,sans-serif !important;
    margin:5px 20px 5px 0px !important;
}

#slidebox{
    width:400px;
    height:70px;
    padding:10px 10px 10px 10px;
    background-color:#fff;
    border-top:3px solid #2c6b57;
    position:fixed;
    bottom:0px;
    right:-430px;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow:-2px 0px 5px #aaa;
}

#slidebox a.close{
    background:transparent url(../img/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
#slidebox a.close:hover{
    background-position:0px -13px;
}



.main_top .announcement {
    text-transform: uppercase;
    background-color: #363636;
    color: #fff;
    padding: 5px 0 4px 0;
    text-align: center;
    margin: 0 0 10px 0;
    font: bold 12px arial, helvetica, sans-serif;
}

.main_top .announcement a { color:#fff; text-decoration:none; }

.main_top-left {
    float: left;
}

.main_top-right {
    float: right;
    padding: 0 8px 0 0;
}

.main_top.primero .main_top-left {
    width:470px;
}

.main_top.primero .main_top-right {
    width: 288px;
}

.main_top.segundo .main_top-left {
    width:400px;
}

.main_top.segundo .main_top-right {
    width: 360px;
}

.main_top.tercero .main_top-left {
    width:540px;
}

.main_top.tercero .main_top-right {
    width: 226px;
}

.main_top.cuarto .main_top-left {
    width:288px;
}

.main_top.cuarto .main_top-right {
    width: 470px;
    padding: 0 10px 0 0;
}

.main_top-400 {
    width: 400px;
}

.main_top-380 {
    width: 370px;
}

.main_top-175 {
    width: 170px;
    float: left;
    padding: 0px 0 0px 0;
    margin:0 10px 0 0;
    overflow: hidden;

}

.main_top-300 {
    width: 290px;
    float: left;
    padding: 0 ;
    margin: 0 10px 10px 0px;
    overflow: hidden;

}

.main_top-360 {
    width: 360px;
    float: left;
    overflow: hidden;
}

.main_top-470 {
    width: 470px;
    float: left;
    padding: 0 ;
    margin: 0 0 10px 0px;
    overflow: hidden;
}

#bd .main .tef-md-800 {
    float: left;
    padding: 0px 5px 0px 0;
    margin:0;
    width: 550px;
    overflow: hidden;
}



.separador {
    border-bottom: 1px dotted #c2c2c2;
    padding: 5px 0 ;
    margin: 0 0 5px;
    overflow: hidden;
    clear:both;
}

.separador-updown {
    border-bottom: 1px dotted #c2c2c2;
    border-top: 1px dotted #c2c2c2;
    padding: 5px 0 ;
    margin: 0 0 5px;
    overflow: hidden;
    clear:both;
}


.md-art img  {
    float: left;
    padding: 0;
    margin: 0 10px   5px 0px;
}

.frmComentarios {
    font:  12px helvetica, arial, sans-serif;
    background-color: #f2f2f2;
    margin: 5px 0 0 0;
    padding: 10px;
    overflow: hidden;
    float:left;
}

.frmComentarios .comentar {
    font: bold 18px helvetica, arial, sans-serif;
    color: #000;
    margin: 5px 0 0 0;
    padding: 0;
    float:left;
    width:100%;
}

.frmComentarios .login {
    float: left;
    font: 12px helvetica, arial, sans-serif;
    color: #666;
    margin: 15px 0 0 0;
}

.frmComentarios .areacomentarios {
    clear: both;
    width: 450px;
    height:100px;
    float: left;
    font: 12px helvetica, arial, sans-serif;
    color: #666;
    margin: 15px 0 0 0;
    overflow: hidden;
}

.frmComentarios button {
    clear: both;
    float: right;
    font: 15px helvetica, arial, sans-serif;
    color: #666;
    margin: 15px 0 0 0;
    padding: 5px;
    overflow: hidden;
    vertical-align: top;
}

.frmComentarios ul  {
    float: left;
    padding: 0;
    margin: 5px 0 0 0px;
    color: #666;
    font:  12px/12px arial, helvetica, sans-serif;
}

.frmComentarios ul li  {

    padding: 5px 0 0 0;
    margin: 0;
    color: #666;
    font:  12px/12px arial, helvetica, sans-serif;
}

.comentarios {
    font:  11px arial, sans-serif;
    background-color: #fff;
    margin: 5px 0 0 0;
    padding: 10px 0 10px 0;
    width:100%;
    overflow: hidden;
}

.comentarios .comentar {
    font: bold 18px helvetica, arial, sans-serif;
    color: #000;
    margin: 5px 0 15px 0;

    padding: 0 0 5px 0;
    border-bottom: 1px dotted #ccc;
}

.comentarios .name {
    font: bold 14px helvetica, arial, sans-serif;
    color: #000;
    margin: 5px 0 0 0;
}
.comentarios .date_time{
    font:  11px helvetica, arial, sans-serif;
    color: #666;
    margin: 5px 0 0 0;
    padding: 0;
}

.comentarios .ctxt {
    clear:both;
    font:  13px helvetica, arial, sans-serif;
    line-height: 16px;
    color: #000;
    margin: 5px 0 5px 0;
    padding: 0;
}

.comentarios ul li {
    clear:both;
    overflow: hidden;
    border-bottom: 1px dotted #ccc;
    margin: 0;
    padding: 10px 0 10px 0;
}

.clear {
    clear: both;
}

/* MODULO MULTIMEDIA PORTADA */
#bd .main .ver-galeria {
    position:absolute;
    padding: 5px 0 0 5px;
}

#bd .main .play-video {
    position:absolute;
    padding: 90px 0 0 160px;
}

#bd .main .play-video-thumb {
    position:absolute;
    padding: 3px;
    font: 9px verdana, Helvetica, sans-serif;
    color: #ffffff;
    background: #000;
}


#bd .main .video .mas-videos a {
    font: 11px arial, Helvetica, sans-serif;

}

#bd .main .video  {
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
}
#bd .main .videomain  {
    float: left;
    width: 360px;
    margin: 0 4px 10px 0;
    padding: 0px;
}

#bd .main .videothumb  {
    float: right;
    margin: 0 0 0px 5px;
    padding: 2px 0 0 8px;
    width: 90px;
    border-left: 1px dotted #ccc;
}

#bd .main .videothumb .thumb  {
    clear:both;
    padding: 2px 0 2px 0;
}





#bd .main .video .caption {
    clear:both;
    font: 12px arial, Helvetica, sans-serif;
    color: #000;
    margin:0;
    padding: 5px 0 0 0;
}

#bd .main .video .caption b {
    clear:both;
    font: bold 11px arial, Helvetica, sans-serif;
    color: #000;
    margin:0;
    padding:0;
}


/* PAGINACION */

.pagination{ padding:0;font-size:12px;margin:18px 0 15px 0;}
.pagination a,.pagination span{padding:2px 4px 2px 4px;}
.pagination a.disabled{color:#8EC0E6; cursor:default; border:none;}
.pagination a.disabled:hover{border:none;background:#FFFFFF;color:#8EC0E6;}
.pagination a.current{font-weight:bold;color:#FFF;background-color:#cbd0c9;border:1px solid #ccc; cursor:default;}

.pagination a{border:1px solid #ccc;text-decoration:none;}
.pagination a:hover,.pagination a:focus{border-color:#ccc;background:#cbd0c9;color:#fff;}
.pagination .page_info{color:#aaa;padding-top:5px;}
.pagination a.next_page{border:0;}
.pagination .prev_page{margin-right:2px; border:none;}
.pagination .next_page{margin-left:2px; border:none;}


.modulos-zona2 {
    width:478px;
    clear:both;
}



.galeria-zona-3 {
    clear:both;
    overflow: hidden;
    font: 11px arial, helvetica, sans-serif;
    padding: 0 10px 0 10px;
}




/* FORM DE REGISTRO */

.titulo-registro {font:  22px  georgia, "times new roman", serif; color: #666; text-align: center; padding: 20px 0 10px 0; }
.registro { background: #f2f2f2; padding: 20px; font: bold 12px arial, verdana, sans-serif; color: #666;}
.registro h2 { padding: 0 0 10px 0; font: bold 18px arial, verdana, sans-serif; color: #666;}

.registro table tr { height: 50px; }
.registro table tr td {padding: 0px 20px 0 0; text-align: left;}
.registro input.text { margin: 3px 0 0 0; width: 250px; height: 20px;}
.registro input.recuperar { margin: 3px 0 0 0; width: 450px; height: 20px;}
.explica {padding: 10px; margin: 0 0 10px 0; font: normal 16px georgia, serif; color: #000; background: #e4eec2; }
.registro input.contacto { margin: 3px 0 0 0; width: 190px; height: 20px;}
.registro input.asunto { margin: 3px 0 0 0; width: 420px; height: 20px;}
.registro textarea.comentario { margin: 3px 0 0 0; width: 412px; height: 120px; padding:5px;}
.registro .tabla {overflow: hidden;}
.registro .newsletter { font: normal 12px arial, verdana, sans-serif; color: #666;}
.registro li {padding: 10px 0 0 0;font: normal 13px arial, verdana, sans-serif;}
.registro li.tos {padding: 20px 0 0 0;font: normal 14px arial, verdana, sans-serif;  }
.registro-tos {margin:20px;}

.alerta {padding: 10px; margin: 0 0 10px 0; font: normal 13px arial, verdana, sans-serif; color: #000; background: #fdecb7; }
.story_left .aviso, .story_left .alerta {float:left; width:97%;}
.login-box .alerta, .login-box-password .alerta,
.login-box .aviso, .login-box-password .aviso {
    margin-top:10px;
    width: 93%;
    float: left;
}
.aviso {padding: 10px; margin: 0 0 10px 0; font: normal 13px arial, verdana, sans-serif; color: #000; background: #e4eec2; }

#bd .main.page-100 .preferencias { background: #f2f2f2; padding: 20px; font: bold 12px arial, verdana, sans-serif; color: #666; margin: 0 0 20px 0;overflow: hidden;}
#bd .main.page-100 .preferencias .perfil { float: left; width:320px; }
#bd .main.page-100 .preferencias h2 { padding: 0 ; font: bold 16px arial, verdana, sans-serif; color: #444;}
#bd .main.page-100 .preferencias .avatar { float: left; margin: 0 15px 0 0 ;}
#bd .main.page-100 .preferencias .perfil h3 { font: 20px georgia, "times new roman", serif; color: #999;}
#bd .main.page-100 .preferencias .perfil a {font: 11px verdana, arial, sans-serif;}
#bd .main.page-100 .preferencias .asociados { float:left; width:600px; font: 11px verdana, arial, sans-serif; color: #999;}

#bd .main.page-100 .preferencias .asociados .txt { clear: both; font: 11px arial, sans-serif; color: #999; width:90%;}
#bd .main.page-100 .preferencias .servicio {float: left; margin: 10px 20px 10px 0; width: 30%;}
#bd .main.page-100 .preferencias .servicio h2 { padding: 0 ; font: bold 13px arial, verdana, sans-serif; color: #666;}
#bd .main.page-100 .preferencias .servicio h3 a { font: bold 13px arial, verdana, sans-serif;   }
#bd .main.page-100 .preferencias .servicio h4 a { font:  11px arial, verdana, sans-serif;   }
#bd .main.page-100 .preferencias .servicio .icono-servicio { float: left; margin: 0 15px 0 0 ;}

.third-party  { margin: 20px 0 0 0;  }

.third-party-registro  { margin: 10px 0 0 0; text-align: center;}
.third-party-registro h3 {font: 24px georgia, "times new roman", serif !important; color: #222!important; padding: 15px 0 15px 0!important;}
.third-party .campos {width:550px; padding: 0 0 20px 0;}
.third-party .registro-tos {margin:0 0 10px 0; font-size: 14px;}
.third-party h2 {font: 24px georgia, "times new roman", serif; color: #222; padding: 10px 0 0px 0; margin: 0 auto;}

.third-party h3 {font: 18px georgia, "times new roman", serif; color: #222; padding: 5px 0 15px 0;}
.third-party table {margin:0 auto; margin-top:20px; margin-bottom: 20px; }
.third-party  table tr {  background-color: #f2f2f2;  margin:0; padding:0; }
.third-party  table tr td {padding: 5px 10px 0 10px ; text-align: left;}
.third-party  input.text { margin: 3px 0 0 0; width: 250px; height: 20px;}
.form-button {
    margin: 0 auto;
    text-align: center;
    padding: 0;
}
#bd  button {
    clear: both;
    font: bold 11px helvetica, arial, sans-serif;
    color: #666;
    margin: 10px 0 10px 0;
    padding: 5px;
    overflow: hidden;
    vertical-align: top;
    letter-spacing: 1px;
    border: 1px solid #959595;
    color: #786766;
    background-color: #f4f4f4;
    padding: 7px 10px 5px 10px;
    line-height: 15px;
    text-transform: uppercase;
}

#bd button:hover {
    background-color: #e28b43;
    color:#fff;
    border: 1px solid #c16d2a;
    cursor: pointer;
}

.login-box {width: 330px; padding: 15px; border: 1px solid #ccc;}
.login-box h2 {font: bold 12px arial, helvetica, sans-serif; color: #000; text-transform: uppercase; float:left;}
.login-box h3 {clear:both; font: bold 12px arial, helvetica, sans-serif; color: #447b78; padding: 10px 0 0 0; margin:0;  }
.login-box h4 {clear:both; font: 11px arial, helvetica, sans-serif; color: #447b78; padding: 5px 0 5px 0; margin:0;  }
.login-box .entrar {padding: 10px 0 10px 0; font: 11px arial, helvetica, sans-serif; color: #666;}
.login-box .entrar .check {float: right; width: 210px; line-height: 15px;}
.login-box button {
    clear: both;
    font: 15px helvetica, arial, sans-serif;
    color: #666;
    margin: 0;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
    vertical-align: top;
}
.login-box .close {float:right; width: 13px; height: 13px; background: #f2f2f2 url(../img/close.gif); background-position: 0px 0px; padding: 0px; margin: 0 0px 0 0;}
.login-box .close:hover {float:right; width: 13px; height: 13px; background: #f2f2f2 url(../img/close.gif); background-position: 0px 0px; padding: 0px; margin: 0 0px 0 0;}
.login-box  input.text { margin: 3px 0 0 0; width: 320px; height: 20px;}
.login-box .nuevo {padding: 10px 0 0 0; font: bold 12px arial, helvetica, sans-serif; }
.login-box .recuperar {padding: 5px 0 0 0; font:  11px arial, helvetica, sans-serif; }


.clima-box {width: 330px; padding: 15px; border: 1px solid #ccc;}
.clima-box h2 {font: bold 14px arial, helvetica, sans-serif; color: #000;   float:left;}
.clima-box h3 {clear:both; font: bold 12px arial, helvetica, sans-serif; color: #447b78; padding: 10px 0 0 0; margin:0;  }
.clima-box .close {float:right; width: 13px; height: 13px; background: #f2f2f2 url(../img/close.gif); background-position: 0px 0px; padding: 0px; margin: 0 0px 0 0;}
.clima-box .close:hover {float:right; width: 13px; height: 13px; background: #f2f2f2 url(../img/close.gif); background-position: 0px 0px; padding: 0px; margin: 0 0px 0 0;}
.clima-box .nuevo {clear: both; padding: 10px 0 0 0; font: bold 11px arial, helvetica, sans-serif; text-align: right; }
.clima-box .pronostico {clear:both; margin: 0 0 10px 0; }
.clima-box .hoy { float:left; width: 150px; }
.clima-box .manana { float: left;width: 150px;
                     border-left: 1px dotted #cacaca; padding: 0 0 0 15px;}
.clima-box .pronostico .clima-pronostico {
    float: left;
    width: 130px;
    padding: 0px 10px 5px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #555;
    text-align: left;
    margin: 8px 0px 0px 0px;
    font-weight: normal;
    line-height: 18px;

}

.clima-box .pronostico .clima-pronostico a {
    font-weight: bold;
}

.clima-box .pronostico .clima-pronostico img {
    float: left; padding: 0 10px 0 0;
}



.3rd-party-box {width: 330px; padding: 15px; border: 1px solid #ccc;}
.3rd-party-box h2 {font: bold 12px arial, helvetica, sans-serif; color: #000; text-transform: uppercase; float:left;}
.3rd-party-box h3 {clear:both; font: bold 12px arial, helvetica, sans-serif; color: #447b78; padding: 10px 0 0 0; margin:0;  }
.3rd-party-box h4 {clear:both; font: 11px arial, helvetica, sans-serif; color: #447b78; padding: 5px 0 5px 0; margin:0;  }
.3rd-party-box .entrar {padding: 10px 0 10px 0; font: 11px arial, helvetica, sans-serif; color: #666;}
.3rd-party-box .entrar .check {float: right; width: 210px; line-height: 15px;}
.3rd-party-box button {
    clear: both;
    font: 15px helvetica, arial, sans-serif;
    color: #666;
    margin: 0;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
    vertical-align: top;
}
.3rd-party-box .close {float:right; width: 13px; height: 13px; background: #f2f2f2 url(../img/close.gif); background-position: 0px 0px; padding: 0px; margin: 0 0px 0 0;}
.3rd-party-box .close:hover {float:right; width: 13px; height: 13px; background: #f2f2f2 url(../img/close.gif); background-position: 0px 0px; padding: 0px; margin: 0 0px 0 0;}
.3rd-party-box input.text { margin: 3px 0 0 0; width: 320px; height: 20px;}
.3rd-party-box .nuevo {padding: 10px 0 0 0; font: bold 12px arial, helvetica, sans-serif; }
.3rd-party-box .recuperar {padding: 5px 0 0 0; font:  11px arial, helvetica, sans-serif; }



.main_top-twitter {clear:both;}
.tweet {clear:both; margin: 0 0 5px 0; padding: 5px 5px 5px 5px; border-bottom: 1px dotted #ccc; overflow: hidden; background-color: #eaf8fc;}
.tweet img {float: left; padding: 0 10px 0 0 ;}
.tweet p {font: 11px verdana, helvetica, sans-serif; line-height:13px;}
.md-twitter {clear:both; margin: 0 0 5px 0; padding: 0; overflow: hidden; background-color: #5bb2d2; color: #fff;}
.md-twitter img {vertical-align:middle; padding: 0 5px 0 0; float:left;}
.md-twitter  p {font: bold 13px arial, helvetica, sans-serif; padding: 3px 4px 0 6px; }
.seguir p {font: bold 12px arial, helvetica, sans-serif; padding: 0;  }




/* HOROSCOPO */
#horoscopo { margin: 0 0 20px ; overflow: hidden;}

ul.signos { width: 468px;   }

ul li.signo  { width: 77px; 	height: 85px;  float: left;  background: transparent url(../img/horoscopo.png) no-repeat;}

ul li.signo .signo-txt {clear: both; padding:65px 0 0 0; text-align:center;  font:  14px georgia, "times new roman", serif;}

ul li.signo a {display: block; text-decoration: none}

ul li.signo.aries {  width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: -75px -70px; }
ul li.signo.tauro { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: -75px 0px; }
ul li.signo.signo.geminis { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: -150px 0px; }
ul li.signo.signo.cancer { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: -225px 0px; }
ul li.signo.signo.leo { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: -300px 0px; }
ul li.signo.signo.virgo { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: -375px 0px; }
ul li.signo.signo.escorpio { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: 0px -70px; }
ul li.signo.signo.sagitario { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: 0px 0px; }
ul li.signo.signo.capricornio { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: -150px -70px; }
ul li.signo.signo.acuario { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: -225px -70px; }
ul li.signo.signo.piscis { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: -300px -70px; }
ul li.signo.signo.libra { width: 77px; 	height: 85px;  float: left;  background: #ffffff url(../img/horoscopo.png) no-repeat; background-position: -375px -70px; }

ul li.signo.aries:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat; background-position: -75px -70px; }
ul li.signo.tauro:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat; background-position: -75px 0px; }
ul li.signo.geminis:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat; background-position: -150px 0px; }
ul li.signo.cancer:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat;  background-position: -225px 0px;  }
ul li.signo.leo:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat; background-position: -300px 0px; }
ul li.signo.virgo:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat; background-position: -375px 0px; }
ul li.signo.escorpio:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat; background-position: 0px -70px; }
ul li.signo.sagitario:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat; background-position: 0px 0px; }
ul li.signo.capricornio:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat; background-position: -150px -70px;  }
ul li.signo.acuario:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat; background-position: -225px -70px; }
ul li.signo.piscis:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat;background-position: -300px -70px;  }
ul li.signo.libra:hover  {  background: #f2f2f2 url(../img/horoscopo.png) no-repeat; background-position: -375px -70px;  }

.signo-comentado-head  {padding: 0px 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #ccc; font: bold 12px arial, verdana, sans-serif; color: #666;  }
.signo-comentado-head span{ font:  14px/16px georgia, "times new roman", serif; }
.signo-comentado .signo-comentado-left {float: left; width: 145px;font: bold 12px arial, verdana, sans-serif; color: #666;  padding: 10px 0 0 0;}
.signo-comentado .signo-comentado-right {float: left; width: 315px;font:  14px/18px georgia, "times new roman", serif; color: #666;  }
.signo-comentado .signo-comentado-right p {padding: 10px 0 0 0;}
.signo-comentado .signo-comentado-right b {font: bold 14px georgia, "times new roman", serif; color: #000; margin:20px 0 0 0; padding:10px 0 0 0;}

.signo-comentado .signo-comentado-left .aries {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: -295px -350px;}
.signo-comentado .signo-comentado-left .tauro {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: -300px 0px;}
.signo-comentado .signo-comentado-left .geminis {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: -460px 0px;}
.signo-comentado .signo-comentado-left .cancer {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: 0px -160px;}
.signo-comentado .signo-comentado-left .leo {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: -150px -160px;}
.signo-comentado .signo-comentado-left .virgo {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: -295px -160px;}
.signo-comentado .signo-comentado-left .escorpio {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: 0px -330px;}
.signo-comentado .signo-comentado-left .sagitario {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: -150px -330px;}
.signo-comentado .signo-comentado-left .capricornio {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: -145px 0px;}
.signo-comentado .signo-comentado-left .acuario {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: -460px -320px;}
.signo-comentado .signo-comentado-left .piscis {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: 0px 0px;}
.signo-comentado .signo-comentado-left .libra {width: 145px; 	height: 145px;  float: left;  background: #ffffff url(../img/horoscopo-big.png) no-repeat; background-position: -460px -160px;}

.horoscopo .aries { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat;  background-position: -60px -60px;}
.horoscopo .tauro { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat; background-position: -60px -12px; }
.horoscopo .geminis { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat; background-position: -110px -12px; }
.horoscopo .cancer { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat; background-position: -165px -12px; }
.horoscopo .leo { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat; background-position: -215px -12px; }
.horoscopo .virgo { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat; background-position: -270px -12px; }
.horoscopo .escorpio { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat; background-position: -10px -60px; }
.horoscopo .sagitario { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat;background-position: -10px -12px; }
.horoscopo .capricornio { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat; background-position: -110px -60px; }
.horoscopo .acuario { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat; background-position: -165px -60px; }
.horoscopo .psicis { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat; background-position: -215px -60px; }
.horoscopo .libra { width: 40px; 	height: 35px;  float: right;  background: #ffffff url(../img/horoscopo-b.png) no-repeat; background-position: -270px -60px; }

.search {
    float: left;
    width: 460px;
    padding: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #78bcb8;
    text-align: left;
    margin: 0px 0px 10px 0px;
    text-transform: uppercase;
    font-weight: bold;
}

.search h5 {
    font-size: 11px;
    padding: 0;
    margin: 0;
}
.search .avanzado {
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
    color: #888;
    text-transform: none;
}

.search .avanzado a:link, .busca .avanzado b a:visited {
    color: #000;
    text-decoration: none;
}

.search .avanzado {text-align: center;}

.search .avanzado a:hover{
    color: #78bcb8;
    text-decoration: underline;
}

.search .buscador {
    padding: 0px 0 5px 0;
    font-size: 8px;
    line-height: 16px;
    font-weight: normal;
}

.search .cajabuscador {
    float: left;
    padding: 5px 0 5px 5px;
    margin: 10px 10px 0px 0;
    width: 350px;
    border: 1px solid #999;
    font-size: 14px;
    font-weight: normal;
    background-color: #f2f2f2;
}

.search h5 {
    font-size: 10px;
    font-weight: normal;
    color: #000;
}

.search .buscargif {
    padding: 0px 0 0 5px;
    margin: 0 5px 0px 0;
    clear: both;
}

#bd .main .filtros {
    border-bottom: 5px solid #ccc;
    margin: 0 0 20px 0;
    width: 280px;
    padding: 10px;
    background: #f6f6f6;
    overflow: hidden;
}

#bd .main .filtros ul li {
    border-bottom: 1px dotted #ccc;
    margin: 0;
    padding: 3px;
    background: #f6f6f6;
    overflow: hidden;
}
#bd .main .filtros ul li input.datepick { padding:3px 15px 3px 5px; background:url(../img/ic-calendar_small.gif) no-repeat 98% 3px #fff; border:1px solid #ccc; }


#bd .main .filtros h6 {
    border-top: 1px solid #ccc;
    padding: 5px 0 0 3px;
    font: bold 10px Arial, Helvetica, sans-serif;
    color: #666;
    margin: 20px 0px 5px 0px;
    text-transform: uppercase;
}

/* mercados */

.mercados { overflow:hidden; margin: 0 0 0px 0; padding: 0 0 0 3px; }
.mercados .sepa { border-top: 1px solid #ccc; padding: 0 ; margin: 0 ; font: 10px arial, helvetica, sans-serif; color: #666; }
/* INI 2011 - 06 - 01 Paula Pereyra. Cambios hechos por Sofia Michelini.
.mercados .cotizacion p { padding: 0px 0 5px 0; font: 11px arial, helvetica, sans-serif; color: #666; margin: 3px 0 0 0; }*/
.mercados .cotizacion p { padding: 0px 0 5px 0; font: 11px arial, helvetica, sans-serif; color: #666; margin: 3px 0 0 0; height:17px;}
.mercados .cotizacion p a { float:right; }
.mercados .cotizacion p a img { margin: -5px 0 0 0; }
/* FIN  2011 - 06 - 01 */


table.monitor { padding: 5px 0 5px 0; font: 12px arial, helvetica, sans-serif; color: #000; margin: 5px 0 5px 0;  width:300px;}
.monitor tr td { padding: 3px; text-transform: uppercase; font: 10px arial, helvetica, sans-serif; color: #666; text-align: right;}
.monitor tr td.data { padding: 3px; text-transform: lowercase; font:  10px arial, helvetica, sans-serif; color: #337e77; text-align: right;}
.monitor tr.odd {background: #f2f2f2; }
.monitor td.tipo { padding: 0 0 5px 0; font: bold 10px arial, helvetica, sans-serif; color: #e28b43;  text-align: left;}
.monitor td.valor {  text-align: left; font:   10px arial, helvetica, sans-serif; color:#000;}
.monitor tr:hover {background: #e2e2e2; }

.up {  text-align: left;
       padding-left: 15px;
       background: transparent url(../img/up.png) no-repeat;
}

.down {  text-align: left;
         padding-left: 15px;
         background: transparent url(../img/down.png) no-repeat;
}

/* modulo multimedia */

.listado-multimedia {
    overflow:hidden;
    padding: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
    font-size: 12px;
    line-height: 14px;
    list-style-type: none;
    padding: 5px 5px 2px 5px;
    background-color: #fff;
    margin: 0px 0 0px 0;
}

.listado-sociales {
    overflow:hidden;
    padding: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;
    font-size: 12px;
    line-height: 14px;
    list-style-type: none;
    padding: 5px 5px 5px 5px;
    background-color: #fff;
    margin: 0px 0 20px 0;
}

.listado-sociales p {
    padding: 3px 0 3px 0;
}
.listado_videothumb  ul {
    display: inline;
    margin: 0 ;
    padding: 0px 10px 0 0;
    overflow:hidden;
}

#bd .play-video-multimedia {
    position:absolute;
    padding:  65px 0 0 120px;
}

.listado_videothumb {
    width: 283px;
    padding: 10px 5px 0px 10px;
    border: 1px solid #ccc;
    border-top: 0px;
    margin: 0px 0px 15px 0px;
    float:left;
}

.listado_videothumb li  {
    display: inline;
    margin: 0;
    padding: 0 0px 0 5px ;
}

.listado_videothumb li.first {
    display: inline;
    margin: 0;
    padding: 0 ;
}

.listado_videothumb   img {
    display: inline;
    margin: 0 0 5px 0;
    padding: 0;
}

.play-listado-videothumb-thumb {
    position:absolute;
    padding: 2px;
    font: 9px verdana, Helvetica, sans-serif;
    color: #ffffff;
    background: #000;
}


/* Nuevos grids THEF
-------------------------------------------------------*/
#bd .main .main_top .tef-md-60 { width:470px; float:left; }
#bd .main .main_top .tef-md-40 { width:288px; float:left; }

#bd .main .main_top .tef-md-70 { width:540px; float:left; }
#bd .main .main_top .tef-md-30 { width:226px; float:left; }

#bd .main .main_top .tef-md-50 { width:400px; float:left; }
#bd .main .main_top .tef-md-50 + .tef-md-50 { width:360px;}

#bd .main .main_top .tef-md + .tef-md { float:right; padding-right:8px;}

#bd .main.page-100 {
    width:100%!important;
    margin:0px!important;
}

/* RV
--------------------------------------------------------*/
.error {
    border-color: red;
    color: red;
}

/* RSS */

.redes {font: 11px arial, sans-serif; line-height: 16px; margin: 10px 0 10px 0;}
.rss { margin: 20px 0 0 0;}
.rss h4 { font: italic 14px georgia, serif; color: #666;}
.rss h5 {clear: both; margin: 20px 0 20px 0;  }
.rss ol { margin: 0 0 20px 0; width: 460px; padding: 5px 0 0px 0; border-top: 1px dotted #444;  }
.rss ol li { padding: 0px 0 0 20px; margin: 5px 0 0 0; background: transparent url(../img/rss-button.png) no-repeat; overflow: hidden;}

/* FUTBOL */

.tablaPosiciones  {
    width: 300px;
    border-top: 8px solid #729f6e;
    clear:both;
    margin: 10px 0 10px 0;
}

.tablaPosiciones table {
    width: 300px;
    border: 1px solid #729f6e;
}

.tablaPosiciones h5 b {
    color: #729f6e;
}
.tablaPosiciones h5   { 
    margin: 5px 0 5px 0 !important;
}
.tablaPosiciones td {
    padding: 3px;
    font: 10px arial, sans-serif;
    border-top: 1px solid #729f6e;
    text-align: center;

}

.tablaPosiciones td.equipo {
    padding: 3px;
    font:   11px  arial, sans-serif;
    border-top: 1px solid #729f6e;
    text-align: left;

}

.tablaPosiciones td.equipo a { 
    font:   11px  verdana, sans-serif;
    color: #444;
    text-decoration: none;

}

.tablaPosiciones td.equipo a:hover { 
    font:  11px  verdana, sans-serif;
    color: #fff;
    text-decoration: underline;

}

.tablaPosiciones tr.tabla {

    list-style-type: none;
    background-color: #729f6e;
    margin: 0px;
    color: #fff;
    text-transform: uppercase;
}

.tablaPosiciones tr.impar {

    list-style-type: none;
    padding: 4px 5px 4px 5px;
    background-color: #f5f5f5;
    margin: 0px;
}

.tablaPosiciones tr:hover {
    background: #f68220;
    color: #fff;
    text-decoration: none;
}
.tablaPosiciones tr:hover a {
    background: #f68220;
    color: #fff;
    text-decoration: none;
}

.jugadores {
    width: 280px;
    border-top: 1px solid #729f6e;
    clear:both;
    margin: 0px 0 10px 0;
    overflow: hidden;
    font:   10px  verdana, sans-serif;
    background: #fff;
}

.jugadores ul li.cambios {
    padding: 4px 0 4px 0;
    font:   10px  verdana, sans-serif;

    border-bottom: 1px dotted #444;
}

.jugadores ul li.goles  {
    padding: 0px 0 4px 0;
    font:   10px  verdana, sans-serif;

    border-bottom: 1px dotted #999;
}

.jugadores .equipo ul li {
    padding: 2px;
    border-bottom: 1px dotted #999;
    padding: 3px 0px 3px 0px;
    font:   10px  verdana, sans-serif;
}

.jugadores .equipo1 {
    float: left;
    width:138px;
    text-align: left;
    border-left: 1px solid #999;
}

.jugadores ul li.cambios { 
    clear: both;
    text-align: left;
    padding: 2px 3px 3px 3px;
    margin:  0;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}


.jugadores .equipo2 {
    float: left;
    width:139px;
    text-align: left;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

.jugadores ul li.jugador {
    padding-left: 3px;
}
.jugadores ul li.nombre {
    padding-left: 3px;
    background: #999;
    color:#fff;
    font:  11px  verdana, sans-serif;
}
.fixture {
    width: 300px;
    border-top: 8px solid #729f6e;
    clear:both;
    margin: 10px 0 10px 0;
}

.fixture table {
    width: 300px;
    border: 1px solid #729f6e;
    border-bottom: 2px solid #729f6e;

    border-top: 2px solid #729f6e;
}


.fixture #navcontainer {
    clear: both;
    margin: 10px 0 0 0;
} 
.fixture	#navlist
{
    padding: 4px 0 0px 0;
	margin-top:-1px;
    border-bottom: 1px solid #ccc;
    font: 9px arial, helvetica, sans-serif;
    text-transform: uppercase;
}

.fixture	#navlist li
{
    list-style: none;
    margin: 0;
    display: inline;
}

.fixture	#navlist li a
{
    padding: 6px 7px 5px 7px;
    margin: 0;
    border: 1px solid #729f6e;
    border-bottom: none;
    background: #f2f2f2;
    text-decoration: none;
}

.fixture	#navlist li a:link { color: #444;  }
.fixture	#navlist li a:visited { color: #444; }

.fixture	#navlist li a:hover, .fixture	#navlist .ui-state-active a
{
    color: #fff !important;
    background: #729f6e;
    border-color: #729f6e;
}

.fixture	#navlist li a#current
{
    color: #ffffff;
    background: #729f6e;
    border-bottom: 1px solid #729f6e;
}


.fixture h5 b {
    color: #729f6e;
}

.fixture h5   { 
    margin: 5px 0 5px 0 !important;
}

.fixture td {
    padding: 3px;
    font: 10px verdana, sans-serif;
    border-top: 1px solid #f68220;
    text-align: center;

}

.fixture td.equipo {
    width:40%;
    padding: 3px;
    font:   11px  verdana, sans-serif;
    border-top: 1px solid #f68220;
    text-align: center;
}


.fixture td.score {
    width:10%;
    padding: 3px;
    font:  bold 11px  verdana, sans-serif;
    border-top: 1px solid #f68220;
    text-align: center;
    background: #729f6e;
    border: 1px solid #fff;

    border-top: 0px solid #fff;
    color: #fff;
}

.fixture tr.tabla {

    list-style-type: none;
    background-color: #444;
    margin: 0px;
    color: #fff;
    text-transform: uppercase;
}

.fixture tr.impar {

    list-style-type: none;
    padding: 4px 5px 4px 5px;
    background-color: #f5f5f5;
    margin: 0px;
}

.fixture tr:hover {
    background: #f68220;
    color: #fff;
    text-decoration: none;
}
.fixture tr:hover a {
    background: #f68220;
    color: #fff;
    text-decoration: none;
}

.fixture td.equipo a { 
    font:   11px  verdana, sans-serif;
    color: #444;
    text-decoration: none;

}

.fixture td.equipo a:hover { 
    font:  11px  verdana, sans-serif;
    color: #fff;
    text-decoration: underline;

}

.fixture tr:hover a {
    background: #f68220;
    color: #fff;
    text-decoration: none;
}

/* CLIMA - SECCION */
.tiempo-b { width: 468px;   border-top: 1px dotted #ccc; padding: 5px 0 10px 0; margin: 0 0 10px 0;} 
.tiempo-b .tope { padding: 10px 0 0 0;}
.tiempo-b .separador-clima {clear: both; border-bottom: 1px dotted #ccc; padding: 5px 0 5px 0;}
.tiempo-c { clear: both; background: #eee;  color: #999;}
.tiempo-d { width: 150px;margin: 0 0 10px 0; font: 14px georgia, serif; line-height: 20px;}
.tiempo-d .number { font: 33px georgia, serif; color: #000;}
.tiempo-d .number-b { font: 24px georgia, serif; color: #000;}
.tiempo-d .number small { font: 20px georgia, serif;}
.tiempo-b .descripcion {clear: both;border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 5px 0 5px 0;font: 14px georgia, serif; line-height: 20px;}
.tiempo-b .icono {overflow: hidden; height: 20px; margin: -10px 0 0 0;}
.tiempo-b  .pronostico {clear:both; margin: 15px 0 15px 0;  }
.tiempo-b  .hoy { float:left; width: 140px; padding: 0 0 0 10px;}
.tiempo-b  .manana { float: left;width: 140px; border-left: 1px dotted #cacaca; padding: 0 0 0 15px;}
.tiempo-b  .pasado { float: left;width: 140px;
                     border-left: 1px dotted #cacaca; padding: 0 0 0 15px;}
.tiempo-b  .pronostico .clima-pronostico { float: left; width: 130px; padding: 0px 10px 5px 0px; font-family: Arial, Helvetica, sans-serif; 	font-size: 11px; color: #555; text-align: left; 	margin: 8px 0px 0px 0px; 	font-weight: normal; line-height: 18px; } 
.tiempo-b  .pronostico .clima-pronostico a { 	font-weight: bold; }
.tiempo-b  .pronostico .clima-pronostico img { 	float: left; padding: 0 10px 0 0;}


/* PUBLICIDAD EN LA HOME */
#flashContent
{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:9000;
    background-color:#FFFFFF;
}
/* nuevo modulo fotos */
.new-pics { clear:both; margin-top:10px;}
.new-pics ul.top { display:table; width:100%; border:none;}
.new-pics ul.top li a {  background:url(../img/i-foto.png) no-repeat 5px 6px #F2F2F2; padding-left:25px;}
.new-pics ul.top li.ui-state-active a { background:url(../img/i-foto.png) no-repeat 5px 6px #fff;}
.new-pics .bd {border:1px solid #CCC; padding:5px; width:auto; float:none;}
.new-pics .bd p {color: #737373;float: none;font-size: 93%;font-weight: normal;margin-bottom: 5px;margin-left: 0; margin-right: 0;margin-top: 5px;text-align: left;}
.new-pics .bd h5.more_info { text-transform:none !important; font-size:13px !important;}
.new-pics .bd h5.more_info a { display:inline-block; background:url(../img/i-foto.png) no-repeat left 3px; padding-left:18px; color:#3788BE; font-weight:bold; }

/* Galería  
--------------------------------------*/
.new-pics .bd .jcarousel-container { width:288px; margin-bottom:5px;}
.new-pics .bd .jcarousel-container .jcarousel-item {width:288px!important;}
.new-pics .bd .jcarousel-container .jcarousel-item p { font-size:85%;  width: 85%; margin:0;}
.new-pics .bd  .mg { margin-bottom:10px; padding-top:2px;}
.new-pics .bd  .mg p { font-size:77%;  width: 85%; margin:0;}
.new-pics .bd .jcarousel-prev { width:16px; height:16px; background:url("../img/prev.png") no-repeat 0 0 #FFFFFF; position:absolute; top:180px; right:18px; cursor:pointer;}
.new-pics .bd .jcarousel-next { width:16px; height:16px; background:url("../img/next.png") no-repeat 0 0 #FFFFFF; position:absolute; top:180px; right:0; cursor:pointer;}
.new-pics .bd .jcarousel-next-disabled,
.new-pics .bd .jcarousel-prev-disabled { background:none;}

ul.module-gallery li {
    font-size: 12px;
    line-height: 14px;
    list-style-type: none;
    padding: 2px 4px 2px 4px;
    background-color: #fff;
    margin: 0px;
    width:278px;
}


/* Funebres */
#bd .main .funebres_full { }
#bd .main .funebres_full .hd h5 { color:#222; font-weight:bold; font-size:11px; }
#bd .main .funebres_full .hd .date-options { display:table; width:100%;  border-bottom: 1px dotted #C2C2C2; padding-bottom:5px; }
#bd .main .funebres_full .hd .date-options .date { float:left;}
#bd .main .funebres_full .hd .date-options p { float:right; font-size:11px; color:#444; }
#bd .main .funebres_full .hd .date-options p a { font-size:13px; color:#444; text-decoration:none; display:inline-block; padding:0 3px;}
#bd .main .funebres_full .hd .search-date { display:table; width:100%; font-size:85%; margin-bottom:15px;}
#bd .main .funebres_full .hd .search-date .left { float:left; margin-right:10px;}
#bd .main .funebres_full .hd .search-date .left label { display:block; color:#666; font-size:93%; text-transform:uppercase; margin-bottom:3px; font-weight:bold;}
#bd .main .funebres_full .hd .search-date .left input.datepick {  background: url("../img/ic-calendar_small.gif") no-repeat scroll 98% 3px #fff;  border: 1px solid #ccc; padding: 3px 15px 3px 5px; width:180px;}
#bd .main .funebres_full .hd .search-date .left select { width:180px; height:22px; padding:3px; border: 1px solid #ccc; }
#bd .main .funebres_full .hd .search-date a.btn { float:left; background-color: #F4F4F4;  border: 1px solid #959595; color: #786766;  letter-spacing: 1px;  text-transform: uppercase; padding:5px 7px 4px; font-size:93%;  margin-top: 15px; font-weight:bold;}
#bd .main .funebres_full .hd .search-date a.btn:hover { background-color: #E28B43; border: 1px solid #C16D2A; color: #FFFFFF; text-decoration:none;}
#bd .main .funebres_full h2 { padding:8px 0; border-bottom: 1px dotted #C2C2C2;}
#bd .main .funebres_full .item {border-bottom: 1px dotted #C2C2C2; padding:8px 0;}
#bd .main .funebres_full .item p { font-size:13px; color:#333; line-height:18px; font-family:Verdana, Geneva, sans-serif; }
#bd .main .funebres_full .item p strong { font-weight:bold;}
#bd .main .funebres_full .item p span.ic1 { display:inline-block; background:url(../../img/funebres.png) no-repeat left top; width:13px; height:13px; margin-right:4px; vertical-align:top; margin-top:2px;}
#bd .main .funebres_full .item p span.ic2 { display:inline-block; background:url(../../img/funebres.png) no-repeat -13px top; width:13px; height:13px; margin-right:4px; vertical-align:top; margin-top:2px;}
#bd .main .funebres_full .item p span.ic3 { display:inline-block; background:url(../../img/funebres.png) no-repeat -26px top; width:13px; height:13px; margin-right:4px; vertical-align:top; margin-top:2px;}