body{
	background-color:#FCF;
	background-image: url('../images/page.png');
	background-repeat:repeat-y;
	background-size:contain;
}
#cabecalho{
	position:absolute; 
	top:30%; 
	margin-left:24%; 
	margin-right:24%; 
	width:52%; 
	height:60%;
	padding:10px;
}
#head_imagelogo{
	position:absolute; 
	top:15%;
	margin-top:-15px;
	margin-left:27%;
	width:20%;
	min-width:200px;
	z-index:906;
}
#head_image1{
	position:absolute; 
	top:29%; 
	margin-left:15%;  
	width:15%;
	z-index:905;
}
#head_image2{
	position:absolute; 
	top:29%; 
	margin-left:71%;  
	width:10%;
	z-index:905;
}
#head_image3{
	position:absolute; 
	top:15%; 
	margin-left:2%;  
	width:10%;
	z-index:905;
}
#head_image4{
	position:absolute; 
	top:30%; 
	margin-left:90%;  
	width:10%;
	z-index:905;
}
.info{
	background-image: url('../images/sidebar1glare.png');
	background-size:cover;
	/*background-color:#FFF;*/
	width:100%; 
	height: 100%; 
	margin:0px; 
	border:solid 4px #333; 
	border-radius:15px; 
	padding:0px;
	overflow:hidden;
	z-index:904;
}
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 480px) {
	#cabecalho{
		display:none;
	}
	#head_imagelogo{
		display:none;
	}
	#head_image1{
		display:none;
	}
	#head_image2{
		display:none;
	}
	#head_image3{
		display:none;
	}
	#head_image4{
		display:none;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen  
and (min-width : 480px)
and (max-width : 768px) {
	#cabecalho{
		display:none;
	}
	#head_imagelogo{
		position:absolute; 
		top:20%;
		margin-top:20px;
		margin-left:-100px;
    	left:50%;
		min-width:200px;
	}
	#head_image1{
		display:none;
	}
	#head_image2{
		display:none;
	}
	#head_image3{
		display:none;
	}
	#head_image4{
		display:none;
	}
}

/* Tablets (portrait and landscape) ----------- */
@media only screen 
and (min-width : 769px) 
and (max-width : 991px) {
	#cabecalho{
		display:none;
	}
	#head_imagelogo{
		position:absolute; 
		top:-15px;
		margin-top:20px;
		margin-left:27%;
		width:20%;
		min-width:200px;
	}
}
/* Tablets (portrait and landscape) ----------- */
@media only screen 
and (min-width : 992px) 
and (max-width : 1224px) {
	#cabecalho{
		display:block;
	}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1225px)
and (max-width : 1824px) {
	#cabecalho{
		display:block;
	}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1825px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}