html, body{
   font-family:Tahoma, Arial, sans-serif;
   font-size:12px;
   overflow: hidden;
   margin:0;
   padding:0;
   height:100%;
   width:100%;
}

#header{
   width: 100%;
   height: 146px;
   background: url('imagens/bgBody.jpg');
   background-size: 100% 100%;
   background-repeat: no-repeat;
   border-bottom: 2px solid #aaa;
}

#logo{
   width:230px;
   height:142px;
   position:absolute;
   top:1px;
   left:1px;
   background: url('imagens/logo.png') no-repeat 100% 100%;
}

#menu{
   right: 0;
   position: absolute;
   margin-top: 10px;
   margin-right: 10px;
   z-index:800;
}

.elMenu{
   display: inline;
   width:150px;
   background: #CB001B;
   padding: 10px;
   margin: 0px 5px 0px 5px;
   text-align:center;
   list-style-type: none;
   outline: none;
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   box-shadow: 0px 1px 6px #000;
   transition: all 0.2s ease;
   position:relative;
   float:left;
}

.elMenu a{
   color: #fff;
   text-shadow: 0 1px 0 #000;
   text-decoration:none;
   font-weight: bold;
   transition: all 0.5s ease;
}

.elMenu:hover{
   display: inline;
   background: #fff;
   padding: 10px;
   margin: 0px 5px 0px 5px;
   list-style-type: none;
   outline: none;
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   box-shadow: 0px 1px 6px #000;
}

.elMenu:hover a{
   color: #000;
   text-shadow: none;
   font-weight: bold;
   text-decoration:none;
}

.subMenu{
   padding: 0;
   text-align: center;
   display: none;
   margin-top: 10px;
   border-top: 1px solid black;
}

.elSubMenu{
   width:100%;
   color:#000;
   list-style-type: none;
   outline: none;
   cursor: pointer;
   padding: 10px 1px 5px 1px;
}

.elSubMenu:hover{
   color:#CB001B;
}

#bannerFlash{
   position: absolute;
   right: 0;
   margin-top:55px;
   width: 600px;
   height: 90px;
   overflow: hidden;
}

.menuPg{
   padding:0;
   margin:10px 0px 10px 0px;
   float:right;
}

.elMenuPg{
   width:150px;
   background: #fff;
   padding: 10px;
   text-align:center;
   color: #000;
   font-weight: bold;
   list-style-type: none;
   outline: none;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   box-shadow: 0px 1px 6px #000;
   position:relative;
   float:left;
   border:1px solid black;
}

.subMenuPg{
   padding: 0;
   text-align: center;
   margin-top: 10px;
   border-top: 1px solid black;
}

.elSubMenuPg{
   width:100%;
   color:#000;
   font-weight: normal;
   list-style-type: none;
   outline: none;
   cursor: pointer;
   padding: 10px 1px 5px 1px;
}

.elSubMenuPg:hover{
   color:#CB001B;
}

.tabelaPg3{
   margin:0;
   background:#fff;
   width:100%;
}

.tabelaPg3 tr td{
   margin: 0;
   width: 33%;
   vertical-align: top;
}

.caixaCinzenta{
   border:1px solid #b5b4b4;
   background-color:#e3e3e7;
   padding:20px;
   margin:10px 0 10px 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   box-shadow: 0px 1px 6px #000;
   min-width:335px;
}

.tabelaConteudos{
   min-width:300px;
   margin:30px auto 5px auto;
}

.tabelaConteudos tr td{
   padding:5px;
   vertical-align:middle;
}

.tabelaConteudos tr td:first-child{
   text-align:right;
}

input{
   padding:7px;
   outline:0;
   border:1px solid black;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-size:12px;
}

.botao{
   padding: 9px 20px 8px 20px;
   background: #CB001B;
   margin: 0px auto 0px auto;
   text-align: center;
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   box-shadow: 0px 1px 6px #000;
   color: #fff;
   text-shadow: 0 1px 0 #000;
   text-decoration: none;
   font-weight: bold;
   transition: all 0.2s ease;
}

