/* Fonts
----------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/ubuntu/Ubuntu-Regular.eot?") format("eot"),
    url("../fonts/ubuntu/Ubuntu-Regular.woff") format("woff"),
    url("../fonts/ubuntu/Ubuntu-Regular.ttf") format("truetype"),
    url("../fonts/ubuntu/Ubuntu-Regular.svg#Ubuntu") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Ubuntu Bold";
    src: url("../fonts/ubuntu-bold/Ubuntu-Bold.eot?") format("eot"),
    url("../fonts/ubuntu-bold/Ubuntu-Bold.woff") format("woff"),
    url("../fonts/ubuntu-bold/Ubuntu-Bold.ttf") format("truetype"),
    url("../fonts/ubuntu-bold/Ubuntu-Bold.svg#Ubuntu-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Ubuntu Medium";
    src: url("../fonts/ubuntu-medium/Ubuntu-Medium.eot?") format("eot"),
    url("../fonts/ubuntu-medium/Ubuntu-Medium.woff") format("woff"),
    url("../fonts/ubuntu-medium/Ubuntu-Medium.ttf") format("truetype"),
    url("../fonts/ubuntu-medium/Ubuntu-Medium.svg#Ubuntu-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Ubuntu Light";
    src: url("../fonts/ubuntu-light/Ubuntu-Light.eot?") format("eot"),
    url("../fonts/ubuntu-light/Ubuntu-Light.woff") format("woff"),
    url("../fonts/ubuntu-light/Ubuntu-Light.ttf") format("truetype"),
    url("../fonts/ubuntu-light/Ubuntu-Light.svg#Ubuntu-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Basic HTML
----------------------------------------------------------------------------------------------------*/

html, body {
    font: 13px/1.5 Arial, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;
    width: 100%;
    min-height: 100%;
    height: auto;
    display: block;
    background: #666;
}

pre,
code {
    font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

/* Headings
----------------------------------------------------------------------------------------------------*/

h2 {
    font-size: 23px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 15px;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/

ol {
    list-style: none;
}

ul {
    list-style: none;
}

/* Buttons
----------------------------------------------------------------------------------------------------*/

.button {
    height: 51px;
    background: #fff;
    line-height: 51px;
    padding: 0 40px;
    color: #997B3F;
    border-radius: 26px;
    font-family: "Ubuntu Bold";
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;

    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;

    display: inline-block;

    white-space: nowrap;
}

.button:hover {
    background-color: #cccccc;
}

.button-block {
    display: block;
    margin-top: 45px;
    float: left;
}

.button-block-center {
    display: block;
    margin-top: 45px;
    float: left;
    position: relative;
    left: 50%;

    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.button-block-right {
    display: block;
    float: right;
    margin-top: 45px;
}

/* layout */

body {
    background: none;
    color: #fff;
}

.container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#menu-wrapper {
    height: 66px;
    width: 925px;
    margin-left: 35px;
    background: #222;
    -moz-border-radius: 0 0 20px 0;
    -webkit-border-radius: 0 0 20px 0;
    border-radius: 0 0 20px 0;
    position: relative;
    z-index: 5000;
}

#logo {
    background: url("../img/info/logo-santa-librada.png") no-repeat scroll 0 0 transparent;
    width: 300px;
    height: 84px;
    position: absolute;
    top: 0;
    left: -20px;
}

#top-menu {
    float: right;
    height: 66px;
}

.menu-item {
    height: 66px;
    float: left;
    line-height: 66px;
    text-transform: uppercase;
    font-family: "Ubuntu Medium";
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    margin-right: 40px;

    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.menu-item.active,
.menu-item:hover {
    color: #997B3F;
}

/* Clima */

body.clima {
    background: url("../img/info/bg_clima.jpg") no-repeat scroll center top #666;
    background-size: cover;
}

h1 {
    font-family: "Ubuntu Bold";
    font-size: 97px;
    text-transform: uppercase;
    padding-right: 20px;
    border-right: 4px solid #fff;
    float: left;
    line-height: 82px;
    margin-top: 60px;
}

/* Condición atual */

#title-tiempo {
    background: url("../img/info/wunderground.png") no-repeat scroll 90% 95%;
    padding-bottom: 30px;
}

