@charset "utf-8";
/* CSS Code */
div.wrapper {
	position:relative;
	width:990px;
	
	margin:0px auto;
}

#topo {
	position:relative;
	width:100%;
	height:145px;
	background:url(../img/bg_topo.jpg) top center repeat-x;
}
	#logo {
		float:left;
		position:absolute;
		top:55px;
		left:55px;
	}
	.img_topo {
		float:left;
		position:absolute;
		top:32px;
		left:313px;
	}
	.topo_servicos {
		position:absolute;
		top:25px;
		right:0px;
	}
		.topo_servicos form {
			width:321px;
			background:url(../img/bg_service_desk.png) top center repeat-y;
			border-top:6px solid #62bb96;
			margin:7px 0px 0px 0px;
			padding:5px 10px 10px 10px;
		}
			.topo_servicos form label {
				height:12px;
				color:#898989;
				font-size:12px;
				line-height:12px;
				
				margin-right:3px;
			}
			.topo_servicos form input {
				width:90px;
				height:16px;
				color:#898989;
				font-size:12px;
				line-height:12px;
				border:1px solid #bababa;
				box-shadow:inset -1px 1px 1px #bbb;
			}
			.topo_servicos form input.submit {
				width:32px;
				height:18px;
				color:#fff;
				font-size:14px;
				text-shadow:-1px 2px 1px #555;
				border:none;
				background:url(../img/bg_submit.jpg) center center repeat-x;
				box-shadow:-1px 1px 1px #7b7b7b;
				
				margin:0px 0px 0px 3px;
			}

#menu {
	position:relative;
	width:100%;
	height:50px;
	background:url(../img/bg_menu.jpg) bottom center repeat-x;
	box-shadow:0px 8px 15px rgba(0,0,0,0.2);
	z-index:5;
}
	#menu ul {
		padding:0px;
	}
		#menu ul li {
			float:left;
			height:50px;
			background: url('../img/bg-menu-border.jpg') right top no-repeat;
			
		}
			#menu ul li a {
				float:left;
				height:50px;
				font-weight:bold;
				color:#fff;
				text-shadow:-1px 1px 2px rgba(0,0,0,0.6);
				text-decoration:none;
				text-indent:-9999px;
				padding:0px 7px;
			}
			#menu ul li a#institucional {
				width:94px;
				background:url(../img/menu/btn_institucional.png) 7px 18px no-repeat;
			}
			#menu ul li a#servicos {
				width:161px;
				background:url(../img/menu/btn_servicos.png) 7px 18px no-repeat;
			}
			#menu ul li a#solucoes {
				width:63px;
				background:url(../img/menu/btn_solucoes.png) 7px 18px no-repeat;
			}
			#menu ul li a#parque-tecnologico {
				width:143px;
				background:url(../img/menu/btn_parque.png) 7px 18px no-repeat;
			}
			#menu ul li a#interacao {
				width:174px;
				background:url(../img/menu/btn_interacao.png) 7px 18px no-repeat;
			}
			#menu ul li a#contato {
				width:58px;
				background:url(../img/menu/btn_contato.png) 7px 18px no-repeat;
			}
		#menu ul li:hover, #menu ul li.active {
			background:url(../img/bg_menu_shadow.png) top center repeat-x;
			-webkit-transition: all 0.1s ease-in;
			-moz-transition: all 0.1s ease-in;
			-o-transition: all 0.1s ease-in;
			transition: all 0.1s ease-in;
		}
#menu .busca {
	float:right;
	padding:13px 0px;
}
	#menu .busca form {
		
	}
		#menu .busca form input {
			margin:0px;
			padding:0px;
		}
		#menu .busca form input.campo {
			float:left;
			width:125px;
			height:23px;
			font-size:14px;
			color:#666;
			box-shadow:inset -2px 2px 3px #777;
			background:url('../img/bg_busca.jpg') #fff left bottom repeat-y;
			
			padding:0px 0px 0px 35px;
		}
		#menu .busca form input.submit {
			float:left;
			height:23px;
			color:#fff;
			font-size:16px;
			text-shadow:-1px 2px 1px #555;
			background:url('../img/bg_submit.jpg') center center;
			
			padding:0px 7px;
		}

