/*Reset css*/
* {z-index:1;letter-spacing:0;text-align:left;margin:0;padding:0;border:0;outline:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-weight:normal;font-style:normal;vertical-align:baseline}
:focus{outline:0}
body{line-height:1;}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
a{text-decoration:none}


@font-face {
    font-family: "Open Sans";
    src: url("../../font/WalkwayBlack.eot");
}
@font-face {
    font-family: "Open Sans";
    src: url("../../font/OpenSans-Regular.ttf")  format("truetype");
}
*{}

body{font-family:"Open Sans", Arial, Geneva, sans-serif;font-size: 14px;min-width: 1024px;}

#header, #content, #rodape{width: 99.9%;margin-left: 0.1%;float: left;min-height:30px;}

h1.titulo{float:left;margin-top: 10px;padding-bottom: 10px;font-weight: bold;width: 100%;border-bottom: 1px solid #ccc;line-height: 30px;margin-bottom: 10px;}



#header .logo{
    min-width: 100px;min-height: 50px;
    max-width: 700px;max-height: 200px;float:left;
    margin: 2px;
}

#header .titulo_site{

    font-size: 40px;
    width: 400px;line-height: 40px;float:left;min-height: 80px;
    font-weight: bold;
    margin-top: 10px;margin-left: 10px;
    text-shadow: 2px 2px 3px #ccc, -1px -1px 2px  #fff;
    
}

.modal_area{display: none;visibility: hidden;width: 0px;height: 0px;}

.acesso{
    width: 300px;float: right;margin-top: 30px;box-shadow: none;border-radius: 15px 0px 15px 0px;
    behavior: url(ie-css3.htc);
}
input[type=text],input[type=email],input[type=password], select, textarea{
    border: 1px solid #ccc;margin: 5px;padding: 5px;
    box-shadow: none;
}


select {
    color:#555;
}

