@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;}
html {height:100%;}
body {margin:0;width:100%;height:100%;padding:0;color:#1A1A1A;font-size:62.5%;background-color:#ddddde;}
div.clear {clear:both;}
img{max-width:100%;height:auto;}

#contem{position:relative;margin: 0 auto;width:60%;font-size:11px;line-height:1.5;background-color:#339966;display:table;}

#header{position:relative;height: auto;}
#papai{position:absolute;width:100%;}
.canvas{position:relative;width:100%;}
#audio{position:absolute;top:1%;left:1%;cursor:pointer;}

.left_content{float:left;width:50%;}
.right_content{float:right;width:50%;}

.left_content_55{float:left;width:54%;}
.right_content_42{float:right;width:42%;}

.left_content_30{float:left;width:30%;}
.right_content_70{float:right;width:70%;}

.left_content_70{float:left;width:70%;}
.right_content_30{float:right;width:30%;}


.top{padding:5px;}

a{color:#007700;font-weight:bold;text-decoration:none;}
a:hover{color:#990E12;text-decoration:underline;}
.texto{position:relative;top:50%;transform:translateY(41%);padding-bottom:28px;}
.texto2{position:relative;top:50%;transform:translateY(0%);}
.centro{width:70%;margin:0 auto;}
.centro2{width:90%;margin:0 auto;}
.branca{width:50%;color:#fff;font-weight:bold;}
.vermelha{color:#990000;font-weight:bold;}
#red{width:100%;height:30px;background-color:#990000;}

.a1{width:90%;margin-top:15px;background-color:#eee;border-radius:0.5em;padding:10px;text-align:left;display:table;}
.a2{width:90%;margin-top:15px;background-color:#eee;border-radius:0.5em;padding:10px;text-align:left;display:table;}
.a3{width:90%;margin-top:25px;background-color:#37638B;border-radius:0.5em;padding:10px;text-align:left;display:table;}

.contemCeia{margin:25px;padding:20px;background-color:#fff;display:table;}
.contemCompras{margin:25px;padding:20px;background-color:#fff;display:table;}
.contemTropical{margin:25px;padding:20px;background-color:#fff;display:table;}
.contemTodoDia{margin:25px;padding:20px;background-color:#fff;display:table;}
.voltar{float:right;}

.central_mobile{text-align:left;}
.central{text-align:center;}
#carr{width:95%;top:50%;transform:translateY(20%);}
#cartao{width:95%;}
#grana{width:63%;}


@media screen and (max-width: 1024px) and (orientation: portrait) {

	
}
	
@media screen and (max-width: 768px) and (orientation: portrait) {
	#contem{width:100%;}
	.left_content_55{float:none;width:97%;}
	.right_content_42{float:none;width:97%;}
	.left_content_70{float:none;width:97%;}
	.right_content_30{float:none;width:97%;margin-top:20px;}
	.left_content_30{float:none;width:97%;}
	.right_content_70{float:none;width:97%;margin-top:20px;}
	.central_mobile{text-align:center;}
	#carr{width:50%;top:0%;transform:translateY(0%);margin:0 auto;}
	#cartao{width:50%;}
	#grana{width:40%;}
}

@media screen and (max-width: 599px) and (orientation: portrait) {

}

@media screen and (max-width: 415px) and (orientation: portrait) {
	
}

@media screen and (max-width: 376px) and (orientation: portrait) {
	
}

@media screen and (max-width: 1024px) and (orientation: landscape) {	
	
}

@media screen and (max-width: 824px) and (orientation: landscape) {
#contem{width:100%;}
	.left_content_55{float:none;width:97%;}
	.right_content_42{float:none;width:97%;}
	.left_content_70{float:none;width:97%;}
	.right_content_30{float:none;width:97%;margin-top:20px;}
	
}

@media screen and (max-width: 812px) and (orientation: landscape) {
	
	
}

@media screen and (max-width: 736px) and (orientation: landscape) {
	
}

@media screen and (max-width: 568px) and (orientation: landscape) {

}