/* CSS Document */

/* reset*/
* { margin: 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; }
img { border: none; }
a { text-decoration: none  }
li {list-style: none; }


/*layout da página*/
html{
width:auto;
height:auto;
background-color:#E8E8E8;}

#fundo1{
width:100%;
height:auto;
background-image:url(imagens/fundo1.jpg);
background-color:#E8E8E8;
background-position:top;
background-repeat:repeat-x;}

#pagina{
margin:0 auto;
padding:0;
width:790px;
height:auto;
background-image:url(imagens/fundo2.jpg);
background-repeat:repeat-y;
background-color:none;
font-size:10px;}
/*-------------------------------*/





/*conteúdo da página*/

#menu{
margin:0 5px 0 5px;
width:764px;
height:86px;
background-image:url(imagens/fundo_menu.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:none;}

#menu ul{
margin-left:80px;}

#menu li{
float:left;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;}

#menu li .texto_menu {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;}

#menu li a {
display:block;
padding:23px 30px;
color:#666666;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
border-top:#B1C3E2 solid 10px;}

#menu li a:hover{
background-color:#f0f0f0;
color:#003366;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
border-top:#FFF373 solid 10px;
}
/*  FIM DO MENU  */




#banner{
margin:0 5px 0 5px;
width:764px;
height:305px;
background-color:none;}



#destaque{
margin-left:5px;
padding-left:11px;
width:753px;
height:184px;
background-color:#FFF373;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#666;}




/* BARRAS HORIZONTAIS PARA CADA PÁGINA */

#barra_horizontal{
margin-left:5px;
width:764px;
height:10px;
background-color: #999;}



/* CAIXAS DE TEXTO PARA A PÁGINA INICIAL */
.caixadetexto1{
margin:10px 0 0 0;
padding:17px;
width:210px;
height:120px;
float:left;}

.caixadetexto2{
margin:10px 0 0 0;
padding:17px;
width:216px;
height:120px;
float:left;
border-left:#FFcc00 solid 1px;
border-right:#FFcc00 solid 1px;
}



/* TÍTULOS DAS PÁGINAS*/

h1{
color:#003366;
font:bold 25px "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;}

h2{
color:#738EA1;
font:bold 20px "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;}

h3{
color:#634734;
font:bold 16px "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px;}

.titulos_principais{   /* utilizado em H1*/
width:710px;
border-bottom:#ccc solid 1px;
}




/* div com fundo branco, onde está o conteúdo da página */
#meio{
margin:20px 0 0px 15px;
padding-left:15px;
width:739px;
height: auto;
background-color: #fff;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}

#coluna_esquerda{
padding:20px 0 20px 0;
width:250px;
height:auto;
float:left;
}

#coluna_esquerda p{
line-height:18px;
}

#coluna_direita{
margin:0 0 20px 0;
padding:20px;
width:430px;
height: auto;
float:left;
}

#coluna_direita p{
line-height:18px;
}


/*margem superior para alguns parágrafos*/
.paragrafos{ 
margin:30px 0 0 0;}


/* utilizado na página inicial*/
#papel{
margin-top:20px;
padding:50px 0 0 0;
width:435px;
height:180px;
float:left;
background:url(imagens/papel.gif) no-repeat;
font:normal 15px Verdana, Arial, Helvetica, sans-serif;
}

#papel h2 {
padding:10px 0 0 80px;
}

#papel ul{
padding:18px 0 0 40px;
}

#papel li {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
padding:3px;
}

#papel .outrosservicos{
float:left;}

#rodape{
margin:4px 5px 1px 5px;
width:764px;
height:37px;
background-color:#B1C3E2;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#333399;
text-align:center;
padding-top:30px;
clear:both;
}

#rodape p{
margin-left:30px;
float:left;
}

#rodape p.criador{
color: #666;
margin-left:180px;
}