/* Folha de Estilos do sitio web Clavis.
   Versao: 1.0  (26.08.2006) */

/*** corpo e container principal ***/
body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#FFFFFF;
color:#303030;
text-align: center;
}
#wrap {
background:#ffffff;
color:#303030;
margin:0 auto;
width:780px;
text-align:left;
}

.titulo {
font-family:Tahoma,Verdana,sans-serif;
font-size:13px;
color:#456654;  /* #6E747A; */
font-weight:bold;
font-style:normal;
text-decoration:none;
}

/*** varias tags ***/
a {
text-decoration:none;
font-weight:bold;
color:#456654;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#456654;
background-color:inherit;
}

a img {
border:0;
}

/*** header ***/
#header {
margin:5px;
padding:0;
height:100px;
}

#header p {
width:400px;
float:right;
text-align:right;
color:#505050;
margin:20px 0 0;
font-size:1.7em;
font-weight:bold;
line-height:1.3em;
background-color:inherit;
}

.logo {
margin:10px 0 0;
border:0;
float:left;
}

/*** menu em barra ***/
#barra {
background: url(../imagens/barra.jpg) green;
padding:5px;
text-decoration:none;
text-align:center;
color:#FFFFFF;
font-family:Arial,sans-serif;
font-size:13px;
font-weight:bold;
}

#barra a {
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
background:none;
}

#barra a:hover {
text-decoration:none;
color:#FFFFDD;
}

/*** menu da esquerda (expansao) ***/
#menuexp {
clear:left;
float:left;
width:100px;
margin:20px 10px 0 0;
padding:0 10px 10px 0;
background: url(../imagens/menuexp.gif) 0 0 repeat-y;
line-height:1.4em;
font-size:11px;
text-align:right;
border:3px outset #456654;
}

#menuexp a {
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
color:#ffffff;
font-weight:bold;
font-style:normal;
text-decoration:none;
}


/*** menu da direita (destaques) ***/

#destaques {
float:right;
padding:10px;
line-height:1.4em;
font-size:11px;
color: #000000;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

#destaques hr {
width:100%;
}

/* top left */
.tl {background: url(../imagens/destaques_tl.gif) 0 0 no-repeat;}

/* top right */
.tr {
background: url(../imagens/destaques_tr.gif) 100% 0 no-repeat;
padding:10px;
}

/* bottom left */
.bl {
background: url(../imagens/destaques_bl.gif) 0 100% no-repeat #e9ecee;
width:20em;
}

/* bottom right */
.br {background: url(../imagens/destaques_br.gif) 100% 100% no-repeat;}

/* para evitar problemas com IE */
.clear {font-size:1px; height:1px;}


/*** conteudo principal ***/
#conteudo {
float:top;
background:#FFFFFF;
padding:15px 5px;
line-height:1.6em;
}

#conteudo h3 {
color:#456654;
border-bottom:1px solid #e9ecee;
}

#subconteudo {
margin:0 230px 5px 120px;
background:#FFFFFF;
padding:15px 5px;
line-height:1.6em;
}

#subconteudo h3 {
color:#456654;
border-bottom:1px solid #e9ecee;
}

#subconteudo small {
font-size:0.8em;
}

#caminho {
float:right;
margin:0 auto;
text-align:right;
font-size:0.8em;
color:#4f4f4f;
}

.esquerda {
margin:3px 10px 2px 0;
float:left;
}

.direita {
margin:2px 0 2px 10px;
float:right;
}

/*** footer ***/
#footer {
clear:both;
margin:0 auto;
padding:10px 0 20px;
border-top:1px solid #456654;
width:760px;
text-align:center;
color:#4f4f4f;
background:#FFFFFF;
font-size:0.9em;
}