@charset "utf-8";
/* CSS Document */
body { background:#fff url(../imagens/obragisela_pg0.jpg) no-repeat top center; background-size:cover; background-size:100%; position: fixed; 
width: 100%;
height: 100%;
 }
 
.foco {
	top:50%;
	left:50%;
	margin-top:-115px;
	margin-left:-350px;
	width:700px;
	height:230px;
	text-align:center;
	position:absolute;
	font-family:'Alef', Verdana, sans-serif;
}
.foco img { width:700px; }
 
 
@media only screen and (min-width: 320px) { /*minimin*/
.foco {
	top:50%;
	left:50%;
	margin-top:-55px;
	margin-left:-155px;
	width:310px;
	height:111px;
	text-align:center;
	position:absolute;
	font-family:'Alef', Verdana, sans-serif;
}

.foco img { width:300px; }

}

@media only screen and (min-width: 480px) { 
.foco {
	top:50%;
	left:50%;
	margin-top:-70px;
	margin-left:-230px;
	width:460px;
	height:140px;
	text-align:center;
	position:absolute;
	font-family:'Alef', Verdana, sans-serif;
}

.foco img { width:450px; }

}

@media only screen and (min-width: 768px) { /*this is iphone - Ale*/
.foco {
	top:50%;
	left:50%;
	margin-top:-115px;
	margin-left:-350px;
	width:700px;
	height:230px;
	text-align:center;
	position:absolute;
	font-family:'Alef', Verdana, sans-serif;
}
.foco img { width:700px; }
}

@media only screen and (min-width: 992px) { /*this is my*/
.foco {
	top:50%;
	left:50%;
	margin-top:-115px;
	margin-left:-350px;
	width:700px;
	height:230px;
	text-align:center;
	position:absolute;
	font-family:'Alef', Verdana, sans-serif;
}
.foco img { width:700px; }
}
@media only screen and (min-width: 1024px) { /*this is Ale*/
.foco {
	top:50%;
	left:50%;
	margin-top:-115px;
	margin-left:-350px;
	width:700px;
	height:230px;
	text-align:center;
	position:absolute;
	font-family:'Alef', Verdana, sans-serif;
}
.foco img { width:700px; }

}