/* tags */
* {margin:0; padding:0; outline:none;}
img { border:0;}
body {background: url(../img/fundo_body.jpg) repeat-x;}
div, td, th, body, select, input, textarea, p { font-family:Arial, Helvetica, sans-serif; color:#333;font-size:11px; }
a { text-decoration:none; color:#333;}
a:hover { text-decoration:none; color:#666;}
h1 {margin-bottom: 10px;}
h3 {font-size:13px; margin-bottom:5px;}
h4 {font-size:12px; margin-bottom:5px;}
.checkbox { width:14px; height:14px; vertical-align:middle;}

/* estrutura */
#conteudo {margin:0 auto; width:776px;}
#topo {margin:0 auto; width:776px; position:relative;}
#topoLogo {width:255px; height:183px; float:left; text-align:center; background:url(../img/logo_fundo.jpg) top center no-repeat;}
#topoCartola { position:absolute; left:245px; z-index:99; width:531px; height:200px;}
#lateral {width:255px; float:left; padding-bottom:10px; background:url(../img/menu_fundo.jpg) top center no-repeat;}
.lateralInterno {width:231px; margin-left:12px;}
#centro {width:510px; float:left;}
.centroInterno { margin:30px 0px 10px 10px; *margin:30px 0px 10px 10px; _margin:30px 0px 10px 5px;}
#rodape { background:url(../img/rodape_fundo.gif) repeat-x;}
.rodapeInterno {margin:0 auto; width:776px; height:140px; background:url(../img/rodape_contatos.gif) 12px 0 no-repeat;}

#menuTopo {width:180px; height:24px; position:absolute; right:10px; background:url(../img/menuApoioTopo.png) no-repeat; z-index:99;}
#menuTopo .interno {width:180px; height:24px; position:relative;}
#menuTopo .interno .btnSolicite a {width:104px; height:24px; position:absolute; left:0; top:0; overflow:hidden; text-indent:-20000px;}
#menuTopo .interno .btnSolicite a:hover {width:104px; height:24px; position:absolute; left:0; top:0; overflow:hidden; text-indent:-20000px; background:url(../img/menuApoioTopo.png) no-repeat bottom left;}
#menuTopo .interno .btnFale a {width:76px; height:24px; position:absolute; right:0; top:0; overflow:hidden; text-indent:-20000px;}
#menuTopo .interno .btnFale a:hover {width:76px; height:24px; position:absolute; right:0; top:0; overflow:hidden; text-indent:-20000px; background:url(../img/menuApoioTopo.png) no-repeat bottom right;}

/* ajudantes */
.ancora {position: relative; height:0; width:1px; z-index:20;}
.clear {clear:both;}
.fLeft {float:left;}
.fRight {float:right;}
.oculto {display: none;}

.xxx { background-color:#3c3;} /*verde*/
.yyy { background-color:#fc0;} /*amarelo*/
.zzz { background-color:#06f;} /*azul*/

/* slider */
#container {
background-color: #fff;
width: 500px;
margin: 15px auto;
padding: 0px;
}

/* slider specific CSS */
.sliderGallery {
background: url(/slider-gallery_arquivos/productbrowser_background_20070622.jpg) no-repeat;
overflow: hidden;
position: relative;
padding:0;
height: 160px;
width: 492px;
}

.sliderGalleryHome {
background: url(/slider-gallery_arquivos/productbrowser_background_20070622.jpg) no-repeat;
overflow: hidden;
position: relative;
padding:0px 10px 0 10px;
height: 144px;
*height: 140px;
width: 492px;
}

.sliderGalleryHome h2 {
color:#FE9900;
font-size:16px;
padding:4px 0 5px 0;
}

.sliderGalleryHome ul li {
display: inline;
margin:0 15px 0 0;
float:left;
width:106px;
}
.sliderGalleryHome ul li a{
cursor:pointer;
}

.sliderGalleryHome ul li img{
border:solid 3px #FE9900;
}

.sliderGalleryHome a span {color:#999; font-size:10px; padding:2px 0 0 0; float:left;}
.sliderGalleryHome a:hover span {color:#999; font-size:10px; text-decoration:underline;}


.sliderGallery h2 {
color:#FE9900;
font-size:13px;
padding:4px 0 0 10px;
}

.sliderGallery ul {
position: absolute;
list-style: none;
overflow: none;
white-space: nowrap;
padding:6px 10px 10px 0;
margin: 0;
}

.sliderGallery ul li {
display: inline;
margin:0 5px 0 0;
}

.slider {
width: 474px;
height: 21px;
margin-top: 92px;
*margin-top: 92px;
_margin-top: 4px;
margin-left: 5px;
padding: 1px;
position: relative;
background: url(/slider-gallery_arquivos/productbrowser_scrollbar_20070622.png) no-repeat;

}

.sliderGalleryContent {
width:472px; 
height:90px; 
float:left; 
overflow:hidden; 
position:relative;
margin:0 0 0 10px;
}

.handle {
position: absolute;
cursor: move;
height: 23px;
width: 202px;
top: 0;
background: url(/slider-gallery_arquivos/productbrowser_scroller_20080115.png) no-repeat center;
z-index: 100;
}

.slider span {
color: #bbb;
font-size: 80%;
cursor: pointer;
position: absolute;
z-index: 110;
top: 3px;
}

/* fim slider */

/* Rodapé */
.rodapeCopy {padding:122px 0 0 13px; color:#999;}
.rodapeCopy a {color:#999;}

/* Menus */
#menuPrincipal { width: 231px;}
ul#menuPrincipal { list-style:none; }
#menuPrincipal li a { display:block; width:231px; height:31px; text-indent:-10000px; overflow:hidden; background:url(../img/menu_principal.jpg) no-repeat; }
#menuPrincipal li a.over, #menuPrincipal li a:hover { background:url(../img/menu_principal_over.jpg) no-repeat; }
#menuPrincipal li.menu1 a,
#menuPrincipal li.menu1 a.over,
#menuPrincipal li.menu1 a:hover {background-position:0 0; }
#menuPrincipal li.menu2 a,
#menuPrincipal li.menu2 a.over,
#menuPrincipal li.menu2 a:hover { background-position:0 -31px; }
#menuPrincipal li.menu3 a,
#menuPrincipal li.menu3 a.over,
#menuPrincipal li.menu3 a:hover { background-position:0 -62px;}
#menuPrincipal li.menu4 a,
#menuPrincipal li.menu4 a.over,
#menuPrincipal li.menu4 a:hover { background-position:0 -93px; }
#menuPrincipal li.menu5 a,
#menuPrincipal li.menu5 a.over,
#menuPrincipal li.menu5 a:hover  { background-position:0 -124px; }
#menuPrincipal li.menu6 a,
#menuPrincipal li.menu6 a.over,
#menuPrincipal li.menu6 a:hover  { background-position:0 -155px; }
#menuPrincipal li.menu7 a, 
#menuPrincipal li.menu7 a.over,
#menuPrincipal li.menu7 a:hover { background-position:0 -186px; }
#menuPrincipal li.menu8 a,
#menuPrincipal li.menu8 a.over,
#menuPrincipal li.menu8 a:hover  { background-position:0 -217px; }
#menuPrincipal li.menu9 a, 
#menuPrincipal li.menu9 a.over,
#menuPrincipal li.menu9 a:hover { background-position:0 -248px; }
#menuPrincipal li.menu10 a, 
#menuPrincipal li.menu10 a.over,
#menuPrincipal li.menu10 a:hover { background-position:0 -279px; }
#menuPrincipal li.menu11 a, 
#menuPrincipal li.menu11 a.over,
#menuPrincipal li.menu11 a:hover { background-position:0 -310px; }
#menuPrincipal li.menu12 a, 
#menuPrincipal li.menu12 a.over,
#menuPrincipal li.menu12 a:hover { background-position:0 -341px; }

#menuPrincipal .subMenuDiv { background:#F5F5F5; width:231px; border-bottom:2px solid #fff; }
#menuPrincipal .subMenuDiv li { background:url(../img/submenu_marcador.gif) 217px 7px no-repeat;display:block; width:231px;  text-align:right; }
#menuPrincipal .subMenuDiv li span { color:#666;  cursor:pointer;display:block; padding:3px 20px 5px 5px; }

/* login */
.loginBox { background:#EBEBEB url(../img/login_box_topo2.gif) top center no-repeat; width:231px; padding-top:35px;}
.loginBoxLogado { background:#FFE0B2 url(../img/login_box_topo_logado2.gif) top center no-repeat; width:231px; padding-top:30px;}
.loginBoxLogadoBase { background:#FFE0B2 url(../img/login_box_base.gif) center bottom no-repeat; width:231px;}
.loginCadastrese { background:#f5f5f5 url(../img/login_box_base.gif) center bottom no-repeat; width:231px;}
.loginCadastrese img { margin:4px 8px 4px 8px;}
.loginCadastrese p { padding:0 8px 8px 8px;}
.loginCadastrese p a { color:#999;}

.loginBoxLogado h4 { margin:0 0 5px 10px; font-size:12px; }
.loginBoxLogado h4 span { font-weight:normal; }
.loginBoxLogado ul { list-style:none; border-top:1px solid #FFAC2F; padding:5px 0 5px 0 ; }
.loginBoxLogado .subMenuDiv { background:#FFCC80; width:231px; border-bottom:1px solid #FFAC2F; }
.loginBoxLogado .subMenuDiv li { background:url(../img/submenu_marcador.gif) 217px 7px no-repeat;display:block; width:231px;  text-align:right; }
.loginBoxLogado .subMenuDiv li a { color:#333;  cursor:pointer;display:block; padding:3px 20px 5px 5px; }

/* Home*/
.bannerHome { margin:0 0 15px 0;}
.bannerHome p { margin:3px 0 0 0; color:#666;}

/* Registro padrão */
.registro { padding-bottom: 15px; }
.registro h2 { font-size: 15px; color: #666; margin-bottom: 10px; }
.registro h3 { font-size: 12px; color: #666; margin-bottom: 5px; }
.registro p { margin-bottom: 4px; }
.imagemEsq { margin: 1px 8px 1px 0; float:left; }
.imagemDir { margin: 1px 0 1px 8px; float:right; }
.borda { border: 3px solid #F97C0D; }
.links { margin: 0 0 10px 0; list-style:none; }
.links li { background:url(../img/marcador_link.gif) 0 4px no-repeat; padding:0 0 3px 10px;}
.emails a, .links a { color:#F97C0D; font-size:11px; } 
.emails { background:url(../img/marcador_email.gif) 0 3px no-repeat; padding-left:15px; margin:5px 0 0 0; } 

/* Registro Destaque */
.destaqueBox { width:500px; background:url(../img/destaque_box_fundo.gif) repeat-y;}
.destaqueBox h2 { font-size: 15px; color: #F97C0D; margin-bottom: 10px; }
.destaqueBox h3 { font-size: 12px; color: #666; margin-bottom: 5px; }
.destaqueBoxInterno {background:url(../img/destaque_box_topo.jpg) top no-repeat; padding:10px 10px 0 10px; min-height:50px;  _height:50px;/*para ie*/ }
.destaqueBoxBase {width:500px; height:7px; background:url(../img/destaque_box_base.gif) top no-repeat; clear:both; margin-bottom:15px;}

/* Mapas */
.mapaBox { width:500px; background:url(../img/mapas_box_fundo.gif) repeat-y;}
.mapaBox h2 { font-size: 15px; color: #F97C0D; margin-bottom: 10px; }
.mapaBox h3 { font-size: 12px; color: #666; margin-bottom: 5px; }
.mapaBoxInterno {background:url(../img/mapas_box_topo.jpg) top no-repeat; padding:10px 10px 0 10px; min-height:50px;  _height:50px;/*para ie*/ }
.mapaBoxBase {width:500px; height:7px; background:url(../img/mapas_box_base.gif) top no-repeat; clear:both; margin-bottom:15px;}

/* Galeria */
.galeria .registro {width:235px; float:left; background-color:#f0f0f0; margin: 0 5px 10px 5px;padding-bottom: 0; }
.galeria .registroItem { padding:8px; min-height:30px; _height:30px;/*para ie*/ }
/*.galeria .registroItem { padding:8px; min-height:100px; _height:100px;}*/
.galeria .registro h2 { margin: 10px; }
.galeria .registro h3 { font-size: 12px; color: #666; margin-bottom: 5px; }
.galeria .emails { background:none; padding:0; margin:5px 0 0 0; }


/* Formularios */ 
.tabForm {}
.tabForm th { text-align:right; color:#666;}
.btInput {background:url(../img/btForm.jpg) 0 0 no-repeat; height:22px; color:#FFFFFF; font-size:11px; font-weight:bold; border:none; padding-bottom:3px; vertical-align:top; overflow:hidden; text-align:center; cursor:pointer; margin: 0; /*IE*/_padding-bottom:2px;}
.bt30 {width: 30px; background-position:0 0; font-weight:bold; font-size:11px;}
.bt30:hover {background-position:0 -22px;}
.bt50 {width: 50px; background-position:-30px 0;}
.bt50:hover {background-position:-30px -22px;}
.bt60 {width: 60px; background-position:-80px 0;}
.bt60:hover {background-position:-80px -22px;}
.bt70 {width: 70px; background-position:-140px 0;}
.bt70:hover {background-position:-140px -22px;}
.bt80 {width: 80px; background-position:-210px 0;}
.bt80:hover {background-position:-210px -22px;}
.bt90 {width: 90px; background-position:-290px 0;}
.bt90:hover {background-position:-290px -22px;}
.bt100 {width: 100px; background-position:-380px 0;}
.bt100:hover {background-position:-380px -22px;}
.bt120 {width: 120px; background-position:-480px 0;}
.bt120:hover {background-position:-480px -22px;}
.bt140 {width: 140px; background-position:-600px 0;}
.bt140:hover {background-position:-600px -22px;}
.bt160 {width: 160px; background-position:-740px 0;}
.bt160:hover {background-position:-740px -22px;}
.bt180 {width: 180px; background-position:-900px 0;}
.bt180:hover {background-position:-900px -22px;}
.bt200 {width: 200px; background-position:-1080px 0;}
.bt200:hover {background-position:-1080px -22px;}




/* Outros */
.nenhumProduto { display: block; margin: 0 0 20px 25px; color:#900; }
.subMenu { position: absolute; top: -95px; left: 231px; width: 158px; z-index: 999; }
.subMenu td { background: #fff; vertical-align: top; }
.subMenu img { margin: 7px; }
.subMenu .menu { width: 129px; /*background: url(../imagens/subFundo.gif) repeat-y; */
	padding: 3px 0 3px 0; }
.subMenu .menu a { font-size: 10px; margin: 0; }
.subMenu .menu a:hover { color: #666; }
.subMenu .menu img { margin: 8px 0 3px 0; display: block; }
.tabModelosArte { width: 570px; height:280px; }
.tabModelos th { background-color:#E67817; color:#fff; text-align:left; padding:5px; }
.caixaItem { margin-top:10px; }
.preview img { border:5px solid #E3E3E3; }
/*.caixaRolagem { width:175px; height: 280px; background-color:#E5BB4F; }
.divRolagem { width:175px; height: 280px; overflow: auto; }*/

.caixaRolagem { width:490px; height: 240px; background-color:#E5BB4F; }
.divRolagem { width:490px; height: 240px; overflow:auto; overflow-y:hidden;  }
.boxAviso {font-size:12px; color:#333333; border:1px solid #ccc; background-color:#f0f0f0; padding:10px; margin:10px 0 10px 0;}

.btnSaibaMais a {width:80px; height:22px; float:right; background:url(../img/btn_saibaMais.jpg) no-repeat left top; overflow:hidden; text-indent:-20000px; margin:8px 10px 0 0;}
.btnSaibaMais a:hover {background:url(../img/btn_saibaMais.jpg) no-repeat left bottom;}

.btnFazerPedido a {width:90px; height:22px; float:left; background:url(../img/btn_fazerPedido.jpg) no-repeat left top; overflow:hidden; text-indent:-20000px; margin:2px 0 10px 0;}
.btnFazerPedido a:hover {background:url(../img/btn_fazerPedido.jpg) no-repeat left bottom;}

.btnComoFazerPedido a {width:231px; height:61px; float:left; background:url(../img/banner_fazerPedido.jpg) no-repeat left top; overflow:hidden; text-indent:-20000px; margin:6px 0 0 0;}
.btnComoFazerPedido a:hover {background:url(../img/banner_fazerPedido.jpg) no-repeat left bottom;}


/*################################################################################################*/
/* ESTILOS INTERNOS - Lucas */

/* gerais */
.divideModulo{font-size:11px; font-weight:bold; border-bottom:#000 solid 1px; margin:0 0 5px 0;}
.absoluteDesign {background-color:#cccccc; width:100%; margin-bottom:10px;}
.absoluteDesign th { text-align:left; padding:7px 5px 3px 5px; background-color:#f0f0f0;}
.absoluteDesign th span { font-weight:normal; }
.absoluteDesign td {padding:3px 5px 3px 5px ; background-color:#fff;}
.absoluteDesign td p { clear:both; padding-bottom:7px;}
.absoluteDesign td h4 {font-size:12px; padding:5px 0 0 0;}
.absoluteDesign .par{background-color:#F0F0F0; font-size:10px;}
.absoluteDesign .impar{background-color:#FFF; font-size:10px;}
.absoluteDesign .par td{font-size:10px;}
.absoluteDesign .impar td{font-size:10px;}
.absoluteDesign a { text-decoration:underline;}
.absoluteDesign a:hover {color:#F97C0D; text-decoration:underline;}
.absoluteDesign .bgClaro {  background-color:#f0f0f0; }

.listaThTd { background: #dddddd;} 
.listaThTd th {text-align:right; padding:3px 5px 3px 5px; background-color:#f0f0f0;}

.tabBg {width:100%; background:#f0f0f0; margin:0 0 10px 0; border:1px solid #cccccc; }
.tabBg th { text-align:left; padding:7px 5px 3px 5px; background-color:#ddd;}
.tabBg td {padding:3px 5px 3px 5px ;}
.tabBg td.bgBranco { background-color:#FFFFFF;}
.tabBg td p { clear:both; padding-bottom:7px;}
.tabBg td h4 {font-size:12px; padding:5px 0 0 0;}


.divPopupInterno { padding:10px; background-color:#FFFFFF;}
.divPopupMenu { height:15px; margin-bottom:10px; width:500px; position:relative; }
.divPopupMenu h3 { color:#F97C0D; font-size:15px;}
a.divPopupFechar { color:#F97C0D; font-weight:bold; display:block; padding:1px 3px 0 5px ; font-size:11px; position:absolute; z-index:99; top:-26px; right:-11px; background-color:#FFFFFF; border-top:1px solid #666; border-left:1px solid #666; border-right:1px solid #666;}
/* Menu de pedidos 
#divMenuCliente{ height:30px; width:498px; background-color:#F0F0F0; border:#CCC 1px solid; margin-bottom:10px;}
.divItemMenuCliente{ height:22px; padding-left:5px; padding-right:5px; padding-top:8px; font-size:12px; color:#666; float:left; cursor:pointer;}
.divItemMenuClienteOver{height:22px; padding-left:5px; padding-right:5px; padding-top:8px; font-size:12px; color:#F0F0F0; background-color:#666; float:left; cursor:pointer;} 
*/
ul#divMenuCliente{ height:20px; width:498px; border-bottom:#CCC 1px solid; margin-bottom:20px; list-style:none;}
.divItemMenuCliente { height:20px; padding:0 13px 0 6px; background: url(../img/submenuSeparador.gif) right 5px no-repeat; font-size:12px; color:#666; float:left; }
.divItemMenuClienteOver {height:20px;  padding:0 13px 0 6px; background: url(../img/submenuSeparador.gif) right 5px no-repeat; font-size:12px;  float:left; }
.divPrimeiro { padding-left:0; }
.divUltimo { background:none; }
.divItemMenuCliente a { color:#666;}
.divItemMenuClienteOver a { color:#f60; } 

/* Impressão */
.inputFile{}
.textArea {height:60px; overflow:auto; background:#fff; color:#333; border:#333 1px solid; font-weight:normal; margin:1px 0 10px 0; }
/* Material */
#modeloEscolhido{float:right; padding:25px 25px 5px 5px; }
#modeloEscolhido img { margin:5px; }
.nomeLi{ font-weight:bold;}
.ulDados{padding:5px;}
.ulDados li{list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:2px; padding:0;}
.ulDados li a{color:#000; text-decoration:none;}
.ulDados li a:hover{color:#000; text-decoration:underline;}
.ulMenor{float:left;}
.divModelos{background:#F0F0F0;}
/* Pedidos */


/* ESTILOS INTERNOS FIM - Lucas */
/*################################################################################################*/

/*
======================================================================
ANTIGOS do front
======================================================================
*/
.tdEscuro{ background-color:#E5BB4F; }
.tdClaro { background-color:#EECE7B; }
.comentario { color:#666; font-size:12px; font-weight:normal; }
.mostraModelo { width:220px; float: left; color:#666; margin:0 auto; text-align:center; }
.mostraModelo a { color:#003366; margin:3px 0 5px 0; display:block; }
.tabAcabamentos th, .tabAcabamentosArte th { color:#fff; text-align:left; padding:0px; }
.tabAcabamentos td, .tabAcabamentosArte td { padding:2px 0 2px 0; }
.tabAcabamentos div, .tabAcabamentosArte div { height:28px; margin:0 0 1px 0; font-size:13px; font-weight:bold; }
.tabAcabamentos a, .tabAcabamentosArte a { text-decoration:none; padding:3px; }
.tabTituloEscuro{background-color:#cc6c16; color:#fff; font-size:12px; font-weight:bold; }
.boldLeft{font-weight:bold; font-size:12px;  float:left; }
.boldRight{font-weight:bold; font-size:12px;  float:right; }
.boldRight select{font-size:12px; }

.imgModelos{border:#E3E3E3 5px solid; margin:5px;}
.acabOver {background:url(../img/acabOverMenor.gif) right no-repeat; height:22px; margin:0 0 1px 0; font-size:13px; padding:3px;color:#FFF; font-weight:bold;}
.acabOver a{color:#FFF; font-weight:bold;}
.acabOver div{color:#FFF;}
.acabOff{background:none; height:22px; margin:0 0 1px 0; padding:3px; font-size:13px;color:#666; font-weight:bold;}
.acabOff{color:#666; font-weight:bold;}

.numeroModulo{ width:20px; height:30px; font-size:24px; font-weight:bold; float:left;}
.msgErro{}
.divSolicitacao {float:right; width:500px !important; padding:0; margin:0;}
/*
.divideModulo{ margin:20px 0 5px 0; width:520px;}
#centro{float:right; width:521px !important; padding:0; margin:0;}
.centroInterno { margin:0;}*/


/*
======================================================================
ORIGINAIS do site
======================================================================
TH { font-size: 12px; font-weight: bold; color: #fff; background: #cd6c17; }
*/


.arial10preto { font-size: 10px; }
.arial11preto { }
.arial10cinza { font-size: 10px; color : #444343; }
.arial11cinza { color : #444343; }
.linkarial11cinza { color : #444343; }
.linkarial11cinza:hover { color: #333232; }
.arial14branco { font-size: 14px; color: #fff; font-weight: bold; }
.menu { font-size: 10px; }
.menu:hover { }
.atendimento { color: #000; }
.atendimento:hover { color: #fff; }
.linkArial10preto { color: #000; }
.linkArial10preto:hover { color: #333232; }
.linkArial11preto { font-size: 10px; }
.linkArial11preto:hover { color: #0F0F0F; }
.bordas { border: 1px solid #ac580e; font-size: 10px; }
.arial10laranja { font-size: 10px; color : #733c0b; }
.arial10vermelho { color : #FF0000; }
.bgLeft { background-color: #fff; background-image: url(../imagens/bgLeft.gif); background-repeat: repeat-x; }
.bgRight { background-color: #fff; background-image: url(../imagens/bgRight.jpg); background-repeat: repeat-x; }
.arial11vermelho { font-weight: bold; color: #b90303; }
.arial11vermelhon { color: #b90303; }
.arial10vermelho { font-size: 10px; font-weight: bold; color: #b90303; }
.arial11laranja { font-weight: bold; color: #cd6c17; }
.trPedidos { font-size: 10px; font-weight: bold; }