@charset "utf-8";

@amarilloTexto: hsl(45, 100%, 45%);
/*@amarilloLogo: hsl(50, 100%, 48%);*/
@amarilloLogo: #ffd100;
@amarilloPatito: hsl(45, 100%, 85%);
@marron: hsl(45, 20%, 21%);
@grisOscuro: #444444;
@links: hsl(40, 100%, 33%);

@azulDenuncias: #3a71a0;
@azulLavado: #D3D9E6;

@anchoContent: 657px;

@calibriFamily: 'Open Sans', Calibri, Arial;
@arialFamily: Arial;
/*---------------------------------------------------------------------------------------*/
/*ESTILOS DEFAULT LESS ----------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

.zindexTop {
  z-index: 100000;
}

.zindexBottom {
  z-index: 1;
}

.hidden {
  display: none;
}

.limitarScopeClearFloat() {
  overflow: hidden; // Hack para limitar scope de clear:both; Requiere un width fijo.
  margin: -5px; // Para que se vean las sombras de los selectores de marcas
  padding: 5px; // Para que se vean las sombras de los selectores de marcas
}

.opacity(@amount) {
  opacity: @amount;

  @amountIE: `Math.ceil(@{amount}*100)`;
  filter: ~"Alpha(Opacity = @{amountIE})";
}

.border-radius4(@rtr, @rbr, @rbl, @rtl) {

  border-top-right-radius: @rtr;
  border-bottom-right-radius: @rbr;
  border-bottom-left-radius: @rbl;
  border-top-left-radius: @rtl;

  /*-moz-border-radius-topright: @rtr;
  -moz-border-radius-bottomright: @rbr;
  -moz-border-radius-bottomleft: @rbl;
  -moz-border-radius-topleft: @rtl;*/
}

.border-radius(@radius: 10px) {
  border-radius: @radius;
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
}

.box-shadow (@x: 0, @y: 0, @blur: 1px, @spread:0px, @alpha: 0.5, @color:#000) {
  /*@colorhsla: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);*/

  @colorhsla: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  @val: @x @y @blur @spread @colorhsla;

  box-shadow: @val;
  -webkit-box-shadow: @val;
  -moz-box-shadow: @val;
}

.inner-box-shadow (@x: 0, @y: 0, @blur: 1px, @spread:0px, @alpha: 0.5, @color:#000) {
  /*@colorhsla: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);*/

  @colorhsla: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  @val: inset @x @y @blur @spread @colorhsla;

  box-shadow: @val;
  -webkit-box-shadow: @val;
  -moz-box-shadow: @val;
}

.gradientH(@color1, @color2) {
  background-color: @color1;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, @color1), color-stop(1,@color2));
  background-image: -moz-linear-gradient(left center, @color1 0%,@color2 100%);
}

.gradientV(@color1, @color2) {
  background-color: @color1;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, @color1), color-stop(1,@color2));
  background-image: -moz-linear-gradient(center bottom, @color1 0%,@color2 100%);
}

.sombra(@alpha:0.8) {
  .box-shadow(1px, 1px, 10px, 1px, @alpha);
}

.sinSombra() {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.cuadro3d {
  .border-radius();
  .sombra();
}

.linkAmarillo {
  .border-radius(3px);

  color: @amarilloLogo;
  padding: 0 2px 0 2px;

  &:hover {
    color: @marron;
    .gradientV(lighten(@amarilloLogo, 10%), @amarilloLogo);
  }
}

.linkAmarilloInvertido {
  .border-radius(3px);

  color: @marron;
  .gradientV(lighten(@amarilloLogo, 10%), @amarilloLogo);

  padding: 0 2px 0 2px;

  &:hover {
    color: @amarilloLogo;
    .gradientV(lighten(@grisOscuro, 10%), @grisOscuro);
  }
}

.fontFamilyHeader {
  font-family: @calibriFamily
}

.tituloFrontpage {
  font-size: 24px;
  text-transform: uppercase;
  color: @amarilloTexto;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.recuadroFrontpage {
  width: 624px;
  overflow: auto;
  clear: right;
  margin-bottom: 10px;
  margin-top: 20px;

  h3 {
    .tituloFrontpage;
    border-bottom: 2px solid @amarilloTexto;

    span {
      text-transform: none;
      color: black;
    }
  }
}

/*------------------------------------------------------------*/
/* GENERALES  ------------------------------------------------*/
/*------------------------------------------------------------*/

.nota {
  color: #666;
  font-size: 11px;
  font-style: italic;
}

.autor {
  font-style: italic;
  font-weight: bold;
  color: #666;
  margin-top: 1.0em;
}

.resaltadoEspecial {
  font-size: 15px;
}

.small {
  font-size: 11px;
}

.prettyOrderedList {
  list-style: none;
  li {
    margin-top: 0.5em;
    padding-left: 0.5em;
    counter-increment: myIndex;
  }

  li:before {
    content: counter(myIndex) "";
    .border-radius(0.4em);

    float: left;

    background-color: @amarilloLogo;
    color: @grisOscuro;

    font-weight: bold;
    font-size: 1em;
    text-align: center;

    min-width: 0.7em;
    display: inline-block;

    margin-left: -2em;
    margin-right: 0.5em;
    padding: 0.1em 0.4em 0.1em 0.4em;
  }
}

.prettyUnorderedList {
  list-style: none;
  padding: 0;
  margin: 0;

  li {
    padding-left: 2.3em;
    /*text-indent: -1.2em;*/
    margin: 10px;
  }

  li:before {
    content: "";
    float: left;
    height: 0.6em;
    width: 0.6em;

    margin-left: -1.3em;
    margin-right: 0.5em;
    margin-top: 0.35em;

    background-color: @amarilloLogo;
    .border-radius(100px);
    color: black; /* or whatever color you prefer */
    display: inline-block;
    border: solid 0.1em @grisOscuro;
  }
}

#contentpane .item-page, .cke_show_borders {
  ol {
    .prettyOrderedList();
  }
  ul {
    .prettyUnorderedList();
  }
}

/* USADO PARA PREVIEW DE JCK_EDITOR*/
body.cke_show_borders {
  background-color: white;

  border: 5px solid #DDD;
  border-right-width: 63px;
  border-left-width: 30px;

  max-width: 657px;
  height: auto;
}

/*------------------------------------------------------------*/
/* MAINPAGE  -------------------------------------------------*/
/*------------------------------------------------------------*/

html, body {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #555;

  height: 100%;
}

#containerRight {
  position: relative;
  height: 100%; /*IE6 HACK*/

  margin: auto;
  padding: 0;
  text-align: left;

  background: #FFF repeat-y right;
  max-width: 1000px;
  min-width: 700px;
}

