@font-face{
	font-family: 'Trueno Regular';
	src: url('../fonts/TruenoRg.otf') format('opentype');
}

@font-face{
	font-family: 'Trueno Semibold';
	src: url('../fonts/TruenoSBd.otf') format('opentype');
}

:root{
      --fuente-principal: 'Trueno Regular';
      --fuente-secundaria: 'Trueno Semibold';
}

/*** Estilos generales del menu ***/

#navbar-main {
    padding: 0;
    background: #f2f2f2;
}


#block-navegacionprincipal > .nav.navbar-nav {
    padding: 0;
}

#block-navegacionprincipal > ul > li > a,
#block-navegacionprincipal > ul > li > span,
li.search > a {
  font-family: var(--fuente-principal);
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  line-height: 35px;
  text-decoration: none;
}

#block-navegacionprincipal > ul > li:hover,
#block-navegacionprincipal > ul > li:focus,
#block-navegacionprincipal > ul > li:active,
#block-navegacionprincipal > ul > li > a:hover,
#block-navegacionprincipal > ul > li > a:focus,
#block-navegacionprincipal > ul > li > a:active,
#block-navegacionprincipal > ul > li > span:hover,
#block-navegacionprincipal > ul > li > span:focus,
#block-navegacionprincipal > ul > li > span:active,
li.search > a:hover,
li.search > a:focus,
li.search > a:active {
    background:#494949;
    color: #ffffff;
}

/* #block-navegacionprincipal a:hover,
#block-navegacionprincipal span:hover,
#block-navegacionprincipal a:focus,
#block-navegacionprincipal span:focus {
    background:rgba(0, 0, 0, 0.7);
    color: #ffffff;;
} */

/* #block-navegacionprincipal .dropdown-toggle::after {
  display: none;
} */

#block-navegacionprincipal ul.dropdown-menu {
    background: #ffffff;
    border: 1px solid #E3E3E3;
    /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); */
    width: 100%;
    padding: 0;
}

/****Menu no pase a 2 lineas *********/

@media screen and (min-width: 992px) and (max-width: 1100px) {
  #block-navegacionprincipal > ul > li {
    margin: 0px -17px;
  }
}

@media screen and (min-width: 1101px) and (max-width: 1235px) {
  #block-navegacionprincipal > ul > li {
    margin: 0px -12px;
  }
}

nav#block-navegacionprincipal {
  display: flex;
}

ul.clearfix.nav.navbar-nav {
  flex-wrap: nowrap;
}

/****Menu no pase a 2 lineas *********/

#block-navegacionprincipal > ul > li > a, #block-navegacionprincipal > ul > li > span, li.search > a {
  padding: 15px 10px;
}

#block-navegacionprincipal > ul > li > a, #block-navegacionprincipal > ul > li > span, li.search > a {
  color: #000000;
  font-size: 16px;
  line-height: 35px;
  text-decoration: none;
}

#block-navegacionprincipal ul.dropdown-menu li,
#block-navegacionprincipal ul.dropdown-menu a {
    font-family: var(--fuente-principal);
    color: #000000;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
}

#block-navegacionprincipal ul.dropdown-menu li {
  width: 100%;
  height: 100%;
}

#block-navegacionprincipal ul.dropdown-menu li a {
  padding: 10px 20px 10px 15px;
  text-decoration: none;
  display:block;
}

#block-navegacionprincipal li.dropdown-item:hover,
#block-navegacionprincipal li.dropdown-item:focus,
#block-navegacionprincipal li.dropdown-item:active,
#block-navegacionprincipal li.dropdown-item a:hover,
#block-navegacionprincipal li.dropdown-item a:focus,
#block-navegacionprincipal li.dropdown-item a:active {
    background: #494949;
    color: #ffffff;
    text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active{
  background-color: #f5f5f5;
}

.buscardor {
  height: 100%;
}

@media screen and (min-width: 992px) {
  #CollapsingNavbar {
    display: flex !important;
    justify-content: center !important;
  }

  #block-navegacionprincipal > ul > li {
    padding: 0;
    line-height: 1.5;
  }

  #block-navegacionprincipal > ul > li > a,
  #block-navegacionprincipal > ul > li > span,
  li.search > a {
    padding: 15px 35px; 
  }


  #block-navegacionprincipal ul.dropdown-menu {
    border: 1px solid #E3E3E3;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    top: 63px;
    width: auto;
  }

  #block-navegacionprincipal ul.dropdown-menu li {
    padding: 0;
  }
}

