html {
overflow: -moz-scrollbars-vertical;
}

body, html {font:normal 100% Tahoma, Arial, sans-serif; letter-spacing:0.01em; color:#2b2b2b; background:#fff; height: 100%;

 }

p{font:normal 0.85em Tahoma, Arial, sans-serif;color:#2b2b2b;}

#container{text-align:center;min-height: 100%;position: relative;}

* html #container {height: 100%; /* hack para IE6 hq trata height como min-height */}


#header{height:55px; }
#principal{ margin:0 auto;width:966px;text-align:left; }
#main { position:absolute; top:35%; }
#main2 { position:absolute; top:30%; }

#footer{position: absolute;	bottom: 0; width:946px; height:61px; padding:10px; background:#eee;}

#footer .links{	font-size:0.6em; float:left;}
#footer .links li {float:left; }
#footer .links li a {display:block; margin:0 6px; text-decoration:none; color:#7f7f7f;}

#footer .ativo{background:#f2f2f1; color:#000 !important;}
#footer .phone{float:right; overflow:hidden; padding:5px; font-size:0.6em; color:#7f7f7f;}

#footer .service {clear:right; float:right; margin-top:3px;}
#footer .service li {float:left;}
#footer .service li a {display:block; margin:0 6px; text-decoration:none; color:#7f7f7f;}




/* ----- Topo - Menu Principal -------------------- */
.logo_div {	width:202px; height:37px; position:relative; float:right;  }
.logo_div h1 { width:202px; height:37px; background:url(../pictures/logoEntreArquitetos.gif) no-repeat; position:relative; top:10px; text-indent:-999em; margin-top:15px;}
.logo_div h1 a { width:202px; height:37px; display:block; }

.logo_div2 {	width:127px; height:23px; position:relative; float:right;  }
.logo_div2 h1 { width:127px; height:23px; background:url(../pictures/logoEntreArquitetos2.gif) no-repeat; position:relative; top:20px; text-indent:-999em; margin-top:15px;}
.logo_div2 h1 a { width:127px; height:23px; display:block; }


/* ----- Main - Portfolio -------------------- */

#contentPortfolio { position:absolute; top:30%;}
#contentPortfolio .categoria{ 
	height:325px; 
	width:109px; 
	float:left; 
	border-right:solid 1px #e1e0e0; 
	text-align:right;
}

#contentPortfolio .categoria ul{
		margin:0;
		padding:0;
}	


#contentPortfolio .categoria ul a{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
	line-height:1em;
	height: auto !important;
	height: 1%; /*For IE*/
	width: auto;
	padding:5px 10px 5px 0;
}

#contentPortfolio #project { 
	height:325px; 
	width:109px; 
	float:left; 
	border-right:solid 1px #e1e0e0; 
	text-align:right;
}

#contentPortfolio #project ul{
		margin:0;
		padding:0;
}	

#contentPortfolio #project li a{
	display:block;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
	line-height:1.2em;
	height: auto !important;
	height: 1%; /*For IE*/
	width: auto;
	padding:5px 10px 5px 0;

}	

/* holy hack*/
/*\*/
*html #contentPortfolio #project ul li{float:left;}

#contentPortfolio #project ul a:hover{
	color:#333 !important;
	

}

#contentPortfolio #project ul a:active{
	color:#333 !important;
	
}


.MsgErro{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
	width: auto;
	padding:5px 10px 5px 0;
}

#contentPortfolio .categoria ul a:hover{
	color:#333 !important;
	
	}


	
.ativo{
	color:#333 !important;
	
	}	
	
#contentPortfolio #descricao{ width:740px; height:325px; margin-left:5px; float:left;}

.linkDesativo{
	display:block;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
	line-height:1.2em;
	height: auto !important;
	height: 1%; /*For IE*/
	width: auto;
	padding:5px 10px 5px 0;

}	


#descricao .texto{
	float:left;
	width:310px;
	height:318px;
	padding-top:5px;
}


.Scroll{
scrollbar-base-color: #ffffff;
scrollbar-arrow-color: #c2c2c1;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;}

#descricao .texto p{	
font:normal 10px Verdana, Arial, Helvetica, sans-serif;	
color:#666;
}
	
#descricao .imagem{
	float:right;
	width:405px;
	height:283px;
}

#servico p{	
font:normal 10px Verdana, Arial, Helvetica, sans-serif;	
color:#666;
}

#contentPortfolio #descricao2{ width:960px; height:325px; margin-left:5px; float:left;}

#descricao2 .texto{
	float:left;
	width:380px;
	height:325px;
	overflow:auto;
	margin-left:210px;
	padding-right:10px;
	border-right:solid 1px #e1e0e0; 
}

*html #descricao2 .texto{
	margin-left:105px;
}


#descricao2 .texto2{
	float:left;
	width:380px;
	height:325px;
	overflow:auto;
	margin-left:210px;
	padding-right:10px;
	border-right:solid 1px #e1e0e0; 
}

*html #descricao2 .texto2{
	margin-left:105px;
}

#descricao2 .texto2 p{	
font:normal 10px Verdana, Arial, Helvetica, sans-serif;	
color:#666;
padding-right:10px;
}

	
#descricao2 .texto p{	
font:normal 10px Verdana, Arial, Helvetica, sans-serif;	
color:#666;
padding-right:10px;
}
	
#descricao2 .imagem{
	width:433px;
	height:200px;
	margin-top:75px;
	float:right;
	}


#descricao2 .imagem2{
	width:338px;
	height:325px;
	float:right;
	}


#descricao2 .imagem3{
	width:338px;
	height:202px;
	padding-top:30px;
	float:right;
	}

.linkContato{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
}

.linkContato:hover{
	color:#999;
	text-decoration:underline;
}


ul#imagens {
	overflow:hidden;
	float:left;
}

ul#imagens li{
	float:left;
	padding: 3px 5px 3px 0;

}

ul#imagens li a, ul#desenhos li a{
display:block;
background:#ccc url(../pictures/_quadro.gif) no-repeat;
width:21px;
height:21px;
}

ul#imagens li a:hover, ul#desenhos li a:hover{
display:block;
background:#ccc url(../pictures/_quadro_over.gif) no-repeat;
width:21px;
height:21px;
}

ul#imagens li a:active, ul#desenhos li a:active{
display:block;
background:#ccc url(../pictures/_quadro_over.gif) no-repeat;
width:21px;
height:21px;
}

ul#desenhos {
	overflow:hidden;
	float:right;
}

ul#desenhos li{
	float:left;
	padding: 3px 0 3px 5px;
}

.txtImagem{
	float:left;
	clear:left;
}
.txtDesenho{
	float:right;
	clear:right;
}

.inputContato{
	border:solid 1px #c2c2c2;
	height:18px;
	padding:5px 3px 0 3px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	width:230px;
}

.inputTextArea {
	border:solid 1px #c2c2c2;
	padding:3px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	width:230px;

}


.imgBulletImg{
	background:url(../pictures/_quadro.gif) no-repeat;
	width:21px;
	height:21px;
}