@font-face {
  font-family: 'montserratblack';
  src: url("fonts/montserrat-black-webfont.woff2") format("woff2"), url("fonts/montserrat-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratbold';
  src: url("fonts/montserrat-bold-webfont.woff2") format("woff2"), url("fonts/montserrat-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratextra_bold';
  src: url("fonts/montserrat-extrabold-webfont.woff2") format("woff2"), url("fonts/montserrat-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserrathairline';
  src: url("fonts/montserrat-hairline-webfont.woff2") format("woff2"), url("fonts/montserrat-hairline-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratlight';
  src: url("fonts/montserrat-light-webfont.woff2") format("woff2"), url("fonts/montserrat-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratregular';
  src: url("fonts/montserrat-regular-webfont.woff2") format("woff2"), url("fonts/montserrat-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratsemi_bold';
  src: url("fonts/montserrat-semibold-webfont.woff2") format("woff2"), url("fonts/montserrat-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'montserratultra_light';
  src: url("fonts/montserrat-ultralight-webfont.woff2") format("woff2"), url("fonts/montserrat-ultralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

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

[data-icon]:before {
  font-family: "amarres" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "amarres" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\61";
}

.icon-twitter:before {
  content: "\62";
}

.icon-youtube-play:before {
  content: "\63";
}

.icon-search:before {
  content: "\64";
}

.icon-calendar:before {
  content: "\65";
}

.icon-bars:before {
  content: "\66";
}

body {
  font-family: "montserratregular";
}

a {
  text-decoration: none !important;
}

img {
  max-width: 100%;
}

.sinPadding {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

.header__publi img {
  width: 100%;
}

.header__redes {
  text-align: left;
  position: relative;
  margin-top: 6em;
}

.header__redes a {
  color: #701111;
  padding-right: 1em;
  transition: all ease .5s;
}

.header__redes a:hover {
  color: #CE0E0E;
}

.header__logo {
  text-align: center;
  margin: 4em 0;
}

.header__search {
  text-align: right;
  margin-top: 6em;
  color: #701111;
}

.header__search #buscar {
  display: none;
}

.header__search button[type="submit"] {
  display: none !important;
}

.header__search #toggle {
  display: none;
  cursor: pointer !important;
}

.header__search #toggle i {
  cursor: pointer !important;
}

.header__search #toggle:checked + #buscar {
  display: block;
}

.header__search #toggle:checked + #buscar input {
  padding: .5em;
}

.header__nav {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: center;
}

.header__nav--movil {
  display: block;
  color: #701111;
  text-align: right;
  padding: .32em .5em 0 .5em;
  font-size: 2em;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .header__nav--movil {
    display: none;
  }
}

.header__nav ul {
  list-style: none;
  display: none;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .header__nav ul {
    display: flex !important;
    justify-content: center;
  }
  .header__nav ul li {
    text-align: center;
    margin: 0 1em;
  }
  .header__nav ul a {
    color: #FFF;
    font-family: "montserratbold";
    text-transform: uppercase;
    display: block;
    padding: .7em 0;
  }
}

.header__nav ul li a {
  color: #9F9F9F;
  font-family: "montserratbold";
  text-transform: uppercase;
  padding: 0 1em;
  transition: all ease .5s;
  padding: 1em .5em;
  display: block;
}

.header__nav ul li a:hover {
  color: #701111;
}

.box {
  margin-bottom: 1.5em;
}

.box__6 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 488px;
  position: relative;
  margin-right: .2em;
}

.box__6:before {
  position: absolute;
  width: 100%;
  content: '';
  height: 100%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(166, 166, 166, 0) 35%, #701111 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(166, 166, 166, 0) 35%, #701111 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(166, 166, 166, 0) 35%, #701111 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  transition: all ease 1s;
}

.box__6:hover:before {
  opacity: 0;
}

.box__6--a {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.box__6__wrap {
  position: absolute;
  bottom: 0;
  padding: 1em;
  z-index: 1;
}

.box__6__wrap--category {
  font-family: "montserratlight";
  background-color: #CE0E0E;
  padding: 0 .4em .1em .4em;
  border-bottom: 1px solid #FFF;
  color: #FFF;
}

.box__6__wrap--category a {
  color: #FFF;
  font-size: .6em;
  text-transform: uppercase;
  transition: all ease .5s;
}

.box__6__wrap--category a:hover {
  opacity: .6;
}

.box__6__wrap--title {
  font-family: "montserratextra_bold";
  color: #FFF !important;
  text-shadow: 0px 0px 4px rgba(51, 51, 51, 0.9);
}

.box__6__wrap--excerpt {
  display: block;
  font-family: "montserratultra_light";
  color: #FFF !important;
  margin-bottom: 1em;
  text-transform: lowercase;
  font-size: .9em;
}

.box__6__wrap--time {
  color: #FFF !important;
  font-family: "montserratultra_light";
  display: block;
}

.box__6__wrap--time i {
  color: #CE0E0E;
}

.box__6--height {
  height: 280px;
  margin-bottom: 2em;
}

.box__6--height h2 {
  font-size: 1.1em;
}

.box__3 {
  height: 242px;
}

.box__3--margin {
  margin-bottom: .2em;
}

.box__3 h2 {
  display: block;
  font-size: 1.1em;
}

.box__title {
  overflow: hidden;
  text-align: center;
  font-family: "montserratbold";
  color: #9F9F9F;
  font-size: 3em;
  margin: .5em 0 .2em 0;
}

.box__title:before, .box__title:after {
  background-color: #CE0E0E;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.box__title:before {
  right: 0.5em;
  margin-left: -50%;
}

.box__title:after {
  left: 0.5em;
  margin-right: -50%;
}

.publi {
  margin-bottom: 1.5em;
  overflow: hidden;
}

.publi a {
  display: block;
  float: left;
  width: 25%;
  border: 1px solid #FFF;
}

.publi a img {
  width: 100%;
}

.sidebar__content {
  margin-bottom: 2em;
}

.sidebar__content--title {
  font-family: "montserratregular";
  text-align: center;
  border: 1px solid #CE0E0E;
  padding: .5em 0;
  margin: 0;
  margin-bottom: 1em;
}

.sidebar__content ul {
  padding: 0;
  margin: 0;
}

.sidebar__content ul li {
  list-style-type: none;
}

.sidebar__content ul li a {
  font-family: "montserratregular";
  color: #333;
  font-size: 1em;
  line-height: 2;
  transition: all ease .5s;
}

.sidebar__content ul li a:hover {
  color: #CE0E0E;
}

.sidebar__content .textwidget a {
  display: block;
  border-bottom: 2px solid #FFF;
}

.sidebar__content .textwidget a img {
  width: 100%;
}

.box2__title {
  overflow: hidden;
  text-align: center;
  font-family: "montserratbold";
  color: #9F9F9F;
  font-size: 3em;
  margin: .5em 0 .2em 0;
}

.box2__title:before, .box2__title:after {
  background-color: #CE0E0E;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.box2__title:before {
  right: 0.5em;
  margin-left: -50%;
}

.box2__title:after {
  left: 0.5em;
  margin-right: -50%;
}

.box2__content {
  margin-bottom: 2em;
}

.box2__content--img {
  background-image: url(img/post-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 14em;
  position: relative;
  margin-right: .2em;
}

.box2__content__wrap {
  height: 14em;
  position: relative;
}

.box2__content__wrap--category {
  font-family: "montserratlight";
  background-color: #CE0E0E;
  padding: 0 .4em .1em .4em;
  border-bottom: 1px solid #FFF;
  color: #FFF;
}

.box2__content__wrap--category a {
  color: #FFF;
  font-size: .6em;
  text-transform: uppercase;
  transition: all ease .5s;
}

.box2__content__wrap--category a:hover {
  opacity: .6;
}

.box2__content__wrap--subTitle {
  font-family: "montserratbold";
  color: #333 !important;
  font-size: 1em;
  margin: .5em 0 0 0;
}

.box2__content__wrap--excerpt {
  font-size: .9em;
  color: #9F9F9F !important;
}

.box2__content__wrap--time {
  color: #333;
  font-family: "montserratultra_light";
  font-size: .9em;
  position: absolute;
  bottom: 38px;
}

.box2__content__wrap--time i {
  color: #CE0E0E;
}

.box2__content__wrap--read {
  display: block;
  width: 100%;
  border: 1px solid #CE0E0E;
  padding: .4em 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  color: #333;
  text-transform: uppercase;
  font-family: "montserratultra_light";
  transition: all ease 1s;
  text-decoration: none !important;
}

.box2__content__wrap--read:hover {
  background-color: #CE0E0E;
  color: #FFF;
}

.category {
  background-color: #F2F2F2;
  text-align: center;
  padding: 3.5em 0;
  margin-bottom: 2em;
}

.category__h4, .category__h1 {
  margin: 0;
  padding: 0;
  color: #9F9F9F;
  font-family: "montserratlight";
}

.category__h1 {
  font-size: 1.2em;
  color: #701111;
  font-family: "montserratextra_bold";
  text-transform: uppercase;
}

.category__h1 a {
  color: #701111;
  font-family: "montserratextra_bold";
  text-transform: uppercase;
}

.pagination {
  text-align: center;
  margin-bottom: 2em;
  clear: both;
}

.pagination a, .pagination span {
  border: 1px solid #701111;
  padding: .5em 1em;
  color: #333;
  margin-right: .5em;
}

.pagination a:hover, .pagination span:hover {
  background-color: #701111;
  color: #FFF;
}

.pagination .current {
  background-color: #701111;
  color: #FFF;
}

.single {
  margin-top: 4em;
}

.single__category {
  font-family: "montserratlight";
  background-color: #CE0E0E;
  padding: 0 .4em .2em .4em;
  color: #FFF;
}

.single__category a {
  color: #FFF;
  font-size: .6em;
  text-transform: uppercase;
}

.single__category a:hover {
  opacity: .6;
}

.single__title {
  text-transform: uppercase;
  color: #701111;
  font-family: "montserratbold";
  font-size: 1.9em;
  margin: .2em 0;
}

.single__time {
  color: #333;
  font-family: "montserratultra_light";
  margin-bottom: 1em;
}

.single__time i {
  color: #CE0E0E;
}

.single figure {
  margin-bottom: 1.5em;
}

.single figure img {
  width: 100%;
}

.single__parrafo {
  font-family: "montserratlight";
  line-height: 1.8;
  font-size: 1.1em;
  margin-bottom: 2em;
}

.single__parrafo img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.single__tag {
  margin-bottom: 2em;
}

.single__tag a {
  display: inline-block;
  border: 2px solid #CE0E0E;
  padding: .5em .8em;
  font-family: "montserratlight";
  text-transform: uppercase;
  font-size: .9em;
  color: #CE0E0E;
  margin: .2em;
  transition: all ease .5s;
}

.single__tag a:hover {
  background-color: #CE0E0E;
  color: #FFF;
}

.single__relacionados--title {
  overflow: hidden;
  text-align: center;
  font-family: "montserratbold";
  color: #9F9F9F;
  font-size: 2em;
  margin: .5em 0 .2em 0;
}

.single__relacionados--title:before, .single__relacionados--title:after {
  background-color: #CE0E0E;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.single__relacionados--title:before {
  right: 0.5em;
  margin-left: -50%;
}

.single__relacionados--title:after {
  left: 0.5em;
  margin-right: -50%;
}

.page input, .page textarea {
  width: 100%;
  border-radius: .5em;
  background-color: #F2F2F2;
  outline: none;
}

.page input[type="submit"] {
  background-color: #701111;
  border: none;
  color: #FFF;
  padding: .5em 0;
}

.footer {
  background-color: #F2F2F2;
  padding: 2em 0;
  font-size: .9em;
  font-family: "montserratregular";
  line-height: 30px;
  margin-top: 3em;
}

.end {
  background-color: #701111;
  text-align: center;
  padding: 1em;
}

.end a {
  color: #FFF;
  margin: 1em;
  font-size: 1.2em;
  transition: all ease .5s;
}

.end a:hover {
  color: #CE0E0E;
}

@media (max-width: 1199px) {
  .box2__content__wrap--subTitle {
    font-size: 1em;
  }
}

@media (max-width: 778px) {
  .header__logo, .header__redes, .header__search {
    margin: 1em 0;
  }
  .header__search {
    padding: 1em 2em;
  }
  .header__redes {
    text-align: center;
  }
  .box__6 {
    height: 242px;
  }
  .box__6--margin {
    margin-bottom: .2em;
  }
  .box__6 h2 {
    display: block;
    font-size: 1.1em;
  }
  .box2__content__wrap {
    height: 13em;
  }
  .publi a {
    width: 33.333%;
  }
  .pagination span,
  .pagination a {
    float: left;
  }
}

@media (max-width: 320px) {
  .publi a {
    width: 50%;
  }
}