﻿g/* reset */
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 {border:0 none;margin:0;outline-color:-moz-use-text-color;outline-style:none;outline-width:0;padding:0;text-align:left;vertical-align:baseline}
:focus {outline-color:-moz-use-text-color;outline-style:none;outline-width:0}
ol, ul {font-size:1px;list-style-image:none;list-style-position:outside;list-style-type:none}
table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left}
blockquote:before, blockquote:after, q:before, q:after {content:""}
blockquote, q {quotes:"" ""}
div#fonte p {font-size:0.9em}

/* fonte */
body, h3, h4, h5, h6, li, p, label, span, input, textarea { color:#666;  font-family:Arial,Tahoma,MS Sans Serif,Verdana; font-size:11px }
h3.titulo-branco { color: #1D425C; font-family:"Times New Roman",Roman,serif; font-size: 20px; font-weight: normal }
a:link { color: #666; text-decoration: none }
a:visited { color: #666; text-decoration: none }
a:hover { color: #000; text-decoration: underline }
a:active  { color: #666; text-decoration: none }

/* estrutura */
html { height: 100% }
body { height: 100% }
* html div#wrapper { height: 100% }	
* html div#footer { margin-top: -109px; _margin-top: 0; margin-top: 0 }
div#wrapper { position: relative; min-height: 100% }
div#wrapper, div#footer { background: transparent url(../Img/bg.jpg) 0 -109px repeat-x scroll }
div#footer { clear: both }
div.clearer { clear:both; font-size:1px }
div#header { margin: 0 auto; width: 867px }
div#content-wrapper { background: transparent url(../Img/bg_conteudo.gif) 0 0 no-repeat scroll; clear: both; margin: 0 auto; width: 867px }
div#sidebar { float: left; width: 210px }
div#content { float: right; width: 610px; padding-top: 30px }

/* topo */
h1 { float: left }
h1 a { background: transparent url(../Img/logo.gif) 0 0 no-repeat scroll; display: block; float: left; height: 45px; margin: 32px 0 0 30px; text-indent: -9999px; width: 256px; }
h2 { background: transparent url(../Img/texto_topo.gif) 0 0 no-repeat scroll; clear: left; display: inline; float: left; height: 38px; margin: -30px 0 0 01px; text-indent: -9999px; width: 377px }

div#fotos { background: transparent url(../Img/copia2.jpg) 0 0 no-repeat scroll; float: right; height: 215px; margin-top: 4px; width: 415px; }

/* menu */
ul#menu { display:inline; float: right; margin: 36px 67px 0 0 }
ul#menu li { float: left; }
ul#menu li a { background: transparent url(../Img/bg_menu.gif) 0 0 no-repeat scroll; display: block; float: left; height: 50px; text-indent: -9999px}
ul#menu li.home a        { background-position: 0 0;      width: 60px }
ul#menu li.servicos a    { background-position: -60px 0;  width: 80px }
ul#menu li.vagas a		 { background-position: -140px 0; width: 65px }
ul#menu li.fale-conosco a{ background-position: -205px 0; width: 100px}
ul#menu li.localizacao a { background-position: -305px 0; width: 90px }

ul#menu li.home a:hover         { background-position: 0 -48px;      width: 60px }
ul#menu li.servicos a:hover     { background-position: -60px -48px;  width: 80px }
ul#menu li.vagas a:hover        { background-position: -140px -48px; width: 65px }
ul#menu li.fale-conosco a:hover { background-position: -205px -48px; width: 100px}
ul#menu li.localizacao a:hover  { background-position: -305px -48px; width: 90px }

/* sitemap */
span.site-map-path { color: #1D425C; display: block; font-size: 9px; /* 0 0 40px */}
span.site-map-path span { color: #999; float: left; line-height: 1.8; padding-right: 6px }
span.site-map-path span.site-map-path-sep { color: #1D425C }
span.site-map-path a:link { color: #1D425C }
span.site-map-path a:visited { color: #1D425C }
span.site-map-path a:hover { color: #1D425C }
span.site-map-path a:active { color: #1D425C }

/* footer */
div#footer { background-position: 0 0; font-size: 9px; color: #fff; position: relative; margin: -109px auto 0 auto; _margin-top: 0; margin-top: 0; height: 109px; overflow: hidden }
div#footer-content {  margin: 0 auto 0 auto; width: 867px }
div#footer a.topo { background: transparent url(../Img/topo.jpg) 0 0 repeat-x scroll; display: block; float: right; height: 15px; margin-top: 15px; text-indent: -9999px; width: 51px; }
div#footer a.logo { background: transparent url(../Img/logo_footer.png) 0 0 no-repeat scroll; display: block; float: left; height: 32px; margin: 50px 0 0 30px; text-indent: -9999px; width: 120px; }
div#footer p.copyright { font-size: 9px; color: #fff; display: inline; float: left; line-height: 1.5; margin: 55px 0 0 184px; width: 196px }
div#footer a:link { color: #fff; text-decoration: underline }
div#footer a:visited { color: #fff; text-decoration: none }
div#footer a:hover { color: #fff; text-decoration: underline }
div#footer a:active { color: #fff; text-decoration: none }
div#footer dl.dados-contato { float: left; margin-top: 25px; width: 307px }
div#footer dt { display: none } 
div#footer dd { background: transparent url(../Img/sep_footer.gif) 15px 0 repeat-y scroll; float: left; line-height: 1.5; padding-left: 30px; width: 167px }
div#footer dd.phone { width: 70px }

/* home */
p.solicite-orcamento { background: transparent url(../Img/solicite2_orcamento.jpg) 0 0 no-repeat scroll; float: left; height: 145px; margin: 59px 0 0 24px; text-indent: -9999px; width: 159px }
p.Logo-Cegae { background: transparent url(../Img/LogoCegae.gif) 0 0 no-repeat scroll; float: left; height: 197px; margin: 53px 0 0 15px; text-indent: -9999px; width: 227px }
h3.titulo { height: 68px; text-indent: -9999px; clear: both }
h3.titulo-branco { background: transparent url(../Img/bg_titulo.jpg) 0 0 no-repeat scroll; margin-top: 22px; padding: 13px 0 0 31px; text-indent: 0 !important }
h3.titulo-vaga { background: transparent url(../Img/titulo_vaga.jpg) 0 0 no-repeat scroll; margin-top: 22px; padding: 13px 0 0 31px; text-indent: 0 !important }
h3.titulo-vagas { background: transparent url(../Img/titulo_vagas.jpg) 0 0 no-repeat scroll; margin-top: 22px; padding: 13px 0 0 31px; text-indent: 0 !important }
div.box-a { float: left; margin: 22px 48px 0 0; width: 250px }
div.box-b { clear: both; float: left; margin-top: 59px; width: 100% }
h3.quem-somos { background: transparent url(../Img/titulo2_quem_somos.jpg) 0 0 no-repeat scroll }
h3.produtos { background: transparent url(../Img/titulo_vagas.jpg) 0 0 no-repeat scroll }
h3.produtos-destaque { background: transparent url(../Img/titulo_vaga_destaque.jpg) 0 0 no-repeat scroll }
a.veja-mais { background: transparent url(../Img/link_veja_mais.gif) 0 0 no-repeat scroll; display: block; float: right; height: 9px; margin-top: 20px; text-indent: -9999px; width: 50px }
h3.localizacao { background: transparent url(../Img/titulo_localizacao.jpg) 0 0 no-repeat scroll }

/* quem somos */
div.quem-somos h3 { margin-top: 22px }
div.quem-somos img { float: right; margin: 0 0 20px 20px }

/* lista de produtos */
ul.curso { margin: 54px 0 0 40px }
ul.curso ul { margin: 8px 0 8px 4px }
ul.curso li { background: transparent url(../Img/seta_sudmenu_fechado.gif) 0 8px no-repeat scroll;  padding-left: 10px }
ul.curso li li { background: none }
ul.curso a { background: transparent url(../Img/bg_item_submenu.gif) left bottom no-repeat scroll; display: block; line-height: 2.2; }

ul.lista-produtos { clear: both; float:left; width: 100% }
ul.lista-produtos li { background: transparent url(../Img/bg_box_produto.jpg) center bottom no-repeat scroll; display: inline; float: left; height: 70px; margin-right: 60px; padding-bottom: 40px; text-align: center; width: 140px }
ul.lista-produtos dt { display: none }
ul.lista-produtos dd.foto { height: 60px }
ul.lista-produtos dd.descricao { padding: 15px 0; text-align: center }
ul.lista-produtos a.veja-vaga { background: transparent url(../Img/link_veja_mais_produtos.jpg) 0 0 no-repeat scroll; display: block; height: 18px; margin-left: 35px; text-indent: -9999px; width: 62px }

/* detalhe do produto */
div#foto { float: left; width: 253px }
div#info { float: right; width: 348px }
dl#detalhes dt { font-weight: bolder }
dl#detalhes dd { padding-bottom: 7px }
ul.fotos li { background: transparent url(../Img/bg_foto_mini.gif) 0 0 no-repeat scroll; float: left; height: 94px; width: 70px }
ul.fotos a { display: block; height: 76px; padding: 3px 0 0 3px; width: 62px }
h4.galeria { line-height: 3 }

/* contato */
h3.fale-conosco { margin-top: 22px; background: transparent url(../Img/titulo1_fale_conosco.jpg) 0 0 no-repeat scroll }
fieldset.contato { float: left; width: 56% }
fieldset.contato legend { display: none }
fieldset.contato ul { }
fieldset.contato li { float: left; padding-top: 6px; width: 100% }
fieldset.contato li label { float: left }
fieldset.contato li input { clear: left; float: left; margin-top: 2px; width: 96% }
fieldset.contato li textarea { font-family: inherit; font-size: inherit; clear: left; float: left; margin-top: 2px; width: 96% }
fieldset.contato li span { padding-left: 6px }
fieldset.contato input.enviar { float: right; height: 18px; margin: 10px 10px 0 0; width: 56px }
a.carta-mercado { background: transparent url(../Img/solicite2_orcamento.jpg) 0 0 no-repeat scroll; display: block; float: left; height: 145px; margin: 59px 0 0 24px; text-indent: -9999px; width: 159px }
div.fale-conosco img { float: right }