/*@CHARSET"UTF-8";*/

*{
	margin:0px;
	padding: 0px;
	font-family: "Trebuchet MS", arial, verdana;
}

body{
	background-image: url("../images/img_fundo_body.jpg");
	background-position: top;
	background-repeat: repeat-x;
	color: #666;
}

body,html {
	height: 100%;
}

body p{
	font-size: 13px;
}

body p.voltar{
	font-size: 12px;
	padding: 30px;
	text-align: center;
}

	body p.voltar a{
		color: #666;
		text-decoration: none;	
		text-transform: uppercase;
	}
	
	body p.voltar a:hover{
		color: #E46617;
		text-decoration: none;	
		font-weight: bold;
	}	

body p.informacao{
	color: #666;
	font-size: 13px;
	padding: 0 0 15px 15px;
}

body h1.rotulo{
	color: #E46617;
	font-size: 22px;
	padding: 0 0 15px 15px;
	font-weight: normal;
}

.div_portfolio{
	position: absolute;
	display: none;
	z-index: 999; 
	cursor: pointer;
	width: 300px;
	height: 100px;
	background-image: url("../images/img_fundo_portfolio.png");
	background-position: top;
	background-repeat: no-repeat;
	
	/* Hack para transparencia */
	/* filter:opacity(alpha=20); /* para o IE */
	/* -moz-opacity:0.2; /* para o FireFox */
	/* opacity:0.2; /* para o outros Navegadores */
	
	/* Trecho Border Round - CSS3 - Não validada ainda */
	/* -moz-border-radius: 12px; */
	/* -webkit-border-radius: 12px; */
}

	.div_portfolio h1{
		font-size: 16px;
		color: #E46617;
		padding: 20px 20px 5px 20px;
	}

	.div_portfolio h2{
		font-size: 13px;
		color: #666;
		padding: 0 20px 20px 20px;
	}

.limpar{
	clear: both;	
}

.limpar{
	clear: both;	
}

