/*
Theme Name: Souza Engenharia 2009
Theme URI: http://ariel.pchara.com/
Description: ...
Version: 2009
Author: Ariel Pchara
Author URI: http://ariel.pchara.com/
Tags: bark blue, custom header, fixed width, one columns

*/
body { text-align: center; background: #867f77 url(images/bg.gif) repeat-x top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #eceee0; font-size: 15px; margin: 0; padding:0; }
a { text-decoration: none; color: #daddc7;  }
a:hover { text-decoration: underline; color: #eceee0 ; }
.clear { clear: both; }
.ngg-clear { font-size: 0px; }

#corpo { margin: 0 auto !important; width: 960px; background: url(images/logo.gif) no-repeat center top; }
	#corpo #cabeca {  }
		#corpo #cabeca #logo { float: left; height: 170px; width: 370px;  }
		#corpo #cabeca #menu { list-style: none; margin: 0; padding: 0; padding-top: 110px; }
			#corpo #cabeca #menu li { float: left;  margin: 0 8px; }
				#corpo #cabeca #menu li a { float: left; color: #092b35; cursor: pointer; }
				#corpo #cabeca #menu li a:hover { text-decoration: none; }
				#corpo #cabeca #menu li a p { float: left; line-height: 35px; padding: 0 5px; letter-spacing: -1px; margin: 0; }
				#corpo #cabeca #menu li .l,
				#corpo #cabeca #menu li .r { float: left; width: 15px; height: 35px; }
					#corpo #cabeca #menu li.current_page_item a p,
					#corpo #cabeca #menu li.hover a p { background: url(images/menu_bg.gif) repeat-x; color: #FFF; }
					#corpo #cabeca #menu li.current_page_item .l,
					#corpo #cabeca #menu li.current_page_item .r,
					#corpo #cabeca #menu li.hover .l,
					#corpo #cabeca #menu li.hover .r { background: url(images/menu_bg.gif) no-repeat; }
					#corpo #cabeca #menu li.current_page_item .l,
					#corpo #cabeca #menu li.hover .l { background-position:  left -35px; }
					#corpo #cabeca #menu li.current_page_item .r,
					#corpo #cabeca #menu li.hover .r { background-position:  right -35px; }
				
	#corpo #conteudo { width: 880px; margin: 0 auto; text-align: left;  }
		#corpo #conteudo #banner { /*background: url(images/banner.gif) no-repeat center;*/ height: 300px; margin-bottom: 10px; }
		#corpo #conteudo p.chamada { font-size: 22px; margin: 0; text-align: right; margin: 0; padding: 0 10px; letter-spacing: -1px; }
		#corpo #conteudo h2 { border-bottom: 1px solid #eceee0; line-height: 13px; font-weight: normal; font-size: 18px; }
		#corpo #conteudo p { line-height: 22px; text-align: justify; }
		
		#corpo #conteudo #citacao { width: 515px; height: 192px; float: left; background: url(images/citacao.gif) no-repeat; margin-left: 10px; }
			#corpo #conteudo #citacao h2 { border: none; color: #eceee0; margin: 44px 60px 0 54px; line-height: 20px; letter-spacing: -1px; font-size: 24px; text-align: justify; font-weight: normal; }
			
		#corpo #conteudo #ultimas_obras	{ color: #092b35; text-align: left; float: left; list-style: none; margin: 18px 0 0 30px; padding: 0; width: 290px; }
			#corpo #conteudo #ultimas_obras h4 { margin: 0; border-bottom: 1px solid #092b35; line-height: 12px; margin-bottom: 5px; }
				#corpo #conteudo #ultimas_obras li a { font-size: 12px; height: 15px; color: #092b35; white-space: nowrap; }
					#corpo #conteudo #ultimas_obras li a:hover {  }
				
	#conteudo .post { }
		#conteudo .post .obras { margin: 10px; padding: 0; list-style: none; font-size: 12px; }
			#conteudo .post .obras h4 {  padding: 0 5px; margin: 0; border-bottom: 1px solid #686c68; font-size: 11px; line-height: 9px; font-weight: normal; }
				#conteudo .post .obras li a { padding: 0 5px; font-size: 10px; }
					
	#conteudo.clientes .post { float: left; width: 283px; margin: 5px; }
		#conteudo.clientes .post .content {  background: #092b35; padding: 1px; }
			#conteudo.clientes .post .content h3 { margin: 0 10px; font-size: 13px; }
			#conteudo.clientes .post .content p { margin: 5px 10px 0; font-size: 11px; text-align: center; line-height:14px !important; text-align:left !important; }
		#conteudo.clientes .post .top { font-size: 1px; display: block; height: 10px;  background: url(images/cliente_top.gif) no-repeat top center; }
		#conteudo.clientes .post .bottom { font-size: 1px; display: block; height: 16px; background: url(images/cliente_bot.gif) no-repeat bottom center; }
			
	#corpo #rodape { background: url(images/ligth_bottom.gif) no-repeat bottom center;  }
		#corpo #rodape h5 { margin: 0; font-size: 20px; font-weight: normal; letter-spacing: -1px; text-align: center; white-space: nowrap; }
			#corpo #rodape h5 big { font-size: 26px; }
		#corpo #rodape p { text-align: center; font-size: 11px; margin: 0; padding: 0px 5px 30px; }
		
		#corpo #conteudo .quem-somos { padding: 0 0 20px 0; }
	
	
	#corpo .obra { margin-bottom: 20px; }
		#corpo .obra h3,
		#corpo .obra h4{ margin: 0; line-height: 15px; }
		#corpo .obra p{ margin: 5px 0; }
		
	#corpo #conteudo .email-contato { float: left; width: 400px; margin: 195px 0 0; text-align: center; }
		#corpo #conteudo .email-contato a { font-size: 21px; letter-spacing: -1px; }
	#corpo #conteudo .wpcf7 { float: left; width: 480px; }
		#corpo #conteudo .wpcf7 .wpcf7-not-valid-tip { background: none; border: none; color: #F00; font-weight: bold; font-size: 10px; left: 5px; top: -2px; }

	#corpo #conteudo.obras .antigas { font-size: 11px; line-height: 18px; margin: 5px 15px 15px 40px; padding: 3px; text-align: justify; list-style-type: disc; font-size: 12px; }
		#corpo #conteudo.obras .antigas a {  }
		#corpo #conteudo.obras .antigas a:hover { color: #ECEEE0; }
	

	#corpo #conteudo.category-obras .ultimas,
	#corpo #conteudo.obras .ultimas { font-size: 12px; margin: 10px; }
		#corpo #conteudo.category-obras .ultimas .topo,
		#corpo #conteudo.obras .ultimas .topo { font-size: 1px; height: 10px; background: #092b35; margin: 0 10px; }
			#corpo #conteudo.category-obras .ultimas .topo .l,
			#corpo #conteudo.category-obras .ultimas .topo .r,
			#corpo #conteudo.obras .ultimas .topo .l,
			#corpo #conteudo.obras .ultimas .topo .r { background-image: url(images/cliente_top.gif); background-repeat: no-repeat; height: 10px; width: 10px; position: relative; }
			#corpo #conteudo.category-obras .ultimas .topo .l,
			#corpo #conteudo.obras .ultimas .topo .l { background-position: left top; float: left; margin-left: -10px; }
			#corpo #conteudo.category-obras .ultimas .topo .r,
			#corpo #conteudo.obras .ultimas .topo .r { background-position: right top; float: right;  margin-right: -10px; }
		#corpo #conteudo.category-obras .ultimas .baixo,
		#corpo #conteudo.obras .ultimas .baixo { font-size: 1px; height: 22px; background: url(images/cliente_bot_meio.gif) repeat-x top; margin: 0 10px; }
			#corpo #conteudo.category-obras .ultimas .baixo .l,
			#corpo #conteudo.category-obras .ultimas .baixo .r,
			#corpo #conteudo.obras .ultimas .baixo .l,
			#corpo #conteudo.obras .ultimas .baixo .r { background-image: url(images/cliente_bot.gif); background-repeat: no-repeat; height: 16px; width: 10px; position: relative; }
			#corpo #conteudo.category-obras .ultimas .baixo .l,
			#corpo #conteudo.obras .ultimas .baixo .l { background-position: left top; float: left; margin-left: -10px; }
			#corpo #conteudo.category-obras .ultimas .baixo .r,
			#corpo #conteudo.obras .ultimas .baixo .r { background-position: right top; float: right;  margin-right: -10px; }
			
		
		#corpo #conteudo.category-obras .ultimas .meio { min-height: 250px; }
		#corpo #conteudo.category-obras .ultimas .meio,
		#corpo #conteudo.obras .ultimas .meio { padding: 0 10px; background: #092b35; }
				#corpo #conteudo.obras .ultimas .meio .ngg-gallery-thumbnail img { border: none; }
				#corpo #conteudo.obras .ultimas .meio .ngg-gallery-thumbnail img:hover { background: #092b35;  }
			#corpo #conteudo.category-obras .ultimas .meio h2,
			#corpo #conteudo.obras .ultimas .meio h2 { margin: 0 5px; font-size: 15px; border: none; line-height: normal; }
				#corpo #conteudo .ultimas .meio h2 .titulo { float: left; }
				#corpo #conteudo .ultimas .meio h2 .voltar { float: right; }
			#corpo #conteudo.category-obras .ultimas .meio p,
			#corpo #conteudo.obras .ultimas .meio p { margin: 0 5px; line-height: normal; }

	#rodape .link-ariel { background: url(images/arvore-ao-vento.gif) no-repeat right center; line-height: 16px; padding-right: 55px; font-size: 12px; font-weight: bold; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */