@import url(article.css?cb=69797fbdaf365367b874fc0520d810fc);
@import url(widgets.css?cb=cf2fd945903ab7435711d6a97defae90);
@import url(events-adv.css?cb=dd3763196dd08794934d01c4012f4552);
@import url(nanoscroller.css?cb=f5df91c12026dafd49ef343459496e90);
/* ==========================================================================
Start Category HP Styles (category_hp.css.scss.erb)
========================================================================== */
/* line 8 */
.advsocial_wr.desc, main[role="main"] .tag_wr.sidebar + .tv > h2 {
  font-family: 'Titillium Web', Arial, sans-serif;
}

/* line 11 */
aside > .sponsor em {
  font-family: 'Times New Roman', Roman, serif;
  font-style: italic;
}

/* line 15 */
aside > .sponsor em {
  font-style: italic;
}

/* line 18 */
main[role="main"], .tematitle, .widgetwrapper {
  *zoom: 1;
}

/* line 20 */
main[role="main"]:before, .tematitle:before, .widgetwrapper:before, main[role="main"]:after, .tematitle:after, .widgetwrapper:after {
  content: "";
  display: table;
}

/* line 23 */
main[role="main"]:after, .tematitle:after, .widgetwrapper:after {
  clear: both;
}

/* usage
  input {
      @include input-placeholder {
          color: #ccc;
          background: #F00;
      }
  }
 */
/* line 34 */
main[role="main"] h1 {
  font-size: 14px;
  line-height: 1.4em;
}

/* line 38 */
main[role="main"] .articles_wr,
main[role="main"] aside[role="complementary"] {
  display: inline-block;
  vertical-align: top;
}

/* line 41 */
main[role="main"] .articles_wr {
  width: 66.6%;
  font-size: 0;
  line-height: 0;
}

@media screen and (min-width: 320px) {
  /* line 46 */
  main[role="main"] .articles_wr {
    /**
     * min-width:320px : 1x
     * ==================================== */
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  /* line 52 */
  main[role="main"] .articles_wr {
    /**
     * min-width:768px : 1x
     * ==================================== */
    width: 66.6%;
  }
}
/* line 57 */
main[role="main"] .wrapper_slideshow_ts {
  min-height: 490px;
}

/* line 59 */
main[role="main"] .articles_wr.tema {
  clear: both;
}

/* line 61 */
main[role="main"] .articles_wr.tema + .tv {
  border-top: 0;
}

/* line 63 */
main[role="main"] .articles_wr.tema > article {
  width: 100%;
  margin-left: 0;
}

@media screen and (min-width: 480px) {
  /* line 67 */
  main[role="main"] .articles_wr.tema {
    /**
     * min-width:480px : 1x
     * ==================================== */
  }

  /* line 71 */
  main[role="main"] .articles_wr.tema > article {
    width: 49%;
    margin-left: 1.99%;
  }

  /* line 74 */
  main[role="main"] .articles_wr.tema > article:nth-child(2n + 1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  /* line 77 */
  main[role="main"] .articles_wr.tema {
    /**
     * min-width:768px : 1x
     * ==================================== */
    width: 100%;
  }

  /* line 82 */
  main[role="main"] .articles_wr.tema > article {
    width: 32% !important;
    margin-left: 1.99%;
  }

  /* line 85 */
  main[role="main"] .articles_wr.tema > article:nth-child(2n + 1) {
    margin-left: 1.99%;
  }

  /* line 87 */
  main[role="main"] .articles_wr.tema > article:nth-child(3n + 1) {
    margin-left: 0;
  }
}
/* line 89 */
main[role="main"] aside[role="complementary"] {
  float: right;
  width: 32;
  font-size: 14px;
  line-height: 1.4em;
}

@media screen and (min-width: 320px) {
  /* line 95 */
  main[role="main"] aside[role="complementary"] {
    /**
     * min-width:320px : 1x
     * ==================================== */
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  /* line 101 */
  main[role="main"] aside[role="complementary"] {
    /**
     * min-width:768px : 1x
     * ==================================== */
    width: 32%;
  }
}
/* line 107 */
.ssts div {
  display: none;
}

/* line 110 */
.wrapper_slideshow_ts .advsocial_wr {
  padding-top: 0 !important;
}

/* line 113 */
#descslide {
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  /* line 116 */
  #descslide {
    /**
     * min-width:769px : 1x
     * ==================================== */
    height: 255px;
  }
}
/* line 121 */
#descslide h2 a {
  color: black;
  text-decoration: none;
}

