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



@keyframes hexagon {
     from   {
          clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
          background-color: gray;
     }
    to {
          clip-path: polygon(50% 0%, 100% 0, 100% 60%, 100% 100%, 0 100%, 0% 60%, 0 0);
     }
}

@keyframes logo_animation {
	/*0%   {height: 90px;width: 90px}
    11%  {height: 90px;width: 90px}
    22%  {height: 90px;width: 90px}
    33%  {height: 89px;width: 89px}
    44%  {height: 90px;width: 90px}
    56%  {height: 89px;width: 89px}
    67%  {height: 90px;width: 90px}
    80%  {height: 90px;width: 90px}
	100% {height: 90px;width: 90px}*/
}

@keyframes animation_act{
    0%   {background: cornflowerblue}
    80%  {background: lightblue}
    100%  {background: cornflowerblue}
}

@keyframes logo_alrt_home {
	0%   {height:  98%;width:  98%}
    11%  {height:  98%;width:  98%}
    22%  {height:  98%;width:  98%}
    33%  {height:  80%;width:  80%}
    44%  {height:  80%;width:  80%}
    56%  {height:  80%;width:  80%}
    67%  {height:  98%;width:  98%}
    80%  {height:  98%;width:  98%}
	100% {height:  98%;width:  98%}
}


.div_hide_apresentacao_padrao_large{
		position:absolute;
		width:5%;
		bottom:75%;
		left:74.9%;	
		border-top:solid;
		border-top-width:2px;
		border-top-color:red;
		z-index: 999;
		}
		.div_hide_apresentacao_padrao_large:hover{
			border-top-width:4px;
			border-top-color:orangered;
			}


.bt_hide_apresentacao_padrao_large{
			color:gray;
			font-size:15px;
			cursor:pointer;
			font-weight:bold;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			width:100%;
			height:100%;
			border:none;
			}
			.titulo_apresentacao_padrao_large{
				position:absolute;
				width:44%;
				bottom:96%;
				left:10%;
				height:20px;	
				}
				.lbl_titulo_apresentacao_padrao{
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-weight:bold;
					cursor:pointer;
					font-size:22px;
					margin-left:0.5%;
					color: white;
					}


.check_sized{
  -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */
  transform: scale(1.2);
  padding: 10px;
}


.pop_up_div{
	z-index: 5000;
	position: absolute;
	top: 300px;
	left: 13%;
	width: 280px;
	height: 280px;
	background-image: url("../imgs/sys/fundo_glass.PNG");
}

#imagem_dec1{
	width: 100px;
	height: 100px;
	background-image: url("../imgs/sys/img_rec1.PNG");
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	background-size: 100% 100%;
}

#imagem_dec2{
	width: 100px;
	height: 100px;
	background-image: url("../imgs/sys/img_rec2.PNG");
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	background-size: 100% 100%;
}


 .hexagono{
     left:45%;
     top:30%;
     width: 250px;
     height: 250px;
     background-color: cornflowerblue;
     position: absolute;
     margin: 0 auto;
     animation: hexagon 3s infinite  alternate;
     display: none;
     border: solid;
     border-width: 2px;
     border-color: white;
     border-radius: 5px;
}
.fundo_process_imp{
    position: absolute;
    background: gray;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    display: none;
}

/*DIV DESTAQUE VENDA ATIVA */
.td_venda_act{
    background: lightblue;
    animation-name: animation_act;
    animation-duration: 2s;
    animation-delay: .1s;
    animation-iteration-count: infinite;
}


/*LINK DE PAGINAÇÂO*/
#divPaginacao{
	width:100%;
	bottom:10px;
	-moz-transition: bottom 1s,  opacity 1s; 
	-webkit-transition: bottom 0.5s, opacity 0.5s; 
	}
