@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
img{border:0px}
body{background:url(../imagens/bg.jpg) repeat-x #d0d0d0}
#site{width:808px; height:100%; margin:auto}

@font-face{font-family:Century Gothic; font-style:normal; font-weight:normal; src: url(../eot/CENTURY0.eot);}

#topo{position:relative; width:808px; height:116px;}
#topo img{margin:30px 80px 0px 20px; float:left;}
#topo #avisotopo{position:relative; float:left; width:50px; height:116px; }
#topo #news, #topo #indique{position:relative; float:left; width:176px; height:100%;  margin:0px 0px 0px 30px; background:#c3c3c3; z-index:1}
#topo #indique div, #topo #news div{position:absolute; bottom:0; width:176px; height:30px; margin:0px; background:url(../imagens/bg_news.jpg) no-repeat left bottom; z-index:-1;}
#topo #news p{font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#303030; text-align:right; margin:10px 15px 3px 0px;}
#topo #indique p{font-family:"Arial", Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#303030; text-align:right; margin:10px 15px 7px 0px;}
#topo #news p span, #topo #indique p span{font-size:10px; font-weight:normal; color:#7f7f7f; line-height:11px;}
#topo #news input, #topo #indique input{background:#c3c3c3; border:1px solid #adadad; font:Arial, Helvetica, sans-serif; font-size:11px; color:#7c7c7c; margin:0px 15px 2px 11px;}
#topo #news .botao, #topo #indique .botao{font-size:14px; font-weight:normal; text-align:center; margin:0px 0px 0px 0px; cursor:hand;cursor:pointer}

#sombra_esquerda, #sombra_direita{width:5px; height:100%; float:left;}
#sombra_esquerda img, #sombra_direita img{float:left;}
#sombra_esquerda div{width:5px; height:100%; float:left; background:url(../imagens/sombra_esq.png) repeat-y;}
#sombra_direita div{width:5px; height:100%; float:left; background:url(../imagens/sombra_dir.png) repeat-y;}

#menu{position:relative; float:left; width:808px; height:82px;}
#menu img{position:relative; float:left;}
#menu div{position:relative; float:left; width:798px; height:82px; background:url(../imagens/bg_menu.png) repeat-x;}
#menu div ul{margin:4px 0px 0px 25px;  }
#menu div ul li{list-style:none; float:left; font-family:Century Gothic; font-size:18px; color:#5b5b5b; padding:0px 5px 0px 5px; line-height:51px; display:inline; }
#menu div ul li img{vertical-align:middle; float:none;}
#menu div ul li a{color:#5b5b5b; text-decoration:none}
#menu div ul li a:hover{color:#000}

#menu div ul li.ativo{background:url(../imagens/bg_botao_menu.jpg) repeat-x left top; color:#FFF;}
#menu div ul li.imagem{padding:0px;}
#menu div ul li.imagem img{position:relative; float:left;}

#conteudo{position:relative; float:left; width:760px; background:url(../imagens/bg_conteudo.png) repeat-y; padding:0px 24px}
#conteudo #flash{position:relative; width:760px; height:160px;}
#conteudo h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; text-transform:uppercase; color:#e15500; background:url(../imagens/marcador_h1.jpg) no-repeat left 2px; line-height:16px; padding-left:25px; margin:15px 0px 10px 0px}
#conteudo p{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#7d7d7d}

#conteudo .saibamais{float:right; line-height:18px; height:18px; cursor:hand; margin:5px 5px 10px 0px; display:block}
#conteudo .saibamais .esquerda{position:relative; float:left; height:18px; width:5px; background:url(../imagens/botao_esquerda.jpg) no-repeat}
#conteudo .saibamais .direita{position:relative; float:left; height:18px; width:5px; background:url(../imagens/botao_direita.jpg) no-repeat}
#conteudo .saibamais .texto{float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFF; line-height:18px; height:18px; background:url(../imagens/bg_botao.jpg) repeat-x;}
#conteudo .saibamais:hover .esquerda, #conteudo .saibamais:hover .direita, #conteudo .saibamais:hover .texto{background-position:bottom left}
#conteudo .saibamais .texto a{color:#FFF; text-decoration:none}


#rodape{position:relative; float:left; width:808px; height:80px;}
#rodape img{position:relative; float:left; margin:0px}
#rodape div{position:relative; float:left;width:798px; height:55px; background:url(../imagens/bg_rodape.png) repeat-x top left;}
#rodape div p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-align:center;  line-height:55px; vertical-align:middle;}
#rodape p.logo{float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444; text-transform:uppercase; text-align:right; background:url(../imagens/logo_art4mind.png) no-repeat right top; padding-right:25px; margin-right:5px}
#rodape p.logo span{font-size:10px; color:#838383; text-transform:lowercase;}
#rodape p.logo a{color:#444; text-decoration:none}
#rodape p.logo a:hover{text-decoration:underline}
#rodape p.logo span a{color:#838383; text-decoration:none}
#rodape p.logo span a:hover{text-decoration:underline}