@media only screen and (max-width: 1200px) {
	.fader {
		max-height: 200px;
	}
}

@media only screen and (max-width: 980px) {
	#content, #sidebar{
		width:100%;
	}

	#logo-text {
		height: 65px;
		font-size: 16px;
		margin: 0 0 0 15%;
	}
}

@media only screen and (max-width: 768px) {
	a.buttonrojo {
		margin: 0.75% !important;
	}
	
	
	#logo-text {
		height: 65px;
		font-size: 14px;
		line-height: 16px;
		width: 60%;
	}
	#header-main img{
		width:65px;/* height: 45px;;*/
		margin: 10px 10px 10px 2%;
	}	
	.fader {
		max-height: 150px;
	}
}

@media only screen and (max-width: 576px) {
	.aviso {
		padding: 10px 15% 0px !important;
	}
	.slideshow-container {
		max-height: 120px;
	}
	#header-main img {
		width: 45px;
		top: 10px;
		position: relative;
	}
	
	#logo-text {
		height: 45px;
		font-size: 12px;
		line-height: 16px;
		margin: -5px 30% 0 70px;
	}

	#nav-bar ul {
		margin: 0 0 0 0px;
	}
	
	#nav-bar ul li a {
		padding: 0 5px;
	}
	
	#wrap {
		width: 100%;
	}
}