#weather-current {
    width: 526px;
    height: 262px;
    position: relative;
    float: right;
    margin-top: 56px;
}

#weather-current .bg {
    background: #222;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#current-temp {
    font-family: Arial, sans-serif;
    font-size: 96px;
    margin-left: 40px;
    position: relative;
    z-index: 2;
    float: left;
}

#today-min-max {
    float: left;
    font-family: Arial, sans-serif;
    font-size: 16px;
    left: -28px;
    margin-top: 87px;
    position: relative;
    z-index: 2;
}

.current-icon {
    width: 80px;
    height: 80px;
    background: url("../img/info/clima/big-icons/not_available.png") no-repeat scroll center center transparent;
    position: relative;
    float: left;
    left: -20px;
    margin-top: 20px;
    z-index: 2;
}

#current-condition {
    float: right;
    margin-top: 30px;
    position: relative;
    text-align: center;
    width: 200px;
    z-index: 2;
    left: -20px;
}

.condition-title {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 26px;
    color: #99FFFF;
    text-align: center;
    letter-spacing: -0.01em;

}

.condition-value {
    text-align: center;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 19px;
    color: #fff;
    text-align: center;
}

#wind-degrees {
    width: 54px;
    position: relative;
    float: left;
    z-index: 2;
    margin-left: 30px;
    margin-right: 20px;
}

.wind-degress-title {
    font-family: Arial;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: block;
}

.wind-circle {
    background: url("../img/info/wind-circle.png");
    width: 54px;
    height: 61px;
    display: block;
    position: relative;
}

#wind-speed {
    position: relative;
}

.wind-speed-title {
    font-family: Arial;
    font-size: 14px;
}

.wind-dir-value {
    color: #98F8F9;
    font-family: Arial;
    font-size: 16px;
    margin-left: 6px;
}

.wind-speed-value {
    font-family: Arial;
    font-size: 30px;
    display: block;
    line-height: 30px;
    margin-top: 2px;
}

.wind-speed-value:after {
    content: "Km/h";
    font-size: 18px;
    margin-left: 5px;
}

#wind-humidity {
    position: relative;
    z-index: 2;
}

.wind-humidity-title {
    font-family: Arial;
    font-size: 14px;
}

.wind-humidity-value {
    color: #98F8F9;
    font-family: Arial;
    font-size: 16px;
    margin-left: 6px;
}

#moon {
    position: absolute;
    z-index: 2;
    width: 250px;
    right: 40px;
    top: 150px;
}

.moon-phase {
    font-family: Arial, sans-serif;
    font-size: 12px;
    float: left;
    text-align: right;
    width: 60px;
    line-height: 12px;
}

.moon-phase:before {
    content: "Luna";
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: bold;
}

.moon-icon {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    background: none no-repeat scroll center center transparent;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 5px;
}

.moon-age-0,
.moon-age-1,
.moon-age-29,
.moon-age-30 {
    background-image: url("../img/info/clima/moon/age-0-1-29-30.png");
}

.moon-age-2,
.moon-age-3,
.moon-age-4,
.moon-age-5,
.moon-age-6,
.moon-age-7 {
    background-image: url("../img/info/clima/moon/age-2-7.png");
}

.moon-age-8,
.moon-age-9,
.moon-age-10 {
    background-image: url("../img/info/clima/moon/age-8-10.png");
}

.moon-age-11,
.moon-age-12,
.moon-age-13,
.moon-age-14 {
    background-image: url("../img/info/clima/moon/age-11-14.png");
}

