:root {
  --blanco: #FFFFFF;
  --negro: #333333;
  --negro2: #5f5f5f;
    --gris1: #f7f9fa;
    --gris2: #DDDDDD;
    --gris3: #F5F5F5;
    --gris4: #868788;
    --amarillo: #F9EC2B;
    --azul: #0d618a;
    --yt: #bb0000;
    --fb: #3b5998;
    --in: #8a3ab9;
    --ct: #517fa4;
    --dr: #32506d;
}

a {color: var(--negro2);}
a:hover {color: var(--gris4);}

#Wrapper, #Content {
  background-color: var(--gris1);
}

#Top_bar {background: var(--negro);}

.wsmenu>.wsmenu-list>li>a {
    padding: 10px 25px !important;
    text-transform: uppercase;
}

.wsmenu>.wsmenu-list>li>a:hover, .wsmenu>.wsmenu-list>li.hover, .wsmenu>.wsmenu-list>li.hover>a {background: var(--amarillo); color: var(--negro);}
.rightmenu.hover {background: transparent !important;}

body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
  font-family: "Lato", Arial, Tahoma, sans-serif;
  font-weight: 400;
}

.container-fluid {max-width: 1366px;}

.desktoplogo {padding: 0 !important;}
.headtoppart .desktoplogo img {margin-left:40px; max-width:520px;}

.wsmenu>.wsmenu-list>li>a, .action_button, #overlay-menu ul li a {
  font-family: "Raleway", Arial, Tahoma, sans-serif;
  font-weight: 400;
  color: var(--negro);
}

#Subheader .title {
  font-family: "Raleway", Arial, Tahoma, sans-serif;
  font-weight: 400;
}

h1, .text-logo #logo {
  font-family: "Raleway", Arial, Tahoma, sans-serif;
  font-weight: 300;
}

h1.title {margin-bottom:30px;}

h2 {
  font-family: "Raleway", Arial, Tahoma, sans-serif;
  font-weight: bold;
}
h3 {
  font-family: "Raleway", Arial, Tahoma, sans-serif;
  font-weight: 300;
}
h4 {
  font-family: "Raleway", Arial, Tahoma, sans-serif;
  font-weight: 300;
}
h5 {
  font-family: "Raleway", Arial, Tahoma, sans-serif;
  font-weight: 700;
}
h6 {
  font-family: "Raleway", Arial, Tahoma, sans-serif;
  font-weight: 400;
}
blockquote {
  font-family: "Raleway", Arial, Tahoma, sans-serif;
}

body {
  font-size: 15px;
  line-height: 22px;
}

.wsmenu>.wsmenu-list>li>a, .action_button {
  font-size: 15px;
  font-weight: 700;
  color: var(--blanco);
}

#Subheader .title {
  font-size: 50px;
  line-height: 50px;
}

h1, .text-logo #logo {
  font-size: 50px;
  line-height: 50px;
}
h2 {
    font-size: 40px;
    line-height: 40px;
}
h3 {
  font-size: 30px;
  line-height: 32px;
}
h4 {
  font-size: 22px;
  line-height: 26px;
}
h5 {
  font-size: 15px;
  line-height: 20px;
}
h6 {
  font-size: 14px;
  line-height: 21px;
}

p {text-align: justify;}

ul.pagination {
  justify-content: center;
  display: flex;
  margin-top:30px;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin:0 2px;
    line-height: 1.25;
    color: var(--negro);
    background-color: #fff;
    border: 1px solid var(--negro);
    width: 40px;
    height:40px;
    text-align:center;
    border-radius:50%;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--negro);
    border-color: var(--negro);
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 50% !important;
}

.page-link:hover {
    z-index: 2;
    color: var(--negro);
    text-decoration: none;
    background-color: var(--amarillo);
    border-color: var(--amarillo);
}

.field--name-field-imagenes img {width:100%; height:auto;}

