/************ tag's de HTML ************/
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: medium;
color: #666666;
background-color: White;
vertical-align:middle;
padding:0;
text-align:center; /* hack para o IE */
}
a:link, a:visited, a:hover {
color: #0099CC;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
background-color:#CCCCCC;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* overrides decoration from previous rule for hovered links */
h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
h1{
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
}
h2{
font-size: 114%;
color: #006699;
}
h3{
font-size: 100%;
color: #334d55;
}
h4{
font-size: 100%;
font-weight: normal;
color: #333333;
}
h5{
font-size: 100%;
color: #334d55;
}
h6{
font-size: small;
color:#000000;
font-weight:normal;
font-style: normal;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}
ul{
list-style-type: none;
}
ul ul{
list-style-type: none;
}
ul ul ul{
list-style-type: none;
}
.def{
color:#FFFFFF;
font-size:large;
text-align: left;
padding-top: 5%;
padding-right: 3%;
vertical-align: middle;
}
.titulo1 {
font-size:large;
font-weight:normal;
color:#333333;
}
.titulo2 {
font-size:large;
color:#333333;
}
.destaque {
font-size:medium;
font-weight:bold;
color:#666666;
}
.botao {
background-color: #FF9900;
border: 1px outset #FF6600;
color: #FFFFFF;
font-family: Verdana, Geneva, Arial, Helvetica, sans-sereif;
font-size: small;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
text-align: center;
text-shadow: #000000;
}
/************ div's estruturais ************/
#tudo {
margin:auto;
padding: 5px;
width: 800px;
height: 100%;
background-color: #FFFFFF;
text-align:left; /* "remédio" para o hack do IE */
}
#topo {
height: 130px;
width: 100%;
background-color:#0099CC;
border-bottom: #FF9900 solid 2px;
}
#corpo {
height: 450px;
width: 800px;
border-left: #0099CC 1px solid;
}
#fundo {
height:15px;
width: 800px;
background-image: url(../imagens/estruturais/background_fundo.png);
background-repeat: repeat-x;
border-top:#ff9900 solid 2px;
}
/************ div's do topo ************/
#logoTopo{
background-image: url(../imagens/logotipos/logo.png);
margin-left:10px;
float:left;
height:130px;
width:222px;
background-repeat: no-repeat;
}
#defTopo{
width: 420px;
height: 100px;
margin-left: 310px;
}
#cantoSupDir{
height: 15px;
width: 15px;
background-image: url(../imagens/estruturais/canto_sup_dir_.png);
background-repeat:no-repeat;
float:right;
}
#cantoSupEsq{
height: 15px;
width: 15px;
background-image: url(../imagens/estruturais/canto_sup_esq_.png);
background-repeat:no-repeat;
float:left;
}
/************ div's do corpo ************/
#barraNavegacao{
height: 450px;
width: 220px;
float:left;
padding-top: 2px;
margin-left: 3px;
margin-right: 3px;
}
#conteudo{
height: 450px;
width: 548px;
float: right;
background-color:#FFFFFF;
overflow-y: auto;
overflow-x: none;
border-right: #0099CC solid 1px;
border-left: #FF9900 solid 2px;
position:relative;
}
/************ div's do fundo ************/
#cantoInfDir{
height: 15px;
width: 15px;
background-image: url(../imagens/estruturais/canto_inf_dir_.png);
float:right;
background-repeat:no-repeat;
}
#cantoInfEsq{
height: 15px;
width: 15px;
background-image: url(../imagens/estruturais/canto_inf_esq_.png);
float:left;
background-repeat:no-repeat;
}
/*********** link's da barra de navegação ***********/
#barraNavegacao ul a:link, #barraNavegacao ul a:visited {display: block;}
#barraNavegacao ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#barraNavegacao li {border-bottom: 1px solid #EEE;}
/* fix for browsers that don't need the hack */
html>body #barraNavegacao li {border-bottom: none;}
/*********** #sectionLinks ***********/
#seccaoLinks{
width: 216px;
float: left;
font-size: medium;
text-align: center;
}
#seccaoLinks h3{
padding: 10px 5px 2px 5px;
}
#seccaoLinks a:link{
padding: 2px 2px 2px 2px;
width: 216px;
voice-family: "\"}\"";
voice-family:inherit;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}
#seccaoLinks a:visited{
padding: 2px 2px 2px 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}
#seccaoLinks a:hover{
background-color: #dddddd;
padding: 2px 2px 2px 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0099CC;
}
/*********** imagem na barra de navegação ***********/
#imagPublicitaria {
background-image:none;
background-repeat:no-repeat;
float:left;
display:block;
width: 216px;
height: 160px;
background-color: #FFFFFF;
left: 3%;
}
#empresas {
color:#666666;
text-decoration:none;
}
/*********** formatacao do artigo.html ***********/
#artigo {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#666666;
padding: 6px;
}
.artigo_h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: oblique;
font-weight: bold;
color: #666666;
}
.artigo_texto {
font-size: 12px;
text-indent: 15px;
}
.artigo_destaque {
font-weight: bold;
font-size: 12px;
}
.artigo_h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.rodape {
font-size: xx-small;
font-style: italic;
color: #000000;
}