body { font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
#geral { width:100%; height:100%; background:url(../imagens/fundo-sombra.jpg) repeat-y center; float:left;}
#pagina { width:100%; height:100%; min-height:700px; margin:0px auto; background:url(../imagens/foto-fundo-dioxxy.jpg) top center no-repeat; }
#ativo {width:880px; height:100%; margin:0px auto;}
#topo { width:880px; height:345px; float:left;}
#topo #logo { width:100%; float:left;}
#topo #logo img { margin-top:40px;}
#topo #destaque { float:right; width:595px; height:202px; margin-top:40px;}
#topo #menu { width:260px; float:left; height:202px; margin-top:40px;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880; margin-top:10px; margin-bottom:10px; padding:10px;}
a:link { color:#669900; font-weight:bold;}
a:hover {color:#000; font-weight:bold;}
a:visited {color:#669900; font-weight:bold;}

/* MENU */
a {text-decoration:none;}
#topo #menu #minicio {width:265px;height:24px;background: url(../imagens/menu-dioxxy.gif);display:block;float:left;background-position:0px 0px;margin-right:10px;text-indent:-5000px;}
#topo #menu #minicio:hover {background-position:-278px 0px;}
#topo #menu #macasa {width:265px;height:24px;background: url(../imagens/menu-dioxxy.gif);display:block;float:left;background-position:0px -29px;margin-right:10px;margin-top:6px; text-indent:-5000px;}
#topo #menu #macasa:hover {background-position:-278px -29px;}
#topo #menu #magenda {width:265px;height:24px;background: url(../imagens/menu-dioxxy.gif);display:block;float:left;background-position:0px -59px;margin-right:10px;margin-top:6px; text-indent:-5000px;}
#topo #menu #magenda:hover {background-position:-278px -59px;}
#topo #menu #mfotos {width:265px;height:24px;background: url(../imagens/menu-dioxxy.gif);display:block;float:left;background-position:0px -89px;margin-right:10px;margin-top:6px; text-indent:-5000px;}
#topo #menu #mfotos:hover {background-position:-278px -89px;}
#topo #menu #mvideos {width:265px;height:24px;background: url(../imagens/menu-dioxxy.gif);display:block;float:left;background-position:0px -118px;margin-right:10px;margin-top:6px; text-indent:-5000px;}
#topo #menu #mvideos:hover {background-position:-278px -118px;}
#topo #menu #mmural {width:265px;height:24px;background: url(../imagens/menu-dioxxy.gif);display:block;float:left;background-position:0px -149px;margin-right:10px; margin-top:6px;text-indent:-5000px;}
#topo #menu #mmural:hover {background-position:-278px -149px;}
#topo #menu #mcontato {width:265px;height:24px;background: url(../imagens/menu-dioxxy.gif);display:block;float:left;background-position:0px -180px;margin-right:10px; margin-top:6px; text-indent:-5000px;}
#topo #menu #mcontato:hover {background-position:-278px -180px;}
/* FIM MENU */
#conteudo { width:880px; height:100%; _height:500px; min-height:500px; float:left; margin-top:20px;}
#conteudo h1.acasa {width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -0px; text-indent:-5000px;}
#conteudo h1.agenda {width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -29px; text-indent:-5000px;}
#conteudo h1.fotos {width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -59px; text-indent:-5000px;}
#conteudo h1.videos {width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -205px; text-indent:-5000px;}
#conteudo h1.mural {width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -118px; text-indent:-5000px;}
#conteudo h1.contato {width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -178px; text-indent:-5000px;}

.titulo { font-weight:bold; color:#669900; margin-top:20px; margin-bottom:10px; }
#conteudo .agendainterna { width:415px; height:270px; float:left; margin:10px; color:#666;}
#conteudo .agendainterna h4 { font-weight:bold; color:#669900; margin-bottom:3px; font-size:14px;}
#conteudo .agendainterna .data { font-weight:bold; color:#666; font-size:14px; margin-bottom:10px;}
#conteudo .agendainterna img {margin-top:10px; margin-bottom:10px;}
#conteudo .agendainterna:hover { background-color:#F0F0F0;}
#conteudo .agendainterna p {line-height:18px;}
#conteudo .divvideos { width:250px; height:65px; float:left; padding:5px; border:1px solid #fff; margin:10px;}
#conteudo .divvideos:hover {border:1px solid #ccc; background-color:#F0F0F0;}
#conteudo .divvideos .imgvideos { float:left; margin-right:5px; }
#conteudo .divvideos h2 { color:#669900; font-weight:bold; margin-left:5px;}
#conteudo #escreverrecado { float:left; width:320px;color:#666; height:100%; border-right:1px dashed #CCC; margin-top:10px;}
#conteudo #mostrarrecados { width:540px; float:right;}
#conteudo #mostrarrecados .divrecados { line-height:18px; border-bottom:1px dashed #CCC; padding-bottom:10px; margin-top:10px;}
#conteudo #mostrarrecados .divrecados strong { font-weight:bold; color:#669900; }
input.rec, textarea.rec { border:1px solid #999; width:95%;}
.btn {width:90px; background:url(../imagens/menu-dioxxy.gif) no-repeat; display:block; float:right;background-position:5px -215px; text-indent:-5000px; border:0px; cursor:pointer;}
#atencao {width:97px; height:31px; background:url(../imagens/menu-dioxxy.gif) no-repeat; display:block; float:left; background-position:-270px -215px; text-indent:-5000px; border:0px; cursor:help;}
#conteudo #informacoescontato { width:300px; float:left; height:100%; line-height:18px; }
#conteudo #formulario { float:right; width:560px; margin-top:5px; border-left:1px dashed #CCC; padding-left:15px;}
#conteudo #formulario .botao { background-color:#669900; border:1px solid #FFF; color:#FFF; font-weight:bold; float:right; margin-right:20px;}
#conteudo #localizacao { width:100%; float:left; height:100%; min-height:350px;}
#conteudo #fotoscasa {width:350px; float:left; height:100%; min-height:300px;}
#conteudo #fotoscasa img { padding:5px; border:1px solid #CCC; background-color:#F0F0F0; margin:5px;}
#conteudo #fotoscasa img:hover { padding:5px; border:1px solid #CCC; background-color:#669900;}
#conteudo #historiacasa { width:500px; float:right; height:100%; min-height:300px;}
#conteudo #buscafotos { height:100%; _height:30px; width:97%; float:left; background-color:#F0F0F0; border:1px solid #CCC; padding:10px; margin-top:10px;}
#conteudo #buscafotos h2 { color:#669900; font-weight:bold;}
#conteudo #buscafotos #Buscafto strong {  margin-top:3px;}
#conteudo #buscafotos #Buscafto #bnome {width:120px; background:url(../imagens/menu-dioxxy.gif) no-repeat; background-position:5px -245px; text-indent:-5000px; border:0px; cursor:pointer;}
#conteudo #buscafotos #Buscafto #bdata {width:120px; background:url(../imagens/menu-dioxxy.gif) no-repeat; background-position:-121px -245px; text-indent:-5000px; border:0px; cursor:pointer;}
#conteudo #buscafotos #Buscafto { width:100%; height:100%; float:left; color:#999;}
#conteudo #buscafotos #Buscafto input { border:1px solid #CCC; color:#333;}
#conteudo #galerias { width:100%; height:100%; float:left;}
#conteudo #galerias .divfotos { width:200px; height:100%;  float:left; padding:5px; margin:5px; _margin:3px;}
#conteudo #galerias .divfotos:hover { background-color:#FC0;}
#conteudo #galerias .divfotos h3 { font-size:10px;  margin: 5px 5px 5px 0px;}
#conteudo #galerias .divfotos .datafotos { color:#666; font-size:10px; font-weight:bold;}

#esquerda{ width:268px; float:left; margin-top:20px;}
#agenda { width:268px; min-height:350px; height:100%; float:left;}
#agenda a{ font-weight:normal;}
#agenda h1 { width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -29px; text-indent:-5000px;}
#agenda .divagenda { width:258px; min-height:130px; height:100%; float:left; margin-top:5px; padding:5px; }
#agenda .divagenda p {line-height:18px; color:#666;}
#agenda .divagenda:hover { background-color:#F0F0F0;}
#agenda .divagenda h2 { font-weight:bold; color:#669900; margin-bottom:3px;}
#agenda .divagenda .data { font-size:14px; font-weight:bold; color:#666; }
p.texto { line-height:18px; color:#666;}
#newsletter {width:268px; height:226px; float:left;margin-top:10px;}
#newsletter #CadNewsletter input { border:1px solid #CCC; background-color:#F0F0F0; width:98%; font-size:12px; }
#newsletter #CadNewsletter .btn { width:90px; background:url(../imagens/menu-dioxxy.gif) no-repeat; display:block; float:right;background-position:5px -215px; text-indent:-5000px; border:0px; cursor:pointer;}
#newsletter #CadNewsletter {color:#669900; font-size:10px;}
#newsletter h2 {width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -88px; text-indent:-5000px;}
#direita { width:600px; float:right; height:100%; margin-top:20px;}
#galeria { width:600px; height:300px; _height:270px; float:right;}
#galeria .divfotos { width:280px; height:300px; _height:270px; float:right; padding:5px;}
#galeria .divfotos h3 { font-size:12px;  margin: 5px 5px 5px 0px;}
#galeria .divfotos .datafotos { color:#666; font-size:10px; font-weight:bold;}

#galeria h2 {width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -59px;text-indent:-5000px;}
#mural {width:295px; height:100%; float:left;margin-top:10px;}
#mural .divrecados strong { font-weight:bold; color:#669900; }
#mural .divrecados { line-height:18px; height:120px; width:100%; margin-top:10px; float:left;}
#mural .divrecados:hover {background-color:#F0F0F0;} 
#mural h3 {width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -118px;text-indent:-5000px;}
#video{width:295px; float:right; height:100%; margin-top:10px;}
#video h3 {width:100%; height:27px; background: url(../imagens/menu-dioxxy.gif) no-repeat #669900;display:block;float:left;background-position:-549px -148px;text-indent:-5000px;}
#video h4 { font-weight:bold; color:#669900; margin-top:10px; margin-bottom:10px; float:left;}
#rodape { width:860px; height:40px; background-color:#669900; float:left; margin-bottom:20px; margin-top:10px; padding:10px;}
#rodape #webfire {float:right;}
#rodape #copyright { float:left; color:#FFF; width:80%; line-height:18px; font-size:10px;}
a.rp:link { color:#FFF;}
a.rp:hover { color:#000;}
a.rp:visited { color:#fff;}
#preview{position:absolute;	border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}
#screenshot{position:absolute; border:1px solid #ccc; background:#fff; padding:5px; display:none; color:#fff;}