* {margin:0; padding:0}
ul {position: relative; list-style:none}
/*:-moz-any-link:focus {outline: none}*/
a {outline: none}
img {border:none}
.limpar {clear: both; font-size: 1px; line-height: 1px}
.invisivel {width: 1px; height: 1px; overflow: hidden; position: absolute}
acronym, abbr {cursor:help}
span.troca-fonte {font-family:Arial, Helvetica, sans-serif}


body {text-align:center; background:#AFBC74; font:normal .8em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;}
#canvas {margin:0 auto; text-align:left; width:760px}


#header {background:#EDEFBE; position:relative; height:100px}
h1 {font-size:.8em; position:absolute; top:10px; left:10px; background:url(../img/logo_saudenocampo.gif) top left no-repeat}
h1 a {display:block; width:177px; height:80px}
#header ul {position:absolute; top:10px; right:0}
#header ul li {float:left; margin-left:10px; padding-right:10px; border-right:solid 1px #f90; font-size:.9em; height:15px}
#header ul li.selecionado {font-weight:bold; text-decoration:underline; color:#f60}
#header ul li a {color:#f60; text-decoration:none}
#header ul li a:hover {text-decoration:underline}
#header ul li.ultimo {border:none}


#container {background:#dfe188}
#container .inner {padding:10px}

#section-a {width:180px; float:left; background:#F8F8E0}
#section-a .inner {padding:10px 0}
#section-a h2 {background:url(../img/bg_h2-projetos.png) top left no-repeat; width:180px; height:27px}
#section-a h3 {color:#f60; font-size:1em; line-height:15px; background:url(../img/seta_nav-aberta.gif) top left no-repeat; padding-left:15px}
#section-a h3.nav-fechada {background:url(../img/seta_nav-fechada.gif) top left no-repeat; padding:10px 0 10px 15px; border-top:dashed 1px #f60; border-bottom:dashed 1px #f60; background-position:0 9px}
#section-a h3 a {color:#f60; text-decoration:none; display:block; padding:0 0 0 2px}
#section-a h3 a:hover {background:#f60; color:#fff}
#section-a ul {margin:5px 0 20px 0; font-size:1em}
#section-a ul li {margin-bottom:5px}
#section-a ul li.sub-nav {background:#ebeebd}
#section-a ul li span.produtos, #section-a ul li a {padding-left:10px; color:#690; text-decoration:none; display:block}
#section-a ul li a:hover {text-decoration:underline; color:#f60}
#section-a ul ul {margin-bottom:15px; background:#EDEFBE}
#section-a ul ul li {padding-left:10px; font-size:.9em}


#section-b {width:400px; float:left}
#section-b #saudenocampo, #section-b #jama {margin:20px 0}
#section-b h2 {text-transform:uppercase; color:#690; font-size:1.2em; border-bottom:solid 1px #f60; margin-bottom:10px}
#section-b h3 {text-transform:uppercase; color:#690;}
#section-b h4 {color:#690; margin-bottom:5px}
#section-b hr {margin:20px 400px 10px 0}
#section-b hr.separador {margin:50px 0 20px 0}
#section-b p.menor {font-size:.8em; padding-bottom:30px}
#section-b ul {list-style:none}
#section-b ul li {margin-bottom:10px; font-size:.9em}
#section-b ul span {font-weight:bold; display:block}
#section-b .ficha-tecnica {margin-top:30px}
#section-b a.link-topo {color:#f60; display:block; margin:30px 0 10px 0}
#section-b a.link-topo:hover {text-decoration:none}
/*
#section-b ul ul {list-style:square}
#section-b ul ul li {margin:0 0 5px 0; padding:0; font-size:.9em}
*/
#section-b .cada-video {margin:10px 0 30px 0}
#section-b .cada-musica {margin:10px 0 20px 0}
#section-b .cada-musica h3 {margin:0; padding:0}
#section-b .img-fora-texto {float:none!important; margin:20px 0!important; padding:0}

#section-b form#form-falemcom fieldset {border: solid 1px #AFBC74; padding:10px}
#section-b form#form-falemcom fieldset p {margin-bottom:10px}
#section-b form#form-falemcom fieldset label {display:block}
#section-b form#form-falemcom fieldset input, #section-b form#form-falemcom fieldset textarea {width:258px}
#section-b form#form-falemcom fieldset input#btEnviar {margin-top:20px; width:80px}
#section-b form#form-falemcom p.campo-obrigatorio {font-size:.8em; margin-bottom:5px}
#section-b form#form-falemcom span {color:#f00; font-size:.8em} 

#section-c {width:160px; float:left; color:#f60}
#section-c .inner {}
#section-c .box {background:#F8F8E0; margin-bottom:10px}
#section-c .box h3 {background:#aebc72; color:#fff; font-size:1.1em; padding:0 5px}
#section-c .box a {display:block; color:#690; text-decoration:none}
#section-c .box a:hover {text-decoration:underline}
#section-c .box a#logo-ensp {background:url(../img/logo_ensp.gif) top left no-repeat; width:160px; height:71px; margin:10px 0}
#section-c .box a#logo-ensp:hover {background-position:-160px 0}
#section-c .box a#logo-fiocruz {background:url(../img/logo_fiocruz.gif) top left no-repeat; width:160px; height:42px; padding:10px 0; margin:20px 0 0 0}
#section-c .box a#logo-fiocruz:hover {background-position:-160px 0}
#section-c .box ul {padding:5px}
#section-c .box ul ul {margin-bottom:5px}


#footer {background:#D5D96B; text-align:center; color:#690}
#footer .inner {padding:10px; margin:0 auto; width:740px; position:relative}
#footer h2 {font-size:1em}
#footer address {font-style:normal; font-size:.9em}
#footer #realizacao {height:140px; position:relative}
#footer #realizacao a {display:block}
#footer #realizacao ul {position:absolute; top:50px; left:230px}
#footer #realizacao ul li {border:none; float:left; vertical-align:middle}
#footer #realizacao ul li a.logo-ensp {background:url(../img/logo_ensp-rodape.png) top left no-repeat; width:114px; height:86px}
#footer #realizacao ul li a.logo-fiocruz {background:url(../img/logo_fiocruz-rodape.png) top left no-repeat; width:160px; height:70px; background-position:0 15px}

#footer #nav {margin-top:20px}
#footer #nav2 {margin-top:5px}
#footer #nav h3 {margin:0 0 5px 0; font-size:.9em; display:inline; text-transform:uppercase}
#footer #nav a {font-size:.9em; color:#690; text-decoration:none}
#footer #nav a:hover {text-decoration:underline}
#footer ul {display:inline}
#footer ul li {display:inline; margin-left:5px; padding-right:10px; border-right:solid 1px #690; height:10px; line-height:10px}
#footer ul li.ultimo {border:none}
#footer ul li.selecionado a {text-decoration:underline!important}
#footer p {margin-top:20px; font-size:.9em}
#footer p a {color:#690; text-decoration:none}
#footer p a:hover {text-decoration:underline}
#footer p span {font-size:.95em}
#footer #nav2 ul li {display:block; line-height:15px; height:15px; border:none}