html > body #containerRight {
  /*IE6 HACK*/
  min-width: 700px;
  overflow: visible;
}

#container {
  position: relative;
  height: 100%; /*IE6 HACK*/

  margin: auto;
  padding: 0;
  text-align: left;
  background: white url(../images/newFondoGradientLeft.png) repeat-y;
  /*background-image: url(../images/menuFondo.png);*/
  .box-shadow(0px, 0px, 20px, 2px, 1);
  clear: both;
}

html > body #container {
  /*IE6 HACK*/
  height: auto;
  min-height: 100%;
}

#subcontainer {
  position: relative;
  clear: both;
  background: url(../images/newFondoLogos.png) no-repeat 0 200px;
  height: 100%; /*IE6 HACK*/
}

html > body #subcontainer {
  /*IE6 HACK*/
  height: auto;
  min-height: 100%;
}

#subcontainerMargin {
  position: relative;
  height: 100%; /*IE6 HACK*/

  /*margin-left: 5px;
  margin-right: 10px;*/
}

html > body #subcontainerMargin {
  overflow: hidden;
}

#headerRoundedCornerL {
  position: absolute;
  height: 192px;
  /*bottom: 0/px;*/
  top: 0;
  left: 0;
  background-image: url(../images/newFondo.png);
  width: 305px;
}

#sidebar1 {
  position: relative;
  float: left;
  width: 190px; /*IE6 HACK*/
  left: 0;
  padding-bottom: 180px;
  margin-left: 30px;
  margin-top: -10px;
  z-index: 1000;
}

#contentpane {
  position: relative;
  top: -70px;

  margin-left: 260px;
  margin-right: 43px;

  padding: 20px 20px 80px;
}

html > body #contentpane {
  /*IE6 HACK*/
  /*background-color: #fff;*/
}

#centerbar {
  float: none;
  margin-right: 200px;
  margin-top: 10px;
}

#footerMargin {
  position: relative;
  height: 100%;
  /*margin-right: 10px;
  margin-left: 10px;*/
  background: #000 url(../images/footerFondo.png);
}

#footer {
  position: absolute;
  height: 60px;
  width: 100%;
  right: 0;
  bottom: 0;
  text-align: center;
}

#header {
  padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
  background-image: url(../images/newFondoHeader.png);
  position: relative;
  height: 192px;
  overflow: hidden;
}

#header h1 {
  margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
  padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
  text-align: center;
}

#Contenido {
  margin-top: 0;
  padding-top: 0;
  vertical-align: top;
}

.Menu {
  font-size: 10px;
  font-weight: normal;
  color: #FFF;
  font-family: Tahoma, Geneva, sans-serif;
  position: relative;
}

span.article_separator, span.leading_separator, span.row_separator {
  font-size: 2px;
}

/*------------------------------------------------------------*/
/* NOVEDADES Y ENCUESTA -----------------------------*/
/*------------------------------------------------------------*/

div#recuadroMaterialesFrontpage {
  .recuadroFrontpage;

  a {
    .fontFamilyHeader;
    font-size: 20px;
    display: inline-block;
    background: lighten(rgb(0, 0, 150), 40%);
    padding: 10px;
    width: 25%;
    float: left;
    margin: 10px 0 10px 0;
    .sombra;
    color: black;
    text-shadow: 1px 1px 0 white;
    text-align: center;
    text-decoration: none;
  }
}

div#recuadroParticipeFrontpage {
  .recuadroFrontpage;

  div a {
    color: #333;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 67px;
    margin-right: 2px;
    margin-bottom: 3px;
    .opacity(0.8);
    padding: 132px 4px 10px 4px;
    text-align: center;
    text-decoration: none;
    width: 115px;
    background: @amarilloLogo url(../../../images/stories/frontpage/participeDenuncias.jpg) no-repeat top left;

    &.c2 {
      background-position: -151px 0;
    }
    &.c3 {
      background-position: -301px 0;
    }
    &.c4 {
      background-position: -450px 0;
    }
    &.c5 {
      background-position: -600px 0;
      margin-right: 0;
    }

    &:hover {
      .opacity(1);
    }

    span.title {
      font-family: Arial, serif;
      font-weight: bold;
      font-size: 15px;
      display: block;
      color: black;
      background: white;
      background: rgba(255, 255, 255, 0.75);
      margin-left: -5px;
      margin-right: -5px;
      margin-bottom: 3px;
    }
  }
}

div#cuadroNovedades {
  width: @anchoContent;
  overflow: auto;
  clear: right;
  padding: 10px;
  margin: -10px;

  div#ultimos {
    float: left;

    #esta, #noti {
      float: left;
      width: 210px;
      padding: 0;
    }
    #esta {
      border-right: 5px solid lightgray;
    }
    #noti {
      padding-left: 10px;
    }
    h3 {
      margin-bottom: 0;
      border-bottom: 2px solid @amarilloTexto;
    }
    h4 {
      margin: 0;
      font-size: 24px;
      color: black;
    }
    ul {
      margin-top: 5px;
    }
  }
  div#encuesta {
    .cuadro3d;
    background: @marron;
    color: white;
    width: 200px;
    float: right;
    margin-left: 20px;

    h3 {
      margin-left: 5px;
    }
    h4 {
      margin: 0;
      color: white;
      font-family: verdana, serif;
      font-weight: normal;
      font-size: 12px;
    }
    div.poll {
      margin: -5px 5px 5px;
    }
  }
  h3 {
    .tituloFrontpage;
  }
}

