/*  
Theme Name: Luan
Theme URI: http://www.fabianoweb.net
Description: 	
Theme exclusively developed by F.new design for the company to design. It grunge concept, structure in 2 columns and valid code. All my love to Dani (my wife) and Luan (my son). Contact by http://www.fabianoweb.net. 
Version: 2.0
Author: Fabiano Pereira - F. new design
Author URI: http://www.fabianoweb.net
*/

body, h1, h2, h3, h4, h5, h6, address, bloquote, dd, dl, hr, p, form{
		margin:0;
		padding:0;
}

body{
		text-align:left;
		background-image: url(images/padrao-bg.jpg);
}

a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height: 10px;
		text-decoration: none;
		color: #f93;
}

a:visited{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		text-decoration: none;
		color: #fc6;
}

a:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		text-decoration: none;
		color:#fc9;
}

a:active{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		text-decoration: none;
		color:#fff;
}

p{
		padding: 10px 0 0 0;
}

#wrapper{
		width: 982px;
		margin: 0 auto;
		padding: 0;
		background: url('images/bg_wrapper.png') repeat-y;
		overflow: hidden;
		/*min-height: 1375px;
		height: 1375px;*/
}

#header{
		height: 205px;
}

#header img{
		border: none;
}


/*Inicia formatacao menu*/
#menu{
		height: 129px;
		background: url(images/menu.jpg) no-repeat;
}

#menu li {
		margin: 0 45px 0 0;
		padding: 0;
		text-transform: lowercase;
		list-style: none;
		display: inline;
}

#menu ul {
		margin: 0 0 0 0px;
 		padding: 33px 0 0 65px;
}
#menu ul li a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
}

#menu ul li a:visited{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight: bold;
		text-decoration: none;
		color: #c66;
}

#menu ul li a:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight: bold;
		text-decoration: none;
		color: #666;
}

#menu ul li a:active{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight: bold;
		text-decoration: none;
		color: #fc9;
}
/*Finaliza formatacao menu*/

/*Inicia formatacao breadcrumb-box*/
#breadcrumb-box{
		position: absolute;
		margin: -30px 0 0 105px;
		height: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
}

#breadcrumb-box a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
}

#breadcrumb-box a:visited{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight: bold;
		text-decoration: none;
		color: #ff9;
}

#breadcrumb-box a:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight: bold;
		text-decoration: none;
		color: #666;
}

#breadcrumb-box a:active{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight: bold;
		text-decoration: none;
		color: #fc9;
}
/*Finaliza formatacao breadcrumb-box*/

/* Inicio bloco "destaques" pagina inicial.*/
#destaques{
		float: left;
		width: 637px;
		height: 244px;
		margin: 0 0 0 30px;
		background: url(images/destaques_bg.jpg) no-repeat;
}

#destaques .titulo{
		position: absolute;
		width: 300px;
		height: 58px;
		margin: 25px 0 0 80px;;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: bold;
		color: #7f5d12;
}
/* Fim bloco "destaques" pagina inicial. */


/*Inicio "conceitos"*/
#conceitos{
		float: left;
		width: 600px;
		height: 380px;
		margin: 20px 0 0 30px;
}

#conceitos .topo{
		position: absolute;
		width: 600px;
		height: 58px;
		margin: 0;
		background-color:#fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #7f5d12;
}

#conceitos .topo .texto{
		position: absolute;
		padding: 15px 15px 0 20px;
		text-align: center;
}

#conceitos .topo img .asp{
		float: left;
		margin: 0 30px 0 0;
}



/*Box 1 (necessidade) #conceitos*/
#conceitos .um{
		position: absolute;
		width: 220px;
		height: 300px;
		margin: 60px 0 0 0;
		background: url(images/conceitos-um.jpg) no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #666;
		float: left;
}

#conceitos .titulos1{
		position: absolute;
		margin: 40px 0 0 70px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: bold;
		color: #7f5d12;
}

#conceitos .textos1{
		position: absolute;
		width: 200px;
		margin: 200px 0 0 10px;
		text-align: center;
}
/*FIM Box 1 (necessidade) #conceitos*/


/*Box 2 (estrategia) #conceitos*/
#conceitos .dois{
		position: absolute;
		width: 220px;
		height: 300px;
		margin: 60px 0 0 220px;
		background: url(images/conceitos-dois.jpg) no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #666;
		float: left;
}

#conceitos .titulos2{
		position: absolute;
		margin: 40px 0 0 80px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: bold;
		color: #7f5d12;
}

