/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,900);*/
  

*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  font-family: 'Roboto',Verdana; 
  font-size: 8 pt;
  margin: 0 0 0 0;
}

table {
  font-family: 'Roboto',Verdana; 
  font-size: 8 pt;
}


input[type=submit] {
	/* background: #CCCCCC; */
	/* border:1px solid #0597F8; */ 
	font-family: 'Roboto',Verdana; 
               font-size: 12pt; height: 34; width: 130'; 
	
}

input[type=submit]:hover  {
	cursor: pointer;
	/*background: #e1e1e1; */ 
}

.barramenu {
    font-family: 'Roboto',Verdana;
    font-size: 13pt;
}

a:link { text-decoration: none;  }
a:visited { text-decoration: none; 	 }
a:hover {	text-decoration: underline; }

a.subtitulo:link { font-weight: none; transition: all 0.1s; }
a.subtitulo:visited { font-weight: none;  }
a.subtitulo:hover { font-weight: bold;  text-decoration: none; 	}

a.rodape:link { text-decoration: none; color: #FFFFFF; letter-spacing: 0.5px; }
a.rodape:visited { text-decoration: none; color: #FFFFFF;	letter-spacing: 0.5px; }
a.rodape:hover { text-decoration: underline; color: #FFFFFF; letter-spacing: 0.5px;}

a.nada:visited { text-decoration: none;}
a.nada:hover { text-decoration: none;}

ul {
    padding-left: 10;
    list-style-type: none;
}

li:before {    
		font-family: FontAwesome; 
        content: "\f00c"; 
        font-weight: 100;
        color: #888888;
        margin-left: 15px; margin-right: 5px; margin-top: 0; margin-bottom: 0;
	
}

.li_slider:before {    
        margin-left: 0px; margin-right: 0px; margin-top: 0; margin-bottom: 0;
}

main {
  min-width: 800px;
  max-width: 100%;
  padding: 10px;				 /* margem da caixa principal */
  margin: 0 auto;
  background: #fff;
}

section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

input.tabs {
  display: none;
}

label.tabs {
  font: 18px/1 'Open Sans', sans-serif;
  letter-spacing: 0.8px;
  display: inline-block;
  margin: 0 0 -1px;
  padding: 10px 30px;      /* margem do label da aba */
  font-weight: 400;
  text-align: center;
  color: #555; /*559ad4;*/
  border: 1px solid transparent;
}

label.tabs:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label.tabs[for*='1']:before {
  content: '\f129';
}

label.tabs[for*='2']:before {
  content: '\f27b';
}

label.tabs[for*='3']:before {
  content: '\f085';
}

label.tabs[for*='4']:before {
  content: '\f1a9';
}

label.tabs:hover {
  color: #107c7f;
  cursor: pointer;
}

input.tabs:checked + label {
  color: #555;
  font-weight: 600;
  border: 1px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;  /* cor do risquinho do label da aba */
  border-bottom: 4px solid #a73336;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}







@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }

  label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

.btn_ampliar {
  font-family: 'Roboto',Verdana;
  color: #666666;
  background: #FFFFFF ;
  border: 0px;
  height: 22;
  width: 80;
  transition: all 0.3s;
}

.btn_ampliar:hover {
  color: #B60300;
  cursor:pointer;
}

.campo_geral {
  border-radius: 3px;
  font-family: 'Roboto',Verdana;
}

.btn_geral {
  border-radius: 3px;
  font-family: 'Roboto',Verdana;
  background-color: #0b3e80;
  transition: all 0.2s;
}

.btn_geral:hover {
  background-color: #3170C4;
}

.btn_back {
  font-family: 'Roboto', Verdana;
  color: #FFFFFF;
  font-weight: 500;
  background: #9E9E9E ;
  font-size: 16px;
  padding: 0px 6px 2px 0px;
  border: solid #9E9E9E 0px;
  height: 40;
  width: 200;
  transition: all 0.3s;
}

.btn_back:hover {
  background: #6E6E6E;
  cursor:pointer;
}

.btn_back:before {    
	font-family: 'FontAwesome';
	content: '\f053';
	margin-right: 10px;
}

.btn_comprar{
  font-family: 'Roboto', Verdana;
  color: #FFFFFF;
  font-weight: 400;
  letter-spacing: 0.8px;
  background: #B60300;
  border: solid #9E9E9E 0px;
  font-size: 18px;
  padding: 0px 0px 0px 6px;
  height: 50;
  width: 230;
  transition: all 0.2s;
  border-radius: 4px;
}

.btn_comprar:hover {
  background: #CE0800;
  cursor:pointer;
}

.btn_comprar:after {    
	font-family: 'FontAwesome';
	font-weight: 400;
	font-size: 20px;
	content: '\f217';
	margin-left: 10px;
}

.btn_comprar_lista {
	padding-left:0%; 
	padding-right:0%;
	width: 100%;
	height: 25;
	font-size: 14px;
}

.btn_comprar_lista:after {
	font-weight: 100;
	font-size: 16px;
}

.btn_go  {
  font-family: 'Roboto', Verdana;
  color: #FFFFFF;
  font-weight: 500;
  background: #8D1E1C;
  font-size: 16px;
  border: solid #9E9E9E 0px;
  padding: 0px 0px 2px 6px;
  height: 44px;
  width: 220px;
  transition: all 0.2s;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-decoration: none;
  border-radius: 4px;
}

.btn_go:hover {
  background: #b60300;
  cursor:pointer;
}

.btn_go:after {    
	font-family: 'FontAwesome';
	content: '\f054';
	margin-left: 10px;
}

.btn_mais {
	background: #3AABAF;
}

.btn_mais:hover {
	background: #328C8F;
}


.btn_mais:after {    
	content: '';
}

.btn_mais:before {    
	font-family: 'FontAwesome';
	content: '\f053';
	margin-right: 10px;
}

.btn_boleto {    
  height: 60px;
}

.btn_retentativa {    
  height: 60px;
  width: 450px;
  color: #223B5C; 
  font-size: 14pt; 
  font-weight:900; 
  border: 1px solid #223B5C; 
  background-color: #FFFFFF;
  transition: all 0.1s;
}

.btn_retentativa:hover {
  color: #FFFFFF; 
  background-color: #223B5C;
  cursor:pointer;
}

.btn_boleto:after {    
	font-family: 'FontAwesome';
	font-size: 20pt;
	content: '\f02a';
	margin-left: 20px
}


.campo{
	height: 35;
	border:1px solid #C0C0C0;
	font-size: 10pt;
	font-family: 'Roboto', Verdana;
	border-radius: 3px;
}

.campo_email{
	background-image: url(/images/evelope_icone.gif);
	background-size: 19px 14px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 32px;
	height: 35;
	border:1px solid #C0C0C0;
	font-size: 10pt;
	font-family: 'Roboto', Verdana;
	border-radius: 3px;
}

.campo_nome{
	background-image: url(/images/pessoa_icone.gif);
	background-size: 22px 22px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 32px;
	height: 35;
	border:1px solid #C0C0C0;
	font-size: 10pt;
	font-family: 'Roboto', Verdana;
	border-radius: 3px;
}

.campo_senha{
	background-image: url(/images/cadeado_icone.gif);
	background-size: 22px 22px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 32px;
	height: 35;
	border:1px solid #C0C0C0;
	font-size: 10pt;
	font-family: 'Roboto', Verdana;
	border-radius: 3px;
}

.campo_cadastro{
	height: 35;
	width: 600px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border:1px solid #C0C0C0;
	font-size: 10pt;
	font-family: 'Roboto', Verdana;
	border-radius: 3px;
}






a.tooltips {
  position: relative;
  display: inline;
  
}
a.tooltips span {
  position: absolute;
  width:280px;
  height: 280px;
  color: #00487B;
  background: #FFFFFF;
  border: 1px solid #666666;
 /*   line-height: 33px; */
  text-align: left;
  visibility: hidden;
  border-radius: 0px;
  box-shadow: 0px 0px 10px #AAAAAA;
  padding: 10 10 10 10; /* top  right bottom left */
  
}
a.tooltips span:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-bottom: 12px solid #6D6D6D;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #FFFFFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.98;
  top: 30px;
  left: 50%;
  margin-left: -120px;
  z-index: 999;
}


.blanket {
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}

.popUpDiv {
	position:absolute;
	background-color:#FFFFFF;
	text-align: left;
	width:460px;
	height:200px;
	position: absolute;
	margin-top: -200px; 
	z-index: 9002;
	font-size: 10pt; 
	color: #0D2A53;
	padding: 60 10 10 30; /* top  right bottom left */
	border-radius: 3px;
}

.imagemdiv {
	background-color:#FFFFFF;
	position: absolute;
	max-width: 90%;
	margin-top: -430px;
	padding: 30;
	z-index: 9003;
	
}

.close {
	background: #EEEEEE;
	color: #000000;
	line-height: 33px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 42px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	font-size: 13pt;
}

.close:hover { 
	background: #CCCCCC; 
	text-decoration: none;	
}

.fundo { 
	text-align: center;
    width: 100%;
    background: #e1e1e1;
    /* background-image: url("/images/fundos/Padrao.jpg"); */
    background-position: 50% 140px;  /* center top;*/
    background-repeat: repeat-x;
}

div.divgamer { 
	margin: 0 auto;
    width: 1365px;
    background: #FFFFFF;
}

.divtopo {
	margin: 0 auto;
    width: 1365px;
}

.produto_informacao {
	padding-left: 5;
	max-width: 1151px;
	overflow: hidden; 
	overflow-wrap: break-word; 
}

.produto_informacao img, iframe {
	max-width: 1140px;
}

img.descontinuado {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    filter: grayscale(80%);
}

.indisponivel {
    opacity: 0.70;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.QuadrinhoProduto {
    border-radius: 5px;
    border: 1px solid transparent;
    transition: all 0.1s;
    max-width: 300px;
    word-wrap: break-word;
}

.QuadrinhoProduto:hover {
	border-color: #CCCCCC;
}

.butolho {
	opacity: 0;
}
.QuadrinhoProduto:hover .butolho{
	opacity: 1;
}

.menu_categorias1{
  color: #4d555f;
  letter-spacing: 0.2px;
  background: #FFFFFF;
  padding: 2% 1px 0px 7px;
  height: 25;
  width: 100%;
  font-size:11pt;
  font-weight: bold;
}

.menu_categorias2{
  color: #4d555f;
  letter-spacing: 0px;
  background: #FFFFFF;
  padding: 2% 1px 0px 11px;
  min-height: 25;
  width: 100%;
  font-size: 10pt;
}

.menu_categorias3{
  color: #4d555f;
  letter-spacing: 0px;
  background: #FFFFFF;
  padding: 2% 1px 0px 19px;
  min-height: 25;
  width: 100%;
  font-size: 10pt;
}


.menu_categorias_link:hover {
  color: #FFFFFF;
  background: #223a5c;
  cursor:pointer;
}



.menu_frete{
  background: #FFFFFF;
  width: 900;
  border:1px solid #DDDDDD;
  border-radius: 5px;
}

.menu_frete:hover {
  background: #EEEEEE;
  cursor:pointer;
}

.bolinha { 
		background:#a8020a;
		color:#fff;
		position:relative;
		top:-35;
		right:-18;
		width:20px;
		height:20px;
		line-height:20px;
		vertical-align:middle;
		text-align:center;
		font-size:10px;
		font-weight: bold;
		border-radius:50%;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;		
	}
	
.esgotado {
		background-color: #000000; 
		color: #FFFFFF; 
		position: relative; 
		top: -60px; 
		height: 36px; 
		width: 200px; 
		font-size: 18pt; 
		font-weight: bold; 
		padding-top: 3px; 
		transform: rotate(-45deg); 
		opacity: 0.75;"
}

.campo_cartao{
  height: 30px;
  background: #FFFFFF;
  border:1px solid #C0C0C0;
  border-radius: 3px;
  font-size: 9pt;
  padding: 3px;
  padding-left: 8;
}

.icone-instagram, .icone-facebook, .icone-youtube, .icone-blog, .icone-twitter {
	color: #FFFFFF; 
	font-size: 16pt !important;
}

.icone-instagram:hover {
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.icone-facebook:hover {
	color:#1DA1F2
}

.icone-youtube:hover {
	color:#c4302b
}

.icone-twitter:hover {
	color:#1DA1F2
}

.icone-blog:hover {
	color:#d0020e
}


.divdescricaoclasse {
	padding: 10px;
	margin: 10px;
	font-size: 11pt;
	color: #555555;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height:100px;
	transition-property: all;
	transition-duration: 1s;
	transition-delay: 0.4s;
}

.divdescricaoclasse:hover {
	max-height: 600px;
	overflow-y: auto;
}