.botao:hover{
   background: #fff;
   color:#000;
   text-shadow: 0 0px 0 #000;
}

#body{
   position:relative;
   height: calc(100% - 146px);
   overflow-y:auto;
   overflow-x:hidden;
   background: url('imagens/box_1-bg.jpg') top left repeat;
}

#footer{
   width:100%;
   height:50px;
   background: url('imagens/box_1-bg.jpg') top left repeat;
   color:#fff;
}

#copyright{
   float:left;
   margin:10px 0px 0px 210px;
}

#autor{
   float:right;
   margin:10px 210px 0px 0px;
}

#loadingIcon{
   width:32px;
   height:32px;
   position:absolute;
   left:215px;
}

#resultadoLg{
   margin:25px 0px 25px 0px;
   text-align:center;
}

.blink{
   visibility: hidden;
}

#pesquisa{
   width:100%;
   margin-top:-5px;
}

#painel{
   width:100%;
   margin:0;
   padding:0px 0px 15px 0px;
   background-color:#E3E5E7;
   background-image: linear-gradient(to top, #D7D5D5 0%, #FFF 75%);
   border-bottom: 2px solid #aaa;
}

#infoSup{
   margin:5px 0px 0px 201px;
   font-weight:bold;
   color: rgb(63, 63, 63);
}

#camposPesquisa{
   text-align:center;
}

#cmpMedida{
   margin: 0px 5px 0px 5px;
   background-image: linear-gradient(to top, #D7D5D5 0%, #FFF 50%);
   color: rgb(95, 95, 95);
}

#btnProcurarCx{
   width:90px;
   display: inline-block;
   margin: -2px 0px 0px 5px;
   padding: 0;
   vertical-align: middle;
}

#btnLoginCx{
   width:98px;
   margin: 0px auto 0px auto;
   padding: 0;
}

#tblPesquisa{
   margin: 0 auto 0 auto;
   width:100%;
   border-collapse: collapse;
   border-spacing: 0;
}

#tblPesquisaCarrinho{
   width:200px;
   padding: 0;
   margin: 0;
   vertical-align: top;
}

#tblPesquisaConteudo{
   padding: 0;
   margin: 0;
   vertical-align: top;
}

#carrinho{
   position:fixed;
   top:148px;
   right:calc(100% - 200px);
   bottom:0px;
   left:0px;
   background-color:#fff;
   border-right: 2px solid #aaa;
   overflow:auto;
}

#cabecalhoCarrinho{
   background-color:#807F7F;
   width:100%;
   height: 67px;
   padding:0;
   margin:0;
   color: white;
   font-family: 'Open Sans', sans-serif;
   font-size: 27px;
   font-weight: 600;
   text-align:center;
}

#cabecalhoCarrinho img, #cabecalhoCarrinho span{
   vertical-align:middle;
}

#tblLista{
   border-collapse: collapse;
   border-spacing: 0;
   font-family: 'Open Sans', sans-serif;
   letter-spacing: normal;
   white-space: nowrap;
   width: 100%;
}

.cabLista{
   background:#4D4D4D;
}

.cabLista th{
   border:1px solid #fff;
   padding:5px;
   font-weight:bold;
   font-size:14px;
   color:#FFF;
   text-align:left;
}

.linhaLista{
   background:#D3D3D3;
}

.linhaLista:hover{
   background:#fff;
}

.linhaLista td{
   white-space: nowrap;
   padding:3px 0px 0px 3px;
   border:1px solid #fff;
}

.linhaLista td:first-child{
   width:100%;
}

.linhaLista td:nth-child(2){
   padding:0px 0px 0px 5px;
   font-weight: bolder;
   font-size:15px;
}

.cmpQtd, .cmpQtd2{
   width: 27px;
   height: 24px;
   padding: 1px;
   text-align:center;
}

.cmpQtd + img, .cmpQtd2 + img{
   vertical-align: middle;
}