#banner {
	position:relative;
	width:100%;
	height:305px;
	background:url(../img/bg_banner.jpg) top center repeat-x;
	border-bottom:3px solid #00af84;
}

   #slider
   { width: 990px; height: 305px !important; overflow: hidden; }
   
   .clearfix 
   { float: none; clear: both; }

   a.prev, a.next 
   { background: url(../img/setas_banner.png) no-repeat transparent; 
     width: 45px; height: 50px; display: block; position: absolute; top: 115px; 
   }

   a.prev { left: -22px; background-position: 0 0; }

   a.prev:hover { background-position: 0 -50px; }

   a.next 
   { right: -22px; background-position: -50px 0; }

   a.next:hover 
   { background-position: -50px -50px; }

   a.prev span, a.next span 
   { display: none; }

#corpo {
	position:relative;
	width:100%;
	min-height:400px;
	background:url(../img/bg_corpo.jpg) top center repeat-x;
	
	margin:20px 0px 20px 0px;
}

.conteudo a, .conteudo a:active, .conteudo a:visited {  
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
   color:#348660;
   text-decoration:none;
}
   .conteudo a:hover { text-decoration: underline; }
    
.titulo a, .titulo a:active, .titulo a:visited
{ color: #fff; text-decoration: none; }

   .titulo a:hover
   { text-decoration: underline; }
    
#corpo.left {
	background:url(../img/bg_corpo_left.jpg) top center no-repeat;
}
	#corpo .wrapper {
		background:#fff;
		min-height:400px;
	}
	#corpo .col-left {
		float:left;
		position:relative;
		width:250px;
	}
		#corpo .col-left .titulo {
			float:left;
			position:relative;
			width:266px;
			height:83px;
			top:-11px;
			left:-16px;
			background:url(../img/img_left_title.png) #fff bottom right no-repeat;
		}
			#corpo .col-left .titulo span {
				float:left;
				position:absolute;
				width:220px;
				padding:12px 15px;
				right:0px;
				bottom:0px;
				text-align:right;
				font-family: 'FonteRevelare', "Trebuchet MS", sans-serif;
				font-size:18px;
				letter-spacing:1px;
				color:#fff;
			}
		#corpo .col-left .conteudo {
			float:left;
			width:100%;
		}
			#corpo .col-left .conteudo .imagem {
				width:100%;
				height:125px;
				text-align:center;
				padding:15px 0px;
			}
			#corpo .col-left .conteudo .texto {
				width:100%;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
			}
			#corpo .col-left .conteudo .mais {
				float:right;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
				color:#348660;
				text-decoration:none;
			}
			#corpo .col-left .conteudo .menu-vertical {
				width:100%;
				margin-top:10px;
			}
				#corpo .col-left .conteudo .menu-vertical ul {}
					#corpo .col-left .conteudo .menu-vertical ul li {
						float:left;
						width:240px;
						height:38px;
						margin-bottom:5px;
						background:url(../img/bg_botoes_vertical.jpg) left bottom no-repeat;
					}
						#corpo .col-left .conteudo .menu-vertical ul li a {
							float:left;
							color:#000;
							width:220px;
							height:30px;
							text-align:left;
							vertical-align:middle !important;
							text-decoration:none;
							font-family:Arial, Helvetica, sans-serif;
							font-size:14px;
							padding:8px 0px 0px 20px;
							cursor:pointer;
						} 
						#corpo .col-left .conteudo .menu-vertical ul li a.lined {
							padding-top:0px;
						}
						#corpo .col-left .conteudo .menu-vertical ul li a:hover { 
							text-decoration:underline; 
						}
						
						 #corpo .col-left .conteudo .menu-vertical ul li a.active {
							 color: #17b084;
					     }
						
					#corpo .col-left .conteudo .menu-vertical ul ul.sub-menu {
						display:none;
					}
						#corpo .col-left .conteudo .menu-vertical ul ul.sub-menu li {
							width:220px;
							float:right;
						}
							#corpo .col-left .conteudo .menu-vertical ul ul.sub-menu li a {
								width:200px;
							}
							
							  
							
							
			
	#corpo .line {
		float:right;
		width:5px;
		height:295px;
		background:url(../img/line.jpg) top center no-repeat;
		margin:50px 0px;
	}
	#corpo .lineh {
		float:left;
		width:100%;
		height:8px;
		margin-top:40px;
		background:url(../img/line.gif) right center no-repeat;
	}
			
	#corpo .col-right {
		float:right;
		width:715px;
	}
		#corpo .col-right .titulo {
			float:left;
			position:relative;
			width:723px;
			height:85px;
			top:-13px;
			right:-8px;
			background:url(../img/img_right_title.png) #fff bottom right no-repeat;
		}
			#corpo .col-right .titulo span {
				float:left;
				position:absolute;
				width:665px;
				padding:12px 15px;
				left:27px;
				bottom:0px;
				text-align:left;
				font-family: 'FonteRevelare', "Trebuchet MS", sans-serif;
				font-size:18px;
				letter-spacing:1px;
				color:#fff;
			}
		#corpo .col-right .cases {
			float:left;
			width:690px;
			margin:40px 0px 0px 25px;
		}
			#corpo .col-right .cases .subtitulo {
				width:100%;
			}
				#corpo .col-right .cases .subtitulo h1 {
					font-size:24px;
					color:#00af84;
					letter-spacing:1px;
					margin-left:30px;
					margin-bottom:30px;
				}
			#corpo .col-right .cases .case {
				float:left;
				width:220px;
				margin-left:10px;
			}
				#corpo .col-right .cases .case .logo {
					width:200px;
					height:100px;
					padding:15px 0px;
					padding-left:20px;
					text-align:center;
				}
				#corpo .col-right .cases .case .nome {
					width:200px;
					padding:0px 0px 5px 20px;
					text-align:left;
					color:#388967;
					font-size:24px;
					font-family:Arial, Helvetica, sans-serif;
				}
				#corpo .col-right .cases .case .texto {
					width:200px;
					padding:0px 0px 5px 12px;
					border-left:8px solid #388967;
					font-size:12px;
					font-family:Arial, Helvetica, sans-serif;
				}
				#corpo .col-right .cases .case .mais {
					float:right;
					font-size:12px;
					font-family:Arial, Helvetica, sans-serif;
					color:#348660;
					text-decoration:none;
				}
		#corpo .col-right .institucional {
			float:right;
			width:675px;
			margin-top:10px;
		}
			#corpo .col-right .institucional .banner {
				width:100%;
				text-align:center;
			}
			#corpo .col-right .institucional .conteudo {
				width:100%;
				margin-top:15px;
				font-family:Arial, Helvetica, sans-serif;
			}
				#corpo .col-right .institucional .conteudo p {
					font-size:12px;
				}
				#corpo .col-right .institucional .conteudo h2 {
					font-size:19px;
					color:#00af84;
					margin-bottom:8px;
				}
				#corpo .col-right .institucional .conteudo ul {
					list-style:outside;
					list-style-image:url(../img/bg_bullet.gif);
				}
					#corpo .col-right .institucional .conteudo ul li {
						font-size:12px;
						margin-bottom:5px;
					}
		#corpo .col-right .busca {
			float:right;
			width:675px;
			margin-top:10px;
		}
			#corpo .col-right .busca p {
				font-size:12px;
			}
			#corpo .col-right .busca h2 {
				font-size:19px;
				color:#00af84;
				margin-bottom:8px;
			}
			#corpo .col-right .busca ul {
				width:100%;
			}
				#corpo .col-right .busca ul li {
					float:left;
					width:100%;
					font-size:12px;
					margin-bottom:20px;
				}
					#corpo .col-right .busca ul li span.titulo-busca {
						float:left;
						width:100%;
						color:#348660;
						font-size:18px;
						margin-bottom:5px;
					}
						#corpo .col-right .busca ul li span.titulo-busca a {
							color:#348660;
						}
					#corpo .col-right .busca ul li span.descricao-busca {
						float:left;
						width:100%;
					}
			#corpo .col-right .busca .paginacao {
				text-align:center;
				margin:18px 0px;
			}
				#corpo .col-right .busca .paginacao ul {
					display:inline-block;
					width:auto;
					background:#ddd;
					padding-left:2px;
				}
					#corpo .col-right .busca .paginacao ul li {
						display:inline;
						width:auto;
						font-size:14px;
						color:#333;
						padding:5px 10px;
						margin:2px 2px 2px 0px;
						background:#fff;
					}
						#corpo .col-right .busca .paginacao ul li a {
							color:#348660;
							text-decoration:none;
						}
						#corpo .col-right .busca .paginacao ul li a:hover {
							text-decoration:underline;
						}
						#corpo .col-right .busca .paginacao ul li.disabled a {
							color:#ccc;
							cursor:default;
						}
							#corpo .col-right .busca .paginacao ul li.disabled a:hover {
								text-decoration:none;
							}
						#corpo .col-right .busca .paginacao ul li.active a {
							font-weight:bold;
							cursor:default;
						}
							#corpo .col-right .busca .paginacao ul li.active a:hover {
								text-decoration:none;
							}
		#corpo .col-right .servicos {
			float:right;
			width:675px;
			margin-top:10px;
		}
			#corpo .col-right .servicos .banner {
				width:100%;
				text-align:center;
			}
			#corpo .col-right .servicos .conteudo {
				width:100%;
				margin-top:15px;
			}
				#corpo .col-right .servicos .conteudo p {
					font-size:12px;
				}
				#corpo .col-right .servicos .conteudo h2 {
					font-size:19px;
					color:#00af84;
					margin-bottom:8px;
				}
				#corpo .col-right .servicos .conteudo ul {
					list-style:outside;
					list-style-image:url(../img/bg_bullet.gif);
				}
					#corpo .col-right .servicos .conteudo ul li {
						font-size:12px;
						margin-bottom:5px;
					}
		#corpo .col-right .parque {
			float:right;
			width:670px;
			margin-top:10px;
			padding-right:20px;
		}
			#corpo .col-right .parque .conteudo {
				width:100%;
				margin-top:50px;
				font-family:Arial, Helvetica, sans-serif;
			}
				#corpo .col-right .parque .conteudo p {
					font-size:12px;
					font-family:Arial, Helvetica, sans-serif;				
				}
		#corpo .col-right .interacao {
			float:right;
			width:670px;
			margin-top:10px;
			padding-right:20px;
		}
			#corpo .col-right .interacao .conteudo {
				width:100%;
				margin-top:50px;
				font-family:Arial, Helvetica, sans-serif;
			}
				#corpo .col-right .interacao .conteudo p {
					font-size:12px;
					font-family:Arial, Helvetica, sans-serif;				
				}
			#corpo .col-right .interacao .categorias {
				width:100%;
			}
				#corpo .col-right .interacao .categorias .categoria {
					float:left;
					margin:20px 15px 0px;
				}
		#corpo .col-right .downloads {
			float:right;
			width:660px;
			margin-top:35px;
			padding-right:20px;
		}
			#corpo .col-right .voltar {
				float:right;
				color:#000;
				text-decoration:none;
				font-size:13px;
				border-right:6px solid #00af84;
				padding:10px;
				margin:20px 0px;
			}
			#corpo .col-right .downloads .download {
				float:left;
				width:100%;
				padding:5px 0px 15px;
				margin-top:10px;
				border-bottom:2px dotted #e5e5e5;
			}
				#corpo .col-right .downloads .download span.imagem {
					float:left;
					width:138px;
					text-align:left;
				}
				#corpo .col-right .downloads .download span.detalhes {
					float:left;
					padding-left:10px;
					border-left:6px solid #00af84;
				}
					#corpo .col-right .downloads .download span.detalhes ul li {
						font-size:12px;
						line-height:16px;
					}
						#corpo .col-right .downloads .download span.detalhes ul li span.t {
							float:left;
							width:150px;
						}
						#corpo .col-right .downloads .download span.detalhes ul li span.d {
							float:left;
						}
				#corpo .col-right .downloads .download span.link {
					float:right;
				}
		#corpo .col-right .lista {
			float:right;
			width:660px;
			margin-top:35px;
			padding-right:20px;
		}
			#corpo .col-right .lista ul {
				float:left;
				width:100%;
			}
				#corpo .col-right .lista ul li {
					float:left;
					width:100%;
					padding:5px 0px 15px;
					border-bottom:3px dotted #e5e5e5;
				}
					#corpo .col-right .lista ul li a {
						float:left;
						font-size:12px;
						color:#000;
						line-height:12px;
						padding:2px 10px;
						text-decoration:none;
						border-left:11px solid #00af84;
					}
		#corpo .col-right .contato {
			float:right;
			width:665px;
			margin-top:10px;
		}
			#corpo .col-right .contato .conteudo {
				width:100%;
				margin-top:15px;
				font-family:Arial, Helvetica, sans-serif;
			}
				#corpo .col-right .contato .conteudo .texto {
					width:100%;
					margin-bottom:30px;
				}
					#corpo .col-right .contato .conteudo .texto p {
						font-size:12px;
					}
					#corpo .col-right .contato .conteudo .texto h2 {
						color:#00af84;
						font-style:italic;						
					}
				#corpo .col-right .contato .conteudo .mapa {
					float:left;
					margin-right:30px;
				}
				#corpo .col-right .contato .conteudo .endereco {
					float:left;
					margin-top:25px;
					font-size:12px;
					line-height:19px;
					border-left:6px solid #00af84;
					padding-left:10px;
				}
			#corpo .col-right .contato .formulario {
				width:100%;
			}
				#corpo .col-right .contato .formulario label {
					font-size:13px;
					color:#00af84;
				}
				#corpo .col-right .contato .formulario label.error {
					position:absolute;
					top:-15px;
					right:60px;
					float:left;
					width:200px;
					text-align:right;
					font-size:11px;
					color:#a10;
				}
				#corpo .col-right .contato .formulario input, #corpo .col-right .contato .formulario select, #corpo .col-right .contato .formulario textarea {
					background:url(../img/bg_input.jpg) top left no-repeat;
					border:1px solid #ccc;
					font-size:13px;
					color:#666;
					padding:10px 5px;
				}
				#corpo .col-right .contato .formulario input.submit {
					background:url(../img/botao_submit.jpg) center center no-repeat;
					width:130px;
					height:45px;
					float:right;
					border:none;
					box-shadow:none;
					text-indent:-9999px;
					margin-right:45px;
					cursor:pointer;
				}
				
				#corpo .col-right .contato .formulario table {
					width:100%;
					margin-bottom:10px;
				}
					#corpo .col-right .contato .formulario table tr td {
						padding:1px 0px !important;
						position:relative;
					}
	
