/* CSS Document */

body {
margin:0;
padding:0;
background-image:url(../imagens/fundo_pagina.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
font-family: verdana, arial, helvetica, serif;
font-size:12px;
color:#000000;
}

h1{
color:#574724;
font-family: verdana, arial, helvetica, serif;
font-size:15px;
font-weight:bold;

}

h2{
color:#574724;
font-family: verdana, arial, helvetica, serif;
font-size:12px;
font-weight:bold;

}

h3{
color:#574724;
font-family: verdana, arial, helvetica, serif;
font-size:11px;
text-align:center;

}

h4{
color:#574724;
font-family: verdana, arial, helvetica, serif;
font-size:10px;
}


.web{
color:#ED8359;
}



#tudo {
width:775px; 
margin:0 auto;
border-left:1px solid #E4E7D9;
	border-right:1px solid #E4E7D9;

}

#topo {
width:775px; 
height:161px;
}


#menu{
    float:left;
	background:#FFFFFF;
	width:775px;
	height:34px;
	background-image:url(../imagens/menu_background.jpg);
	background-repeat:no-repeat;
	
	
	

}
#home{
	width:82px;
	height:27px;
	float:left;
	padding-top:7px;
	text-align:center;
	
}
#quemsomos{
	width:150px;
	height:27px;
	float:left;
	padding-top:7px;
	text-align:center;	

}
#servicos{
	width:115px;
	height:27px;
	float:left;
	padding-top:7px;
	text-align:center;		
	
}

#portifolio{
	width:140px;
	height:27px;
	float:left;
	padding-top:7px;;
	text-align:center;		
	
}

#contatos{
	width:154px;
	height:27px;
	float:left;
	padding-top:7px;
	text-align:center;		
	
}

#versao{
	width:132px;
	height:27px;
	float:left;
	padding-top:7px;
	text-align:center;	
	color:#574724;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	
}


#escolha{
	width:132px;
	float:left;
	font-size:9px;
	margin-top:-5px;
	text-align:center;
		
}

#opcao1{
	width:65px;
	float:left;
	font-size:9px;
	margin-top:2px;
	text-align:center;
	background-color:#FF0099;
		
}

#opcao2{
	width:65px;
	float:left;
	font-size:9px;
	margin-top:2px;
	text-align:center;
	background-color:#99CC00;
	
			
	
}

  
#conteudo {
    float:left;
	width:775px;	
  }	
  
  
#lateral_esquerda {
    float:left;
	width:472px;	
	background-color:#F5F8F2;
 }	
    
#lateral_direita {
    float:left;
	width:303px;
	background-image:url(../imagens/background_direita.jpg);
	background-repeat:repeat-y;	
 }  

#conteudo_geral_esquerda {
 	float:left;
	width:428px;
	margin-left:22px;
	_margin-left:10px;
	margin-top:16px;
		
}	

#conteudo_geral_esquerda_portifolio {
 	float:left;
	width:428px;
	height:4320px;
	margin-left:22px;
	_margin-left:10px;
	margin-top:16px;
	
	}
	
	


#texto_introducao_portifolio{
 	float:left;
	width:418px;
	height:4305px;
	*height:4315px;
		background-color:#F9FAF2;
	border-left:1px solid #E4E7D9;
	border-right:1px solid #E4E7D9;
	padding-left:4px;
	padding-right:4px;
	text-align:justify;
	background-color:#F6F9EE;
	color:#574724;
	
	
}
	
	
	
	

	
	

#topo_texto_webdesgin {
 	float:left;
	width:428px;
	height:12px;
	background-image:url(../imagens/topo_caixa.jpg);
	background-repeat:no-repeat
}


#texto_introducao {
 	float:left;
	width:418px;
		background-color:#F9FAF2;
	border-left:1px solid #E4E7D9;
	border-right:1px solid #E4E7D9;
	padding-left:4px;
	padding-right:4px;
	text-align:justify;
	background-color:#F6F9EE;
	color:#574724;
	height:617px;
	
}


#topo_aba {
 	float:left;
	width:399px;
	height:66px;
	background-image:url(../imagens/topo_aba.jpg);
	background-repeat:no-repeat;
	}
	
#emailmarketing {
 	float:left;
	width:370px;
	padding-left:20px;
	padding-top:1px;	
	*padding-top:10px;	
}

	
#exemplo_emailmarketing {
 	float:left;
	width:377px;
	height:150px;
	padding-left:20px;
	background-color:#FFFFFF;
	border-left:1px solid #E4E7D9;
	border-right:1px solid #E4E7D9;
	margin-top:-20px;
}


#campanha_banner {
 	float:left;
	width:300px;
	height:40px;
	padding-left:0px;
	margin-top:10px;
	*margin-top:5px;
	
	
}

#rodape_aba {
 	float:left;
	width:399px;
	height:35px;
	background-image:url(../imagens/rodape_aba.jpg);
	background-repeat:no-repeat;
	}
	
	
	#rodape_caixa{
 	float:left;
	width:428px;
	height:12px;
	background-image:url(../imagens/rodape_caixa.jpg);
	background-repeat:no-repeat
	}
	