.moon-age-15,
.moon-age-16,
.moon-age-17 {
    background-image: url("../img/info/clima/moon/age-15-17.png");
}

.moon-age-18,
.moon-age-19,
.moon-age-21 {
    background-image: url("../img/info/clima/moon/age-18-21.png");
}

.moon-age-22,
.moon-age-23,
.moon-age-24 {
    background-image: url("../img/info/clima/moon/age-22-24.png");
}

.moon-age-25,
.moon-age-26,
.moon-age-27,
.moon-age-28 {
    background-image: url("../img/info/clima/moon/age-25-28.png");
}

.sunset,
.sunrise {
    text-align: right;
    font-family: Arial;
    font-size: 11px;
    width: 150px;
    position: absolute;
    right: -10px;
    white-space: nowrap;
    top: 5px;
}

.sunset {
    top: 20px;
}

.sunrise-val,
.sunset-val {
    width: 73px;
    text-align: right;
    display: block;
    float: right;
    margin-left: 5px;
}

.sunrise-val:before {
    content: url("../img/info/sunrise.png");
    display: block;
    float: left;
}

.sunset-val:before {
    content: url("../img/info/sunset.png");
    top: 5px;
    position: relative;
    display: block;
    float: left;
}

/* Próximas horas */

.info-subtitle-center {
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
}

#clima-horas {
    margin-top: 30px;
}

#clima-horas > li {
    float: left;
    width: 60px;
}

#clima-horas > li + li {
    margin-left: 20px;
}

.clima-horas-icon {
    display: block;
    width: 44px;
    height: 44px;
    margin-bottom: 8px;
    background: url("../img/info/clima/small-icons/not_available.png") no-repeat scroll center 2px transparent;
}

.clima-horas-icon-chanceflurries {
    background-image: url("../img/info/clima/small-icons/chanceflurries.png");
}

.clima-horas-icon-chancerain {
    background-image: url("../img/info/clima/small-icons/chancerain.png");
}

.clima-horas-icon-chancesleet {
    background-image: url("../img/info/clima/small-icons/chancesleet.png");
}

.clima-horas-icon-chancesnow {
    background-image: url("../img/info/clima/small-icons/chancesnow.png");
}

.clima-horas-icon-chancetstorms {
    background-image: url("../img/info/clima/small-icons/chancetstorms.png");
}

.clima-horas-icon-clear {
    background-image: url("../img/info/clima/small-icons/clear.png");
}

.clima-horas-icon-cloudy {
    background-image: url("../img/info/clima/small-icons/cloudy.png");
}

.clima-horas-icon-dust {
    background-image: url("../img/info/clima/small-icons/dust.png");
}

.clima-horas-icon-flurries {
    background-image: url("../img/info/clima/small-icons/flurries.png");
}

.clima-horas-icon-fog {
    background-image: url("../img/info/clima/small-icons/fog.png");
}

.clima-horas-icon-haze {
    background-image: url("../img/info/clima/small-icons/haze.png");
}

.clima-horas-icon-hazy {
    background-image: url("../img/info/clima/small-icons/hazy.png");
}

.clima-horas-icon-icy {
    background-image: url("../img/info/clima/small-icons/icy.png");
}

.clima-horas-icon-mist {
    background-image: url("../img/info/clima/small-icons/mist.png");
}

.clima-horas-icon-mostlycloudy {
    background-image: url("../img/info/clima/small-icons/mostlycloudy.png");
}

.clima-horas-icon-mostlysunny {
    background-image: url("../img/info/clima/small-icons/mostlysunny.png");
}

.clima-horas-icon-partlycloudy {
    background-image: url("../img/info/clima/small-icons/partlycloudy.png");
}

.clima-horas-icon-partlysunny {
    background-image: url("../img/info/clima/small-icons/partlysunny.png");
}

.clima-horas-icon-rain {
    background-image: url("../img/info/clima/small-icons/rain.png");
}

.clima-horas-icon-sleet {
    background-image: url("../img/info/clima/small-icons/sleet.png");
}