#link_paginacao{
	cursor:pointer;
	border:solid;
	border-width:2px;
	border-radius: 5px;
	font-family: verdana, arial, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	padding: 4px;
	height:10px;
	background-color: #E0FFFF; 
	color: #666666; 
	text-decoration: none; 
	border-color:#4682B4;
	font-size:15px; height: 40px;
	text-align: center
	}
	#link_paginacao:hover{
	color:#6495ED;
	}
	#link_paginacao:active{
	color:white;
	}


.td_multilistagem{
	border-width:2px;
	background:linear-gradient(to bottom, white, transparent, transparent);
	border-bottom-color: gray;
	cursor:pointer;
}

#table_busca_alls{
	position: absolute;
	margin-top: 130px;
}




#fundo_padrao_conteudo{
	width: 80%;
	position: absolute;
	margin-top: 180px;
	left: 10%;
	right: 40%;
	height: 400px;
	padding-bottom: 20px;
	border-bottom: solid;
	border-top: solid;
	border-top-color: gray;
	border-radius: 10px;
	-webkit-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
	background-size: 100% 100%;
	background-image: url("../imgs/sys/fundo_apresentacao.jpg")
}

/*DIV DE OPCIONAIS*/
#div_fundo_opaco{
	position:absolute;
	cursor:pointer;
	left:0px;
	top:0px;
	width:100%;
	height:1800px;
	margin:0;
	padding:0;
	opacity:0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	background:black;
	}


#td_selecao_meses{
	cursor: pointer;
	border-top: solid;
	border-right: solid;
	border-left: solid;
	border-width: 1px;
	color: gray;
	border-radius: 7px 7px 0px 0px;
	background:linear-gradient(to bottom, white, transparent);
}

#div_include_medium{
	overflow: auto;
	background-image:url(../imgs/sys/fundo_apresentacao.jpg);
	position: absolute;
	border-right: solid;
	border-left: solid;
	border-bottom: solid;
	border-color: gray;
	border-width: 2px;
	left: 10%;
	top: 25%;
	height: 400px;
	width: 69.8%;
	z-index: 1000;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	background-size: 100% 100%;
	padding-top: 20px;
}
#bt_fechar_div_medium{
	margin-bottom:10px;
	border-bottom:solid;
	border-width:1px;
	width:100%;
	height:25px;
	cursor:pointer;
	}
	#bt_fechar_div_medium:hover{
		color:white;
		background:cornflowerblue;
		}

.txt_blue{
cursor:pointer;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:cornflowerblue;
font-size:15px;
font-weight:bold;
	}
        
.inputListagemBusca{
    -moz-user-select:none;
    -webkit-user-select:none;
    cursor:pointer;
    font-family: system-ui;
    font-weight:bold;
    color: #4F4F4F;
    border:solid;
    border-width:1px;
    background: snow;
    border-radius: 5px;
    width:100%;
    }
    
.inputListagemDest{
    -moz-user-select:none;
    -webkit-user-select:none;
    cursor:pointer;
    font-family: "Courier New", "Monaco", "monospace";
    font-weight:bold;
    color: #4F4F4F;
    border:solid;
    border-width:2px;
    background: honeydew;
    border-radius: 5px;
    width:100%;
    }
    
#td_whats_img{
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	background-size: 100% 100%;
}
#bkg_alrt{
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	background-size: 100% 100%;
}


#fundo_apr_barr{
	background-image: url(../imgs/sys/bg_apr_barr.JPG);
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	background-size: 100% 100%;
}

#bt_resposit_home{
	box-shadow:0px 2px 2px 0.1px;
	cursor:pointer;
	border:solid;
	border-width:1px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(../imgs/sys/fundo_apresentacao.jpg);
	-moz-transition: font-size 0.2s, box-shadow 0.5s, transform 0.5s; 
	-webkit-transition: font-size 0.2s, box-shadow 0.1s, transform 0.5s;
	color:#696969;
	font-size:15px;
	cursor:pointer;
	border-radius: 8px;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	background-size: 100% 100%;
	}
		#bt_resposit_home:active{
			  box-shadow:0px 0px 0px 0.1px;
			  }


