*{ border:0px; margin:0px; text-decoration:none; list-style:none;} html{ background:#c7c8c8 url(imgs/bkg.jpg) repeat-x;} body{text-align:center; font-family:tahoma; font-size:12px;} /* lado esquerdo */ /* titulos da area de "A Farcimar" com a linha por baixo */ h3{ border-bottom:1px solid #333333; width:612px; padding-bottom:3px; color:#595858; font-size:14px; margin-top:16px; float:left; } h2{ float:left; width:300px; font-size:13px; padding-bottom:4px;} h5{ float:left; width:280px; font-size:13px;} /*pagina de produtos */ h6{ float:left; width:612px; font-size:16px; color:#595858; margin-top:16px; font-weight:bold;} h6 span { color:#FCD39D; } h6.sub { margin-top:0; font-size:14px; padding:16px 0; } /* Página de produtos - se tiverem poucos produtos */ h1{ float:left; font-size:16px; color:#595858; margin-top:16px; padding-bottom:3px; font-weight:bold; float:left; clear:right; } .h1Info{ float:left; width:122px; font-size:13px; color:#595858; margin-top:10px; height:48px; background:url(imgs/seta.jpg) no-repeat 0px 2px; padding-left:18px; text-align:left;} /* lado direito */ /* titulo da Marcação CE da homepage */ h4{ float:left; width:80px; font-size:14px; padding:1px 0px 3px 8px;} .hidden{ display:none;} a{ color:#333333;} a:hover{ color:#000000;} a.link{ float:left; padding-left:14px; background:url(imgs/topo.gif) no-repeat 0px 3px;} a.link:hover{ background:url(imgs/topoHover.gif) no-repeat 0px 3px;} #page{ margin:0px auto; width:970px;} #page #header{ float:left; background:url(imgs/bkgHeader.jpg) no-repeat; width:970px;} #page #header #language{ float:right; text-align:left; margin-top:44px; padding-right:34px; color:#fcd39d;} #page #header #language a{ color:#fcd39d; text-decoration:none;} #page #header #language .selected{ font-weight:bold;} #page #header #logo{ float:left; width:96px; margin-top:6px; padding-left:20px;} #page #header #slogan{ float:left; width:500px; color:#fcd39d; margin-top:44px; padding-left:58px; text-align:left;} #page #header #menu{ float:left; margin-top:34px; padding-left:48px; width:800px;} #page #header #menu a{ float:left; background:url(imgs/bkgMenu.jpg) no-repeat; width:157px; height:23px; padding-top:18px; color:#FFFFFF; font-weight:bold;} #page #header #menu .first{ background:url(imgs/bkgMenuFirst.jpg) no-repeat; width:162px;} #page #header #menu .last{ background:url(imgs/bkgMenuLast.jpg) no-repeat;} #page #header #menu .firstSelected {background:url(imgs/bkgMenuFirstHover.jpg) no-repeat; width:162px;} #page #header #menu .lastSelected{ background:url(imgs/bkgMenuLastHover.jpg) no-repeat;} #page #header #menu .selected{background:url(imgs/bkgMenuHover.jpg) no-repeat; } /* hovers do menu */ #page #header #menu a:hover { background:url(imgs/bkgMenuHover.jpg) no-repeat; } #page #header #menu .firstSelected:hover { background:url(imgs/bkgMenuFirstHover.jpg) no-repeat; width:162px;} #page #header #menu .lastSelected:hover {background:url(imgs/bkgMenuLastHover.jpg) no-repeat; } #page #header #menu .first:hover{ background:url(imgs/bkgMenuFirstHover.jpg) no-repeat; width:162px;} #page #header #menu .last:hover{ background:url(imgs/bkgMenuLastHover.jpg) no-repeat;} #page #content{ float:left; background:url(imgs/bkgContent.jpg) repeat-y -4px top; width:940px; padding:18px 18px 18px 20px;} #page #content .texto, #page #content .textoContent { text-align:left; padding-bottom:36px; float:left; font-size:11px; color:#333333; padding-left:4px; padding-right:2px;} #page #content .texto, #page #content .textoContent a{ color:#333333;} #page #content .texto, #page #content .textoContent a:hover{ color:#000000;} #page #content .brd{ border:1px solid #333333; margin-top:12px;} /* left side flash e conteudos */ #page #content .leftSide{ float:left; padding-right:15px; padding-left:0px; width:652px;} #page #content .leftSide .flash{ float:left; padding-bottom:18px;} #page #content .leftSide .contentArea{ float:left; background:#FFFFFF url(imgs/bigEffect.jpg) no-repeat bottom; width:626px; padding-left:20px; padding-right:8px; text-align:left; padding-bottom:30px; color:#333333;} #page #content .leftSide .contentArea p { clear:both; } #page #content .leftSide img.imgHome{ float:left; float:left; padding:8px 20px 8px 0px;} #page #content .leftSide .contentArea h2{ float:left; font-size:14px; font-weight:bold; padding-top:8px; width:450px;} #page #content .leftSide .contentArea .texto{ float:left; width:460px; padding:0px; padding-bottom:35px;} #page #content .leftSide .contentArea .textoContent{ padding:0px; margin:0px; padding:4px 6px 8px 0px; width:612px;} #page #content .leftSide .contentArea ul.produtos{ padding:0px; float:left; width:620px; padding-bottom:6px; } #page #content .leftSide .contentArea ul.produtos li{ padding:0px; float:left; text-align:center; width:112px; height:120px; padding:0px 12px 20px 0px;} #page #content .leftSide .contentArea ul.produtos li img{ padding-top:6px; float:left;} #page #content .leftSide .contentArea ul.produtos li .prodInfo{ float:left; margin-top:10px; text-align:left; width:112px; height:36px;} #page #content .leftSide .contentArea ul.produtos li .prodInfo .txt{ background:url(imgs/seta.jpg) no-repeat; padding-left:18px; text-align:left;} #page #content .leftSide .contentArea .produtosSmall{ float:left; width:160px; display:block; margin-right:20px;} #page #content .leftSide .contentArea .textoContent ul.inform{ text-align:left; list-style:circle; padding-left:6px; padding-bottom:16px;} #page #content .leftSide .contentArea .textoContent ul.inform li{ padding-bottom:5px;} #page #content .leftSide .contentArea .mapa{ float:left; display:block; width:290px;} #page #content .leftSide .contentArea .sep{ float:left; width:2px; background:url(imgs/sep.jpg) no-repeat; height:310px; padding-bottom:30px; } #page #content .leftSide .contentArea .formulario{ float:left; width:300px; padding-left:30px;} #page #content .leftSide .contentArea .formulario .erro{ float:left; display:none; padding-top:4px; width:300px;} #page #content .leftSide .contentArea ul.formArea{ padding:0px; float:left; width:300px; padding-top:20px; text-align:left;} #page #content .leftSide .contentArea ul.formArea li{ padding:0px; float:left; width:200px; padding-top:4px;} #page #content .leftSide .contentArea ul.formArea li.campo{ width:70px; text-align:right; padding-right:10px;} #page #content .leftSide .contentArea ul.formArea li.btns { float:right; display:block; width:200px; padding-right:32px; padding-top:20px;} #page #content .leftSide .contentArea ul.formArea li.btns .btn{ float:right; padding:0px 3px;} #page #content .leftSide .contentArea ul.formArea li.btns .btn a{ float:left; width:40px; color:#333333; background:url(imgs/seta.jpg) no-repeat 2px center; padding:2px 5px 2px 20px; border:1px solid #333333; } #page #content .leftSide .contentArea ul.formArea li.btns .btn a:hover{ background-color:#eeeeee;} #page #content .leftSide input, #page #content .leftSide textarea{ text-align:left; color:#333333; border:1px solid #333333; padding:1px; width:180px;} #page #content .leftSide ul.menuReferencias{ margin:0px; padding:0px; float:left; width:612px;} #page #content .leftSide ul.menuReferencias li{ margin:0px; padding:0px; float:left; width:200px; height:60px; text-align:left; margin-top:10px; margin-bottom:10px;} #page #content .leftSide ul.menuReferencias li .textos{ float:left; width:170px;} #page #content .leftSide ul.menuReferencias li ul{ float:left; padding:0px; margin:0px; width:180px; padding-left:8px;} #page #content .leftSide ul.menuReferencias li ul li{ float:left; padding:0px; margin:0px; height:auto; width:200px;} #page #content .leftSide ul.descReferencias { float:left; width:612px; margin:0px; padding:0px;} #page #content .leftSide ul.descReferencias li { float:left; width:612px; margin:0px; padding:0px; width:590px; padding-left:10px; margin:2px 0px; } #page #content .leftSide ul.descReferencias li .imgRef{ float:left; padding:10px 10px 10px 0px; } #page #content .leftSide ul.descReferencias li .textoRef{ float:left; width:470px; padding-top:10px;} #page #content .leftSide ul.descReferencias li .textoRef .tit{ font-weight:bold; padding-bottom:10px;} #page #content .leftSide ul.descReferencias li.noImg{ float:left; padding-bottom:20px;} #page #content .leftSide ul.descReferencias li.noImg .textoRef{ float:left; width:590px;} #page #content .leftSide .Simg{ float:left;} #page #content .leftSide .Simg .texto{ width: 612px;} /* right side pequenas informações */ #page #content .rightSide{ float:left; width:254px;} #page #content .rightSide .areas{float:left; width:246px; background:#FFFFFF url(imgs/smallEffect.jpg) no-repeat bottom; padding:8px 8px 0px 8px;} #page #content .rightSide .areas .header{ float:left; padding-bottom:12px;} #page #content .rightSide .areas .imgs{ display:block; text-align:center; padding-top:12px;} #page #content .rightSide .areas img.ref{ float:left; } #page #content .rightSide .areas .refTxt{ float:left; width:140px; display:block; padding-left:8px;} #page #bottom{ float:left; background:url(imgs/bkgBottom.jpg) no-repeat -4px top; width:968px; height:28px;} #page #footer{ float:left; padding-left:20px; padding-right:20px; margin-top:2px; width:930px;} #page #footer .copy{ float:left; text-align:left; font-size:10px; color:#333333; } #page #footer .copy a{ color:#333333;} #page #footer .copy a:hover { color:#000000;} #page #footer .globaz{ float:right; text-align:left;} /* Páginas Produtos */ .tituloTabela { font-weight:bold; padding:20px 0 10px; } #tabelaProdutos { } #tabelaProdutos td.linha { padding:3px 2px; border-bottom:1px solid #dcdee1; } .voltaAtras { padding:20px 0 0 20px; float:left; background:url(imgs/setaVoltar.jpg) 0 21px no-repeat; } .voltaAtrasTopo { padding:0 0 20px 20px; float:left; clear:both; background:url(imgs/setaVoltar.jpg) 0 0 no-repeat; } .grafico { padding:15px 0 5px; clear:both; } #navegacao { clear:both; margin-top:25px; padding-top:2px; border-top:1px solid #eee; float:left; width:100%; } #navegacao a { } #navegacao a:hover { color: #FCD39D; } ul.subMenu { margin:0; padding:0; } ul.subMenu li { float:left; clear:both; text-align:left; padding-left:8px; margin-bottom:7px; } ul.subMenu li.bigTitle { font-size:16px; font-weight:bold; color:#595858; margin-bottom:5px; margin-top:5px; padding-left:0; } ul.subMenu li.subTitle { color:#e6bb84; font-weight:bold; margin:10px 0 5px; padding-left:0; } ul.subMenu li.subTitleSelect { color:#CF9C5A; font-weight:bold; margin:10px 0 5px; padding-left:0; } ul.subMenu li.actual { font-weight:bold; list-style:inside; color:#4d4d4d; } ul.subMenu li a:link { color:#333333; } ul.subMenu li a:visited { color:#999999;} ul.subMenu li a:hover { padding-left:5px; } ul.subMenu li a:active { color:#999999;} p.intro { background:#f7f7f7; padding:5px; margin-top:10px; } h3.produto{ border-bottom:1px solid #ccc; width:612px; padding-bottom:3px; color:#828282; font-size:14px; margin-top:10px; float:left; padding-left:10px; }