.clima-horas-icon-smoke {
    background-image: url("../img/info/clima/small-icons/smoke.png");
}

.clima-horas-icon-snow {
    background-image: url("../img/info/clima/small-icons/snow.png");
}

.clima-horas-icon-storm {
    background-image: url("../img/info/clima/small-icons/storm.png");
}

.clima-horas-icon-sunny {
    background-image: url("../img/info/clima/small-icons/sunny.png");
}

.clima-horas-icon-tstorms {
    background-image: url("../img/info/clima/small-icons/tstorms.png");
}

.clima-horas-desc {
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.clima-horas-pop {
    display: block;
    color: #99FFFF;
    font-size: 12px;
    line-height: 14px;
}

/* Próximos dias */

#clima-proximos-dias {
    position: relative;
    height: 210px;
    margin-top: 50px;
    overflow: hidden;
}

#clima-proximos-dias > .container {
    position: relative;
    z-index: 2;
    margin-top: 30px;
}

#clima-proximos-dias > .bg {
    z-index: 1;

    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: alpha(opacity=45);
    -moz-opacity: 0.45;
    -khtml-opacity: 0.45;
    opacity: 0.45;
}

#clima-dias > li {
    float: left;
    width: 164px;
    margin-top: 30px;
}

#clima-dias > li + li {
    margin-left: 30px;
}

.clima-dias-icon {
    float: left;
    width: 70px;
    margin-right: 10px;
    height: 80px;
    background: url("../img/info/clima/big-icons/not_available.png") no-repeat scroll left 5px transparent;
}

.clima-dias-icon-chanceflurries {
    background-image: url("../img/info/clima/big-icons/chanceflurries.png");
}

.clima-dias-icon-chancerain {
    background-image: url("../img/info/clima/big-icons/chancerain.png");
}

.clima-dias-icon-chancesleet {
    background-image: url("../img/info/clima/big-icons/chancesleet.png");
}

.clima-dias-icon-chancesnow {
    background-image: url("../img/info/clima/big-icons/chancesnow.png");
}

.clima-dias-icon-chancetstorms {
    background-image: url("../img/info/clima/big-icons/chancetstorms.png");
}

.clima-dias-icon-clear {
    background-image: url("../img/info/clima/big-icons/clear.png");
}

.clima-dias-icon-cloudy {
    background-image: url("../img/info/clima/big-icons/cloudy.png");
}

.clima-dias-icon-dust {
    background-image: url("../img/info/clima/big-icons/dust.png");
}

.clima-dias-icon-flurries {
    background-image: url("../img/info/clima/big-icons/flurries.png");
}

.clima-dias-icon-fog {
    background-image: url("../img/info/clima/big-icons/fog.png");
}

.clima-dias-icon-haze {
    background-image: url("../img/info/clima/big-icons/haze.png");
}

.clima-dias-icon-hazy {
    background-image: url("../img/info/clima/big-icons/hazy.png");
}

.clima-dias-icon-icy {
    background-image: url("../img/info/clima/big-icons/icy.png");
}

.clima-dias-icon-mist {
    background-image: url("../img/info/clima/big-icons/mist.png");
}

.clima-dias-icon-mostlycloudy {
    background-image: url("../img/info/clima/big-icons/mostlycloudy.png");
}

.clima-dias-icon-mostlysunny {
    background-image: url("../img/info/clima/big-icons/mostlysunny.png");
}

.clima-dias-icon-partlycloudy {
    background-image: url("../img/info/clima/big-icons/partlycloudy.png");
}

.clima-dias-icon-partlysunny {
    background-image: url("../img/info/clima/big-icons/partlysunny.png");
}

.clima-dias-icon-rain {
    background-image: url("../img/info/clima/big-icons/rain.png");
}

.clima-dias-icon-sleet {
    background-image: url("../img/info/clima/big-icons/sleet.png");
}

