/* Elementos Estruturais */

.body {
    margin: 0 auto;
    position: relative;
    background: #0d0d0d url(/images/bg_black.jpg) top left repeat;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.38; /* Baseline grid of 21px */
    text-align: center;
	position: relative;
	min-height: 100%;
}

.bodyIFrame {
    margin: 0 auto;
    position: relative;
    color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.38; /* Baseline grid of 21px */
    text-align: center;
	position: relative;
	min-height: 100%;
}

.body .sub {
	width: 100%;
	min-height:100%;
	position:relative;
	
}

.wrap {
	width: 964px;
	margin: 0 auto;
	text-align: left;
}

.header {
	background: #0d0d0d url(/images/bg_black.jpg) top left repeat;
	width: 100%;
	float: left;
	border-bottom: 5px solid #262626;
}

	.sub .header {
		height: 80px;
	}

.feeds {
	background: #ccc;
	width: 100%;
	height: 55px;
	float: left;
	clear: left;
	border-bottom: 5px solid #d9d9d9;
}

	.sub .feeds {
		height: 10px;
	}

.content {
	background: #FFF;
	width: 100%;
	float: left;
	clear: left;
	padding: 40px 0 50px 0;
}

.footer {
	background: #0d0d0d url(/images/bg_black.jpg) top left repeat;
	border-top: 5px solid #262626;
	width: 100%;
	height: 30px;
	float: left;
	clear: left;
	padding: 10px 0 0 0;
}

.barraClientes {
    width: 540px;
    float:left;
}

    .barraDepoimentos {
        width: 389px;
        margin-top: 100px;
        margin-left: 15px;
        padding: 10px;
        float: right;        
    }
    
        .depoimentos {
            clear: both;
            color: #555555;
            font-size: 11px;
        }
            .depoimentos ul {
                width: 100%;
                list-style: none;
            }
            .depoimentos li {
                margin-bottom: 30px;
            }
            .depoimentos blockquote {
                font-size: 12px;
                color: #555555;
                font-style: italic;
                margin-bottom: -10px;
                text-align: justify;
            }
            .depoimentos strong {
                color: #3f3f3f
            }
            
/* Elementos complementares */

.logo a {
	background: transparent url(/images/logo_aldabra.png) 0px 0px no-repeat;
	width: 267px;
	height: 54px;
	margin: 15px 0 0 0;
	float: left;
	text-indent: -999em; /* Ocultar o texto dentro da tag <a> */
}

	.logo a:hover {
		background: transparent url(/images/logo_aldabra.png) 0px -54px no-repeat;
	}
	
.mainNav {
	float: right;
	margin: 32px 0 0 0;
}

	.mainNav li {
		float: left;
		margin: 0 0 0 25px;
		padding: 0;
	}
	
		.mainNav li a {
			font-size: 20px;
			color: #cccccc;
		}
		
			.mainNav li a:hover {
				color: #d1000a;
			}
			
/* Tipografia Genérica */

h1, h2, h3 {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}


h1 {
	font-size: 20px;
	color: #999999;
	text-transform: uppercase;
	margin-bottom: 15px;
}

	h1 span {
		background: transparent url(/images/sprites.png) 0px -314px no-repeat;
		padding: 0 0 0 12px;
		font-size: 18px;
		color: #676767;
		text-transform: none;
	}
	
	h1.hidden {
		color: #FFF;
	}

h2 {
	font-size: 17px;
	color: #f57200;
	margin-bottom: 9px;
}

	h2 span {
		background: transparent url(/images/sprites.png) 0px -314px no-repeat;
		padding: 0 0 0 12px;
		margin: 0 0 0 7px;
		font-size: 16px;
		color: #676767;
	}
	
	h2 small {
		background: transparent url(/images/sprites.png) 0px -292px no-repeat;
		padding: 0 0 0 10px;
		margin: 0 0 0 7px;
		font-size: 11px;
		color: #737373;
	}
	
	h2 a {
		color: #f57200;
	}
	
		h2 a:hover {
			color: #d1000a;
		}

h3 {
	font-size: 15px;
	color: #f57200;
	margin-bottom: 9px;
}

	h3 a {
		color: #f57200;
	}
	
		h3 a:hover {
			color: #d1000a;
		}

	h3.gray {
		font-size: 16px;
		color: #676767;
		text-transform: uppercase;
		margin-right: 15px;
	}
	
		h3.gray a {
			color: #676767;
		}
		
			h3.gray a:hover {
				color: #d1000a;
			}
			
	h3.hidden {
		color: #FFF;
	}