#caixa_sites {
 	float:left;
	width:303px;
	height:279px;
	background-image:url(../imagens/background_sites.jpg);
	background-repeat:no-repeat;
}	
	
	
	
	#criacao_sites {
 	float:left;
	width:293px;
	_width:283px;
	text-align:center;
	margin-top:25px;
	margin-left:10px;
	_margin-left:10px;

}

	#visualiza_site {
 	float:left;
	width:209px;
	height:151px;
	margin-left:60px;
	_margin-left:30px;
	border:#42A2C8 double 2px;
		
	
	}
		
		#opcoes_site {
 	float:left;
	width:209px;
	height:50px;
	margin-left:60px;
	_margin-left:30px;
	padding-top:5px;
	text-align:center;
	
	}

#servicos_simasweb {
 	float:left;
	width:303px;
	height:348px;
	*height:352px;
	border-top: 1px solid #24B3D1;	
}	

#servico_simas1 {
 	float:left;
	width:303px;
	height:80px;
	margin-top:6px;
	
}	
	
#foto_servico1{
 	float:left;
	width:115px;
	height:70px;
	
}	
	
#texto_servico1 {
 	float:left;
	width:180px;	
	text-align:left;
	padding-top:25px;
	
}	


#servico_simas2 {
 	float:left;
	width:303px;
	height:80px;
	
}	
	
#foto_servico2{
 float:left;
	width:115px;
	height:70px;
}	
	
#texto_servico2 {
 	float:left;
	width:180px;	
	text-align:left;
	padding-top:25px;
}	


#servico_simas3 {
 	float:left;
	width:303px;
	height:80px;
	
}	
	
#foto_servico3{
 	float:left;
	width:115px;
	height:70px;
}	
	
#texto_servico3 {
 	float:left;
	width:180px;	
	text-align:left;
	padding-top:25px;
}	


#servico_simas4 {
 	float:left;
	width:303px;
	height:80px;

}	
	
#foto_servico4{
 	float:left;
	width:115px;
	height:70px;
}	
	
#texto_servico4 {
 float:left;
	width:180px;	
	text-align:left;
	padding-top:25px;
}

#musica {
 float:left;
	width:100%;
	height:37px;
	_height:24px;
	border-top: 1px dashed #00CCFF;
	background-image:url(../imagens/background_direita.jpg);
	
	
	
	
}	
			
	
  
	 #rodape{
float:left;
	clear:both;
	width:100%;
	height:62px;
	border-top:#E4E7D9 1px solid;
	background-image:url(../imagens/rodape_pagina.jpg);
	background-repeat:no-repeat;
	color:#000000;
	}
	
		 #rodapeportifolio{
		 

	clear:both;
	width:775px;
	height:62px;
	border-top:#E4E7D9 1px solid;
	background-image:url(../imagens/rodape_pagina.jpg);
	background-repeat:no-repeat;
	color:#000000;
	

}
#simasweb_contato{
float:left;
	margin-top:4px;
	margin-left:4px;
	font-family: verdana, arial, helvetica, serif;
	 font-size:11px;
	 text-align:left;	
	
	color:#574724;
font-family: verdana, arial, helvetica, serif;
font-size:10px;

	 

	

}
#simasweb{
float:left;
width:400px;
height:55px;
	margin-top:3px;
	
	font-family: verdana, arial, helvetica, serif;
	 font-size:11px;
	 text-align:center;	
	*margin-top:15px;
	
	 
}


#endereco{
float:left;
	margin-left:65px;
	*margin-left:55px;
	margin-top:22px;
	font-family: verdana, arial, helvetica, serif;
	 font-size:11px;
	 color:#FFCC00;	
	 text-align:center;
	 padding-top:5px;
	 *padding-top:0px;
	 

}


/* Easy Tooltip */
#texto_tooltip{
font:10px Verdana,Arial, Helvetica, sans-serif;
text-align:center;
}

#titulo_tooltip{
font:10px Verdana,Arial, Helvetica, sans-serif;
text-align:center;
padding-bottom:3px;

}

#easyTooltip{
margin-top:50px;
	margin-left:-30px;
	width:147px;
	padding:0px;
	background:#fcfcfc;
	border:1px solid #e1e1e1;
				
		}	
	
#easyTooltip img{
		background:#fff;
		padding:1px;
		border:1px solid #e1e1e1;
		
		
		}		

#item{
float:left;
visibility: hidden;

margin-top:50px;
margin-right:-125px;
width:147px;
	padding:0px;
	background:#00FFFF;
	border:1px solid #e1e1e1;
	z-index:4;




}

#item2{


visibility: hidden;

margin-top:50px;
margin-right:-50px;
width:147px;
	padding:0px;
	background:#00FFFF;
	border:1px solid #e1e1e1;
	z-index:101;

}
					

