a {
     text-decoration: none;
}
body .ui-body-c, body .ui-overlay-c{
text-shadow:initial;
}

body.la-razon,
body.la-razon input,
body.la-razon select, body.la-razon textarea, body.la-razon button, body.la-razon .ui-btn {
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.1;
}

body p, body span{
  color: #676767;
}

body,
input,
select,
textarea,
button,
.ui-btn {
        font-size: 1em;
        line-height: 1.3;
        font-family: PlayfairDisplay-Bold ;
}

.la-razon.ui-overlay-a,
.la-razon .ui-page-theme-a,
.la-razon .ui-page-theme-a .ui-panel-wrapper{
    background-color: #FFF;
}

.la-razon .ui-page-theme-a a,
html .la-razon .ui-bar-a a,
html .la-razon .ui-body-a a,
html body.la-razon .ui-group-theme-a a {
    font-weight: normal;
}
.la-razon .ui-bar-a,
.la-razon .ui-page-theme-a .ui-bar-inherit,
html .la-razon .ui-bar-a .ui-bar-inherit,
html .la-razon .ui-body-a .ui-bar-inherit,
html body.la-razon .ui-group-theme-a .ui-bar-inherit {
    color: #333;
    font-weight:  normal;
    text-shadow: initial;
}

*{
  -webkit-box-shadow: initial;
  -moz-box-shadow: initial;
  box-shadow: initial;
  text-shadow: initial;
}

.la-razon .ui-page-theme-a .ui-btn:hover,
html .la-razon .ui-bar-a .ui-btn:hover,
html .la-razon .ui-body-a .ui-btn:hover,
html .la-razon body .ui-group-theme-a .ui-btn:hover,
html .la-razon head + body .ui-btn.ui-btn-a:hover{
  border-color:transparent;
  /*background: transparent;*/
  box-shadow: initial;
}

.message.success{
   color: #007aff;
    margin-top: 15px;
}
.message.error{
   color: #CB2000;
    margin-top: 15px;
}

/** Header **/
.la-razon .ui-page-theme-a .ui-header .main{
    background: url("../img/bkg-header.png") repeat scroll 0 1px rgba(0, 0, 0, 0);
    border: medium none;
    min-height: 85px;
}

.la-razon .ui-page-theme-a .ui-btn-icon-notext:after,
.la-razon .ui-page-theme-a .ui-btn-icon-left:after,
.la-razon .ui-page-theme-a .ui-btn-icon-right:after{
  top: 50%;
  background-color: transparent;
}

.la-razon .ui-alt-icon.ui-icon-plus::after,
.la-razon .ui-alt-icon .ui-icon-plus::after,
.la-razon .ui-alt-icon.ui-icon-minus::after,
.la-razon .ui-alt-icon .ui-icon-minus::after{
    background-image: none;
}


.la-razon .ui-page-theme-a .ui-footer{
    border: none;
    border-top: 7px solid #CB2000;
    background-color:#FFF;
}

.la-razon .ui-page-theme-a .lrz-footer-title{
    font-size: 20px;
    color:#C51500;
    font-family: Roboto-Light;
    font-weight: normal;
}

.la-razon .ui-page-theme-a .ui-footer .menu-bottom-container{
    padding: 0 1em;
    overflow: hidden;
}

.la-razon .ui-page-theme-a .ui-footer .menu-bottom-container.third{
   padding-bottom: 1em;
}

.la-razon .ui-page-theme-a .ui-footer .menu-bottom-container .menu-bottom{
    border-top: 2px solid #DEDEDE;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.la-razon .ui-page-theme-a .ui-footer .menu-bottom-container ul.menu-bottom li{
    list-style:none;
    border-bottom: 1px solid #DEDEDE;
    float: left;
    padding: 6px 0;
    width: 49%;
}

.la-razon .ui-page-theme-a .ui-footer .menu-bottom-container ul.menu-bottom li.item-0,
.la-razon .ui-page-theme-a .ui-footer .menu-bottom-container ul.menu-bottom li.item-2{
    margin-right: 20px;
    width: 44%;
}

.item-bottom{
    width: 49%;
    margin-top: 10px;
    display: inline-block;
}
.social-container{
    float:left;
}

.social-container a.fb-footer{
    margin:0 10px;
}
.social-container a img{
    width: 32px;
}

.menu-tools{
    margin: 0;
    padding: 0;
}
.menu-tools li{
    list-style: none;
    text-transform: uppercase;
    height: 25px;
    margin-bottom: 5px;
}
.menu-tools li.first{
    border-bottom:  1px solid #dedede;
}
.menu-bottom-container span.copy{
    font-family: arial;
    font-weight: bold;
    font-size: 12px;
}

.la-razon .ui-page-theme-a .ui-footer .menu-tools li a{
    font-size: 12px; font-family: Roboto-Bold;
}

.la-razon .ui-page-theme-a .ui-footer a{
 color:#7E7D7D;
 font-family: Roboto-Light;
 font-size: 14px;
}

.la-razon .ui-page-theme-a .ui-header .ui-title {
  margin: 0 5%;
  padding: 1em 0;
  text-align: left;
}


.la-razon .ui-page-theme-a .ui-btn-icon-notext.ui-btn-corner-all,
.la-razon .ui-page-theme-a .ui-btn-icon-notext.ui-corner-all{
  border: none;
}

.la-razon .ui-page-theme-a .ui-alt-icon.ui-icon-bars:after,
.la-razon .ui-page-theme-a .ui-alt-icon .ui-icon-bars:after{
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E")
}

.la-razon .ui-page-theme-a .ui-alt-icon.ui-icon-search:after,
.la-razon .ui-page-theme-a .ui-alt-icon .ui-icon-search:after,
.la-razon .ui-page-theme-a .ui-input-search:after{
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5%20s2.463%2C5.5%2C5.5%2C5.5c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E");
}

figure{
    margin: 0 !important;
}




/** Navigation **/

.la-razon .lrz-navmenu-panel{
  background-color: #5B5B5B;
}

.la-razon .lrz-navmenu-panel .ui-panel-inner {
    padding: 0.5px 1em;
}

.la-razon .lrz-navmenu-panel ul.lrz-list {
    margin:0;
    padding: 0;

}

.la-razon .ui-collapsible-heading, .ui-collapsible-heading > .ui-btn{
  border-radius: 0;
}

.lrz-navmenu-panel ul.lrz-list li a{
  border: none;
  background: url("../img/bkg-menu-red.png");
  text-align: center;
  color: #FFF;
}

.lrz-navmenu-panel ul.lrz-list li a:hover{
  color: #303030;
}

.lrz-navmenu-panel ul.lrz-list li:first-child .h3{
  background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: hidden; clear: both;
}

.lrz-navmenu-panel ul.lrz-list li:first-child .title{
  float: left; text-align: center; width: 100%; padding: 7px 0px;
}
.lrz-navmenu-panel ul.lrz-list li:first-child a{
    background: url("../img/bkg-menu-white.png") repeat scroll -3px -3px rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: initial;
    color: #cb2000;
    right: 0;
    top: 22%;
}
.lrz-navmenu-panel ul.lrz-list li:first-child a.ui-btn-active{
    color: #cb2000;
}

.lrz-navmenu-panel ul.lrz-list li:nth-child(2) a{
  background: url("../img/bkg-menu-gray.png");
}

.la-razon .lrz-navmenu-panel ul li{
  list-style: none;
  margin: 10px 0;
  text-transform: uppercase;
}

.la-razon .lrz-navmenu-panel .submenu-items-container{
  background-color: #5b5b5b;
  margin: 0;
  padding: 0;
}

.la-razon .lrz-navmenu-panel .submenu-items-container ul{
  margin: 0;
  padding: 0;
}
.la-razon .lrz-navmenu-panel .submenu-items-container ul li{
  border-bottom: 1px solid #fff;
  margin: 5px 0;
}

.la-razon .lrz-navmenu-panel .submenu-items-container ul li a{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
}