/* line 124 */
#descslide h2 a:link, #descslide h2 a:visited, #descslide h2 a:hover, #descslide h2 a:focus, #descslide h2 a:active {
  color: black;
}

/* line 127 */
.tematitle {
  position: relative;
  margin-top: -30px;
  min-height: 250px;
}

/* line 132 */
.advsocial_wr {
  text-align: left;
  font-size: 13px;
  line-height: normal;
}

/* line 137 */
.widgetwrapper .sw-facebook {
  margin-right: 2%;
}

/* line 141 */
.widgetwrapper .sw-instagram,
.widgetwrapper .sw-flickr,
.widgetwrapper .sw-youtube {
  float: left;
}

/* line 143 */
.widgetwrapper .sw-facebook {
  float: none;
}

@media screen and (min-width: 768px) {
  /* line 146 */
  .widgetwrapper .sw-facebook {
    /**
     * min-width:768px : 1x
     * ==================================== */
    float: left;
  }
}
/* line 151 */
.widgetwrapper .sw-twitter {
  height: auto;
}

@media screen and (min-width: 768px) {
  /* line 154 */
  .widgetwrapper .sw-twitter {
    /**
     * min-width:768px : 1x
     * ==================================== */
    height: 335px;
  }
}
/* line 159 */
.widgetwrapper .sw-twitter div {
  height: 300px;
  border: 1px #e8e8e8 solid;
  font-size: 1.2em;
}

/* line 163 */
.widgetwrapper .sw-instagram {
  clear: left;
}

@media screen and (min-width: 768px) {
  /* line 167 */
  .widgetwrapper .sw-instagram,
  .widgetwrapper .sw-flickr {
    /**
     * min-width:768px : 1x
     * ==================================== */
    width: 48.4%;
  }
}
@media screen and (min-width: 1024px) {
  /* line 174 */
  .widgetwrapper .sw-instagram,
  .widgetwrapper .sw-flickr {
    /**
     * min-width:1024px : 1x
     * ==================================== */
    width: 31.2%;
  }
}
/* line 179 */
.widgetwrapper .sw-flickr {
  margin-left: 3.19%;
}

@media screen and (min-width: 1024px) {
  /* line 182 */
  .widgetwrapper .sw-flickr {
    /**
     * min-width:1024px : 1x
     * ==================================== */
    margin-right: 3.19%;
  }
}
@media screen and (min-width: 768px) {
  /* line 188 */
  .widgetwrapper .sw-youtube {
    /**
     * min-width:768px : 1x
     * ==================================== */
    width: 100%;
    clear: left;
  }
}
@media screen and (min-width: 1024px) {
  /* line 195 */
  .widgetwrapper .sw-youtube {
    /**
     * min-width:1024px : 1x
     * ==================================== */
    width: 31.2%;
    clear: none;
  }
}
/* line 201 */
.widgetwrapper .sw-sitiblog {
  clear: left;
}

@media screen and (min-width: 768px) {
  /* line 204 */
  .widgetwrapper .sw-sitiblog {
    /**
     * min-width:768px : 1x
     * ==================================== */
  }

  /* line 208 */
  .widgetwrapper .sw-sitiblog li {
    width: 31.2%;
    float: left;
    font-size: 1.2em;
  }

  /* line 212 */
  .widgetwrapper .sw-sitiblog li + li {
    margin-left: 3.19%;
  }
}
/* line 215 */
main[role="main"] .tema .articles_wr {
  width: 100%;
}