@media screen and (max-width: 992px) {
  #block-navegacionprincipal > ul > li > a,
  #block-navegacionprincipal > ul > li > span {
    padding: 5px;
    line-height: 2;
  }

  #block-navegacionprincipal ul.dropdown-menu li {
    padding: 10px 0;
  }

  #block-navegacionprincipal ul.dropdown-menu > li > a {
    padding: 5px 5px 5px 15px;
    line-height: 1;
  }

  li.search > a { 
    padding: 5px 15px;
  }
}

/* BUSCADOR */
li.search {
  list-style: none;
}

#searchbar {
  display: none;
  float: left;
  width: 100%;
  border:none;
  padding: 0 10px;
  z-index: 9999;
  background: #ffffff;
  -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  position: fixed;
  top: 140px;
}

#s {
  display: block;
  width: 90%;
  border: 0;
  outline: none;
  padding: 0;
  height: 60px;
  line-height: 60px;
  font-size: 3.0em;
  font-weight: bold;
  color: #676767;
}

#searchsubmit {
  display: block;
  float: right;
  margin-top: 6px;
  background: none;
  color: #717171;
  border: 0;
  outline: none;
  cursor: pointer;
}

.search-block-form  {
  margin: 2px auto; 
  width: 100%; 
  text-align: center;
  padding: 10px;
}

.edit-submit {
  background-color: var(--azul1);
}
.close {
  position: absolute; 
  right: 40px; 
  top: 5%; 
  width: 32px; 
  height: 32px; 
  text-align: center; 
  display: inline-block;
  font-size: 1.5rem;
}

.container-inline div, 
.container-inline label {
  display: block;
}

#search-block-form .form-type-search {
  width: 75%;
  margin: 0 10px;
}

#edit-submit{
  margin-top: 0;
}

.search-block-form #edit-submit {
  background-color: #494949;
  color:#ffffff
}

.search-block-form #edit-submit:hover,
.search-block-form #edit-submit:focus,
.search-block-form #edit-submit:active {
  background-color: #666666;
}

.search-form button {
  margin-top: 0;
}

#searchbar .container {
  padding: 0px 0;
  width: 75%;
  margin: auto;
} 

.close {
  position: absolute; 
  right: 40px; 
  top: 25%; 
  width: 32px; 
  height: 32px; 
  text-align: center; 
  display: inline-block;
  font-size: 1.5rem;
  color: #494949;
}

.search.icono-buscar-desktop {
  display: block;
}

.search.icono-buscar-movil {
  display: none;
}

@media only screen and (max-width: 991px) {   
  .search.icono-buscar-desktop {
    display: none;
  }

  .search.icono-buscar-movil {
      display: block;
  }

  #search-block-form .form-type-search {
      width: 90%;
      margin: 0;
  }

  #search-block-form fieldset {
    width: 100%;
    margin: 5px 0 0 0;
  }

  #searchbar {
    padding: 0;
  }

  #searchbar .container {
    padding: 0;
    width: 95%;
    margin: 0;
  }

  .form-search {
    padding: 0;;
  }

  #search-block-form fieldset {
    width: 100%;
    margin: 5px 5px 0 0;
  }

  #edit-submit {
    margin: 5px 0 0 0;
    font-size: 0.85rem;
  }

  #search-block-form .form-control {
    font-size: 1rem;
    line-height: 2;
    text-align: center;
  } 

  a#wsnavtoggle {
    margin: 10px;
  }

  .close {
    top: 15%;
    left: 85%;
  }
}

/* FECHA PARA IR AL INICIO */

.ir-arriba {
	/* display:none; */
	padding:20px;
	background: #494949;
	font-size:20px;
	color: #ffffff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}

.ir-arriba:hover,
.ir-arriba:focus,
.ir-arriba:active {
	background: #666666;
  padding:20px;
	font-size:20px;
	color: #ffffff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
  text-decoration: none;
}

span.nav-link.dropdown-toggle.nav-link-.show {
  color: #ffffff !important;
  background: #494949;
}