*{
	margin:0;
	padding:0;
	font-family:Roboto; font-size:16px; color:#555;
}

body{
	background:#f5f3f3;
}

a{
	text-decoration:none;
}

section#centro{
	width:95%;
	height:auto;
	margin:0 auto;
	padding-top: 20px !important;
}

#menu_lateral{
	display:none;
}

p{font-family:Roboto; font-size:16px; font-weight:normal; color:#555;}
p.less{font-family:Roboto; font-size:13x; font-weight:normal; color:#555;}
h1{font-family:Roboto; font-weight:bolder; font-size:30px;}
h2{font-family:Roboto; font-weight:bolder; font-weight:bolder;font-size:25px;}
h3{font-family:Roboto; font-weight:bolder; font-size:20px;}
h4{font-family:Roboto; font-weight:bolder; font-size:16px;}

header{
	background: #452320;
    height: 100vh;
    z-index: 1000;
    width:230px;
    position: fixed;
}

a#back_header{
	float: left;
	width: 30px;
	height:30px;
	margin: 20px 0 0 2.5%;
}

a#back_header i{
	color: white;
	font-size: 30px;
}

header h3{
	float: left;
    color: white;
    font-weight: 300;
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
}

#main {
	min-height: 100vh;
    min-height: -webkit-calc(100vh - 95px);
    min-height: -moz-calc(100vh - 95px);
    min-height: calc(100vh - 95px);
    padding-top: 0;
    width: calc(100% - 230px);
    float: right;
}



footer{
	background:#fff;
	height:70px;
	width:100%;
	float:left;
	margin-top:20px;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
}




footer div#logo{
	width: 135px;
    height: 40px;
	background:url(../img/logo.png);
	background-size:contain;
	margin-top:15px;
	float:left;
}

section#conteudo{
	padding-top:120px;
}

header div#logo{
	width: 135px;
    height: 40px;
	background:url(../img/logo.png);
	background-size:contain;
	margin-top:15px;
	float:left;
	position: absolute;
    float: left;
    top: 25px;
}

nav{
    float: left;
    margin: 25px 0 0 450px;
    width: 150px;
}

#clear{
	clear:both;
}

nav ul a li {
	float:left;
	list-style:none;
	font-family:Roboto;
	font-size:16px;
	color:#2378a5;
	font-weight:bold;
	margin-left:20px;
}

#botao_teste{
	width:170px;
	height:35px;
	background:#452320;
	border-radius:50px;
	float:right;
	margin-top:15px;
}
#botao_teste div{
	font-weight:400;
	color:#fff;
	float:left;
	margin:07px 0 0 05px;
}
#botao_teste img {
	float:left;
	margin:07 0 0 45px;
}


#banner_topo{
	width: 100%;
    min-height: 150px;
    padding-bottom: 70px;
    background: url(../img/banner_topo.png);
}

#banner_topo  h1{
	float:left;
	margin-top:115px;
	color:#fff;
}


#box_rifa{
	float:left;
	width:290px;
	height:340px;
	background:#fff;
	margin-right:00px;
	margin-left:20px;
	margin-top:20px;
	border-radius:05px;
	border:1px solid #b9cada;
	overflow:hidden;
	border-bottom:5px solid #b43d3d;
}

#area_rifas #centro h3{
	margin-top:10px;
}

#tumb{
	width:290px;
	float:left;
	height:200px;
	background:url(../fotos/1.jpg);
	background-size:cover;
	background-position:50%;
}

#foto_rifa{
	width:450px;
	float:left;
	height:350px;
	background:url(../fotos/1.jpg);
	background-size:cover;
	background-position:50%;
	border:10px solid #fff;
	border-radius:5px;
	margin:20px  0 0 0;
}

#box_rifa h4{
	float:left;
	margin:20px 0 0 20px;
	color:#b43d3d;
}

#box_rifa h3{
	float:left;
	margin:10px 0 0 20px;
	color:#134a67;
}

#box_rifa p{
	float:left;
	color:#555;
	margin:05px 0 0 20px;
}

#area_rifas {
	padding-bottom:20px;
}

#descricao{
    width: 390px;
    min-height: 330px;
    padding: 20px;
    background: #fff;
    float: right;
    margin: 20px 0 0 0;
    border: 1px solid #c8d9ea;
    border-radius: 5px;
}