.view-display-id-block_6 .row {display:block;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  body {
    font-size: 13px;
    line-height: 20px;
  }
  .wsmenu>.wsmenu-list>li>a {
    font-size: 18px;
  }
  #Subheader .title {
    font-size: 45px;
    line-height: 45px;
  }
  h1, .text-logo #logo {
    font-size: 45px;
    line-height: 45px;
  }
  h2 {
    font-size: 25px;
    line-height: 25px;
  }
  h3 {
    font-size: 27px;
    line-height: 29px;
  }
  h4 {
    font-size: 20px;
    line-height: 24px;
  }
  h5 {
    font-size: 14px;
    line-height: 18px;
  }
  h6 {
    font-size: 13px;
    line-height: 19px;
  }
  blockquote {
    font-size: 15px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body {
    font-size: 13px;
    line-height: 20px;
  }
  .wsmenu>.wsmenu-list>li>a {
    font-size: 16px;
  }
  #Subheader .title {
    font-size: 40px;
    line-height: 40px;
  }
  h1, .text-logo #logo {
    font-size: 40px;
    line-height: 40px;
  }
  h2 {
    font-size: 22px;
    line-height: 22px;
  }
  h3 {
    font-size: 24px;
    line-height: 26px;
  }
  h4 {
    font-size: 18px;
    line-height: 22px;
  }
  h5 {
    font-size: 13px;
    line-height: 17px;
  }
  h6 {
    font-size: 13px;
    line-height: 18px;
  }
  blockquote {
    font-size: 14px;
  }
}
@media only screen and (max-width: 479px) {
  body {
    font-size: 13px;
    line-height: 20px;
  }
  .wsmenu>.wsmenu-list>li>a {
    font-size: 14px;
  }
  #Subheader .title {
    font-size: 35px;
    line-height: 35px;
  }
  h1, .text-logo #logo {
    font-size: 35px;
    line-height: 35px;
  }
  h2 {
    font-size: 20px;
    line-height: 20px;
  }
  h3 {
    font-size: 21px;
    line-height: 23px;
  }
  h4 {
    font-size: 15px;
    line-height: 18px;
  }
  h5 {
    font-size: 13px;
    line-height: 16px;
  }
  h6 {
    font-size: 13px;
    line-height: 17px;
  }
  blockquote {
    font-size: 13px;
  }
}

h1 {
  font-weight: 700;
}
h2 {
  font-weight: 700;
}
h3 {
  font-weight: 700;
  display:inline-block;
  width: 100%
}
h4 {
  font-weight: 300;
}
h5 {
  font-weight: 400;
}
h6 {
  font-weight: 400;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--negro);
    text-decoration: none;
    background-color: var(--amarillo);
}

.header {
  width: 100%;
  display: block;
  min-height: 214px;
  padding-top: 0px;
}

.headerwp {
  max-width: 1336px;
  margin: 0 auto;
  padding: 0px;
}

.posrlt {
  position: relative;
}

.headtoppart {
  display: block;
  width: 100%;
  background-color: var(--gris3);
  margin: 0px auto;
  padding: 15px 0px;
  min-width: 320px;
}

.headertopleft {
  width: 50%;
  float: left;
}

.headertopright a {
  line-height: 39px;
  color: #5f5f5f;
  font-size: 22px;
  padding: 0px 12px;
  float: right;
}

.headertopright a.sm-icon{font-size:16px;}

.headertopright a:first-child {
  font-size: 22px;
}

.headertopright a:hover {
  background-color: #272B37;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: var(--blanco) !important; 
}

.headertopright a.fb-icon {color: var(--fb);}
.headertopright a.in-icon {color: var(--in);}
.headertopright a.yt-icon {color: var(--yt);}
.headertopright a.ct-icon {color: var(--ct);}
.headertopright a.dr-icon {color: var(--dr);}

.headertopright a.fb-icon:hover {background: var(--fb);}
.headertopright a.in-icon:hover {background: var(--in);}
.headertopright a.yt-icon:hover {background: var(--yt);}
.headertopright a.ct-icon:hover {background: var(--ct);}
.headertopright a.dr-icon:hover {background: var(--dr);}


