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

* { margin:0; padding:0; }


html { background:url(../img/bg.jpg) no-repeat top left scroll; }

body { font:11px "Trebuchet MS", Verdana, Arial; color:#333;margin:0; }

p {
	font:14px "Trebuchet MS", Verdana, Arial;
	color:#777;
	}

p a {
	font:12px "Trebuchet MS", Verdana, Arial;
	color:#58a2ee;
	}
	
p a:hover {
	color:#8CC167;
	}

h1 {
	font:18px "Trebuchet MS", Verdana, Arial;
	color:#58a2ee;
	margin:0 0 10px 0;
	padding:0;
	}
	
h1 a {
	font:18px "Trebuchet MS", Verdana, Arial;
	color:#58a2ee;
	margin:0 0 10px 0;
	padding:0;
	text-decoration:underline;
	}
	
h1 a:hover {
	color:#999999;
	text-decoration:underline;
	}
	
h2 {
	font:14px "Trebuchet MS", Verdana, Arial;
	color:#58a2ee;
	margin:15px 0 5px 0;
	padding:0;
	}
	
h2 a {
	font:14px "Trebuchet MS", Verdana, Arial;
	color:#58a2ee;
	margin:0 0 10px 0;
	padding:0;
	text-decoration:underline;
	}
	
h2 a:hover {
	color:#999999;
	text-decoration:underline;
	}
	
	
.left {
	float:left;
	margin:4px 8px 4px 0;
	}
	
.right {
	float:right;
	margin:4px 0 4px 8px;
	}
	
.linha {
	margin-top:25px;
	margin-bottom:25px;
	}
	
h1 #link3 {
	color:#65AD14;
	}


	
#faixa {
	position:absolute;
	width:100%;
	height:54px;
	margin-top:130px;
	background:url(../img/faixa.jpg) repeat-x;
	z-index:1;
	}

#central {
	position:relative;
	margin:0 auto;
	width:878px;
	height:auto;
	z-index:2;
	}
	
#corpo {	
	position:relative;
	background-color:#FFF;
	width:850px;
	height:auto;
	margin-left:14px;
	float:left;
	}
	

	
#logo {
	position:relative;
	width:109px;
	height:128px;
	float:left; 
	}
	
#logo h1 { 
	text-indent:-5000px; 
	overflow:hidden; 
	position:relative;
	left:80px; 
	float:left; 
	}

#logo h1 a { 
	width:109px; 
	height:128px; 
	display:block; 
	background:url(../img/logo.png) no-repeat top left; 
	}
	
#banner {
	position:relative;
	top:40px;
	left:145px;
	float:left;
	}

#menu {
	position:relative;
	width:auto;
	height:40px;
	float:left;
	top:135px;
	left:150px;
	}
	
#menu ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:5px;
	}
	
#menu ul li a {
	font:14px "Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	margin:5px;
	
	}
	
#menu ul li a:hover {
	color:#36983f;
	height:40px;
	text-decoration:underline;
	}
	
	
#conteudo {
	position:relative;
	width:754px;
	height:auto;
	margin:0 0 35px 0;
	padding:0;
	left:48px;
	float:left;
	}
	
#apresentacao {
	position:relative;
	width:376px;
	height:auto;
	margin-top:25px;
	float:left;
	}
	
#apresentacao p {
	width:320px;
	margin:5px;
	}
	
	
#apresentacao p a {
	color:#58a2ee;
	}
	
#apresentacao p a:hover {
	color:#67ad15;
	}
	
#internas {
	position:relative;
	width:100%;
	height:auto;
	margin-top:25px;
	margin-bottom:35px;
	float:left;
	}
	
#internas p {
	margin:15px 0;
	}
	
#internas ul {
	margin-top:10px;
	}

#internas ul li {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	list-style:inside;
	}

	
#foto {
	position:relative;
	width:377px;
	height:287px;
	float:left;
	}
	
