/*
================================================================================
 * Data       : 02/2007                   			
 * @copyright : Contacto Net
 * Autor :	Rafael Bianco, Nícolas Vieira Rossett
================================================================================
*/
*{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

html, body {
	background: #D8D8D8;
	margin: 0px;
	width: 100%;
}

a {color:#8BB900; text-decoration:underline; outline:none; }
a:hover	{ color:#298AC1; text-decoration:underline; }
.titCliente{ width:100%; padding:5px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#069; }
.linksite{ width:100%; display:block; float:left; padding:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px;}

#estrutura{ margin: 0px auto; width: 789px; background:url(imagens/fundo.jpg);}

#topo {width:789px; height:322px;}

#menu{width:322px; margin-left:44px; margin-top:-205px; position:absolute; display:inline-block;}
#menu li {width:191px;}
#menu li a { background:url(imagens/fundo_menu.jpg); height:26px; display: block; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color:#006599; text-decoration:none;line-height: 25px;}
#menu li a:hover{ background:url(imagens/fundo_menu.jpg) bottom; font: 11px Arial, Helvetica, sans-serif; color:#006599; text-decoration:none; line-height: 25px; display: block;}


#rodape{ background: url(imagens/fundo_rodape.jpg) bottom no-repeat; height: 27px; clear:both; }

/************************************************ [ RODAPE ] ****************************************************/

#copyright				{	float: left; margin: 7px 40px; padding-left:25px; font:9px Verdana, Arial, Helvetica, sans-serif; color:#80B2CC; text-decoration:none;}
#menu-rodape			{	float:right;	margin:7px 35px; padding-right:25px;	text-align:right;	font:9px Verdana, Arial, Helvetica, sans-serif;	color:#80B2CC;	text-decoration:none;	}
#menu-rodape a			{	font:9px Verdana, Arial, Helvetica, sans-serif;	color:#80B2CC;	text-decoration:none;	}
#menu-rodape a:hover	{	font:9px Verdana, Arial, Helvetica, sans-serif;	color:#FFFFFF;	text-decoration:none;	}

/************************************************** [ PAGINA MECANISMOS DE BUSCA ] **********************************************************/

#lista_texto li{ list-style-type:disc!important;}
#box_lista_texto{padding-left:40px!important; width:380px;}





#divisoria{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin: 0px 10px;
}

#conteudo{
	padding: 0px 25px 42px 42px;
	margin-top:-13px;	
}

#fundo-verde{
	background: url(imagens/fundo_verde.jpg) 630px 300px no-repeat;
	height: 100%;
}

#limpa{
	clear:both;
}

#publicidade{
	margin-top: 80px;
	width: 207px;
	float:left;
}

#geral{
	width: 510px;
	float: right;
}

h1{	font:bold 13px Arial, Helvetica, sans-serif;	color:#005B8A; }
h2{	font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#005B8A;	padding-bottom:8px;}
h4{	font:bold 13px Arial, Helvetica, sans-serif;	color:#005B8A;	background:#F9FCEF;	padding:5px;}

#endereco{
	background:url(imagens/fundo_mapa.jpg) center top no-repeat;
	font:11px Arial, Helvetica, sans-serif;
	color:#9B9B9B;
}

.negrito-cinza, .link-cinza{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#666666;
}

.link-cinza:hover{	color:#298AC1; }

/*			HOME EMPRESA			*/

#imagem-borda{
	float:left;
	padding: 5px 6px 10px 0px;
}

.border {
	border: 1px solid #999;
	padding:3px;
}

#texto-empresa-home{
	padding-top:3px;
	width:250px;
	float:left; 
}

#link-chamada2{
	text-align:right;
	padding:0px 0px 5px 0px;;
}

#chamada-verde{
	margin-right: 10px;
	width:110px;
	float:right;
}

#chamada-verde li{
	padding: 4px 0px 10px 0px;
	margin-left: 6px;
	background: url(imagens/divisoria_verde.gif) bottom center no-repeat;
	list-style:url(imagens/seta_verde.gif);
}

.link-verde{	font:10px Verdana, Arial, Helvetica, sans-serif;	color:#5F7D00;	text-decoration:underline; }
.link-verde:hover{	color:#000;	background:#99CC00;	display:block;}

#tit-host{
	padding-top: 10px;
}

#host{
	padding-top:6px;
}

