@charset "utf-8";
/* CSS Document */

body {
background:#93cfd0;
margin: 0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:120%;
}

h1, h2, h3, h4, h5, h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:120%;
font-weight:normal;
}

body hr{
margin-top:15px;
color:#fff;
border-bottom:medium double #00CC99;
}

.upa{
font-weight:bold;
font-size:13px;
font-stretch:normal;
text-transform:none;
line-height:normal;
letter-spacing:normal;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}


#Inst {
background:url(fundo_barrasuperior.jpg) repeat-x;
position:relative;
padding: 20px 90px 13px 0px;
text-align:right;
}

#Inst a {
color:#387E81;
font:12px Arial, Helvetica, sans-serif bold ;
padding: 55px 0px 0px 10px;
font-weight:bold;
font-style:italic;
}

#conteudoD{
width:530px;
position:relative;
float:right;
margin:10px 25px 0px 0px;
}


#Logo {
width:827px;
position:relative;
background:url(fundo_logo_02.jpg) right no-repeat;
margin: 0px auto 0px auto;
}

#Menu {
width:850px;
position:relative;
background:url(fundo_menup.jpg) repeat-x;
margin: 0px auto 10px auto;
height:45px;
text-align:center;
}

#Selecionado {
background:url(fundolink.jpg) no-repeat;
}


#Conteudo {
background:url(fundo_conteudo.jpg) repeat-y;
margin: 0px auto 0px auto;
padding: 0px 7px 0px 8px;
width:850px;
position:relative;
}

.quadradao {
width:850px;
position:relative;
margin: 0px auto 0px auto;
height:auto;
}

#Q1, #Q2, #Q3, #Q4 {
width:190px;
height:auto;
background:#FFFFFF;
float:left;
position:absolute;
}

#Q1 a, #Q2 a, #Q3 a, #Q4 a {
text-decoration:underline;
color:#ff5d1f;

}

#Q1 {
margin: 0px 5px 0px 7px;
}

#Q2 {
margin: 0px 5px 0px 220px;
}

#Q3 {
margin: 0px 5px 0px 438px;
}

#Q4 {
margin: 0px 5px 0px 653px;
}

.QadraoInf {
width:830px;
height:250px;
position:relative;
margin:250px 0px 0px 8px;
}

.quadrado_comments {
background:url(quadrinho_fundo.jpg) bottom;
position:relative;
width: 350px;
float:right;
margin:0px 0px 0px 0px;
position:relative;
}

.quadrado_comments2 {
background:url(quadrinho_fundo2.jpg) repeat-y;
position:relative;
width: 350px;
float:right;
margin:0px 0px 0px 0px;
position:relative;
}

.quadrado_comments2 p {
padding-left:10px;
padding-right:10px;
}

.explicativo {
position:relative;
width: 450px;
float:left;
margin:0px 0px 0px 0px;
position:relative;
}

#rodape {
background:url(fundo_roda.jpg);
position:relative;
margin: 0px auto 0px auto;
padding: 15px 7px 0px 8px;
width:835px;
height:70px;
text-align:center;
color:#FFFFFF;
}

#tituloPrincipal {
text-align:center;
position:relative;
height:30px;
margin: 10px auto 10px auto;
}

#tituloPrincipal h1 {
font-size:17px;
color:#ff5d1f;
font-weight:bold;
}

.introduc {
background:url(quadrinho_fundo.jpg) bottom repeat-y;
position:relative;
width: 256px;
float:left;
azimuth:leftwards;
margin:20px 5px 0px 5px;
}

.introduc p{
padding:10px;
}

.txtTitulo {
color:#ff5d1f;
font-size:14px;
font-weight:bold;
}

.txtLinkLar {
text-decoration:underline;
color:#ff5d1f;
}

.txtLinkVer {
text-decoration:underline;
color:#387E81;
}

.txtTextos {
color:#387E81;
font-size:12px;
}

.txtMinis {
color:#387E81;
font-size:9px;
}

.catalogo {
width: 15%;
left: 15px;
position:absolute;
}

.fundoSemi {
background:#ECF9F8;
}


.clientes {
text-align:center;
width:160px;
height:160px;
position:relative;
margin:10px 10px 0px 0px;
float:left;
}



ul.nav { 
	margin:0; 
	padding:0;
	text-align:center;
	margin-left:30px;
	}
	
ul.nav li {
	list-style:none;	
	display:inline;
	text-align:center;
	}
	
ul.nav li a {
	float:left;
	width:151px;
	height:45px;
	text-align:center;
	color:#387E81;
	font:bold;
	text-decoration:none;
	padding: 20px 5px 0px 0px;
	}
	
ul.nav a:hover{
	background:url(fundolink.jpg) no-repeat;
	padding: 20px 5px 0px 0px;
}

.tabela_titulo {
background:url(legenda.png) repeat-x;
color:#ff5d1f;
font-size:13px;
font-weight:bold;
}

.tabela_fundos {
background:url(table_fundo2.jpg) repeat-x #dcf6f3;
color:#4a8583;
font-size:11px;
font-weight:bold;
}

.tabela_fundosclaros {
background:url(table_fundo1.jpg) repeat-x;
color:#4a8583;
font-size:11px;
font-weight:bold;
}