#subcontainer .lof-ass {
  margin-top: 20px;
  margin-bottom: 20px;
  .border-radius(8px);

  .lofass-container {
    .sinSombra();
    border: none;
    overflow: visible;

    .lof-main-wapper {
      .cuadro3d;
      z-index: 2;
      border: 8px solid @amarilloLogo;
    }
  }

  .lof-description {
    padding: 2px 7px 7px 7px;
    background: hsl(0, 0%, 20%);
    .box-shadow(0px, 0px, 15px, 1px, 1, #fff);
    color: white;
    left: 0;
    bottom: 0;
    width: 420px;

    p a {
      .linkAmarillo;
    }

    h4 {
      padding: 0 0 0.6em 0;
      a {
        margin: 0;
        color: white;
        font-size: 1em;
        .fontFamilyHeader;
        padding-left: 0;
      }
    }
    p {
      margin: 0;
      padding: 0;
      font-size: 12px;
    }
  }
  .lof-navigator-outer {
    margin: 8px 0 8px 1px;
    z-index: 1;
    .sombra(.5);
  }
  .lof-navigator {
    li {
      overflow: visible;
      &.active {
        div {
          background: @amarilloLogo !important;
          z-index: 3;
          .sombra(0.5);
          /*.gradientV(@amarilloLogo, lighten(@amarilloLogo, 15%));*/
        }
        h4 {
          color: black;
        }
      }

      h4 {
        color: black;
        .fontFamilyHeader;
        font-size: 11px;
        text-transform: uppercase;
        padding-top: 8px !important;
      }

      img {
        margin-top: 8px;
        margin-right: 5px;
        border: none;
      }
      div {
        /*.gradientV(@amarilloLogo, lighten(@amarilloLogo, 15%));*/
        .gradientV(white, lightgray);
        border-top: none;
        border-bottom: none;
        margin-left: 0;
        padding-left: 10px;

        &:hover {
          .gradientV(gray, darkgray);
        }
      }
    }
  }
  .lof-main-wapper {
    width: 420px;
    border-right: solid 10px hsl(50, 100%, 41%);
  }
}

/*------------------------------------------------------------*/
/* HEADER  ---------------------------------------------------*/
/*------------------------------------------------------------*/

#realHeader {
  position: absolute;
  /*overflow:auto;*/
  /*width: 500px;*/
  width: 100%;
  font-size: 10px;
  text-align: center;
}

/*--------------------------*/
/* MENU LEFT */
/*--------------------------*/

.moduletable_menu h3 {
  color: #FFF;
  font-size: 12px;
}

.moduletable_menu {
  font-size: 12px;
  font-family: Arial, sans-serif;
}

.moduletable_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 188px;
}

.moduletable_menu li {
  margin-top: 12px;

  border-top: none;
  border-bottom: 2px solid #FFD100;

  position: relative;
  text-align: right;
  padding: 0;
  color: #333;
  list-style: none outside;
  display: block;
}

.moduletable_menu li a {
  color: #333;
  text-decoration: none;
  padding: 7px 2px 2px 6px;
  display: block;
}

.moduletable_menu li span {
  display: block;
  padding: 7px 2px 2px 6px;
}

.moduletable_menu li.deeper {
  /*border-bottom: 2px solid hsl(49, 100%, 50%);*/
  border-bottom-color: #BBB;
}