#divisoria-home-01{
	background: url(imagens/divisoria_home.gif) bottom left no-repeat;
	margin-top: 110px;
	height:1px;
}

#divisoria-home-02{
	background: url(imagens/divisoria_home.gif) bottom left no-repeat;
	margin-top: -10px;
	height:1px;
}

#tit-portifolio{
	padding-top: 10px;
}

.texto-cinza{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}

#portifolio-anima{
	padding-top: 10px;
}

#conteudo-interno h1 	{	margin-bottom: 5px;	}
#conteudo-interno p 	{	margin: 0px 17px 17px 0px;	line-height: 17px;	text-align: justify; }
#conteudo-interno dl 	{	margin: 20px;	text-align: justify; }
#conteudo-interno dt 	{	margin: 5px 0px; font-weight: bold;	color:#005B8A; }
#conteudo-interno dd 	{	margin: 0px 0px 20px 0px;	line-height: 17px;	color:#555;	background:#F2F2F2;	padding: 5px;	}

#lista-seta ul			{	padding: 14px 0px 0px 19px;	}
#lista-seta ul li		{	line-height: 17px;	text-align: justify;	list-style-image:url(imagens/seta_tit.gif); }

#valido {
	margin: 10px auto;
	width: 789px;
}

.w3c {
	margin-left: 20px;
}

/*			CONTATO / ORÇAMENTO			*/

#contato-servico {	
	background: url(imagens/contato_fundo_servico.jpg) repeat-x;
	width: 100%;
	height: 62px;
	padding-top: 23px;
	margin-top: 10px;
}

#contato-servico #item {
	width: 49%;
	float: left;
}

#contato-servico #select {	
	width: 49%;
	float: right;
}

#contato-servico #item #texto {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #005B8A;
	float: right;
	padding-top: 3px;
}

#contato-servico #select #valor {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #005B8A;
	background-color: #F5F5F5;
	border: 1px solid #005B8A;
	width: 165px;
	display:block;
	text-align: left;
	padding: 3px 4px;
	float: left;
	cursor: default;
}

#contato-servico #select #seta {
	margin-left: -5px;
}

#contato-menu {
	position: absolute;
	left: 50%;
	margin-left: 120px;
	margin-top: 20px;
	z-index: 25;
}

#contato-menu {
	list-style: none;
	text-align: left;
}

#contato-menu li a {
	background-color: #E8F1F7;
	border: 1px solid  #005B8A;
	padding: 2px 10px;
	display: block;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #005B8A;
	text-decoration: none;
	width: 170px;
	height: 21px;
	line-height: 21px;
	margin-bottom: 1px;
}

#contato-menu li a:hover {
	color: #000;
}

#hidden {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:800px;
	visibility: hidden;
	background-color: #99CC00;
	z-index: 1;
}

#formulario {
	width: 480px;
}

#formulario	.secao, .secao-check {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #005B8A;		
	line-height: 30px;
}

#formulario	.valor {
	line-height: 30px; 	color: #005B8A;	
}

.campo {
	background-color: #F5F5F5;
	border: 1px solid #D8D8D8;
	padding: 3px 2px;	
}

.campo2 {
	height: 20px;
	width: 20px;
	margin-right: 2px; 
	margin-bottom: 2px; 
	border: 0px;
	background-image:url(imagens/contato_btn_fundo.jpg);
	color: #FFF;
}

#nomedocampo, #campo {	
	margin: 8px 0px; 
}

#titulo  {	
	width: 350px;   
}

#email, #nome, #empresa, #mensagem, #site {	
	width: 97%;	
}

#mensagem { 
	height: 150px; 
}

#estado  {	
	width: 150px;   
}

.secao-dois {	
	float: left;	
	margin-top: 1px; 
	width: 50%; 
}

.secao-tres {	
	float: right;   
	width: 190px;
}

.secao-check { 
	clear: both 
}

#ddd,.hifen { 
	float: left ; 
	margin-right: 5px;
}

.check { 
	padding-right: 5px; 
}

.legenda { 
	padding-right: 5px; 	
	color: #005B8A;	
}