.la-razon .ui-collapsible-themed-content .ui-collapsible-content{
  border: none;
}

    /** Submenu Secciones Container **/

  .la-razon .lrz-navmenu-panel .sectionsubmenuitem-heading{
      border-bottom: 1px solid #a9a9a9;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      padding: 5px 0;
  }

  .la-razon .lrz-navmenu-panel .secciones.submenu-items-container ul li.submenu-item-childs{
    padding: 0;
  }

  .la-razon .lrz-navmenu-panel .secciones.submenu-items-container ul li{
    border-bottom: none;
    border-radius: 0;
    padding: 5px 0;
  }

  .la-razon .lrz-navmenu-panel .secciones.submenu-items-container ul li.submenu-item{
      border-bottom: 1px solid #a9a9a9;
  }

  .la-razon .lrz-navmenu-panel .secciones.submenu-items-container ul li span{
    text-shadow: initial;
  }

  .la-razon .lrz-navmenu-panel .secciones.submenu-items-container ul li a{
    box-shadow: initial;
  }

   .la-razon .lrz-navmenu-panel .secciones .submenu-item-inner-container li:first-child a{
    position: relative;
   }

  .la-razon .lrz-navmenu-panel .secciones .submenu-item-inner-container li.submenu-item-inner{
      border-left: 3px solid #fff;
      margin: 2px 0 0 10px;
      padding: 10px 5px 5px;
      border-bottom: 1px solid #a9a9a9;
  }

  .la-razon .lrz-navmenu-panel .secciones.submenu-items-container ul li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: Myriad Pro;
    font-weight: normal;
    text-transform: capitalize;
}

    .la-razon .lrz-navmenu-panel .secciones.submenu-items-container .sectionsubmenuitem-heading a{
        text-align: left; padding:0
    }
    .la-razon .lrz-navmenu-panel .secciones.submenu-items-container .sectionsubmenuitem-li .ui-collapsible-content{
        background-color: #5b5b5b;
        margin: 0;
        padding: 0;
    }

    .la-razon .lrz-navmenu-panel .secciones.submenu-items-container .submenu-item-childs .sectionsubmenuitem-heading{
        margin: 0;
    }

     .la-razon .lrz-navmenu-panel .secciones.submenu-items-container .submenu-item-childs .ui-link{
    background: none repeat scroll 0px 0px transparent; color: rgb(255, 255, 255); font-family: Myriad Pro; font-weight: normal; text-transform: capitalize; font-size: 15px;
     }

    .la-razon .lrz-navmenu-panel .secciones.submenu-items-container .submenu-item-childs .ui-collapsible-heading-status{
        clip: inherit;
        height: 15px;
        right: 15px;
        text-indent: -9999px;
        width: 15px;
        opacity: 0.3;
    }

    /** End - Submenu Secciones Container **/

      /**** Submenu Suplementos Container ***/

      .la-razon .lrz-navmenu-panel .suplementos.submenu-items-container ul{
        background: none repeat scroll 0 0 #f3f3f3;
        border-radius: 4px;
        padding: 0 10px;
      }

      .la-razon .lrz-navmenu-panel .suplementos.submenu-items-container{
        background: #FFF;
        padding: 1px 7px;
      }

      .la-razon .lrz-navmenu-panel .suplementos.submenu-items-container ul {
        /*background: red;*/
      }
      .la-razon .lrz-navmenu-panel .suplementos.submenu-items-container ul li{
        padding: 10px;
      }

      .la-razon .lrz-navmenu-panel .suplementos.submenu-items-container ul li .submenu-link-container{

      }

      .la-razon .lrz-navmenu-panel .suplementos.submenu-items-container ul li a{
        color: #333;
      }

/** Begin - Servicios Menú **/

.la-razon .lrz-navmenu-panel .submenu-items-container.servicios{
  background: #fff;
}

.la-razon .lrz-navmenu-panel .submenu-items-container.servicios ul {
    overflow: hidden;
    padding: 5px;
}

.la-razon .lrz-navmenu-panel .submenu-items-container.servicios .submenu-item {
    background: none repeat scroll 0 0 #f3f3f3;
    float: left;
    height: 60px;
    margin: 1px 1px 0;
    width: 93px;
    display: table;
}
.la-razon .lrz-navmenu-panel .submenu-items-container.servicios .submenu-link-container{
    display: table-cell;
    font-size: 12px;
    padding-right: 5px;
    vertical-align: middle;
    position: relative;
}
.la-razon .lrz-navmenu-panel .submenu-items-container.servicios ul li a{
  color: #333;
  font-size: 11px;
  padding-left: 30px;
}

.la-razon .lrz-navmenu-panel .submenu-items-container.servicios .submenu-link-container .extra-icon{
    background: url("../img/bkg-servicios-mini.png") repeat scroll -15px -27px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    width: 30px;
}

.la-razon .lrz-navmenu-panel .submenu-items-container.servicios .submenu-link-container .extra-icon.tiempo{
    background: url("../img/bkg-servicios-mini.png") repeat scroll -15px -130px;
}
.la-razon .lrz-navmenu-panel .submenu-items-container.servicios .submenu-link-container .extra-icon.telefonos{
    background: url("../img/bkg-servicios-mini.png") repeat scroll -15px -80px;
}
.la-razon .lrz-navmenu-panel .submenu-items-container.servicios .submenu-link-container .extra-icon.rss{
    background: url("../img/bkg-servicios-mini.png") repeat scroll -15px -184px;
}
.servicios .tiempo{
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}


/** End - Servicios Menú **/


/** Content Home **/
.la-razon .ui-page-theme-a .lrz-title{
  font-family: PlayfairDisplay-Bold;
}

.la-razon .ui-page-theme-a .lrz-title{
  color: #303030;
  text-decoration: none;
  font-size: 5vw;
}

.rz-top-border{
    background: url("../img/filete.png");
    display: block;
    height: 4px
}

.lrz-top-border-black{
    background: url("../img/filete-black.png");
    display: block;
    height: 4px
}


/*** Listas de contenidos ***/
.item .mg{
    display: inline;
    float: right;
    padding: 12px 0 0 12px;
}

.tw-share img,
.fb-share img,
.social-img img{
    height: 10vw;
    width: 10vw;
    margin: 2vw 1.5vw 1.5vw 0;
}

.social-share{
    padding: 6px 0;
}

/****  No retina images size ***/
.item.first .mg{
    display: inherit;
    float: none;
    padding: 0;
}


.item.first .mg img,
.article .txt.body img,
.article .txt.body object
{
    height: 70vw;
    min-height: 70vw;
    width: 92vw;
}

.item.first .mt h2 {
    margin: 10px 0 0;
}

.item.first .mt h2 a{
  font-size: 7vw;
}

.item .mg img{
    height: 25vw;
    width: 35vw;
}

.item .mt{
    display: block;
    overflow: hidden;
    word-wrap: break-word;
}

.item .mt h2{
  margin:10px 0;
}

.article.section{
    margin-bottom: 1em;
}

.la-razon .item-list .item{
    overflow: hidden;
    margin-top: 5px;
    margin-left: 1em;
    margin-right: 1em;
}

.editorial, .multimedia, .redes, .lomas, .article .node-title,
.article .media, .article .share-bar, .article .metainfo, .article .body,
.article .related-news, .article .comments, .multimedia-tabs,
.horoscopo, .tiempo, .static-page, .rss-page, .contact,
.article.node-vid, .article.node-pgl.pgl .headline-container{
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 1em;
}

.article.section .related-news,
.article.section .related-news .item{
  margin-left: 0;
  margin-right: 0;
}
.editorial .summary{
  font-size: 4vw;
}

.editorial .header{
  background:#cdcdcd;padding:10px; border-radius:3px; margin-bottom: 5px;
  position: relative;
  overflow: hidden;
}

.multimedia .header .section,
.editorial .header .section{
  color: #333;
  font-family: Roboto-Condensed,Arial;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.editorial .header .section{
  float: left;
}

.editorial .header .arrows{
  right: 45px;
  position: absolute;
  width: 60px;
}

.editorial .header .arrows .ui-btn{
    background: none;
    border: none;
    margin: 2px 0;
}
.editorial .header .arrows .lrz-swiper-button-prev{
border-right: 1px solid #fff;
}
x
.editorial .header .arrows .lrz-swiper-button-next,
.editorial .header .arrows .lrz-swiper-button-prev{
  width: 30px; float: left;
}

.editorial .header .link{
    background: url("../img/bkg-goto-30.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    padding-top: 5px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 30px;
}

.editorial .header .link a{
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.editorial .container{
  background:#cdcdcd;
  padding:10px;
  border-radius:3px;
}

.editorial .sectionName{
    color: #cc0000;
    font-family: Roboto-Light;
    font-weight: normal;
    text-transform: uppercase;
}

  /** Begin -- Home/Sections - Multimedia Blocks **/
    .multimedia{
      margin-bottom: 1em;
    }

    .multimedia .header{
      background:#cdcdcd;padding:10px; border-radius:3px; margin-bottom: 5px;
      position: relative;
    }

    .multimedia .header .section{
      color: #333;
    }

    .multimedia .header .link{
        background: url("../img/bkg-goto-30.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 25px;
        padding-top: 5px;
        position: absolute;
        right: 10px;
        text-align: center;
        width: 30px;
    }

    .multimedia .header .link a{
      color: #fff;
      font-family: Roboto-Black;
      font-size: 1rem;
      font-weight: bold;
      text-shadow: initial;
      text-transform: uppercase;
    }

    .multimedia .item .mg{
      padding: 0;
      float: none;
    }

    .multimedia .item .mt h2{
        background: none repeat scroll 0% 0% rgb(78, 78, 78);
        border: 1px solid #cc0000;
        margin:  0;
        padding: 5px 10px;
    }

    .multimedia .item .mt h2 a{
      color: #e9e6b5;
      font-family: Roboto-Regular;
      /*font-size: 1.2rem;*/
      font-size: 6vw;
      text-shadow: initial;
    }


    .multimedia .sectionName{
        color: #cc0000;
        font-family: Roboto-Light;
        font-weight: normal;
        text-transform: uppercase;
    }

  /** End -- Home/Sections - Multimedia Blocks */

  /** Begin -- Home/Sections - Redes Sociales Block */

    .redes{
       margin-bottom: 1em;
    }
    .redes .header{
        margin: 5px 0;
    }

    .redes .header .section{
      color: #4e4e4e;
      font-family: Roboto-Bold-Condensed;
      font-size: 1.5rem;
    }
    .redes #tabs{
        border: 1px solid #ccc;
        border-radius: 0.3125em 0.3125em 0 0;
        padding: 0;
    }
    .redes #tabs .ui-content{
        padding: .5em;
    }

    .redes #tabs a.ui-link{
        border:none;
        border-bottom: 1px solid #ccc;
        background: #f1f1f1;
        color: #919191;
        text-shadow: initial;
        box-shadow: initial;
        font-family: Roboto-Bold;
    }

    .redes #tabs .ui-tabs-active a.facebook-tab{
        border-bottom: none;
        border-right: 1px solid #ccc;
        background: none;
        color: #000;
    }
    .redes #tabs .ui-tabs-active a.twitter-tab{
        border-bottom: none;
        border-left: 1px solid #ccc;
        background: none;
        color: #000;
    }

    .redes .tabs-social-links{
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        text-align: center;
        padding: 5px 0 0 0;
        background: url("../img/bkg-redes-social.png");
    }

    .redes .tabs-social-links .social-container{
        float:none;
    }

    .redes .tabs-social-links .social-container a.fb-footer {
        border-left: 2px solid #d7d7d7;
        border-right: 2px solid #d7d7d7;
        display: inline-block;
        padding: 0 10px;
    }

  /** End -- Home/Sections - Redes Sociales Block */


  /** Begin -- Home/Sections - Lo más */
    .lomas{
      margin-bottom: 1em;
    }

    .lomas ul {
      padding: 0px; margin: 0px;
    }

    .lomas li{
      border-top: 1px solid #ccc;
      list-style: outside none none;
      padding: 5px 0;
    }

    .lomas .time{
      display: inline-block;
      float: left;
      color: #cc0000;
      font-family: Roboto-Light;
    }

    .la-razon .lomas a.lrz-title{
      border-left: 1px solid #cc0000;
      display: block;
      margin-left: 12vw;
      padding: 0 8px;
      color: #6e6e6e;
    }

    .lomas select, .lomas .ui-select span{
      font-family: Roboto-Bold;
      font-size: 15px;
      text-transform: uppercase;
      text-overflow:initial !important;
      overflow: visible !important;
    }

    .lomas .section{
        float: left;
        width: 55%;
        display: inline-block;
        font-family: Roboto-Condensed,Arial;
        font-size: 1.5rem;
        height: auto;
        padding: 5px 0 0;
    }

    .lomas .select-items{
        display: inline-block;
        width: 44%;
        border-left: 1px solid rgb(204, 204, 204);
    }

    .lomas .select-items .ui-btn,
    .lomas .select-items .ui-btn:hover{
      border: none;
      background: none;
      box-shadow: initial;
     }

    .lomas .select-items .ui-select{
        margin: 0;
    }

     .lomas .select-items .ui-select div{
        padding-left: 5px !important;
    }

    .lomas .vermas{
       border: 1px solid #ccc;
      border-radius: 3px;
      margin-top: 5px;
      padding: 7px;
      text-align: center;
      cursor: pointer;
    }

    .lomas .link{
      color: #cc0000;
      font-family: Roboto-Bold;
      font-size: 14px;
      text-transform: uppercase;
    }
    .lomas a.link:hover{
      color: #cc0000;
    }

  /** End -- Home/Sections - Lo más */


  /** Begin -- Editorial Section **/

    .la-razon .editorial-list .item{
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
        margin-top: 0px;
    }

    .editorial-list .mt{
        padding: 10px;
        -webkit-box-shadow: inset 1px -2px 18px -1px #ccc;
        -moz-box-shadow: inset 1px -2px 18px -1px #ccc;
        box-shadow: inset 1px -2px 18px -1px #ccc;
        border-radius: 2px;
    }

    .editorial-list .mt a.lrz-title{
        font-family: PlayfairDisplay-Bold;
        color:#7f7f7f;
        font-size: 1.2rem;
    }
    .editorial-list .mt span{
        font-family: Roboto-Regular;
        color: #303030;
    }

  /** End -- Editorial Section **/
  /** Begin -- Columnistas Section **/
   .editorial-list .item.first .mt h2,
   .editorial-list .item .mt h2{
        margin: 0;
    }

    .editorial-list.columnistas .mt{
        padding: 25px 20px;
    }

    .editorial-list.columnistas .job,
    .editorial-list.columnistas .author-name{
      text-transform: uppercase;
    }

    .editorial-list.columnistas .job{
        color: #000;
        font-family:Robot-Regular;
        font-size: .9em;
    }

    .editorial-list.columnistas .author-name{
        color: #c71a00;
        font-family:Robot-Medium;
        font-size: 1em;
    }
  /** End -- Columnistas Section**/

/** End - Sections **/