#bt_sup_main{
	box-shadow:0px 2px 2px 0.1px;
	cursor:pointer;
	border-width:1px;
	font-family: 'font_logo', 'times', 'serif';
	background: none;
	border-radius: 0px 0px 8px 8px;
	-moz-transition: font-size 0.2s, box-shadow 0.5s, transform 0.5s; 
	-webkit-transition: font-size 0.2s, box-shadow 0.1s, transform 0.5s;
	color:#696969;
	font-size:15px;
	cursor:pointer;
	}
    #bt_sup_main:hover{
		color: black;
          }
    #bt_sup_main:active{
          box-shadow:0px 0px 0px 0.1px;
          }

.div_apresentacao_padrao{
	box-shadow: 0px 0px 5px 1px;
	border-right:solid;
	border-left:solid;
	border-color:#5F9EA0;
	background-image:url(../imgs/sys/bg_repeat.jpg);
	padding-top:10px;
	-webkit-background-size: cover;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
	margin:0;
	padding-bottom:20px;
	position:absolute;
	top:12%;
	left:20%;
	right:15%;
	cursor:pointer;
	z-index: 1;
	}
.div_apresentacao_padrao_large{
	box-shadow: 0px 0px 5px 1px;
	border-right:solid;
	border-left:solid;
	border-color:#5F9EA0;
	background-image:url(../img/fundo_apresentacao.jpg);
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	margin:0;
	position:absolute;
	top:25%;
	left:20%;
	right:20%;
	height: 50%;
	cursor:pointer;
	}
.div_apresentacao_padrao_err{
	box-shadow: 0px 0px 5px 1px;
	border-right:solid;
	border-left:solid;
	border-color:#5F9EA0;
	background-image:url(../img/fundo_apresentacao_alert.jpg);
	padding-top:10px;
	
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	margin:0;
	padding-bottom:20px;
	position:absolute;
	top:12%;
	left:25%;
	right:20%;
	cursor:pointer;
	}
	.div_hide_apresentacao_padrao{
		position:absolute;
		width:5%;
		bottom:88%;
		left:79.8%;	
		border-top:solid;
		border-top-width:2px;
		border-top-color:cornflowerblue;
		}
		.div_hide_apresentacao_padrao:hover{
			border-top-width:4px;
			border-top-color:orangered;
			}
		.bt_hide_apresentacao_padrao{
			color:gray;
			font-size:15px;
			cursor:pointer;
			font-weight:bold;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			width:100%;
			height:100%;
			border:none;
			}

	.div_volta_apresentacao_padrao{
		position:absolute;
		width:5%;
		bottom:88%;
		left:69%;	
		border-top:solid;
		border-top-width:2px;
		border-top-color:darkkhaki;
		}
		.div_volta_apresentacao_padrao:hover{
			border-top-width:4px;
			border-top-color:orangered;
			}
		.bt_volta_apresentacao_padrao{
			color:gray;
			font-size:15px;
			cursor:pointer;
			font-weight:bold;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			width:100%;
			height:100%;
			border:none;
			}
			.titulo_apresentacao_padrao{
				position:absolute;
				width:44%;
				bottom:89%;
				left:20%;
				height:30px;	
				background: linear-gradient(to right, gray , transparent) ;
				border-radius:5px;
				}
				.lbl_titulo_apresentacao_padrao{
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-weight:bold;
					cursor:pointer;
					font-size:22px;
					margin-left:0.5%;
					color: white;
					}

#bt_logar {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
#bt_logar:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}

#bt_deslogar {
	width: 100px;
	z-index: 1;
	cursor: pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
#bt_deslogar:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
#bt_branco {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
#bt_branco:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
#bt_branco:active {
	position:relative;
	top:1px;
}
#bt_logar:active {
	position:relative;
	top:1px;
}

#body{
	height:100%;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	margin: 0;
	background-image:url(../imgs/sys/bg_repeat.jpg);
}


