/*
|--------------------------------------------------------------------------
| Arquivo : base
|--------------------------------------------------------------------------
|
| Folha de estilo responsável pelas formatações da estrutura do site,
| deve apenas conter formatações que repetem nas páginas.
|
*/


/** CONFIGURAÇÕES
*********************************/
body{
    margin:0px;
    font-family: Arial, Helvetica, sans-serif;
}
a img{
    border:0px;
}
form{
    margin:0px;
}
* {outline: none;}

.alignimg{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.alignimg * {
    vertical-align: middle;
}

#box-ie{
    display:none;
    width:600px;
    height:450px;
    background:#000;
    position:absolute;
    z-index:60;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-200px;
    border-radius: 9px; /* CSS 3 */
    -o-border-radius: 9px; /* Opera */
    -icab-border-radius: 9px; /* iCab */
    -khtml-border-radius: 9px; /* Konqueror */
    -moz-border-radius: 9px; /* Firefox */
    -webkit-border-radius: 9px; /* Safari */
}
#box-ie-text{
    padding:30px;
    color:#fff;
    text-align:justify;
}
#box-ie-text h1{
    text-align:center;
    font-size:35px;
    color:yellow;
}
#box-ie-text h1 span{
    font-size:28px;
    color:#fff;
}
#box-ie-icones{
    padding-top:20px;
}
#box-ie-icones a{
    display:block;
    width:100px;
    padding-top:65px;
    float:left;
    margin-left:20px;
    margin-right:20px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    text-align:center;
}
#box-ie-icones a:hover{
    border:2px solid #f00;
    width:96px;
}
#firefox{background:url(../img/firefox.png) top center no-repeat;}
#chrome{background:url(../img/chrome.png) top center no-repeat;}
#safari{background:url(../img/safari.png) top center no-repeat;}
#ie8{background:url(../img/ie8.png) top center no-repeat;}
#box-ie-close{
    clear:both;
    color:#fff;
    float:right;
    margin:20px;
    cursor:pointer;
}

/** CARRINHO DE COMPRAS
*********************************/
#shoppingcart{
    z-index:50;
    left:0px;
    margin:0;
    padding:0;
    position:fixed;
    top:0px;
    width:100%;

}
#shoppingcart-bar{
    width:100%;
    height:36px;
    background:url(../img/fundo-shoppingcart-bar.jpg) repeat-x;
    font-size:12px;
}
#cartcontent-bar{
    width:979px;
    padding-top:5px;
    margin:0 auto;
}
#mycart{
}
#mycart img{float:left;}
#boxmycart{
    min-width:217px;
    height:25px;
    line-height:25px;
    float:left;
    background:url(../img/fundo-mycart.jpg) repeat-x;
    color:#737373;
    text-align:center;
}
#btn-cotacao{
    display:block;
    float:left;
    width:117px;
    height:25px;
    margin-left:22px;
    background:url(../img/cart-btn-cotacao_hover.jpg) no-repeat;
    color:#fff;
    text-decoration:none;
    text-align:center;
    line-height:25px;
}
#btn-cotacao:hover{
    background:url(../img/cart-btn-cotacao.jpg) no-repeat;
}

#btao-show-cart{
    float:right;
}

.show-cart{
    cursor:pointer;
}

#shoppingcart-prods{
    height: 99px;
    overflow:hidden;
    background:url(../img/fundo-cart-open.jpg) repeat-x;
}
#cartcontent-prod{
    width:979px;
    margin:0 auto;
}
.qtdprod{display:none;}

#carousel-cart{
}
#carousel-cart li{
}
.box-tooltip {
    font-size:11px;
    text-align:center;
    padding:5px;
    width:120px;
    color:#fff;
    background:#006293;
    border:1px solid #004a6f;
    z-index:50;
}
.border-b{
    border-bottom:1px solid #fff;
}

