*{margin: 0;padding: 0; list-style: none;}
body, input, textarea{font-family: arial; font-size: 62.5%;  color: #fcd509;}
body{background: #e5e5e5 url(../images/bg.jpg) top center no-repeat; }
.transition_class{ 
	-webkit-transition: 	all .5s ease-in-out;
		-moz-transition: 	all .5s ease-in-out;
			-o-transition: 	all .5s ease-in-out;
				transition: all .5s ease-in-out;
}
.centerize{ width: 760px; margin: 0 auto;}
.clear{clear: both;}

.transition_class{ -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.display_class{ display: inline-block;	*display: inline;	zoom:1; vertical-align: top; }
.box_sizing_class{    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box; }

span.alerts{display:block; cursor: pointer;background-image: url(../images/alerts-bg.png); height: 50px; margin: 0 0 5px 0; border-radius: 5px;}
span.alerts p{ display: block; color: #fff; font-size: 1.2em; padding: 15px 0 0 70px; text-transform: uppercase; text-align: left!important; }
.alerts__success{	background-position: 0 0;}
.alerts__danger{ 	background-position: 0 -50px;}
.alerts__warning{ 	background-position: 0 -100px;}
.alerts__info{		background-position: 0 -150px;}


#header .centerize{ position: relative; height: 510px; position: relative;}

#header .centerize .capacete{ background: url(../images/capacete.png) 0 0 no-repeat; width: 350px; height: 310px; position: absolute; top: 150px; left: -200px; opacity: 0;}
#header .centerize .capacete.mostra{	opacity: 1;	left: 0;}

#header .centerize p{ font-size: 3.5em; font-family: 'Trebuchet MS'; font-weight: bold; display: block; text-transform: uppercase;}
#header .centerize p.p1{ padding: 95px 0 0 285px; color: #FFF; }
#header .centerize p.p2{ padding: 10px 0 0 315px; }
#header .centerize p.p3{ background: url(../images/senna.png) 350px 15px no-repeat; height: 90px; text-indent: -5000px; }
#header .centerize p.p4{ padding: 10px 0 0 0; text-align: right;}
#header .centerize p.p5{ padding: 10px 0 0 0; font-size: 2.5em; color: #32a443; text-align: right;}


#description .centerize{ border-bottom: 1px solid #32a443; padding: 0 0 40px 0;}
#description .centerize p{ font-size: 1.3em; line-height: 1.4em; display: block; display: block; padding: 0 0 10px 0;}
#description .centerize p.reginaldo-leme{background: url(../images/reginaldo-leme.png) top right no-repeat; height: 40px; text-indent: -5000px;}

#como-comprar .centerize{padding: 0 0 30px 0; border-bottom: 1px solid #32a443; padding: 0 0 40px 0;}
#como-comprar h2{text-transform: uppercase; font-weight: normal; padding: 20px 0; font-size: 2.8em; display: block;}
#como-comprar h3{font-weight: normal; padding: 0 0 20px 0; font-size: 1.8em; display: block;}

#como-comprar .bloco1{ width:450px;}
#como-comprar .bloco1 div{ width: 210px;}
#como-comprar .bloco1 div p{ font-size: 12px; }
#como-comprar .bloco1 div p.diretamente{ font-size: 16px; color: #FFF; }
#como-comprar .bloco1 div .comprar{ display: block; background: #32a443; padding: 10px 30px; border-top: 2px solid #1d6c29;  border-right: 2px solid #1d6c29; border-bottom: 2px solid #4ac65c;  border-left: 2px solid #4ac65c;  text-align: center; color: #FFF; text-transform: uppercase; font-size: 16px;text-decoration: none; margin: 20px 0; cursor: pointer;  }
#como-comprar .bloco1 div .comprar:hover{ border-top: 2px solid #4ac65c;  border-right: 2px solid #4ac65c; border-bottom: 2px solid #1d6c29;  border-left: 2px solid #1d6c29;  }


#como-comprar .bloco2{ width:300px;}


#contato .centerize{padding: 0 0 30px 0;}
#contato h2{text-transform: uppercase; font-weight: normal; padding: 20px 0; font-size: 2.8em; display: block;}
#contato form {width: 390px; float: left;}
#contato form table{width: 100%;}
#contato form label{ display:  block; font-size: 1.4em; color: #FFF; float: left; width: 30%;}
#contato form label small{ text-transform: none;}
#contato form .campos{ display: block; width: 70%; padding: 5px; border: 0; border-radius: 3px; font-size: 1.4em; margin-bottom: 5px; color: #000; -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box; }
#contato form .enviar{ display: block; background: #32a443; border-radius: 3px; padding: 10px 15px; border:0; color: #fff; font-size: 2em; float: right; cursor: pointer; }
#contato form .enviar:hover{background: #fcd509;}
#contato form .invalid{ background: #F00;}

#contato .instituto{ background: url(../images/instituto.png) 0 0 no-repeat; display: block; width: 327px; height: 135px; float: left; margin: 20px 0 0 40px;  }
#contato .instituto p{ display: block; font-size: 1em; color: #FFF; padding: 130px 0 0 90px; }


#footer{ clear: both; background: #32a443; height: 100px;}
#footer .centerize { position: relative; }

#footer p a{ position: absolute; top: 30px; display: block; text-indent: -5000px; }

#footer p.e-galaxia a{ background: url(../images/e-galaxia.png) 0 0 no-repeat; display: block; width: 100px; height: 25px; right: 200px; }
#footer p.editora a{ background: url(../images/design-editora.png) 0 0 no-repeat; display: block; width: 100px; height: 25px; right: 80px; }
#footer p.publico a{ background: url(../images/publico-digital.png) 0 0 no-repeat; display: block; width: 25px; height: 25px; right: 0; }
#footer div.barra{ display: block; height: 37px; border-left: 1px solid #5bb669; position: absolute; top: 25px; right: 50px; }

/*
@media screen and (max-width: 1024px) {
	.centerize{ width: 100%; height: auto!important; }
	#header .centerize .capacete{ position: static; margin: 10px auto;  }
	#header .centerize p{ text-align: center; padding: 0!important; text-align: center!important; }
	#header .centerize p.p3{ background-position: center 15px; }
}
*/