.h2 {
	font-size: 17px;
	color: #f57200;
	margin-bottom: 9px;
}

	.h2 span {
		background: transparent url(/images/sprites.png) 0px -314px no-repeat;
		padding: 0 0 0 12px;
		margin: 0 0 0 7px;
		font-size: 16px;
		color: #676767;
	}
	
	.h2 small {
		background: transparent url(/images/sprites.png) 0px -292px no-repeat;
		padding: 0 0 0 10px;
		margin: 0 0 0 7px;
		font-size: 11px;
		color: #737373;
	}
	
	.h2 a {
		color: #f57200;
	}
	
		.h2 a:hover {
			color: #d1000a;
		}


	
.home p {
	color: #0d0d0d;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 13px;
	text-align: justify;
}

.sub p {
	color: #0d0d0d;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 13px;
	text-align: justify;
}

	.content p {
		float: left;
		clear: left;
	}
	
		.content p small {	
			background: transparent url(/images/sprites.png) 0px -292px no-repeat;
			padding: 0 0 0 10px;
			margin: 0;
			font-size: 11px;
			color: #737373;
		}

a.follow {
	background: transparent url(/images/sprites.png) 0px -344px no-repeat;
	padding: 0 0 0 9px;
	font-size: 12px;
	color: #d1000a;
	cursor: pointer;
}

	a.follow:hover {
		color: #676767;
	}
	

/* Grid - Sistema de colunas */ 

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid7_5, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .grid16, .gutterline, .gutteresp, .gutter1 {
	float: left;
	margin: 0;
	padding: 0;
}

.grid3 {
	width: 171px;
}

.grid4 {
	width: 232px;
}

.grid5 {
	width: 293px;
}

.grid7 {
	width: 415px;
}

.grid7_5 {
	width: 452px;
}

.grid8 {
	width: 476px;
}

.grid11 {
	width: 659px;
	clear: left;
}

.grid16 {
	width: 964px;
}

.gutterline {
	width: 12px;
	min-height: 10px;
}

.gutter1 {
	width: 73px;
	min-height: 10px;
}

.gutteresp {
	width: 60px;
	min-height: 10px;
}

.clear {
	clear: both;
}

/* Conteúdo do site */
			
.destaque {
	width: 100%;
	float: left;
	clear: both;
	margin: 35px 0 30px 0;
	*height: 275px;
}

	.destaque h1 {
		*width: 100%;
	}

	.destaque div.left {
		float: left;
		clear: left;
		width: 611px;
	}
	
	.destaque div.right {
		float: left;
		width: 345px;
	}

	.destaque img {
		border: 5px solid #262626;
		float: left;
		clear: left;
	}
	
		.destaque img:hover {
			border: 5px solid #464646;
		}
		
	.destaque h2 {
		float: left;
		margin-bottom: 16px;
	}
	
	.destaque p {
		width: 345px;
		color: #737373;
		float: left;
		clear: none;
	}
	
	.destaque a.follow:hover {
		color: #d9d9d9;
	}
	
ul.contatofoot {
	width: 100%;
	float: left;
	font-size: 12px;
	color: #595959;
	margin: 0 0 18px 0;
}

	ul.contatofoot li {
		float: left;
		margin-right: 14px;
	}
	
		ul.contatofoot li.local {
			background: transparent url(/images/sprites.png) 0px -188px no-repeat;
			padding: 0 0 0 15px;
		}
		
		ul.contatofoot li.fone {
			background: transparent url(/images/sprites.png) 0px -213px no-repeat;
			padding: 0 0 0 15px;
		}
		
		ul.contatofoot li.email {
			background: transparent url(/images/sprites.png) 0px -239px no-repeat;
			padding: 0 0 0 15px;
		}
	
p.copyright {
	font-size: 12px;
	color: #595959;
	float: left;
}

p.backtop {
	background: transparent url(/images/sprites.png) 0px -56px no-repeat;
	padding: 0 0 0 21px;
	font-size: 13px;
	color: #595959;
	float: right;
	cursor: pointer;
	position: relative;
	z-index: 999;
}

	p.backtop:hover {
		color: #f57200;
	}
	