#conceitos .textos2{
		position: absolute;
		width: 200px;
		margin: 200px 0 0 10px;
		text-align: center;
}
/*FIM Box 2 (estrategia) #conceitos*/


/*Box 3 (solucao) #conceitos*/
#conceitos .tres{
		position: absolute;
		width: 220px;
		height: 300px;
		margin: 60px 0 0 430px;
		background: url(images/conceitos-tres.jpg) no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #666;
		float: left;
}

#conceitos .titulos3{
		position: absolute;
		margin: 40px 0 0 80px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: bold;
		color: #7f5d12;
}

#conceitos .textos3{
		position: absolute;
		width: 200px;
		margin: 200px 0 0 10px;
		text-align: center;
}
/*FIM Box 3 (solucao) #conceitos*/
/*Fim "conceitos"*/

#container{
		float: left;
		width: 637px;
		margin: 0 0 0 30px;
}

.post{
		padding: 10px 0 10px 0;
		font-family:Verdana, Arial, sans-serif;
		font-size: 13px;
		color: #000;
}

.entry{
		line-height: 18px;
}

p.postmetadata{
		border-top: 1px solid #999;
		margin: 10px 0 0 0;
}

.navigation{
		padding: 10px 0 0 0;
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
}


/*Sidebar*/
/* Formatação geral sidebar. */
#sidebar{
		float: right;
		width: 240px;
		background: url(images/padrao-sidebar.jpg);
		margin: 10px 50px 0 10px;
		min-height: 610px;
		height: 610px;
}

.sidebar-txt{		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666;
}

#sidebar ul{
		list-style: none;
		margin: 0;
		padding: 0 10px 0 10px;
		list-style: none;
}

#sidebar ul li.resumo{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666;
		padding: 0 0 5px 0;
		list-style: none;
}
/* Fim formatacao geral sidebar. */

/*Links dentro da sidebar*/
#sidebar ul li{
	padding: 0;
	margin: 10px 0 0 0;
}

#sidebar ul li a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #7f5d12;
		padding: 0;
}

#sidebar ul li a:visited{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #ffc;
}

#sidebar ul li a:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #666;
}

#sidebar ul li a:active{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #fc9;
}

/*Fim links dentro da sidebar*/


/* Formatacao twitter sidebar. */
#sidebar ul li .twitter-item{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666;
		padding: 0 0 13px 0;
		list-style: none;
}

#sidebar ul li a .twitter-link{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #7f5d12;
		padding: 0;
}

#sidebar ul li a:visited .twitter-link{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #000;
}

#sidebar ul li a:hover .twitter-link{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #fc9;
}

#sidebar ul li a:active .twitter-link{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #fc9;
}

.fabiano-twitter{
		text-align: right;
		padding: 0 0 15px 0;
}
/* Fim formatacao twitter sidebar. */

#fita-sidebar{
		float: right;
		width: 240px;
		background: url(images/fita_sidebar.png) no-repeat center top;
		margin: -30px 0 10px 0;
		height: 44px;
}

#news{
		float: right;
		width: 240px;
		margin: -10px 0 0 0;
		height: 83px;
}

#twitter, #twitter2{
		float: right;
		width: 230px;
		padding: -10px 0 0 0;
}
/*Fim sidebar*/


/*Inicio: footer*/
#footer{
		float: left;
		width: 967px;
		height: 390px;
		padding:0;
		margin: 20px 0 0 3px;
}

#footer .esq{
		position: absolute;
		float: left;
		width: 21px;
		height: 294px;
		margin: 0;
		padding: 0;
		background:url(images/footer-esq.png) no-repeat center top;
}

#footer .servicos{
		position: absolute;
		float: right;
		width: 236px;
		height: 224px;
		margin: 0 0 0 21px;
		padding: 0;
		background:url(images/footer-servicos.jpg) no-repeat center top;
}

#footer .trabalhos{
		position: absolute;
		float: right;
		width: 240px;
		height: 224px;
		margin: 0 0 0 257px;
		padding: 0;
		background:url(images/footer-trabalhos.jpg) no-repeat center top;
}

#footer .artigos{
		position: absolute;
		float: right;
		width: 240px;
		height: 224px;
		margin: 0 0 0 497px;
		padding: 0;
		background:url(images/footer-artigos.jpg) no-repeat center top;
}

#footer .contatos{
		position: absolute;
		float: right;
		width: 211px;
		height: 224px;
		margin: 0 0 0 737px;
		padding: 0;
		background:url(images/footer-contato.jpg) no-repeat center top;
}

