/*
============================
 * Data       : 07/2008                   			
 * @copyright : contactoNET
 * Autor :	Rafael Bianco
============================
*/
*{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#8D8D8D;
	line-height:16px;
}

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

#natal{
	width:100%;
}
#estrutura{
	margin:0px  auto;
	background:#FFF;
	width:780px;
}

#acessibilidade{
	height:25px;
	background:#D2D2D2;
}
#acessib-position{
	position:absolute;
	margin-top:6px;
}
#acessib-position p{
	float:left;
	margin-right:15px;
}
#topo{
	height:340px;
	margin:0px 23px;
}

#menu{
	width:180px;
	height:340px;
	float:left;
	z-index:1;
}
#menu li{
	list-style:none;
	float:left;
	margin-right:4px;
}

#menu li a{
	background-position: left top;
	background-repeat: no-repeat;
	width:26px; 
	display: block;
	cursor:pointer;
	text-indent: -5000px;
	overflow: hidden;

}


#empresa		{	background:url(imagens/btn_empresa.gif);		height: 324px; }
#servicos		{	background:url(imagens/btn_servicos.gif);		height: 295px; }
#equipamentos	{	background:url(imagens/btn_equipamentos.gif);	height: 266px; }
#quiz			{	background:url(imagens/btn_quiz.gif);			height: 247px; }
#aconteceu		{	background:url(imagens/btn_aconteceu.gif);		height: 227px; }
#contato		{	background:url(imagens/btn_contato.gif);		height: 208px; }

#empresa:hover		{	background:url(imagens/btn_empresa2.gif);}
#servicos:hover		{	background:url(imagens/btn_servicos2.gif);}
#equipamentos:hover	{	background:url(imagens/btn_equipamentos2.gif);}
#quiz:hover			{	background:url(imagens/btn_quiz2.gif);}
#aconteceu:hover	{	background:url(imagens/btn_aconteceu2.gif);}
#contato:hover		{	background:url(imagens/btn_contato2.gif);}




.link-empresa:hover{
	background:url(imagens/btn_empresa2.gif) left top no-repeat;
}



#logo{
	position:absolute;
	margin-top:13px
}

#chamada{
	position:absolute;
	margin-left:194px;
	margin-top:-270px;
	width:187px;
	height:340px;
	float:left;
	z-index:20;
}
#chamada p{
	margin: 0px 10px 10px 0px;
	width: 160px;
}
#chamada li{
	background:url(imagens/seta.gif) no-repeat 0px 7px;
	padding-left:10px;
}
#chamada a:hover{
	background:#FF6600;
	color:#fff;
	text-decoration:none;
}
#titulo{
	position:absolute;
	margin-top:304px;
	margin-left:-190px;
}

.chamada-servicos {
	margin-top: 94px;
}

#telao{
	float:right;
	width:363px;
	height:340px;
}
#telao-position{
	position:absolute;
	margin-top:-50px;
	z-index:2;
}
#conteudo{
	margin:23px;
	height:100%;
}
#promotores{
	float:left;
}
#intro{
	float:left;
	width:562px;
	height:191px;

}
#intro-texto p{
	margin-bottom:15px;
}
#intro-texto{
	float:left;
	width:178px;
	padding:10px;
	/*text-align:justify;*/

}
#pub, #foto-dir{
	float:right;
	width:345px;
	text-align:right;
/*	background:#006633;*/
}
#foto-dir{
	float: right;
	width: 336px;
	margin-top:30px;
}
.pub-texto{
	width:132px;
	margin:10px 0px 0px 214px;
	text-align:left;
	text-decoration:none;
}
#pub-imagem{
	position:absolute;
	margin-top:-35px;
	margin-left:390px;
	z-index:1;
}

#novidades{
	float:left;
	width:562px;
	height:132px;
}
#novidades p{
	position:absolute;
	margin:-16px 0px 0px 10px;
}
#novidades-banner{
	position:absolute;
	/*margin:-80px 0px 0px 182px;*/
	z-index:3;
	width: 548px;
	/*overflow:auto;*/
	margin: -80px auto;
	overflow:hidden;
	margin-left:182px;
}

#novidades-banner p{
	float:left;
	margin-right:25px;
}