.address {
  padding: 10px 0px 0px 0px;
  font-size: 12px;
  color: #b6b6b6;
}

.address a {
  color: #747373;
}

.address span {
  margin-right: 9px;
  color: #747373;
}

.address i {
  margin-right: 6px;
  margin-left: 6px;
  color: #5f5f5f;
}

.norlt {
  position: static;
}

.menuwrapper {
  position: relative;
}

.bw {background: var(--blanco); padding-bottom:10px;}
.top {padding-top:30px;}

.top .row, .middle .row {margin: 0;}
.block-views-blockactualidad-block-10 .row .foto {padding:0;}

.slider .wrapper, .news .wrapper {padding:0px;}
.slider .title a {position: absolute; bottom: 0; padding: 15px; background: rgba(51, 51, 51, 0.9); width: 100%; color: var(--blanco); font-size: 1.2em; font-weight: bold;}
.slider .owl-pagination {position: absolute; bottom: 4%; right: 0;}
.slider .owl-theme .owl-controls .owl-page span {background: var(--blanco);}

.wrapper-content .owl-carousel .owl-item {min-height:440px; background:#FFF;}
.wrapper-content .owl-carousel .owl-item img {
    display: block;
    width: 100% !important;
    height: auto;
}

.top-right, .sidebar {display: inline-flex;}
.top-right .wrapper, .sidebar .wrapper{max-width: 300px; margin: 0 auto;}

.blk {padding-top: 30px; padding-bottom: 20px;}

.capture {margin-top: 8%;}

span.publicidad {font-size: 0.7em; margin: 0 0 5px 0; line-height: 100%; position: absolute; padding: 5px; display: inline;}
.block {width: 100%;}
.actualidad-1 .title a {color: var(--negro); font-weight: bold; display:block;}
.actualidad-1 .wrapper {background: var(--negro); padding: 30px 15px;}
.actualidad-1 .wrapper .wrapper {background: var(--gris1); min-height: 305px; margin-bottom: 20px;}
.actualidad-1 .wrapper .datails {padding: 10px; display: inline-block; margin:0 auto;}

.actualidad-2 .views-row {width: 100%;}
.actualidad-2 .title a {font-size: 1.1em; font-weight: bold; color: var(--negro); padding: 5px 0; display: inline-block;}
.actualidad-2 .wrapper {background: var(--amarillo);}

.actualidad-3 .wrapper, .opinion .wrapper {background: var(--gris1);}
.actualidad-2 .wrapper, .opinion .wrapper {padding: 30px 15px;}
.opinion .sub-wrapper {padding: 15px; background: var(--blanco) url(../img/ico-quotes.svg) no-repeat; background-size: 20px; background-position: right 15px bottom 15px;}
.opinion .sub-wrapper p {font-size: 0.9em;}
.opinion .views-row {margin-bottom:0 !important;}
.actualidad-3 .wrapper {padding: 30px 15px;}
.actualidad-3 .title a {font-size: 1em; font-weight: bold; color: var(--negro); padding: 5px 0; display: inline-block;}

.actualidad-3 img {width: 100%; height: 100%; max-width: 325px;}

.actualidad-2 a.read-more, .actualidad-3 a.read-more, .opinion a.more-link {display: inline; float: right; font-size: 0.4em; padding: 0 8px; line-height: 100%; color: var(--negro);}
.actualidad-2 a.read-more {border-left: 3px var(--negro) solid;}
.actualidad-3 a.read-more, .opinion a.more-link {border-left: 3px var(--amarillo) solid;}
.general .bajada {padding-top:20px; padding-bottom:20px; font-style:italic; font-weight:bold; color: var(--negro2);}

.general .img {margin-top:20px; margin-bottom:30px; position: relative;}
.general .img .img-desc {position: absolute; z-index:10; left:0; bottom:5px; padding:5px; background: rgba(0, 0, 0, 0.5); color: var(--blanco); width: 100%;}

.general {background:var(--blanco); padding-top: 30px; padding-bottom: 30px;}
.general .wrapper {display: inline-block; width: 100%;} 
.general .info{display:inline-block; width:100%; padding-bottom:5px; border-bottom: var(--gris1) 1px solid; margin-bottom:10px;}
.general .info .autor {border-right: var(--negro) 1px solid; padding-right: 6px; margin-right: 6px;
}
.general .info .autor, .general .info .fecha {text-transform:uppercase; font-size:0.7em; font-weight: bold; line-height: 100%;}
.general .info .autor label{font-weight: normal;}

.page-view .views-row {margin-bottom: 20px;}
.page-view .views-row .title a{color: var(--negro); padding: 5px 0; display:inline-block; font-weight: bold; width:100%;}

.actualidad .more-items .wrapper {min-height: 375px; padding-bottom:5px; margin-bottom: 20px; border-bottom: var(--gris2) 2px solid;}
.actualidad .more-items .wrapper .details {}

.page-view.opinion .views-row {margin-bottom:20px !important;}

.horizontal.blk .owl-carousel .owl-item img {margin: 0 auto;}

.sidebar .block {
    border:none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.sidebar span.title a{display:inherit;}
.sidebar .view-content ul {list-style:none; padding:0;}
.sidebar #block-views-block-actualidad-block-10 .view-content ul li, .sidebar #block-views-block-actualidad-block-12 .view-content ul li{ display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: var(--gris2) 1px solid;}

.sidebar #block-views-block-actualidad-block-10 .view-content span.title a {font-size:1.1em; font-weight: bold;}

.sidebar #block-views-block-actualidad-block-10 .view-content .fecha-sidebar {font-size: 0.8em; font-weight: normal;}

.video-publicidad .views-row {width:100%;}
.video-publicidad .wrapper {padding:30px 15px; background: var(--gris1);}

.extra {margin-bottom:40px;}

.frase-destacada {margin-top: 40px !important; margin-bottom: 40px !important; font-style: italic; font-size: 1.1em;}
.frase-destacada img {border-radius:50%;}
.frase-destacada .frase {padding-top:15px; display:inline-block;}
.frase-destacada .frase p{padding-left:15px; border-left: var(--amarillo) 3px solid;}
.frase-destacada .quien-lo-dijo {text-align: right; display:block; font-size: 0.9em; font-weight:bold;}

.breadcrumb {margin-bottom: 0 !important;}

.container-full {background: var(--gris3); padding-top: 30px; padding-bottom: 30px; margin-bottom: 40px; width: 100%; display: block;}
.actualidad.middle .wrapper img, .secondary .wrapper img {width:100%; height:100%; max-width:450px;}
.container-full .featured img, .middle .featured .wrapper img {width:100%; height:100%; max-width:975px;}

.container-full .featured {border-right: var(--gris2) 1px solid;}
.container-full .summary {background: var(--blanco); display: inline-block;  padding: 15px;}
.container-full .featured span.title a {font-size: 1.3em; color: var(--negro) !important; padding-bottom: 5px; border-bottom: var(--azul) 1px solid; margin-bottom: 5px;}
.container-full .secondary span.title a {color: var(--negro);}
.container-full .secondary span.title a {padding-bottom: 10px; margin-bottom: 15px;}

span.seccion-detalle {margin-left: 15px; padding-bottom: 3px; border-bottom: var(--amarillo) 2px solid; margin-bottom: 10px; display: inline-block; clear: both; font-size: 1.2em;}
span.seccion-detalle{text-decoration: none; color: var(--negro);}

span.title a {display:block;}
.secondary .view-anuncios {margin-bottom:20px;}

span.fecha, span.seccion {font-size: 0.7em; padding: 3px 5px; line-height:100%; margin-bottom:5px; display: inline-block;}

span.fecha {background: var(--negro); color: var(--blanco);}

span.seccion {color: var(--negro); border-right: var(--negro) 1px solid;}

.container-full span.title a:hover {text-decoration: none;}

.container-full h2 {color: var(--negro); padding-bottom: 20px; margin:0;}

footer.footer {background: var(--negro); text-align: center; padding-top: 30px; padding-bottom: 30px; margin-top: 40px;}
footer.footer p {color: var(--blanco); text-align:center;}

footer .navbar-nav {display:inline-block;}
footer .navbar-nav li {float:left;}
footer .navbar-nav .nav-link {float:left; color: var(--blanco); padding:8px 15px;}
footer .navbar-nav .nav-link:hover {text-decoration:underline;}

.owl-carousel .owl-item img {width:auto !important;}

.btn-primary {
    color: var(--negro);
    background-color: var(--amarillo);
    border-color: var(--amarillo);
    font-weight: bold;
    border-radius: 0;
}

.btn-primary:hover {
    color: var(--blanco);
    background-color: var(--negro);
    border-color: var(--negro);
}

.wsmainwp {
    max-width: 1300px !important;
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
    color: var(--negro);
    line-height: 24px;
    padding: 12px;
    font-size: 16px;
  font-weight: bold;    
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
  color: var(--negro);
  background: var(--amarillo);
}

.wsmenu>.wsmenu-list>li>ul.sub-menu {background: var(--gris1) !important;}

.suscribirse {background: var(--amarillo); padding:15px 15px 0 15px; margin-bottom: 20px;}
.suscribirse .btn-primary {
    color: var(--blanco);
    background-color: var(--negro);
    border-color: var(--negro);
}

.suscribirse .btn-primary:hover {
    color: var(--blanco);
    background-color: var(--gris4);
    border-color: var(--gris4);
}

.sidebar h2 {
    margin: 0 0 0.5em;
    border-bottom: 1px solid var(--negro);
    padding-bottom: 5px;
    text-shadow: 0 0 0 #fff;
    font-size: 1.1em;
    line-height: 1.2;
}

.form-control {border-radius: 0;}

.contacto .wrapper {color: var(--blanco); text-align: left; padding-left: 20px;}
.contacto h2 {font-size: 1.5em;}
.contacto .wrapper ul {list-style: none; padding: 0; margin: 0;}
.contacto .wrapper ul li{padding-left: 20px; padding-bottom: 8px;}

.info-footer {padding-top: 5px; padding-bottom: 5px; border-top: var(--gris4) 1px solid; border-bottom: var(--gris4) 1px solid; font-size: 0.8em; margin-bottom: 10px;}
.info-footer p {padding: 0; margin: 0;}

@media (min-width: 768px) {
  .headertopright {
    width: 50%;
    padding-top: 20px;
    float: right;
    text-align: right;
  }

  .wsmainfull {height: auto !important;}

  .wsmenu {width: 100% !important; height: auto !important;}

  .general .bajada {width: 75%;}

  .general .wrapper-content {padding: 0 30px 0 0; margin-right: 15px; border-right: var(--gris2) 1px solid; display: inline-block; width: 100%;}
  
  span.share {font-family: "Raleway", Arial, Tahoma, sans-serif; font-size: 0.8em; font-weight: bold; color: var(--blanco); background: var(--negro2); padding: 4px;}
  .addthis_inline_share_toolbox {width: 25px;}
}

@media only screen and (device-width: 768px), only screen and (max-width: 768px) {
  #Top_bar #logo img.logo-mobile {
    display: inline-block;
  }
  
  .headertopright {
    width: 100%;
    margin-top: 50px;
    text-align: center;
  }

  .opinion .sub-wrapper {margin-bottom: 15px;}
  .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding: 0;}
  .middle .news, .middle .sidebar {padding: 0;}
  .middle .news h3, .middle .sidebar h3{padding-left: 30px;}
  .middle img {width: 100%; max-width: 100%}
}