#area_escolhe_numeros{
	float:left;
	margin-top:20px;
	width:880px;
	min-height:200px;
	background:#fff;
	padding:20px;
	margin-bottom:20px;
}

#area_escolhe_numeros h4{
	float:left;
}

#legenda_1{
	float:left;
	width:20px;
	height:20px;
	border-radius:20px;
	border:1px solid #555;
	margin-right:5px;
}

#legenda_2{
	float:left;
	width:20px;
	height:20px;
	border-radius:20px;
	border:1px solid #555;
	margin-right:5px;
	margin-left:20px;
	background:#f5cf96;
}

#legenda_3{
	float:left;
	width:20px;
	height:20px;
	border-radius:20px;
	border:1px solid #555;
	margin-right:5px;
	margin-left:20px;
	background:#8ab587;
}



#numero{
	float:left;
	width:90px;
	margin-right:10px;
	margin-left:10px;
	margin-top:20px;
	height:50px;
	
	-webkit-box-shadow:inset 0px 0px 0px 1px #555;
    -moz-box-shadow:inset 0px 0px 0px 1px #555;
    box-shadow:inset 0px 0px 0px 1px #555;
	
	border-radius:5px;
}

#numero.reservado{
	background:#eb9f2d;
	opacity:0.5;
}

#numero.selecionado{
	background:#134a67;
	-webkit-box-shadow:inset 0px 0px 0px 3px #555;
    -moz-box-shadow:inset 0px 0px 0px 3px #555;
    box-shadow:inset 0px 0px 0px 3px #555;
}

#numero.selecionado p{
	color:#fff;
}

#numero.reservado p{
	color:#fff;
}



#numero.pago{
	background:#166c10;
	opacity:0.5;
}

#numero.pago p{
	color:#fff;
}


#numero p{
	width:100%;
	text-align:center;
	margin-top:15px;
	color:#000;
}

#botao_compra{
    width: 95%;
    height: 25px;
    background: #134a67;
    margin: 0 0 20px 0;
    border-radius: 5px;
    padding: 15px 2.5%;
}

#botao_compra h3{
	float:left;
}

#pagar{
	float:right;
	height:35px;
	width:100px;
	margin-top:-7px;
	border-radius:05px;
	border:1px solid #fff;
	cursor:pointer;
}

#pagar p {
	color: #fff;
    text-align: center;
    width: 100%;
    margin-top: 7px;
}

#login_back{
	width:100%;
	height:100%;
	background:#ddd;	
	z-index:10000;
	position:fixed;
	display:none;
}

#back_sorteio{
	width:100%;
	height:100%;
	background:url(../img/back.png);	
	z-index:10000;
	position:fixed;
	display:none;
}

#sorteio{
	width:260px;
	height:auto;
	padding:20px;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-200px;
	margin-left:-150px;
	position:fixed;
	z-index:15000;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	opacity:1;
	border-radius:05px;
}#login{
	width:260px;
	height:360px;
	padding:20px;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-200px;
	margin-left:-150px;
	position:fixed;
	z-index:15000;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	opacity:1;
	border-radius:05px;
}

#login h3{
	float:left;
}
#sorteio h3{
	float:left;
}

label{
	float:left;
	width:100%;
	height:20px;
	margin-top:20px;
	font-weight:bold;
}

.form{
	width:100%;
	padding:0 0 0 0;
	height:30px;
	float:left;
	border:0px;
	background:none;
	border-bottom:1px solid #555;
	border-radius:0px;
}


.botao{
	width: 100%;
    padding: 0 2.5% 0 2.5%;
    height: 40px;
    float: left;
    background: #452320;
    border: 1px solid #555;
    border-radius: 5px;
    margin: 10px 0 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.botao p{
	width:100%;
	text-align:center;
	color:#fff;
}

#area_botao_cadastre-se{
	text-align:center;
	margin-top: 40px;
}


#cadastro_back{
	width:100%;
	height:100%;
	background:url(../img/back.png);	
	z-index:10000;
	position:fixed;
	display:none;
}


#cadastro{
	width:260px;
	height:390px;
	padding:20px;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-200px;
	margin-left:-150px;
	position:fixed;
	z-index:15000;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	opacity:1;
	border-radius:05px;
}

#cadastro h3{
	float:left;
}


#pagamento_back{
	width:100%;
	height:100%;
	background:url(../img/back.png);	
	z-index:10000;
	position:fixed;
	display:none;
}