.clima-dias-icon-smoke {
    background-image: url("../img/info/clima/big-icons/smoke.png");
}

.clima-dias-icon-snow {
    background-image: url("../img/info/clima/big-icons/snow.png");
}

.clima-dias-icon-storm {
    background-image: url("../img/info/clima/big-icons/storm.png");
}

.clima-dias-icon-sunny {
    background-image: url("../img/info/clima/big-icons/sunny.png");
}

.clima-dias-icon-tstorms {
    background-image: url("../img/info/clima/big-icons/tstorms.png");
}

.clima-dias-title {
    display: block;
    font-size: 19px;
    line-height: 24px;
}

.clima-dias-condition {
    display: block;
    color: #C2CDD1;
    font-size: 12px;
}

.clima-dias-min-max {
    display: block;
    font-size: 14px;
}

/* Clima footer */

#clima-footer {
    position: relative;
    height: 290px;
    overflow: hidden;
}

#clima-footer p {
    text-align: center;
}

#clima-footer > .container {
    position: relative;
    z-index: 2;
    margin-top: 20px;
}

#clima-footer > .bg {
    z-index: 1;

    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
    filter: alpha(opacity=45);
    -moz-opacity: 0.45;
    -khtml-opacity: 0.45;
    opacity: 0.45;
}

.clima-footer-center {
    font-size: 19px;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 40px;
    color: #222;
}

.clima-footer-button {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 162px;
    margin-left: 20px;
}

.copyright {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    margin-top: 50px;
    color: #222;
}

.copyright > a {
    color: #222;
}

/* Monedas */

#title-cambio {
    background: url("../img/info/moneda/cambios-chaco.png") no-repeat scroll 90% bottom;
    padding-bottom: 60px;
    font-size: 70px;
    line-height: 62px;
    margin-bottom: 100px;
}

html.cotizacion-de-monedas {
    background: url("../img/info/moneda/bg_monedas.jpg") no-repeat scroll center top #666;
    background-size: cover;
}

#cambio-principal {
    background: url("../img/info/moneda/shaddow-cambio.png") no-repeat scroll 0 0;
    width: 732px;
    height: 495px;
    position: absolute;
    right: -100px;
    top: -50px;
    text-align: center;
}

#cambio-principal li {
    float: left;
    height: 169px;
    width: 126px;
    display: block;
    border-right: 1px dotted #fff;
}

#cambio-principal #euro {
    border: none;
}

#cambio-principal-wrapper {
    float: right;
    margin-top: 100px;
    margin-right: 120px;
}

#cambio-principal .title {
    display: block;
    line-height: 15px;
    font-size: 13px;
}

#cambio-principal .icon {
    height: 55px;
    width: 55px;
    display: block;
    margin: 10px auto 10px;
    background-repeat: no-repeat;
}

#cambio-principal .label {
    display: block;
    line-height: 12px;
    font-size: 11px;
}

#cambio-principal .moneda-value {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.bandera-dollar {
    background-image: url("../img/info/moneda/icon-dollar.png");
}

.bandera-real {
    background-image: url("../img/info/moneda/icon-real.png");
}

.bandera-peso {
    background-image: url("../img/info/moneda/icon-peso.png");
}

.bandera-euro {
    background-image: url("../img/info/moneda/icon-euro.png");
}

/* otras casas de cambio */

.cambio-info {
    width: 305px;
    height: 305px;
    background: url("../img/info/moneda/bg_cambio-info.png") no-repeat scroll 0 0 transparent;
    margin-top: 40px;
    margin-bottom: 50px;
    float: left;
    display: block;
}

.cambio-info + .cambio-info {
    margin-left: 20px;
}

#mercosur-cambios {
    background: url("../img/info/moneda/mercosur-cambios.png") no-repeat;
    height: 40px;
    width: 135px;
    display: block;
    margin: 24px auto 20px;
}

