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

* {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#EAEAEA;
}

	#geral {
		width: 100%;
		float: left;
		background-image:url(img/bg.jpg);
		background-repeat:repeat-x;
		background-color:#FFFFFF;
	}
		
		#geral #meio {
			width:955px;
			margin:0 auto;
		}
		
			#geral #meio #topo {
				float:left;
				width:955px;
				min-height:188px;
				@height:188px;
				margin:0 auto;
			}
			
			#geral #meio #conteudo {
				float:left;
				width:955px;
				min-height:250px;
				@height:250px;
				margin:0 auto;
			}
			
			#geral #meio #conteudo ul {
				float:left;
				width:100%;
			}
			
				#geral #meio #conteudo ul li {
					float: left;
					width: 210px;
					margin: 5px;
					min-height: 130px;
					list-style:none;
				}
				
				#geral #meio #conteudo ul li.esquerda {
					width:210px;
					margin:0 0 0 15px;
				}
					#geral #meio #conteudo .esquerda h2 {
						font-family:"Trebuchet MS", Arial;
						font-size:24px;
						color:#DA261D;
						font-style:italic;
						margin:8px 0 5px 0;
					}
					
					#geral #meio #conteudo .esquerda h3 {
						font-family:"Trebuchet MS", Arial;
						font-size:20px;
						color:#494778;
						font-style:italic;
						line-height:20px;
						margin:0 0 5px 0;
					}
					
					#geral #meio #conteudo .esquerda p {
						font-family:"Trebuchet MS", Arial;
						font-size:13px;
						color:#828282;
						font-style:italic;
						line-height:15px;
					}
					
					#geral #meio #conteudo .esquerda a {
						float:right;
						margin:10px 7px 0 0;
					}
				
				#geral #meio #conteudo ul li.direita {
					width:725px;
					margin:0;
					float:right;
				}

			#geral #meio #destaque {
				float:left;
				width:955px;
				min-height:250px;
				@height:250px;
				margin:0 auto;
				padding:5px 0 15px 0;
			}
			
			#geral #meio #destaque ul {
				float:left;
				width:100%;
			}
				#geral #meio #destaque ul li {
					float: left;
					width: 210px;
					list-style:none;
				}
				
					#geral #meio #destaque .obra {
						float: left;
						width:377px;
						min-height:255px;
						height:255px;
						margin:0 0 0 15px;
						list-style:none;
					}
					
					#geral #meio #destaque ul li.obra {
						float: left;
						width:377px;
						list-style:none;
						background-color:#EEE;
					}
					
						#geral #meio #destaque ul li .obra ul  {
							float: left;
							width:100%;							
							list-style:none;
						}
						
						
						#geral #meio #destaque .obra h2  {
							font-size:16px;
							color:#CC0000;
							background-color:#FFF;
							border-bottom:3px solid #DA261D;
							font-family:"Trebuchet MS", Arial;
							text-transform:uppercase;
						}
					#geral #meio #destaque li.obra .passa_obra ul {
							width:377px;
							text-align:center;
							margin:20px 0 0 0;
						}
						
						#geral #meio #destaque li.obra .passa_obra ul li.esq  {
							float: left;
							width:auto;
							height:105px;
							list-style:none;
							
						}
						
						#geral #meio #destaque li.obra .passa_obra ul li.dir  {	
							width:auto;
							height:105px;
							list-style:none;
							margin:0 0 0 10px;
						}
						
						#geral #meio #destaque li.obra .passa_obra ul li.esq  p {
							width:140px;
							height:80px;
							font-family:Arial, Helvetica, sans-serif;
							font-size:11px;
							color:#241F3D;
							margin:5px 0 0 0;
							
						}
						
						#geral #meio #destaque li.obra .passa_obra ul li.dir p {	
							width:140px;
							height:80px;
							font-family:Arial, Helvetica, sans-serif;
							font-size:11px;
							color:#241F3D;
							margin:5px 0 0 0;
						}
						
						
						#geral #meio #destaque li.obra .passa_obra ul li img  {
							width:140px;
							height:105px;
							border:3px solid #c2ced5;
						}
						
						#geral #meio #destaque li.obra .passa_obra ul li.seta_e {
							width:29px;
							height:61px;
							display:block;
							margin:25px 8px 0 0;
						}
						
						#geral #meio #destaque li.obra .passa_obra ul li.seta_e a {
							width:29px;
							height:61px;
							display:block;
							float:left;
							background:url(img/seta_e.jpg) top left no-repeat;
						}
						
						#geral #meio #destaque li.obra .passa_obra ul li.seta_d {
							width:29px;
							height:61px;
							display:block;
							float:right;
							margin:25px 0 0 0;
						}
						
						#geral #meio #destaque li.obra .passa_obra ul li.seta_d a {
							width:29px;
							height:61px;
							display:block;
							background:url(img/seta_d.jpg) top left no-repeat;
						}
						
					#geral #meio #destaque .servico {
						float: left;
						width: 260px;
						margin:0 0 0 15px;
						min-height:255px;
						height:255px;
						list-style:none;
						background-color:#EEE;
					}
						#geral #meio #destaque .servico ul {
							float: left;
							width:100%;
							margin:10px 0 0 10px;
						}
							
							#geral #meio #destaque .servico ul li {
								float: left;
								width:100%;
								padding:3px 0 3px 18px;
								background:url(img/seta_noticia.jpg)  no-repeat left;
								
							}
							
							#geral #meio #destaque .servico li a{
								font-size:12px;
								color:#241F3D;
								text-decoration:none;	
							}
							
							#geral #meio #destaque .servico a:hover {
								font-size:12px;
								color:#241F3D;
								text-decoration:underline;	
							}
							
						#geral #meio #destaque .servico h2  {
							background-color:#FFF;
							border-bottom:3px solid #29166F;
							font-family:"Trebuchet MS", Arial;
							text-transform:uppercase;
							font-size:16px;
							color:#241F3D;
						}
				
	
					#geral #meio #destaque .noticia {
						float: left;
						width: 270px;
						height:255px;
						margin:0 0 0 15px;
						list-style:none;
						background-color:#EEE;
					}

						#geral #meio #destaque .noticia h2  {
							background-color:#FFF;
							border-bottom:3px solid #29166F;
							font-family:"Trebuchet MS", Arial;
							text-transform:uppercase;
							font-size:16px;
							color:#241F3D;
						}
						#geral #meio #destaque .noticia ul {
							float: left;
							width:100%;
							margin:10px 0 0 0px;
						}
							
							#geral #meio #destaque .noticia li {
								float: left;
								width:250px;
								padding:3px 0 15px 10px;
								border-bottom:3px solid #F8F8F8;								
							}
							
							
							#geral #meio #destaque .noticia p {
								font-size:11px;
								color:#999999;
								letter-spacing:1px;
								display:block;
								margin:0 0 0 0;
							}
							
							#geral #meio #destaque .noticia span {
								font-size:14px;
								font-style:italic;
								font-weight:bold;
								color:#2F2064;
								display:block;
								margin:0 0 5px 0;
							}		
														
							#geral #meio #destaque .noticia ul li a {
								font-size:11px;
								color:#444;
								text-decoration:none;	
							}
							
							#geral #meio #destaque .noticia ul li a:hover {
								color:#444;
								text-decoration:underline;	
							}

