@charset "utf-8";
/* CSS Document */

@import url("reset.css");
/*@import url("styles_nav.css");*/
@import url("responsive-nav.css");
@import url("responsiveslides.css");



@font-face {
    font-family: 'vagrounded_btregular';
    src: url('../fontes/vagroundedbt-regular-webfont.eot');
    src: url('../fontes/vagroundedbt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/vagroundedbt-regular-webfont.woff') format('woff'),
         url('../fontes/vagroundedbt-regular-webfont.ttf') format('truetype'),
         url('../fontes/vagroundedbt-regular-webfont.svg#vagrounded_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vag_rounded_stdlight';
    src: url('../fontes/vagroundedstd-light-webfont.eot');
    src: url('../fontes/vagroundedstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/vagroundedstd-light-webfont.woff') format('woff'),
         url('../fontes/vagroundedstd-light-webfont.ttf') format('truetype'),
         url('../fontes/vagroundedstd-light-webfont.svg#vag_rounded_stdlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	height: 100%;
}

body {
margin:0;	
background: url(../imagens/bg.png) no-repeat center center fixed;
-webkit-background-size: cover; /*Used by Safari & Chrome*/
-moz-background-size: cover; /* Used by Firefox */
-o-background-size: cover; /* Used by Opera */
background-size: cover; /* All Modern Browsers */}




#container{
	min-height:100%;
	position:relative;
	width:100%
	}
		   
/*#wrap_site{
	width:100%;
	/*position:absolute;*/
	/*width:960px;
	height:600px;
	margin: 0 auto;
	max-width:960px;
	/*top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-480px;
	background-image:url(../imagens/bg.png);
	background-repeat: no-repeat;
	border: solid 2px #FFF;
}*/

#nav{
	/*margin-left:410px;
	margin-right: 20px;
	margin-top:-270px;*/
	position:fixed;
	padding: 10px;
	background-color: #f16036;
	/*-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius: 10px;*/
	font-family: 'vagrounded_btregular';
	font-size:16px;
	color:#FFF;
	z-index:999999;
	}

#nav ul{display:inline; text-align:center;}
#nav li{width:16.66666666666667%; float:left; /*position:relative;*/ z-index:99999}



a:link, a:active, a:visited{color: #FFF; text-decoration:none;}
a:hover{text-decoration:underline; color:#FC0;}

#nav li  ul{
/*position:absolute;*/
position: fixed;
-webkit-position: fixed;
-moz-position: fixed;
top:25px;
left:0;
/*background-color:#FC0;*/
display:none;
padding-top:11px;

}  

#nav li:hover ul, #nav li.over ul{display: block; position: fixed;}


#nav li ul li{
/*border:1px solid #FFF;*/
/*display:block;*/
float:left;
z-index:9999;
padding:5px;
width:68%;
background-color:#FC0;
}

#nav li ul li a:hover{color:#F00;}




h1{
	font-family: vagrounded_btregular;
	color:#FFF;
	text-align:right;
	line-height:1em;
	font-size: 3em;
	font-weight: normal;
}

h2{
	font-family: vagrounded_btregular;
	font-size: ;
	color: #FFF;
	text-align:right;
	line-height:1em;
	font-size: 1.5em;
}

h3{
	font-family: vagrounded_btregular;
	font-size: ;
	color: #FFF;
	text-align:center;
	line-height:1em;
	font-size: 1.7em;
}


