/* ##########################################################################################

CSS FONTE ESPECIAL 

########################################################################################## */

@font-face { font-family: Frank; src: url("http://www.viavedacoes.com.br/fonts/frank_cond.eot"); /* <- para IE */ src: local("Franklin Gothic Demi Cond"), url("http://www.viavedacoes.com.br/fonts/frank_cond.ttf"); }

/* ##########################################################################################

CSS GERAL 

########################################################################################## */

* { margin:0; padding:0; outline:none; list-style:none; }
html, body { height:100%; width:99.99%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
img { border:0; }
div:after { content:"."; clear:both; display:block; visibility:hidden; height:0px; line-height:0px; }
ul { list-style:none; padding:0; margin:0; }
ul:after { content:"."; clear:both; display:block; visibility:hidden; height:0px; line-height:0px; }
ol { margin:10px 0; }
ol li { list-style-type:decimal; margin:2px 0 2px 20px; }
li:after { content:"."; clear:both; display:block; visibility:hidden; height:0px; line-height:0px; }
p:after { content:"."; clear:both; display:block; visibility:hidden; height:0px; line-height:0px; }
a { cursor:pointer; }
td { font-family: Arial; font-size: 12px; font-weight: normal; color: #333333; text-decoration: none; }
input,select,textarea {  font-family:Arial, Helvetica, sans-serif; }

/* ##########################################################################################

CSS MASCARA 

########################################################################################## */

#mask { position:absolute; left:0; top:0;  z-index:9000; display:none; background:#000000; }

/* ##########################################################################################

CSS TOPO 

########################################################################################## */

#site-topo { width:980px; height:100px; margin:15px auto 0 auto; background:url(../imagens/topo/bg.jpg) left 80px repeat-x; }
#site-topo li { float:left; }
#site-topo li#site-topo-1 { width:466px; }
#site-topo li#site-topo-2 { width:75px; height:75px; padding:25px 0 0 0; background:#FFFFFF; overflow:hidden; } 
#site-topo li#site-topo-3 { width:439px; } 
#site-topo li#site-topo-3 #site-menu { width:429px; height:100px; background:url(../imagens/topo/bg_curve.jpg) left 80px no-repeat;  margin:0; padding:0 0 0 5px; }
#site-topo li#site-topo-3 #site-menu li { float:left; height:25px; padding:0; font-size:11px; padding:55px 0 0 0; margin:0 0 0 17px; text-align:center; }
#site-topo li#site-topo-3 #site-menu .menu-sel { background:url(../imagens/topo/arrow.jpg) center bottom no-repeat; }

.site-slide-mini { width:75px; height:63px; background:#FFFFFF; margin:15px auto 0 auto; }
.site-slide-mini .slide { width:75px; position:relative; left:5px; height:63px; z-index:1; text-align:center; }

#site-slide { clear:both; width:980px; height:220px; margin:0 auto; background:url(../imagens/slide/bg.jpg) left 210px repeat-x; }

/* ##########################################################################################

CSS CENTRO

########################################################################################## */

#site-corpo { clear:both; width:980px; min-height:600px; margin:0 auto; }
#site-centro { clear:both; width:980px; margin:0 auto; }
#centro { width:970px; margin:0 auto 20px auto; padding:0; }
#centro-e { float:left; width:190px; margin:0 30px 0 0; padding:0; }
#centro-d { float:left; width:740px; margin:0; padding:0; }
#centro-c { width:960px; margin:0 0 20px 0; padding:0; }

.conteudo-titulo { font-family:Frank; font-size:30px; letter-spacing:-0.5px; color:#213481; }
.conteudo-subtitulo { font-family:Frank; font-size:20px; letter-spacing:-0.5px; color:#213481; }
.conteudo-texto { text-align:justify; margin:0 0 25px 0; }

/* ##########################################################################################

CSS LATERAL

########################################################################################## */

#centro-e .menu-1 { clear:both; width:190px; padding:5px; background:#213481; margin:0 0 20px 0 ; }
#centro-e .menu-1 .menu-titulo { clear:both; font-family:Frank; font-size:18px; letter-spacing:-0.5px; color:#FFFFFF; padding:0 3px 5px 3px; }
#centro-e .menu-1 .menu-categorias { border-top: 1px dotted #213481; background:#FFFFFF; padding:8px 10px; cursor:pointer; }
#centro-e .menu-1 .menu-categorias img { margin:0 8px 0 0 ; }
#centro-e .menu-1 .no-border { border:none; }
#centro-e .menu-1 .menu-subcategorias { border-top: 1px dotted #213481; background:#FFFFFF; padding:5px 10px; }
#centro-e .menu-1 .menu-subcategorias ul li { clear:both; line-height:24px; background:url(../imagens/menu/icon_sub.jpg) 4px 10px no-repeat; padding:0 0 0 16px; }

.menu-invisivel { display:none; }
.menu-visivel { display:block; }

#centro-e .menu-2 { clear:both; width:190px; padding:5px; background:#586AA2; margin:0 0 20px 0 ; }
#centro-e .menu-2 .menu-titulo { clear:both; font-family:Frank; font-size:18px; letter-spacing:-0.5px; color:#FFFFFF; padding:0 0 5px 0; }
#centro-e .menu-2 .menu-corpo { background:#FFFFFF; padding:10px; }
#centro-e .menu-2 .menu-corpo #Busca_Keywords { width:148px; padding:10px; margin:10px 0; border:1px solid #cccccc; font-size:14px; color:#999999; }
#centro-e .menu-2 .menu-corpo #bt-buscar { cursor:pointer; margin:5px 0; }

/* ##########################################################################################

CSS PRODUTOS

########################################################################################## */

.listagem-produtos { float:left; width:740px; margin:0 0 15px 0; }
.listagem-produtos .box-produto-1 { float:left; overflow:visible; width:216px; margin: 15px 0; padding:0 15px; text-align:center; }
.listagem-produtos .box-produto-2 { float:left; overflow:visible; width:216px; margin: 15px 0; padding:0 15px; text-align:center; border-left:1px dotted #cccccc; border-right:1px dotted #cccccc; }
.listagem-produtos .box-produto img { margin:0 0 10px 0; }
.listagem-produtos .box-produto p { padding:0 0 8px 0; }
.listagem-produtos .box-produto-sep { clear:both; width:740px; height:1px; max-height:1px; margin:15px 0 14px 0; border-top:1px dotted #cccccc; } 
.listagem-produtos .mais-cat { margin:10px 0; }

/* ##########################################################################################

CSS FORNECEDORES

########################################################################################## */

.FornControle { float:left; width:50px; height:50px; margin:25px 0 0 0; cursor:pointer; }
.FornControleOFF { float:left; width:50px; height:50px; margin:25px 0 0 0;  }
#FornLeft { background:url(../imagens/outros/forn_left.jpg) center no-repeat; }
#FornRight { background:url(../imagens/outros/forn_right.jpg) center no-repeat; }
#FornLeftOff { background:url(../imagens/outros/forn_left.jpg) center no-repeat; display:none; }
#FornRightOff { background:url(../imagens/outros/forn_right_off.jpg) center no-repeat; display:none; }

#fornecedores #slide-fornecedores { margin:0; padding:0; width:860px; height:100px; float:left; overflow:auto; }
#fornecedores #slide-fornecedores .fornecedor { margin:0; width:142px; height:100px; float:left; }
#fornecedores #slide-fornecedores .fornecedor div { display: table-cell; text-align: center;  vertical-align: middle; width:142px; height:100px;  }
#fornecedores #slide-fornecedores .fornecedor div img { vertical-align:middle; }

/* ##########################################################################################

CSS RODAPE

########################################################################################## */

#site-rodape { clear:both; margin:25px auto; width:980px; min-height:120px; background:url(../imagens/rodape/bg.jpg) left top repeat-x; font-size:11px; color:#586AA2; }
#site-rodape #site-rodape-row { width:864px; min-height:120px; padding:0 0 0 116px; background:url(../imagens/rodape/imagem.jpg) 10px top no-repeat; }
#site-rodape #site-rodape-row div { width:854px; height:120px; background:url(../imagens/rodape/imagem_2.jpg) right 10px no-repeat; }
#site-rodape #site-rodape-row #site-rodape-menu { clear:both; width:844px; margin:0px 0 0 25px; }
#site-rodape #site-rodape-row #site-rodape-menu li { float:left; background:none;  min-height:10px; padding:12px 10px 0 10px; }

#site-rodape #site-rodape-row #site-rodape-creditos  { clear:both; width:844px; margin:25px 0 0 15px; }
#site-rodape #site-rodape-row #site-rodape-creditos #site-cred-1 { float:left; width:320px; margin:0 20px 0 0; }
#site-rodape #site-rodape-row #site-rodape-creditos #site-cred-2 { float:left; width:240px; margin:0 20px 0 0; }
#site-rodape #site-rodape-row #site-rodape-creditos #site-cred-3 { float:left; width:204px; margin:0 20px 0 0; }


/* ##########################################################################################

CSS NAVEGACAO

########################################################################################## */


#nav { clear:both; padding:15px 0 15px 0; text-align:left; font-size:11px; color:#586AA2; }
#nav div { float:left; }
#nav #nav-e { width:870px; }
#nav #nav-d { width:90px; text-align:right; }


/* ##########################################################################################

CSS FORMS

########################################################################################## */

.forms { padding:8px 5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #CCCCCC; color:#333333; }
.formsFocus { border:1px solid #999999; }
.formsInv { padding:8px 5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #FF0000; color:#FF0000; }

.forms-site { border:1px dotted #CCCCCC; background:#EEEEEE; padding:10px; margin:0 0 15px 0; }
.forms-site p { min-height:20px; padding: 5px; margin:4px 0; -moz-border-radius-topright:10px; -khtml-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -khtml-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomright:10px; -khtml-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;  }
.forms-site #frm-botao { padding:13px 10px 15px 10px; margin:0 0 0 0; background:#EEEEEE;  -moz-border-radius-topright:10px; -khtml-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -khtml-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomright:10px; -khtml-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;  }

.forms-site label { display:table; float:left; width:125px; font-weight:bold; padding:8px 0 0 5px; }
.forms-site-field { font-size:12px; padding:3px; border:1px solid #999999; color:#333333; }
.forms-site-fieldInv { font-size:12px; padding:3px; border:1px solid #FF0000; color:#FF0000; }

.botoes { padding:10px; margin:5px 5px 0 0; cursor:pointer; font-size:12px; font-weight:bold; }
.botoes-R { float:right; padding:10px; margin:5px 5px 0 0; font-weight:bold; cursor:pointer; font-size:12px; }


/* ##########################################################################################

CSS ALERTA

########################################################################################## */

#alerta-window { z-index:9999; width:550px; min-height:50px; overflow:visible; position:absolute; margin:0 auto; padding:0; }
#alerta-top { position:relative; height:38px; padding:0; text-align:left;  background:#213481;  border:1px solid #213481; border-bottom:none; font-size:16px; font-weight:bold; letter-spacing:-0.5px;  -moz-border-radius-topright:15px; -khtml-border-radius-topright:15px; -webkit-border-top-right-radius:15px; -moz-border-radius-topleft:15px; -khtml-border-radius-topleft:15px; -webkit-border-top-left-radius:15px;}
#alerta-top ul li { float:left; }
#alerta-top ul #alerta-1 { width:10px; height:38px; }
#alerta-top ul #alerta-2 { width:497px; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; }
#alerta-top ul #alerta-3 { width:41px; height:28px; padding:10px 0 0 0; font:bold; color:#FFFFFF; font-size:14px; text-align:center; cursor:pointer; }
#alerta-info { clear:both; position:relative; padding:10px; border:1px solid #213481; background:#FFFFFF; -moz-border-radius-bottomright:10px; -khtml-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; }
#alerta-info p { padding:5px 0; }

#alerta-info-mini { clear:both; position:relative; padding:10px 15px; border:1px solid #213481; background:#FFFFFF; -moz-border-radius-topright:10px; -khtml-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -khtml-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomright:10px; -khtml-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; }
#alerta-info-mini p { padding:5px 0; }


/* ##########################################################################################

CSS CORNERS

########################################################################################## */

.cornersTop { -moz-border-radius-topright:15px; -khtml-border-radius-topright:15px; -webkit-border-top-right-radius:15px; -moz-border-radius-topleft:15px; -khtml-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; }
.cornersBot { -moz-border-radius-bottomright:10px; -khtml-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; }
.cornersAll { -moz-border-radius-topright:10px; -khtml-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -khtml-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomright:10px; -khtml-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;  }