/** TOPO
*********************************/
#topo{
    background:url(../img/fundo_topo.jpg) repeat-x;
    font-size:13px;	
}
.cartvisible{
    margin-top:36px;
}
#menu-topo{
    width:979px;
    height:61px;
    margin:0 auto;
}
#menu-topo ul{
    padding:0px;
    margin:0px;
    list-style:none;
}
#menu-topo ul li{padding-top:9px; float:left;}
#menu-topo ul li a{
    display:inline-block;
    height:52px;
    line-height:52px;
    text-align:center;
    text-decoration:none;
    color:#B8E8FF;
    margin-right:5px;
}

#menu-topo ul li .linkhome_hover,
#menu-topo ul li .linkempresa_hover,
#menu-topo ul li .linkparceiros_hover,
#menu-topo ul li .linkcotacao_hover,
#menu-topo ul li .linkcontato_hover{
    color:#004D73;
}

#menu-topo ul li #linkhome{width:76px;}
#menu-topo ul li .linkhome_hover{background:url(../img/menu-hover-link-home.jpg) no-repeat;}
#menu-topo ul li #linkempresa{width:103px;}
#menu-topo ul li .linkempresa_hover{background:url(../img/menu-hover-link-empresa.jpg) no-repeat;}
#menu-topo ul li #linkparceiros{width:97px;}
#menu-topo ul li .linkparceiros_hover{background:url(../img/menu-hover-link-parceiros.jpg) no-repeat;}
#menu-topo ul li #linkcotacao{width:93px;}
#menu-topo ul li .linkcotacao_hover{background:url(../img/menu-hover-link-cotacao.jpg) no-repeat;}
#menu-topo ul li #linkcontato{width:93px;}
#menu-topo ul li .linkcontato_hover{background:url(../img/menu-hover-link-contato.jpg) no-repeat;}


#topo-data{
    float:right;
    line-height:52px;
    color:#fff;
}

#box-flash-topo{
    background:url(../img/fundo-flash.jpg) repeat-x;
}
#topo-flash{
    width:1000px;
    height:160px;
    margin:0 auto;
}

#topo-box-down{
    height:250px;
    border-top:1px solid #E3E3E3;
    background:url(../img/topo-box-down.jpg) repeat-x;
}

#topo-content-down{
    width:979px;
    margin:0 auto;
}

/* CATEGORIAS */
#topo-box-cat{
    width:266px;
    height:227px;
    padding-left:8px;
    background:url(../img/topo-box-cat-title.png) no-repeat;
    position:absolute;
    float:left;
}

#topo-box-cat h1{
    margin:0px;
    padding-top:15px;
    color:#fff;
    font-size:18px;
    text-align:center;
}
#topo-box-cat #menu-categorias{
    height:157px;
    padding:0px;
    padding-left:3px;
    margin:0px;
    margin-top:7px;
    background:url(../img/topo-cat-fundo.png) repeat-y;
}
#topo-box-cat ul li{
    width:247px;
    height:37px;
    background:url(../img/fundo-menu.jpg) repeat-x;
    border:1px solid #EBEBEB;
    list-style:none;
}
.hiddencat{display:none;}
#topo-box-cat ul li a{
    display:block;
    width:213px;
    padding-left:19px;
    line-height:41px;
    background:url(../img/topo-cat-arrow.jpg) right no-repeat;
    color:#5F6568;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
}

.msie #topo-box-cat ul li.ativo{/*float:left;*/}

#topo-box-cat ul li.ativo{
    width:278px;
    border:1px solid #005E8D;
    background:url(../img/fundo-menu-ativo.jpg) repeat-x;
}
#topo-box-cat ul li.ativo a.linkativo{
    width:224px;
    color:#0F5679;
    background:url(../img/topo-cat-arrowhover.jpg) right no-repeat;
}

.slidecat{
    cursor:pointer;
}

