/*************************/
/********* FONTS *********/
/*************************/

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

@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf')  format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf')  format('truetype'),
        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf')  format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto-Black.ttf')  format('truetype'),
        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
  font-weight: 900;
  font-style: normal;
}

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

@font-face {
  font-family: 'RobotoCondensed';
  src:  url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
        url('../fonts/RobotoCondensed-Regular.ttf')  format('truetype'),
        url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoCondensed';
  src:  url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoCondensed-Light.woff') format('woff'),
        url('../fonts/RobotoCondensed-Light.ttf')  format('truetype'),
        url('../fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}



/*************************/
/********* RESET *********/
/*************************/
* { padding: 0; margin: 0; }
html, body, div, span, a, img, h1, h2, p, ul, li {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    list-style: none;
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}
:link, :hover, :active, :focus, :visited { outline: 0; }
svg:not(:root) {
    overflow: hidden;
}
::-webkit-input-placeholder {color: #9a9898; font-size: 14px;}
:-moz-placeholder {color: #9a9898; font-size: 14px; }
::-moz-placeholder {color: #9a9898; font-size: 14px;}
:-ms-input-placeholder { color: #9a9898; font-size: 14px; }
a[href^=tel]{color:inherit;text-decoration:none;}
input{-webkit-user-select: auto;}
img { -ms-interpolation-mode: bicubic; }
small{font-size: 13px; color: #fff;}
:link, :hover, :active, :focus, :visited { outline: 0; }
::-webkit-selection { color: #fff; background: #ccc; }
::-moz-selection { color: #fff; background: #ccc; }
::selection { color: #fff; background: #ccc; }
textarea, input[type="text"], input[type="number"], input[type="email"] {-webkit-appearance: none;}
.left{float: left;}
.right{float: right;}
.align_left{text-align: left;}
.align_right{text-align: right;}
.align_center{text-align: center;}
.helper{display: inline-block;vertical-align: middle;height:100%; width: 0;}
.vertical_top{vertical-align: top !important;}
.vertical_middle{vertical-align: middle !important;}
.vertical_bottom{vertical-align: bottom !important;}
.display-table{display: table; width: 100%; height: 100%;}
.display-table-cell{display: table-cell; vertical-align: middle; }
.display-table-row{display: table-row; vertical-align: middle;  width: 100%;}
.display-inline{display: inline-block !important; *display: inline; zoom: 1; vertical-align: middle; text-transform: uppercase; }
.clearfix:after{content:""; display:table; clear:both;}
.mb_0{margin-bottom: 0 !important;}
.pt_0{padding-top: 0 !important;}
.pb_0{padding-bottom: 0 !important;}
.pb_30{padding-bottom: 30px !important;}
.container{max-width: 1060px; margin: 40px auto 0; padding: 0 20px;}
.container.inicio{margin-top: 0;}
strong, b{font-weight: 700;}
a:hover{text-decoration: none;}





/*************************/
/********* GENERALES *****/
/*************************/
html, body{
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body.inicio, body.inicio-tema{ background: #eee; }
html.active, body.active{min-height: 100%; height: 100%;}
html.overflow, body.overflow, body.menu-open{min-height: 100%; height: 100%; overflow: visible;}
body{
  text-rendering: auto;
}

body, input, select, a, li, textarea{font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; color: #333;}
p, li{margin-bottom: 15px; line-height: 1.45em; }
a{color: inherit;}
h2{font-size: 40px; color: #333; font-weight: 900;}
h2.white{color: #fff;}
h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a{font-family: 'RobotoCondensed', sans-serif; font-weight: 700;}
ul.list-check li{position: relative; font-family: 'icomoon'; padding-left: 22px;}
ul.list-check li:before{content: '\e608'; position: absolute; left: 0; top: 0; }




/*
#######################################
GENERALES: SECTION
#######################################
*/
.section{position: relative;}
.parallax{background-size: cover;}



/*
#######################################
HTML, BODY
#######################################
*/
html, body{height: 100%;}




/*
#######################################
CAMPO BUSCADOR
#######################################
*/
.wrapper-input-search{width: 200px; margin-left: 10px; position: relative;}
.wrapper-input-search input{display: block; width: 100%; padding: 6px 30px; background-color: #f2f2f2; border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.wrapper-input-search i, .wrapper-input-search label{position: absolute; color: #969595; cursor: pointer;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.wrapper-input-search.isFocused .icon-search{color: #000;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.wrapper-input-search.isFocused input{background-color: #fff; }
.wrapper-input-search .icon-close{right: 7px; top: 7px; display: none; color: #6B6969;}
.wrapper-input-search .icon-close:hover{color: #000;}
.wrapper-input-search label{left: 8px; top: 7px;}
.wrapper-input-search.isNotEmpty .icon-close{display: block;}



/*
#######################################
SECCION: HOME BUTTON FOR REFRESH WITH SETTIMEOUT
#######################################
*/
.refresh-button{position: fixed; left: 0; right: 0; top: 70px; margin: 0 auto;
  opacity: 0; visibility: hidden; text-align: center; z-index: 100;
   -webkit-transition: opacity 0.45s ease, visibility 0.45s ease, top 0.45s ease;
    -moz-transition: opacity 0.45s ease, visibility 0.45s ease, top 0.45s ease;
    -o-transition: opacity 0.45s ease, visibility 0.45s ease, top 0.45s ease;
    -ms-transition: opacity 0.45s ease, visibility 0.45s ease, top 0.45s ease;
    transition: opacity 0.45s ease, visibility 0.45s ease, top 0.45s ease;
}
.refresh-button-inner{position: relative;}
.refresh-button.active{top: 80px; opacity: 1; visibility: visible;}
.refresh-button a.btn-refresh-button{display: inline-block;
  padding: 16px 60px 16px 30px;
  font-size: 0.8em;
  background-color: rgb(255, 84, 115);
  box-shadow: 0 .08em .08em rgba(0,0,0,.25);
  -webkit-border-radius: .25em;
  -moz-border-radius: .25em;
  border-radius: .25em;
  white-space: nowrap;
  color: #fff;
   -webkit-transition: background-color 0.6s ease;
    -moz-transition: background-color 0.6s ease;
    -o-transition: background-color 0.6s ease;
    -ms-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;
}
.refresh-button a.btn-refresh-button:hover{background-color: rgb(255, 84, 115); text-decoration: underline;}
.refresh-button a.refresh-button-close{
  position: absolute; top: 50%; margin-top: -15px;
  padding: 3px 6px 6px;
  background: rgb(255, 84, 115);
  right: 8px;
  font-size: 1.2em;
  color: white;
  box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
  -webkit-border-radius: .15em;
  -moz-border-radius: .15em;
  border-radius: .15em;
  border: 1px solid white;
}
.refresh-button a.refresh-button-close:hover{color: #000; background: white;}

/*
#######################################
SECCION: TOP
#######################################
*/




.btn-publicar{margin-left: 10px;}
.btn-publicar a{display: block; padding: 0 18px; height: 30px; background-color: #20bff0; line-height: 30px; color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;}
.btn-publicar a i{margin-right: 5px; margin-bottom: 3px; font-size: 18px;}

.btn-menu{position: absolute; right: 16px; top: 0; bottom: 0; margin: auto; height: 100%;}
.btn-menu a{display: block; width: 33px; height: 20px;}
.btn-menu a span{display: block; width: 100%; height: 4px; background-color: #fff; margin: 4px 0;}

#top menu ul > li.search-publicar-top{display: none; }

.onbtndesplegable{float: right; padding-top: 10px;}


/*
#######################################
MENU TOP - RESPONSIVE
#######################################
*/

#top menu.active{opacity: 1; visibility: visible; right: 0;}
#top menu ul > li{display: block; width: 100%; margin-bottom: 0; }
#top menu ul > li > a{
    display: block;
    color: #fff;
    font-size: 15px;
    border-bottom: 1px solid #313030;
    -webkit-transition: border-color 0.3s ease, padding-bottom 0.3s ease;
    -moz-transition: border-color 0.3s ease, padding-bottom 0.3s ease;
    -o-transition: border-color 0.3s ease, padding-bottom 0.3s ease;
    -ms-transition: border-color 0.3s ease, padding-bottom 0.3s ease;
    transition: border-color 0.3s ease, padding-bottom 0.3s ease;
    padding-top: 13px; padding-bottom: 13px; padding-left: 20px; padding-right: 20px; text-align: left;
}
#top menu ul > li > a.active, #top menu ul > li > a:hover{border-bottom-color: #ea654c;}

.btn-menu-responsive-close{position: absolute; right: 20px; top: 20px;}
#menu-button{display: none;}





/*
#######################################
SECCION: NAV
#######################################
*/
#nav ul{overflow: hidden; }




/*
#######################################
PORTADA
#######################################
*/
body.inicio, body.search{}
body.perfil{padding-top: 0;}
.portada{width: 100%; height: 100%; position: relative;}
.portada.portada_height{height: 768px;}
.no-padding{padding-top: 0 !important;}
.portada-inner{position: relative; width: 100%; height: 100%;}
.portada .shadow{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;
    background: rgba(0,0,0,0.6);
    background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.6));
    background: -moz-linear-gradient(transparent, rgba(0,0,0,0.6));
    background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.6));
    background: -ms-linear-gradient(transparent, rgba(0,0,0,0.6));
    background: linear-gradient(transparent, rgba(0,0,0,0.6));
}

.cover-meta{position: absolute; left: 0; bottom: 0; width: 65%; z-index: 2; padding: 30px; color: #fff;}
.cover-meta.topleft{left: 0; right: auto; top: 0; bottom: auto;}
.cover-meta.topright{left: auto; right: 0; top: 0; bottom: auto;}
.cover-meta.bottomleft{left: 0; right: auto; top: auto; bottom: 0;}
.cover-meta.bottomright{left: auto; right: 0; top: auto; bottom: 0;}
.cover-meta.bottomcenter{left: auto; right: auto; top: auto; bottom: 0; width: 100%; }
.cover-meta.bottomcenter .cover-meta-inner{width: 80%; margin: 0 auto;}
.cover-meta.center{text-align: center; left: auto; right: auto; top: auto; bottom: 0; width: 100%; height: 100%;}
.cover-meta.center .helper-cover{width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.cover-meta.center .cover-meta-inner{display: inline-block; text-align: left; width: 80%; margin: 0 auto; vertical-align: middle;}

.cover-meta.topleft .description .display-table .display-table-cell{display: block;}
.cover-meta.topright{text-align: right;}
.cover-meta.topright .lft{padding-right: 0;}
.cover-meta.topright .description .display-table .display-table-cell{display: block;}
.cover-meta.bottomright{text-align: right;}
.cover-meta.bottomright .lft{padding-right: 0;}
.cover-meta.bottomright .description .display-table .display-table-cell{display: block;}
.cover-meta.center .description .display-table .display-table-cell{display: block;}

.cover-meta h2{color: #fff;  margin-bottom: 10px;
    -ms-word-break: break-all;
    word-break: break-all;

    word-break: break-word;
      -webkit-hyphens: auto;
         -moz-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
}
.cover-meta.small h2{font-size: 60px; line-height: 1em;}
.cover-meta.medium h2{font-size: 80px; line-height: 1em;}
.cover-meta.large h2{font-size: 100px; line-height: 1em;}
.cover-meta.xlarge h2{font-size: 120px; line-height: 0.95em;}

.cover-meta p{margin-bottom: 0;}
.cover-meta .lft{padding-right: 30px;}
.portada .cover-meta{font-size: 1.5em;}
.post-box .meta{margin: 15px 0 15px 15px;}
.post-box .cover-meta{width: 100%; padding: 15px;}
.post-box .cover-meta h2, .post-box .cover-meta h3 a{font-size: 30px; margin-bottom: 10px; color: #fff; font-weight: bold;}
.post-box.medium .cover-meta h2, .post-box.medium .cover-meta h3{font-size: 56px;}
.post-box .cover-meta .meta{color: #fff;}
.post-box .cover-meta .lft{padding-right: 20px;}




/*
#######################################
MENU FILTROS
#######################################
*/
.menu-filters{overflow: hidden; width: 100%; background-color: #313131;}
.menu-filters li{display: block; float: left; margin-bottom: 0;}
.menu-filters li a, .menu-filters li .a{padding: 12px 18px; color: #cbcbcb; display: block; border-right: 1px solid #ffffff; background-color: #313131;
    -webkit-transition: background-color 0.3s ease, color 0.3s ease;
    -moz-transition: background-color 0.3s ease, color 0.3s ease;
    -o-transition: background-color 0.3s ease, color 0.3s ease;
    -ms-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.menu-filters li.title .a{background-color: #ea654c; color: #fff;}
.menu-filters li a:hover, .menu-filters li a.active{background-color: #020202; color: #fff;}




/*
#######################################
LINE
#######################################
*/
.line{border-top: 6px solid #ccc;}
.line.green{border-color: #add278;}
.line.orange{border-color: transparent;}
.line.blue{border-color: #86d0f3;}




/*
#######################################
CARRUSEL
#######################################
*/
.wrapper-carrusel{padding: 12px 0 30px;  }
.wrapper-carrusel.fading .carrusel{opacity: 0; visibility: hidden; position: relative; top: 15px;
  -webkit-transition: opacity 0.5s linear, visibility 0.5s linear, top 0.5s linear;
  -moz-transition: opacity 0.5s linear, visibility 0.5s linear, top 0.5s linear;
  -o-transition: opacity 0.5s linear, visibility 0.5s linear, top 0.5s linear;
  -ms-transition: opacity 0.5s linear, visibility 0.5s linear, top 0.5s linear;
  transition: opacity 0.5s linear, visibility 0.3s linear, top 0.5s linear;
}
.wrapper-carrusel.fading .loading{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;
  -webkit-transition: opacity 0.5s linear, visibility 0.5s linear;
  -moz-transition: opacity 0.5s linear, visibility 0.5s linear;
  -o-transition: opacity 0.5s linear, visibility 0.5s linear;
  -ms-transition: opacity 0.5s linear, visibility 0.5s linear;
  transition: opacity 0.5s linear, visibility 0.3s linear;
}
.wrapper-carrusel.fading.loaded .carrusel{opacity: 1; visibility: visible; top: 0;}
.wrapper-carrusel.fading.loaded .loading{opacity: 0; visibility: hidden; top: 0;}
.wrapper-carrusel-inner{padding: 0 10px; position: relative; }
.wrapper-carrusel.small .carrusel-inner{}
.carrusel {overflow: hidden; position: relative;}
.carrusel.small {height: 251px; }
.carrusel.medium {height: 400px; }
.carrusel-inactive .carrusel { height: initial; }
.carrusel.medium .post-box .figure{ height: 200px; overflow: hidden; position: relative; }
.carrusel.medium .post-box .figure iframe{ height: 200px !important;}
.carrusel.medium .post-box .figure img{opacity: 0;}
.carrusel.medium .post-box .figure .excerpt-box { top: 0px; position: absolute; width: 100%; height: 100%; opacity: 0; padding: 15px; transition: all 0.5s; }
.carrusel.medium .post-box .figure .excerpt-box p { color: #fff; }
.carrusel.medium .post-box:hover .figure .excerpt-box { opacity: 1; background: rgba(0,0,0,0.75); }
.carrusel .carrusel-inner {overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; position: relative; z-index: 1; height: 418px;}
.carrusel-inactive .carrusel .carrusel-inner { height: initial; overflow-y: auto; white-space: normal; }
.carrusel-inactive .carrusel > .carrusel-inner { }
.carrusel-title{padding-left: 20px; margin-bottom: 5px; overflow: hidden;}
.carrusel-title h2, .carrusel-title h2 a{display: inline-block; vertical-align: bottom; font-size: 42px; padding-right: 3px; font-family: "Roboto"; font-weight: 500;}
.carrusel-title h2 span, .carrusel-title h2 a span{font-weight: 700;}
.carrusel-title h2 a {
  -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
.carrusel-title h2 a i{font-size: 21px;position: relative; left: 0;
   -webkit-transition: left 0.3s linear;
    -moz-transition: left 0.3s linear;
    -o-transition: left 0.3s linear;
    -ms-transition: left 0.3s linear;
    transition: left 0.3s linear;
}
.carrusel-title h2:hover a i{left: 3px;}
.carrusel-title h2:hover a:hover{color: #f7b15e;}
.carrusel-title p{display: inline-block; vertical-align: bottom; margin-bottom: 3px; font-size: 1.4em; font-weight: 300;}



/*
#######################################
CARRUSEL - NAVIGATION BUTTONS
#######################################
*/
.btn-nav{display: block; position: absolute; top: 50%; opacity: 0; width: 63px; height: 126px; margin-top: -63px; overflow: hidden;}
.wrapper-carrusel:hover .btn-nav{opacity: 1;}
.wrapper-carrusel.startPosition .btn-nav-prev{display: none;}
.wrapper-carrusel.endPosition .btn-nav-next{display: none;}
.btn-nav .btn-inner{display: block; width: 126px; height: 100%; position: absolute; top: 0;
  background-color: rgba(0,0,0,0.6); z-index: 2; color: #fff; font-size: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
   -webkit-transition: background-color 0.25s linear;
    -moz-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    -ms-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
}
.btn-nav:hover .btn-inner{background-color: rgba(234,101,76,.9);
    -webkit-transition: padding 0.25s linear;
    -moz-transition: padding 0.25s linear;
    -o-transition: padding 0.25s linear;
    -ms-transition: padding 0.25s linear;
    transition: padding 0.25s linear;
}
.btn-nav-prev{left: 0; text-align: right;}
.btn-nav-next{right: 0; text-align: left;}
.btn-nav-prev .btn-inner{right: 0; padding-right: 6px;}
.btn-nav-next .btn-inner{left: 0; padding-left: 6px;}
.btn-nav-prev:hover .btn-inner{padding-right: 12px;}
.btn-nav-next:hover .btn-inner{padding-left: 12px;}

.scroll-arrow-principal {
    background: rgba(0,0,0,0.6) !important;
    font-size: 44px;
    color: #fff;
    top: 30%;
    padding: 37px 9px;
    font-weight: 600;
    position: absolute;
}
.scroll-arrow-principal.right {
    -webkit-border-radius: 63px 0 0 63px;
    border-radius: 63px 0 0 63px;
}
.scroll-arrow-principal:hover{
    background-color: rgba(234,101,76,.9) !important;
    -webkit-transition: background-color 0.25s linear;
    -moz-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    -ms-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
}
.scroll-arrow-principal.left {
    -webkit-border-radius: 0 63px 63px 0;
    border-radius: 0 63px 63px 0;
}

/*
#######################################
ARCHIVO
#######################################
*/
.btn-archivo {
    text-align: center;
    margin-bottom: 4em;
}
.btn-archivo a {
    font-size: 21px;
    border: 2px solid #333;
    padding: 0.5em;
    border-radius: 0.3em;
    display: inline-block;
    width: 30%;
    min-width: 200px;
    transition: all 0.3s;
}
.btn-archivo a:hover {
    color: white;
    background-color: #444;
}

.archive-year {
    background: rgba(128, 145, 148, 0.34);
    padding: 40px 20px;
}
.archive-year:nth-child(2n) {
    background: rgba(128, 145, 148, 0.2);
}
.archive-year .archive-months {
    text-align: justify;
}
.archive-year .archive-year-title {
    margin-bottom: 0.5em;
}
.archive-year .archive-month {
    display: inline-block;
}
.archive-year .archive-month a {
    font-family: RobotoCondensed, sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 8px;
    transition: all 0.5s;
}
.archive-year .archive-month a:hover {
    background-color: #444;
    color: white;
}

/*
#######################################
PAGER
#######################################
*/
.pager-buttons {
    text-align: center;
    padding: 3em 0 2em 0;
}
.pager-buttons a {
    font-family: Roboto, sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 8px;
    transition: all 0.3s;
}
.pager-buttons a.btn-prev:before {
    font-size: 21px;
    content: '<';
    display: inline-block;
    margin-right: 1em;
}
.pager-buttons a.btn-next:after {
    font-size: 21px;
    content: '>';
    display: inline-block;
    margin-left: 1em;
}
.pager-buttons a:hover {
    color: #f7b15e;
}
.pager-buttons.no-items {
    font-size: 21px;
    text-transform: uppercase;
}
.pager-buttons.no-items:before,
.pager-buttons.no-items:after {
    font-size: 21px;
    content: '-';
}

/*
#######################################
TAGS
#######################################
*/
.generic-topics {
    background: rgba(128, 145, 148, 0.34);
    padding: 40px 20px;
}
.generic-topics .topics-items {
    text-align: justify;
}
.generic-topics .tags-title {
    margin-bottom: 0.5em;
}
.generic-topics .topic-item {
    display: inline-block;
}
.generic-topics .topic-item a {
    font-family: RobotoCondensed, sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 8px;
    transition: all 0.5s;
}
.generic-topics .topic-item a:hover {
    background-color: #444;
    color: white;
}


/*
#######################################
POST - PREVIO
#######################################
*/
.post-box .shadow, .titulares-carousel--item .shadow{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;
    background: rgba(0,0,0,1);
    background: -webkit-linear-gradient(transparent, rgba(0,0,0,1));
    background: -moz-linear-gradient(transparent, rgba(0,0,0,1));
    background: -webkit-linear-gradient(transparent, rgba(0,0,0,1));
    background: -ms-linear-gradient(transparent, rgba(0,0,0,1));
    background: linear-gradient(transparent, rgba(0,0,0,1));
}
.post-box{background: #fff; width: 320px; padding: 0 0 2em; margin: 0 10px; display: inline-block; white-space: normal; vertical-align: top; min-height: 390px;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.post-box.redaccionmulera .meta .txt .author a{color: #e95c33;}
.post-box.redaccionmulera .meta .txt .author a:hover{color: #CE4923;}
.carrusel-inactive .post-box{margin-bottom: 22px; text-align: left;}
.post-box.medium{width: 640px; padding: 0 10px; float: left;}
.post-box .inner{position: relative; }
.post-box figure{}

.post-box .cover{display: block; padding: 12px 10px 8px; position: absolute; left: 0; bottom: 0; width: 100%;  z-index: 2;}
.post-box .cover{color: #fff; }
.post-box h3{padding: 0 15px 15px; font-weight: 600; }
.post-box h3 a{font-size: 18px; line-height: 1.4em; font-weight: 600; color: #4a4a4a;}
.post-box:hover h3 a{color: black;}
.post-box figcaption h3{font-size: 33px; }
.post-box p{margin-bottom: 0; color: #878787;}
.post-box img{display: block;}
.post-box .metaline{overflow: hidden; padding-top: 15px; font-size: 0.8em;}
.post-box .metaline a{color: #878787;}
.post-box .meta {padding-left: 40px; color: #959595; min-height: 38px; margin-bottom: 12px;}
#destacados .post-box .meta {padding-left: 0;}
.post-box .meta .ico {width: 40px;}
.post-box .meta .figure-meta {width: 40px; height: 40px; overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.cover-meta-inner .meta .figure-meta{width: 54px; height: 54px; overflow: hidden;}
.post-box .meta .figure-meta  img, .cover-meta-inner .meta .figure-meta img{opacity: 0;}

.meta{display: inline-block; text-align: left; position: relative; padding-left: 54px; min-height: 51px; margin-top: 7px; }
.meta .ico{border: 1px solid #fff; position: absolute; left: 0; top: 0; width: 54px;}
.meta .txt{padding-left: 8px; font-size: 0.8em;}
.meta .txt .author a{font-size: 12px; font-weight: bold; color: #4cc1be; text-transform: uppercase;}
.meta .txt .author a:hover{color: #2d9492;}
#destacados .meta .txt{padding-left: 0;}
.meta .txt p{white-space: nowrap; }
.meta .txt time{font-size: 12px; white-space: nowrap; display: none; color: #8fa6b3;}
#ultimas-noticias .meta .txt time { display: block; }




/*
#######################################
REDES SOCIALES - LIKEBOX AND COMMENT
#######################################
*/
.fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

.social {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: none;
}

/*
#######################################
FOOTER
#######################################
*/
footer{background-color: #434343; padding: 40px 20px 15px; color: #fff; position: relative;}
footer ul {padding: 20px 0;}
footer ul li{color: #fff; margin-bottom: 4px;}
footer h4{font-size: 35px; margin: 3px 0; font-family: "Roboto"; font-weight: 500; margin-right: 10px;}
footer h5{font-size: 26px; margin: 3px 0; font-weight: 300;}
footer .btn-publicar{margin-left: 0;}

.footer {
  background: black;
  padding: 60px 0;
}

.social_reference_footer {
  width: 1000px;
  margin: 0 auto;
  font-family: "Gotham Rounded", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
}

.footer_content {
  display: inline-block;
  padding: 20px 0 10px;
}

.footer_content.left_footer {
  width: 70%;
  margin-right: 90px;
  vertical-align: top;
}

.social_reference_footer img {
  width: 220px;
}

.social_reference_footer li {
  display: inline-block;
  margin-right: 20px;
}

.social_icon_footer {
  width: 40px;
  height:40px;
  fill: white;
}

.social_icon_footer:hover {
  transform: scale(1.25);
  transition: background-color .5s, transform .5s ease-out;
}

.social_reference_footer p {
  color: white;
}

.social_reference_footer a {
  color: #03fc96;
  text-decoration: none;
}

.links_footer {
  list-style-type: square;
}

@font-face {
  font-family: 'Gotham Rounded';
  src: url('../fonts/gothamrnd-book-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fonts/GothamRounded-Book.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

@font-face {
  font-family: 'Gothan Rounded';
  src: url('../fonts/GothamRounded-Medium.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fonts/GothamRounded-MediumItalic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fonts/GothamRounded-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fonts/GothamRounded-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}

@media screen and (max-width: 980px) {

.footer {
    padding: 60px 20px;
}

.social_reference_footer  {
    width: 100%;
}

.footer_content.left_footer {
    width: 100%;
    margin-right: 0;
}

.links_footer li {
    display: block;
}

}

/*
#######################################
BUTTON: UP;
#######################################
*/
.btn-up {position: absolute; top: 20px; right: 0; opacity: 0; visibility: hidden; z-index: 9;
    width: 50px; height: 50px; background-color: #e6e4e4; font-size: 21px; text-align: center; line-height: 50px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
.btn-up:hover{background-color: #ccc;}








body header{min-height: 0;}


.topic{margin-bottom: 0;}
.headlines{background-color: transparent; border: none; }





.author{position: static;}
.titulares-carousel--item--content h1{font-size: 32px; font-weight: 900; line-height: 1em; margin-bottom: 10px;}
.titulares-carousel--item--content h1 a{font-size: inherit;}
.titulares-carousel--item--content h4 {font-family: 'Roboto';}
.titulares-carousel--item--content h4 a{font-size: 14px; font-weight: 400; font-family: inherit;}
.titulares-carousel--item.completo{width: 540px;}
.titulares-carousel--item{height: 320px; margin: 0 5px;}

.headline-list{padding: 0 10px; overflow: auto; overflow-x: scroll;}
.scroll-arrow, .scroll-arrow:active{background: transparent;}
.topic a{color: #fff;}
.aside.editor h2 {font-size: 30px;}

.topic-list { overflow: auto; overflow-x: scroll; }


@media screen and (max-width: 640px){

  .main-nav > ul { margin: 0 auto;}
  .onbtndesplegable{width: 100%; text-align: center; padding-top: 10px;}

}

footer hr { border-color: #aaa; margin-bottom: 1.5em; margin-top: 1em; }
footer .info p { line-height: 2em; }
footer .info p a:hover { text-decoration: underline; }

@media screen and (max-width: 728px) {
    footer { display: block; }
}



body.post.columna header.redaccion, body.post.Noticia header.redaccion, .post-big-image.redaccion {border-bottom: 10px solid; border-bottom-color: #eee;}
body.post.columna header.comunidad, body.post.Noticia header.comunidad, .post-big-image.comunidad {border-bottom: 10px solid; border-bottom-color: #eee;}

.aside.disclaimer { margin-left: 0 !important; }
.aside.disclaimer .info-author-card { padding-left: 0 !important; }
.aside.disclaimer .info-author-card p { margin-bottom: 15px !important; }

.post-content a {
    font-size: inherit !important;
    font-family: inherit !important;
}
.post-content img{cursor: pointer;}
.related-topics .topic-list .topic a {
    text-transform: uppercase;
}

article.noticia .banner-box.banner-top-int, article.columna .banner-box.banner-top-int { margin-top: 15px; }
article.reportaje .banner-box.banner-top-int { margin-top: 0px; }


/*
#######################################
SOBRE ESCRIBE /styles/listados.css
#######################################
*/
.navegacion-listados .container-listados .listados{overflow: visible !important; overflow-y: hidden !important;}


/*
#######################################
LISTADOS
#######################################
*/

#post-progress .optionsbox{margin-top: 0px;}
#post-progress a.button{padding: 0;}


/*
#######################################
RESPONSIVE - MEDIAS QUERIES
#######################################
*/

@media only screen and (max-width : 1240px) {
  .portada .cover-meta{width: 80%;}
  .cover-meta.xlarge h2{font-size: 110px;}
  .cover-meta.large h2{font-size: 90px;}
  .cover-meta.medium h2{font-size: 60px;}
  .cover-meta.small h2{font-size: 40px;}
}

@media only screen and (max-width : 1023px) {

  body.menu-open{overflow: hidden;}

  .portada .cover-meta{width: 90% !important;}
  .cover-meta.xlarge h2{font-size: 95px;}
  .cover-meta.large h2{font-size: 75px;}
  .cover-meta.medium h2{font-size: 55px;}
  .cover-meta.small h2{font-size: 40px;}
  .cover-meta.bottomcenter .cover-meta-inner{width: 100%;}
}

@media only screen and (max-width : 960px) {
    .wrapper-input-search{width: 145px;}
    .btn-publicar a i{display: none !important;}
    .wrapper-input-search, .btn-publicar{margin-left: 5px;}

    .cover-meta.xlarge h2{font-size: 80px;}
    .cover-meta.large h2{font-size: 60px;}
    .cover-meta.medium h2{font-size: 40px;}
    .cover-meta.small h2{font-size: 40px;}
    .meta{margin-top: 15px;}
    .portada .description .display-table, .portada .description .display-table-cell{display: block;}
}

@media only screen and (max-width : 767px) {
    .social-sharer-header{display: none !important;}
    .sidebar.sidebar-not-logged-in{display: none;}
    .portada.portada_height { height: 280px; }
    footer, .container{padding-left: 15px; padding-right: 15px;}
    .carrusel-title{padding-left: 15px;}
    .carrusel-title h2, .carrusel-title h2 a{font-size: 30px;}
    .carrusel-title p{font-size: 1.2em;}
    .sidebar{width: 100%; padding-left: 0;}
    .wrapper-carrusel:hover .btn-nav, .scroll-arrow-principal{display: none;}

    /* btn menu */

    .btn-publicar a i{display: inline-block !important;}
    .top-right .search, .top-right .btn-publicar{display: none !important;}
    #top .display-table-cell.align_right{padding: 0;}
    #top menu ul > li.search-publicar-top{display: block; padding-top: 20px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px;}
    .wrapper-input-search, .btn-publicar{margin-left: 0; margin-bottom: 10px;}
    .wrapper-input-search{width: 100%;}


    /*PORTADA*/
    .cover-meta.xlarge h2{font-size: 60px;}
    .cover-meta.large h2{font-size: 40px;}
    .cover-meta.medium h2{font-size: 40px;}
    .cover-meta.small h2{font-size: 40px;}
    .portada .cover-meta p{font-size: 0.7em;}
    .portada .cover-meta {padding: 15px;}

    /*TOP*/
    #top .display-table, #top .display-table-cell{display: block; text-align: center;}


    /*POST BOX*/
    .post-box.medium .cover-meta h2, .post-box.medium .cover-meta h3{font-size: 47px;}


    /*BTN UP*/
    .btn-up{display: none;}

    .generic-topics .topics-items {
      text-align: left;
    }
}



@media only screen and (max-width : 480px) {

    .logo img{width: 180px;}
    .carrusel-title h2, .carrusel-title h2 a{font-size: 23px;}

    /*PORTADA*/
    .cover-meta.xlarge h2{font-size: 40px;}
    .cover-meta.large h2{font-size: 40px;}
    .cover-meta.medium h2{font-size: 40px;}
    .cover-meta.small h2{font-size: 40px;}

   .wrapper-input-search, .btn-publicar{margin-left: 0;}
   .wrapper-input-search{width: 100%;}

   /*POST BOX*/
   .post-box.medium .cover-meta h2, .post-box.medium .cover-meta h3{font-size: 43px;}
   .portada .cover-meta{width: 100% !important;}
   .cover-meta.center .cover-meta-inner{width: 100%;}
}


/*
#######################################
RETINA: 2X;
#######################################
*/
@media  only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .navtop li ul:before{
   background-image: url('../icons/tri2x.png'); background-size: 16px 8px;
  }
}