#novidades-banner ul li{
	float: left; 
	margin-right:25px;
}



/* para resolver o problema do fundo ficar 100% pode-se também dar um  <br clear="all" \> depois do <? include($cont); ?> na index.php*/
#maisbuscadas{
	clear:both;
	padding:23px;
}
#maisbuscadas ul{
	margin-top:10px;
}
#maisbuscadas li{
	list-style:none;
	float:left;
	margin-right:5px;
}
.margem15{
	margin-bottom:15px;
}
#rodape{
	clear:both;
	background:#E0E0E0;
	margin:0px 23px 6px 23px;
	padding:14px;
	height:25px;

}
#rodape p{
	float:left;
	margin-right:60px;
}
.margem6{
	margin-top:6px;
}
.margem7{
	margin-top:6px;
	margin-left:-14px;
}
#telefone{
	position:absolute;
	margin:650px;
	margin-top:-40px;

}
.telefone{
	font-size:18px;
	color:#FF6600;
	letter-spacing:-1px;
}
.ddd{
	color:#FF6600;
	margin-right:4px;
}

#tripe-position{
	position:absolute;
	margin-left:-85px;
	margin-top:15px;
}
#cabos-position{
	position:absolute;
	margin-left:-497px;
	margin-top:540px;
}

/*-----------LINKS-----------*/
.link-topo{
	font: 9px Arial, Helvetica, sans-serif;
	color:#8D8D8D;
	text-decoration:none;
}
.link-topo:hover{
	background:#E8E8E8;
}


.link-pub-tit{
	width:337px;
	height:27px;
	background:#FF6600;
}
.link-pub-tit:hover{
	background:#DD5800;
}


.link-pub{
	text-decoration:none;
}
.link-pub:hover{
	background:#FFFFCC;
}


.mais12, .mais14, .mais16, .mais18{
	letter-spacing:0px;
	color:#999;
	text-decoration:none;
}
.mais12:hover, .mais14:hover, .mais16:hover, .mais18:hover{
	color:#fff;
	background:#FF6600;
}
h1{
	font-weight:bold;
	font-size:16px;
	color:#FF6600;
	margin-bottom: 6px;
}
.colunas{
	float:left;
	width:206px;
	margin-right:52px;
}
.colunas-zeradas{
	margin-right:0px;
}
.colunas p{
	margin-bottom:15px;
}

.mais12 { font-size:12px; }
.mais14 { font-size:14px; }
.mais16 { font-size:16px; }
.mais18 { font-size:18px; }

.galeria{
	float:left;
	margin: 3px 3px 0px 0px;
}
.espacamento{	
	clear:both;
	margin-bottom: 10px;
}

.legenda {
	 text-align: center;
}
.link-laranja{
	color:#FF6600;
	text-decoration:underline;
}
.link-laranja:hover{
	background:#FF6600;
	color:#FFFFFF;
	text-decoration:none;
}
#grato{
	position:absolute;
	margin-top:180px;
	margin-left:190px;
	padding:30px;
}
.lista-seta li{
	background:url(imagens/seta_lista.gif) left top no-repeat;
	padding-left:10px;
	margin-bottom:8px;
}



#botoes { position:absolute; margin-left:156px; margin-top: -59px; }
#ant{z-index:10; width:30px; height:30px; display:block; position:absolute; background:url(imagens/seta_esq.png) no-repeat;}
#ant a{z-index:10; width:30px; height:30px; display:block; text-indent:-999999px; overflow:hidden;}
#prox{z-index:10; width:30px; height:30px; display:block; position:absolute;  left:570px; background:url(imagens/seta_dir.png) no-repeat;}
#prox a{z-index:10; width:30px; height:30px; display:block; text-indent:-999999px; overflow:hidden;}
#prox a:hover{background:url(imagens/btm_nextHome_hover.gif) no-repeat 0 55px;}
#ant a:hover{background:url(imagens/btm_prevHome_hover.gif) no-repeat 0 55px;}

#myList{width:900px; border:0; margin:0; padding:0}
#myList li{
		list-style:none;
		margin:0; 
		padding:0 35px 0 0; 
		border:0; 
		float:left;
		width:120px;
		height:90px;
}