@charset "utf-8";
/* CSS Document */

@media (min-width: 992px) {
	.dvLogoBanner {
		z-index: 2;
		background-image: url("../img/LOGOS/LOGOTIPO1_02.png");
		background-repeat: no-repeat;
		background-size: 300px 80px;
		background-color: #6A1B31;
		background-position: left center;
		width: 100%;
		height: 100px;	
		padding-left: 110px;
		padding-top: calc(43px / 2);
	}
	
	/********** BARRA DE BUSQUEDA **********/

	/*@import "compass/css3";*/

	/************************ Essential Structure ************************/
	.flexsearch--wrapper {
		height: auto;
		width: auto;
		max-width: 90%;
		overflow: hidden;
		background: transparent;
		margin: 0;
		position: static;
	}
	
	.flexsearch--form {
		overflow: hidden;
		position: relative;
	}
	
	.flexsearch--input-wrapper {
		padding: 0 0 10px 30px; /* Right padding for submit button width */
		overflow: hidden;
	}

	.flexsearch--input {
  		width: 100%;
	}

	/************************ Configurable Styles ************************/
	.flexsearch {
 		padding: 0 0 0 200px; /* Padding for other horizontal elements */
	}

	.flexsearch--input {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
 		height: 60px;
    	padding: 0 46px 0 10px;
		border-color: #bd945c;
    	border-radius: 35px; /* (height/2) + border-width */
    	border-style: solid;
		border-width: 5px;
    	margin-top: 0px;
    	color: #606060;
    	font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	
	.flexsearch--submit {
		z-index: 5;
    	position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 70px;
		height: 60px;
    	padding: 0;
    	border: none;
		margin-top: 0px; /* margin-top + border-width */
    	margin-right: 5px; /* border-width */
		background: transparent;
    	color: #bd945c;
		font-family: 'Montserrat', sans-serif;
    	font-size: 35px;
    	line-height: 60px;
	}

	.flexsearch--input:focus {
  		outline: none;
  		border-color: #bd945c;
	}

	.flexsearch--input:focus.flexsearch--submit {
 		color: #bd945c; 
	}

	.flexsearch--submit:hover {
  		color: #bd945c;
  		cursor: pointer;
	}

	::-webkit-input-placeholder {
		color: #a8a8a8;  
	}

	input:-moz-placeholder {
  		color: #a8a8a8;
	}
}

@media (max-width: 992px) {
	.dvLogoBanner {
		background-image: url("../img/LOGOS/LOGOTIPO1_02.png");
		background-repeat: no-repeat;
		background-size: 235px 50px;
		background-color: #6A1B31;
		background-position: left 10px;
		width: 100%;
		height: 90px;
		padding-top: 10px;
	}

	/********** BARRA DE BUSQUEDA **********/

	/*@import "compass/css3";*/

	/************************ Essential Structure ************************/
	.flexsearch--wrapper {
		height: auto;
		width: auto;
		max-width: 90%;
		overflow: hidden;
		background: transparent;
		margin: 0;
		position: static;
	}
	
	.flexsearch--form {
		overflow: hidden;
		position: relative;
	}
	
	.flexsearch--input-wrapper {
		padding: 0 0 0 45px; /* Right padding for submit button width */
		overflow: hidden;
	}

	.flexsearch--input {
 		width: 100%;
	}

	/************************ Configurable Styles ************************/
	.flexsearch {
  		padding: 0 0 0 200px; /* Padding for other horizontal elements */
	}

	.flexsearch--input {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
 		height: 60px;
    	padding: 0 46px 0 10px;
		border-color: #bd945c;
   		border-radius: 35px; /* (height/2) + border-width */
    	border-style: solid;
		border-width: 5px;
    	margin-top: 0px;
    	color: #606060;
    	font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	
	.flexsearch--submit {
		z-index: 5;
    	position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 65px;
		height: 60px;
    	padding: 0;
    	border: none;
		margin-top: 0px; /* margin-top + border-width */
    	margin-right: 5px; /* border-width */
		background: transparent;
    	color: #bd945c;
		font-family: 'Montserrat', sans-serif;
    	font-size: 35px;
    	line-height: 60px;
	}

	.flexsearch--input:focus {
 		outline: none;
  		border-color: #bd945c;
	}

	.flexsearch--input:focus.flexsearch--submit {
 		color: #bd945c; 
	}

	.flexsearch--submit:hover {
  		color: #bd945c;
  		cursor: pointer;
	}

	::-webkit-input-placeholder {
		color: #a8a8a8;  
	}

	input:-moz-placeholder {
  		color: #a8a8a8;
	}
}

.buscador-sugerencias {
	position: absolute;
	background-color: #FFFFFF;
	z-index: 100;
	font-size: 14px;
	height: 300px;
	border-radius: 15px;
	padding: 15px;
	overflow-y: auto;  
	overflow-x: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.separador {
	border: none; 
	border-top: 1px solid #cccccc;
}

#suggestions{
	display: none;
}