body{
		padding:0;
		margin:0;
	}

#container{
		width:98%;
		padding:1%;
		float:left;
		background-color:#00F;
	}


#header{
		width:100%;
		float:left;
		background-color:#C60;
	}


#logo{
		float:left;
		background-color:#0F0;
		
		
	}

#logo img{
		width:100%;
	}


#busca{
		float:left;
		background-color:#0CC;
	
	}

#login{
		float:left;
		background-color:#CF0;
	}

#content{
		background-color:#FFF;
	}
	
	

/* resolução física menor que 600px */ 
@media screen and (max-width: 600px) { 
#logo{
		width:90%;
		padding:5%;
	}

#busca{
		width:90%;
		padding:5%;
	}

#login{
		width:90%;
		padding:5%;
	}


}
 

/* resolução física entre 600px e 900px*/
@media screen and (min-width: 600px) and (max-width: 900px) {
#logo{
		width:40%;
		padding:5%;

	}

#busca{
		width:40%;
		padding:5%;
	}

#login{
		width:90%;
		padding:5%;
	}
	
} 


/* resolução física maior que 900px */
@media screen and (min-width: 900px) {
#logo{
		width:30%;
		padding:5%;
	}

#busca{
		width:26%;
		padding:2%;
	}
#login{
		width:26%;
		padding:2%;
	}

}



/* max device width */
@media screen and (max-device-width: 480px) {
	
	}