.moduletable_menu > ul > li:hover {
  /*margin-right: -5px;*/
  text-decoration: none;
  color: black;
  background-color: #CCC;

  .gradientH(#FCE15D, #FFBF00);
  .sombra(0.5);
  .border-radius(7px);
}

.moduletable_menu li.deeper > span, .moduletable_menu li.deeper > a {
  background: url(../images/newMenuFlecha.gif) no-repeat right 8px;
  padding-right: 15px;
}

.moduletable_menu > ul > li.deeper:hover {
  .border-radius(0px);
  .gradientH(#BBB, #DDD);

  border-right: none;
}

.moduletable_menu li.deeper:hover > span, .moduletable_menu li.deeper:hover > a {
  background-image: url(../images/newMenuFlechaBlack.gif);
  /*padding-right: 38px;*/
}

.moduletable_menu span.separator {
  font-style: italic;
}

.moduletable_menu a:link, .moduletable_menu a:visited, .moduletable_menu a:hover {
  text-decoration: none;
  font-weight: bold;
}

html > body .moduletable_menu a {
  display: block;
}

.moduletable_menu li.deeper:hover > ul {
  display: block;
}

.moduletable_menu li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 188px;
  background: #DDD;
  margin: 0;
  width: 177px;

  .sombra(0.7);
  .gradientH(#DDD, #BBB);
  .border-radius4(10px, 10px, 10px, 0px);
}

.moduletable_menu > ul > li.active, .moduletable_menu > ul > li.active:hover {
  margin-left: -35px;
  margin-right: -5px;
  padding-right: 7px;

  .border-radius4(7px, 7px, 0px, 0px)
}

.moduletable_menu > ul > li.active > ul {
  left: 222px;
}

.moduletable_menu li.active, .moduletable_menu li.active:hover {
  padding-bottom: 4px;

  .sombra(0.5);
  .gradientH(#FFF5A6, #FFD95E);

  border-bottom: none;
}

.moduletable_menu li li {
  margin: 0;
  padding-right: 5px;

  .gradientH(#EEE, #CCC);

  font-size: 11px;
}

.moduletable_menu li li:last-child {
  .border-radius4(0px, 10px, 10px, 0px);
}

.moduletable_menu li li:first-child {
  border-top-right-radius: 10px;
}

.moduletable_menu li li:hover {
  background-color: rgb(255, 224, 102);

  .gradientH(#FFF5A6, #FFD95E);
}

.moduletable_menu li ul li ul {
  left: 177px;
  margin-top: 0;
}

.moduletable_menu li li li {
  display: none;
  font-size: 11px;
}

.moduletable_menu li li:hover li {
  display: block;
}

/*------------------------------------------------------------*/
/* DIALOG  ---------------------------------------------------*/
/*------------------------------------------------------------*/
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
  background-color: white;
  border: 2px solid black;
}

.ui-dialog #system-message dd {
  font-weight: normal;
  text-indent: 0;
}

.ui-dialog #system-message li {
  padding-left: 30px;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .5em 1em .3em;
  position: relative;
  background-color: #F0E275;
  height: 20px;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .2em 0;
  color: black;
}

.ui-dialog .ui-dialog-titlebar-close {
  float: right;
  padding: 1px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
  background: url(../images/closeDialogIcon.png) no-repeat right;
  padding-right: 20px;
}

.ui-dialog .ui-dialog-titlebar-close span:hover {
  background-image: url(../images/closeDialogIconHover.png);
}

.ui-corner-all {
  .border-radius(8px);
}

.ui-dialog .ui-dialog-content {
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane button {
  float: right;
  margin: .5em .4em .5em 0;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  line-height: 1.4em;
  width: auto;
  overflow: visible;
}

/*.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }*/
/*.ui-draggable .ui-dialog-titlebar { cursor: move; }*/
.ui-widget-overlay {
  background: #000000 50% 50% repeat-x;
  .opacity(.50);
}

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------------------------------*/
/* TABLAS  ---------------------------------------------------*/
/*------------------------------------------------------------*/

tbody {
  vertical-align: top;
}

div.tablaDosColumnas {
  margin-left: 10px;
  margin-right: 10px;
}

.tablaDosColumnas {
  table {
    border-collapse: collapse;
    background-color: #dee8f6;
    text-align: center;
    border: none;
    border-spacing: 0;
    margin-top: 10px;
    margin-bottom: 10px;

    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
  }
  caption {
    font-weight: bold;
  }
  th {
    padding: 0.5em 0.5em;
    text-align: center;
    background-color: #036;
    color: #fff;
  }
  td, tr, th {
    border: 0;
    border-top: solid 1px #004891;
    border-bottom: #004891 solid 1px;
    padding: 4px 10px;
    vertical-align: middle;
  }
  td:first-child {
    text-align: left;
    background-color: #91B9D0;
    min-width: 100px;
  }
  table p {
    margin: 0;
  }
  td + td, th + th {
    border-left: solid 3px #fff;
    font-weight: bold;
    min-width: 50px;
  }
}

/*--------------------------*/
/* MENU LASTNEWS */
/*--------------------------*/

ul.latestnews {
  padding: 0;
  margin-left: 15px;
  font-size: 12px;
  list-style: square url(../images/bulletRombo.png);
}

ul.latestnews li {
  padding: 0;
  margin: 0 0 5px;
}

.latestnews a {
  margin: 0;
}

/*--------------------------*/
/* MENU TOP */
/*--------------------------*/

div#searchdiv {
  /*float: right;*/
  height: 26px;
  margin-top: 6px;
  overflow: visible;

  position: absolute;
  right: 20px;
  /*top: -45px;*/
}

div#topmenudiv {
  /*clear: both;*/
  position: relative;
  margin-left: 250px;
  margin-top: 48px;

  .topmenudivfondoder {
    background: no-repeat right;
  }

  .moduletable {
    margin: 0 11px 0 0;
    /*display: inline;*/
    position: relative;

    ul#topmenu {
      margin: 0 0 0 70px;
      padding: 0;
      display: block;
      position: relative;

      a:link, a:visited, a:hover {
        color: #615000;
        text-decoration: none;
        font-weight: bold;
        font-size: 14px;
        font-family: Arial, sans-serif;

        padding: 3px 5px 3px 5px;
      }
      a:hover {
        background: #FFE11F;
        .box-shadow(0px, 0px, 25px, 2px, 1, #fff);
        .border-radius(4px);
      }

      li {
        float: left;
        margin: 0 20px 0 20px;
        padding: 3px;
        display: block;

        &.current a {
          background: #E6BF00;
          .box-shadow(0px, 0px, 25px, 2px, 1, #fff);
          .border-radius(4px);
          color: white;
          text-shadow: 0 0 10px yellow;
        }
      }
    }
  }
}

/*--------------------------*/
/* LANGUAGE SWITCHER  */
/*--------------------------*/
div.mod-languages {
  padding: 7px 5px 5px;
  width: 75px;
  .border-radius(5px);
}

.mod-languages li.lang-active img {
  .box-shadow(0px, 0px, 15px, 5px, 1, #fff);
}

/*--------------------------*/
/* FOOTER  */
/*--------------------------*/

#footerMargin div.moduletable {
  color: #FFF;
  padding-top: 5px;
}

#footerMargin div a:link {
  color: #FFF;
}

#footerMargin div a:visited {
  color: #DDD;
}

#footerMargin p {
  font-size: 10px;
  margin: 0.4em;
}

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

a:link, a:visited {
  text-decoration: underline;
  color: @links;
  font-weight: bold;
}

a:hover {
  text-decoration: none;
}

p {
  margin: 0.6em 10px;
}

h1, h2, .componentheading, h1.componentheading, h2.contentheading, .category-list > h2, .blog > h2 {
  display: block;
  color: #039;

  padding-top: 3px;
  padding-bottom: 2px;

  font-weight: bold;

  margin-left: -15px;
  margin-right: -63px;
  padding-left: 15px;
  background: rgb(240, 219, 117);
  .box-shadow(2px, 1px, 10px, 2px, 0.3);
  .border-radius(10px);
  border: 6px solid white;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffd100), color-stop(0.2, #ffd100), color-stop(1, #ffe5a6));
  background-image: -moz-linear-gradient(left center, #ffd100 0%, #ffd100 20%, #ffe5a6 100%);
}

h1, h2, h3, h4, .componentheading {
  .fontFamilyHeader;
}

h1, h1.componentheading, .componentheading, h2.contentheading, .category-list > h2, .blog > h2 {
  margin-top: 0.7em;
  margin-bottom: 1em;
  font-size: 22px;
  border-right: none;
  border-bottom-right-radius: 0 0;
  border-top-right-radius: 0 0;
}

h2 {
  font-size: 18px;

  .gradientH(#ffd74c, #fff0d3);
  .sombra(0.5);

  margin: 1.7em 5px 0.7em -5px;
  padding-left: 5px;
  /*background-image: url(../images/headingFondoDos.png);*/
}

h3 {
  font-size: 16px;
  color: #039;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

h4 {
  margin-top: 0.4em;
  margin-bottom: 0;
  margin-left: 10px;
  font-size: 14px;
  color: #4871C4;
}

#page {
  /*width: 100%;*/
  /*padding-right: 65px; */
}

td.createdate {
  font-size: 10px;
  color: #999;
}

td.modifydate {
  font-size: 10px;
  color: #999;
}

td span.small {
  /*Autor del articulo*/
  font-size: 10px;
}

#page img {
  margin-right: 10px;
  margin-bottom: 10px;
}

#page p.articleinfo {
  /*ESTO OCULTA LA FECHA DE CREACION Y OTRAS COSAS*/
  position: absolute;
  top: 0;
  visibility: hidden;
}