#pagamento{
	width:260px;
	height:auto;
	padding:20px;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-200px;
	margin-left:-150px;
	position:fixed;
	z-index:15000;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
	opacity:1;
	border-radius:05px;
}

#pagamento h3{
	float:left;
}

#box_revisao{
    width: calc(100% - 40px);
    padding: 20px 20px;
    min-height: 40px;
    margin-top: 20px;
    border: 1px dotted #555;
    border-radius: 5px;
    float: left;
}

.botao_paciente{
    width:100%
    float:left;
    margin-top: 10px;
}

#box_revisao a{
    width:auto;	

    color: #452320;
}

#botao_pagseguro{
	width:95%;
	padding:0 2.5% 0 2.5%;
	height:40px;
	float:left;
	background:#b43d3d;
	border:1px solid #555;
	border-radius:5px;
	margin:10px 0 0 0 ;
	color:#fff;
	text-align:center;
}

#menu_rifa{
	width:920px;
	height:50px;
}

#minhas_rifas{
	width: 291px;
	height:40px;
	background:#fff;
	float:left;
	border:1px solid #ececec;
	border-radius:5px;
	margin:20px 0 20px 0px;
}

#minhas_rifas p {
	color:#555;
	width:100%;
	margin-top:10px;
	text-align:center;
}

#meus_dados{
	width: 291px;
	height:40px;
	float:left;
	background:#fff;
	border:1px solid #ececec;
	border-radius:5px;
	margin:20px 0 20px 20px;
}

#meus_dados p {
	color:#555;
	width:100%;
	margin-top:10px;
	text-align:center;
}

#sair{
	width: 291px;
	float:left;
	height:40px;
	background:#fff;
	border:1px solid #ececec;
	border-radius:5px;
	margin:20px 0 20px 20px;
}

#sair p {
	color:#555;
	width:100%;
	margin-top:10px;
	text-align:center;
}

.botao_selecionado{
    border-bottom: 2px solid #b43d3d !important;
}

#section_abre{
	width: 95%;
    float: left;
    height: 25px;
    padding: 10px 0;
    margin-left: 2.5%;
    border-bottom: 1px solid #98aabd;
}

#box_show{
	width: 95%;
    padding: 10px 0 10px 0;
    min-height: 20px;
    /* background: #fff; */
    float: left;
    margin: 0px 0 0px 2.5%;
    border-radius: 0px;
    border-bottom: 1px solid #aabcce;
}

#box_show p{
	font-size:15px;
}

#info{
	float:left;
	width:75%;
	height:auto;
}

#aceitar{
	float: left;
    width: 10%;
    margin-left: 2.5%;
    background: #b43d3d;
    height: 80px;
    border-radius: 05px;
}

#recusar{
	float: left;
    width: 10%;
    margin-left: 2.5%;
    background: #7b7b7b;
    height: 80px;
    border-radius: 05px;
}

.progress{
    height: 15px;
    background-color: #777;
    position: relative;
	    margin-top: 90px;
}

.progress .progress-bar{
   position: absolute;
   height: 100%;
   background-color: #add555;
   animation: progress-animation 3s infinite;
}


@keyframes progress-animation{
    0% { width: 0%; }
    
    100% { width: 100%}
    
}
.mobile{
			display:none;
		}

p.rodape{
	float:right;
}

#margem_lateral{
	margin-left:-20px;
}

#foto_avaliacao{
	width:33.33%;
	height:300px;
	float:left;
}

.coluna_geral{
	width:100%;
	float:left;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	padding-top:5px;
}

.coluna_esquerda{
	width:30%;
	float:left;
	font-weight:bolder;
	
}
.coluna_direita{
	width:70%;
	float:left;
	text-align: right;
}

#hide_ativos{display:none;}
#hide_inativos{display:none;}

#section_abre .setinha{
	transform: rotate(90deg);
}


.opcao_evolucao_botao{
	float: left;
    width: auto;
    height: auto;
    border: 1px solid;
    text-align: center;
    padding: 5px;
    border-radius: 161px;
	margin-right:10px;
	margin-top:10px;
}

.verde{
	border: 1px solid green;
	color:green;
}

.vermelho{
	border: 1px solid red;
	color:red;
}

