@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,900');
		
/********************************************************************************************
BUSCADOR
********************************************************************************************/
#buscador{
	width: 100%;
	max-width: 1200px;
	min-height: 10px;
	margin: 0 auto;
	padding: 0px; 
	/*box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	border: .5px solid rgba(198,198,198,0.8);
	border-width: thin;*/
}
#buscador-container{
	width: 50%;
	height: auto;
	padding: 0px 0;
	float: right;
	overflow: hidden;
}
#buscador input[type=text], [type=mail] {
	font-family:'Titillium Web', Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:400;
	width: 85%;
	height: 25px;
	margin: 0px;
	padding: 3px;
	float: left;
	border:0;
	/*color*/
	color:#acac9d;
	/*background*/
	background: rgba(255,255,255,0.8);
	/*shadom*/
	/*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
	/*transitions*/
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
	/*radius border*/
	border-radius: 1px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px;
	border: .5px solid rgba(198,198,198,0.3);
	border-width: thin;
}
    #buscador input::-webkit-input-placeholder  {
        color: #999; 
		font-weight:100;
		text-shadow: 0px -1px 0px #333;   
    }
    #buscador input:-moz-placeholder {
        color: #242427; 
		text-shadow: 0px -1px 0px #333;  
    }
#buscador input[type=text]:hover{ 
	/*color*/
	color:#242427;
	/*background*/
	background: #FFF;
	/*shadom*/
	/*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
	/*transitions*/
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
	/*radius border*/
	border-radius: 1px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px;
}

#buscador input.image { 
	width: 10px;
	height: 25px;
	margin: 0 0 0 3px;
	padding: 3px 10px;
	background: rgba(255,255,255,0.8);
	/*radius border*/
	border-radius: 1px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px;
	border: .5px solid rgba(198,198,198,0.3);
	border-width: thin;
} 

#buscador input.image:hover { 
	width: 10px;
	height: 25px;
	margin: 0 0 0 3px;
	padding: 3px 10px;
	background: rgba(205,205,205,0.8);
	/*radius border*/
	border-radius: 1px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px;
	border: .5px solid rgba(198,198,198,0.3);
	border-width: thin;
} 

/************************************************************************************
MAIN NAVIGATION 1199px
*************************************************************************************/
@media all and (max-width : 1199px) {
	
	#buscador{
		width: 100%;
		max-width: 1200px;
		min-height: 10px;
		margin: 0 auto;
		padding: 0px; 
		/*box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		border: .5px solid rgba(198,198,198,0.8);
		border-width: thin;*/
	}
	
	#buscador-container{
		width: 50%;
		height: auto;
		margin: 0 auto;
		padding: 0px 0;
		float: none;
		text-align: center;
		overflow: hidden;
	}
}

/************************************************************************************
MAIN NAVIGATION 980px
*************************************************************************************/
@media all and (max-width : 980px) {
	
	#buscador{
		width: 100%;
		max-width: 1200px;
		min-height: 10px;
		margin: 0 auto;
		padding: 0px; 
		/*box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		border: .5px solid rgba(198,198,198,0.8);
		border-width: thin;*/
	}
	
	#buscador-container{
		width: 40%;
		height: auto;
		margin: 15px auto 0 auto;
		padding: 0px 0;
		float: none;
		text-align: center;
		overflow: hidden;
	}
}

/************************************************************************************
MAIN NAVIGATION 810px
*************************************************************************************/
@media all and (max-width : 810px) {
	
	#buscador-container{
		width: 45%;
		height: auto;
		margin: 15px auto 0 auto;
		padding: 0px 0;
		float: none;
		text-align: center;
		overflow: hidden;
	}
}

/************************************************************************************
MAIN NAVIGATION 768px
*************************************************************************************/
@media all and (max-width : 768px) {
	
	#buscador-container{
		width: 55%;
		height: auto;
		margin: 15px auto 0 auto;
		padding: 0px 0;
		float: none;
		text-align: center;
		overflow: hidden;
	}
}

/************************************************************************************
MAIN NAVIGATION 680px
*************************************************************************************/
@media all and (max-width : 680px) {
	
	#buscador-container{
		width: 59%;
		height: auto;
		margin: 15px auto 0 auto;
		padding: 0px 0;
		float: none;
		text-align: center;
		overflow: hidden;
	}
	
	#buscador input[type=text], [type=mail] {
		width: 98%;
		height: 25px;
		margin: 0px auto;
		padding: 3px;
		float: none;
		border:0;
		/*color*/
		color:#acac9d;
		/*background*/
		background: rgba(255,255,255,0.8);
		/*shadom*/
		/*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		/*radius border*/
		border-radius: 1px; 
		-moz-border-radius: 1px; 
		-webkit-border-radius: 1px;
		border: .5px solid rgba(198,198,198,0.3);
		border-width: thin;
	}
	
	#buscador input.image { 
		width: 98%;
		height: 25px;
		margin: 5px auto 0 auto;
		padding: 3px 10px;
	} 
	
	#buscador input.image:hover { 
		width: 98%;
		height: 25px;
		margin: 5px auto 0 auto;
		padding: 3px 10px;
		background: rgba(205,205,205,0.8);
		/*radius border*/
		border-radius: 1px; 
		-moz-border-radius: 1px; 
		-webkit-border-radius: 1px;
		border: .5px solid rgba(198,198,198,0.3);
		border-width: thin;
	} 
}

/************************************************************************************
MAIN NAVIGATION 510px
*************************************************************************************/
@media all and (max-width : 510px) {
	
	#buscador-container{
		width:70%;
		height: auto;
		margin: 15px auto 0 auto;
		padding: 0px 0;
		float: none;
		text-align: center;
		overflow: hidden;
	}
}

/************************************************************************************
MAIN NAVIGATION 480px
*************************************************************************************/
@media all and (max-width : 480px) {
	
	#buscador-container{
		width:90%;
		height: auto;
		margin: 15px auto 0 auto;
		padding: 0px 0;
		float: none;
		text-align: center;
		overflow: hidden;
	}
}

/************************************************************************************
MAIN NAVIGATION 310px
*************************************************************************************/
@media all and (max-width : 310px) {
	
	#buscador-container{
		width:98%;
		height: auto;
		margin: 15px auto 0 auto;
		padding: 0px 0;
		float: none;
		text-align: center;
		overflow: hidden;
	}
}