a{ color: #4f5050; text-decoration: none; }
a:hover{ color: #000; text-decoration: underline; }

body{ background: url(../img/bg.gif) repeat-y center top;  background-color: #FFF; color: #4f5050; font: 14px "Arial", Helvetica, sans-serif; margin: 0px; }
*{ line-height: 120%; }
h2{ font-size: 16px; margin: 0px; }
ul{ list-style:none; display: inline; }
li{ float: left; }
img{ border: 0px; }
.contato{ float: right; }

/*--- Classes das imagens ---*/
.img1{ float: left; margin-top: 26px; padding-left: 0px;}
.img2{ float: left; margin-left: 4px; margin-top: 26px; }
.img3{ float: left; margin-top: 26px; margin-left: 4px; }
.img4{ float: left; margin-top: 4px; }
.img5{ float: left; margin-left: 4px; margin-top: 4px; }
.img6{ float: left; margin-left: 4px; margin-top: 4px; }

.logo{ float: left; } 
.contato-topo{ float: left; }
.saiba-mais { color: #CA0005; font-weight: bold; }
.obrigatorio { color: #F00; }
.iframe { border: 1px solid #c4c4c4; float: left; }

input { width: 300px; font: 14px "Arial", Helvetica, sans-serif;  color: #4f5050; border: 1px solid #a8a8a8; }
textarea { width: 300px; font: 14px "Arial", Helvetica, sans-serif; color: #4f5050; border: 1px solid #a8a8a8; }
.btn-enviar { width: 100px; background-color: #FFF; letter-spacing: 1px; padding: 1px; }

.mapa{ float: left; margin: 15px; padding-left: 30px; }
.pmapa{ padding-top: 50px; }

#principal{ background: #f6f6f6; display: table; margin-left: auto; margin-right: auto; width: 943px; }
#principal #animacao{  width: 99%; margin: 0 auto; text-align: center;  margin-top: 8px; margin-bottom: 8px; }
#principal #conteudo{ width: 943px; background-image: url(../img/bg-meio.gif); background-repeat: repeat-y; float: left; }
#principal #conteudo #banner-principal{ border: 1px solid #66CC66; width: 927px; margin: 0px; float: left; text-align: center; display: table; }
#principal #conteudo #sub{ margin: 0px auto; padding: 5px; width: 97%; }
#principal #conteudo #sub #desenvolvimento{ width: 520px; margin-top: 170px; float: right;  text-align: center; }
#principal #conteudo #sub object{ float: left; border: 1px solid #cbcbcb; }
#principal #conteudo #sub #material{ width: 600px; float: right; }
#principal #conteudo #sub #material p{ margin-bottom: 12px; margin-top: 20px; }
#principal #conteudo #sub #material #jogos{ float: left; width: 186px; height: 204px; text-align: center; font-size: 11px; border: 1px solid #e6e6e6; margin: 5px; }
#principal #conteudo #sub #material #jogos a{ color: #CC3300; } 
#principal #conteudo #sub #material #jogos p{ margin: 0px; margin-top: 2px; margin-bottom: 4px; }

.titulo-jogo { font-weight: bold; text-align: center; font-size: 14px; color: #666666; }
.titulo-jogo a{ font-weight: bold; text-align: center; font-size: 14px; color: #666666; }

#principal div#menu-topo { float:left; height:58px; width:943px }
#principal div#menu-topo ul { list-style:none; margin:0; padding:0}
#principal div#menu-topo ul li { float: left}
#principal div#menu-topo ul li a.parque { text-indent:-5000em; background: url(../img/menu.gif) no-repeat 0 0; width: 85px; height: 58px; display:block}
#principal div#menu-topo ul li a.parque:hover { background-position: 0 -58px }
#principal div#menu-topo ul li a.aniversarios { text-indent:-5000em; background: url(../img/menu.gif) no-repeat -85px 0; width: 139px; height: 58px; display:block}
#principal div#menu-topo ul li a.aniversarios:hover { background-position: -85px -58px }
#principal div#menu-topo ul li a.pacote-escolar { text-indent:-5000em; background: url(../img/menu.gif) no-repeat -224px 0; width: 162px; height: 58px; display:block}
#principal div#menu-topo ul li a.pacote-escolar:hover { background-position: -224px -58px }
#principal div#menu-topo ul li a.seguranca { text-indent:-5000em; background: url(../img/menu.gif) no-repeat -386px 0; width: 122px; height: 58px; display:block}
#principal div#menu-topo ul li a.seguranca:hover { background-position: -386px -58px }
#principal div#menu-topo ul li a.regulamento { text-indent:-5000em; background: url(../img/menu.gif) no-repeat -508px 0; width: 142px; height: 58px; display:block}
#principal div#menu-topo ul li a.regulamento:hover { background-position: -508px -58px }
#principal div#menu-topo ul li a.webcam { text-indent:-5000em; background: url(../img/menu.gif) no-repeat -650px 0; width: 105px; height: 58px; display:block}
#principal div#menu-topo ul li a.webcam:hover { background-position: -650px -58px }
#principal div#menu-topo ul li a.novidades { text-indent:-5000em; background: url(../img/menu.gif) no-repeat -755px 0; width: 118px; height: 58px; display:block}
#principal div#menu-topo ul li a.novidades:hover { background-position: -755px -58px }
#principal div#menu-topo ul li a.jogos { text-indent:-5000em; background: url(../img/menu.gif) no-repeat -873px 0; width: 70px; height: 58px; display:block}
#principal div#menu-topo ul li a.jogos:hover { background-position: -873px -58px }

#principal #topo{ height: 161px; }

#rodape{ margin: 0px auto; height: 172px; width: 943px; }
#rodape #endereco{ width: 450px; margin: 0 auto; display: table; }
#rodape h2{ float: left; margin-left: 64px; margin-bottom: 5px; margin-top: 10px; font-size: 13px; }
#rodape p{ text-align: center; width: 95%; float: left; margin: 0px;  margin-bottom: 12px; margin-left: 6px; font-size: 12px; }

#total{ background-image: url(../img/total-rodape-bg.gif); background-repeat: no-repeat; background-position: center top;  background-color: #FFF; height: 172px; margin: 0px auto; }
#total-1{ background-image: url(../img/total-rodape-bg.gif); background-repeat: no-repeat; background-position: center top; background-color: #FFF; height: 262px; margin: 0px auto; } 
#webcam{ width: 178px; border: 1px solid #c4c4c4; float: right; background: #e3e3e3; padding: 4px }
.numero-webcam { color: #900; font-weight: bold; }

div#principal div#sub div#mais-jogos { float: right; height: 50px; margin-top: 10px }
div#principal div#sub div#mais-jogos a#opt1 { background: url(../jogos/btn-mais-jogos.gif) no-repeat 0 -1px; display: block; width: 117px; height: 39px; text-indent: -5000em }
div#principal div#sub div#mais-jogos a:hover#opt1 { background-position: 0 -40px }