/*@font-face {
	font-family: "Degular-Regular";
	src: url("/o/buscador-portlet/font/Degular-Bold.otf"),
	url("/o/buscador-portlet/font/Degular-Bold.otf") format("opentype");
}*/
.icon-background {
  background-color: #004270;
}

.input-placeholder {
  position: relative;
}

/*.input-placeholder input {
  padding: 10px;
  font-size: 25px;
}*/
.input-placeholder #ipt-search input:valid + .placeholder {
  display: none;
}

.placeholder {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 90px;
  height: 25px;
  font-size: 22px;
  left: 84px;
  margin: auto;
}

input::placeholder {
  color: #5f7180;
}

/*Estilos area de busqueda*/
.links-wrapper-hide {
  display: none;
}

.search-wrapper {
  width: 100%; /* Establecemos que el area abarque el 100% del documento */
  max-height: 0; /* Establecemos que el area en 0 */
  overflow: hidden;
  background: #004270;
  min-width: 320px;
  transition: max-height 0.3s ease-in-out;
  font-family: "Degular-Regular", Arial, sans-serif;
}

.search-area {
  position: relative;
}

.buscador-show {
  max-height: 2000px; /* Establecemos que el area abarque el 100% de alto */
  overflow: unset !important;
  transition: max-height 0.25s ease-in;
}

.text-buscador {
  margin-top: 100px;
  font-family: "Degular-Regular", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.01px;
  color: #fff;
}

.buscador-container {
  max-width: 550px;
  min-width: 320px;
  margin: auto;
  text-align: center;
}

.buscador-container label {
  cursor: unset;
}

.search-text-ipt {
  width: 90%;
  height: 100px;
  font-size: 22px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  margin: 20px 0 100px 0;
  padding-left: 15%;
  outline: none;
  color: #666f7e;
  /*border: 1px solid $gray2;*/
  border: none;
  background: url(/o/buscador-portlet/images/Buscar.svg) 5% center no-repeat;
  background-color: #fff;
}

/*.icon-close {
	color: $gray1;
	border: 1px solid $gray2;
	background: url(/o/buscador-portlet/images/times-circle.svg) 5% center no-repeat;
	background-color: $white;
}*/
.replaced-svg {
  width: 20px;
  position: absolute;
  top: 60px;
  right: 4%;
  cursor: pointer;
  fill: #666f7e;
}

.replaced-svg:hover {
  fill: #004270;
}

.search-text-ipt.suggest,
.icon-close.suggest {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.buscador-container .search-area a {
  position: relative;
  /*margin-left: -55px;*/
  left: -55px;
  top: -5px;
  color: #A2A2A2;
}

.google-search {
  left: 0 !important;
}

svg:hover path {
  fill: #004270;
}

#close-buscador {
  /*width: 20px;
  height: 20px;*/
  position: relative;
  left: -4px;
  top: -3px;
  border: none;
  width: 9%;
  height: 100px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  outline: none;
}

.suggest_text_content {
  display: none;
  position: absolute;
  background-color: #fff;
  border-top: 1px solid #A2A2A2;
  width: 98.9%;
  padding: 20px 16px 37px;
  margin: auto;
  margin-top: -101px;
  left: 1px;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  z-index: 10;
}

.suggest_text_show {
  display: block;
}

#suggest_text ul {
  list-style-type: none;
  text-align: left;
  position: relative;
  left: 15.5%;
  top: 5px;
}

#suggest_text ul li a {
  color: black;
  font-family: "Degular-Regular", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.01px;
}

/*#suggest_text ul li {
	height: 25px;
}*/
#suggest_text .suggest_title {
  font-family: "Degular-Bold";
  text-align: left;
  padding-left: 12.5%;
  font-weight: bold;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.02px;
  color: #0c457e;
}

#suggest_text div img {
  vertical-align: -13px;
  padding: 5px;
}

.btn_all_results {
  width: 100%;
  height: 90px;
  margin: 26px 0 0;
  padding-top: 20px;
  color: #0c457e;
  background-color: #42b4e3;
  cursor: pointer;
}

.ver-todos-los-resultados {
  font-family: "Degular-Bold";
}

.links-interest,
.most-wanted {
  position: relative;
  display: inline-block;
  width: 270px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 3;
  letter-spacing: 0.01px;
  text-align: left;
  color: #fff;
  vertical-align: top;
}

.links-interest span,
.most-wanted span {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.01px;
}

.links-interest ul,
.most-wanted ul {
  list-style-type: none;
  text-align: left;
  padding: 0;
}

.links-interest ul li a,
.most-wanted ul li a {
  color: #fff;
}

.links-interest ul li a:hover,
.most-wanted ul li a:hover {
  color: #00c4ff;
}

@media only screen and (max-width: 600px) {
  /*.search-text-ipt,
  .suggest_text_content {
  	width: 90%;
  }*/
}
@media only screen and (max-width: 600px) {
  .buscador-container label {
    padding-left: 4%;
    padding-right: 4%;
  }
  .input-placeholder {
    padding-left: 4%;
    padding-right: 4%;
  }
  .search-text-ipt {
    width: 89%;
  }
  .replaced-svg {
    right: 6%;
  }
  .links-interest,
  .most-wanted {
    display: unset !important;
    left: 4.5%;
  }
  .links-wrapper {
    text-align: left;
  }
  .suggest_text_content {
    width: 90%;
    left: 4.5%;
  }
  #suggest_text ul {
    left: 16.5%;
  }
}
@media only screen and (max-width: 358px) {
  #close-buscador {
    top: -2px;
  }
}
@media only screen and (max-width: 340px) {
  .buscador-container .search-area a {
    margin-left: -30px;
  }
  #suggest_text ul {
    left: 29.5%;
  }
}
/*
.search-area,
.links-wrapper {
    width:90%; /* Establecemos que el ancho sera del 90% */
