/* CSS Document */

#banner { width:100%; min-width:1200px; height:405px; }
#banner ul { list-style:none; margin:0; padding:0; width:100%; min-width:1200px; height:405px; overflow:hidden; }
#banner ul li { margin:0; padding:0; float:left; width:100%; min-width:1200px; height:405px; background-position:top center; background-repeat:no-repeat; }
#banner ul li a { display:block; width:1200px; height:405px; margin:0 auto; }
#bannerMobile { display:none; }
#bannerPag { width:100%; text-align:center; }
#bannerControl { height:24px; display:inline-block; z-index:99; position:relative; margin:-35px auto 0; }
#bannerControl a { background:url(/imagens/indexBannerPag.png) top no-repeat; width:11px; height:11px; float:left; cursor:pointer; margin:7px 5px 0; text-indent:-999999px; }
#bannerControl a.activeSlide { background-position: bottom; }
#bannerControlMobile { display:none; }
#miniBanner { width:904px; height:256px; margin:46px 0 0 206px; position:relative; }
#miniBanner ul { list-style:none; margin:0; padding:0; width:904px; height:256px; overflow:hidden; }
#miniBanner ul li { margin:0; padding:0; width:904px; height:256px; float:left; }
#miniBanner ul li .miniBannerTexto { width:604px; height:256px; float:left; font-family:'Museo500'; font-size:16px; line-height:140%; }
#miniBanner ul li .miniBannerTexto p { font-size:24px; margin-top:0; color:#302f46; }
#miniBanner ul li .miniBannerImg { float:left; }
.miniBannerPag { width:16px; height:20px; position:absolute; z-index:99; bottom:18px; background-image:url(/imagens/indexMiniBannerPag.png); background-repeat:no-repeat; }
#miniBannerAnt { left:497px; background-position:left; }
#miniBannerProx { left:538px; background-position:right; }
#faixaAzul { width:100%; min-width:1200px height:302px; background-color:#302F46; }
#faixaAzul div { padding:47px 0 0 65px; height:255px; width:1045px; color:#FFFFFF; font-size:16px; line-height:160%; }
#faixaAzul div img { float:left; margin:-1px 86px 0 0; }
#faixaAzul div p  { font-size:24px; }
#clientes { text-align:center; padding:66px 0 44px 0; }
#clientes img { margin:0 17px 50px; }
#clientes a { font-size:18px; font-family:'Museo500'; }
#insta { width:100%; height:auto; background-color:#EDEDED; }
#insta ul { list-style:none; margin:0; padding:0; width:100%; height:auto; }
#insta ul li { margin:0; padding:0; width:20%; height:auto; float:left; }
#insta ul li a { width:100%; height:100%; display:block; }
#insta ul li img { width:100%; height:100%; }
/*#insta a { margin:0; padding:0; width:20%; height:auto; float:left; display:inline-block; }
#insta a img { width:100%; height:100%; }*/

#experimente { width:100%; min-width:1200px; background-color:#B7DE00; color:#FFFFFF; text-align:center; padding:35px 0; font-size:18px; line-height:150%; margin:22px 0 0 0; }
#experimente p { font-size:35px; margin-top:0; }
#experimente p span { font-size:48px; }
#experimente a { width:408px; height:59px; line-height:59px; text-align:center; background-color:#A700CB; display:inline-block; color:#FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#tipos { width:100%; min-width:1200px; background-color:#FFFFFF; padding:35px 0; line-height:150%; }
#tipos div { padding:0 68px; width:1064px; }
#tipos p { font-size:32px; text-align:center; margin-top:0; }
#tipos ul { list-style:none; margin:0 50px; padding:0; float:left; }

@media screen and (max-width: 500px) {
	#banner { display:none; }
	#bannerMobile { display:block; width:100%; min-width:320px; height:200px; }
	#bannerMobile ul { list-style:none; margin:0; padding:0; width:100%; min-width:320px; height:200px; overflow:hidden; }
	#bannerMobile ul li { margin:0; padding:0; float:left; width:100%; min-width:320px; height:200px; background-position:top center; background-repeat:no-repeat; }
	#bannerMobile ul li a { display:block; width:320px; height:200px; margin:0 auto; }
	#bannerPag { display:none; }
	#bannerPagMobile { width:100%; text-align:center; }
	#bannerControlMobile { height:24px; display:inline-block; z-index:99; position:relative; margin:-25px auto 0; }
	#bannerControlMobile a { background:url(/imagens/indexBannerPag.png) top no-repeat; background-size:8px 16px; width:8px; height:8px; float:left; cursor:pointer; margin:7px 5px 0; text-indent:-999999px; }
	#bannerControlMobile a.activeSlide { background-position: bottom; }
	#miniBanner { width:320px; height:256px; margin:15px 0 0 0; }
	#miniBanner ul { width:320px; height:256px; }
	#miniBanner ul li { width:320px; height:256px; }
	#miniBanner ul li .miniBannerTexto { width:320px; height:256px; font-size:14px; line-height:130%; }
	#miniBanner ul li .miniBannerTexto p { font-size:18px; }
	#miniBannerAnt { left:270px; }
	#miniBannerProx { left:300px; }
	#faixaAzul { min-width:320px; height:240px; }
	#faixaAzul div { padding:15px 0; height:210px; width:320px; font-size:14px; line-height:140%; }
	#faixaAzul div img { display:none; }
	#faixaAzul div p  { font-size:18px; }
	#clientes { padding:20px 0; }
	#clientes img { margin:0 10px 25px; width:130px; }
	#clientes a { font-size:16px; }
	#insta ul li { width:33.3%; }
	#insta ul li:last-child { display:none; }	
	#experimente { min-width:320px; padding:20px 0; font-size:14px; line-height:150%; margin:0 0 0 0; }
	#experimente p { font-size:20px; margin-top:0; font-family:'Museo500'; }
	#experimente p span { font-size:20px; }
	#experimente a { width:320px; height:35px; line-height:35px; }
	#tipos { min-width:320px; padding:20px 0; line-height:150%; }
	#tipos div { padding:0; width:320px; }
	#tipos p { font-size:20px; }
	#tipos ul { list-style:none; margin:0 8px; padding:0; float:left; font-size:12px; }
}