.areacliente {
	float: left;
	background: #0d0d0d;
	border: 3px solid #1a1a1a;
	width: 100px;
	height: 15px;
	text-align: center;
	padding: 5px 0 0 0;
	margin: -3px 0 0 180px;
}

	.areacliente:hover {
		border: 3px solid #262626;
	}

	.areacliente a {
		color: #797979;
		font-size: 12px;
	}
	
		.areacliente a:hover {
			color: #f57200;
		}

.feeds p {
	margin: 0;
	padding: 0;
}

.feeds h3 {
	margin-top: 22px;
}

.twitter {
	float: left;
	margin: 0;
}

	#tweet {
		float: left;
		width: 430px;
		font-size: 12px;
		margin: 13px 0 0 0;
	}
	
		#tweet a {
			font-weight: bold;
		}
				
		#tweet a.time {
			font-weight: normal;
			color: #737373;
		}
		
			#tweet a:hover, #tweet a.time:hover {
				color: #d1000a;
			}

.newsletter {
	float: left;
	margin: 0 0 0 30px;
}

	.newsletter .field {
		background: #d9d9d9;
		border: 1px solid #b2b2b2;
		width: 247px;
		height: 23px;
		float: left;
		margin: 16px 0 0 0;
	}
	
		.newsletter .field input {
			background: transparent;
			border: 0;
			width: 217px;
			height: 20px;
			float: left;
			font-size: 12px;
			padding: 3px 0 0 0;
		}
		
		.newsletter .field input.submit {
			background: transparent url(/images/btn_ok.jpg) 0px 0px no-repeat;
			border: 0;
			width: 30px;
			height: 23px;
			float: right;
			cursor: pointer;
		}
		
			.newsletter .field input.submit:hover {
				background: transparent url(/images/btn_ok.jpg) 0px -23px no-repeat;
			}

.rss {
	float: right;
	margin: 16px 0 0 0;
}

	.rss a {
		background: transparent url(/images/sprites.png) 0px -104px no-repeat;
		width: 24px;
		height: 24px;
		display: block;
		cursor: default;
	}
	
		.rss a:hover {
			background: transparent url(/images/sprites.png) 0px -104px no-repeat;
		}
		
ul.servicos {
	float: left;
	clear: left;
}
		
ul.servicos li {
	float: left;
	width: 232px; /* grid4 */
	margin-bottom: 9px;
}

	ul.servicos li.gutter {
		margin-left: 12px;
	}
		
ul.servicos p {
	width: 95%;
}

