@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
img{border:none;}
body {background:#636363 url(../imagens/background.jpg) repeat-x;}
@font-face{font-family:Century; font-style:normal; font-weight:normal; src:url(../CENTURY0.eot);}
@font-face{font-family:Bradley Hand ITC; font-style:normal; font-weight:normal; src:url(../BRADLEY0.eot);}
@font-face{font-family:Oldstyle Italic; font-style:normal; font-weight:normal; src:url(../OLDSTYL0.eot);}

/*ESTRUTURA*/
div#principal{position:relative; margin:auto; width:828px;}
div#principal div#topo{position:relative; float:left; width:814px; height:219px; margin:0px 0px 0px 14px;}
div#principal div#topo img.logotipo{position:relative; float:left; margin-top:53px;}
div#principal div#topo .banner{position:relative; float:right;}
div#principal div#corpo{position:relative; float:left; width:828px; background:url(../imagens/corpo_bg.jpg) repeat-y 14px 0px;}
div#principal div#corpo div#menu_lateral{position:relative; float:left; width:219px; padding-bottom:20px;}
div#principal div#corpo div#conteudo{position:relative; float:left; width:595px;}
div#principal div#corpo div#conteudo div#menu_superior{position:relative; float:left; width:537px; height:42px; background:url(../imagens/menu_bg.jpg) repeat-x; margin:0px 0px 0px 2px; padding:0px 28px;}
div#principal div#rodape{float:left; width:800px; height:58px; background:#ebfaff; margin:4px 0px 0px 14px;}

/*MENU LATERAL*/
div#principal div#corpo div#menu_lateral img.titulo{margin:0px 0px 0px 14px;}
div#principal div#corpo div#menu_lateral ul{position:relative; float:left; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0px 0px 0px; padding:0px;}
div#principal div#corpo div#menu_lateral h2{font-family:Oldstyle Italic; font-size:16px; font-weight:normal; color:#025d86; padding:9px 0px 0px 20px;}

div#principal div#corpo div#menu_lateral ul li{position:relative; float:left; width:219px;}
div#principal div#corpo div#menu_lateral ul li h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#025d86; text-transform:uppercase; background:url(../imagens/menu_lateral_titulo_bg.png) no-repeat; height:14px; padding:9px 0px 0px 20px;}
div#principal div#corpo div#menu_lateral ul li h2 a{color:#025d86; text-decoration:none;}

div#principal div#corpo div#menu_lateral ul li ul{margin:0px;}
div#principal div#corpo div#menu_lateral ul li ul li a{color:#606060; background:url(../imagens/menu_lateral_marcador.jpg) no-repeat left center; margin:0px 0px 0px 30px; text-decoration:none; padding-left:8px;}
div#principal div#corpo div#menu_lateral ul li ul li ul li a{color:#2492c9; background:url(../imagens/menu_lateral_marcador2.jpg) no-repeat left center; margin:0px 0px 0px 50px;}

/*TEXTOS*/
div#principal div#corpo div#conteudo h1{font-family:Century; font-size:23px; color:#01a7f4;  letter-spacing:-1px;}
div#principal div#corpo div#conteudo p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#686868;}

/*RODAPÉ*/
div#principal div#rodape p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#7c7c7c; text-align:center;}
div#principal div#rodape p a{color:#7c7c7c;}
div#principal div#rodape p a:hover{color:#333333; text-decoration:none;}
div#principal div#rodape ul{list-style:none; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:8px 0px 0px 0px;}
div#principal div#rodape ul li{display:inline; color:#067cb0; margin:0px 0px 0px 5px;}
div#principal div#rodape ul li a{color:#067cb0; text-decoration:none; margin:0px 5px 0px 0px;}
div#principal div#rodape ul li a:hover{color:#013c65; text-decoration:underline;}

/*ART4MIND*/
div#principal a.art4mind{position:relative; float:right; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#bebebe; text-decoration:none; margin:10px 10px 20px 0px; background:url(../imagens/art4mind_logotipo.jpg) no-repeat right top; height:18px; padding:12px 25px 0px 0px;}
div#principal a.art4mind:hover{color:#FFFFFF; background-position:bottom right;}

/*MENU SUPERIOR*/
div#principal div#corpo div#conteudo div#menu_superior img{position:relative; float:left;}
div#principal div#corpo div#conteudo div#menu_superior a{position:relative; float:left; font-size:16px; color:#676666; text-decoration:none; width:101px; height:37px; text-align:center; font-family:Arial, Helvetica, sans-serif; padding:5px 0px 0px 0px;}
div#principal div#corpo div#conteudo div#menu_superior a:hover, div#principal div#corpo div#conteudo div#menu_superior a.ativo{background:url(../imagens/menu_bg_botao.jpg) no-repeat; color:#ffffff;}