div#recuadroDestacadoFrontpage {
  background-color: #D9EBFF;
  font-size: 10px;
  padding: 3px;
}

#recuadroDestacadoFrontpage h3, #recuadroDestacadoFrontpage h4 {
  margin-bottom: 0;
}

#recuadroDestacadoFrontpage p {
  margin-top: 1px;
}

#recuadroDestacadoFrontpage a {
  color: #4871C4;
}

.pagination a, .Noticias a {
  color: #004D71;
}

.filter, .display, .filter input, .display select {
  font-size: 10px;
}

.category td {
  padding: 5px;
}

/*------------------------------------------------------------*/
/* BANNERS  --------------------------------------------------*/
/*------------------------------------------------------------*/

.blog .column-1 {
  overflow: auto;
}

.banneritem {
  text-align: center;
}

.banneritem img {
  text-align: center;
  border: none;
  margin-top: 15px;
}

/*------------------------------------------------------------*/
/* BLOG CATEGORY LAYOUT  ----------------------------*/
/*------------------------------------------------------------*/
.blog .cat-children ul {
  list-style-type: none;
  margin: 0;
  padding: 10px;
}

.blog .cat-children li {
  overflow: visible;
  padding: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid gray;
  min-height: 80px;
}

.blog .cat-children dl {
  background: #BAD1E8;
  width: 200px;
  padding: 3px 5px 3px 5px;
  display: inline;
  border-radius: 7px;
  font-size: 11px;
  margin-left: 5px;
}

.blog .cat-children dt {
  display: inline;
  margin: 0;
}

.blog .cat-children dd {
  display: inline;
  margin: 0;
  font-weight: bold;
}

.blog .cat-children span.item-title {
  /*font-family: Calibri, Arial;
  font-size: 18px;*/
  margin-left: 75px;
}

.blog .cat-children .category-desc p {
  overflow: auto;
  margin-left: 75px;
}

.blog .cat-children .category-desc img {
  position: absolute;
  left: 25px;
  margin-top: -20px;
  max-width: 75px;
  max-height: 80px;
}

.category-list .cat-items table.category {
  margin: 15px 30px 5px 10px;
  width: 90%;
  background: hsl(0, 0%, 87%);
  padding: 4px;
  border-radius: 10px;
  border-spacing: 0;
}

.category-list .cat-items table.category td {
  padding: 6px 6px 6px 16px;

}

.category-list .cat-items table.category tr.cat-list-row0 {
  background: #FFF6CC;
}

.category-list .cat-items table.category tr.cat-list-row1 {
  background: white;
}

/*------------------------------------------------------------*/
/* NOTICIAS  -------------------------------------------------*/
/*------------------------------------------------------------*/

.Noticias {
  .column-1 {
    /*background-color: hsl(225, 50%, 90%);*/
    background-color: @azulLavado;
    padding: 2px;
    border-color: hsl(203, 0%, 58%);
    width: 96%;
    position: relative;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: visible;
  }

  dl {
    margin: 0 0 1em 0
  }

  .article-info-term {
    display: none;
  }

  .article-info dd.create {
    font-size: 11px;
    color: #666;
    margin-left: 10px;
  }

  .items-row h2 {
    margin: 0 0 0 6px;
    background: none;
    border: none;
    .sinSombra();
  }

  img {
    border: none;
    margin: 5px;
  }

}

.blog img {
  border: none;
  margin: 0 5px 5px;
}

html > body .Noticias .column-1 {
  /*IE6 HACK*/
  width: auto;
}

img {
  /*IE6 HAck para que se vean bien cuando estan como float*/
  /*position: relative;
   float: left;*/
}

/*------------------------------------------------------------*/
/* INVESTIGACIONES  -------------------------------------------------*/
/*------------------------------------------------------------*/

.Investiga .column-1 {
  background-color: #E7E7BA;
}

/*------------------------------------------------------------*/
/* PAGINATION  -----------------------------------------------*/
/*------------------------------------------------------------*/

.pagination {
  background-color: #6A9FBF;
  font-size: 10px;
  color: #FFF;
  padding: 2px;
  margin-left: 5px;
  margin-right: 5px;
  overflow: auto;
  .border-radius(8px);
}

.paginationFilter, .paginationOrder {
  padding: 2px;
}

.paginationFilter {
  float: left;
}

.pagination input, .pagination select {
  font-size: 10px;
  background-color: #234B78;
  border: solid 1px #000;
  color: #FFF;
}

.pagination button {
  font-size: 10px;
  /*color:#630;*/
}

.pagination li {
  display: inline;
  padding: 5px;
}

.pagenav, .counter {
  font-weight: bold;
}

/*------------------------------------------------------------*/
/* DENUNCIAS  ------------------------------------------------*/
/*------------------------------------------------------------*/

.denunciaAgregar {
  margin-left: 5px;
  margin-bottom: 5px;
}

.denuncias {
  margin-left: 5px;
  margin-right: 5px;
  background-color: #337AAE;
  padding: 4px;
}

.denuncia {
  background-color: #dee8f6;
  padding: 8px;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.denunciaseparator {
  height: 8px;
  margin: 0;
  padding: 0;
  background-color: #FFF;
}

.denuncia .campo {
  float: left;
  color: #666;
  padding-right: 5px;
}

.denuncia .valor {
  font-weight: bold;
  color: #337AAE;
}

.denunciacontenido {
  padding: 7px;
  margin: 2px;
  /*font-style:italic;*/
  font-family: Verdana, Geneva, sans-serif;

}

.denuncia .fechaingreso {
  font-size: 10px;
  color: #666;
  font-family: Verdana, Geneva, sans-serif;
}

/*------------------------------------------------------------*/
/* DEFECTOS DE AUTO ------------------------------------------*/
/*------------------------------------------------------------*/

@zindexDefectos: 900;

.imagenMarcaAutoSmall {
  background-image: url(../../../images/stories/denuncias/defectoauto/MosaicoMarcasAutos.png);
  height: 50px;
  width: 50px;
  border: solid 0 white;
  margin: 3px;
  .border-radius(8px);
}

.denunciaAgregar {
  text-align: center;
  .estiloResaltadoGrande();
  margin-top: 1em;
}

#selectorMarcas, .selectorModelos {
  height: 62px;
  overflow: visible;
  margin-top: 5px;
  margin-bottom: 20px;
}

