@charset "utf-8";

			/* Folha de estilos - i9 */
			/* i9 Comunicao Integrada - i9suaideia.com.br */

	* { margin: 0; padding: 0; }
	
	.clear, .brokespace, .quebragelo { clear:both; }
	
	BODY
	{
		background: #000;
		font: normal 11px "Trebuchet MS", Arial, Verdana, Times;
		color: #999;
		cursor: default;
	}
	
		#geral
		{
			position: relative;
			left: 50%;
			margin-left: -390px;
			width: 780px;
		}
		
			H1
			{
				background: url("../imgs/top_pagina.gif") bottom center no-repeat;
				height:60px;
				text-indent:-3000px;
			}			
			
			#selo
			{
				z-index: 1000;
				position: absolute;
				top: 0px; 
				left: 50%;
				width: 88px;
				margin-left: -44px;
			}	
			
			#navegacao
			{
				z-index: 1001;
				position: absolute;
				top: 150px;
				left: 50%;
				width: 89px;
				margin-left: 312px;	
			}
			
				#navegacao .menu
				{		
					text-align: right;
					margin-bottom: 10px;
					padding: 12px;
					background: #900 url("../imgs/bg_menu.jpg") top center repeat-y;
					line-height: 100%;
				}
				
					#navegacao .menu a
					{
						display: block;
						text-decoration: none;
						color: #D00;
						padding: 1px 0;
					}
			
			/* Home */
			
			#corpo
			{
				position: relative;
				left: 50%;  
				margin-left: -363px;
				background: #FFF;
				width: 721px;
			}
			
				#corpo .alinhamentoInternoCorpo
				{
					padding: 0 20px;
					padding-top: 60px;
				}
				
				#apoio
				{
					color: #AAA;
					margin-bottom: 15px;
				}
			
					#apoio a
					{
						font-weight:bold;
						text-decoration:none;
						color:#A3A3A3;
					}
					
					#apoio a:hover
					{
						color:#CC0000;
					}
			
			#corpo .moldura
			{
				width: 670px;
				background: #FFF;
				position: relative;
				margin-left: -60px;
				margin-bottom: 20px;
				border-right: 2px solid #CCC;
				border-bottom: 2px solid #CCC;
				padding: 10px;
			}

			#corpo .homeBlog a,
			#corpo .homeNews a
			{
				text-decoration: none;
				background: none;
				color: #999;
			}
			
			#corpo .homeBlog a:hover,
			#corpo .homeNews a:hover
			{
				background: #DDD;
			}
			
			#corpo .homeBlog
			{
				width: 690px;
				position: relative;
				margin-left: -60px;
				margin-top: 20px;
			}
			
				#corpo .homeBlog .foto
				{
					float:left;
					padding: 10px;
					background: #FFF;
					border-right: 2px solid #CCC;
					border-bottom: 2px solid #CCC;
				}
				
				#corpo .homeBlog .conteudo
				{
					float: left;
					padding: 5px 20px;
					width: 365px;
				}
				
					#corpo .homeBlog .conteudo h3
					{
						font-size: 30px;
						font-weight: bold;
						color: #747474;
					}
					
					#corpo .homeBlog .conteudo .titulo
					{
						font-size: 20px;
						font-weight: bold;
						color: #959595;
					}
					
			#corpo .homeNews
			{
				width: 650px;
				position: relative;
				margin-left: 10px;
				margin-top: 20px;
			}
			
				#corpo .homeNews .conteudo
				{
					float: left;
					padding: 5px 20px;
					width: 600px;
				}
				
					#corpo .homeNews .conteudo h3
					{
						font-size: 30px;
						font-weight: bold;
						color: #747474;
						float: left;
						margin-right: 20px;
					}
					
					#corpo .homeNews .conteudo .titulo
					{
						font-size: 20px;
						font-weight: bold;
						color: #959595;
					}
					
			/* Internas */
			
				#barradetitulo
				{
					position: relative;
					float: left;
					background: #FFF;
					width: 682px;
					border-right: 2px solid #CCC;
					border-bottom: 2px solid #CCC;
					margin-bottom: 20px;
				}
				
					#barradetitulo h2
					{
						font-size: 20px;
						margin: 5px;
						background: #500;
						color: #FFF;
						text-align: right;
						padding: 10px 30px;
						background: #be0000 url('../imgs/barradetitulo.gif') bottom left no-repeat;
					}	
			
				#interna
				{
					position: relative;
					width: 682px;
					font-size: 12px;
					/* background: #777; */
					margin-left: -60px;
				}
				
					#interna .recuo
					{
						margin-left: 80px;
					}
				
					#interna h3
					{
						font-size: 20px;
						color: #555;
					}
				
					#interna p
					{
						padding: 5px 0;
					}
						
					#interna .coluna
					{
						float: left;
						width: 185px;
						padding-right: 10px;
						
						/* BoxHackModel */
						voice-family: "\"}\""; 
						voice-family: inherit;
						width: 180px;
						font-size: 11px;
					}
					/*
						#interna .coluna span
						{
							display: block;
						}
				
							#interna .coluna span img
							{
								border: 5px solid #CCC;
								width: 175px;
							}
							
							#interna .coluna span p
							{
								color: #555;
								margin-bottom: 2px;
								padding: 2px 20px;
								text-align:left;
							}
	
							#interna .coluna span p.titulo
							{
								font-weight: bold;
								color: #555;
								font-size: 20px;
								text-align: right;
								padding-right: 20px;
							}
							*/
							
							
							
					/*
							#interna .coluna span a
							{
								color: #F90;
								text-decoration: underline;
							}
							
							#interna .coluna span a:hover
							{
								color: #FFF;
							}*/
							
		/* Interna - Serviços */
		
			#servicos
			{
				float: left;
				padding: 10px 0;
				width: 690px;
			}
			
				#servicos .coluna
				{
					float: left;
					width: 220px;
					margin-right: 5px;
					
					/* BoxHackModel */
					voice-family: "\"}\""; 
					voice-family: inherit;
					width: 215px;
				}
				
					#servicos .coluna span
					{
						display: block;
						background: #FFF;
						border-right: 2px solid #CCC;
						border-bottom: 2px solid #CCC;
						padding: 10px;
					}
			
						#servicos .coluna span img
						{
							width: 190px;
						}
						
						#servicos .coluna span p
						{
							color: #AAA;
							/*text-indent: 20px;*/
							margin-bottom: 2px;
							padding: 2px 20px;
							text-align:left;
						}

						#servicos .coluna span p.titulo
						{
							font-weight: bold;
							color: #222;
							font-size: 20px;
							text-align: right;
							padding-right: 20px;
						}
				
						#servicos .coluna span a
						{
							color: #F90;
							text-decoration: underline;
						}
						
						#servicos .coluna span a:hover
						{
							color: #FFF;
						}
						
		/* Interna - Equipe */	
						
				#equipe .integrante
				{
					background: #DDD;
					padding: 10px;
					border: 10px solid #EEE;
					margin-bottom: 5px;
					font-size: 11px;
					
				}
				
					#equipe .integrante img
					{
						float: left;
						border: 5px solid #FFF;
						margin-right: 15px;
						width: 200px;
					}

					
					#equipe .integrante span
					{
						display: block;
						float: left;
						padding: 10px;
					}						
						#equipe .integrante span p
						{
							color: #999;
							/*text-indent: 20px;*/
							margin-bottom: 5px;
							padding: 0;
							width: 370px;
							text-align:left;
						}

						#equipe .integrante span p.nome
						{
							font-weight: bold;
							color: #555;
							font-size: 20px;
							text-align: right;
							margin: 0;
						}
						
						#equipe .integrante span p.cargo
						{
							color: #999;
							font-size: 11px;
							text-align: right;
						}
						
						#equipe .integrante span p.por
						{
							font-weight: bold;
						}
					
			#clientes
			{
				position: relative;
				float: left;
				width: 700px;
			}
					
					#clientes .logo
					{
						float: left;
						background: #FFF;
						padding: 10px;
						margin: 3px;
						border-right: 2px solid #CCC;
						border-bottom: 2px solid #CCC;
					}
				
						#clientes .logo img
						{
							float: left;
							width: 145px;
						}
						
		/* Interna - Cases */
		
			#cases
			{
				position: relative;
				float: left;
				width: 700px;
			}
					
				#cases .coluna
				{
					float: left;
					width: 225px;
					height: 450px;
					margin-right: 5px;
					
					/* BoxHackModel */
					voice-family: "\"}\""; 
					voice-family: inherit;
					width: 218px;
				}
				
					#cases .coluna span
					{
						display: block;
						background: #FFF;
						padding: 10px;
						margin-bottom: 10px;
						border-right: 2px solid #CCC;
						border-bottom: 2px solid #CCC;
						height: 420px;
					}
			
						#cases .coluna span img
						{
							/* border: 5px solid #222; */
							width: 195px;
							border: 0;
						}
						
						#cases .coluna span p
						{
							color: #AAA;
							padding: 10px 20px;
							text-align:left;
						}

						#cases .coluna span p.titulo
						{
							font-weight: bold;
							color: #DDD;
							font-size: 13px;
							text-align: right;
							padding-right: 20px;
							padding-bottom: 0px;
						}
				
						#cases .coluna span a
						{
							color: #222;
							text-decoration: none;
						}
						
						#cases .coluna span a:hover
						{
							color: #D00;
						}	
			
			
				#cases .foco
				{
					float: left;
					width: 520px;
				}
				
					#cases .foco h2
					{
						font-size: 20px;
						font-weight: bold;
						color: #222;
						padding: 10px 20px;
						text-align: right;
					}
					
					#cases .foco .foto
					{
						background: #FFF;
						border-right: 2px solid #CCC;
						border-bottom: 2px solid #CCC;
					}
					
						#cases .foco .foto img
						{
							margin: 10px;
						}
					
					#cases .foco h3
					{
						font-size: 20px;
						font-weight: bold;
						color: #FFF;
						padding: 10px 20px;
					}
					
					#cases .foco p
					{
						/*text-indent: 20px;*/
						margin-bottom: 5px;
						text-align:left;
					}
				
				#cases .fotos
				{
					float: left;
					width: 140px;
					margin-left: 18px;
					text-align: center;
					padding: 5px;
				}
				
					#cases .fotos a
					{
						display: block;
						float: left;
						background: #FFF;
						border-right: 2px solid #CCC;
						border-bottom: 2px solid #CCC;
						margin: 3px;
					}
					
					#cases .fotos a:hover
					{
						background: #D00;
						border-right: 2px solid #500;
						border-bottom: 2px solid #500;
					}
				
						#cases .fotos a img
						{
							margin: 5px;
							border: 0;
						}
						
		/* Interna - Contato */
		
			#contato
			{
				float: left;
				padding: 10px 0;
				width: 680px;
			}
			
				#contato .coluna
				{
					float: left;
					width: 235px;
					margin-right: 5px;
					
					/* BoxHackModel */
					voice-family: "\"}\""; 
					voice-family: inherit;
					width: 230px;
				}
				
					#contato .coluna span
					{
						display: block;
						background: #FFF;
						border-right: 2px solid #DDD;
						border-bottom: 2px solid #DDD;
						padding: 10px;
					}
			
						#contato .coluna span img
						{
							/* */
						}
				
						#contato .coluna span h3
						{
							font-size: 15px;
							font-weight: bold;
							color: #D00;
							padding: 5px 10px;
							text-align: right;
						}
						
						#contato .coluna span p
						{
							font-size: 11px;
							color: #555;
							padding: 2px 10px;
							text-align: right;
						}
						
						#contato .coluna span a
						{
							color: #D00;
						}
						
						#contato .foco a:hover
						{
							color: #222;
						}
					
				#contato .foco
				{
					float: left;
					width: 430px;
				}
				
					#contato .foco h2
					{
						font-size: 15px;
						font-weight: bold;
						color: #222;
						padding: 10px 20px;
						text-align: right;
					}
					
					#contato .foco fieldset
					{
						border: 0;
						margin: 0 20px;
					}
					
						#contato .foco fieldset label
						{
							display: block;
							margin-top: 5px;
							color: #999;
							font-weight: bold;
							font-size: 14px;
						}
						
						#contato .foco fieldset input,
						#contato .foco fieldset textarea
						{
							border: 0;
							border-right: 1px solid #200;
							border-bottom: 1px solid #200;
							background: #900;
							color: #FFF;
							font: bold 11px Trebuchet MS, Arial, Verdana;
							padding: 2px;
						}
							
						#contato .foco fieldset button
						{
							padding: 1px 20px;
							background: #222;
							border: 1px solid #555;
							color: #AAA;
							margin: 0 5px;
						}
						
		/* Interna - Blog */
		
			#blog
			{
				float: left;
				padding: 10px 0;
				width: 680px;
			}			
			
				#blog .foco
				{
					float: left;
					width: 510px;
				}
				
					#blog .foco .post
					{
						margin: 5px 0;
					}
					
						#blog .foco .post .titulo
						{
							padding: 5px 20px;
						}
					
							#blog .foco .post .titulo h2
							{
								font-size: 20px;
								font-weight: bold;
								color: #222;
								padding: 5px 0;
							}
							
							#blog .foco .post .titulo span
							{
								display: block;
								font-size: 11px;
								color: #AAA;
								text-align: right;
							}

						#blog .foco .post .foto
						{
							/* border: 5px solid #FFF; */
							background: #FFF;
							border-right: 2px solid #CCC;
							border-bottom: 2px solid #DDD;
							float: left;
						}
						
							#blog .foco .post .foto img
							{
								/* border: 5px solid #FFF; */
								margin: 10px;
							}
						
						#blog .foco .post .texto
						{
							padding: 10px 20px;		
							border-bottom: 1px dashed #999;				
						}
						
							#blog .foco .post .texto p
							{
								margin-bottom: 5px;
								text-align:left;
							}
							
						#blog .foco .post .coments
						{
							font-size: 11px;
							color: #222;
							padding: 10px 20px;
							background: #FAFAFA;
							border-bottom: 1px dashed #AAA;
							border-left: 1px dashed #AAA;
							border-right: 1px dashed #AAA;
							display: none;
						}
						
							#blog .foco .post .coments ul
							{
								list-style: none;
							}
							
								#blog .foco .post .coments ul li
								{
									border-bottom: 1px solid #CCC;
									padding: 11px 0;
								}
								
									#blog .foco .post .coments ul li strong
									{
										color: #900;
									}
								
								#blog .foco .post .coments ul li.titulo
								{
									color: #D00;
									font-size: 15px;
									font-weight: bold;
									padding-top: 0;
								}
								
							#blog .foco .post .coments fieldset
							{
								padding: 10px 40px;
								border: 1px solid #D0D0D0;
							}
							
								#blog .foco .post .coments fieldset legend
								{
									padding: 0 10px;
									color: #D00;
									font-weight: bold;
								}
								
									#blog .foco .post .coments th
									{
										padding: 5px;
										text-align: right;
									}
									
									#blog .foco .post .coments td
									{
										padding: 5px;
										width: 200px;
									}
									
									#blog .foco .post .coments td input,
									#blog .foco .post .coments td textarea,
									#blog .foco .post .coments td button
									{
										width: 100%;
										background: #D00;
										border: 0;
										color: #FFF;
										font: bold 11px Trebuchet MS, Arial, Verdana;
										padding: 2px;
									}
									
									#blog .foco .post .coments td button
									{
										font-weight: bold;
										color: #222;
										background: #CCC;
										border: 1px solid #999;
									}
						
						#blog .foco .post .interativo
						{
							font-size: 11px;
							font-weight: bold;
							color: #555;
							padding: 10px 20px;
							background: #FFF;
							border-bottom: 1px solid #DDD;
						}
						
							#blog .foco .post .interativo span
							{
								cursor: pointer;
							}		
							
							#blog .foco .post .interativo span.coment
							{
								color: #D00;
							}	
							
							#blog .foco .post .interativo a
							{
								color: #D00;
								text-decoration: none;
							}
							
							#blog .foco .post .interativo a:hover
							{
								color: #FFF;
							}
									
				#blog .coluna
				{
					float: left;
					width: 120px;
					margin-left: 18px;
				}
				
					#blog .coluna h3
					{
						font-size: 20px;
						font-weight: bold;
						color: #D00;
						margin: 10px;
					}
					
					#blog .coluna ul
					{
						padding: 10px;
						background: #FAFAFA;
					}
					
						#blog .coluna ul li
						{
							background: #D00 url('../imgs/bgmenu.jpg') right repeat-y;
							margin-top: 1px;
							padding: 2px 10px;
							list-style: inside;
							font-weight: bold;
							border-bottom: 1px solid #C00;
							color: #B00;
						}
						
							#blog .coluna ul li a
							{
								color: #FFF;
								text-decoration: none;
							}
							
							#blog .coluna ul li a:hover
							{
								color: #F99;
							}
							
		/* Interna - News */
		
			#news
			{
				float: left;
				padding: 10px 0;
				width: 680px;
			}			
			
				#news .foco
				{
					float: left;
					width: 510px;
				}
				
					#news .foco .post
					{
						background: #FFF;
						border-right: 2px solid #CCC;
						border-bottom: 2px solid #DDD;
						margin: 10px;
					}
					
						#news .foco .post .titulo
						{
							padding: 5px 20px;
						}
					
							#news .foco .post .titulo h2
							{
								font-size: 20px;
								font-weight: bold;
								color: #222;
								padding: 5px 0;
							}
							
							#news .foco .post .titulo span
							{
								display: block;
								font-size: 11px;
								color: #999;
								text-align: right;
							}
						
						#news .foco .post .texto
						{
							padding: 10px 20px;		
							color: #555;			
						}

							#news .foco .post .texto img
							{
								border: 5px solid #FFF;
								margin: 10px;
								float: left;
							}
						
							#news .foco .post .texto p
							{
								/*text-indent: 20px;*/
								margin-bottom: 5px;
								text-align:left;
							}
							
							#news .foco .post .texto .downloads
							{
								margin-bottom: 5px;
							}
							
								#news .foco .post .texto .downloads h4
								{
									font-size: 14px;
									color: #555;
								}
								
									#news .foco .post .texto .downloads ul
									{
										list-style: inside;
										color: #555;
										font-weight: bold;
									}
									
										#news .foco .post .texto .downloads ul a
										{
											text-decoration: none;
											color: #555;
										}
										
										#news .foco .post .texto .downloads ul a:hover
										{
											color: #F90;
										}
									
				#news .coluna
				{
					float: left;
					width: 140px;
					margin-left: 18px;
				}
				
					#news .coluna h3
					{
						font-size: 20px;
						font-weight: bold;
						color: #555;
						margin: 10px;
					}
					
					#news .coluna ul
					{
						padding: 10px;
						background: #FAFAFA;
					}
					
						#news .coluna ul li
						{
							background: #D00;
							margin-top: 1px;
							padding: 2px 10px;
							list-style: inside;
							font-weight: bold;
							border-bottom: 1px solid #900;
							color: #900;
						}
						
							#news .coluna ul li a
							{
								color: #FFF;
								text-decoration: none;
							}
							
							#news .coluna ul li a:hover
							{
								color: #F90;
							}
							
		/* Interna - Trabalhe */
		
			#trabalhe
			{
				float: left;
				padding: 10px 0;
				width: 680px;
			}
			
				#trabalhe .coluna
				{
					float: left;
					width: 235px;
					margin-right: 5px;
					
					/* BoxHackModel */
					voice-family: "\"}\""; 
					voice-family: inherit;
					width: 230px;
				}
				
					#trabalhe .coluna span
					{
						display: block;
						background: #FFF;
						border-right: 2px solid #CCC;
						border-bottom: 2px solid #DDD;
						padding: 10px;
					}
						
						#trabalhe .coluna span p
						{
							color: #AAA;
							/*text-indent: 20px;*/
							margin-bottom: 10px;
							padding: 10px 20px;
							text-align:left;
						}

						#trabalhe .coluna span p.titulo
						{
							font-weight: bold;
							color: #DDD;
							font-size: 20px;
							text-align: right;
							padding-right: 20px;
						}
				
						#trabalhe .coluna span a
						{
							color: #F90;
							text-decoration: underline;
						}
						
						#trabalhe .coluna span a:hover
						{
							color: #FFF;
						}	
					
				#trabalhe .foco
				{
					float: left;
					width: 430px;
				}
				
					#trabalhe .foco h2
					{
						font-size: 20px;
						font-weight: bold;
						color: #222;
						padding: 10px 20px;
						text-align: right;
					}
					
					#trabalhe .foco fieldset
					{
						border: 0;
						margin: 0 20px;
					}
					
						#trabalhe .foco fieldset label
						{
							display: block;
							margin-top: 5px;
							color: #222;
							font-weight: bold;
							font-size: 14px;
						}
						
						#trabalhe .foco fieldset input.form,
						#trabalhe .foco fieldset textarea
						{
							border: 0;
							background: #DDD;
							color: #222;
							font: 11px Trebuchet MS, Arial, Verdana;
							padding: 2px;
						}
						
						#trabalhe .foco fieldset ul
						{
							list-style: none;
							margin-left: 20px;
						}
						
							#trabalhe .foco fieldset ul label
							{
								font-size: 9px;
							}
							
							#trabalhe .foco fieldset ul input
							{
								width: 9px;
							}
							
						#trabalhe .foco fieldset button
						{
							padding: 1px 20px;
							background: #222;
							border: 1px solid #555;
							color: #AAA;
						}
						
			
		#rodape
		{
			background: url(../imgs/rodape.gif) top center no-repeat;
			padding-top:70px;
			height:72px;
			font-size:12px;
			text-align:center;
			font-weight:bold;
		}