#rowresult { padding: 0 50px 50px 50px; }
#colresult { height:auto; padding-bottom: 30px; }
#colnews { padding-left: 50px; padding-bottom: 20px; }

/*#################################### BUSCADOR (RESULTADOS SEARCH) ####################################*/
#colresult .panel{
  font-family: OPENSANS;
  padding: 1px; 
  background: white; 
  box-shadow: 2px 2px 8px #2E2E2E;}

#colresult .panel-heading{
  background-color: #494949;
  background-image: var(--pattern);
  padding: 5px;}

#colresult .panel-title{
  font-size: 15px;
  font-weight: normal;
  color: white;}

#colresult .panel-body{
  text-align: left;
  background-color: #003754;
  background-image: var(--pattern);
  color: white;}

#colresult .panel-body a {color: #00DEFF;}

#collapseOne h4, 
#collapseTwo h4, 
#collapseThree li strong {
  color: #C6FF00; 
  font-size: 14px;
  font-weight: normal;}

.panel-title a strong {color: #C6FF00; font-weight: normal;}


/* ####################################### BUSCADOR SUPERIOR ####################################### */
.contenedor-search2 { display: flex; align-items: center; justify-content: center; padding: 30px; }

.contenedor-cubo-search {
  position: relative;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  box-shadow: -2px 2px 8px #2E2E2E;
  border: 2px solid white;
  background-color: #003754;
  background-image: var(--pattern);}

.contenedor-cubo-search img {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%); }

.circulosearch2 {
  display: inline-block;
  width: 462px;
  border-radius: 50px;
  margin-left: -40px;
  border: 2px solid white;
  box-shadow: 2px 2px 8px #2E2E2E;
  background-color: #003754;
  background-image: var(--pattern);
  -webkit-transition: width .5s;
  transition: width .5s;}

.resultados-menu { margin-left: 35px; padding: 15px; text-align: center; }
#colorsearch2 { max-width: 100%; }

input#input-buscador2:focus, input#input-buscador2:hover { width: 400px; outline: none; }

@-webkit-keyframes autofill { to { color: white; background: transparent; } }
.resultados-menu input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;}

/* ####################################### SIN RESULTADOS DE BÚSQUEDA ####################################### */

.img-sin-resultados {
  position: relative;
  top: 0;
  width: 600px;
  margin: auto;}


#colnews .panel {
  border: 2px solid white;
  box-shadow: 2px 2px 8px #2E2E2E;}

#colnews .panel-heading {
  background-color: #494949;
  background-image: var(--pattern);
  font-size: 16px;
  font-weight: normal;
  color: white;}

#colnews .panel-body {
  background-color: #003754;
  background-image: var(--pattern);
  color: white;}

#colnews .panel-body h4 {font-size: 14px; text-align: center; margin: 0;}
#colnews .panel-body a {color: #C6FF00;}


@media only screen and (max-width: 420px) {

  .contenedor-search2 { display: block; padding: 20px 0px; }
  .contenedor-cubo-search { width: 80px; height: 80px; margin: 0 auto; }
  .contenedor-cubo-search img { width: 40px; }
  .circulosearch2 { visibility: hidden; width: 100%; margin: 0; }
  .resultados-menu { visibility: visible; padding: 10px 0; margin-left: 0; }

  #rowresult, #colnews { padding: 0; }
  #colnews .panel:last-child { margin: 10px 0 50px 0; }

}