.estrutura {
	position: relative;
	min-height: 100%; /* browser moderno tipo firefox, opera, cia */
	height: auto !important; /* browser moderno, porém, do tipo IE7 */
	height: 100%; /* IE 6 */
}

	.estrutura .moldura{
		width: 780px;
		left: 50%;
		position: absolute;
		margin-left:-390px;
	}
	
		.estrutura .moldura .tabela{
			margin: 0 15px;
		}
		
			.estrutura .moldura .tabela table{
				font-size: 12px;
				border: 1px solid #EAEAEA;
			}
			
				.estrutura .moldura .tabela table th{
					color: #E46617;
					font-size: 16px;
					padding: 10px;
					background: #EAEAEA;
				}
				
				.estrutura .moldura .tabela table td{
					border: 1px solid #EAEAEA;
					padding: 5px;
				}
				
				.estrutura .moldura .tabela table .rotulo{
					color: #E46617;
					font-size: 13px;
					font-weight: bold;
				}
				
				.estrutura .moldura .tabela table .valor{
					color: #E46617;
					font-size: 20px;
					font-weight: bold;
					letter-spacing: -2px;
				}
		
		.estrutura .moldura .botao{
			font-size: 14px;
			background: #E46617;
			border: 0px;
			cursor: pointer;
			color: #FFF;
			padding: 5px;
			text-transform: uppercase;
		}
		
			.estrutura .moldura .tutorial a{
				color: #E46617;
				text-decoration: none;	
				font-weight: bold;
			}
			
			.estrutura .moldura .tutorial a:hover{
				text-decoration: underline;	
			}	
			
			.estrutura .moldura .detalhe_datacenter{
				margin: 20px 15px; 
				background-color: #EAEAEA;
				padding: 20px;
			}
		
			.estrutura .moldura .detalhe_datacenter h1{
				color: #E46617;	
				font-size: 16px;
				font-weight: bold;
				padding: 5px 0;
			}
			
			.estrutura .moldura .detalhe_datacenter ul{
				font-size: 13px;
				padding-bottom: 15px;
				margin-left: 15px;
			}
		
		.estrutura .moldura .aviso{
			margin: 20px 15px; 
			background-color: #EAEAEA;
			padding: 20px;
		}
		
			.estrutura .moldura .aviso h1{
				color: #E46617;	
				font-size: 16px;
			}
			
			.estrutura .moldura .aviso a{
				text-decoration: none;
				font-weight: bold;
				color: #666;
			}
			
			.estrutura .moldura .aviso a:hover{
				color: #E46617;	
			}
	
		.estrutura .moldura .detalhe_portfolio{
			padding: 0 0 5px 0;
			font-size: 13px;
		}
	
			.estrutura .moldura .detalhe_portfolio b{
				color: #E46617;	
				text-transform: uppercase;
				font-size: 10px;
			}
			
			.estrutura .moldura .detalhe_portfolio a{
				color: #666;	
				text-decoration: none;
			}
			
			.estrutura .moldura .detalhe_portfolio a:hover{
				color: #E46617;	
				font-weight: bold;
			}			
			
		.estrutura .moldura .item_portfolio{
			width: 153px;
			height: 130px;
			float: left;
			margin-bottom:30px; 
			margin-right: 30px;
		}
		
		.estrutura .moldura .detalhe_case{
			padding: 0 0 5px 0;
			font-size: 13px;
			line-height: 15px;
		}

			.estrutura .moldura .detalhe_case b{
				color: #E46617;	
				text-transform: uppercase;
			}
		
		.estrutura .moldura .item_caso{
			width: 365px;
			float: left;
			margin-bottom:20px; 
			margin-right: 17px;
		}
		
			.estrutura .moldura .item_caso img{
				margin-right: 15px;	
			}
	
	/* TOPO */
	.estrutura .moldura .topo{
		height: 245px;
		width: 780px;		
	}
	
		.estrutura .moldura .topo .bloco1{
			width: 780px;
			height: 72px;
		}
		
			.estrutura .moldura .topo .bloco1 .coluna1{
				width: 366px;
				height: 72px;
				float: left;				
			}
			
			.estrutura .moldura .topo .bloco1 .coluna1 p{
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				color: #666;
				padding: 26px
			}
			
			.estrutura .moldura .topo .bloco1 .coluna2{
				width: 414px;
				height: 72px;
				float: left;
			}
			
				/* MENU */
				.estrutura .moldura .topo .bloco1 .coluna2 .menu{}
		
					.estrutura .moldura .topo .bloco1 .coluna2 .menu a{
						text-decoration: none;	
						color: #E46617;					
					}
			
					.estrutura .moldura .topo .bloco1 .coluna2 .menu .item{
						width: 100px;
						height:53px;
						float: left;
						background-image: url("../images/img_fundo_menu_off.png");
						background-position: top;
						background-repeat: no-repeat;
						cursor: pointer;
					}
					
						.estrutura .moldura .topo .bloco1 .coluna2 .menu .item{					
							color: #E46617;
							font-size: 14px;
							text-align: center;
							letter-spacing:1px;
							padding-top: 15px;
						}
					
					.estrutura .moldura .topo .bloco1 .coluna2 .menu .item:hover{
						width: 100px;
						height:72px;
						float: left;
						background-image: url("../images/img_fundo_menu_on.png");
						background-position: top;
						background-repeat: no-repeat;
						cursor: pointer;
					}
					
						.estrutura .moldura .topo .bloco1 .coluna2 .menu .item:hover{					
							color: #E46617;
							font-size: 14px;
							text-align: center;
							letter-spacing:1px;
							padding-top: 27px;
						}

					.estrutura .moldura .topo .bloco1 .coluna2 .menu .item_marcado{
						width: 100px;
						height:72px;
						float: left;
						background-image: url("../images/img_fundo_menu_on.png");
						background-position: top;
						background-repeat: no-repeat;
						cursor: pointer;
					}
					
						.estrutura .moldura .topo .bloco1 .coluna2 .menu .item_marcado{					
							color: #E46617;
							font-size: 14px;
							text-align: center;
							letter-spacing:1px;
							padding-top: 27px;
						}
					
					.estrutura .moldura .topo .bloco1 .coluna2 .menu .espaco{
						float: left;
					}
			
		.estrutura .moldura .topo .bloco2{
			width: 780px;
			height: 173px;
		}
		
			.estrutura .moldura .topo .bloco2 .coluna1{
				width: 366px;
				height: 173px;
				float: left;
			}
			
			.estrutura .moldura .topo .bloco2 .coluna2{
				width: 414px;
				height: 173px;
				float: left;
				text-align: center;				
			}
			
				.estrutura .moldura .topo .bloco2 .coluna2 p{
					padding: 60px 0;
					font-size: 25px;
					line-height: 27px;
					color: #666;
				}
	
				.estrutura .moldura .topo .bloco2 .coluna2 span{
					color: #E46617;
				}
				
	.estrutura .moldura .conteudo{		
		width: 780px;		
	}	
	