#table_img_background{
	width: 100%;
	position: absolute;
	height: 120px;
	margin: 0;
	border-bottom: solid;
	border-width: 2px;
	border-color: gray;
}
#td_background{
    width: 1000px;
	height: 60px;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	background-size: 100% 100%;
}



#div_back_art{
	width:50%;
	height:45%;
	position:absolute;
	margin-right:20px;	
	bottom:0;
	right:0;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
	}

#bt_volta_home{
	width: 100px;
	height: 50px;
	background-image: url(../imgs/sys/voltar_home.JPG);
	position: absolute;
	margin-top: 19%;
	cursor: pointer;
	border-radius: 0px 10px 10px 0px ;
	z-index: 1000;
}

#img_cnc_buy{
	padding: 10px;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-size: 90% 90%;
	background-repeat: no-repeat;
}

#table_content_main{
	z-index: 1;
	width:1%;
	right: 0px;
    margin: auto;
	position: absolute;
	border-radius: 0px 0px 0px 25px;
	color: gray;
	box-shadow: 5px 5px 5px 2px;
}
#logo{
	position: absolute;
	height: 100px;
	width: 100px;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;    
    background-size: 100% 100%;
    animation-name: logo_animation;
    animation-duration: 2s;
    animation-delay: .1s;
    animation-iteration-count: infinite;
	margin-left: 5%;
	margin-top: 10px;
	z-index:1;
}


#search_bar{
	z-index: 2;
	position: absolute;
	right: 15%;
	margin-top: 100px;
}

#bt_menu{
	-moz-user-select:none;
	-webkit-user-select:none;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	color: darkgoldenrod;
	cursor: pointer;
	width:100%;
	height: 25px;
	box-shadow: 0px 0px 2px .5px;
	font-size: 20px;
	border-radius: 8px;
}
	#bt_menu:hover{
		color: mediumvioletred;
	}


#table_conteudo_promocoes{
	padding-top: 130px;
	position: absolute;
}

/*BOTOES DE COMPRA DA INDEX*/

#bt_buy_promo{
	float: right;
	height: 30px;
	width: 60px;
	box-shadow:0px 2px 2px 0.1px;
	cursor:pointer;
	border:solid;
	border-width:1px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#DCDCDC;	
	-moz-transition: font-size 0.2s, box-shadow 0.5s, transform 0.5s; 
	-webkit-transition: font-size 0.2s, box-shadow 0.1s, transform 0.5s;
	color:#696969;
	font-size:8px;
	cursor:pointer;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
	#bt_buy_promo:hover{
		  background:#D3D3D3;
		  }
		#bt_buy_promo:active{
			  box-shadow:0px 0px 0px 0.1px;
			  }
#bt_buy_padrao1,#bt_buy_padrao2,#bt_buy_padrao3,#bt_buy_padrao4,#bt_buy_padrao5,#bt_buy_padrao6,#bt_buy_padrao7,#bt_buy_padrao8,#bt_buy_padrao9,#bt_buy_padrao10,#bt_buy_padrao11,#bt_buy_padrao12{
	float: right;
	height: 20px;
	width: 40px;
	box-shadow:0px 2px 2px 0.1px;
	cursor:pointer;
	border:solid;
	border-width:1px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#DCDCDC;	
	-moz-transition: font-size 0.2s, box-shadow 0.5s, transform 0.5s; 
	-webkit-transition: font-size 0.2s, box-shadow 0.1s, transform 0.5s;
	color:#696969;
	font-size:7px;
	cursor:pointer;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
	#bt_buy_padrao:hover{
		  background:#D3D3D3;
		  }
		#bt_buy_padrao:active{
			  box-shadow:0px 0px 0px 0.1px;
			  }

