/********************************************************************************************
BUSCADOR
********************************************************************************************/

#buscador {
	width: 50%;
	height: auto;
	margin: 5px auto;
	padding: 0;
	background: #FFF;
	
	box-shadow: 0 0 8px rgba(198,198,198,0.0);
	
	/*radius border*/
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px;
	
	border: .5px solid rgba(198,198,198,0.5);
	border-width: thin;
}

#buscador-container{
	width: 100%;
	height: auto;
	padding: 0px 0;
	overflow: hidden;
}

#buscador input[type=text], input[type=email], input[type=submit], input[type=reset], select, textarea{
	font-family: "Barlow Condensed", sans-serif;
}

#buscador input {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 1.25em;
	text-align: left;
	font-weight:400;
	width: 81%;
	height: 60px;
	margin: 2px 0 0 0;
	padding: 0px 1px 1px 30px;
	letter-spacing: -0.5px;
	/*color*/
	color: #1d1d1d;
	
	/*background*/
	background: #FFF;
	
	/*transitions*/
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
	
	/*radius border*/
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px;
	
	/*borders*/
	border: transparent;
	border-width: thin;
}

#buscador input:focus{ 
	outline: none; 
}

#buscador button {
	cursor: pointer;
	display: block;
	width: 60px;
	height: 60px;
	font-size: 1.2em;
	font-weight: 300;
	margin:2px;
	margin-left: 0;
	padding: 3px;
	float:right;
	color: #1d1d1d;
	background: #efefef;
	
		/*radius border*/
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 50px;
}

#buscador button:hover {
	color: #242427;
	background: rgba(170,170,170,0.3);
}

#buscador button img {
	height: 20px;
	width: 20px;
}

#buscador * {
	background: transparent;
	border: none;
}

/************************************************************************************
MAIN NAVIGATION 980px
*************************************************************************************/
@media all and (max-width : 980px) {
	
	#buscador {
		width: 50%;
		height: auto;
		margin: 5px auto;
		padding: 0;
		background: #FFF;
		
		box-shadow: 0 0 8px rgba(198,198,198,0.0);
		
		/*radius border*/
		border-radius: 50px; 
		-moz-border-radius: 50px; 
		-webkit-border-radius: 50px;
	}

	#buscador-container{
		width: 100%;
		height: auto;
		padding: 0px 0;
		overflow: hidden;
	}

	#buscador input[type=text], input[type=email], input[type=submit], input[type=reset], select, textarea{
		font-family: "Barlow Condensed", sans-serif;
	}

	#buscador input {
		font-family: "Barlow Condensed", sans-serif;
		font-size: 1.25em;
		text-align: left;
		font-weight:400;
		width: 60%;
		height: 60px;
		margin: 2px 0 0 0;
		padding: 0px 1px 1px 30px;
		letter-spacing: -0.5px;
		/*color*/
		color:#777;
		
		/*background*/
		background: transparent;
		
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		
		/*radius border*/
		border-radius: 50px; 
		-moz-border-radius: 50px; 
		-webkit-border-radius: 50px;
		
		/*borders*/
		border: transparent;
		border-width: thin;
	}

	#buscador input:focus{ 
		outline: none; 
	}

	#buscador button {
		cursor: pointer;
		display: block;
		width: 60px;
		height: 60px;
		font-size: 1.2em;
		font-weight: 300;
		margin:2px;
		margin-left: 0;
		padding: 3px;
		float:right;
		color: #1d1d1d;
		background: #efefef;
		
			/*radius border*/
		border-radius: 10px; 
		-moz-border-radius: 10px; 
		-webkit-border-radius: 50px;
	}

	#buscador button:hover {
		color: #242427;
		background: rgba(170,170,170,0.3);
	}

	#buscador button img {
		height: 20px;
		width: 20px;
	}

	#buscador * {
		background: transparent;
		border: none;
	}	
}