.estrutura .moldura .conteudo .news{}
	
	.estrutura .moldura .conteudo .news .titulonews{
		color: #E46617;
		font-size: 20px;
		font-weight: bold;
		padding: 0 15px;
	}
	
	.estrutura .moldura .conteudo .news .datanews{
		color: #E46617;
		font-size: 11px;
		padding: 0 15px 10px 15px;
	}
	
	.estrutura .moldura .conteudo .news .textonews{
		font-size: 12px;
		padding: 0 15px;
	}
				
	.estrutura .moldura .conteudo .news hr{
		margin: 0 15px 10px 15px;
		border: 1px dotted #CCC;
		background-color: #FFF;	
	}
					
	.estrutura .moldura .conteudo .news .data{
		width: 34px; 
		margin-left: 15px; 
		float: left;
		background-image: url("../images/img_fundo_data.png");
		background-position: top;
		background-repeat: no-repeat;
		text-align: center;	
	}	
							
		.estrutura .moldura .conteudo .news .data .dia{
			height: 32px;
			color: #FFF;
			font-weight: bold;
			font-size: 20px;
			text-align: center;
			padding-top: 3px;
		}
									
		.estrutura .moldura .conteudo .news .data .mes{
			color: #666;
			font-weight: bold;
			font-size: 12px;
			text-align: center;
		}
	
	.estrutura .moldura .conteudo .news .texto{
		padding-left: 10px; 
		width: 700px;
		float: left;
	}
							
		.estrutura .moldura .conteudo .news .texto .titulo{
			color: #E46617;
			font-weight: bold;
			font-size: 15px;
			line-height: 17px;
		}
			
		.estrutura .moldura .conteudo .news .texto .descricao{
			color: #666;
			font-weight: bold;
			font-size: 13px;
			line-height: 15px;
			padding: 5px 0;
		}
									
		.estrutura .moldura .conteudo .news .texto img{
			border: 0px;
			margin: 5px 0 15px 0;	
		}	

		.estrutura .moldura .conteudo .borda{
			background-image: url("../images/img_topo_conteudo.jpg");
			background-position: top;
			background-repeat: no-repeat;
			width: 780px;
			height: 25px;
		}

		.estrutura .moldura .conteudo .corpo{
			background-image: url("../images/img_fundo_conteudo.jpg");
			background-position: top;
			background-repeat: no-repeat;
			width: 780px;
			min-height: 600px;
		}		
		
			/* BLOCO 1 */
		
			.estrutura .moldura .conteudo .corpo .bloco1{
				width: 780px;
			}
			
				/* BLOCO 1 -> COLUNA 1 */
			
				.estrutura .moldura .conteudo .corpo .bloco1 .coluna1{
					width: 286px;
					float: left;
				}
				
					.estrutura .moldura .conteudo .corpo .bloco1 .coluna1 h1{
						color: #666;
						font-size: 20px;	
						padding: 0 0 10px 15px;
						font-weight: normal;
					}
					
				/* BLOCO 1 -> COLUNA 2 */
		
				.estrutura .moldura .conteudo .corpo .bloco1 .coluna2{
					width: 494px;
					float: left;
				}
				
					.estrutura .moldura .conteudo .corpo .bloco1 .coluna2 h1{
						color: #E46617;
						font-size: 27px;
						line-height: 29px;
						padding: 0 15px 20px 0;
						font-weight: normal;
					}
					
					.estrutura .moldura .conteudo .corpo .bloco1 .coluna2 h2{
						color: #666;
						font-size: 20px;
						line-height: 22px;
						padding: 0 15px 10px 0;
						font-weight: normal;
					}
				
			/* BLOCO 2 */
					
			.estrutura .moldura .conteudo .corpo .bloco2{
				width: 780px;
			}
			
				/* BLOCO 2 -> COLUNA 1 */
			
				.estrutura .moldura .conteudo .corpo .bloco2 .coluna1{
					width: 286px;
					float: left;
				}
				
					.estrutura .moldura .conteudo .corpo .bloco2 .coluna1 .noticias{}
				
						.estrutura .moldura .conteudo .corpo .bloco2 .coluna1 .noticias hr{
							width: 250px;
							margin-left: 15px;
							margin-bottom: 10px;
							border: 1px dotted #CCC;
							background-color: #FFF;	
						}
				
						.estrutura .moldura .conteudo .corpo .bloco2 .coluna1 .noticias .data{
							width: 34px; 
							margin-left: 15px; 
							float: left;
							background-image: url("../images/img_fundo_data.png");
							background-position: top;
							background-repeat: no-repeat;
							text-align: center;	
						}	
						
							.estrutura .moldura .conteudo .corpo .bloco2 .coluna1 .noticias .data .dia{
								height: 32px;
								color: #FFF;
								font-weight: bold;
								font-size: 20px;
								text-align: center;
								padding-top: 3px;
							}
							
							.estrutura .moldura .conteudo .corpo .bloco2 .coluna1 .noticias .data .mes{
								color: #666;
								font-weight: bold;
								font-size: 12px;
								text-align: center;
							}

						.estrutura .moldura .conteudo .corpo .bloco2 .coluna1 .noticias .texto{
							width: 205px; 
							padding-left: 10px; 
							float: left;
						}
						
							.estrutura .moldura .conteudo .corpo .bloco2 .coluna1 .noticias .texto .titulo{
								color: #E46617;
								font-weight: bold;
								font-size: 12px;
								line-height: 14px;
							}
	
							.estrutura .moldura .conteudo .corpo .bloco2 .coluna1 .noticias .texto .descricao{
								color: #666;
								font-weight: bold;
								font-size: 11px;
								line-height: 14px;
								padding: 5px 0;
							}
							
							.estrutura .moldura .conteudo .corpo .bloco2 .coluna1 .noticias .texto img{
								border: 0px;
								margin: 5px 0 15px 0;	
							}
				
					.estrutura .moldura .conteudo .corpo .bloco2 .coluna1 h1{
						color: #666;
						font-size: 20px;
						padding: 10px 0 12px 15px;
						font-weight: normal;
					}
					
				/* BLOCO 2 -> COLUNA 2 */
		
				.estrutura .moldura .conteudo .corpo .bloco2 .coluna2{
					width: 494px;
					float: left;
				}
				
					.estrutura .moldura .conteudo .corpo .bloco2 .coluna2 h1{
						color: #E46617;
						font-size: 20px;
						padding: 10px 0;
						font-weight: normal;
					}
					
					.estrutura .moldura .conteudo .corpo .bloco2 .coluna2 .coluna{
						width: 153px;
						height: 130px;
						float: left;
						margin-bottom:15px; 
						margin-right: 10px;
						color: #FFF;
					}
				
			/* BLOCO 3 */		
			
			.estrutura .moldura .conteudo .corpo .bloco3{
				width: 780px;
			}
			
				/* BLOCO 3 -> COLUNA 1 */
			
				.estrutura .moldura .conteudo .corpo .bloco3 .coluna1{
					width: 300px;
					float: left;
				}
				
					.estrutura .moldura .conteudo .corpo .bloco3 .coluna1 img{
						margin:35px 0 0 17px; 
						border: 0px
					}

					.estrutura .moldura .conteudo .corpo .bloco3 .coluna1 h1{
						color: #666;
						font-size: 20px;
						padding: 10px 0 10px 15px;
						font-weight: normal;
					}
					
				/* BLOCO 3 -> COLUNA 2 */
				
				.estrutura .moldura .conteudo .corpo .bloco3 .coluna2{
					width: 480px;
					float: left;
				}
				
					.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .texto h1{
						color: #E46617;
						font-size: 16px;
						padding: 10px 0;
						font-weight: normal;
					}
					
					.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .texto ul{
						margin-bottom: 10px;
					}
					
					.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .texto li{
						color: #666;
						font-size: 13px;
						margin-left:15px;
						line-height: 14px;
						list-style: url("../images/img_marcador_item.jpg");
					}
					
					.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .planos h1{
						color: #E46617;
						font-size: 16px;
						padding: 10px 0;
						font-weight: normal;
					}
					
					.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .planos .coluna{
						width: 105px;
						float: left;
					}
					
						.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .planos .coluna .titulo{
							width: 105px;
							height: 34px;
						}
											
						.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .planos .coluna .dados{
							background-image: url("../images/img_fundo_dados.jpg");
							background-position: top;
							background-repeat: repeat-x;														
						}
						
							.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .planos .coluna .dados h3{
								color: #333;
								font-size: 12px;
								text-align: center;
							}
							
							.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .planos .coluna .dados h4{
								color: #E46617;
								font-size: 23px;
								padding-top: 5px;
								text-align: center;
								letter-spacing:-2px;
							}
							
								.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .planos .coluna .dados h4 span{
									font-size: 14px;
								}

							.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .planos .coluna .dados h5{
								color: #333;
								font-size: 9px;
								font-weight: normal;
								text-align: center;
							}
														
						
					.estrutura .moldura .conteudo .corpo .bloco3 .coluna2 .planos .espaco{
						width: 14px;
						float: left;
					}

	/* RODAPE */
					
	.estrutura .moldura .rodape{
		height: 175px;
		width: 780px;		
		margin: 40px 0 30px 0;
		font-size: 12px;
	}
	
		.estrutura .moldura .rodape .linha1{
			height: 50px;
			width: 780px;
			color: #666;
			font-size: 12px;
			text-align: center;		
		}
	
		.estrutura .moldura .rodape .linha2{
			height: 125px;
			width: 780px;
			font-size: 12px;		
		}	
		
			.estrutura .moldura .rodape .linha2 .coluna1{
				width: 350px;
				height: 125px;
				float: left;
				font-size: 12px;
				line-height:14px;
				color: #666;				
			}
			
				.estrutura .moldura .rodape .linha2 .coluna1 p{
					padding-left: 15px;
					font-size: 12px;
				}
			
			.estrutura .moldura .rodape .linha2 .coluna2{
				width: 300px;
				height: 125px;
				float: left;
				font-size: 12px;
				line-height:14px;
				color: #666;
			}
			
				.estrutura .moldura .rodape .linha2 .coluna2 a{
					text-decoration: none;
					color: #666;
					font-size: 12px;
				}

				.estrutura .moldura .rodape .linha2 .coluna2 a:hover{
					text-decoration: none;
					color: #666;
					font-weight: bold;
					letter-spacing:1px;
				}
				
			.estrutura .moldura .rodape .linha2 .coluna3{
				width: 130px;
				height: 125px;
				float: left;
				font-size: 12px;
				line-height:14px;
				color: #666;				
			}
			
				.estrutura .moldura .rodape .linha2 .coluna3 a{
					text-decoration: none;
					color: #666;
					font-size: 12px;
				}

				.estrutura .moldura .rodape .linha2 .coluna3 a:hover{
					text-decoration: none;
					color: #666;
					font-weight: bold;
					letter-spacing:1px;
				}
			