p{font-family: 'vag_rounded_stdlight'; font-size:1.5em; color:#666; text-align:right;}

p input{
	width:100%;
	height:30px;
	margin:5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	border-style:none;
	padding:5px;
	font-family: 'vag_rounded_stdlight'; font-size:0.7em; color:#999;}

p textarea{
	width:100%;
	height:100px;
	margin:5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	border-style:none;
	padding:5px;
	font-family: 'vag_rounded_stdlight'; font-size:0.7em; color:#999;
}


#coluna1{width:32%; float:left; z-index:999;}
#coluna2{width:30%; float:left; text-align:center;}
#coluna3{width:38%; float:right; /*background: #FFF;*/ height:95%; /*min-height:95%;*/ overflow:hidden;}
#coluna4{display:none; background:#FFF}


#div1{width:100%; height:auto; margin-top:-1px; margin-left:-1px;}
/*#div1{width:100%; height:auto; margin-top:-1px; margin-left:-1px;}*/

/*#div3{float:right; /*margin-right:6%; padding-left:15%; margin-bottom:50px; width:450px; height:300px; position:absolute;	left:50%;top:50%;margin-left:-225px;margin-top:-150px; }*/

#div3{float:left; margin-right:6%; padding-left:15%; margin-bottom:50px; width:70%;}


#div3 a:link, #div3 a:active, #div3 a:visited{color: #FFF;}



#div4{margin-left:30px; margin-bottom:20px; width:98%; max-width:580px; margin-top:30px;}
#div4 ul{display:inline;}
#div4 li{float:left;list-style-type: none; width:23%; height:auto; margin-right: 1%; margin-bottom:1%;}
#div5{width:26%; height:100%; float:right;z-index:999;}




/*#div5, x:-moz-any-link, x:default{float:right; background-image:url(../imagens/bg_footer.png); width:309px; height:600px;}*/
#div6{}

#seta{ width:100%; height:auto;}


aside{max-height:250px;}

footer{background-color:#FC0; width:100%; padding:10px 0; font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; text-align:center; z-index:9999; position: fixed; bottom:0; line-height:18px;}
footer a:link, footer a:active, footer a:visited{color: #000; text-decoration:underline;}
footer a:hover{text-decoration:none; color: #C00;}

#botato_cadastro{width:60%; background-color:#C00;font-family: 'vagrounded_btregular'; font-size:22px; height:30px; text-align:center; color: #FC0;  -moz-border-radius: 10px; -webkit-border-radius:10px;	border-radius: 10px; padding:10px 10px 0px 10px; margin: 0 auto; margin-bottom: 15px;}
#botato_cadastro a:link, #botato_cadastro a:active, #botato_cadastro a:visited{color: #FC0;}
#botato_cadastro a:hover{color:#FFF;}

.saiba_mais{font-family: 'vagrounded_btregular';font-size:1.6em; font-weight: normal;}

.botao_recaregue {
  background: #f16036;
  padding:13px 13px;
  font-size:0.8em;
  color:#FFF;
  text-align:center;
  font-weight:bold;
  border-radius: 10px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}





/*Efeito blink CSS
.blink {
    animation-duration: 0.7s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}*/


@media screen and (max-height: 1000px) {
		#div3{margin-top:200px;}

}


@media screen and (max-height: 900px) {
		#div3{margin-top:150px;}


}

@media screen and (max-height: 800px) {
		#div3{margin-top:100px;}

}

@media screen and (max-height: 700px) {
		#div3{margin-top:60px;}

}

@media screen and (max-width: 1920px) {


}


@media screen and (max-width: 1680px) {



}

@media screen and (max-width: 1440px) {



}



@media screen and (max-width: 1280px) {
	
h1{font-size: 2.5em;}

h2{font-size: 1.3em;}

h3{	font-size: 1em;}


p{font-size:1.2em;}

#nav li  ul{
padding-top:27px;}

#nav li ul li{
width:65%;  }

.botao_recaregue {font-size:1em;}




}

@media screen and (width: 1280px) and (height: 980px){



}


/*@media screen and (max-height: 980px) {

#div5{margin-top:-320px;}
#div3{margin-top:0;}
#div6{margin-top:9em; margin-right: -4em;}
#div4{width:30%; max-width:580px; margin-top:30px;}
#div4 li{width:50%; height:auto; margin-bottom:1%; margin-left:25%;}


}*/

@media screen and (max-width: 1024px) {
#botato_cadastro{width: 100%; max-width:90%;margin-top: -15px; margin-bottom:35px;}	
.botao_recaregue {font-size:0.8em;}
#nav{font-size:14px;}
#nav li  ul{
padding-top:23px;}

#nav li ul li{
width:55%;  }

}



@media screen and (max-width: 980px) {
body{background-image:url(../imagens/bg2.png) no-repeat;  background-color:#f6b62d;}
#container{padding-top: 0;}

/*#nav{margin: 15px auto 0 auto; width:90%;}*/
	   
#wrap_site{width:100%; max-width: 960px;height:auto;border:none;}
#div1{width:50%; height:auto; margin-top:0px;}
#div2{width:90%; height:50px;}
#div3{float:right; margin-right:0; padding-left:0; margin-bottom:0px; width:40%; margin: 0 auto; margin-top:-100px; padding-right:55px}
#div4{margin: 0 auto; width:980px;}
#div4 li{width:32%;}
#div5{width:100%;margin-top:40px;background-image:url(../imagens/bg_footer2.png);background-repeat: no-repeat; height: 265px;}
#div5 img{margin-left:-350px; margin-top: -340px;}
#div6{width:90%; float:none; max-width:360px; height:79px; margin:-1px auto;}
h1{text-align:center;}
p{text-align:center;}
h2{text-align:center;}

#botato_cadastro{width: 100%; max-width:90%; margin-top: 170px; margin-bottom:35px;}


footer{bottom:0;}

#coluna1{width:100%;}
#coluna2{width:100%; text-align:center; margin-top:-400px;}
#coluna3{width:100%; display:none;}
#coluna4{width:100%; height: 360px; display:block; bottom:200px; float:left; background:url(../imagens/bg_footer2.png) no-repeat; margin-top:35px;}

footer{font-size:12px; line-height:18px; float:left; position:inherit; margin-top:-45px;}
}

@media screen and (max-width: 800px) {
	
#div3{float: none; margin-right:0; padding-left:0; margin-bottom:0px; width:80%; margin: 0 auto; margin-top:-60px;}

#div4{ float:none; margin: 300px auto 0; width:980px;}


	
	}

@media screen and (max-width: 768px) {
#div1{width:70%; height:auto;}
#coluna2{width:100%; text-align:center; margin-top:-450px;}
#coluna4{margin-left: -100px; padding-right:100px;}
#botato_cadastro{width: 100%; max-width:90%; margin-top: 210px; margin-bottom:35px;}
#nav li ul li{width:100%;}

#div3{margin-top:0px;}

}

@media screen and (max-width: 640px) {
body{background-image:url(../imagens/bg2.png); background-repeat:no-repeat; background-color:#f6b62d;}
#div1{width:70%; margin-top:-50px;}
#div4{width:100%;}
#div4 ul{display:inline;}
#div4 li{float:left;list-style-type: none; width:50%; height:auto; margin:0 0 0 150px;}
#div5{padding-right: 60px; background-color:#FFF; margin-top:30px;}
#div6{margin:-10px auto;}
#coluna4{margin-left:-150px; padding-right:150px;}
#coluna2{margin-top:-910px;}
#botato_cadastro{margin-top: 250px;}

#nav{margin:0;
	padding: 0px;
	background-color: #FC0;
	font-family: 'vagrounded_btregular';
	font-size:16px;
	color:#FFF;
	-moz-border-radius: 0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	width:100%;
	background-color: #f16036;
}

#nav ul{list-style: none; display:inline-table;  width: 100%;  float: left;}
#nav li{width:100%; float:left; height: auto; font-size: 18px; padding:10px; border-bottom:#FFF 1px solid;}

#nav li a:hover{color:#FFF; text-decoration:underline;}

#nav li  ul{
padding-top:14px;}

}


@media screen and (max-width: 480px) {
#div1{width:80%; margin-top:-50px;}
#div4 li{width:70%; height:auto; margin:0; margin-left: 55px;}
#div3{margin:-40px 0 0 40px;}
#div4{width:86%; height:auto; min-height:270px; max-width:960px; margin: 350px auto 0;}
#div5{padding-right: 120px;}


#botato_cadastro{width: 100%; max-width:79%; margin:-15px auto 35px 5px; height:30px; padding: 10px 30px 0 30px;}

#coluna2{margin-top:-920px;}
#botato_cadastro{margin-top: 260px;}


#coluna4{margin-left:-230px; padding-right:230px;}

}

@media screen and (max-width: 360px) {
#div1{width:70%;}
#div4{margin-left:30px; margin-top:420px;}
#div4 li{width:80%; margin:0; margin-left:20px;}
#botato_cadastro{width: 100%; max-width:64%; margin:-15px 15px 35px auto; height:55px; padding: 10px 50px 0 50px;}
#div5{ margin-top:25px; padding-right: 220px;}
#div6{margin:-10px auto; width:100%;}
#coluna4{margin-left:-280px; padding-right:280px;}


#coluna2{margin-top:-940px;}
#botato_cadastro{margin-top: 330px;}

}

@media screen and (max-width: 320px) {

#coluna2{margin-top:-880px;}
#botato_cadastro{margin-top: 320px;}


}


#nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 75px;
  height: 50px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #f16036 url("../imagens/hamburger2.png") no-repeat 55% 45%;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  #nav-toggle {
    background-image: url("../imagens/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}


#popup
{
    position:absolute;
    display:none;
	width:100%;
	height:100%;
	background-size:cover;
	z-index:99999999999;
	background-image:url(../imagens/bg_pop.png);
	background-repeat:repeat;
}


#imagem_pop{position: absolute;
            width: 440px;
            height: 624px;
            left: 50%;
            top:50%;
            margin-left: -220px;
            margin-top: -312px;
}

#fechar_pop{ text-align:right; font-family: 'vagrounded_btregular';
	font-size:20px;
	color:#FFF;}
	
	#fechar_pop a:hover{ color:#FC0;}