#rodape {
	position:relative;
	width:100%;
	min-height:150px;
	background:url(../img/bg_corpo.jpg) #e2e2e2 top center repeat-x;
	
	margin:60px 0px 0px;
}
	#rodape .wrapper {
		background:#e2e2e2;
		min-height:200px;
	}
	#rodape .ribbon {
		position:relative;
		width:1026px;
		height:84px;
		top:-12px;
		left:-17px;
		background:url(../img/img_rodape_title.png) bottom center no-repeat;
	}
		#rodape .ribbon .conteudo {
			margin: 0 auto;
			height: 51px;
			padding-top: 33px;
			width: 660px;
		}
			#rodape .ribbon .conteudo .endereco {
				float:left;
				display: inline;
				font-size:14px;
				font-family: 'FonteRevelare', "Trebuchet MS", sans-serif;
				letter-spacing:1px;
				color:#fff;
				padding:4px 20px 4px 0px;
				margin: 12px 0px 12px 0px !important;
				border-right:3px solid #fff;
				overflow: hidden;
				width: 400px;
			}
			#rodape .ribbon .conteudo .redes {
				float:left;
				font-size:14px;
				font-family: 'FonteRevelare', "Trebuchet MS", sans-serif;
				letter-spacing:1px;
				color:#fff;
				padding:4px 0px 4px 20px;
				margin:12px 0px 12px 0px !important;
				display: inline;
			}
			    
			    #rodape .ribbon .conteudo .redes span
			    { float: left; display: inline; font-size:14px;
				font-family: 'FonteRevelare', "Trebuchet MS", sans-serif; width: 108px; letter-spacing:1px;}
			   
				#rodape .ribbon .conteudo .redes .icones {
				   float: left; display: inline; margin-top: -6px; margin-left: -10px;
				}
				 	#rodape .ribbon .conteudo .redes .icones img {
				 	  margin-left: 10px;
					}
	#rodape .copyright {
		width:100%;
		font-size:13px;
		font-family: 'FonteRevelare', "Trebuchet MS", sans-serif;
		text-align:center;
		font-weight:bold;
		padding:10px 0px;
	}
		#rodape .copyright a {
			font-family: 'FonteRevelare', "Trebuchet MS", sans-serif;
		}