#mapa_eletrodos{
	background:url(../img/mapa.png);
	background: url(../img/mapa.png);
    width: 350px;
    height: 350px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

    
    /* Estilizando o checkbox real (input) - ocultando-o */
    input[type="radio"] {
      display: none;
    }

    /* Estilizando o label como um substituto para o checkbox */
    input[type="radio"] + label {
		display: inline-block;
		width: 25px;
		height: 25px;
		border: 1px solid #00000000;
		background-color: none;
		cursor: pointer;
		border-radius: 15px;
    }

    /* Alterando a aparência do label quando o checkbox está marcado */
    input[type="radio"]:checked + label {
      background-color: #ff5500; /* Cor de fundo do checkbox marcado */
      border-color: #ff5500; /* Cor da borda do checkbox marcado */
	  opacity: 0.5;	
	}
	
	/* Alterando a aparência do label quando o checkbox está marcado */
    .radio_canodo:checked + label {
      background-color: #5d81dd !important; /* Cor de fundo do checkbox marcado */
      border-color: #5d81dd !important; /* Cor da borda do checkbox marcado */
	  opacity: 0.5;	
	}
	
	.opcional1{
		position: relative;
		left: 128px;
		top: 40px;
	}

	.opcional1{
		position: relative;
		left: 126px;
   		top: 39px;
	}

	.opcional2{
		position: relative;
		left: 171px;
		top: 39px;
	}

	.opcional3{
		position: relative;
		left: 18px;
   		 top: 79px;
	}

	.opcional4{
		position: relative;
		left: 35px;
   		 top: 87px;
	}

	.opcional5{
		position: relative;
		left: 54px;
		top: 88px;
	}

	.opcional6{
		position: relative;
		left: 73px;
   		 top: 88px;
	}

	.opcional7{
		position: relative;
		left: 89px;
    	top: 79px;
	}

	.opcional8{
		position: relative;
		left: -186px;
  		 top: 136px;
	}

	.opcional9{
		position: relative;
		left: -166px;
   		 top: 143px;
	}

	.opcional10{
		position: relative;
		left: -137px;
		top: 143px;

	}

	.opcional11{
		position: relative;
		left: -109px;
		top: 143px;

	}

	.opcional12{
		position: relative;
		left: -80px;
		top: 143px;

	}

	.opcional13{
		position: relative;
		left: 273px;
   		 top: 97px

	}

	.opcional14{
		position: relative;
		left: 293px;
		top: 89px;
	}

	.opcional15{
		position: relative;
		left: 18px;
   		 top: 162px;
	}

	.opcional16{
		position: relative;
		left: 36px;
    	top: 153px;
	}

	.opcional17{
		position: relative;
		left: 54px;
    	top: 153px;
	}

	.opcional18{
		position: relative;
		left: 72px;
    	top: 153px;
	}

	
	.opcional19{
		position: relative;
		left: 89px;
    	top: 161px;
	}

	.opcional20{
		position: relative;
		left: -63px;
   		top: 202px;
	}

	.opcional21{
		position: relative;
		left: -19px;
   		top: 202px;
	}