/*  Easy Tooltip */




	#nome_campo{
	float:left;
	width:410px;
	height:22px;
	margin-left:32px;
		}

	
	#email_campo{
	float:left;
	width:360px;
	height:22px;
	margin-left:30px;
	}

	
	#telefone_campo{
	float:left;
	width:360px;
	height:22px;	
	margin-left:14px;
	}

	
	#mensagem_campo{
	float:left;
	width:430px;
	height:22px;
	}
	
	
		#ipod{
	width:149px;
	height:335px;
	}
		#ipod_topo{
	width:149px;
	height:56px;
	background-image:url(../imagens/ipod_topo.jpg);
	background-repeat:no-repeat;
	}
	
	#ipod_meio{
	width:149px;
	height:32px;
	background-image:url(../imagens/ipod_meio.jpg);
	text-align:center;
	
	}
	#ipod_rodape{
	width:149px;
	height:259px;
	background-image:url(../imagens/ipod_aparelho.jpg);
	background-repeat:no-repeat;
}


	#foto360{
	float:left;
	width:700px;
	height:440px;
	background-image:url(../imagens/imagem_foto360_bahia.jpg);
	background-repeat:no-repeat;
	}
	
	
	#foto360tropical{
	float:left;
	width:700px;
	height:440px;
	background-image:url(../imagens/imagem_foto360_tropical.jpg);
	background-repeat:no-repeat;
	}
	
	#foto360_video{
	float:left;
	width:400px;
	height:300px;
	margin-left:35px;
	margin-top:50px;
	border:#000000 2px solid;
	}
		#foto360_texto{
		float:left;
	width:200px;
	height:380px;
	margin-left:480px;
	margin-top:-300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	
	
	}
	
	#foto360_texto_rodape{
		float:left;
	width:360px;
	margin-left:50px;
	margin-top:-70px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	}
	
	#foto360_texto_rodape_tropical{
		float:left;
	width:360px;
	margin-left:50px;
	margin-top:-70px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	

	
}
.campos {
	border: 1px solid #996600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #574724;
}


label {
     display: block; /* DEIXANDO UM ACIMA DO OUTRO */
     margin: 35px 0 5px 0; /* ESPAÇO ACIMA E ABAIXO */
 	color: #574724;
 }

label span {
     display: block;
     width: 80px;
     margin-top: 2px;
     float: left;
	 
}



.campos:hover {
	border: 1px solid #996600;
	background: #F0F5F8;
	color: #454743;
}



.campos:focus {
	border: 1px solid #B2E2EE;

	background: #E9FDFE;
	color: #454743;

}


.napagina{
color:#574724;
}
.observacao{
color:#000000;
font-size:10px;

}

.data{
color:#FFFFFF;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}


.erro{
color:#003366;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

.errosimas{
color:#003366;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;



}

a:visited {  color: #C46200; text-decoration: none}
a:active {  color: #C46200; text-decoration: none}
a:link {  color: #C46200; text-decoration: none}
a:hover {	color: #45ABAD;	text-decoration: none;}
	 
	 
		
a.menu:link{color: #FFFFFF; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }		
a.menu:visited {color:#FFFFFF; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }		
a.menu:active {	color:#FFFFFF; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }
a.menu:hover{color: #003366; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px;  }

a.servico:link{color:#003366; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }		
a.servico:visited {color:#003366; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }		
a.servico:active {	color:#003366; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }
a.servico:hover{color: #574724; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px;  }

a.light:link{color:#006600; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:9px; }		
a.light:visited {color:#006600; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:9px; }		
a.light:active {color:#006600; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:9px; }
a.light:hover{color:#C46200; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:9px;  }
 
a.destaque:link{color:#006600; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }		
a.destaque:visited {color:#006600; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }		
a.destaque:active {	color:#006600; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }
a.destaque:hover{color:#C46200; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px;  }


a.diversao:link{color:#000000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; }		
a.diversao:visited {color:#000000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; }		
a.diversao:active {	color:#000000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; }
a.diversao:hover{color:#004848; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px;  }

a.simasweb:link{color:#000000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px;  }		
a.simasweb:visited {color:#000000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; }		
a.simasweb:active {	color:#000000; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; }
a.simasweb:hover{color:#ffffff; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; }

a.criacaosite:link{color:#45ABAD; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px;  }		
a.criacaosite:visited {color:#45ABAD; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }		
a.criacaosite:active {	color:#45ABAD; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }
a.criacaosite:hover{color:#C46200; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }


a.musica:link{color:#45ABAD; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px;  }		
a.musica:visited {color:#45ABAD; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }		
a.musica:active {	color:#45ABAD; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }
a.musica:hover{color:#C46200; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px; }


/*layout*/ 

#esquerda{
    display:inline; /*Bug da margem dupla para floats no IE*/ 
    float:left;
    width:50%;/* 60 */
	
    }
#meio{
    float:left;
    width:21.8%;
	_width:21.6%;
	
	height:635px;
	_height:607px;
	/*_height:350%;*/
	
	
    }
#direita {
    float:left;
    width:28%;/*28 */	 
	
	height:595px;
	_height:600px;
	
    }
	
	
	
	#esquerda_interna{
    display:inline; /*Bug da margem dupla para floats no IE*/ 
    float:left;
    width:71%;/* 60 */

	
	    }
#direita_interna{
    float:left;
    width:29%;/*28 */	 
	height:472px;
	
	
	
	
    }