#td_content1,#td_content2,#td_content3,#td_content4,#td_content5,#td_content6,#td_content7,#td_content8,#td_content9,#td_content10,#td_content11,#td_content12,#td_content13{
	border: solid;
	border-width: 1px;
	border-color: gray;
	cursor: pointer;
	border-radius: 6px;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;    
	background-size: 100% 100%;
}
	#tarja_padrao1,#tarja_padrao2,#tarja_padrao3,#tarja_padrao4,#tarja_padrao5,#tarja_padrao6,#tarja_padrao7,#tarja_padrao8,#tarja_padrao9,#tarja_padrao10,#tarja_padrao11,#tarja_padrao12{
		background: linear-gradient(to right,white,transparent);
		opacity: .3;
		height: 28px;
		font-size: 8px;
		color:white;
		text-shadow: 0.1em 0.1em 0.01em white;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		margin-bottom: 5px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
		#preco_cont2,#preco_cont2,#preco_cont3,#preco_cont4,#preco_cont5,#preco_cont6,#preco_cont7,#preco_cont8,#preco_cont9,#preco_cont10,#preco_cont11,#preco_cont12,#preco_cont13{
			opacity: .3;
			font-size: 8px;
			background: linear-gradient(to right,white,transparent);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}

		#tarja_promo{
			opacity: .3;
			font-size: 10px;
			background: linear-gradient(to right,white,transparent);
			height: 15px;
			text-shadow: 0.1em 0.0em 0.01em white;
			color:#2F4F4F;
			margin-bottom: 5px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		#preco_cont1{
			opacity: .3;
			font-size: 20px;
			background: linear-gradient(to right,white,transparent);
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}

#rodape{
	width: 100%;
	height: 30px;
	bottom: 0%;
	position: fixed;
	font-size: 10px;
	background: linear-gradient(to right, transparent,#78c0e6,transparent);
}
	#lbl_rodape_1{
		font-size: 10px;
		font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
		color: darkslateblue;
	}
	#lbl_rodape_2{
		font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
		color: darkslateblue;
		font-size: 12px;
		
	}
#div_bt_reposit{
	cursor: pointer;
	width: 35px;
	height: 35px;
	background-image: url(../imgs/bt_reposit_access.PNG);
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;    
}#div_bt_reposit:hover{
	background-image: url(../imgs/bt_reposit_access_hover.PNG);
}

.lbl_input{
	cursor:pointer;
	-moz-user-select:none;
	-webkit-user-select:none;
	color: white;	
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
.lbl_input_gray{
	cursor:pointer;
	-moz-user-select:none;
	-webkit-user-select:none;
	color: #1C1C1C;	
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

.bt_padrao{
	box-shadow:0px 1px 2px 0.1px;
	cursor:pointer;
	border:solid;
	border-width:1px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#DCDCDC;	
	-moz-transition: font-size 0.2s, box-shadow 0.5s, transform 0.5s; 
	-webkit-transition: font-size 0.2s, box-shadow 0.1s, transform 0.5s;
	color:gray;
	font-size:15px;
	cursor:pointer;
	border-radius: 3px;
}
	#bt_padrao:hover{
		  background:#D3D3D3;
		  }
		#bt_padrao:active{
			  box-shadow:0px 0px 0px 0.1px;
			  }