th{
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

th.table-sortable {
	cursor:pointer;
	background-image:url("imagens/sortable.gif");
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
}
th.table-sorted-asc {
	background-image:url("imagens/sorted_up.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-sorted-desc {
	background-image:url("imagens/sorted_down.gif");
	background-position:center left;
	background-repeat:no-repeat;
}

#tblCarrinhoConteudo1{
   font-size:11px;
   border-collapse:collapse;
}

#tblCarrinhoConteudo1 td{
   border-bottom:1px solid gray;
   padding: 6px 2px 6px 2px;
}

#tblCarrinhoConteudo1 td:first-child{
   width:12px;
   text-align:center;
}

#tblCarrinhoConteudo1 td:nth-child(3){
   white-space: nowrap;
   text-align:right;
}

#tblTotaisCarrinho1{
   width: 194px;
   text-align: right;
}

#tblTotaisCarrinho1 td{
   padding:0;
}

#carrinhoConteudo2{
   width:400px;
}

#tblCarrinhoConteudo2{
   font-size:11px;
   border-collapse:collapse;
   width:100%;
}

#tblCarrinhoConteudo2 td{
   border-bottom:1px solid gray;
   padding: 6px 2px 6px 2px;
   white-space: nowrap;
}

#tblCarrinhoConteudo2 td:first-child{
   width:12px;
   text-align:center;
}

#tblTotaisCarrinho2{
   width: 400px;
   text-align: right;
}

#tblTotaisCarrinho2 td:nth-child(2){
   width:20px;
   white-space: nowrap;
   padding-left:5px;
}

#btnFinalizarCx{
   width:172px;
   margin:10px auto 0px auto;
}

.carValor{
   color: #4D4D4D;
}

.carValorTotalTxt{
   font-size:14px;
}

.carValorTotal{
   font-size:14px;
   font-weight:bold;
}

.carTxt2{
   text-align: right;
   margin-top: 10px;
}

.carTxtSec{
   font-size:10px;
   color: #4D4D4D;
}

.qtdMais{
   width:10px;
   height:8px;
   background: url('imagens/mais.gif') no-repeat;
   cursor:pointer;
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0px auto 0px auto;
}

.qtdMenos{
   width:10px;
   height:8px;
   background: url('imagens/menos.gif') no-repeat;
   cursor:pointer;
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0px auto 0px auto;
}

.carDel1{
   width:11px;
   height:11px;
   background: url('imagens/delete.gif') no-repeat;
   cursor:pointer;
   float: right;
   margin-top: -16px;
   margin-right: 2px;
}

.carDel2{
   width:11px;
   height:11px;
   background: url('imagens/delete.gif') no-repeat;
   cursor:pointer;
   float: right;
   margin-top: -4px;
   margin-right: 2px;
}

.carVazio{
   text-align:center;
   margin-top:20px;
}

.add,.add2{
   cursor:pointer;
}

.thumb img{
   height:29px;
}

#fotoLista{
   display:none;
   width: 75%;
   position: fixed;
   left: 50%;
   margin: 0 0 0 -37.5%;
}

.etiqueta{
   text-align:center;
}

.promo{
   vertical-align:middle;
}

#btnPromoCx{
   margin-right: 10px;
   width: 166px;
   float: right;
   display: inline-block;
   margin-top: -33px;
}

#tblCarrinho{
   width:100%;
}

#tblCarrinho td{
   vertical-align:top;
}

#dados{
   width:400px;
}

#dados div{
   margin-bottom:10px;
}

#dados span{
   margin-right:10px;
   font-weight:bold;
}

#obs{
   width:387px;
   height:68px;
}

#nib{
   text-align:center;
}

#btnEnviarEncCx{
   width:172px;
   margin:0px 0px 0px auto;
}

#tblListaEnc{
   border-collapse: collapse;
   border-spacing: 0;
   font-family: 'Open Sans', sans-serif;
   letter-spacing: normal;
   white-space: nowrap;
}