.selectorModelos {
  font-size: 18px;
  font-family: @calibriFamily;
  overflow: visible;
  padding-top: 15px;

  img {
    float: left;
    margin-right: 20px;
  }
  span {
    line-height: 60px;
  }

  &.oneRowOnly {
    padding-top: 35px;
    #modelos {
      height: 35px
    }
    #modelos .topModelos {
      height: auto
    }
  }
}

#modelos {
  z-index: @zindexDefectos + 10;
  margin-left: 0;
  padding-right: 0;
  max-height: 62px;

  .topModelos {
    margin: 5px;
    overflow: auto;
    height: 52px;
  }
  .otrosModelos {
    padding: 10px;
    overflow: auto;
  }
  .modeloRow {
    display: block;
    overflow: auto;

    &.column {
      width: 129px;
      float: left;

      .modelo {
        text-align: left;
        width: 120px;
        margin: 2px;
        float: none;
        height: auto;
        padding: 0;
      }
    }

    .modelo {
      float: left;
      font-weight: bold;
      padding: 0 6px 0 6px;
      margin: 2px;
      font-size: 14px;
      min-width: 30px;
      text-align: center;

      a {
        padding-right: 5px;
        padding-left: 5px;
        &:hover {
          .box-shadow(0px, 0px, 5px, 1px);
          background-color: white;
          .border-radius(5px);
        }
      }
    }
  }
}

#marcas {
  z-index: @zindexDefectos + 20;
  height: 52px;
  padding-bottom: 10px;
  top: 13px;
  .marca {
    float: left;
    margin: 3px;

    a.linkMarca {
      /*display: none;*/
    }
  }

  .imagenMarcaAutoSmall:hover {
    .box-shadow(0, 0, 8px, 1px, 0.8);
    border: solid 3px white;
    margin: 0;
  }
  .imagenMarcaAutoSmall:active {
    .box-shadow(0, 0, 3px, 1px, 0.8, @amarilloLogo);
    border: solid 3px white;
    margin: 0;
  }
}

#marcas, #modelos {
  overflow: hidden;
  position: relative;
  background: white;
  font-family: @calibriFamily;
  .border-radius();
  .inner-box-shadow(2px, 1px, 5px, 1px, 0.4);

  hr {
    border: none;
    margin: 0;
  }
  &.expanded {
    hr {
      border: none;
      border-top: solid 1px #BBB;
    }
    .box-shadow(0px, 0px, 10px, 1px);
  }

  #masMarcas, #masModelos {
    background: @amarilloLogo;
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    width: 105px;
    font-weight: bold;
    padding-top: 22px;
    text-align: center;
    font-size: 13px;
    .border-radius4(10px, 10px, 0px, 0px);
    border: 1px solid darken(@amarilloLogo, 8%);

    &.expanded {
      .border-radius4(10px, 0px, 0px, 0px);
      background: lighten(@amarilloLogo, 15%);
      border-top: none;
      border-right: none;
      padding-top: 23px;
      padding-right: 1px;
      height: 39px;
    }
    &.inactive {
      display: none;
      background: red;
    }
  }
  #masModelos {
    position: relative;
    float: right;
  }
}

#marcaSeleccionadaParaAbajo {
  position: relative;
  width: 657px;
  min-height: 500px;
  .limitarScopeClearFloat();

  #selection {
    font-size: 16px;
    font-family: @calibriFamily;
    padding-bottom: 40px;

    position: relative;
    float: left;
    width: 115px;

    .containerMarca {

      .imagenMarcaAutoMedium {
        position: relative;
        height: 100px;
        width: 100px;
        background: no-repeat center center;
        z-index: @zindexDefectos + 10;
      }
    }

    .modelo {
      font-weight: bold;
      font-size: 18px;
      text-align: center;
      width: 100px;
      z-index: @zindexDefectos;
      margin-top: 20px;

      &.todos {
        margin-top: 10px;
        font-size: 15px;
        font-style: italic;
      }
    }

    .none {
      height: 60px;
      margin-top: 20px;
      font-weight: bold;
      font-size: 18px;
      font-style: italic;
      text-align: center;
    }
  }

  #loadingMarca {
    width: 103%;
    height: 100%;
    position: absolute;
    text-align: center;
    margin-left: -5px;
    margin-top: 0;

    &.cargandoMarca {
      z-index: @zindexDefectos + 15;
    }
    &.cargandoModelo {
      z-index: @zindexDefectos + 5;
    }
    &.cargandoFiltros {
      z-index: @zindexDefectos - 5;
    }

    .loadingBackground {
      width: 100%;
      height: 100%;
      margin: -10px; // Para cubrir sombras y cosas extra
      position: absolute;
      background: white;
      .opacity(0.8);
    }

    .loadingLabel {
      opacity: 1;
      position: relative;
      font-family: @calibriFamily;
      font-size: 16px;
      color: #666;
      top: 170px;
      &.initialLoad {
        top: 0;
      }
      text-align: center;
      width: 220px;
      margin: auto;
      background: white;
      .box-shadow(0, 0, 10px, 1px);
      padding: 10px;
      border-radius: 20px;
    }
  }

  #masDenunciasSinMarca, #masDenunciasSinModelo {
    margin-top: 12px;
  }

  .marcaName {
    font-style: italic;
  }
}

.estiloResaltadoGrande {
  font-weight: bold;
  font-size: 15px;
  margin-top: 6px;
  margin-bottom: 6px;
  text-align: center;
  .fontFamilyHeader();

  a {
    .linkAmarilloInvertido;
    padding: 5px;
  }
}

