/* Vars */
:root {
    --font-text: 'Open Sans', sans-serif;
    --color-p: #FFDB00;
    --color-s: #AD1519;
    --color-t: #004578;
    --color-n: #1D1D1B;
}

/* Header */
header {
  	position: relative;
  	z-index: 999999;
}
.header-top {
    position: absolute;
    width: 100%;
    padding: 10px 0 0;
    background-color: var(--color-p);
}
.header-top-nav > li a {
    font-size: .8rem;
    color: var(--color-n);
}
.header-top-nav > li a i {
    color: var(--color-s);
}
.header-top-nav > li a:hover {
    color: var(--color-s);
}
.header-middle {
    padding: 30px 0;
    background: var(--color-p) !important;
    border-bottom: 8px solid var(--color-s);
}
.header-middle li a {
    color: #333;
}
.header-bottom {
    background-color: #fff;
    border-top: 0;
}
.header-middle-right {
    position: absolute;
    right: 0;
    top: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
#searchform {
    margin-top: 15px;
}
#searchform input {
    width: 280px;
    padding: 10px 15px 10px 40px;
    font-size: 1rem;
    border-radius: 0;
    background-color: #fff;
    background-position: 10px 50%;
    border: 0;
}
.image-logo {
    height: 75px;
    margin-top: 0;
}
.franja {
    height: 8px;
    background: linear-gradient(to right,#ad1519 0,#ad1519 25%,#fabd00 25%,#fabd00 75%,#ad1519 75%,#ad1519) no-repeat;
}
#locales {
    float: right;
}
#locales_list {
    width: 100px;
    background-color: transparent;
}
#locales_list .lang {
    padding: 0 0 0 5px;
}
#locales_list .lang.selected {
    display: flex !important;
    align-items: center;
    color: var(--color-n);
    padding-left: 0;
}
#locales_list .lang.selected > span {
    margin-right: 5px;
    color: var(--color-s);
}
#locales_list .lang a {
    color: var(--color-n);
    border: 0;
}
#locales_list:hover .lang.selected {
    border: 0;
}
header .social-networks {
    display: none;
}
.enlace-busqueda-avanzada {
  color: #ad1519;
}

/* Footer */
footer {
    padding-top: 24px;
    padding-bottom: 16px
}
footer,
.footer-top {
    background-color: #ECECE2;
}
.footer-top h5 {
    font-family: var(--font-text);
    font-size: .9rem;
    font-weight: 600;
    color: var(--color-n);
}
.footer-top .social-networks ul li a {
    background-color: var(--color-n) !important;
}
.footer-custom-logo {
    margin-top: 10px;
}
.footer-top ul {
    overflow: hidden;
}
.footer-blocks i {
    color: var(--color-s);
}
.nav-footer li a {
    font-size: .8rem;
    color: var(--color-n);
}
.badge-info, .label-info {
    background-color: var(--color-s);
}


/* Menu */
.main-menu {
  width: 100%;
  margin-top: -8px;
  border-top: 8px solid #fabd00;
}
.nav > ul > li {
    margin: 0 4px 0 32px;
    font-size: 0.9em;
    list-style-type: square;
    color: #ccc;
}
.nav-pills > li > a {
    padding: 20px 0;
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    border: 0 !important;
    text-transform: initial;
}
.nav-pills > li > a:hover {
    color: var(--color-s) !important;
}
.nav-list > li > a {
    font-size: .9rem;
    font-weight: 500 !important;
    color: var(--color-t)
}
.nav.nav-pills {
    text-align: center;
}


/* Responsive */
@media (max-width:1100px) {
    header,
    footer,
    .header-top,
    .footer-logos,
    .header-bottom,
    .footer-top {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
  	.header-top {
      	right: 65px;
  	}
  	.header-middle {
    	padding: 30px 20px;
    }
  	.page-wrapper {
    	padding: 0;
  	}
  	.page-content {
      	padding: 0 30px;
    }
    .nav.nav-pills {
      	padding: 0 20px;
    }
    .nav-pills > li > a {
      	padding: 15px 0;
      	font-size: 0.9rem;
  	}
}

@media (max-width:992px) {
  .nav-pills > li {
    	padding: 0;
  }
  .nav-pills > li > a {
    	padding: 15px 9px;
    	font-size: 0.7rem;
  }
  .image-logo {
        max-height: 45px;
  }
}

@media (max-width:768px) {
  	.page-wrapper {
      	padding: 0 !important;
    }
}


@media (max-width:767px) {
    body, .page-wrapper{
        padding-top: 0 !important;
        overflow-x: hidden;

  	header, .header-top, .footer-logos, .header-bottom {
        margin: 0 !important;
        padding: 0 !important;
    }
    .logo {
        width: 100%;
    }
  	.image-logo {
      	margin: 0 !important;
  	}
  	.primary-logo {
    	height: 30px;
    }
  	.secondary-logo {
        height: 40px;
        margin-top: 0;
    }
    .btn_header {
        top: 23px;
    }
    .header-middle {
        padding: 10px 0;
        background: #fff;
    }

  	.secondary-nav a#more-links-toggle {
    	margin-top: 30px;
  	}
  	.nav-footer {
    	text-align: center;
  	}
  	.nav-footer li {
      	float: none;
      	display: inline-block;
    }

}