@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext);


body{
    width: 100%;
    font-family: "OpenSans", arial, sans-serif;
	float: left;
    font-size: 12px;
    background: #b3d0cb;	
}
a{
    cursor: pointer;
}
.container{
    width: 100%;
    float: left;   
    
}
.container.principal{
	background-image: url("../img/bg-principal.png");
}
.cont-center{
    width: 680px;
    margin: 15px auto 0;
    padding: 0 43px 0 87px;
}
.cont-center:after{
    content: ".";
    visibility: hidden;
    clear: both;
}
.linha{
    width: 100%;
    float: left;
}
.coluna{
    float: left;
}
/********** Principal  *********************/
/********* COluna da Esquerda ***********/
.coluna .promo{
    width: 255px;    
}
.logo{
	width: 100%;
	float: left;
}
.img-promo{
    width: 255px;
    float: left;    
}
.bonus{
    width: 253px;
    margin-top: 156px;
    
    text-align: center;
    background-color: #e1f2f0;    
}
/********** COluna da Direita **********/
.coluna.texto{
    width: 340px;
    margin-left: 83px;
}
.curta{
    width: 100%;
    float: left; 
    margin-bottom: 83px;
}
.curta a{
    float: left;
    padding: 25px 27px;
    background-color: #008dca;
    font-size: 20px;
    font-weight: 700;
    color: white;    
    text-transform: uppercase;
}
.curta img{
    width: 65px;
    height: 70px;
    margin: 0 5px 0 14px;
    float: right;    
}
.txt{
    float: left;
    width: 100%;    
	margin-top: 69px; 
}
.txt p{
    padding: 22px 20px 20px 24px;
    background-color: white;
    text-align: justify;
    line-height: 23px;
    font-size: 13px;
    font-weight: 600;
}
/************* Numeros *****************/
.numeros{
    width: 100%;
    float: left;
    font-family: "Ultra";
    margin-top: 85px;
}
/********* R$ **********/
.moeda{
    width: 170px;
    float: left;    
}

.moeda p{
	font-size: 83px;
    padding: 40px 15px 37px 14px;
    background-color: white;    
    text-align: center;
    color: #308a46;
    text-shadow: 5px 5px #373535;
}

.moeda .S{
    font-size: 93px;
    margin-left: 10px;
}
/****** VALORES *********/
.valor{
    float: left;
    width: 490px;
    margin-left: 20px;
}
.numero{
    width: 85px;
    height: 170px;
    float: left;
    margin-left: 8px;
    overflow: hidden;
    border: solid 1px #75827f;
    background-image: url("../img/bg-numero.jpg")
}
.numero:first-child{
    margin-left: 0;
}
.numero p{       
    padding: 40px 0 35px;
    margin: 0 auto;    
    font-size: 93px;
    text-align: center;
    color: #308a46;
    text-shadow: 5px 5px #373535;
    
}
.virgula{
    width: 20px;
    float: left;
    margin-left: 1px;        
}
.virgula p{
    padding: 50px 0 37px;
    float: left;
    font-size: 83px;
    text-align: center;
    color: #308a46;
    text-shadow: 3px 3px #373535;
}
/*********** Botao Resgate *************/
.btn-resgate{    
    width: 450px;
    height: 150px;
    margin: 45px auto 20px;
    text-align: center;
}
.btn-resgate:after{
    content: ".";
    visibility: hidden;
    clear: both;
}
.btn-resgate a{
    width: 375px;
    padding: 30px 25px 20px;    
    float: left;
    background-color: #308a46;
    color: white;
    box-shadow: 5px 5px 2px #252e2b;
    font-size: 43px;
    font-weight: 700;
    text-align: center;    
}
#resgatar p{
	margin-top: -60px;
	margin-left: 150px;
	font-size: 10px;
	
}
#resgatar p a {
	color: red;
}
#resgatar a:hover{
	text-decoration: underline;
}
/********** Principal FIM *********************/