.denunciasauto, #denunciasDinamicas {
  clear: both;
  margin-bottom: 10px;

  .denunciaauto {
    border-bottom: solid 1px #BBB;
    padding-bottom: 10px;
    padding-top: 5px;

    overflow: auto;
    .detalles {
      width: 90px;
      float: left;
      margin-right: 15px;
      text-align: center;

      .imagenMarcaAutoSmall {
        margin: auto;
      }
      .modelo {
        font-weight: bold;
        font-size: 16px;
      }
      .anio {
        color: @azulDenuncias;
        font-weight: bold;
        font-size: 16px;
      }
    }
    .cuerpo {
      overflow: auto;

      .encabezado {
        position: relative;
        height: auto;
        font-family: @calibriFamily;

        .titulo {
          font-weight: bold;
          color: @azulDenuncias;
          font-size: 15px;
          margin-right: 170px;
        }
        .extras {
          position: absolute;
          top: 0;
          right: 0;

          .pais {
            float: left;
            margin-top: -3px;
          }
          .fecha {
            float: right;
            font-size: 12px;
            margin-left: 5px;
            margin-top: 5px;
          }
        }
      }
      .contenido {
        margin-top: 5px;
      }
    }
  }
}

.paginationAjax {
  .estiloResaltadoGrande();
  font-size: 18px;
  text-align: right;

  a.paginationNumber {
    .linkAmarilloInvertido();
  }

  span {
    margin-right: 15px;
  }

  .paginationNumber, a.paginationNumber {
    padding: 8px 4px 6px 4px;
    margin: 4px;

    font-size: 17px;
  }

  .currentPage {
    font-size: 24px;
    background-color: lightgray;
    .border-radius(4px);
  }
}

/*------------------------------------------------------------*/
/* MARKERS / NOTIFICATIONS -------------------------------------------*/
/*------------------------------------------------------------*/
.marker {
  position: absolute;
  .zindexTop();
}

.markerBox {
  border: solid 4px yellow;
  .border-radius(10px);
  .zindexBottom();
  /*margin: -10px;
  padding: 10px;*/
}

.markerArrow {
  position: relative;

  .arrowText {
    position: absolute;
    margin: 15px;
    top: 40px;
    .estiloResaltadoGrande();
  }
}

/*------------------------------------------------------------*/
/* DENUNCIAS  FORM -------------------------------------------*/
/*------------------------------------------------------------*/
/*INPUT PLACEHOLDERS (CHROME & FIREFOX)*/
.placeHolderStyle() {
  /*color: orange;*/
  font-style: italic;
}

.placeHolderInvalidStyle {
  .placeHolderStyle();
  color: red;
}

.placeHolder() {
  &.invalid {
    &::-webkit-input-placeholder {
      .placeHolderInvalidStyle();
    }
    &:-moz-placeholder {
      .placeHolderInvalidStyle();
    }
    &::-webkit-input-placeholder {
      .placeHolderInvalidStyle();
    }
    &:-moz-placeholder {
      .placeHolderInvalidStyle();
    }
  }

  &::-webkit-input-placeholder {
    .placeHolderStyle();
  }
  &:-moz-placeholder {
    .placeHolderStyle();
  }
  &::-webkit-input-placeholder {
    .placeHolderStyle();
  }
  &:-moz-placeholder {
    .placeHolderStyle();
  }
}

textarea.areaInput {
  .placeHolder();
  font-family: @arialFamily;
  width: 330px;
}

input {
  .placeHolder();

  &.mediumInput {
    width: 330px;
  }

  &.smallInput, &.defaultInput {
    width: 220px;
  }
}

.ingresarReporteForm {
  margin: 0;

  tr {
    vertical-align: top;
  }

  label {
    color: #234B78;
    font-weight: bold;

    &.invalid {
      color: #F00;
      text-decoration: underline;
    }
  }

  input, select, textarea {
    &.invalid {
      background-color: #FDD;
      border: 2px inset red;
    }
  }
  select, textarea {
    margin: 1px;
    &.invalid {
      margin: 0;
    }
  }

  button {
    .estiloResaltadoGrande();
    padding: 5px;
    min-width: 200px;
    margin-top: 15px;
  }

  .ejemplo {
    font-style: italic;
    color: #666;
    font-size: 11px;
    padding: 5px;
  }

  img#captcha {
    margin-top: 10px;
    float: left;
  }
  input.validate-captcha {
    margin: 20px 10px 10px 10px;
  }

  #modeloBaseAuto {
    margin-right: 15px;
  }

  .adminform {
    border: none;
    background-color: #dee8f6;
  }
}

.ingresarReporteSeccion {
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  margin-left: -4px;
  background-color: #337AAE;
  color: #FFF;
  padding: 5px;
}

#aclaraciones {
  margin: 5px 5px 10px 5px;
  font-weight: bold;
  font-style: italic;
}

/*------------------------------------------------------------*/
/* BREADCRUMBS  ----------------------------------------------*/
/*------------------------------------------------------------*/

div#breadcrumbsdiv {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 95px;
  right: 0;

  table {
    width: 100%;
    padding-left: 150px;
    margin-top: 4px;
  }

  div.breadcrumbs {
    font-size: 12px;
    font-weight: bold;

    a, span {
      display: inline-block;
      padding: 5px;
      background: #DDD;
      .box-shadow(0px, 2px, 4px);
      border-radius: 5px;

      max-width: 250px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      &:first-child {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        padding-left: 12px;
      }

      &:last-child {
        font-style: italic;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        padding-right: 12px;
      }
    }
    a:visited, a:link {
      color: gray;
      text-decoration: none;
    }
    a:hover {
      background: #555;
      color: white;
    }

    span {
      color: gray;
      font-weight: normal;
    }
    img {
      display: none;
    }
  }
}

/* FILE:     modules\mod_feed\tmpl\default.php */
/*table.moduletable
ul.newsfeed*/

/*------------------------------------------------------------*/
/* RECUADRO FRONTPAGE  ---------------------------------------*/
/*------------------------------------------------------------*/

#welcomeLogo {
  background-image: url(../../../images/stories/frontpage/welcomelogo2.png);
}

#welcomeLogoEN {
  background-image: url(../../../images/stories/frontpage/welcomelogoen.png);
}

#welcomeLogo, #welcomeLogoEN {
  background: no-repeat top center;
  width: 650px;
  margin: auto;
  height: 160px;

  #welcomeLogoText {
    padding-top: 25px;
    padding-right: 260px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 13px;
    width: 220px;
    display: none;
  }
}