/** Begin - Multimedia Section **/
  /** Begin -- Home/Sections - Lo más */

  .multimedia .item .mt {
    position: relative;
  }

    .multimedia .item .mt .mg .content-icons{
        display: block;
        left: 5vw;
        overflow: hidden;
        position: absolute;
        top: 59vw;
        z-index: 1;
    }

    .multimedia .item .mt .mg .content-icons .media-inf{
        background-color: #c10a0d !important;
        border-radius: 50px 50px 0 0;
        float: left;
        height: 11vw;
        opacity: 0.7;
        text-indent: -666em;
        width: 22vw;
    }

    .multimedia-tabs{
      margin-bottom: 1em;
    }

    .multimedia-tabs ul {
      padding: 0px; margin: 0px;
    }

    .multimedia-tabs li{
      border-top: 1px solid #ccc;
      list-style: outside none none;
      padding: 5px 0;
    }

    .multimedia-tabs .time{
      display: inline-block;
      float: left;
      color: #cc0000;
      font-family: Roboto-Light;
    }

    .la-razon .multimedia-tabs a.lrz-title{
      display: block;
      padding: 0 8px;
      color: #6e6e6e;
    }

    .multimedia-tabs select, .multimedia-tabs .ui-select span{
      font-family: Roboto-Bold;
      font-size: 15px;
      text-transform: uppercase;
      text-overflow:initial !important;
      overflow: visible !important;
    }

    .multimedia-tabs .header{
        border-bottom: 1px solid #ccc;
    }

    .multimedia-tabs .section{
        float: left;
        width: 55%;
        display: inline-block;
        font-family: Roboto-Condensed,Arial;
        font-size: 1.5rem;
        height: auto;
        padding: 5px 0 0;
    }

    .multimedia-tabs .select-items{
        display: inline-block;
        width: 44%;
        border-left: 1px solid #ccc;
    }

    .multimedia-tabs .last_published_contents .item{
      border-bottom: 1px solid #ccc;
      padding: 10px 0;
    }

    .multimedia-tabs .last_published_contents .item .mt{
      border: 1px solid #cc0000;
      padding: 0;
      position: relative;
    }

    .multimedia-tabs .last_published_contents .item .mt a.lrz-title{
      color: #e9e6b5;
      display: block;
      padding: 0;
      font-size: 3.7vw;
      font-family: Roboto-Regular;
    }

    .multimedia-tabs .last_published_contents .item .mt .mg{
      padding: 0;
    }


    .multimedia-tabs .last_published_contents .item .mt .mg img{
      height: 35vw;
      width: 45vw;
    }
    .multimedia-tabs .last_published_contents .item .mt .mg .content-icons{
      overflow: hidden;
      z-index: 1;
      display: block;
      position: absolute;
      top: 26vw;
      left: 5vw;
    }

    .multimedia-tabs .last_published_contents .item .mt .mg .content-icons .media-inf{
      border-radius: 50px 50px 0 0;
      float: left;
      height: 9vw;
      text-indent: -666em;
      width: 17vw;
      background-color: #c10a0d !important;
      opacity: 0.7;
    }
    .multimedia .item .mt .mg .content-icons .media-inf .icon,
    .multimedia-tabs .last_published_contents .item .mt .mg .content-icons .media-inf .icon{
        display: block;
        height: 25px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2vw;
        width: 25px;
    }
 .multimedia.aud .item .mt .mg .content-icons {
    display: block;
    left: inherit;
    overflow: hidden;
    position: absolute;
    top: 28vw;
    width: 100%;
    z-index: 1;
}

 .multimedia.aud .item .mt .mg .content-icons .media-inf {
   background-color: #c10a0d !important;
    border-radius: 70px;
    display: table;
    float: none;
    height: 22vw;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.5;
    position: relative;
    text-indent: -666em;
    width: 22vw;
}
 .multimedia.aud .item .mt .mg .content-icons .media-inf .icon-container{
    display:table-cell; vertical-align: middle
 }
  .multimedia.aud .item .mt .mg .content-icons .media-inf .icon{
    clear: both;
    display: block;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 25px;
}

    .multimedia .item .mt .mg .content-icons .media-inf.pgl .icon,
    .multimedia-tabs .last_published_contents .item .mt .mg .content-icons .media-inf.pgl .icon{
      background:url("../img/bkg-camara.png") repeat scroll -40px -24px;
    }

    .multimedia .item .mt .mg .content-icons .media-inf.aud .icon,
    .multimedia-tabs .last_published_contents .item .mt .mg .content-icons .media-inf.aud .icon{
      background: url("../img/bkg-audio.png") repeat scroll -40px -22px;
    }

    .multimedia .item .mt .mg .content-icons .media-inf.vid .icon,
    .multimedia-tabs .last_published_contents .item .mt .mg .content-icons .media-inf.vid .icon{
        background: url("../img/bkg-video.png") repeat scroll -33px -22px rgba(0, 0, 0, 0);
    }

    .multimedia-tabs .last_published_contents .item .mt .item-title-container{
      background: none repeat scroll 0 0 rgb(78, 78, 78);
      display: block;
      min-height: 35vw;
      overflow: hidden;
      padding: 0 2vw;
    }

    .multimedia-tabs .select-items .ui-btn,
    .multimedia-tabs .select-items .ui-btn:hover{
      border: none;
      background: none;
      box-shadow: initial;
     }

    .multimedia-tabs .select-items .ui-select{
        margin: 0;
    }

     .multimedia-tabs .select-items .ui-select div{
        padding-left: 5px !important;
    }

    .multimedia-tabs .vermas{
       border: 1px solid #ccc;
      border-radius: 3px;
      margin-top: 5px;
      padding: 7px;
      text-align: center;
      cursor: pointer;
    }

    .multimedia-tabs .link{
      color: #cc0000;
      font-family: Roboto-Bold;
      font-size: 14px;
      text-transform: uppercase;
    }
    .lomas a.link:hover{
      color: #cc0000;
    }



.multimedia-tabs .item .mg {
    display: inline;
    float: left;
    padding: 12px 12px 0 0;
}



/** End - Multimedia Section **/

/** Begin - Advertisin **/
.advertising{
    margin: 2vw 0;
}
.advertising .container div{
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ccc;
}

/** End - Advertising **/


/** Begin - Article **/
.article .media.item .mg,
.article .txt.body img{
    display: inline-block;
    float: none;
    padding: 12px 0 0 0;
}
.article .media.item .media-text p {
    margin: 0 0 1em 0;
}


.article .share-bar{
    background: url("../img/bkg-stripe.png");
    padding: 10px 0px;
    display: flex;
    margin-bottom: 1em;
    -webkit-box-shadow: inset 1px -2px 18px -1px #ccc;
    -moz-box-shadow: inset 1px -2px 18px -1px #ccc;
    box-shadow: inset 1px -2px 18px -1px #ccc;
}


.article .share-bar a {
    clear: both;
    display: inline-block;
    margin: auto;
}

.article .txt.body p, .article .txt.body span{
    color: #333;
    font-family: Georgia;
    text-align: left !important;
}
.article .txt.body span.city{
    float: left;
    margin-right: .5em;
    font-weight: bold;
}

.article .related-news .relatedHeader-container h3{
    border-top: 1px solid #ce0000;
    color: #cc0000;
    font-family: Roboto-Light;
    font-weight: normal;
    padding: 5px;
    margin:0 2px;
    border-bottom: 1px solid #bdbdbd;
}
.article .related-news ul{
    padding: 0;
    margin: 0;
}
.article .related-news li,
.article .related-news .relatedHeader-container{
    border-left: 5px solid #bdbdbd;
    list-style: outside none none;
    margin-bottom: 1px;
}
.article .related-news li .link-container{
    border-bottom: 1px solid #bdbdbd;
}
.article .related-news li .link-container{
    margin: 2px;
    padding: 5px 5px 5px 20px;
}
.article .related-news li .link-container .related-date{
    color: #cc0000;
    display: block;
    float: left;
    font-family: "Playfair Display",serif;
    margin: 0 5px 0 10px;
}

.article .related-news li .link-container .related-icon.vid{
  background: url("../img/bkg-sprites-relations.png") repeat scroll -307px 320px;
}

.article .related-news li .link-container .related-icon{
  display: inline-block;
  zoom: 1;
  overflow: hidden;
  width: 15px;
  height: 16px;
  background: url("../img/bkg-sprites-relations.png") repeat scroll -122px 134px;
  margin-top: 5px;
  float:left;
}

.article .related-news a.ui-link{
    font-family: 'Playfair Display', serif;
    color: #333;
    display: block;
    margin-left: 25px;
    font-size: 4vw;
}

.article .comments{
  margin-top: 1em;
}

.article .comments .vermastop{
    position: absolute; right: 30px;
}
.article .comments h3.relatedHeader{
    border-left: 3px solid #ccc;
}

.article .comments h3.relatedHeader a{
    border: none;
    border-top: 1px solid #ce0000;
    color: #cc0000;
    font-family: Roboto-Light;
    font-weight: normal;
    padding: 5px;
    margin:0 2px;
    border-bottom: 1px solid #bdbdbd;
    background: none !important;
}
.article .comments h3.relatedHeader a:hover{
    border: none;
    border-top: 1px solid #ce0000;
    border-bottom: 1px solid #bdbdbd;
    background: none !important;
}