/************************************************************************************
MAIN NAVIGATION 810px
*************************************************************************************/
@media all and (max-width : 810px) {

	#buscador {
		width: 60%;
		height: auto;
		margin: 5px auto;
		padding: 0;
		background: #FFF;
		
		box-shadow: 0 0 8px rgba(198,198,198,0.0);
		
		/*radius border*/
		border-radius: 50px; 
		-moz-border-radius: 50px; 
		-webkit-border-radius: 50px;
	}

	#buscador-container{
		width: 100%;
		height: auto;
		padding: 0px 0;
		overflow: hidden;
	}

	#buscador input[type=text], input[type=email], input[type=submit], input[type=reset], select, textarea{
		font-family: "Barlow Condensed", sans-serif;
	}

	#buscador input {
		font-family: "Barlow Condensed", sans-serif;
		font-size: 1.25em;
		text-align: left;
		font-weight:400;
		width: 60%;
		height: 60px;
		margin: 2px 0 0 0;
		padding: 0px 1px 1px 30px;
		letter-spacing: -0.5px;
		/*color*/
		color:#1d1d1d;
		
		/*background*/
		background: transparent;
		
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		
		/*radius border*/
		border-radius: 50px; 
		-moz-border-radius: 50px; 
		-webkit-border-radius: 50px;
		
		/*borders*/
		border: transparent;
		border-width: thin;
	}

	#buscador input:focus{ 
		outline: none; 
	}

	#buscador button {
		cursor: pointer;
		display: block;
		width: 60px;
		height: 60px;
		font-size: 1.2em;
		font-weight: 300;
		margin:2px;
		margin-left: 0;
		padding: 3px;
		float:right;
		color: #1d1d1d;
		background: #efefef;
		
			/*radius border*/
		border-radius: 10px; 
		-moz-border-radius: 10px; 
		-webkit-border-radius: 50px;
	}

	#buscador button:hover {
		color: #242427;
		background: rgba(170,170,170,0.3);
	}

	#buscador button img {
		height: 20px;
		width: 20px;
	}

	#buscador * {
		background: transparent;
		border: none;
	}		
}

/************************************************************************************
MAIN NAVIGATION 768px
*************************************************************************************/
@media all and (max-width : 768px) {

	#buscador {
		width: 60%;
		height: auto;
		margin: 5px auto;
		padding: 0;
		background: #FFF;
		
		box-shadow: 0 0 8px rgba(198,198,198,0.0);
		
		/*radius border*/
		border-radius: 50px; 
		-moz-border-radius: 50px; 
		-webkit-border-radius: 50px;
	}

	#buscador input {
		font-family: "Barlow Condensed", sans-serif;
		font-size: 1.25em;
		text-align: left;
		font-weight:400;
		width: 60%;
		height: 60px;
		margin: 2px 0 0 0;
		padding: 0px 1px 1px 30px;
		letter-spacing: -0.5px;
		/*color*/
		color:#777;
		
		/*background*/
		background: transparent;
		
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		
		/*radius border*/
		border-radius: 0px; 
		-moz-border-radius: 0px; 
		-webkit-border-radius: 0px;
		
		/*borders*/
		border: .5px solid rgba(255,255,255,0.0);
		border-width: thin;
	}

	#buscador input:focus{ 
		outline: none; 
	}
}

/************************************************************************************
MAIN NAVIGATION 680px
*************************************************************************************/
@media all and (max-width : 680px) {
 
	#buscador {
		width: 60%;
		height: auto;
		margin: 5px auto;
		padding: 0;
		background: #FFF;
		
		box-shadow: 0 0 8px rgba(198,198,198,0.0);
		
		/*radius border*/
		border-radius: 50px; 
		-moz-border-radius: 50px; 
		-webkit-border-radius: 50px;
	}

	#buscador input {
		font-family: "Barlow Condensed", sans-serif;
		font-size: 1.25em;
		text-align: left;
		font-weight:400;
		width: 60%;
		height: 60px;
		margin: 2px 0 0 0;
		padding: 0px 1px 1px 30px;
		letter-spacing: -0.5px;
		/*color*/
		color:#777;
		
		/*background*/
		background: transparent;
		
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		
		/*radius border*/
		border-radius: 0px; 
		-moz-border-radius: 0px; 
		-webkit-border-radius: 0px;
		
		/*borders*/
		border: .5px solid rgba(255,255,255,0.0);
		border-width: thin;
	}

	#buscador input:focus{ 
		outline: none; 
	} 	
}

/************************************************************************************
MAIN NAVIGATION 510px
*************************************************************************************/
@media all and (max-width : 510px) {

#buscador {
		width: 80%;
		height: auto;
		margin: 5px auto;
		padding: 0;
		background: #FFF;
		
		box-shadow: 0 0 8px rgba(198,198,198,0.0);
		
		/*radius border*/
		border-radius: 50px; 
		-moz-border-radius: 50px; 
		-webkit-border-radius: 50px;
	}

	#buscador input {
		font-family: "Barlow Condensed", sans-serif;
		font-size: 1.25em;
		text-align: left;
		font-weight:400;
		width: 60%;
		height: 60px;
		margin: 2px 0 0 0;
		padding: 0px 1px 1px 30px;
		letter-spacing: -0.5px;
		/*color*/
		color:#777;
		
		/*background*/
		background: transparent;
		
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		
		/*radius border*/
		border-radius: 0px; 
		-moz-border-radius: 0px; 
		-webkit-border-radius: 0px;
		
		/*borders*/
		border: .5px solid rgba(255,255,255,0.0);
		border-width: thin;
	}

	#buscador input:focus{ 
		outline: none; 
	} 
	
}