/*CATODOS*/

	.opcional1_c{
		position: relative;
		left: 128px;
		top: 40px;
		

	}

	.opcional1_c{
		position: relative;
		left: 126px;
   		top: 39px;
	}

	.opcional2_c{
		position: relative;
		left: 171px;
		top: 39px;
	}

	.opcional3_c{
		position: relative;
		left: 18px;
   		 top: 79px;
	}

	.opcional4_c{
		position: relative;
		left: 35px;
   		 top: 87px;
	}

	.opcional5_c{
		position: relative;
		left: 54px;
		top: 88px;
	}

	.opcional6_c{
		position: relative;
		left: 73px;
   		 top: 88px;
	}

	.opcional7_c{
		position: relative;
		left: 89px;
    	top: 79px;
	}

	.opcional8_c{
		position: relative;
		left: -186px;
  		 top: 136px;
	}

	.opcional9_c{
		position: relative;
		left: -166px;
   		 top: 143px;
	}

	.opcional10_c{
		position: relative;
		left: -137px;
		top: 143px;

	}

	.opcional11_c{
		position: relative;
		left: -109px;
		top: 143px;

	}

	.opcional12_c{
		position: relative;
		left: -80px;
		top: 143px;

	}

	.opcional13_c{
		position: relative;
		left: 273px;
   		 top: 97px

	}

	.opcional14_c{
		position: relative;
		left: 293px;
		top: 89px;
	}

	.opcional15_c{
		position: relative;
		left: 18px;
   		 top: 162px;
	}

	.opcional16_c{
		position: relative;
		left: 36px;
    	top: 153px;
	}

	.opcional17_c{
		position: relative;
		left: 54px;
    	top: 153px;
	}

	.opcional18_c{
		position: relative;
		left: 72px;
    	top: 153px;
	}

	
	.opcional19_c{
		position: relative;
		left: 89px;
    	top: 161px;
	}

	.opcional20_c{
		position: relative;
		left: -63px;
   		top: 202px;
	}

	.opcional21_c{
		position: relative;
		left: -19px;
   		top: 202px;
	}
	
	#box_aviso_index{
		width: 90%;
		height: auto;
		padding: 20px 2.5%;
		background: #e9e6ba;
		margin: 15px 2.5% 0;
		float: left;
	}

	

		#nav_mobile{
			display:none;
			
		}

		a#back_header{
			display: none;
		}

		#botoes_header_desktop{
			display: block;
			display: block;
			float: left;
			margin-top: 50px;
			width: 90%;
			margin-left: 5%;
		}

		#botao_teste_mobile{
			width: 100%;
			height: 25px;
			/* background: #623936; */
			/* border-radius: 50px; */
			float: left;
			margin-top: 15px;
			border-bottom: 1px solid #fff;
			padding: 0px;
			color:white;
		}

		#botao_teste_mobile i{
			color: #fff;
			margin:0 10px 0 0;
		}

		#logo_desktop{
			width: 150px;
			height: 150px;
			background: url(../../img/logo.png);
			background-size: 76%;
			background-position: center;
			background-repeat: no-repeat;
			margin: 20px 0 0 40;
			background-color: #2f1c1a;
			border-radius: 500px;
			display: block;
		}

/*===========================================================================================================================*/
/*========== C O M E Ç A M    A Q U I    A S     D E F I N I Ç Õ E S      D E     R E S P O N S I V I D A D E ===============*/
/*===========================================================================================================================*/