.article .comments .input-container{
    padding: 4vw; background: #f0f0f0; border: 1px solid #dcdbdb; margin:4vw 0; border-radius: 3px
}
.article .comments .input-container textarea{
    min-height: 150px;
}

.article .comments .input-container .ui-btn {
    -moz-user-select: none;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin: 0.5em 0;
    overflow: hidden;
    padding: 0.7em 1em;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article .comments ul{
    padding: 0;
    margin: 0;
}
.article .comments li,
.article .comments .relatedHeader-container{
    list-style: outside none none;
    margin-bottom: 1px;
}
.article .comments li .link-container{
    border-top: 1px solid #bdbdbd;
}
.article .comments li .link-container{
    margin: 2px;
    padding: 5px 5px 5px 0;
}

.article .comments li .link-container span{
  display: inline-block;
  overflow: hidden;
  width: 100%
}
.article .comments li .link-container span.comment-nick{
color: #c51500;
 font-size: 3.8vw;
 }

.article .comments li .link-container span.comment-text{
  color: #000;
  font-size: 4vw;
  margin-bottom: 2vw;
}

.article .comments li .link-container .related-icon{
  display: inline-block;
  zoom: 1;
  overflow: hidden;
  width: 15px;
  height: 16px;
  background: url('../img/list-icon.png');
}
.article .comments .comment-time{
    font-size: 3vw;
    font-weight: bold;
}
.article .comments .vermas {
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
    padding: 7px;
    text-align: center;
}
.article .comments .vermas .ui-link{
    color: #cc0000;
    font-family: Roboto-Bold;
    font-size: 14px;
    text-transform: uppercase;
}
/** End - Article **/


/** Begin - Article Node-pgl - Node-vid**/

.lrz-content.pglNode,
.lrz-content.vidNode,
.lrz-content.section-multimedia{
    background: url('../img/bkg-stripe.png');
}

.article.node-pgl .headline-container,
.article.node-vid .headline-container{
    background: #767373;
    border: 1px solid #cc0000;
    display: block;
    margin-bottom: 5px;
    padding: 1em 0;
    opacity: 0.95;
}
.article.node-pgl .headline,
.article.node-vid .headline{
    color: #e9e5ba;
    font-family: Roboto-Regular;
    font-size: 1.2rem;
    font-weight: normal;
    margin: 0;
    padding-left: 5px;
    text-shadow: initial;
}

.article.node-pgl .swiper-container{
  position: relative;
}

.article.node-pgl .swiper-container .lrz-swiper-button{
    background-color: red;
    height: 16vw;
    opacity: 0.6;
    position: absolute;
    top: 30vw;
    width: 8vw;
    z-index: 1;
    border: none;
}
.article.node-pgl .swiper-container .lrz-swiper-button-prev{
  border-radius: 0 32vw 32vw 0;
    left: 0;
}

.article.node-pgl .swiper-container .lrz-swiper-button-next{
 border-radius: 32vw 0 0 32vw;
    right: 0;
}

.article.node-pgl .media.item,
.article.node-vid .media.item{
    margin-bottom: 1em;
}

.article.node-pgl .media.item .mg,
.article.node-vid .media.item .mg{
    padding: 0;
}

.article.node-pgl .share-bar,
.article.node-vid .share-bar{
    background: #fff;
    border: 1px solid #ccc;
    display: flex;
    margin-bottom: 1em;
    padding: 10px 0;
}

.article.node-vid .media-video {
        position:relative;
        padding-bottom:56.25%;
        padding-top:5px;
        height: 15vw;
        margin-bottom: 20px;
        overflow:hidden;
}

.section-media.list{
    display: inline;
    float: right;
    min-height: 25vw;
    padding: 12px 0 0 12px;
    width: 35vw;
}

.section-media.list .media-video iframe,
.section-media.list .media-video object,
.section-media.list .media-video embed {
        position:relative;
        top:0;
        left:0;
        width:100%;
        height: 25vw;
}


.section-media-main{
    min-height: 70vw;
    width: 92vw;
}


.freehtml.section-media-main .media-video iframe,
.freehtml.section-media-main .media-video object,
.freehtml.section-media-main .media-video embed {
    height: 125vw !important;
    left: 0;
    position: relative;
    top: 0;
    width: 90vw;
}

.section-media-main .media-video iframe,
.section-media-main .media-video object,
.section-media-main .media-video embed {
        position:relative;
        top:0;
        left:0;
        width:100%;
        height:70vw;
}

.article.node-vid .media-video iframe,
.article.node-vid .media-video object,
.article.node-vid .media-video embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }


.article.node-vid .audio-player{
    width: 90vw;
}
.article.node-vid.aud .media.item,
.article.node-vid.aud .share-bar,
.article.node-vid.vid .share-bar{
    margin-left: 0;
    margin-right: 0;
}


/** End - Article Node-pgl **/

/** Begin - Horoscopo page **/
.horoscopo h2.headline.headline-regular{
    margin: 2vw 0 0 0;
}

.horoscopo .date{
    color: #c51500;
    font-family: Roboto-Medium;
    font-size: 4.5vw;
    font-weight: normal
}

.horoscopo .item-container-data{
    margin: 0 45px;
}

.horoscopo .icon{
    border-right: 2px solid #ccc;
    display: block;
    float: left;
    width: 25vw;
    text-align: center;
}
.horoscopo .icon p{
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    text-indent: -99999px;
    width: 80px;
}

.horoscopo .summary{
    display: block;
    margin-left: 29vw;
    font-size: 3.5vw;
    color: #000;
}

.horoscopo .swiper-wrapper{
  position: relative;
}

.horoscopo .lrz-swiper-button{
    background-color: #c51500 !important;
    border: none !important;
    border-radius: 100vw;
    height: 14vw;
    position: absolute;
    top: 30vw;
    width: 14vw;
    z-index: 1;
}
.horoscopo .lrz-swiper-button.lrz-swiper-button-prev{
 left: 0px;
}

.horoscopo .lrz-swiper-button.lrz-swiper-button-next{
  right: 0px;
}

.horoscopo .aries .icon p{
  background: url("../img/h-logotipos.png") repeat scroll -5px -100px rgba(0, 0, 0, 0);
}

.horoscopo .tauro .icon p{
  background: url("../img/h-logotipos.png") repeat scroll -220px -100px rgba(0, 0, 0, 0);
}

.horoscopo .geminis .icon p{
  background: url("../img/h-logotipos.png") repeat scroll -425px -100px rgba(0, 0, 0, 0);
}

.horoscopo .cancer .icon p{
  background: url("../img/h-logotipos.png") repeat scroll 2px -290px rgba(0, 0, 0, 0);
}

.horoscopo .leo .icon p{
  background: url("../img/h-logotipos.png") repeat scroll 418px -285px rgba(0, 0, 0, 0);
}

.horoscopo .virgo .icon p{
  background: url("../img/h-logotipos.png") repeat scroll 210px -285px rgba(0, 0, 0, 0);
}

.horoscopo .libra .icon p{
  background: url("../img/h-logotipos.png") repeat scroll 0 -475px rgba(0, 0, 0, 0);
}

.horoscopo .escorpio .icon p{
  background: url("../img/h-logotipos.png") repeat scroll 405px -475px rgba(0, 0, 0, 0);
}

.horoscopo .sagitario .icon p{
  background: url("../img/h-logotipos.png") repeat scroll 210px -475px rgba(0, 0, 0, 0);
}

.horoscopo .capricornio .icon p{
  background: url("../img/h-logotipos.png") repeat scroll 0px -650px rgba(0, 0, 0, 0);
}

.horoscopo .acuario .icon p{
  background: url("../img/h-logotipos.png") repeat scroll -215px -650px rgba(0, 0, 0, 0);
}

.horoscopo .piscis .icon p{
  background: url("../img/h-logotipos.png") repeat scroll -432px -645px rgba(0, 0, 0, 0);
}