#quest_buy{
	left: 30%;
	top: 35%;
	position: absolute;
	width: 600px;
	height: 200px;
	box-shadow: 2px 2px 5px 1px;
	background: white;
	border-radius: 8px;
}
#td_bt_quest_buy{
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #123d54;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#afd9fa 0%,
		#588fad);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#afd9fa),
		to(#588fad));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}

#fundo_listagem {
	-moz-box-shadow:inset 0px 0px 15px 3px #23395e;
	-webkit-box-shadow:inset 0px 0px 15px 3px #23395e;
	box-shadow:inset 0px 0px 15px 3px #23395e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4169E1), color-stop(1, #4169E1));
	background:-moz-linear-gradient(top, #2e466e 5%, #4169E1 100%);
	background:-webkit-linear-gradient(top, #2e466e 5%, #4169E1 100%);
	background:-o-linear-gradient(top, #2e466e 5%, #4169E1 100%);
	background:-ms-linear-gradient(top, #2e466e 5%, #4169E1 100%);
	background:linear-gradient(to bottom, #2e466e 5%, #4169E1 100%);
	background-color:#2e466e;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	border-radius:4px;
	border:1px solid #1f2f47;
	cursor:pointer;
	color:white;
	font-family:Arial;
	font-size:15px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}


#cabecalho_tabela {
	-moz-box-shadow:inset 0px 0px 15px 3px #23395e;
	-webkit-box-shadow:inset 0px 0px 15px 3px #23395e;
	box-shadow:inset 0px 0px 15px 3px #23395e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2e466e), color-stop(1, #415989));
	
	
	
	background:-moz-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:-webkit-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:-o-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:-ms-linear-gradient(top, #2e466e 5%, #415989 100%);
	background:linear-gradient(to bottom, #2e466e 5%, #415989 100%);
	background-color:#2e466e;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	border-radius:4px;
	border:1px solid #1f2f47;
	cursor:pointer;
	color:white;
	font-family:Arial;
	font-size:15px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
#cabecalho_tabela_texto {
	background-image: url("../imgs/sys/fundo_glass.PNG");
	border-radius:4px;
	border:1px solid #1f2f47;
	font-size: 25px; font-family:'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	cursor:pointer;
	font-family:Arial;
	font-size:15px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;    
	background-size: 100% 100%;
}

#inputListagem{
	-moz-user-select:none;
	-webkit-user-select:none;
	cursor:pointer;
	font-family:Tahoma, Geneva, sans-serif;
	color: #4F4F4F;
	border:none;
	background:none;
	width:100%;
	height:25px;
	}

#trListagem{
	background: linear-gradient(#D1EEEE, #C6E2FF); /* Standard syntax */
	}
	#trListagem:hover{
		background: linear-gradient(#ADD8E6, #ADD8E6); /* Standard syntax */
		}

#trListagem_red{
	background: linear-gradient(#E9967A, #FA8072); /* Standard syntax */
	}
	#trListagem_red:hover{
		background: linear-gradient(#FA8072, #FF6347); /* Standard syntax */
		}

#trListagem_yell{
	background: linear-gradient(#EEDD82, #FFA500); /* Standard syntax */
	}
	#trListagem_yell:hover{
		background: linear-gradient(#FF8C00, #FFA500); /* Standard syntax */
		}


/*DIV SUCESS CAD -----*/


#div_sucess_cad{
	box-shadow: 0px 0px 5px 1px;
	border-right:solid;
	border-left:solid;
	border-color:#5F9EA0;
	width:21.9%;
	height:20%;
	padding-top:20px;
	padding-bottom:20px;
	background:white;
	position:absolute;
	top:25%;
	left:40%;
	right:40%;
	cursor:pointer;
	}


/* TELA DE LOADING */
@keyframes gira {
    to {
        transform: rotate(360deg);
    }
}
.div_loading{
	box-shadow: 0px 0px 5px 1px;
	border-right:solid;
	border-left:solid;
	border-color:#5F9EA0;
	background:white;
	position:absolute;
	height: 300px;
	top:25%;
	left:40%;
	right:40%;
	cursor:pointer;
	}
.rotate_css{
  transform: rotate(180deg); /* Equal to rotateZ(45deg) */
  animation: gira 8s linear infinite;  
}




#div_hide_sucess_or_dmg{
		position:absolute;
		width:5%;
		bottom:75%;
		left:57%;	
		border-top:solid;
		border-top-width:2px;
		border-top-color:cornflowerblue;
		}
	#div_hide_sucess_or_dmg:hover{
		border-top-width:4px;
		border-top-color:orangered;
		}

#div_listagem_historico{
	width: 100%;
}

#bt_hide_apresentacao_padrao{
	color:gray;
	font-size:15px;
	cursor:pointer;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	border:none;
	}