/* zend_form */
.zend_form #nome_msg,
		   #email_msg,
		   #assunto_msg{
	width: 400px;
	border: 1px solid #E46617;	
	padding: 3px;
	font-size: 17px;	
	color: #666;	
	font-weight: normal;
	background-color: #EAEAEA;	
	/* Trecho Border Round - CSS3 - Não validada ainda 
	-moz-border-radius: 8px;				
	-webkit-border-radius: 8px;	
	*/											
}

.zend_form #comentario_msg{
	width: 400px;
	height: 150px;
	border: 1px solid #E46617;	
	padding: 3px;
	font-size: 17px;	
	color: #666;
	font-weight: normal;
	background-color: #EAEAEA;
	/* Trecho Border Round - CSS3 - Não validada ainda
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	*/
}

.zend_form #telefone_msg{
	width: 160px;
	border: 1px solid #E46617;	
	padding: 3px;
	font-size: 17px;	
	color: #666;
	font-weight: normal;
	background-color: #EAEAEA;
	/* Trecho Border Round - CSS3 - Não validada ainda
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	*/
}

.zend_form #destinatario_msg{
	border: 1px solid #E46617;	
	padding: 3px;
	font-size: 17px;	
	color: #666;
	font-weight: normal;
	background-color: #EAEAEA;
	/* Trecho Border Round - CSS3 - Não validada ainda
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	*/
}