.swiper-button-disabled{
    cursor: default !important;
    opacity: 0.3 !important;
    pointer-events: none;
}
/** End - Horoscopo page **/

/** Begin - Tiempo page **/

.tiempo h2.headline.headline-regular{
    margin: 2vw 0 0 0;
}

.tiempo .date{
    color: #c51500 !important;
    font-family: Roboto-Medium;
    font-weight: normal;
}

.tiempo .item-container-data{
    display: block;
    margin: 0 45px;
    overflow: hidden;
}

.tiempo .icon{
    display: block;
    float: left;
    width: 28vw;
    text-align: center;
}
.tiempo .icon p{
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    text-indent: -99999px;
    width: 80px;
}

.tiempo .summary{
    color: #000;
    display: block;
    font-family: Roboto-Medium;
    font-size: 5.3vw;
    margin-left: 39vw;
}

.tiempo .swiper-wrapper{
  position: relative;
}

.tiempo .lrz-swiper-button{
    background-color: #c51500 !important;
    border: none !important;
    border-radius: 100vw;
    height: 14vw;
    position: absolute;
    top: 17vw;
    width: 14vw;
    z-index: 1;
}
.tiempo .lrz-swiper-button.lrz-swiper-button-prev{
 left: 0px;
}

.tiempo .lrz-swiper-button.lrz-swiper-button-next{
  right: 0px;
}

.tiempo .next-days{
    border: 1px solid #ccc; padding: 5px;
    overflow: hidden;
    border-radius: 3px;
}

.tiempo .next-days span{
    float: left;
    font-size: 3.5vw;
    margin-right: 3px;
    overflow: hidden;
    color: #646464;
}
.tiempo .next-days .minTemp{
    color: #72D5EE;
}

/** End - Tiempo page **/



/** Begin - RSS Page **/

.rss-page .all-rss{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px 0;
}

.rss-page p.desc span.tx-title strong{
    color: #c51500;
}
.rss-page .rss-links{
    margin: 0;
    padding: 0;
}

.rss-page .rss-links li{
    list-style: none;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.rss-page .rss-links .item-container{
    display: table-cell;
    vertical-align: middle;
    padding-top: 7px;
}
.rss-page .rss-links .rss-icon{
    background: url("../img/bkg-rss.png") repeat scroll -2px -10px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px;
}
.rss-page .rss-links a.ui-link,
.rss-page span{
    color: #4b4b4b;
}

/** End - RSS Page **/


/** Begin - Contact Page **/
.contact .row .ui-input-text{
    display: block;
    margin: 5px 1px;
    overflow: hidden;
}
.contact .row.no-float .ui-input-text{
    clear: both;
}

.contact .row.short .ui-input-text{
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 48%;
}
.contact .row #message{
    height: 150px !important;
    width: 99%;
}

.contact .captcha{
    display: block; overflow: hidden;
}

.contact .captcha img{
    width: 49%; float: left;
    border: 1px solid #ccc;
}

.contact .captcha .terminos-container{
    display: block; overflow: hidden;
}
.contact .captcha .terminos-container .ui-checkbox{
    float: left;
    margin: 0.5em 0;
    padding-left: 34px;
    position: relative;
}


.contact #status{
display: block; clear: both; text-align: center;
}

.contact .lomas .vermas{
    clear: both;
}

.contact .row .error.ui-input-text,
.contact .row.no-float.error .ui-input-text{
    border-color: red;
}
/** End - Contact Page **/


/** Begin - Article Node-Columnista **/
.lrz-content.columnistaNode .headline.headline-regular{
  color: #7e7d7d;
  text-align: center;
}

.lrz-content.columnistaNode .summary{
  text-align: center;
}

.lrz-content.columnistaNode .author{
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 4vw;

}

.lrz-content.columnistaNode .author .metainfo-author{
  color: #c51500;
}


/** End - Article Node-Columnista **/


/** Begin -- Header Styles **/
.la-razon .lrz-header {
  background: #fff;
  border-top: none;
  border-bottom-color: #eee;
}
.la-razon .lrz-header h2 {
    margin: 0 1em;
    padding: 0.7em 0 0.1em;
}
.la-razon .lrz-header h2 a {
  display: inline-block;
  text-decoration: none;
  min-height: 40px;
}
.la-razon .lrz-header h2 img {
  display: block;
}

.la-razon .lrz-header h2 > img {
  display: inline-block;
}
.la-razon .lrz-header a.lrz-navmenu-link {
  margin: 0;
  top: 25px;
}