#maxicambios {
    background: url("../img/info/moneda/maxicambios.png") no-repeat;
    width: 121px;
    height: 40px;
    display: block;
    margin: 19px auto 25px;
}

#santarita-cambios {
    background: url("../img/info/moneda/santarita-cambios.png") no-repeat;
    width: 136px;
    height: 40px;
    display: block;
    margin: 25px auto 19px;
}

.cambio-info-ul > li {
    width: 170px;
    height: 44px;
    display: block;
    margin-left: 80px;
    position: relative;
    margin-bottom: 2px;
}

.cambio-info-ul > li + li {
    border-top: 1px dotted #fff;
}

.cambio-info-ul .icon {
    width: 32px;
    height: 32px;

    position: absolute;

    left: -46px;
    top: 5px;
}

.cambio-info-ul .bandera-dollar {
    background: url("../img/info/moneda/icon-dollar-small.png");
}

.cambio-info-ul .bandera-real {
    background: url("../img/info/moneda/icon-real-small.png");
}

.cambio-info-ul .bandera-peso {
    background: url("../img/info/moneda/icon-peso-small.png");
}

.cambio-info-ul .bandera-euro {
    background: url("../img/info/moneda/icon-euro-small.png");
}

.cambio-info-ul .column {
    float: left;
    width: 50%;
    margin-top: 8px;
    text-align: center;
}

.cambio-info-ul .label {
    display: block;
    line-height: 12px;
    font-size: 11px;
}

.cambio-info-ul .moneda-value {
    display: block;
    font-weight: bold;
}

/* Noticias ABC */

#title-noticias {
    background: url("../img/info/noticias/abc-color.png") no-repeat scroll 90% 95%;
    padding-bottom: 60px;
    font-size: 80px;
    line-height: 60px;
    margin-top: 85px;
    margin-left: 15px;
}

html.noticias {
    background: url("../img/info/noticias/bg_noticias.jpg") no-repeat scroll center top #666;
    background-size: cover;
}

#noticia-destaque {
    float: right;
    width: 470px;
    margin-top: 55px;
}

#noticia-destaque-thumb {
    width: 146px;
    height: 146px;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    left: -15px;
    margin-right: 10px;
    background: #ccc;

    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 15px;
}

#noticia-destaque-thumb:hover {
    box-shadow: 0 0 1px 2px #fff;
}

#noticia-destaque-thumb > img {
    min-width: 100%;
    height: auto;
}

#noticia-destaque-info {
    margin-top: 30px;
}

.noticia-destaque-date {
    color: #4CD2FF;
    margin-bottom: 6px;
}

.noticia-destaque-date > span {
    cursor: pointer;
    border-bottom: 1px dotted #4CD2FF;
}

.noticia-destaque-title {
    font-weight: bold;
    font-size: 19px;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 20px;
    display: block;
}

.noticia-destaque-title:hover {
    text-decoration: underline;
}

#otras-noticias-wrapper {
    padding: 0 20px;
}

#otras-noticias-title {
    margin-top: 80px;
    border-bottom: 2px dotted #fff;
    padding-bottom: 10px;
}

#otras-noticias > li {
    float: left;
    width: 169px;
    text-align: center;
    margin-top: 50px;
    padding: 0 30px;
    height: 170px;
}

#otras-noticias > li + li {
    border-left: 1px dotted #fff;
}

.otras-noticias-thumb {
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto;
    -moz-border-radius: 43px;
    -webkit-border-radius: 43px;
    border-radius: 43px;
    overflow: hidden;
}

.otras-noticias-thumb:hover {
    box-shadow: 0 0 1px 2px #fff;
}

.otras-noticias-thumb > img {
    width: 100%;
    height: auto;
}

.otras-noticias-title {
    margin-top: 40px;
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.otras-noticias-thumb + .otras-noticias-title {
    margin-top: 20px;
}

.otras-noticias-title:hover {
    text-decoration: underline;
}

.otras-noticias-date {
    color: #4CD2FF;
    font-size: 12px;
    line-height: 14px;
}

.noticias #clima-footer {
    margin-top: 50px;
    height: auto;
    padding-bottom: 40px;
}