/* SUBCATEGORIAS */
.submenu{
    display:none;
    position:absolute;
    z-index:2;
    top:0px;
    margin-left:278px;
    width:495px;
    background:url(../img/submenu-bottom.png) bottom no-repeat;
    padding-bottom:36px;
    overflow:hidden;
}
.label-top{
    background:url(../img/submenu-top.png) top no-repeat;
    padding-top:5px;
}
.ulsubmenu{
    padding:0px;
    margin:0px;
    padding-left:6px;
    background:url(../img/submenu-middle.png) repeat-y;
    overflow:hidden;
}

#topo-box-cat ul li.ativo .ulsubmenu li{
    width:138px;
    float:left;
    line-height:27px;
    border:0px;
    border-bottom:1px dotted #D5D5D5;
    margin-left:11px;
    margin-right:11px;
    padding:0px;
    background:none;
}
#topo-box-cat ul li.ativo .ulsubmenu li a{
    width:140px;
    padding:0px;
    padding-top:7px;
    line-height:normal;
    color:#007EBE;
    background:none;
    font-size:11px;
    font-weight:normal;
}
#topo-box-cat ul li.ativo .ulsubmenu li a:hover{
    text-decoration:underline;
}
/* FIM MENU */

#flash-prod-dest{float:right; margin-left:21px;}

/** RODAPE
*********************************/
#rodape{
    padding-top:10px;
    overflow:hidden;
	margin-top: 21px;
    background:url(../img/fundo_rodape.jpg) repeat-x;
}
#box-rodape{
    width:979px;
    margin:0 auto;
}
#box-rodape a{float:left;}
#rodape-dados{
    width:603px;
    float:left;
    padding-left:29px;
    padding-top:30px;
    line-height:22px;
    font-size:13px;
    color:#fff;
}

#desenvolvimento {
	margin: 0 auto;
	width: 980px;
        height:48px;
        line-height:48px;
	font-size: 10px;
	text-align: right;
	color: #0073ac;
}
#desenvolvimento a {color:#0073ac;text-decoration:none;}
#desenvolvimento a:hover {text-decoration:underline;}
/** CONTEUDO
*********************************/

#conteudo{
    padding-top:40px;
    background:url(../img/fundo_conteudo.jpg) repeat-x;
}
#conteudopag{
    width:980px;
    margin:0 auto;
    overflow:hidden;
}
#content-left{
    width:727px;
    float:left;
}
#content-right{
    width:253px;
    float:left;
}

/** PAGINAÇÃO
**************************/
#paginacao{
    min-width:104px;
    float:right;
    font-size:12px;
    margin-right:36px;
}
#paginacao a, #paginacao strong{
    display:block;
    width:26px;
    height:24px;
    line-height:24px;
    color:#545454;
    background: url(../img/paginacao-sel.jpg) no-repeat;
    text-align:center;
    float:left;
    margin-left:13px;
}
#paginacao a:hover{
    background: url(../img/paginacao-link.jpg) no-repeat;
    color:#fff;
    
}
#paginacao strong{
    background: url(../img/paginacao-link.jpg) no-repeat;
    color:#fff;
}

/** RETORNO FORMS
*********************************/
#mascara{
    width:100%;
    height:100%;
    background:#000;
    position:fixed;
    z-index:100;
    top:0px;
    left:0px;
    display:none;
    margin:0px;
}
#box-retorno{
    width:350px;
    background:#000;
    padding-top:40px;
    padding-bottom:40px;

    position:fixed;
    z-index:101;
    top:0px;
    left:0px;
    
    border-radius: 9px; /* CSS 3 */
    -o-border-radius: 9px; /* Opera */
    -icab-border-radius: 9px; /* iCab */
    -khtml-border-radius: 9px; /* Konqueror */
    -moz-border-radius: 9px; /* Firefox */
    -webkit-border-radius: 9px; /* Safari */
    text-align:center;
    font-size:18px;
    color:#fff;
    display:none;
    float:left;

}
#box-retorno span{
    font-size:12px;
}

/** CONTEÚDO DO SITE
*********************************/
#label-titulo-topo{
    width:619px;
    height:70px;
    padding-left:75px;
    line-height:70px;
    background:url(../img/label-titulo-topo.jpg) no-repeat;
    margin:0px;
    color:#2F6F97;
    font-size:20px;
}