.linhaListaEnc{
   background:#D3D3D3;
}

.linhaListaEnc:hover{
   background:#fff;
}

.linhaListaEnc td{
   border: 1px solid #fff;
   padding:5px;
}

.ver14{
   width:14px;
   height:14px;
   margin:0;
   padding:0;
   cursor:pointer;
}

#tblEncConteudo{
   width:100%;
}

#tblEncConteudo td{
   vertical-align:top;
}

#tblEncConteudo td:nth-child(1){
   width:275px;
}

#tblEncCab{
   border-collapse: collapse;
   border-spacing: 0;
   font-family: helvetica;
   letter-spacing: normal;
   white-space: nowrap;
}

#tblEncCab tr td:first-child{
   background: #4D4D4D;
   border: 1px solid #fff;
   padding: 5px;
   font-size: 14px;
   color: #FFF;
   text-align: left;
}

#tblEncCab tr td:nth-child(2){
   background: #ECECEC;
   border: 1px solid #fff;
   text-align: left;
   padding: 5px;
}

#tblEncObs{
   width:275px;
   border-collapse: collapse;
   border-spacing: 0;
   font-family: helvetica;
   letter-spacing: normal;
}

#tblEncObs tr:first-child td{
   background: #4D4D4D;
   border: 1px solid #fff;
   padding: 5px;
   font-size: 14px;
   color: #FFF;
   text-align: left;
}

#tblEncObs tr:nth-child(2) td{
   background: #ECECEC;
   border: 1px solid #fff;
}

#tblEncLinhas{
   width:100%;
   border-collapse: collapse;
}

#tblEncLinhas td{
   border-bottom: 1px solid gray
}

#tblEncLinhas td:nth-child(1){
   width:30px;
   text-align:center;
}

#tblEncTotais{
   text-align:right;
}

#anterior{
   float:left;
}

#seguinte{
   float:right;
}

.btnPag{
   margin-top:5px;
}

.btnPag:hover{
   color:#CB001B;
   cursor:pointer;
}

#msgStock{
   width:400px;
   text-align:center;
}

#msgStock span{
  background: rgb(102, 102, 102);
  color: white;
  padding: 2px;
  border: 1px solid rgb(102, 102, 102);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
}

#listaPromo{
   margin: 5px 0 5px 0;
}

.tblPromo{
   background:white;
   width:700px;
   margin-top:5px;
}

.contInfoPneu{
   vertical-align:top;
}

.tblInfoPneu{
   width:100%;
}

.promoLogo{
   max-width:150px;
   max-height:50px;
}

.promoDesc{
   font: 32px 'Arial Black', Gadget, sans-serif;
   color: rgb(31, 63, 105);
}

.promoPvp{
   font: 68px 'Arial Black', Gadget, sans-serif;
   color:#CB001B;
   text-shadow: 0 1px 0 #000;
}

.contImgPromo{
   width:200px;
}

.promoImg{
   max-width:200px;
   max-height:200px;
}

#avisoPromo{
   margin: 10px auto 10px auto;
   text-align: center;
   color: white;
   font-size: 25px;
}

.tblPromoBanner{
   background:white;
   width:600px;
   height:90px;
   cursor:pointer;
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contInfoPneuBanner{
   vertical-align:top;
}

.tblInfoPneuBanner{
   width:100%;
   margin:0;
   padding:0;
}

.promoLogoBanner{
   max-width:150px;
   max-height:25px;
}

.promoDescBanner{
   font: 17px 'Arial Black', Gadget, sans-serif;
   color: rgb(31, 63, 105);
}

.promoPvpBanner{
   font: 22px 'Arial Black', Gadget, sans-serif;
   color:#CB001B;
   text-shadow: 0 1px 0 #000;
}

.contImgPromoBanner{
   width:130px;
}

.promoImgBanner{
   max-width:130px;
   max-height:88px;
}

.erro{
   background-color: rgb(255, 119, 119);
}