/* CSS Document */


body{
	margin:0;
	background:#250321 url(img/fundo.jpg) top left repeat-x;
}

#geral{
	margin:20px auto 0px auto;
	width:769px;
	height:569px;
	overflow:hidden;
	background:url(img/fundo_pagina.jpg) top left no-repeat;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}
#geral2{	
	background:url(img/menu.jpg) top left no-repeat;
}


	#marca{
		position:absolute;
		top:435px;
		display:none;
		width:23px;
		height:126px;	
		margin:0;
		padding:0;
		_margin-left:-120px;
	}
	
	#empresa #marca{
		display:block;
		background:url(img/mar-empresa.jpg) left top no-repeat;
	}
	#contato #marca{
		display:block;
		background:url(img/mar-contato.jpg) left top no-repeat;
	}
	#clientes #marca{
		display:block;
		background:url(img/mar-clientes.jpg) left top no-repeat;
	}
	#portifolio #marca{
		display:block;
		background:url(img/mar-portifolio.jpg) left top no-repeat;
	}



/* menu */
	#menu{
		padding:8px; 0 0 0;
		margin-left:115px;
	}
	#menu a{
		display:block;
		float:left;
		height:20px;
		text-indent:-9999px;
		overflow:hidden;
		background:#FFFFFF; 
		-moz-opacity: 0; 
		opacity: 0; 
		filter:alpha(opacity=0);
	}
	
	#m-empresa{width:91px;}
	#m-clientes{width:95px;}
	#m-portifolio{width:103px;}
	#m-contato{width:103px;}
	
	
/* fim do menu */

/* conteudo */
	#conteudo{margin-top:34px; margin-bottom:15px;}
	
	#conteudo{		
		width:460px;
		height:430px;
		margin-left:65px;
		_margin-left:33px;
		margin-top:65px;
		overflow:hidden;
		float:left;				
	}
	#coluna{			
		float:right;
		width:230px;	
		margin-top:20px;
		/*background:url(img/fundo_coluna.jpg) no-repeat 2px top;		*/
	}
	
	.tit_tptrab{
		font-size:14px;
		padding:0 0 0 22px;
		background:url(img/bola.gif) top left no-repeat;
	}
	
	#logo{
		display:block;
		position:relative;
		width:222px;
		height:198px;	
		overflow:hidden;
		text-align:right;
		/*text-indent:-9999px;
		background:url(img/logo_promarke.jpg) no-repeat 13px top;*/
	}
	
	/* conteudo site */
		#conteudo-site{
			margin-top:12px;
			height:365px;
			overflow:auto;
			color:#666666;
			
			scrollbar-arrow-color:#000000;
			scrollbar-3dlight-color:#ffffff;
			scrollbar-highlight-color:#ffffff;
			/*scrollbar-face-color:#DEAC55;*/
			SCROLLBAR-FACE-COLOR: transparent;
			scrollbar-shadow-color:#ffffff;
			scrollbar-darkshadow-color:#ffffff;
			scrollbar-track-color:#ffffff;
			allowtransparency:true;
		}
		
		#conteudo-site a{
			color:black;
			text-decoration:none;	
			color:#666666;
					
		}
		#conteudo-site a:hover{
			text-decoration:underline;
		}
		
		#conteudo-site p{
			line-height:1.5em;
		}
		
	/* fim do conteudo site */
	
	
	/* 
		titulos 
			Os titulos deve ter -> Height: 27px;
	*/	
		#t-navegue{
			height:27px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(img/t-navegue_criatividade.jpg) top left no-repeat;
			margin:0 0 10px 0;
		}	
		#t-empresa{
			height:27px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(img/t-empresa.jpg) top left no-repeat;
			margin:0 0 5px 0;	
		}	
		#t-portifolio{
			height:27px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(img/t-portifolio.jpg) top left no-repeat;
			margin:0 0 10px 0;	
		}	
		#t-contato{
			height:27px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(img/t-contato.jpg) top left no-repeat;
			margin:0 0 10px 0;	
		}	
		#t-novidades{
			height:27px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(img/t-novidades.jpg) top left no-repeat;
			margin:0 0 10px 0;	
		}	
		#t-clientes{
			height:27px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(img/t-clientes.jpg) top left no-repeat;
			margin:0 0 10px 0;	
		}	
		.titulos{
			font-size:12px; 
			margin:0 0 10px 0;
		}
	/* fim titulos */
	
	/* Promarke News */
		#box-news{
			margin:5px 0 0 0;
			display:block;
			width:218px;
			height:296px;
			background:url(img/fundo_news.jpg) top left no-repeat;			
			overflow:hidden;
		}
		#conteudo_box-news{
			width:170px;			
			margin:60px 0 0 20px;
			line-height:1.5em;
			color:#3e3d3d;
		}
		#conteudo_box-news p{
			margin:0 0 8px 0;
			color:#998f99;
		}
		#conteudo_box-news p a{
			color:#998f99;
			text-decoration:none;
		}
		#conteudo_box-news p a:hover{			
			text-decoration:underline;
		}
		
		.veja-mais{
			font-variant:small-caps;
			text-decoration:none;
			color:#000000;
			font-size:0.9em;
		}
		.veja-mais:hover{
			text-decoration:underline;
		}
	/* fim do promarke news */
	
	.img{
		width:148px;
		height:128px;
		/*background:url(img/fundo_img.jpg) top left no-repeat;*/
		vertical-align:middle;
	}
	
	.box_img{
		width:135px;
		height:115px;
		overflow:hidden;
		margin:0 5px 0 5px;	
		background:#FFFFFF;
		text-align:center;
		vertical-align:middle;
	}
	
	#navegacao_pag{
		text-align:center;
		margin-top:10px;
		color:#998f99;
	}
	#navegacao_pag a{
		color:#000000;
		text-decoration:none;
	}
	#navegacao_pag a:hover{		
		text-decoration:underline;
	}
	
	/* formularios */
		fieldset {
			border:0px;
			padding:0px;
			text-align: left;
		}
		
		.forms{
			margin:0;
			padding:0;
		}
		
		textarea.textaream {
			width:270px;
			height:80px;
			border:1px solid #666666;
			background: #F4F4F4;
			font-size:100%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #666666;
			padding-left:3px;
		
		}
		
		.inputext {
			width:270px;
			border:1px solid #666666;
			background: #F4F4F4;
			margin-bottom:5px;
			font-size:100%;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color: #666666;
			padding-left:3px;
		}
		
		#botao{		
			text-align:right;		
			height:30px;
			padding-top:5px;
			margin-top:5px;
			margin-right:100px;
			color:
		}
	/* fim dos formulaios */
	
	#img_novidades{
		float:left;
		margin-right:10px;
		margin-bottom:10px;
		text-align:center;
		color:#998f99;
	}
	#img_novidades:after{
		clear:both;
	}
	
	
/* fim do conteudo */


/* rodape */
	#rodape{
		clear:both; 
		text-align:center;		
	}	
/* fim do rodape */