.noticias #clima-footer > .bg {
    top: auto;
    bottom: 0;
    height: 125px;
}

.noticias #clima-footer p {
    color: #fff;
}

.noticias #clima-footer .copyright {
    margin-top: 100px;
    color: #333;
}

/* Otras noticias */

#clima-footer .noticias-button {
    width: 152px;
    height: 152px;
    display: inline-block;
    background-color: #aaa;
    text-align: center;
    vertical-align: middle;
    color: #333;
    text-decoration: none;

    margin: 0 2px;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;

    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.noticias-button > span {
    display: block;
    font-size: 17px;
    font-weight: bold;
    height: 20px;
    margin-top: -10px;
    position: relative;
    text-align: center;
    top: 50%;
    vertical-align: middle;
}

#clima-footer .noticias-button:hover {
    background-color: #999;
}

/* ABC color*/
#clima-footer #abc {
    background: url("../img/info/noticias/abc-color-link.png") no-repeat scroll center center #FFE102;
}

#abc > span {
    display: none;
}

#clima-footer #abc:hover {
    background-color: #E1C600;
}

/* UltimaHora */

#clima-footer #ultima-hora {
    background: url("../img/info/noticias/ultima-hora.png") no-repeat scroll center center #fff;
}

#ultima-hora > span {
    display: none;
}

#clima-footer #ultima-hora:hover {
    background-color: #ddd;
}

/* La Nacion */

#clima-footer #la-nacion {
    background: url("../img/info/noticias/la-nacion.png") no-repeat scroll center center #005BAA;
}

#la-nacion > span {
    display: none;
}

#clima-footer #la-nacion:hover {
    background-color: #00488A;
}

/* Vanguardia */

#clima-footer #vanguardia {
    background: url("../img/info/noticias/vanguardia.png") no-repeat scroll center center #CB1D2C;
}

#vanguardia > span {
    display: none;
}

#clima-footer #vanguardia:hover {
    background-color: #B01A25;
}

/* Paraguay.com */

#clima-footer #paraguay-com {
    background: url("../img/info/noticias/paraguay-com.png") no-repeat scroll center center #fff;
}

#paraguay-com > span {
    display: none;
}

#clima-footer #paraguay-com:hover {
    background-color: #ddd;
}

/* Popular */

#clima-footer #popular {
    background: url("../img/info/noticias/popular.png") no-repeat scroll center center #D2263E;
}

#popular > span {
    display: none;
}

#clima-footer #popular:hover {
    background-color: #B82137;
}

/* Mercado de semillas */

html.cbot {
    background: url("../img/info/cbot/bg_cbot.jpg") no-repeat scroll center top #666;
    background-size: cover;
}

#title-cbot {
    background: url("../img/info/cbot/icon-cbot-yahoo.png") no-repeat scroll 87% bottom;
    padding-bottom: 70px;
    font-size: 36px;
    line-height: 36px;
    margin-top: 85px;
    text-align: right;
}

#title-cbot > em {
    display: block;
    font-style: normal;
    font-size: 80px;
    margin-top: 20px;
    font-weight: bold;
}

#cbot-right {
    float: right;
    margin-top: 30px;
    width: 510px;
}

#cbot-menu {
    margin-left: 30px;
    height: 130px;
}

.cbot-menu-item {
    float: left;
    margin-right: 30px;
}