.la-razon .lrz-header p {
  position: absolute;
  bottom: -2em;
  left: 1em;
  margin: 0;
  color: #666;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
.la-razon .lrz-header .ui-btn {
  width: 2em;
  height: 2em;
  background: none;
  border: 0;
  top: 50%;
  margin-top: -2em;
  -webkit-border-radius: .3125em;
  border-radius: .3125em;
  opacity: 1;
  filter: Alpha(Opacity=40);
}
.la-razon .lrz-header .lrz-navmenu-link.ui-btn{
    background: transparent;
    box-shadow: initial;
    border:none;
}


/** End -- Header Styles **/

.la-razon .lrz-header .subheader{
    border-width: 0;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 1em 0;
    text-align: center;
    background: #5b5b5b;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 26px -10px #000 inset;;
    -moz-box-shadow: 0 0 26px -10px #000 inset;;
    box-shadow: 0 0 26px -10px #000 inset;
}
.la-razon .lrz-header .subheader .section-name,
.la-razon .lrz-header .subheader a{
    font-family: Roboto-Bold-Condensed;
    font-size: 25px;
    color: #FFF !important;

}

.la-razon .lrz-header .subheader .ui-btn:hover{
    background: transparent;
    box-shadow: initial;
    border:none;
}

.la-razon .lrz-header .subheader .section-next{
    position: relative;
    display: block;
}

.la-razon .lrz-header .subheader .next{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 8px;
    border: none;
    box-shadow: initial;
}

.la-razon .lrz-header .subheader .section-prev{
    position: relative;
    display: block;
}

.la-razon .lrz-header .subheader .prev{
    display: inline-block;
    left: 0;
    position: absolute;
    top: 40px;
    border: none;
    box-shadow: initial;
}

.la-razon .lrz-header .subheader-opinion{
  display: block; overflow: hidden;
}

.la-razon .lrz-header .subheader-opinion .opinion-link{
  float: left; width: 49%; text-align: center; display: block; font-size: 6vw;
  padding: 5vw 0;
}

.la-razon .lrz-header .subheader-opinion .opinion-link.editorial-item{
  border-right: 1px solid #ccc;
 }

 .la-razon .lrz-header .subheader-opinion .opinion-link-columnistas-item{
   border-left: 1px solid #ccc;
 }

.la-razon .lrz-header .subheader-opinion .opinion-link a{
  color: #000;
}

.la-razon .lrz-header .subheader-opinion .opinion-link.active a{
  color: #c71a00;
 }

 .la-razon .gotoweb .container{
    background: #aaa none repeat scroll 0 0;
    color: #000 !important;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-top: 18px;
    text-align: center;
    text-transform: uppercase;
 }
 .la-razon .gotoweb .container a{
    color: #000 !important;
    font-weight: bold;
 }

/* Footer */
.la-razon .lrz-footer.ui-footer {
  position: absolute;
  bottom: 0;
  padding-bottom: 0;
}
.la-razon .lrz-footer {
  border-top: 1px solid #3eb249;
}
.la-razon .lrz-footer p {
  font-size: .8em;
  color: #999;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin: 0 1.25em 1.25em;
}
.la-razon .lrz-footer p:first-child {
  font-size: 1em;
  color: #666;
  font-weight: 400;
  margin: 1em 1em .75em;
}

/* Content */
.la-razon .lrz-content > h1,
.la-razon .lrz-content > h2,
.la-razon .lrz-content > h3,
.la-razon .lrz-content > p,
.la-razon .lrz-content > ul li,
.la-razon .lrz-content > a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.la-razon .lrz-content > h1 {
  font-size: 2.4em;
  margin: 0 0 .625em;
}
.la-razon .lrz-content > h2 {
  color: #3eb249;
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  font-size: 1.6em;
  padding-bottom: .2em;
  margin: 0 0 .7375em;
}
.la-razon .lrz-content > h3 {
  color: #3eb249;
  background-color: transparent;
  font-size: 1.4em;
  margin: 0 0 1em;
}
.la-razon .lrz-content > p {
  font-size: 1.2em;
  line-height: 1.5;
}
.la-razon .lrz-content > ul:not(.lrz-list) li {
  font-size: 1.2em;
  line-height: 1.5;

}
.la-razon .lrz-content > p {
  margin: 0 0 1.25em;
}
.la-razon .lrz-content > ul,
.la-razon .lrz-content > ol {
  margin: 5px;
  padding: 5px;
}
.la-razon .lrz-content > .ui-listview {
  padding-left: 0;
}
.la-razon .lrz-content > a,
.la-razon .lrz-content > p a,
.la-razon .lrz-content > ul:not(.lrz-list) li a {
  font-weight: 400;
  text-decoration: none;
}
.la-razon .lrz-content strong {
  font-weight: 700;
}
.la-razon .lrz-content > p strong {
  font-weight: 400;
}

/* Homepage */
.lrz-home > .lrz-content > img {
  width: 400px;
  max-width: 100%;
  display: block;
  margin: 2.5em 0;
}
.lrz-home .ui-grid-a {
  margin: 2.5em -.5em -.5em;
}
.lrz-block-content {
  margin: .5em;
  padding: 1em;
  background: #fff;
  border: 1px solid #eee;
  -webkit-border-radius: .3125em;
  border-radius: .3125em;
  font-family: 'Open Sans', sans-serif;
}
.lrz-block-content h3 {
  font-size: 1.5em;
  font-weight: 300;
  color: #3eb249;
  border-bottom: 1px solid #ddd;
  padding-bottom: .25em;
  margin: 0 0 .5em;
}
.lrz-block-content p {
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4;
  margin: .7em 0;
}
.lrz-block-content p:last-child {
  margin-bottom: 0;
}
.lrz-block-content a:link {
  font-weight: 300;
  text-decoration: none;
}

/* Code */
.lrz-content pre,
.lrz-content code {
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  background: #e5e5e5;
  background: rgba(0,0,0,.05);
  padding: 0 .125em;
}
.lrz-content pre {
  padding: 0 1em 1.2em;
  white-space: pre-wrap;
}
.lrz-content pre > code {
  padding: 0;
  background: none;
  font-size: .9em;
}

/* Lists */
.la-razon .lrz-search .lrz-list {
  margin: 0 -1em 1em;
}
.la-razon .lrz-list .ui-btn,
.la-razon .lrz-list .ui-btn:visited,
.la-razon .lrz-list .ui-li-divider {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  text-shadow: initial !important;
}
.la-razon .lrz-list .ui-btn:hover,
.la-razon .lrz-list .ui-btn:active {
  color: #3388cc;
}
.la-razon .lrz-list .ui-btn.ui-btn-active {
  color: #fff;
}
.la-razon .lrz-list .ui-li-divider {
  color: #3eb249;
}

/* Navmenu */
.lrz-navmenu-panel .ui-listview > li .ui-collapsible-heading {
  margin: 0;
}
.lrz-navmenu-panel .ui-collapsible.ui-li-static {
  padding: 0;
  border: none !important;
}
.lrz-navmenu-panel .ui-collapsible + li > .ui-btn,
.lrz-navmenu-panel .ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn,
.lrz-navmenu-panel .ui-panel-inner > .ui-listview > li.ui-first-child .ui-btn {
  border-top: none !important;
}
.lrz-navmenu-panel .ui-listview .ui-listview .ui-btn {
  padding-left: 1.5em;
  color: #999;
}
.lrz-navmenu-panel .ui-listview .ui-listview .ui-btn.ui-btn-active {
  color: #fff;
}
.lrz-navmenu-panel .ui-btn:after {
  opacity: .4;
  filter: Alpha(Opacity=40);
}
.la-razon .lrz-navmenu-panel.lrz-panel-page-nav {
  display: none;
  position: absolute;
  top: 178px;
  left: 12px;
}
.la-razon .lrz-navmenu-panel.lrz-panel-page-nav ul li:first-child a{
  border-top: none;
}
/* Search */
.lrz-search-panel .ui-panel-inner {
  padding-top: 0;
}
.lrz-search-panel .ui-input-search {
  margin: 1em 0;
}
.lrz-search-panel .ui-input-search.ui-focus {
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
}
.lrz-list .lrz-search-results-keywords {
    padding: .46857em 0 0;
    font-size: .8em;
    font-weight: 300;
    color: #999;
    display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ui-btn-active .lrz-search-results-keywords {
    color: #fff;
}
.lrz-search-results-highlight {
    color: #3388cc;
    font-weight: 400;
}
.ui-btn-active .lrz-search-results-highlight {
    color: #fff;
    font-weight: 300;
}

/* Quick links */
.la-razon .lrz-content .lrz-deeplink {
  display: block;
  color: #999;
  font-weight: 300;
  border-top: 1px solid #eee;
  text-align: right;
  padding-top: .2em;
  margin: 0 0 1.5em;
}
.la-razon .lrz-content .lrz-deeplink:after {
  content: "";
  display: block;
  float: right;
  margin: .1em 0 0 .5em;
  width: 1em;
  height: 1em;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: .4;
  filter: Alpha(Opacity=40);
}

/* View source links */
.la-razon .lrz-content .lrz-view-source-link,
.la-razon .lrz-content .lrz-view-source-link:visited,
.la-razon .lrz-content .lrz-view-source-link:hover,
.la-razon .lrz-content .lrz-view-source-link:active {
  color: #3eb249;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin: 2em 0 1.5em 1em;
}
.la-razon .lrz-content .lrz-view-source-link.ui-btn-active:link {
  color: #fff;
}

@media (min-width: 60em) {
  .la-razon .lrz-header h2 {
    margin: 0 1em 0 3%;
    text-align: left;
  }
  .la-razon .lrz-header h2 img {
    width: 275px;
  }

  .la-razon .lrz-header p {
    bottom: auto;
    left: auto;
    top: 50%;
    right: 15%;
    font-size: 1.2em;
    margin-top: -.625em;
  }
  .la-razon .lrz-navmenu-link {
    display: none;
  }
  .la-razon .lrz-search-link {
    right: 3%;
  }
  .la-razon .lrz-footer p {
    float: right;
    margin: 1.5em 3% 1.5em 1.5em;
  }
  .la-razon .lrz-footer p:first-child {
    float: left;
    margin: 1.25em 1.25em 1.25em 3%;
  }

  .la-razon.lrz-panel-page .lrz-navmenu-panel {
    display: none;
  }
  html .la-razon.lrz-panel-page .lrz-navmenu-panel.lrz-panel-page-nav {
    display: block;
  }
  .la-razon .lrz-navmenu-panel .ui-panel-inner {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .la-razon .lrz-content {
    padding-top: 2em;
    padding-left: 5%;
    padding-right: 3%;
  }
    .la-razon .lrz-content.lrz-fullwidth {
    width: auto;
    padding-left: 15%;
    padding-right: 15%;
    float: none;
  }
  .lrz-navmenu-panel .ui-listview .ui-btn {
    padding-left: 12.5%;
  }

  .lrz-navmenu-panel .ui-listview .ui-listview .ui-btn {
    padding-left: 15%;
  }

  .lrz-navmenu-panel .ui-btn.ui-btn-active {
    color: #3388cc !important;
  }
  .lrz-navmenu-panel .ui-btn::after {
    opacity: 0;
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
  }
  .lrz-navmenu-panel .ui-btn:hover::after {
    opacity: .4;
  }
  .lrz-search-panel {
    width: 26em;
    right: -26em;
    z-index: 1003; /* Puts the panel on top of the dismiss modal which is not adjusted to custom width */
  }
  .lrz-search-panel.ui-panel-animate.ui-panel-position-right {
    -webkit-transform: translate3d(26em,0,0);
    -moz-transform: translate3d(26em,0,0);
    transform: translate3d(26em,0,0);
  }
  .ui-panel-dismiss-open.ui-panel-dismiss-position-right {
    left: -17em;
    right: 17em;
  }
}

@media only screen and (max-device-width: 480px) {
    .item .mg img {
        height: 90px;
        width: 120px;
    }

    .item.first .mg img, .article .txt.body img, .article .txt.body object {
        height: 220px;
        min-height: 220px;
        width: 100%;
    }

}


@media (min-width: 35em) {
  .lrz-block-content {
    min-height: 18em;
  }

  .rz-top-border img{
    width: 35em;
  }


}

/** Media Query para 640px**/
@media (min-width: 40em) {

  .item.first .mg img{
     min-height: 70vw;
    width: 95vw;
  }


}


/** Media Query para 320px**/
@media (min-width: 20em) {
  .advertising .container div{
    width: 320px !important;
  }

  .la-razon .lrz-content {
    padding: 13px 0;
  }

}

@media (max-width: 320px){
  .la-razon .lrz-content {
    padding: 15px 0;
  }
}




/* View source popup */
#jqm-view-source-popup.ui-popup-container {
  width: 90%;
  max-width: 1500px;
}
.lrz-view-source .ui-collapsible-set {
  margin: 0;
}
.lrz-view-source .ui-collapsible-heading .ui-btn {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.lrz-view-source .ui-collapsible-heading .ui-btn-inner {
  padding: .4em;
}
.lrz-view-source .ui-collapsible-content {
  padding: 0;
  overflow: auto;
}
.lrz-view-source .ui-collapsible-content .phpStatus {
  padding: 1em;
}
.lrz-view-source .ui-collapsible-content > div,
.lrz-view-source .ui-collapsible-content .syntaxhighlighter {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.lrz-view-source .ui-collapsible-content::-webkit-scrollbar {
    width: 5px;
}
.lrz-view-source .ui-collapsible-content::-webkit-scrollbar-track {
    background: transparent;
}
.lrz-view-source .ui-collapsible-content::-webkit-scrollbar-thumb {
  background: #435A5F;
  border: solid #222;
  border-width: 12px 2px 12px 0;
  border-bottom-right-radius: 5px;
}
.lrz-view-source .ui-collapsible-content td.code .container > textarea {
  resize: none;
}

/* Button C - HTML */
.lrz-view-source .ui-btn.ui-btn-c,
.lrz-view-source .ui-btn.ui-btn-c:visited,
.lrz-view-source .ui-btn.ui-btn-c:hover,
.lrz-view-source .ui-btn.ui-btn-c:active,
.lrz-view-source .ui-btn.ui-btn-c.ui-btn-active {
  background: #005aff;
  border-color: #0033cc;
  color: #fff;
  text-shadow: initial;
}
/* Button D - PHP */
.lrz-view-source .ui-btn.ui-btn-d,
.lrz-view-source .ui-btn.ui-btn-d:visited,
.lrz-view-source .ui-btn.ui-btn-d:hover,
.lrz-view-source .ui-btn.ui-btn-d:active,
.lrz-view-source .ui-btn.ui-btn-d.ui-btn-active {
  background: #ed1c24;
  border-color: #ff0000;
  color: #fff;
  text-shadow: initial;
}
/* Button E - JS */
.lrz-view-source .ui-btn.ui-btn-e,
.lrz-view-source .ui-btn.ui-btn-e:visited,
.lrz-view-source .ui-btn.ui-btn-e:hover,
.lrz-view-source .ui-btn.ui-btn-e:active,
.lrz-view-source .ui-btn.ui-btn-e.ui-btn-active {
  background: #3EB249;
  border-color: #108040;
  color: #fff;
  text-shadow: initial;
}
/* Button F - CSS */
.lrz-view-source .ui-btn.ui-btn-f,
.lrz-view-source .ui-btn.ui-btn-f:visited,
.lrz-view-source .ui-btn.ui-btn-f:hover,
.lrz-view-source .ui-btn.ui-btn-f:active,
.lrz-view-source .ui-btn.ui-btn-f.ui-btn-active {
  background: #ec008c;
  border-color: #cc0099;
  color: #fff;
  text-shadow: initial;
}

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.83 (July 02 2010)
 *
 * @copyright
 * Copyright (C) 2004-2010 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
  background: none;
  border: 0;
  bottom: auto;
  float: none;
  left: auto;
  height: auto;
  line-height: 18px;
  margin: 0;
  outline: 0;
  overflow: visible;
  padding: 0;
  position: static;
  right: auto;
  text-align: left;
  top: auto;
  vertical-align: baseline;
  width: auto;
  box-sizing: content-box;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
}
.syntaxhighlighter {
  width: auto;
  margin: 0;
  padding: 1em 0;
  position: relative;
  overflow: auto;
  font-size: 13px;
}
.syntaxhighlighter.source {
  overflow: hidden;
}
.syntaxhighlighter .bold {
  font-weight: bold;
}
.syntaxhighlighter .italic {
  font-style: italic;
}
.syntaxhighlighter .line {
  white-space: pre;
  white-space: pre-wrap;
}
.syntaxhighlighter table {
  width: 100%;
}
.syntaxhighlighter table caption {
  text-align: left;
  padding: .5em 0 0.5em 1em;
}
.syntaxhighlighter table td.code {
  width: 100%;
}
.syntaxhighlighter table td.code .container {
  position: relative;
}
.syntaxhighlighter table td.code .container textarea {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: white;
  padding-left: 1em;
  overflow: hidden;
  white-space: pre;
}
.syntaxhighlighter table td.gutter .line {
  text-align: right;
  padding: 0 0.5em 0 1em;
}
.syntaxhighlighter table td.code .line {
  padding: 0 1em;
}
.syntaxhighlighter.show {
  display: block;
}
.syntaxhighlighter.collapsed table {
  display: none;
}
.syntaxhighlighter .line.alt1 {
  background-color: transparent;
}
.syntaxhighlighter .line.alt2 {
  background-color: transparent;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
  background-color: #253e5a;
}
.syntaxhighlighter .line.highlighted.number {
  color: #38566f;
}
.syntaxhighlighter table caption {
  color: #d1edff;
}
.syntaxhighlighter .gutter {
  color: #afafaf;
}
.syntaxhighlighter .gutter .line {
  border-right: 3px solid #435a5f;
}
.syntaxhighlighter .gutter .line.highlighted {
  background-color: #435a5f;
  color: #0f192a;
}
.syntaxhighlighter.collapsed {
  overflow: visible;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
  color: #eee;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
  color: #5ba1cf;
}
.syntaxhighlighter .string {
  color: #98da31;
}
.syntaxhighlighter .string a {
  color: #1dc116;
}
.syntaxhighlighter .keyword {
  color: #ffae00;
}
.syntaxhighlighter .preprocessor {
  color: #8aa6c1;
}
.syntaxhighlighter .variable {
  color: #ffaa3e;
}
.syntaxhighlighter .value {
  color: #f7e741;
}
.syntaxhighlighter .functions {
  color: #ffaa3e;
}
.syntaxhighlighter .constants {
  color: #e0e8ff;
}
.syntaxhighlighter .script {
  font-weight: bold;
  color: #b43d3d;
  background-color: transparent;
}
.syntaxhighlighter .color1 {
  color: #8df;
}
.syntaxhighlighter .color1 a {
  color: #f8bb00;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
  color: white;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
  color: #ffaa3e;
}
.syntaxhighlighter table td.code {
  cursor: text;
}
.syntaxhighlighter table td.code .container textarea {
  background: #eee;
  white-space: pre;
  white-space: pre-wrap;
}
.syntaxhighlighter ::-moz-selection {
  background-color: #3399ff;
  color: #fff;
  text-shadow: initial;
}
.syntaxhighlighter ::-webkit-selection {
  background-color: #3399ff;
  color: #fff;
  text-shadow: initial;
}
.syntaxhighlighter ::selection {
  background-color: #3399ff;
  color: #fff;
  text-shadow: initial;
}