/*
============================
 * Data       : 07/2008                   			
 * @copyright : contactoNET
 * Autor :	Rafael Bianco
============================
*/
*{margin:0px; padding:0px; list-style:none; font:11px Arial, Helvetica, sans-serif; color:#8D8D8D; line-height:16px; border:none;}
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_jogos-interativos.png); 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_jogos-interativos2.png);}
#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:0 10px 10px 0; 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:325px 0 0 -190px;}
#titulo-home {position:absolute; margin:405px 0 0 -190px;}

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

#telao {float:right; width:363px; height:340px;}
#conteudo {padding:0 23px 23px 23px;}
#promotores {float:left;}
#intro {float:left; width:562px; height:191px;}
#intro-texto p {margin-bottom:15px;}
#intro-texto {float:left; width:195px; padding:0 0 0 20px; margin:0px;}
#pub, #foto-dir {float:right; width:345px; text-align:right;}
#foto-dir {width:441px; margin:30px 0 0 55px; float:left;}

.pub-texto {width:132px; margin:10px 0 0 214px; text-align:left; text-decoration:none;}

#pub-imagem {position:absolute; margin-left:390px; z-index:1;}

@font-face {font-family:'BAUHAUSL_2'; src:local('BAUHAUSL_2'),url('BAUHAUSL_2.ttf') format('TrueType');} 

#videos {display:block; float:left; height:317px; position:relative; width:286px;}
#videos p, #novidades p, #aconteceu2 p {font:28px "Bauhaus Md BT", Bauhaus-Thin-Italic; color:#FF6600; padding: 0 0 15px 0; width:221px;}
.tit-novidades {margin-bottom:-15px;}
#novidades {float:left; height:336px; margin:0 5px 0 7px; width:200px;}
#novidades .img-novidades01, .img-novidades02, .img-novidades03 {margin-top:1px;}
#novidades .img-novidades02, .img-novidades03 {margin-top:-10px;}
#novidades-banner {position:absolute; z-index:3; width:566px; margin:-80px auto; overflow:hidden; margin-left:182px;}
#novidades-banner p {float:left; margin-right:25px;}
#novidades-banner ul li {float:left; margin-right:8px;}
#aconteceu2 {float:left; height:336px; margin-right:24px; width:211px;}
#aconteceu2 img {margin-top:2px; border:1px solid #999;}


/* 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:url(imagens/bg-rodape-eventos.jpg) no-repeat; margin:0 23px 6px 23px; padding:14px; height:25px;}
#rodape p {float:left; margin:8px 42px 0 0;}
#rodape img {margin-top:-15px;}

.margem6 {margin-top:6px; color:#000;}
.margem7 {margin-:6px 0 0 -14px!important; color:#000;}

#telefone {position:absolute; margin:650px; margin-top:-40px;}

.telefone {font-size:16px; color:#FF6600; letter-spacing:-1px; margin:46px 0 0 -30px !important;}
.ddd {color:#FF6600; margin-right:4px;}

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

/*-----------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;}
.confira {color:#FF6600; padding:0px; font-size:18px; text-decoration:none;}
.confira:hover {background-color:#FF6600; color:#FFF; text-decoration:none;}

h1 {font-weight:bold; font-size:16px; color:#FF6600; margin-bottom:6px;}

.colunas {float:left; width:206px; margin:0 52px 10px 0;}
.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 0 0;}
.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:180px 0 0 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:-59px 0 0 156px;}

#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;}


.galeria-videos {width:65px; float:left; margin-right:2px;}