body {
	margin:0;
	color: #000;
/*	font: 15px/21px ;*/
	font-family:Arial, Helvetica, sans-serif;
	background:url(/img/bg-logo_index.jpg?) top center no-repeat;
}
img{
	border:0;
}

textarea{
	resize:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:14px;
}

:focus {
	outline: 0;
}

.clear {
	clear: both;
}
/* Link Styles */
a{
	color: inherit;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-weight: bold;
  font-family: Helvetica, Arial;
  font-family: "Montserrat",sans-serif;
  letter-spacing: -3px;
  padding-bottom: 5px;
}
h1 {
  font-size: 42px;
  color:#15649e;
  letter-spacing:-3px;
}
h2 {
  color: #15649e;
  font-size: 34px;
  line-height: 36px;
  letter-spacing: -2px;
  margin:10px 0;
}
h3 {
  color: #15649e;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: -2px;
  margin:10px 0 5px 0;
}
h4 {
  font-size: 22px;
  color:#0164a0;
  margin:10px 0;
}
.pagewidth{
	width:998px;
	margin:0 auto;
}
#logo{
	background:url(/img/logo-gi.png?3);
	width:405px;
	height:105px;
	display:block;
	margin:0 0 0 10px;
	float:left;
}
#overlay{
	display:none;
	position:fixed;
	z-index:90;
	width:100%;
	min-height:100%;
	height:100%;
	background:#000;
	opacity:0.5;
}
#menu{
	position:absolute;
	
	
	/*
	height:97px;
	width:444px;
	background:url(/img/conteudo-menu.png);
	margin:35px 0 0 530px;
	*/
	
	height:96px;
	width:338px;
	background:url(/img/conteudo-menu2.png);
	margin: 8px 0 0 636px;
}
	#menu a{
		display:inline-block;
		height:30px;
		margin-top:33px;
	}
	#box-select_estado{
		display:none;
		position:absolute;
		top:0;
		right:0;
		z-index:400;
	}
		#plano-txt_plano_shadow{
			position:absolute;
			right:0;
			top:0;
			margin:17px 113px 0 0;
			width:101px;
			height:63px;
			
			-webkit-border-radius: 10px 10px 0px 0px;
        	border-radius: 10px 10px 0px 0px;
			background:#f8f8f8;
			
			-webkit-box-shadow:  0px 0px 30px 10px ;
	        box-shadow:  0px 0px 30px 10px ;
		}
			#plano-txt_plano{
				position:absolute;
				z-index:120;
				margin-top:20px;
				width:101px;
				height:43px;
				background:#f8f8f8 url(../img/planos.gif) no-repeat top;
			}
			
		#plano-form_estado{
			position:absolute;
			z-index:110;
			right:0;
			top:0;
			width:255px;
			height:126px;
			padding:19px 0 15px 14px;
			margin:79px 113px 0 0;
			background:#f8f8f8;
			
			-webkit-border-radius: 10px 0px 10px 10px;
			border-radius: 10px 0px 10px 10px; 
			
			-webkit-box-shadow:  0px 0px 30px 10px ;
	        box-shadow:  0px 0px 30px 10px ;
		}
		#plano-form_estado select{
			border:1px solid #cfcfcf;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding:8px 12px;
			width:200px;
			margin:10px 0;
		}
		
	
	
	#box-login{
		display:none;
		position:absolute;
		top:0;
		right:0;
		z-index:500;
	}
		#login-carregando{
			display:none;
			background-color: #F8F8F8;
			height: 109px;
			margin: 90px 0 0 -355px;
			padding-top: 60px;
			opacity: 0.8;
			position: absolute;
			width: 330px;
			z-index: 140;
			text-align:center;
		}
		#login-txt_login_shadow{
			position:absolute;
			right:0;
			top:0;
			margin:16px 14px 0 0;
			width:101px;
			height:63px;
			
			-webkit-border-radius: 10px 10px 0px 0px;
        	border-radius: 10px 10px 0px 0px;
			background:#f8f8f8;
			
			-webkit-box-shadow:  0px 0px 30px 10px ;
	        box-shadow:  0px 0px 30px 10px ;
		}
		
			#login-txt_login{
				position:absolute;
				z-index:120;
				margin-top:19px;
				width:101px;
				height:44px;
				background:#f8f8f8 url(../img/login.gif) no-repeat top;
			}
			
		#login-form_login{
			position:absolute;
			z-index:110;
			right:0;
			top:0;
			width:329px;
			height:146px;
			padding:29px 0 15px 24px;
			margin:79px 14px 0 0;
			background:#f8f8f8;
			
			-webkit-border-radius: 10px 0px 10px 10px;
			border-radius: 10px 0px 10px 10px; 
			
			-webkit-box-shadow:  0px 0px 30px 10px ;
	        box-shadow:  0px 0px 30px 10px ;
		}
		
		#login-form_login .input{
			display:block;
			background:#ffffff;
			border:1px solid #d7d7d7;
			width:280px;
			border-radius: 6px;
			padding:0 12px;
			margin-bottom:5px;
		}
		#login-form_login .input input{
			border:0;
			width:255px;
			height:35px;
			font-weight:bold;
		}