/* INTERNAS ----------------------------------------------------------------*/
#geral #meio #interna {
	float:left;
	width:920px;
	@height:auto;
	margin:0 auto;
	padding:5px 0 15px 0;	
	position:relative;
}
	
	#geral #meio #interna ul {
		float:left;
		width:100%;
		margin:10px 0 0 15px;
		font-size:12px;
		color:#444;
	}
		#geral #meio #interna ul li {
			list-style:none;
			@height:auto;
		}
		#geral #meio #interna .texto {
			height:auto;
			display:block;
		}
		
		#geral #meio #interna .tit_pagina {
			font-family:"Trebuchet MS", Arial;
			font-size:16px;
			color:#999;
			font-style:italic;
			font-weight:bold;
			letter-spacing:-1px;
		}
		
		#geral #meio #interna .tit_pagina a {
			color:#999;
			font-style:italic;
			font-weight:bold;
			letter-spacing:-1px;
			text-decoration:none;
		}
		
		#geral #meio #interna .tit_pagina a:hover {
			color:#999;
			font-style:italic;
			font-weight:bold;
			letter-spacing:-1px;
			text-decoration:underline;
		}
		
		
		#geral #meio #interna .tit_pagina span{
			color:#29166F;
		}
		
		#geral #meio #interna h2 {
			font-family:"Trebuchet MS", Arial;
			font-size:25px;
			color:#C00;
			font-style:italic;
			font-weight:bold;
			letter-spacing:-1px;
			margin:10px 0 10px 0;
		}
		
		#geral #meio #interna img {
			border:3px solid #EEE;
		}
		
		#geral #meio #interna .imagem {
			float:right;
			width:380px;
			height:auto;
			text-align:right;
			font-size:11px;
			color:#666;
			margin: 0 0 10px 10px;
		}
		
		#geral #meio .voltar {
			margin:0 0 10px 15px;
			padding:10px 0 0 0;
			height:30px;
			float:left;
		}
		
		#geral #meio .voltar a {
			font-size:13px;
			color:#29166F;
			padding:3px 10px 3px 7px;
			border-left:2px solid #CC0000;
			display:block;
			text-decoration:none;
			background-color:#eee;	
		}
		
		#geral #meio .voltar a:hover {
			color:#FFF;
			padding:3px 10px 3px 7px;
			display:block;
			text-decoration:none;	
			background-color:#C00;
		}
		