.cbot-menu-link {
    text-decoration: none;
    color: #fff;
    text-align: center;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;

    -moz-transition: opacity .2s ease-in-out, -moz-opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out, -ms-filter .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.active .cbot-menu-link,
.cbot-menu-link:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.cbot-menu-label {
    display: block;
    margin-bottom: 10px;
}

.active .cbot-menu-label {
    color: #4DD2FF;
    font-weight: bold;
}

.cbot-menu-image-wrapper {
    background: none;
    width: 94px;
    height: 104px;
    display: block;
}

.cbot-menu-image-wrapper > img {
    width: 84px;
    height: 84px;
    margin-top: 5px;
}

.active .cbot-menu-image-wrapper,
.active .cbot-menu-link:hover .cbot-menu-image-wrapper {
    background: url("../img/info/cbot/bg_menu_active.png") no-repeat scroll 0 0;
}

.cbot-menu-link:hover .cbot-menu-image-wrapper {
    background: url("../img/info/cbot/bg_menu_hover.png") no-repeat scroll 0 0;
}

/* CBOT current */

#cbot-current {
    margin-top: 100px;
}

#cbot-current-status {
    width: 228px;
    height: 228px;
    display: block;
    float: left;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
}

.cbot-current-code {
    display: block;
    margin-top: 30px;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
}

.cbot-current-time {
    display: block;
    font-size: 11px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.cbot-current-quote {
    display: block;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 5px;
}

.cbot-current-var {
    font-size: 19px;
}

.cbot-current-var.negative {
    color: #FF7373;
    background: url("../img/info/cbot/negative-mark.png") no-repeat scroll center bottom transparent;
    padding-bottom: 22px;
}

.cbot-current-var.positive {
    color: #7AFF4D;
    background: url("../img/info/cbot/positive-mark.png") no-repeat scroll center bottom transparent;
    padding-bottom: 22px;
}

/* Current information */

#cbot-current-info {
    float: right;
    width: 225px;
}

.cbot-info-row {
    height: 25px;
    line-height: 25px;
}

.cbot-info-row + .cbot-info-row {
    border-top: 1px solid #fff;
}

.cbot-info-row > .label {
    float: left;
    width: 49%;
    text-align: right;
}

.cbot-info-row > .label:after {
    content: ":";
    margin-left: 10px;
}

.cbot-info-row > .value {
    float: right;
    width: 47%;
    font-weight: bold;
}

/* Mercado futuro */

#mercado-futuro-wrapper {
    width: 730px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 80px;
}

#mercado-futuro-wrapper > .bg {
    position: absolute;
    left: 0;
    right: 40px;
    top: 60px;
    bottom: -30px;
    background: #333;
    z-index: 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#mercado-futuro-title {
    text-transform: uppercase;
    margin-top: 50px;
    font-size: 19px;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

#future-quotes {
    width: 640px;
    margin-left: 45px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

#future-quotes > thead td {
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

#future-quotes > tbody td {
    color: #BBBBBB;
    line-height: 25px;
    text-align: center;
    border-left: 1px dotted #fff;
    font-size: 15px;
}

#future-quotes > tbody td.cbot-future-symbol {
    border: none;
}

.cbot-future-last-trade {
    text-transform: uppercase;
}

#future-quotes > tbody td.cbot-future-change {
    text-align: left;
    text-indent: 30px;
}

#future-quotes > tbody td.cbot-future-change.negative {
    color: #D37075;
}

#future-quotes > tbody td.cbot-future-change.positive {
    color: #7AFF4D;
}

#future-quotes > tbody td.cbot-future-change.negative:before {
    content: url("../img/info/cbot/future-negative-mark.png");
    margin-right: 5px;
}

#future-quotes > tbody td.cbot-future-change.positive:before {
    content: url("../img/info/cbot/future-positive-mark.png");
    margin-right: 5px;
}

/* CBOT Footer */

.cbot #clima-footer {
    margin-top: 50px;
    height: auto;
    padding-bottom: 40px;
}

.cbot #clima-footer > .bg {
    top: auto;
    bottom: 0;
    height: 125px;
}

.cbot #clima-footer p {
    color: #fff;
}

.cbot #clima-footer .copyright {
    margin-top: 100px;
    color: #333;
}