ul.bullet {
	list-style-image: url(/images/bullet.png) ;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

	ul.bullet li {
		margin: 0;
		padding: 0;
	}
	
.solicite a {
	background: #cccccc url(/images/solicite.png) 16px 8px no-repeat;
	border: 5px solid #d9d9d9;
	width: 460px;
	height: 35px;
	display: block;
	float: left;
	clear: both;
	text-indent: -999em;
}

	.solicite a:hover {
		background: #cccccc url(/images/solicite_hover.png) 16px 8px no-repeat;
		border: 5px solid #b3b3b3;
	}
	
.prevPage {
	background: transparent url(/images/sprites.png) 2px -3px no-repeat;
	width: 14px;
	height: 20px;
	float: left;
	clear: left;
	margin: 13px 18px 0 4px;
	cursor: pointer;
}

	.prevPage:hover {
		background: transparent url(/images/sprites.png) -12px -3px no-repeat;
	}

.nextPage {
	background: transparent url(/images/sprites.png) 2px -29px no-repeat;
	width: 14px;
	height: 20px;
	float: left;
	margin: 13px 4px 0 18px;
	cursor: pointer;
}

	.nextPage:hover {
		background: transparent url(/images/sprites.png) -12px -29px no-repeat;
	}
	
.maisartigos {
	float: left;
	/* required settings */ 
    position: relative; 
    overflow: hidden; 
    width: 343px; 
    height: 85px; 
}

ul.items {
    width:20000em; 
    position:absolute; 
}

	ul.items li {
		float: left;
		margin: 0;
		padding: 0;
	}

ul.items h3 {
	margin: 0 0 4px 0;
}

ul.items p {
	margin: 0;
}

p.empresa {
	width: 90%;
}

ul.contato {
	float: left;
	clear: left;
	font-size: 12px;
}

	ul.contato li {
		float: left;
		clear: left;
		text-align: left;
		padding: 0 0 0 15px;
		margin: 0 0 9px 0;
	}
	
		ul.contato li.local {
			background: transparent url(/images/sprites.png) 0px -396px no-repeat;
			
		}
		
		ul.contato li.fone {
			background: transparent url(/images/sprites.png) 0px -136px no-repeat;
		}
		
		ul.contato li.email {
			background: transparent url(/images/sprites.png) 0px -160px no-repeat;
		}
		
ul.contato {
	float: left;
	clear: left;
	font-size: 13px;
}

	ul.contato li {
		float: left;
		clear: left;
		text-align: left;
		padding: 0 0 0 15px;
		margin: 0 0 11px 0;
	}
	
.mapa {
	border: 5px solid #d9d9d9;
	float: left;
	clear: left;
}

	.mapa:hover {
		border: 5px solid #b3b3b3;
	}
	
ul.projetos {
	float: left;
	clear: left;
}

	ul.projetos li {
		width: 452px;
		float: left;
		margin: 10px 0 30px 0;
	}
	
	
		ul.projetos li .image {
			border: 5px solid #d9d9d9;
			width: 442px;
			height: 188px;
			margin-bottom: 9px;
		}
			
			ul.projetos li .image a {
				display: block;
				width: 442px;
				height: 188px;
			}
		
		ul.projetos li .details {
			width: 100%;
			float: left;
			clear: left;
			padding: 0 0 50px 0;
		}
		
		
a.thumbs img {
	width: 100px;
	height: 80px;
	border: 5px solid #d9d9d9;
	margin: 0 12px 0 0;
	float: left;
}

	a.thumbs img[src=''] {
		border: 5px solid #FFF;
		cursor: default;
	}
	
p.control {
	width: 60px;
	float: right;
	clear: none;
	text-align: right;
	margin: 5px 0 0 0;
	padding-right: 0;
}

p.control2 {
	float: right;
	clear: none;
	text-align: right;
	margin: 75px 0 0 0;
}

.filters {
	width: 700px;
	float: left;
	margin: 2px 0 0 15px;
}

	.filters h3.gray {
		font-size: 16px;
		float: left;
		clear: none;
		text-transform: none;
		margin: 0 0 0 8px;
	}
	
		.filters h3.gray span {
			color: #b3b3b3;
		}
		
		.filters h3.gray a.active {
			color: #f57200;
			cursor: default;
		}

.maisservicos {
	width: 232px;
	float: left;
	clear: none;
	margin: 42px 0 0 73px;
}

	.maisservicos .bullet {
		float: left;
		clear: left;
	}
	
img.fotos {
	border: 5px solid #d9d9d9;
}

ul.clientes {
	float: left;
	clear: left;
}

	ul.clientes li {
		float: left;
		margin: 0 7px 18px 6px;
		margin: 0 10px 22px 9px\9;
	}
	
		ul.clientes li img {
			border: 5px solid #d9d9d9;
		}
		
			ul.clientes li a[href=''] {
				cursor: default;
			}
	
/* Formulário de Contato */

.formcontato input[type='text'] {
	background: #cecece;
	border: 2px solid #d9d9d9;
	width: 406px;
	height: 20px;
	font-size: 13px;
	padding: 3px 6px 0 6px;
}

.formcontato select {
	background: #cecece;
	border: 2px solid #d9d9d9;
	width: 421px;
	height: 28px;
	font-size: 13px;
	padding: 3px 6px 0 6px;
}

.formcontato textarea {
	background: #cecece;
	border: 2px solid #d9d9d9;
	width: 406px;
	height: 260px;
	font-size: 13px;
	padding: 3px 6px 3px 6px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

	.formcontato input[type='text']:focus, .contato textarea:focus {
		border: 2px solid #b3b3b3;
	}

.formcontato input[type='submit'] {
	background: transparent url(../../images/btn_enviar.png) 0px 0px no-repeat;
	border: 0;
	width: 59px;
	height: 24px;
	cursor: pointer;
}

	.formcontato input[type='submit']:hover {
		background: transparent url(../../images/btn_enviar.png) 0px -30px no-repeat;
	}