@charset "utf-8";

/*CARACTERISTICAS GERAIS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, button, legend, ul, li {
	margin:0;padding:0;border:0;outline:0;
	font-size:100%;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-weight: normal;list-style-type: none;color: #eee;
}
body {
	background-image:url(img/bg-body.jpg);
}
#header-global, #meio-global, #rodape-global{
	width: 100%;
	text-align: center;
}
#header, #meio, #rodape{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.grid{
	background:url(img/bg-grid.jpg);
}

/*HEADER*/
#header{
	height:114px;
}
#header h1 a{
	display:block;
	float:left;
	width: 223px;
	height: 37px;
	padding: 50px 50px 30px 8px;
}
#header .descricao, #header .contatos{
	float:left;
	width:340px;
	padding: 35px 0 20px 0;
	margin-left: 148px;
	font-style:italic;
	font-size:14px;
	line-height: 21px;
}
#header .contatos{
	width:160px;	
	padding: 35px 0 20px 0;
	margin-left: 20px;
	font-style:normal;
	font-size:12px;
}

/*MEIO*/
#meio{
	width:960px;
	height: 670px;
	position:relative;
}
#meio #content{
	width:960px;
	height:670px;
	position: absolute;
	top:0;
	left:0;
}
#meio #home{
	width: 960px;
	position:absolute;
	top:0;
	left:0;
}
#meio #home .miniaturas{
	float:left;
	width: 236px;
	height: 220px;
	margin: 2px;
	background-color:#505050;
}
#meio #home .miniaturas:hover{
	opacity: 0.75;
	filter:alpha(opacity=75);
}
#meio #home .miniaturas img{
	float:left;
	width: 236px;
	height: 220px;
	background-image:url(img/load.gif);
	background-position: center;
	background-repeat:no-repeat;
}
#meio .container{
	padding:10px;
	position:absolute;
	top:0;
	left:0;
	text-align:left;
	width:940px;
	height:650px;
	background:url(img/bg-trabalhos.jpg);
	}	
#meio .container .fechar{
	float:right;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	display: block;
	padding-left: 60px;
	background:#009;
	color:#6cffae;
	background:url(img/seta.gif) left no-repeat;
}
#meio .container .fechar:hover{
	text-decoration:underline;
	padding-left: 70px;
}
/* Easy Slider */

	/* image replacement */
	#prevBtn, #nextBtn, #slider1prev, #slider1next{
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	}
	/* // image replacement */
	
	.slider{
	width:940px;
	position:absolute;
	top:37px;
	left:10px;
	overflow:hidden;
	}
	.slider li{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:594px;
	height:368px;
	overflow:hidden;
	}	
	.slider li img{
	background-color:#000;
	background-image:url(img/load-preto.gif);
	background-position: center;
	background-repeat:no-repeat;	
	}
	#prevBtn, #nextBtn{ 
	display:block;
	width:61px;
	height:72px;
	position:absolute;
	left:20px;
	top:180px;
	z-index:1000;
	}	
	#nextBtn{ 
	left:869px;
	}														
	#prevBtn a, #nextBtn a{  
	display:block;
	position:relative;
	width:61px;
	height:72px;
	background:url(img/btn_prev.gif) no-repeat 0 0;
	opacity: 0.4;
	filter:alpha(opacity=40);
	z-index:1000;
	}	
	#nextBtn a{ 
	background:url(img/btn_next.gif) no-repeat 0 0;	
	}
	#prevBtn a:hover, #nextBtn a:hover{
	opacity:1;
	filter:alpha(opacity=100);
	}  

/* // Easy Slider */
#meio .container #descricao-trabalho{
	position:absolute;
	top:425px;
	left: 20px;
	width: 530px;
}
#meio .container #descricao-trabalho h3{
	font-size: 24px;
	text-transform: uppercase;
	font-weight:bold;
}
#meio .container #descricao-trabalho span{
	float:left;
	display:block;
	font-style:italic;
	font-size: 13px;
	margin-top: 10px;
}
#meio .container #descricao-trabalho p{
	float:left;
	clear: left;
	font-size: 13px;
	line-height: 19px;
	margin-top: 10px;
	width: 510px;
}
#meio .container #depoimentos{
	position:absolute;
	top:425px;
	right: 20px;
	text-align:right;
	width:220px;
}
#meio .container #depoimentos p{
	width: 220px;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 15px;
	color:#aaa;
}
#meio .container #depoimentos #autor{
	font-size:12px;
}

/*RODAPE*/
#rodape{
	margin: 20px auto 30px auto;
	border-top: 2px solid #0a0a0a;
	border-bottom:1px solid #303030;
}
#rodape dl{
	width: 950px;
	line-height:30px;
	height: 31px;
	padding: 10px 0;
	border-top:1px solid #303030;
	border-bottom: 2px solid #0a0a0a;
	padding-right:10px;
}
#rodape dd{
	float:left;
	padding: 0 0 0 8px;
}
#rodape dt{
	float: right;
	padding-left:20px;
}