/* line 217 */
main[role="main"] .tema .articles_wr .news_item {
  border: 0;
}

/* line 219 */
main[role="main"] .tema .articles_wr .news_item div {
  font-size: 0.8em;
}

/* line 222 */
main[role="main"] .tv {
  width: 100%;
}

/* line 224 */
main[role="main"] .tv h2 {
  font-family: sans-serif;
  font-size: 17px;
  font-weight: normal;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  /* line 230 */
  main[role="main"] .tv .news_item {
    /**
     * min-width:768px : 1x
     * ==================================== */
    width: 31.2%;
  }

  /* line 235 */
  main[role="main"] .tv .news_item + article {
    margin-left: 3.19%;
  }
}
/* line 238 */
.advsocial_wr.desc {
  font-size: 1.5em;
}

/* line 240 */
.advsocial_wr.desc h2 {
  margin-top: 0;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.2;
}

/* line 245 */
.advsocial_wr.desc h2 b {
  display: block;
}

/* line 248 */
aside > .sponsor {
  padding-bottom: 2em;
  text-align: center;
  margin-top: 2em;
  border-top: 1px #000 solid;
  padding-top: 2em;
}

@media screen and (min-width: 769px) {
  /* line 255 */
  aside > .sponsor {
    /**
     * min-width:769px : 1x
     * ==================================== */
    padding-bottom: 0;
  }
}
/* line 260 */
aside > .sponsor em {
  color: #727272;
}

/* line 263 */
.top h1 {
  font-size: 4em !important;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1 !important;
  margin-top: 0;
  padding-right: 150px;
  display: inline-block;
}

/* line 271 */
.top h1 b {
  display: block;
}

/* line 274 */
.top {
  position: relative;
  display: inline-block;
}

/* line 278 */
.tema .general_title_wr .top a {
  position: absolute;
  z-index: 2;
  top: .5em;
  right: 0;
}

/* line 283 */
.tema .general_title_wr .top p {
  font-size: 1.7em;
}

/* line 286 */
.tematitle .top a {
  position: absolute;
  top: 5px;
  right: 0;
}

/* line 290 */
.tematitle .top p {
  font-size: 1.8em;
}

/* line 293 */
.btn {
  display: inline-block;
  background-color: black;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  margin: 15px 0 0;
  padding: 5px 9px 5px 8px;
  text-decoration: none !important;
  font-size: 0.86em;
}

/* line 303 
.btn:after {
  border-color: transparent transparent transparent white;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  content: "";
  display: inline-block;
  height: 0;
  margin: -2px 0 0 18px;
  vertical-align: middle;
  width: 0;
}*/

/* line 314 */
footer[role="contentinfo"] .social_wr {
  margin-top: 0 !important;
}

/* line 317 */
main[role="main"] .tag_wr.sidebar {
  float: right;
}

/* line 319 */
main[role="main"] .tag_wr.sidebar + .tv {
  border-top: 0;
}

@media screen and (min-width: 768px) {
  /* line 322 */
  main[role="main"] .tag_wr.sidebar + .tv {
    /**
     * min-width:768px : 1x
     * ==================================== */
    border-top: 1px #000 solid;
    padding-right: 310px;
    width: auto;
    display: block;
  }
}
/* line 330 */
main[role="main"] .tag_wr.sidebar + .tv > h2 {
  font-weight: bold;
}

/* line 332 */
main[role="main"] .tag_wr.sidebar + .tv .news_item {
  width: 47.5%;
  margin-left: 0;
  margin-right: 2.5%;
}

/* line 336 */
main[role="main"] #loadcontents {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  /* line 339 */
  main[role="main"] #loadcontents {
    /**
     * min-width:768px : 1x
     * ==================================== */
    width: 66.6% !important;
  }
}