/*DEFINIÇÕES PARA TODAS AS RESOLUÇÕES INFERIORES A 960PX*/
	@media screen and (max-width: 920px) {

		#logo_desktop{
			display: none;
		}

		header h3{
			float: left;
			color: white;
			font-weight: 300;
			position: relative;
			top: 22px;
			left: 2.5%;
		}

		#botoes_header_desktop{
			display: none;
		}

		#main {
			min-height: 100vh;
			min-height: -webkit-calc(100vh - 95px);
			min-height:    -moz-calc(100vh - 95px);
			min-height:         calc(100vh - 95px);
			padding-top: 70px;
			width: 100%;
		}

		header{
			background:#452320;
			height:70px;
			z-index:1000;
			width:100%;
			position:fixed;
		}
		
		a#back_header{
			float: left;
			width: 30px;
			height:30px;
			margin: 20px 0 0 2.5%;
			display: block;
		}
		
		a#back_header i{
			color: white;
			font-size: 30px;
		}
		
		header h3{
			float: left;
			color: white;
			font-weight: 300;
			position: relative;
			top: 24px;
			left: 2.5%;
			margin: 0;
			width: 300px;
			text-align: left;
		}

		#box_aviso_index{
			border-radius: 0px;
   			padding: 20px 2.5%;	
		}
		
		#margem_lateral{
			margin-left:-0px;
		}
		
		#clear_mobile{
		clear:both;
		}
		
		#numero {
			float: left;
			width: 10%;
			margin-right: 1.25%;
			margin-left: 1.25%;
			margin-top: 20px;
			height: 50px;
			-webkit-box-shadow: inset 0px 0px 0px 1px #555;
			-moz-box-shadow: inset 0px 0px 0px 1px #555;
			box-shadow: inset 0px 0px 0px 1px #555;
			border-radius: 5px;
		}
		
		section#centro{
			width:95%;
			margin-left:2.5%;
			padding-top:20px !important;
		}
		
		#descricao {
			width: auto;
			height: auto;
			padding: 20px;
			background: #fff;
			float: left;
			margin: 20px 0 0 0;
			border: 1px solid #c8d9ea;
			border-radius: 5px;
		}
		
		#box_rifa{
			margin-left:0;
			width:100%;
		}
		
		#tumb{
			width:100%;
		}
		
		header nav{
			display:none;
		}
		
		#nav_mobile{
			display:block;
			width: 100%;
			margin-top: 20px;
		}
		
		#nav_mobile ul li{
			display:block;
			width:100%;
			color:#fff;
		}
		
		#botao_teste{
			display:none;
		}
		
		#botao_menu_mobile{
			float: left;
			position: absolute;
			right: 2.5%;
			top: 20px;
			width: 30px;
			height: 30px;
			cursor: pointer;
			background: url(../img/menu.png);
			background-size: contain;
		}
		
		#menu_lateral{
			width: 95%;
			height: 100vh;
			padding-bottom: 0;
			padding-top: 0;
			padding-left: 2.5%;
			padding-right: 2.5%;
			background: #000000e8;
			z-index: 1000;
			float: left;
			position: fixed;
			top: 70px;
			display: none;
		}
		
		#botao_teste_mobile{
			width: 100%;
			height: 25px;
			/* background: #623936; */
			/* border-radius: 50px; */
			float: left;
			margin-top: 15px;
			border-bottom: 1px solid #fff;
			padding: 0px;
			color:white;
		}

		#botao_teste_mobile i{
			color: #fff;
			margin:0 10px 0 0;
		}


		#botao_teste_mobile div{
			font-weight:400;
			color:#fff;
			float:left;
			margin:07px 0 0 05px;
		}
		#botao_teste_mobile img {
			float:left;
		}
		
		#banner_topo h1 {
			float: left;
			margin-top: 120px;
			color: #fff;
			width: 80%;
		}
		
		#banner_topo{
			padding-bottom:40px;
		}
		
		#foto_rifa {
			width: 105%;
			float: left;
			height: 350px;
			background: url(../fotos/1.jpg);
			background-size: cover;
			background-position: 50%;
			border: 0 solid #fff;
			border-radius: 0;
			margin: 0px 0 0 -2.5%;
		}
		
		#area_escolhe_numeros {
			float: left;
			margin-top: 15px;
			width: auto;
			border: 1px solid #c8d9ea;
			border-radius: 5px;
			min-height: 200px;
			background: #fff;
			padding: 20px;
			margin-bottom: 20px;
		}
		
		#botao_compra {
			width: 95%;
			height: 25px;
			background: #134a67;
			margin: 0;
			/* border-radius: 5px; */
			padding: 15px 2.5%;
			position: fixed;
			z-index: 1500;
			bottom: 0;
			left: 0;
			/* margin-left: -10%; */
		}
		
		#menu_rifa {
			width: auto;
			height: 50px;

		}
		
		#minhas_rifas {
			width: 100%;
			margin-bottom:5px;
			border: 1px solid #98aabd;
		}
		#meus_dados {
			width: 100%;
			margin-top:0px;
			margin-left:0;
			margin-bottom:5px;
			border: 1px solid #98aabd;
		}
		#sair {
			width: 100%;
			margin-top:0px;
			margin-left:0;
			border: 1px solid #98aabd;
		}
	}
	
	@media screen and (max-width: 620px) {
		.coluna_esquerda{
			width:50%;
			float:left;
			font-weight:bolder;
			
		}
		.coluna_direita{
			width:50%;
			float:left;
			text-align: right;
		}


		footer{
			height: 150px;
		}
		
		.mobile{
			display:block;
		}
		
		#foto_avaliacao{
			width:100%;
		}
		
		p.rodape{
			float:left;
		}
		#legenda_2 {
			float: left;
			width: 20px;
			height: 20px;
			border-radius: 20px;
			border: 1px solid #555;
			margin-right: 5px;
			margin-left: 00px;
			background: #f5cf96;
			margin-top: 05px;
		}
		#legenda_3{
			float: left;
			width: 20px;
			height: 20px;
			border-radius: 20px;
			border: 1px solid #555;
			margin-right: 5px;
			margin-left: 00px;
			background: #8ab587;
			margin-top: 05px;
		}
		
		#area_escolhe_numeros h4 {
			float: left;
			margin-top: 04px;
		}
		
		#numero {
		float: left;
		width: 14%;
		}
	}
	
	@media screen and (max-width: 400px) {
		#numero {
		float: left;
		width: 22.5%;
		}
	}