#footer .dir{
		position: absolute;
		float: right;
		width: 19px;
		height: 224px;
		margin: 0 0 0 947px;
		padding: 0;
		background:url(images/footer-dir.png) no-repeat center top;
}

#footer .bookmarks{
		position: absolute;
		float: left;
		width: 950px;
		height: 70px;
		margin: 224px 0 0 21px;
		padding: 0;
		background:url(images/footer-bookmarks.jpg) no-repeat left top;
}

#footer li{
		margin: 0;
		padding: 0;
		line-height: 12x;
		list-style: none;
}


/*Inicio: Links Destaques Footer.*/
#footer a.postit{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: bold;
		text-decoration: none;
		color: #7f5d12;
}

#footer a.postit:visited{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: bold;
		text-decoration: none;
		color: #cd820b;
}

#footer a.postit:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: bold;
		text-decoration: none;
		color: #fc9;
}

#footer a.postit:active{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: bold;
		text-decoration: none;
		color: #fc9;
}

/*Fim: Links Destaques Footer.*/


/*Inicio: servicos*/
#footer .titulos-servicos{
		position: absolute;
		margin: 45px 0 0 35px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: bold;
		color: #fff;
}


#footer .textos-servicos{
		position: absolute;
		width: 250px;
		margin: 90px 0 0 0;
		text-align: center;
}
/*Fim: servicos*/


/*Inicio: trabalhos*/
#footer .titulos-trabalhos{
		position: absolute;
		margin: 45px 0 0 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: bold;
		color: #fff;
}

#footer .textos-trabalhos{
		position: absolute;
		width: 250px;
		margin: 90px 0 0 0px;
		text-align: center;
		padding: 0;
}
/*Fim: trabalhos*/


/*Inicio: artigos*/
#footer .titulos-artigos{
		position: absolute;
		margin: 45px 0 0 40px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: bold;
		color: #fff;
}



#footer .textos-artigos{
		position: absolute;
		width: 200px;
		margin: 90px 0 0 20px;
		text-align: center;
		padding: 0;
}

#footer .textos-artigos a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #7f5d12;
}

#footer .textos-artigos a:visited{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #cd820b;
}

#footer .textos-artigos a:hover{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #fc9;
}

#footer .textos-artigos a:active{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		text-decoration: none;
		color: #fc9;
}
/*Fim: artigos*/


/*Inicio: contatos*/
#footer .titulos-contatos{
		position: absolute;
		margin: 45px 0 0 40px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: bold;
		color: #fff;
}



#footer .textos-contatos{
		position: absolute;
		width: 200px;
		margin: 90px 0 0 0px;
		text-align: center;
		padding: 0;
}

#footer .textos{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight: bold;
		color: #7f5d12;
		margin-top: 5px;
}
/*Fim: contatos*/

/*Inicio: bookmarks*/
#footer .titulos-bookmarks{
		position: absolute;
		margin: 15px 0 0 90px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: bold;
		color: #fff;
}

#footer img{
		border: none;
		margin: 0 10px 0 0;
}
#footer .logos{
		position: absolute;
		margin: 15px 0 0 280px;
		float: left;
}
/*Fim: bookmarks*/



#footer .menu-rodape{
		margin: 310px 0 0 0;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		color: #666	;
		}

#footer .menu-rodape li {
		margin: 0 7px 0 0;
		padding: 0;
		display: block;
		text-transform: lowercase;
		list-style: none;
		display: inline;
}

#footer .menu-rodape ul {
		margin: 0;
 		padding: 0;
}
		
#end-page{
		width: 962px;
		height: 51px;
		background: url('images/end-page.png') no-repeat center top;
		margin: 0 auto;
}

/*Final: footer*/





/*Inicia "search"*/
#search{
		width: 300px;
		margin: -26px -40px 0 0;
		float: right;
		text-align: right;
}

#search form.busca{
			
		margin: 0 55px 0 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;	
	}

#search form.busca input.texto{
		background-color: transparent;
		color: #000;
		width: 110px;	
		border: none;
			}


#search form.busca input.searchsubmit{	
		width: 30px;
		height: 24px;
		padding: 0;
		margin: 0 0 0 10px;
		border: 0;
		background: url(images/ok.jpg) no-repeat;
			}

#search form.busca input.searchsubmit:hover{	
		width: 30px;
		height: 24px;
		padding: 0;
		margin: 0 0 0 10px;
		border: 0;
		background: url(images/ok_o.jpg) no-repeat;
			}
/*Finaliza "search"*/