.interesse { 
	height: 15px; 
	width: 15px; 
	background-color: #FFF; 
}

.botoes {
	margin: 10px;
	text-align: right;
}

.botao {
	background-color: #006599;
	border: 1px solid #004164;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;	
	width: 75px;	
	text-align: center;	
	padding: 2px;	
}
/* PORTFOLIO */

#box_localizacao {
	background:#F9FCEF;
	color:#005B8A;
	padding:0px 0px 0px 5px;
}
/*			PUBLICIDADE			*/
	
#fundo-tit-pub{
	background:url(imagens/tit_pub.jpg) no-repeat left top;
	height: 18px;
	padding:7px 9px;
}

#fundo-cont-pub{
	background:url(imagens/fundo_pub.jpg) no-repeat left top;
	height: 200px;
	padding:7px 9px;
	height:100%;
}

#chamada-pub{
	padding: 0px 14px 25px 0px;
}

#link-chamada{
	text-align:right;
	padding:5px 0px 5px 0px;;
}
/*			CAMADA TRANSPARENTE			*/
#transparente,#exemplo {
	position:absolute;			
	left:0;		
	top:0;
	width:100%;
	visibility: hidden;	
}

#transparente {		
	background-color:#000;	
	z-index:10;		
}

#exemplo{	
	text-align: center;	
	padding-top: 5%;
	z-index:11;
}

#gallery {
	width: 510px;
	float: right;
	padding-bottom: 25px;
}

/*	ITENS DO PORTIFÓLIO	  */

.mini_site 			{	width: 160px;	height: 130px;	text-align: center;	margin: 0px 7px 7px 0px; float: left; }
.mini_site img 		{	border: 1px solid #005B8C; }
.mini_site #imagem	{	padding: 5px; }
.mini_site a		{	background-color:#F9F9F9;	border: 1px solid #E8E8E8;	color: #005B8C;	text-decoration: none;	display: block;	padding: 7px; }
.mini_site a:hover	{	background-color:#DFECF3;	border: 1px solid #D5E4EF;	color: #000;	text-decoration: none; }
.mini_site span		{ 	margin: 2px; display: block; }
.mini_site * 		{	font: 9px Verdana, Arial, Helvetica, sans-serif; }


/*========================GALERIA PORTFOLIO HOME=======================*/



.boxSlide{width:490px; height:112px; display:block; padding:7px 5px; margin:0; position:relative; border:1px solid #D9D9D9; background-color:#F9F9F9;}
.boxSlide img{border:1px solid #D9D9D9;}

.boxSlide #stage{width:490px; height:112px; display:block; overflow:auto; overflow-x:hidden; overflow-y:hidden;}
.boxSlide #ant{z-index:2; width:16px; height:120px; display:block; position:absolute; top:0; left:-10px; background:url(imagens/btm_prevHome.gif) no-repeat 0 55px;}
.boxSlide #ant a{z-index:2; width:13px; height:120px; display:block; text-indent:-999999px; overflow:hidden;}
.boxSlide #prox{z-index:2; width:16px; height:120px; display:block; position:absolute; top:0; left:500px; background:url(imagens/btm_nextHome.gif) no-repeat 0 55px;}
.boxSlide #prox a{z-index:2; width:13px; height:120px; display:block; text-indent:-999999px; overflow:hidden;}
.boxSlide #prox a:hover{background:url(imagens/btm_nextHome_hover.gif) no-repeat 0 55px;}
.boxSlide #ant a:hover{background:url(imagens/btm_prevHome_hover.gif) no-repeat 0 55px;}


.boxSlide #myList{width:9000px; border:0; margin:0; padding:0; left:9000px;}
.boxSlide #myList li{
		list-style:none;
		margin:0; 
		padding:0 4px 0 0; 
		border:0; 
		float:left;
		width:120px;
		height:90px;
}
.boxSlide #myList li span{width:120px; height:20px; padding:6px 0 0 0; display:block; float:left; text-align:center;}
.boxSlide a{color:#999; text-decoration:none;}
.boxSlide a:hover{text-decoration:none; color:#006599;}
.boxSlide #myList li:hover img{opacity:0.80; -moz-opacity: 0.80; filter: alpha(opacity=80);}

/*====================================================================*/