/*max-width:1000px; /* Aqui le decimos que el ancho maximo sera de 1000px */
/*margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
overflow:hidden; /* Eliminamos errores de float */
/*text-align: center;
}

.search-text-allresults {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.search-area-allresults {
	width:90%;
	max-width:1000px;
	min-height: 165px;
	margin:auto; 
	overflow:hidden; 
    text-align: center;
}

.search-text {
    width: 60%;
    height: 6rem;
    border-radius: 20px;
    margin-top: 20px;
	margin-bottom: 100px;
    padding-left: 25px;
	outline: none;
	border: 1px solid #a3a3a3;
	font-family: 'Degular-Regular', Arial, sans-serif;
  	font-size: 22px;
  	font-weight: normal;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 0.64;
  	letter-spacing: 0.01px;
}

.search-text.allresults {
    margin-top: 2rem;
}

::placeholder {
    color: #666f7e;
    font-size: 1.5em;
    font-style: normal;
}

.suggest_text_content {
	display: none;
	position: relative;
    background-color: white;
    border: 1px solid #a3a3a3;
    width: 60%;
	padding: 35px 16px 37px;
    margin: auto;
    margin-top: -115px;
	border-bottom-left-radius: 14px;
	border-bottom-right-radius: 14px;
}

.suggest_text_results {
	margin-top: -57px;
}

.suggest_text_show {
	display: block;
}

#suggest_text ul {
	list-style-type: none;
    text-align: left;
    margin-left: -40px;
}

#suggest_text ul li a {
	color: black;
	font-family: 'Degular-Regular', Arial, sans-serif;
  	font-size: 18px;
  	font-weight: normal;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 2;
  	letter-spacing: 0.01px;
}

#suggest_text .suggest_title {
	text-align: left;
	padding-left: 0;
    font-weight: bold;
    font-size: 24px;
	font-weight: bold;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 1;
  	letter-spacing: 0.02px;
    color: #0c457e;	
}

#suggest_text div img {
	vertical-align: -13px;
    padding: 5px;
}

.btn_all_results {
	width: 100%;
	height: 90px;
	margin: 26px 0 0;
	padding-top: 20px;
	background-color: #42b4e3;
	cursor:pointer;
}

.ver-todos-los-resultados {
	width: 183px;
  	height: 23px;
  	/*margin: 4px 0 3px 15px;*/
/*font-family: 'Degular-Regular', Arial, sans-serif;
  	font-size: 18px;
  	font-weight: bold;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 0.78;
  	letter-spacing: 0.01px;
  	text-align: left;
  	color: #0c457e;
}

.links-interest,
.most-wanted {
	display: inline-block;
	width: 300px;
  	font-size: 18px;
  	font-weight: normal;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 3;
  	letter-spacing: 0.01px;
  	text-align: left;
  	color: #fff;
	vertical-align: top;
}

.links-interest span,
.most-wanted span {
	font-size: 22px;
  	font-weight: bold;
  	letter-spacing: 0.01px;
}

.links-interest ul,
.most-wanted ul {
	list-style-type: none;
    text-align: left;
	padding: 0;
}

.links-interest ul li a,
.most-wanted ul li a {
	color: #fff;
}

.links-interest ul li a:hover,
.most-wanted ul li a:hover {
	color: #00c4ff;
}

/*Estilos resultados Google*/
/*.gsc-results {
	/*font-family: 'Degular-Regular', Arial, sans-serif;*/
/*}*/
/*.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: larger;
}

.gsc-inline-block, 
.gsc-result-info {
	font-family: 'Degular-Regular', Arial, sans-serif;
	font-size: 18px !important;
  	font-weight: normal;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: normal;
  	letter-spacing: 0.53px;
  	text-align: left;
  	color: #a2a2a2 !important;
}

.gsc-selected-option {
	color: #2b333a !important;
}

.gs-promotion .gs-visibleUrl, 
.gs-webResult .gs-visibleUrl , 
#adBlock .styleable-visurl{
	color: #a2a2a2 !important;
}

.gsc-control-cse {
	padding: 0 !important;
	border: 0 !important;
}

.gsc-wrapper,
.gsc-control-cse {
    background-color: #f1f1f4;
}

.gsc-above-wrapper-area {
	background-color: #fff ;
	padding-top: 28px !important;
	padding-bottom: 28px !important;
}

.gsc-selected-option-container {
	border: none;
	padding: 4px 28px 0 6px;
}

.gsc-webResult.gsc-result {
	border: none !important;
	background-color: #f1f1f4 !important;
}

.gs-webResult {
	font-family: 'Degular-Regular', Arial, sans-serif;
}

.gs-webResult .gs-snippet, .gs-fileFormatType {
    font-family: 'Degular-Regular', Arial, sans-serif;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #CCCCCC;
    background-color: unset !important; 
    color: #CCCCCC;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #CCCCCC;
    background-color: unset !important; 
    color: unset !important; 
}

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
    color: #15c !important;
}

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

}
@media only screen and (max-width: 1024px) {
	.links-interest,
	.most-wanted {
		width: 263px;
	}
}
@media only screen and (max-width: 900px) {
}
@media only screen and (max-width: 768px) {
	.links-interest,
	.most-wanted {
		width: 200px;
	}
}
@media only screen and (max-width: 600px) {
	.search-text {
		width: 90%;
	}
	.suggest_text_content {
		width: 90.1%;
	}
}
@media only screen and (max-width: 480px) {
	.search-area,
	.links-wrapper {
	    width:90%;
		font-size: 19px;
	}

	.btn_all_results {
	    width: 100%;
	    padding: 23px 25px;
	}
}
@media only screen and (max-width: 320px) {}*/