@CHARSET "ISO-8859-1";

* { padding: 0; margin: 0; z-index: 1; }

html { font: normal 12px "lucida sans", verdana, sans-serif; background: #FFF url(../img/fundo.jpg) repeat-x scroll 50% 0; }
img { border: 0; }
a { color: #004D23; }
table, tr, td { font-size: 1em; }

.hasfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

ul.alert { margin: 0 0 10px 0; padding: 5px; border: 3px solid #FFFFCC; background-color: #FFFFDD; }

#container > div { clear: both; }

#header { width: 760px; margin: 0 auto; background: #F1F5E7 url(../img/header.jpg) no-repeat scroll 0 0; }
#header h1 { width: 280px; height: 71px; margin: 10px 0 18px 0; float: left; background: transparent url(../img/logo-grande.jpg) no-repeat scroll 0 0; }
#header h1 a { display: block; width: 100%; height: 71px; text-indent: -9000px; overflow: hidden; }

#header .nav { width: 400px; height: 52px; padding-top: 22px; margin-left: 357px; background: transparent url(../img/nav.jpg) no-repeat scroll 0 100%; }
#container > #header .nav { margin-left: 360px; }
#header .nav ul { list-style: none; }
#header .nav ul li { display: inline; }
#header .nav ul li.mapa a { width: 110px; height: 52px; display: block; float: left; background: transparent url(../img/mapa-do-site.jpg) no-repeat scroll 50% 19px; text-indent: -9000px; overflow: hidden; }
#header .nav ul li.busca form { float: left; }
#header .nav ul li.busca form fieldset { border: 0; }
#header .nav ul li.busca form label { width: 54px; height: 52px; display: block; float: left; background: transparent url(../img/busca.jpg) no-repeat scroll 50% 19px; text-indent: -9000px; overflow: hidden; }
#header .nav ul li.busca form input#chave { width: 220px; height: 16px; padding: 3px; margin-top: 13px; border: 1px solid #CEDFBA; background: #FFF; color: #5C7627; font: bold 11px "lucida grande", verdana, sans-serif; }
#header .nav ul li.busca form input#submit { display: none; }

#header .menu { width: 760px; height: 50px; clear: both; position: relative; background: transparent url(../img/menu.jpg) no-repeat scroll 50% 0; }
#header .menu ul { list-style: none; }
#header .menu ul li { display: inline; }

#header .menu ul.geral { width: 340px; float: left; padding: 7px 0 0; }
#container > #header .menu ul.geral { width: 350px; float: left; padding: 7px 0 8px; }
#header .menu ul.geral li a { height: 35px; margin-left: 10px; float: left; background: transparent none no-repeat scroll 50% 0; text-indent: -9000px; overflow: hidden; }
#header .menu ul.geral li.pagina-inicial a { width: 125px; background-image: url(../img/menu-pagina-inicial.gif); }
body.pagina-inicial #header .menu ul.geral li.pagina-inicial a, #header .menu ul.geral li.pagina-inicial a:hover { background-position: 0 100%; }
#header .menu ul.geral li.blog a { width: 55px; background-image: url(../img/menu-blog.gif); }
body.blog #header .menu ul.geral li.blog a, #header .menu ul.geral li.blog a:hover { background-position: 0 100%; }
#header .menu ul.geral li.atendimento a { width: 125px; background-image: url(../img/menu-atendimento.gif); }
body.atendimento #header .menu ul.geral li.atendimento a, #header .menu ul.geral li.atendimento a:hover { background-position: 0 100%; }

body.grafica #header .menu { height: 80px; }
body.editora #header .menu { height: 80px; }

#header .menu ul.secoes { padding: 7px 0 0; }
#container > #header .menu ul.secoes { padding: 7px 0 8px; }
#header .menu ul.secoes li a { position: relative; height: 35px; margin-left: 10px; display: block; float: left; background: transparent none no-repeat scroll 50% 0; text-indent: -9000px; overflow: hidden; }
#header .menu ul.secoes li.grafica a { margin-left: 190px; width: 125px; background-image: url(../img/menu-artes-graficas.gif); }
body.grafica #header .menu ul.secoes li.grafica a, #header .menu ul.secoes li.grafica a:hover { background-position: 0 100%; }
#header .menu ul.secoes li.editora a { width: 75px; background-image: url(../img/menu-editora.gif); }
body.editora #header .menu ul.secoes li.editora a, #header .menu ul.secoes li.editora a:hover { background-position: 0 100%; }

body.grafica #header .menu ul.secoes li.grafica ul { display: block; }
body.editora #header .menu ul.secoes li.editora ul { display: block; }

#header .menu ul.secoes ul { position: absolute; left: 0; top: 51px; padding: 5px 0 3px; width: 760px; display: none; text-align: left; background: transparent url(../img/submenu.gif) no-repeat scroll 50% 0; }
#header .menu ul.secoes ul li a { position: static; height: 22px; display: block; float: left; margin-right: 0; margin-left: 2px !important; background: transparent url(../img/submenu-itens.gif) no-repeat scroll 0 100% !important;  text-indent: -9000px; overflow: hidden; }
body.grafica #header .menu ul.secoes ul li.quem-somos a { display: inline; margin-left: 103px !important; width: 95px; background-position: -130px 100% !important; }
body.quem-somos #header .menu ul.secoes ul li.quem-somos a, body.grafica #header .menu ul.secoes ul li.quem-somos a:hover { display: inline; margin-left: 103px !important; width: 95px; background-position: -130px 0 !important; }
body.grafica #header .menu ul.secoes ul li.impressao-offset a { width: 118px; background-position: -588px 100% !important; }
body.impressao-offset #header .menu ul.secoes ul li.impressao-offset a, body.grafica #header .menu ul.secoes ul li.impressao-offset a:hover { background-position: -588px 0 !important; }
body.grafica #header .menu ul.secoes ul li.impressao-digital a { width: 120px; background-position: -828px 100% !important; }
body.impressao-digital #header .menu ul.secoes ul li.impressao-digital a, body.grafica #header .menu ul.secoes ul li.impressao-digital a:hover { background-position: -828px 0 !important; }
body.grafica #header .menu ul.secoes ul li.editoracao-eletronica a { width: 145px; background-position: -225px 100% !important; }
body.editoracao-eletronica #header .menu ul.secoes ul li.editoracao-eletronica a, body.grafica #header .menu ul.secoes ul li.editoracao-eletronica a:hover { background-position: -225px 0 !important; }
body.grafica #header .menu ul.secoes ul li.servicos a { width: 65px; background-position: -948px 100% !important; }
body.servicos #header .menu ul.secoes ul li.servicos a, body.grafica #header .menu ul.secoes ul li.servicos a:hover { background-position: -948px 0 !important; }
body.grafica #header .menu ul.secoes ul li.orcamento a { width: 83px; background-position: -370px 100% !important; }
body.orcamento #header .menu ul.secoes ul li.orcamento a, body.grafica #header .menu ul.secoes ul li.orcamento a:hover { background-position: -370px 0 !important; }
body.editora #header .menu ul.secoes ul li.quem-somos a { display: inline; margin-left: 103px !important; width: 95px; background-position: -130px 100% !important; }
body.quem-somos #header .menu ul.secoes ul li.quem-somos a, body.editora #header .menu ul.secoes ul li.quem-somos a:hover { display: inline; margin-left: 103px !important; width: 95px; background-position: -130px 0 !important; }
body.editora #header .menu ul.secoes ul li.mercado-editorial a { width: 122px; background-position: -705px 100% !important; }
body.mercado-editorial #header .menu ul.secoes ul li.mercado-editorial a, body.editora #header .menu ul.secoes ul li.mercado-editorial a:hover { background-position: -705px 0 !important; }
body.editora #header .menu ul.secoes ul li.clientes-e-parceiros a { width: 135px; background-position: -452px 100% !important; }
body.clientes-e-parceiros #header .menu ul.secoes ul li.clientes-e-parceiros a, body.editora #header .menu ul.secoes ul li.clientes-e-parceiros a:hover { background-position: -452px 0 !important; }
body.editora #header .menu ul.secoes ul li.apoio-ao-professor a { width: 130px; background-position: 0 100% !important; }
body.apoio-ao-prfessor #header .menu ul.secoes ul li.apoio-ao-professor a, body.editora #header .menu ul.secoes ul li.apoio-ao-professor a:hover { background-position: 0 0 !important; }

#header .menu #inferior { display: block; position: absolute; bottom: 0; left: 0; float: left; clear: both; width: 760px; height: 10px; background: transparent url(../img/menu-inferior.gif) no-repeat scroll 50% 100%; }

#content { width: 740px; margin: 0 auto; padding: 20px 10px 50px; background-color: #FFF; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content h3 { font-size: 16pt; font-weight: normal; color: #89B51E; margin: 20px 0 15px; }
#content h4 { font-size: 12pt; font-weight: normal; color: #666; margin: 15px 0 10px; }
#content p { margin: 15px 0; }
#content ul { margin: 15px 0; }
#content ul li { margin: 5px 0 5px 20px; }
#content dl dt { margin: 10px 0 0; font-weight: bold; }
#content dl dd { margin: 5px 0 5px 10px; }
#content fieldset { line-height: 2em; border: 0; }

#content h2 { margin: 0 0 10px; height: 50px; background: transparent none no-repeat scroll 0 0; text-indent: -9000px; overflow: hidden; }
#content h2.apoio-ao-professor { background-image: url(../img/title-apoio-ao-professor.gif); }
#content h2.atendimento { background-image: url(../img/title-atendimento.gif); }
#content h2.busca { background-image: url(../img/title-busca.gif); }
#content h2.clientes-e-parceiros { background-image: url(../img/title-clientes-e-parceiros.gif); }
#content h2.editoracao-eletronica { background-image: url(../img/title-editoracao-eletronica.gif); }
#content h2.eja { background-image: url(../img/title-eja.gif); }
#content h2.ensino-medio { background-image: url(../img/title-ensino-medio.gif); }
#content h2.impressao-digital { background-image: url(../img/title-impressao-digital.gif); }
#content h2.impressao-offset { background-image: url(../img/title-impressao-offset.gif); }
#content h2.mapa-do-site { background-image: url(../img/title-mapa-do-site.gif); }
#content h2.material-didatico { background-image: url(../img/title-material-didatico.gif); }
#content h2.mercado-editorial { background-image: url(../img/title-mercado-editorial.gif); }
#content h2.mostruario-gratuito { background-image: url(../img/title-mostruario-gratuito.gif); }
#content h2.orcamento { background-image: url(../img/title-orcamento.gif); }
#content h2.portfolio { background-image: url(../img/title-portfolio.gif); }
#content h2.pre-vestibular { background-image: url(../img/title-pre-vestibular.gif); }
#content h2.quem-somos { background-image: url(../img/title-quem-somos.gif); }
#content h2.sala-de-imprensa { background-image: url(../img/title-sala-de-imprensa.gif); }
#content h2.servicos { background-image: url(../img/title-servicos.gif); }

#content ul.breadcumb { width: 740px; list-style: none; margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #CCC; }
#content ul.breadcumb li { margin: 0; padding: 0; display: inline; }
#content ul.breadcumb li a { padding-right: 15px; background: transparent url(../img/arrow.gif) no-repeat scroll 100% 3px; }

#content ul.internalmenu { float: right; margin: 0; width: 160px; list-style: none; }
#content ul.internalmenu li {  }

#content form fieldset.left, #content form div.left { float: left; width: 370px; padding-top: 1px; }
#content form fieldset.right, #content form div.right { margin-left: 370px; width: 370px; padding-top: 1px; clear: right; }

body#home h3 { clear: both; padding-top: 15px; }

body #grafica { width: 370px; float: left; }
body#home #grafica h2 { margin-bottom: 15px; width: 252px; height: 40px; background: transparent url(../img/title-artes-graficas.jpg) no-repeat scroll 0 0; }
body#home #grafica h2 a { display: block; width: 100%; height: 40px; text-indent: -9000px; overflow: hidden; }
body#home #grafica p { margin: 15px 10px 15px 0; }

body #editora { width: 370px; float: left; }
body#home #editora h2 { margin-bottom: 15px; width: 126px; height: 40px; background: transparent url(../img/title-editora.jpg) no-repeat scroll 0 0; }
body#home #editora h2 a { display: block; width: 100%; height: 40px; text-indent: -9000px; overflow: hidden; }
body#home #editora p { margin: 15px 0; padding-left: 10px; border-left: 1px solid #CCC; }

#footer { width: 100%; background: #F0F5E7 url(../img/footer.jpg) repeat-x scroll 50% 0; padding-top: 20px; }
#footer .box { width: 760px; background: transparent url(../img/footer-box.jpg) no-repeat scroll 50% 0; height: 80px; margin: 0 auto; clear: both; }
#footer .box .logo { width: 210px; height: 55px; padding: 13px 0 0 18px; float: left; }
#footer .box .info { margin-left: 210px; padding: 5px 15px 0 0; text-align: right; font-size: 8pt; color: #5C7627; }
#footer .box .info .fone { line-height: 2em; padding: 2px 0 2px 22px; font-size: 15pt; background: transparent url(../img/fone.jpg) no-repeat scroll 0 0; }
#footer .url { padding: 15px 0; text-align: center; }