/********** Resgate  *********************/
#form{
    width: 680px;
    height: 300px;
    background-color: #b3d0cb;
    display: none;
}
#form form{
    width: 250px;
    margin: 0 auto;
}
#form h3{
    font-size: 20px;
    margin: 0 auto;
    padding: 15px 0;
}
#form p{
    text-align: justify;
    margin: 0 auto 20px;
}
#form label{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.inp_nome{
    width: 100%;
}
.inp_email{
    width: 100%;
}
.inp_enviar{
    padding: 5px;
    background-color: #308a46;
    color: white;
    float: right;
}
/******** Texto Resgate ***********/
.txt-resgate{
    width: 500px;
    margin: 0 auto;
	border: solid 3px black;
}
.txt-resgate p{
    padding: 25px;
    background-color: white;    
    text-align: center;
	line-height: 30px;
    font-size: 28px;
    color: #308a46;    
}

/******** Numeros Resgate *********
.valor-resgate{    
    width: 385px;
    margin: 20px auto;
}
.numero-resgate{
    width: 55px;
    height: 100px;
    float: left;
    margin-left: 8px;
    overflow: hidden;
    border: solid 1px #75827f;
    background-image: url("../img/bg-numero-resgate.jpg")
}
.numero-resgate:first-child{
    margin-left: 0;
}
.numero-resgate p{       
    padding: 25px 0 20px;
    margin: 0 auto;    
    font-size: 53px;
    text-align: center;
    color: #308a46;
    text-shadow: 5px 5px #373535;
    
}*/
.texto-resgate{	
	margin: 0 auto 20px;
	width: 100%;
	background-color: white;
	text-align:center;
}
.texto-resgate:after{	
	content: ".";
	visibility: hidden;
	clear: both;
}
.texto-resgate p.texto-preto {
	font-size: 13px;
	font-family: "OpenSans", arial, sans-serif;
	line-height: 23px;
	font-weight: 600;
	color: black;
	text-shadow: 0 0 black;	
	text-align: center;
	margin-top: 10px;
	padding: 10px 0;
	border-bottom: none;
}
.texto-resgate p:nth-child(3){
	font-size: 13px;
	font-family: "OpenSans", arial, sans-serif;
	line-height: 23px;
	font-weight: 600;
	color: black;
	text-shadow: 0 0 black;	
	text-align: justify;
	margin-top: 10px;
	padding: 10px 0;
	border-bottom: none;
}
.texto-resgate p{
	border-bottom: solid 1px black;
	font-size: 60px;	    
    background-color: white;    
    text-align: center;
    color: #308a46;
    text-shadow: 3px 3px #373535;
	margin: 20px auto;
	padding: 20px 0;
	width: 70%;
}
.texto-resgate a{
	color: red;
}
.texto-resgate a:hover{
	text-decoration: underline;
}
/*********** Resgate  FIM *********************/
/************* IMPRIMIR **********************/
.texto-imprimir{	
	margin: 0 auto 20px;
	padding: 15px;
	width: 100%;
	background-color: white;   
}
.texto-imprimir:after{	
	content: ".";
	visibility: hidden;
	clear: both;
}
.texto-imprimir p{
	font-size: 13px;
	font-family: "OpenSans", arial, sans-serif;
	line-height: 23px;
	font-weight: 600;
	color: black;
	text-shadow: 0 0 black;	
	text-align: justify;
	margin-top: 10px;
	padding: 10px 0;
	border-bottom: none;
}
/********************* Rodape ***************/
.rodape{
	width: 710px;
	margin: 25px auto 30px;
	padding-top: 15px;	
}
.rodape-img{
	width: 100px;	
	margin: 0 auto;
}
/*************************** CURTIR *******************************/
/********************** TOPO ***********************/
.topo-curtir{
	width: 710px;
	position: relative;
	margin: 15px auto 50px;
}
.topo-curtir:after{
	content: ".";
	visibility: hidden;
	clear: both;
}
.logo-curtir{
	width: 355px;
	float: left;	
	overflow: hidden;
}
.logo-curtir img{
	width: 355px;
}
.topo-curtir h2{
	float: left;
	font-size: 28px;
	font-weight: 600;
	margin: 65px 0 0 30px;
}
.seta-ap{
	width: 123px;
	height: 132px;
	top: 0;
	right: -15px;
	position: absolute;
	
}
/********************** CONTEUDO ***********************/
.txt-curta{
	width: 710px;
	margin: 0 auto 40px;;
}
.txt-curta p{
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #0b1b3f;
}
.img-curta{
	width: 710px;
	margin: 0 auto 55px;
}
/********************** RODAPE ***********************/
/*************************** CURTIR FIM *******************************/