#pag-produtos{
    overflow:hidden;
    min-height:609px;
}
.quad-pack{
    width:206px;
    height:271px;
    overflow:hidden;
    margin-right:36px;
    margin-bottom:33px;
    float:left;
}

.pag-boxprod{
    height:225px;
    overflow:hidden;
}
/*.pag-prodimg{
    display:inline-block;
    width:194px;
    height:135px;
    padding:4px;
    border:2px solid #CED9DF;
    background-color:#fff;
    overflow:hidden;
    text-align:center;
}*/
.pag-prodimg{
    width:194px;
    height:135px;
    padding:4px;
    border:2px solid #CED9DF;
    background-color:#fff;
    overflow:hidden;
    text-align:center;
}
.prod{
    width:194px;
    height:135px;
    overflow:hidden;
}
/*.cutimg{
    display:inline-block;
    width:194px;
    overflow:hidden;
    cursor:pointer;
}*/
.pag-prodtitle{
    display:block;
    width:202px;
    margin-top:10px;
    text-decoration:none;
    color:#2F6F97;
    font-size:14px;
    font-weight:bold;
}
.mousehover .pag-prodimg{border:2px solid #2F6F97;}
.mousehover .pag-prodtitle{text-decoration:underline;}

.quad-pack .boxqtd{
    width:45px;
    height:26px;
    float:left;
}
.inputqtd{
    width:30px;
    height:30px;
    background: url(../img/boxqtd.png) left top no-repeat;
    border:0px;
    float:left;
    overflow:hidden;
    
}
.inputqtd input{
    width:30px;
    height:21px;
    padding-top:5px;
    text-align:center;
    border:0px;
    background:none;
    color:#fff;
}
.acoes-qtd{
    width:12px;
    float:left;
    overflow:hidden;
}
.acoes-qtd img{
    cursor:pointer;
    float:left;
    margin-bottom:3px;
}

.addcart{
    float:left;
    display:block;
    width:153px;
    height:26px;
    margin-left:8px;
    background: url(../img/addcart.jpg) no-repeat;
    font-size:12px;
    font-weight:bold;
    color:#616161;
    text-decoration:none;
    line-height:26px;
    text-align:center;
}
.addcart:hover{
    color:#006DA3;
}
.linktocat{
    font-size:11px;
    color:#4096C1;
    clear:both;
    float:right;
    margin-top:7px;
    text-decoration:none;
}
.linktocat:hover{
    text-decoration:underline;
    color:#004A6F;
}

/* CONTEUDO DIREITO */
#right-box-empresa{
    width:253px;
    height:174px;
    background: url(../img/right-box-empresa.jpg) no-repeat;
    margin-bottom:30px;
    text-align:justify;
}

#right-box-parceiros{
    width:253px;
    height:272px;
    background: url(../img/right-box-parceiros.jpg) no-repeat;
    margin-bottom:30px;
}
#right-box-parceiros h1,
#right-box-empresa h1{
    margin:0px;
    padding-left:19px;
    padding-top:9px;
    margin-bottom:6px;
    font-size:16px;
    color:#fff;
}
.logoparceiros{
    display:block;
    width:92px;
    height:74px;
    float:left;
    padding:2px;
    overflow:hidden;
	text-align: center;
    border:1px solid #DBDFE2;
    background:#fff url(../img/ajax-loader.gif) center no-repeat;
    margin-left:19px;
    margin-top:19px;
}
.logoparceiros:hover{
    border:1px solid #0075B0;
}
.logoparceiros img{
    display:none;
}
.link-pag-right{
    float:right;
    margin-right:20px;
    margin-top:15px;
    font-size:12px;
    color:#0073AC;
    text-decoration:none;
}
.link-pag-right:hover{
    text-decoration:underline;
}
.margin-b{
    margin-bottom:30px;
}