.zend_form label{
	font-size: 13px;	
}

.zend_form .description{
	font-size: 12px;	
}

.zend_form #submit{
	font-size: 14px;
	background: #E46617;
	border: 0px;
	cursor: pointer;
	color: #FFF;
	padding: 5px;
	text-transform: uppercase;
	/* Trecho Border Round - CSS3 - Não validada ainda
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	*/
}

/* estilo para os errors dos forms*/		
.zend_form .errors li{
	list-style-image:url("../images/warning.png");
	color:#666;
	font-size:11px;
	font-weight: bold;
	font-style: italic;
	margin: 2px 0 0 25px;
}

	.element-group .errors li{
		list-style-image:url("../images/warning.png");
		color:#666;
		font-size:11px;
		font-weight: bold;
		font-style: italic;
		margin: 2px 0 0 25px;
	}
	
	.element2-group .errors li{
		list-style-image:url("../images/warning.png");
		color:#666;
		font-size:11px;
		font-weight: bold;
		font-style: italic;
		margin: 2px 0 0 25px;
	}

/* paginação */
.paginacao{
	font-size: 13px;
	text-align: center;	
	color: #CCC;
	margin: 20px 0;
}

	.paginacao a{
		text-decoration: none;
		color: #666;	
	}
	
	.paginacao a:hover{
		color: #E46617;	
		text-decoration: underline;
	}