.recuadroResaltadoShadow {
  margin: 15px;
}

.recuadroAngosto {
  margin-left: 100px;
  margin-right: 104px;
}

.recuadroResaltado {
  padding: 10px;
  .cuadro3d;
  background: #DDD url(../images/recuadroResaltadoBackground.png);
  border: 1px solid #fee100;
}

.recuadroResaltadoNavegacion {
  position: relative;
  background: #FDF29C url(../images/recuadroResaltadoBackground.png);
  border: 1px solid #fee100;

  .border-radius(16px);

  margin: 10px;
  padding: 8px;
}

.recuadroResaltado p {
  margin: 0;
  padding: 2px;
}

.recuadroCuerpo {
  position: relative;
  margin: 0;
  margin-bottom: 5px;
  background: no-repeat 0 center;
  overflow: auto;
  width: 97%; /* IE6 HACK para que recuadroCuerpo contenga a las im{agenes*/
}

.contenedorImagenFlotante {
  position: relative;
  overflow: auto;
  width: 97%; /* IE6 HACK para que recuadroCuerpo contenga a las im{agenes*/
}

.blog-featured .recuadroCuerpo img {
  float: left;
  margin: 0;
  position: relative;
}

.recuadroTexto {
  padding: 4px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  margin-left: 80px;
  position: relative;
}

.recuadroTexto h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 2px;
  padding-top: 0;
  padding-bottom: 0;
  color: #039;
  font-weight: bold;
}

.recuadroTexto p {
  margin: 0;
  padding: 2px;
}

/*------------------------------------------------------------*/
/* PREMIOS  --------------------------------------------------*/
/*------------------------------------------------------------*/
table.premiados, table.premioTabla {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: #fff solid 1px;
  border-right-width: 2px;
  border-left-width: 2px;

  td {
    border-bottom: #fff solid 1px;
    border-top: #fff solid 1px;
  }

  tr {
    td:nth-child(3) {
      font-size: 11px;
      padding: 5px;
      color: #333;
      background-color: #F5E792;
    }
    td:nth-child(1) {
      padding: 10px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      border-right: #fff solid 2px;
      color: #FFF;
      background-color: #6F665E;
      font-family: Georgia, "Times New Roman", Times, serif;
      vertical-align: middle;
    }
    td:nth-child(2) {
      background-color: #FFC;
      padding: 10px;
      text-align: center;
      font-family: Georgia, "Times New Roman", Times, serif;
      vertical-align: middle;
    }
  }
  th {
    background-color: #000;
    color: #FFF;
    padding: 5px;
    text-align: center;
    border: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
    font-size: 14px;
  }
}

/*------------------------------------------------------------*/
/* REVISTAS  -------------------------------------------------*/
/*------------------------------------------------------------*/

.revistasLeadingRev {
  position: relative;
  min-height: 1%;
  overflow: auto;
  background: #DDD;
  margin-left: 40px;
  margin-right: 40px;
}

.revistasLeadingRev img {
  width: 227px;
  float: left;
  margin: 10px;
  position: relative;
}

.revistasLeadingRev .revistasTitulo {
  text-align: left;
}

.revistasLeadingRev .revistasTapa {
  text-align: center;
  padding: 5px;
}

.revistasLinkCategorias {
  font-size: 1.1em;
  text-align: center;
}

.revistasLeading {
  text-align: center;
}

.revistasIntroRev {
  position: relative;
  margin: 2px;
  background: #DDD;
  padding: 5px;
  height: 150px;
  display: inline-block;
}

.revistasIntroRev .revistasTapa {
  width: 90px;
  height: 113px;
  margin: 5px;
}

.revistasIntroRev img {
  height: 113px;
  margin-top: 0;
  position: relative;
}

.revistasTitulo {
  text-align: center;
}

.revistasTapa img {
  border: none;
}

.revistasSeparadorLeading {
  height: 5px;
}

.revista {
}

.revistaArticulos {
  margin-left: 10px;
  overflow: hidden;
}

.revistaArticulo {
  margin-bottom: 20px;
}

.revistaTapa {
  float: left;
  margin-right: 15px;
}

.revistaArticuloTitulo {
  margin-bottom: 5px;
}

.revistaArticuloResumen {
  margin-left: 0;
}

.revistasArticulosCategoria a {
  .border-radius(4px);
  background-color: #BBBBBB;
  text-align: center;
  color: white;
  display: block;
  font-size: 11px;
  margin: 2px;
  padding: 2px;
  text-decoration: none;
}

.revistasArticulosCategoriaSeleccionada a {
  background-color: #000;
  margin-right: -12px;
  font-size: 12px;
  padding: 6px;
}

.revistasArticulosCategoria a:hover {
  background-color: #666;
}

.revistaCatGroup {
  margin: 10px;
  margin-top: 4px;
  width: 150px;
  float: left;
  border: none;
  margin-bottom: 70px;
}

.revistaArticulosResultados {
  overflow: hidden;
  .border-radius(8px);

  border: solid 2px black;
}

.revistaArticulosTituloRecuadro {
  font-size: 16px;
  text-align: right;
}

.revistaArticulosArticulo {
  padding: 8px;
  border-bottom: dashed black 1px;
}

.revistaArticulosResumen {
}

.revistaArticulosAutor {
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

.revistaArticulosNroRevista a {
  text-align: right;
  float: right;
  padding: 4px;
  color: white;
  background-color: #AC7339;
  font-size: 0.9em;
  .border-radius(4px);
  margin-left: 5px;
}

.revistaArticulosTitulo {
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*------------------------------------------------------------*/
/* XMAP  -----------------------------------------------------*/
/*------------------------------------------------------------*/

#xmap h2.menutitle {
  display: none;
}

/*------------------------------------------------------------*/
/* FACEBOOK PLUGIN  ------------------------------------------*/
/*------------------------------------------------------------*/
.moduletablefacebookplugin iframe {
  border: none;
  background-color: white;
  margin-top: 5px;
}

div.moduletabletwitterFollowMe {
  width: 180px;
  position: relative;
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 10px;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }

  * {
    color: gray;
    font-family: Trebuchet MS, sans-serif
  }
}