.link_trade{color:#fff;font-size: 10px;}
.link_trade:hover{color:#fff;text-decoration: underline;}

input[type=checkbox]{ box-shadow: none}
.confirmar_qtd{width:40px;}

input[type=text]:focus,input[type=email]:focus,input[type=password]:focus, select:focus{background: #FFA;box-shadow: none;}
input[type=button].disabled{background: #ccc;color:#eee;}
input.error, select.error, textArea.error{border:1px solid #900;background: #FEE;}
.msg-error{padding-left: 10px;color:#900;font-size: 10px;}

input[type=button], input[type=submit]{padding: 5px;cursor: pointer;border: 1px solid #ccc;border-radius: 0px;}
input[type=button]:hover, input[type=submit]:hover{box-shadow: none;}
.acesso a {font-weight: bold;text-align: right;padding:5px 10px;;float:left;font-size: 12px;min-height: 20px;}
.acesso a:hover{text-decoration: underline;}

.modal-desc{font-size: 12px;margin: 5px;float:left;min-height: 30px;}

#modal_login input{width: 90%;}
#modal_login .submit{width: auto;float:right;margin-right: 10px;}

#modal_cadastro input{width: 90%;}
#modal_cadastro .submit{width: auto;float:right;margin-right: 10px;}

#modal_recupera_senha input{width: 90%;}
#modal_recupera_senha .submit{width: auto;float:right;margin-right: 10px;}

#modal_altera_senha input{width: 90%;}
#modal_altera_senha .submit{width: auto;float:right;margin-right: 10px;}

.busca-carrinho{width:99%;
                float:left;padding: 5px;border: 1px solid #ccc;
                border-radius: 1px ; box-shadow: none;}
#carrinho{float:right;width: 160px;min-height:60px;
          /*background:url("../images/shopping_cart.png") no-repeat;*/
          font-weight: bold;margin-right: 5px;
          box-shadow: none;}
.carrinho_area{float:left; }
.carrinho_titulo{width: 100%;float:left;}
#carrinho_quantidade{width:110px;float:right;margin: 3px;}
#carrinho_valor{width:110px;float:right;margin: 3px;}
#carrinho_link{float:left;}
#carrinho_link img{height: 40px;}
#carrinho_link img:hover{box-shadow:none;}
#carrinho_quantidade:hover{text-decoration: underline;
}


#busca {float:right;margin-top: 10px;}
#busca input[type=text]{border:1px solid #ccc;width:300px;margin-left: 2px;}
#busca input[type=button]{margin: 0px;}
#content{min-height: 300px;min-width: 1024px;}


#mod_grupos{
    ;width: 99.7%;float:left;border-bottom: 1px solid #ccc; margin-bottom: 5px;margin-top:-1px;margin-left: 1px;padding-bottom: 5px;

}
#mod_grupos a{
    float:left;margin: 5px;padding: 5px;min-width: 100px;font-weight: bold;line-height: 24px;text-align: center;opacity: 0.9
    
}
#mod_grupos a img{;height: 32px;}
#mod_grupos a img:hover{

}
#mod_grupos a.current{opacity: 1;border-radius: 0px;box-shadow: none;}
#mod_grupos a:hover{
       opacity: 1;box-shadow: none;border-radius: 0px;
}
#mod_grupos{border-radius:0px 0px 50px 50px;box-shadow: none;}


.content-body{min-width: 840px;max-width: 855px;float:left;min-height: 300px;margin-left: 5px;padding: 5px;box-shadow: none;}


#rodape{width: 99.6%;border-top:1px solid #ccc;min-height: 80px;box-shadow:none;font-family:"Open Sans", arial}
.rodape-right{float:right;margin-top: 30px;margin-right: 10px;line-height: 20px;height: 20px;vertical-align:top;}
.rodape-right img{height: 20px;float:left;margin-right: 5px;}

#promocao{float:left;width:100%; }


.promo-normal{
  width:100%;float:left;position: relative; 
}

.promo-banner{width:100%;float:left;position: relative;}
.promo-banner .promo-banner-img{width: 100%;}
.promo-banner .rodape-prod{position: absolute;bottom:  1px;right:  150px;background: #fff;padding: 5px;border-radius: 0px;box-shadow: none;opacity: 0.8}
.promo-banner .rodape-prod:hover{opacity: 1;}

#slider li{width:980px;vertical-align: middle;}
#slider {margin: 5px;padding: 1px;box-shadow: none;}
#slider .prod-titulo{width:98%;float:left;margin: 1%;border-bottom: 1px solid #ccc;min-height: 20px;font-weight: bold;text-align: left;}
#slider .box-prod{float:left;width: 550px;font-weight: bold;background: #FFF;margin: 5px;height: 200px;border: 1px solid #ccc;}
#slider .desc-prod{margin-left: 1%;min-height: 150px;}
#slider .rodape-prod{margin-left: 1%;border-top:1px solid #ccc;}
#slider .produto-preco{height: 50px;width: 200px;float:left;}
#slider .addCarrinho{padding: 5px;margin-top: 5px;}
#slider .slider-button{border-radius: 360px;height:18px;width: 18px;font-size: 12px;line-height: 18px;padding: 0;font-weight: bold;text-align: center;}
.promo-img{float:left;margin: 5px;border: 1px solid #ccc;}

#menu_lateral{width: 150px;float:left;min-height: 30px;margin-bottom: 5px;box-shadow: none;
             
}

#menu_lateral ul li{float:left;width: 145px;float:left;font-size: 12px;}



.titulo-menu{padding-top: 5px;padding-bottom: 5px;border-bottom: 1px solid #ccc;box-shadow: none;}
.menu {background: #fff;}
.menu li,.menu li a{font-family:"Open Sans", Verdana, Geneva, sans-serif;font-size: 12px;}
/*.menu li a{border-top: 1px solid #ccc;border-right: 1px solid #ccc;}*/

.menu_grupo_1 li{}

.menu_grupo_1 li a{box-shadow: none;}
.menu_grupo_1 li a{width: 145px;float:left;background: #fff;float:left;font-size: 12px;padding-left: 5px;height: 20px;line-height: 20px;}
.menu_grupo_1 li a:hover{box-shadow: none}
.menu_grupo_2 li a{width: 130px;float:left;background: #fff;float:left;font-size: 12px;padding-left:  15px;}
.menu_grupo_3 li a{width: 115px;float:left;background: #fff;float:left;font-size: 12px;padding-left: 30px;}

.produto-box{position: relative;float:left;width: 240px;margin-left: 3px;margin-right:10px;
             margin-top: 10px;margin-bottom: 10px;
            height: 300px;padding-bottom: 30px;border:1px solid #ccc;box-shadow: none;}
.produto-box .produto-imagem{float:left;text-align: center; width: 90%;height:90%;margin: 5px auto;background: #fff;}
.produto-box .produto-imagem img{max-height: 260px;max-width: 260px;}
.produto-box .produto-desc{margin-right: 50px; width: 180px;background: #fff;height: 200px;margin: 5px auto;font-size: 12px; font-weight: bold; }
.produto-box .produto-desc .produto-link{float:left;width: 240px;margin:1%; font-size: 0.9em; font-weight: bold; margin-left: -30%;}
.produto-box .produto-desc .produto-link:hover{text-decoration: underline;}

.produto_thumb{
    width:300px;min-height: 30px ;float:left;
}
.produto_thumb img{height:50px;max-width: 100px;border:1px solid #ccc;}

.produto-descricao{width: 500px;float:left;min-height: 100px;background: #eee;}

.preco-prod{width: 90%;float:left;font-size: 11px;}
.preco-condicoes{width: 90%;float:left;margin: 2px;padding: 2px;font-size: 11px;}


.produto-box .addCarrinho{border-radius: 0px;position: absolute;bottom:10px;left:65px;width: 120px;}
.produto-box .add-prod-link{padding: 8px;margin-right:25px;left:55px;}
.produto-box .ui-spinner{position: absolute;bottom:6px;left:5px;width:50px;}
.produto-box .indisponivel{color:#900;position: absolute;bottom:10px;right:0px;}
.produto-box  .preco-prod{margin-left: 5px;}
.central {min-width: 800px;max-width: 1024px;margin: 0 auto;}

.qtd_produto{width:20px;}
.spinner{min-width: 30px;}
.paginacao{width: 100%;float:left;}

.paginacao li{float:left;width: 25px; height: 25px;border: 1px solid #ccc;border-radius: 0px;text-align: center;line-height: 25px;margin: 5px;}
.paginacao li a{float:left;width: 25px; height: 25px;text-align: center; border-radius: 0px;}
.paginacao li a:hover{box-shadow: none;}

.produto-detalhe{width: 100%;float:left;font-size: 12px;}
.produto-detalhe .produto-imagem{float: left;width: 300px;min-height: 200px;border:1px solid #ccc;margin-right: 10px;}
.produto-detalhe .produto-imagem img{max-width: 300px;max-height: 200px;}
.produto-detalhe h3.detalhe-titulo{width: 100%;padding-top: 10px;padding-bottom: 10px;}

.txt-center{text-align: center;}
.txt-right{text-align: right;}

.button{cursor: pointer;padding: 5px;border:1px solid #ccc;text-shadow:1px 1px 1px #000;}
.table_button{cursor: pointer;padding-top: 0px;padding-bottom: 0px;border:1px solid #ccc;}
.button:visited{}
.button:hover{}

.table-carrinho{border:1px solid #ccc;border-collapse: collapse;width: 100%;}
.table-carrinho tr td,.table-carrinho tr th{border:1px solid #ccc;border-collapse: collapse;}
.table-carrinho tr th{padding: 5px;}
.table-carrinho tbody td{padding: 5px;}
.table-carrinho tbody tr:hover{background:#DFD;}
.table-carrinho tfoot tr td{;padding: 5px;border: 0px;}
.table-carrinho tfoot tr td:first-child{text-align: left;}
.table-carrinho tfoot tr td .button{float:right;}
.table-carrinho input[type=image]{height: 20px;}
.carrinho_button{float:right;margin-top: 5px;padding-bottom: 5px;}

legend{height:25px;font-weight: bold;}

.cadastro-login-div{width: 254px;float:left;}
.cadastro-login-div form legend{height:25px;font-weight: bold;}
.cadastro-login-div form input[type=submit]{float:right;margin-right: 56px;}
.qtd-carrinho-item{width: 60px;border:1px solid #ccc;padding: 5px;text-align: right;}
.qtd-cell{width: 60px;}

.loading-div{display: none;width: 100%;position: fixed;height: 800px;left: 0;top:0;background: #000;z-index: 99999;opacity: 0.5;}
.loading-content h3{font-weight: bold;padding:  5px;width: 290px;}
.loading-content img{margin-top:15px;}
.loading-content{display: none;border-radius: 2px;width: 300px;position: fixed;height: 100px;left: 40%;top:25%;background: #fff;color:#000;z-index: 99999;text-align: center;}

.half-form{width: 480px;float:left;min-height: 30px;}
.half-form input[type=text], .half-form input[type=email],.half-form input[type=password], .half-form select{
    width: 440px;
}





.half-form select{ width: 455px;}
.rodape-form{width: 100%;float:left;}
.button-form{float:right;}
.clr{width: 100%;}
.bottom-right{float:none;position: absolute;bottom: 7px;right: 30px;}
.form-link{height: 30px;float:left;line-height: 30px;margin-left: 10px;}
.form-link:hover{text-decoration: underline;}
.div-condicao{float:left;width: 100%;}
.condicao-pgto{float:left;width: 100px;text-align: center;margin:4px;}
.condicao-pgto .condicao-desc{font-size:10px;width: 100%;float:left;height: 30px;text-align: center;}


.right-div{float:right;}
.cbo-label{font-size: 12px;color:#000;}
.table-default{border:1px solid #ccc;border-collapse: collapse;width: 100%;margin-bottom: 10px;}
.table-default tr td, .table-default tr th{
    border:1px solid #ccc;border-collapse: collapse;padding: 5px;text-align: center;
}
.table-default tr th{;text-align: center;}
.rodape-empresa{
    font-size: 12px;width: 300px;float:left;margin:2px;margin-top: 20px;font-family: "Open Sans", Arial;
}

.old_preco{color:#ccc;font-weight: bold;text-decoration:line-through;}
.novo_preco{color:#090;font-weight: bold; margin-left: -36%;}
.preco{color:#000;font-weight: bold;}

.detalhe-texto{line-height: 14px;margin-left: 5px;}
.produto-descricao{line-height: 14px;padding-left:  5px;}
.produto-descricao h3{font-weight: bolder;}

#modulo_acerto{float:right;margin-right:  10px;margin-top: 10px;}
#form_acerto{float:left;}

input[disabled=disabled]{background: #f5f5f5;color:#ccc;}

.menu_principal {margin-top:5px;width:100%;;float:left;}
.menu_principal a{padding:8px; border-radius: 0px; float:left;}
.menu_principal a:hover{opacity: 1;box-shadow: none;border-radius: 0px;}

.promo-normal{background:#E00;}
#slider .box-prod{background:#E00;color:#FFF;border:0px;width:300px;}
#slider .promo-img{border:0px;width:500px;}
#slider .box-prod .prod-titulo{width:200px;text-shadow:-1px -1px 2px #fff, 1px 1px 0px #000;border:0px;border-top:0px;height:20px;}

#slider .desc-prod{width:200px;float:left;border:0px;}
#slider .produto-preco{height: 100px;width: 250px;float:left;background:url(../../images/tag.png) no-repeat ;padding-top:65px;}
#slider .produto-preco{color:#fff;font-size:20px;text-shadow:1px 1px 1px #000;margin-top:-10px;margin-left:30px;}
#slider .prod-rotate{float:left;min-width: 10px;min-height:10px;;transform:rotate(-15deg);
-ms-transform:rotate(-15deg);}
#slider .produto-preco b{margin-left:60px;}


#chat_area{border:1px solid #ccc;width: 600px;float:left;}
#chat_area .chat_titulo{font-weight:bold;font-size:18px;line-height:18px;background: url("../../images/bg-ui.png") repeat-x scroll 50% 50% #ccc;color:#000;}
#chat_area .chat_titulo img{float:right;}
#chat_area .chat_historico{width: 600px;height: 200px;overflow: auto;font-size: 13px;line-height: 18px;position: relative;background: #DED;}
#chat_area .chat_historico .chat_user {color:#000;text-align:left;font-weight:bold;padding-left:5px;}
#chat_area .chat_historico .chat_operador {color:#0C9100;text-align:right;font-weight:bold;float:left;width:99%;padding-right:5px;}
#chat_area .chat_historico .chat_data{font-weight:normal;color:#000;font-size:10px;}
#chat_area .chat_historico .recebida{font-size:10px;margin-left:5px;color:#00F;}
#chat_area .chat_historico .chat_message{ width: 98%;min-height: 30px;float:left;}
#chat_area .chat_historico .msg_user{color:#00F;float:left;margin-left:5px;width:200px;border:1px solid #ccc;border-radius: 0px;background: #fff;padding-left: 5px;}
#chat_area .chat_historico .msg_operador{color:#F00;float:right;margin-right:5px;width:200px;border:1px solid #ccc;border-radius: 0px;background: #fff;padding-left: 5px;}

/******** CAMPOS NOVOS TRABALHE CONOSCO *************/
.bordaEmpresa {
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid 1px #000;
	border-radius: 3px;
	padding: 4px;
}

.mesmaLinha {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 10px;
	margin-top: 5px;
}

.legenda {
	margin-right: 10px;
	margin-left: 10px;
}

.itemLegenda {
	margin-left: 3px;
	margin-right: 12px;
}