.termos-uso{
    height:115px; 
    background:url(../img/img-faixa_termos.jpg); 
    background-repeat: no-repeat; 
    text-align: left;
    display: table;
}	
.termos-uso .title-termos{
    color: #FFF;
    font-weight: bold;
    font-family: "Montserrat",sans-serif;
    padding-left: 60px;
    font-size: 46px;
    display: table-cell;
    vertical-align: middle;
    letter-spacing: -0.02em;
}
.termos-uso .title-faq{
    color: #FFF;
    font-weight: bold;
    font-family: "Montserrat",sans-serif;
    padding-left: 60px;
    font-size: 46px;
    display: table-cell;
    vertical-align: middle;
    letter-spacing: -0.02em;
}

#box-slider{
	background:url(../img/textura-azul.gif) repeat;
	color:#FFFFFF;
	height:502px;
}
	.box-slide{
		height:483px;
		padding-top:20px;
		position:absolute;
		width:998px;
	}
	#bt_slider-empresa{
		display:block;
		position:absolute;
		right:0;
		margin:21px 42px 0 0;
		background:url(/img/conteudo-bt_empresa.gif);
		width:120px;
		height:37px;
	}
	#bt_slider-pessoal{
		display:block;
		position:absolute;
		left:0;
		margin:21px 0 0 45px;
		background:url(/img/conteudo-bt_pessoal.gif);
		width:120px;
		height:37px;
		z-index:20;
	}
	
.form-cadastro_conteudo{
	display:block;
	position:absolute;
	margin:4px 0 0 0;
	z-index:10;
	width:362px;
	/*
	height:258px;
	background:url(/img/bg_form.png);
	*/
	padding:50px 60px 50px 75px;
}
	.cadastro-carregando{
		display:none;
		background-color: #FFF;
		border-radius: 10px;
		
		position: absolute;
		left:0;
		top:0;
		z-index: 140;
		width: 410px;
		height: 400px;
		opacity: 0.8;
		
		margin: 39px 0 0 43px;
		padding-top: 180px;
		text-align: center;
		color:#000;
	}
	
.form-cadastro_conteudo .input{
	background:#FFF;
	border:1px solid #cfcfcf;
	border-radius: 6px;
	height:27px;
	width:308px;
	padding:4px 8px;
	font-weight:bold;
		
}
.form_inputs{
	margin-top:15px;
}
.form_inputs input{
	margin-bottom:5px;
}

.conteudo_slider{
	position:absolute;
	z-index:9;
	margin:-5px 0 0 409px;
}

#box-icones_vantagens{
	margin:25px 45px;
	text-align:left;
}
#box-icones_vantagens img{
	margin:0 37px;
	bottom:0;
	position:relative;
}

#rodape{
	background:#fff;
	/*height:210px;*/
	color:#333;
	font-size:110%;
        margin-bottom: 30px;
}
	.menu_rodape{
		margin-right:66px;
		line-height:20px;
		/*padding-top:10px;*/
	}
	.menu_rodape a{
		color:#FFFFFF;
		font-weight:normal;
		text-decoration:none;
	}
.newidth{
    width: 866px; 
}
.container-rodape{
        float:left;
}
#mobileApp{
	margin-top:-350px;
	background:#e6e7e8;
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	padding:10px;
}

.input.cupom::-webkit-input-placeholder { /* WebKit browsers */
    color:#CC0000;
	font-size:14px;
}
 .input.cupom:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
   color:#CC0000;
   opacity:  1;
   font-size:14px;
}
 .input.cupom::-moz-placeholder{ /* Mozilla Firefox 19+ */
   color: #CC0000;
   opacity:  1;
   font-size:14px;
}
 .input.cupom:-ms-input-placeholder{ /* Internet Explorer 10+ */
   color:#CC0000;
   font-size:14px;
}

.bt_geral-opcoes{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	display:block;
	
	line-height:12px;
	padding:6px 11px 5px 12px;
	
	background:#bd0910;
	border:1px solid #000000;
	text-decoration:none;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-box-shadow: inset 1px 1px 1px 0px #ed6f70, 1px 1px 3px 0px #000000;
    		box-shadow: inset 1px 1px 1px 0px #ed6f70, 1px 1px 3px 0px #000000;
}
.bt_geral-opcoes:active{
	color:#ffffff;
}

@media screen and (max-width: 480px) { 
    #logo{
        margin:0 0 0 40px;
    }
    .termos-uso{         
        text-align: center;
    }	
    .termos-uso .title-termos{
        padding-left: 0;
    }
    .termos-uso .title-faq{
        padding-left: 0;
        font-size: 39px;
    }
    .pagewidth{
	width:480px;
	margin:0 auto;
    }
    #rodape{
	background:#fff;
	/*height:210px;*/
	color:#333;
	font-size:150%;      
        margin-bottom: 30px;
    }
    .newidth{
        width: 480px;
    }
    .container-rodape{
        float:left;
        padding-left: 20px;
    }
    .font{
        font-size: 150%;
    }

}