/* CSS Document */
#banner { width:100%; height:435px; min-width:1200px; position:relative; text-align:center; }
#banner ul { list-style:none; width:100%; height:435px; min-width:1200px; margin:0; padding:0; overflow:hidden; }
#banner ul li { margin:0; padding:0; width:100%; height:435px; min-width:1200px; float:left; background-position:center; background-repeat:no-repeat; }
#banner ul li a { display:block; width:100%; height:435px; min-width:1200px; }
#bannerControl { height:27px; margin:-40px auto; width:auto;  z-index:99; position:relative; display:inline-block; }
#bannerControl a { background:url(/imagens/indexBannerPag.png) top no-repeat; width:18px; height:18px; float:left; cursor:pointer; margin:7px 5px 0; text-indent:-999999px; }
#bannerControl a.activeSlide { background-position: bottom; }
#titulo { width:100%; height:70px; margin:45px 0; font-size:26px; color:#626262; font-family:'KeepCalm-Medium'; font-weight:bold; text-align:center; }
#titulo hr { width:80px; height:8px; background-color:#f1c64f; border:none; margin:10px auto 0; }
.box { width:585px; min-height:450px; margin-bottom:45px; float:left; text-align:center; font-size:16px; line-height:180%; }
.box p { font-size:19px; color:#19191a; font-family:'KeepCalm-Medium'; font-weight:bold; } 
.box img { margin-bottom:35px; }
.box div { padding:0px 60px; }
.box a, .sobre .texto a { width:112px; height:46px; line-height:46px; display:block; text-align:center; margin:30px auto 0; background-color:#f1c64f; color:#FFF; font-weight:bold; font-family:'KeepCalm-Medium'; font-size:13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sobre .texto a { margin:50px 0 0 0 !important; }
.boxLeft { margin-right:30px; }
.sobre { width:1200px; height:354px; margin-top: 37px; }
.sobre .video { width:520px; height:335px; float:left; }
.sobre .texto { width:520px; height:335px; float:left; line-height:200%; text-align:left; border-left:6px solid #E9BB00; margin-left:25px; padding-left:25px; }

@media screen and (max-width: 500px) {
	#banner { display:none; }
	#titulo { width:100%; height:45px; margin:30px 0 45px; font-size:16px; line-height:180%; }
	#titulo hr { width:100px; height:4px; margin:5px auto 0; }
	.box { width:320px; min-height:300px; margin-bottom:45px; float:none; text-align:center; font-size:14px; line-height:180%; }
	.box p { font-size:16px; } 
	.box img { margin-bottom:20px; width:320px; }
	.box div { padding:0px 10px; }
	.box a, .sobre .texto a { width:112px; height:30px; line-height:30px; margin:20px auto 0; font-size:12px; }
	.sobre .texto a { margin:30px 0 0 0 !important; }
	.boxLeft { margin-right:0; }
	.sobre { width:320px; height:auto; margin-top: 30px; }
	.sobre .video { width:320px; height:auto; float:none; }
	.sobre .video img { width:320px; }
	.sobre .texto { width:300px; height:auto; float:none; line-height:200%; text-align:left; border-left:none; margin-left:0; padding:0 10px; }
}