* { margin:0; padding:0; border:0; }
body {
	background:#F93 url(img/body_bkg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
}

/* paragrafo geral */
p { font-size:1em; line-height:1.1em; margin-bottom:1.1em; }

/* headers */
h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; }
h1.cvi-titulo { position:absolute; top:-1000px; left:-1000px; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4,h5,h6 { font-size: 1.1em; }

ul,li { margin:1.2em 0 1.2em 2em; font-size:1.0em; }

li.volta-topo, ul.volta-topo { display:inline; list-style-type:none; margin:0; padding:0; }

#logo-cvi { 
	top:10px; 
	left:10px; 
	width:75px; 
	height:auto; 
	text-align:center;
	position:absolute; 
	background-color:transparent;
}
#head { 
	width:100%; 
	height:160px; 
	background:transparent no-repeat url(img/cvi-araci-nallin-sp.gif); 
}
#direita {
	width:22%;
	height:auto;
	float: right;
	margin:-30px 0 0 0;
	text-align:left;
	background-color:transparent;
}
#esquerda {
	margin:0;
	width:78%;
	float:left;
	clear:left;
	height:auto;
	text-align:left;
	background-color:#FF9933;
	background-color:transparent;
}
#navega {
	width:95%;
	text-align:left;
	border:1px solid #FFF; 
	background-color:#FF7E00;
}
#conteudo { 
	padding:20px 9px 0 9px;
	height:auto; 
	text-align:left;
	margin:40px 1% 1% 1%;
	background-color:#FFF; 
	border:1px solid #000;	
}
#frase {
	clear:both;
	height:auto;
	padding:20px 5px;
	color:#1B194B;
	text-align:left;
	margin:1% 1% 0 1%;
	background-color:#FFF;
	border:1px solid #000;
}
#frase h3.pensamento {
	text-indent:0;
	padding:3px 0;
	margin:0 0 10px;
	font-size:1.4em;
	text-align:center;
	background-color:#FFC;
	border:1px dashed #CCC;
}
#frase p.frase {
	margin:0;
	font-size:1.8em;
	line-height:1em;
	font-family: "Monotype Corsiva", "Times New Roman", Times, serif;
}

#frase p.pg_inicial {
	margin:0;
	font-size:1.8em;
	line-height:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
}

#eXTReMe { text-align:center; margin:.5em 0 0 0; height:50px; }

/* links no texto */
a { text-decoration:underline; }
a:link    { text-decoration: underline; color: #00C; }
a:visited { text-decoration: underline; color: #00C; }
a:hover   { text-decoration: none; color: #03F; }
a:focus   { text-decoration: none; color: #03F; }
a:active  { text-decoration: none; color: #03F; }

/* classes para alinhamentos em geral */
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.divisoria { border-bottom:1px dashed #CCC; }

/* imagens */
img.tracejado   { border:1px dashed #000; padding:2px; }
img.float-right { float:right; margin-left:10px; }
img.float-left  { float:left; margin-right:10px; }

/* usado no menu */
#pula-menu { position:absolute; left:5px; top:160px; width:120px; }
#dicas     { position:absolute; left:130px; top:160px; width:325px; text-align:center; }
#mapa      { position:absolute; left:460px; top:160px; width:130px; text-align:right; }
#navega ul { margin:0; }
#navega li { margin:4px 0 0 5px; list-style-type:none; }
#navega a:link,	#navega a:visited  { color:#000; font-weight:bold; text-decoration:none; }
#navega a:hover, #navega a:active, #navega a:focus { color:#FFF; font-weight:bold; text-decoration:underline; }

.menosmil { position:absolute; top:-1000px; left:-1000px; }
	
/* 3 Divs da pagina inicial */
#margin-left { float:left; width:1%; height:1px; }
#verde { text-align:left; float:left; width:32%; }
#laranja, #azul { text-align:left; float:left; width:32%; margin-left:1%; }
.titulo h2 { font-size:1.4em; color:#FFF; padding: 23px 20px 40px; }
#verde .descricao, #laranja .descricao, #azul .descricao { padding: 0 30px 30px; min-height:140px; font-size:1em; } 

/* verde */
#verde { background: url('img/verde_dir_rodape.gif') no-repeat right bottom; }
#verde .titulo { background: url('img/verde_dir_topo.gif') no-repeat right top;	}
#verde .titulo h2 { text-align:left; background: url('img/verde_esq_topo.gif') no-repeat left top; }
#verde .descricao { background: url('img/verde_esq_rodape.gif') no-repeat left bottom; min-height:325px; 	}
	
/* laranja */
#laranja { background: url('img/laranja_dir_rodape.gif') no-repeat right bottom; }
#laranja .titulo{ background: url('img/laranja_dir_topo.gif') no-repeat right top; }
#laranja .titulo h2 { text-align:left; background: url('img/laranja_esq_topo.gif') no-repeat left top; }
#laranja .descricao { background: url('img/laranja_esq_rodape.gif') no-repeat left bottom; min-height:325px; }

/* azul */
#azul { background: url('img/azul_dir_rodape.gif') no-repeat right bottom; }
#azul .titulo{ background: url('img/azul_dir_topo.gif') no-repeat right top; }
#azul .titulo h2 { text-align:left; background: url('img/azul_esq_topo.gif') no-repeat left top; }
#azul .descricao { background: url('img/azul_esq_rodape.gif') no-repeat left bottom; min-height:325px; }

.spacer { clear:both; width:100%; height:15px; font-size:0; margin:0; }
.navega-horiz { text-align:center; margin-bottom:20px; }

/* formulario de contato */
label { display:block; margin:1em 0 0 0; }
input, textarea { border:1px solid #F93; color:#000; font-weight:bold; background-color:#FFF; padding:3px; }
#img { border:0; }
textarea { overflow:auto; }
fieldset { border:1px solid #DDD; padding:20px; }
legend  { padding:0 10px; background-color:#FC9; font-weight:bold; border:1px solid #DDD; }

.u { text-decoration:underline; }
div.indent { margin-left:50px; }

/* .w33 e #foto-rf usados na pagina ricardo ferraz */
.w33 { width:33%; float:left; text-align:center; height:111px; }

/* usado para posicionar a foto à esquerda do texto */
#foto { float:left; font-size:0.8em; margin-right:10px; border:1px solid #CCC; }

/* cor do plano de fundo nas fotos */
.cor  { background-color:#efefef; } 

.w50 { width:50%; float:left; }
.limpatudo { clear:both; font-size:0; line-height:0; }
.vermelho { color:#F00; }

ol { list-style-type: decimal; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-alpha; }

.gilporta { font-size: 0.9em; text-align: right; font-style: italic; }