/*


		Attive Soluções Web
		contato@attiveweb.com.br
		
		Produzido por Attive Soluções Web
*/



/* inicio corpototal -------------------------------------------------------------------------------------------------*/
	#corpototal{
		background:#fff;
		position:relative;
		width:730px;
		height:300px;
	}
/* inicio attive -------------------------------------------------------------------------------------------------*/
	#attive h1{
		height:50px;
		position:relative;
		
		width:600px;
	}
	#detalhe{
		background:url(../imagens/home/trespontos.gif) no-repeat;
		width:40px;
		height:23px;
		position:relative;
		left:80px;
		z-index:2;
		top:110px;
	}	
	
/* inicio imagem01 -------------------------------------------------------------------------------------------*/
	#imagempadrao {
		width:512px;
		height:189px;
		left:120px;
		position:relative;
		z-index:1;
       
        background-position:right top;
		
	}
	
	#foto_destaque{
		
		height:177px;
		z-index:0;
		top:73px;
		left:132px;
		width:500px;
        position:absolute;

	}
	

/* inicio sub titulo attive   -----------------------------------------------------------------------*/
	#attivedesenvolveu{
		height:35px;
		left:130px;
		position:relative;
		z-index:2;
		width:430px;
		top:-52px !important;
        top:-58px;
	}
	#attivedesenvolveu h3{
		color:#999;
		padding:0px 0 0 15px;
        margin:0;

	}
	#attivedesenvolveu a, h3{
		text-indent:0;
		left:5px;
		font-size:10px;
		padding:3px 0 0 25px;
	}				

/* inicio menu -----------------------------------------------------------------------------------------------*/
	#menu{top:-70px;}	

/* inicio corpo ----------------------------------------------------------------------------------------------*/
	#corpo{
		width:600px;
		float:right;
		top:-40px;
		left:0px;
	}
	#corpo h1{
		line-height:65px;
		left:0;
	}
	#corpo .pontilhado{
		top:-10px;
		left:20px;
	}

/* inicio esquerdo ---------------------------------------------------------------------------------------*/
	#esquerdo{
		float:left;
		position:relative;
		width:200px;				
	}
	#esquerdo h3{
		text-indent:-2000px;
		line-height:46px;
	}
	#esquerdo a{
		display:block;
		line-height:25px;
		text-indent:16px;
		color:#9999cc;
	}	
	#pontilhadotopo{
		background:url(../imagens/servicos/pontilhadoclientetopo.gif) no-repeat;
		height:10px;
		width:159px;
		left:4px;
		top:3px;
	}
	#esquerdo .link_laranja{
		height:13px;
		padding:0 25px 10px 0;
		margin:0 0 4px 0;
		width:150px;
		top:3px;
		color:#f93;
	}
	#pontilhadofim{
		background:url(../imagens/servicos/pontilhadoclientefim.gif) no-repeat;
		left:4px;
		height:10px;
		width:170px;
	}
	#direito{
		width:400px;
		float:right;
		background:url(../imagens/servicos/seta.gif) no-repeat top right;
	}
	#titulodireito{
		line-height:14px;
		width:310px;
		top:20px;
		position:relative;
		margin:0 0 30px 0;
	}
	.pontilhadodemarcacao{
		background:url(../imagens/home/pontilhado.gif) no-repeat;
		height:10px;
		width:237px;
		position:relative;
	}
	.pontilhadodemarcacao2{
		background:url(../imagens/home/pontilhado.gif) no-repeat;
		height:10px;
		width:237px;
		position:relative;
		clear:both;
	}		
	#direito h2{
		background:url(../imagens/servicos/detalhecinza.gif) no-repeat center left;
		font-size:14px;
		padding:0 0 0 48px;
		position:relative;
		color:#707070;
		text-indent:0;
		margin-bottom:10px;
	}
	.espacamento{
		position:relative;
		margin-bottom:50px;
	}	

/* inicio rodapé ----------------------------------------------------------------------------------------*/
		#rodape{
			position:relative;
			top:-100px;
			left:35px;
		}