#geral #meio #interna .clientes li {
	list-style:none;
	float:left;
	padding:0;
	margin:0 25px 8px -15px;
}

#geral #meio #interna ul li img {
	border:3px solid #EEE;
}


#obras {
	width:100%;
	height:auto;
	float:left;
	display:block;
	margin-left:15px;
	font-size:11px;
	color:#241F3D;
	text-decoration:none;	
}

#obras ul {
	list-style:none;
	margin:10px 0 10px 0;
}

#obras ul li {
	float:left;
	width:21%;
	margin:0 15px 15px 0;
	padding:10px;
	/*background-color:#F5F5F5;*/
	border:1px solid #eee;
}

#obras h2 {
	font-family:"Trebuchet MS", Arial;
	font-size:16px;
	color:#C00;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:16px;
	margin:0;
	padding:0;
}


.img {
	width:195px;
	height:100px;
	overflow:hidden;
	border:3px solid #EEE;
	margin:0 0 5px 0;
}

#fotoGrande {
	width:100%;
	text-align:center;
	float:left;
}

#fotoGrande ul {
	width:100%;
	list-style:none;
	margin:10px 0 10px 0;
}

#fotoGrande li {
	width:100%;
	margin:10px 0 10px 0;
}

#fotoGrande img {
	border:3px solid #EEE;
}

#galeria {
	width:100%;
	height:auto;
	float:left;
	display:block;
	margin-left:15px;
	font-size:11px;
	color:#241F3D;
	text-decoration:none;
}

#galeria ul {
	width:100%;
	list-style:none;
	margin:10px 0 10px 0;
}

#galeria ul li {	
	float:left;
	margin:0 10px 10px 0;
}

.img_galeria {
}

.img_galeria {
	width:78px;
	height:55px;
	overflow:hidden;
	border:3px solid #ddd;
	margin:0 0 5px 0;
}


#galeria img {
	cursor:pointer;
}

#obras ul li a { background-color:#221850; font-size:11px; color:#FFF; padding:3px 8px; text-decoration:none; float:right; margin:7px 0 0 0; border-right:2px solid #CC0000; }
#obras ul li a:hover { background-color:#cc0000; font-size:11px; color:#FFF; padding:3px 8px; text-decoration:none; float:right; margin:7px 0 0 0; border-right:2px solid #CC0000;}



#equipe {
	width:100%;
	height:auto;
	float:left;
	display:block;
	margin-left:15px;
	font-size:11px;
	color:#555;
	text-decoration:none;	
}

#equipe ul {
	list-style:none;
	margin:10px 0 10px 0;
}

#equipe ul li {
	float:left;
	width:21%;
	margin:0 15px 15px 0;
	padding:10px;
	/*background-color:#F5F5F5;*/
	border:1px solid #eee;
}

#equipe h2 {
	font-family:"Trebuchet MS", Arial;
	font-size:16px;
	color:#C00;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:16px;
	margin:0;
	padding:0;
}

#equipe .img {
	overflow:hidden;
	border:3px solid #EEE;
	margin:0 0 5px 0;
}

.time {
	list-style:none;
	float:left;
	width:280px;
}

li.time {
	list-style:none;
	float:left;
	border:1px solid #EEE;
	background-color:#F5F5F5;
	padding:0 10px 0 0;
	margin:0 8px 10px 0; 
}

.time img {
	margin:0 10px 0 0;	
}

.time p {
	width:100%;
	padding:10px;
}

.time p span {
	font-weight:bold;
}


/* Fale conosco-------------------------------------------------------*/	

input {
	margin:0 0 0 3px;
}

textarea {
	margin:5px 0 0 3px;
}


.campo_form {
	color:#221850;
	border:1px solid #ccc;
}

.bt_form {
	background-color:#221850;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	border:0;
	cursor:pointer;
	padding:3px 10px;
}

.noticia_inter {
	padding:10px 0 8px 0;
	border-bottom:1px dotted #eee;
}

.noticia_inter span{
	font-family:"Trebuchet MS", Arial;
	font-size:13px;
	font-weight:bold;
	color:#221850;
}

.noticia_inter a {
	color:#444;
	text-decoration:none;
}

.noticia_inter a:hover {
	color:#444;
	text-decoration:underline;
}

/* RODAPE ----------------------------------------------------------------*/
#rodape {
	width:955px;
	margin:0 auto;
}

	#rodape ul {
		width:100%;
		@height:30px;
	}
	
		#rodape ul li {
			float:left;
			list-style:none;
		}
		
			#rodape ul li.esquerda {
				width:840px;
				float:left;
				padding:10px 0 10px 15px;
				@padding:10px 0 0px 15px;
				font-size:11px;
				color:#221950;
			}
			
			#rodape ul li.direita {
				width:100px;
				float:left;
				padding:8px 0 0 0;
			}		