#bloco_servir {
	background:url(../img/bg_servir.jpg); 
	float:left;
	width:235px;
	height:135px;
	margin:8px;
	}
	
#bloco_servir p {
	font:11px  Verdana, Arial;
	width:135px;
	height:auto;
	margin-top:5px;
	margin-left:77px;
	}
	
#bloco_servir h1 {
	margin-left:77px;
	margin-top:25px;
	margin-bottom:0;
	font:14px "Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	color:#58a2ee;
	}
	

#bloco_servir h1 a {
	text-decoration:none;
	font:14px "Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	color:#58a2ee;
	}
	
#bloco_servir h1 a:hover {
	text-decoration:underline;
	color:#67ad15;
	}
	
#bloco_telefone {
	background:url(../img/bg_telefone.jpg); 
	float:left;
	width:235px;
	height:135px;
	margin:8px;
	}
	
#bloco_telefone p {
	font:11px  Verdana, Arial;
	width:135px;
	height:auto;
	margin-top:5px;
	margin-left:77px;
	}
	
#bloco_telefone h1 {
	margin-left:77px;
	margin-top:25px;
	margin-bottom:0;
	font:14px "Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	color:#58a2ee;
	}
	
#bloco_telefone h1 a {
	text-decoration:none;
	font:14px "Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	color:#58a2ee;
	}
	
#bloco_telefone h1 a:hover {
	text-decoration:underline;
	color:#67ad15;
	}
	

	
#bloco_chat {
	background:url(../img/bg_chat.jpg); 
	float:left;
	width:235px;
	height:135px;
	margin:8px;
	}
	
#bloco_chat p {
	font:11px  Verdana, Arial;
	width:135px;
	height:auto;
	margin-top:5px;
	margin-left:77px;
	}
	
#bloco_chat h1  {
	margin-left:75px;
	margin-top:25px;
	font:14px "Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	color:#58a2ee;
	}
	
#bloco_chat h1 a {
	text-decoration:none;
	font:14px "Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	color:#58a2ee;
	}
	
#bloco_chat h1 a:hover {
	text-decoration:underline;
	color:#67ad15;
	}
	
	
.background {	
	overflow:hidden;
	width:53px;
	height:63px;
	display:block;
	text-indent:-5000px;
	float:left;
	margin-top:0;
	margin-left:3px;
	}


	

#rodape {	
	background:url(../img/rodape.png); 
	position:relative;
	width:850px;
	height:98px;
	margin-left:14px;
	float:left;
	text-align:center;
	}
	
#rodape p {
	position:relative;
	font:12px "Trebuchet MS", Verdana, Arial;
	
	}
	
#rodape p a {
	color:#58a2ee;
	}
	
#rodape p a:hover {
	color:#67ad15;
	}

address {
	font:12px "Trebuchet MS", Verdana, Arial;
	font-style:italic;
	color:#999999;
	}
	
	
ul.listaTutorial {
	width:300px;
	height:auto;
	float:right;
	border-top:4px solid #8CC167;
	border-bottom:1px solid #ccc;
	margin:0 0 35px 35px;
	padding:0;
	}
	
ul.listaTutorial li {
	list-style-type:circle;
	display:list-item;
	border-bottom:1px solid #e0e0e0;
	margin:0;
	padding:5px;
	}
	
ul.listaTutorial li a {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#8CC167;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:none;
	}
	
ul.listaTutorial li a:hover {
	text-decoration:underline;
	}
	

	
h1.titulolistaTutorial {
	color:#999;
	font:26px "Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:bold;
	margin:0;
	padding:0;
	}

h2.tutorial {
	width:410px;
	font:18px "Trebuchet MS", Verdana, Arial, Helvetica;
	font-weight:bold;
	margin:0;
	padding:0;
	border-top:1px dotted #8CC167;
	}
	
small a {
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#CCC;
	text-decoration:none;
	vertical-align:2px;
	margin:4px;
	}
	
small a:hover {
	color:#8CC167;
	}