/**********
 * Gerais
 **********/
body{background:transparent url(/images/fundo_comSombra1248x78.png) repeat top center; font:normal normal normal 11px verdana, arial;}
div#container{width:750px; background:#f00 url(/images/CorFundoDegrade.jpg) repeat-x top left;}
div#topo{background:#000 url(/images/Menu_fundo_750x150.jpg) no-repeat left top; }
div#rodape{background:transparent url(/images/ImagemRodape750x118.png) repeat-x top left; height:78px; text-align:center; padding-top:40px;}
h2{position:absolute; left:-1999em;}
a{color:#000; font-weight:bold; text-decoration:none; outline:none;}
a:hover{color:#7F0909; text-decoration:underline;}

/********
 * Topo
 *******/
div#topo h1#logo{width:750px; height:150px; }
div#topo ul{border:1px solid #B78C07; border-left:none; border-right:none; list-style:none; list-style-position:inside; float:left; clear:both; width:750px; margin:0px 0px 10px 0px; padding:5px 0px;}
div#topo ul li{float:left; clear:none; color:#fff; border-right:1px solid #fff; margin-left:10px; padding-right:5px;}
div#topo ul li.first{margin-left:30px;}
div#topo ul li.last{border-right:none;}
div#topo ul li a{color:#fff; text-decoration:none;}
div#topo ul li a:hover{text-decoration:underline;}
div#topo #fullBanner{clear:both; background:transparent url(/images/banner_capa700x85.jpg) no-repeat top left; width:750px; height:85px; margin:0px 0px 10px 0px; }

/*********
 * Rodape
 ********/
div#rodape span.direitos{display:block; color:#fff; font-weight: bold; margin:10px 0px 0px 0px;  }
div#rodape address{margin:3px 0px; color:#fff; }
div#rodape ul{list-style:none; margin-left:225px; float:left;}
div#rodape ul li{float: left; clear:none; color:#fff; border-right:1px solid #fff; padding-right:10px; margin-left:10px;}
div#rodape ul li a{color:#fff;}
div#rodape ul li.first{border-left:1px solid #fff; padding-left:10px; }
div#rodape a.litoralmania{float:right; clear:none; margin-top:-20px;}

/*******
 * CAPA
 ******/
div#capa h3{text-indent:-1999em; position:absolute; left:-1999em;}
div#capa ol#fotos, div#capa div#agenda, div#capa div#alugue, div#capa div#cadastro,
div#capa div#capaCamarote, div#capa div#orkut, div#capa ol#mural, h3#publicidadeTop{ background:transparent url(/images/CapaFotos_345x475.png) no-repeat top left; float:left;}

div#capa ol#fotos{list-style:none; margin:10px 0px 0px 5px; }
div#capa ol#fotos{background-image:url(/images/CapaFotos_345x475.png); width:345px; height:445px; margin-top:10px; padding-top:30px;}
div#capa ol#fotos li{background:transparent url(/images/CapaImgDiv_305x8.png) bottom center no-repeat; margin:0px 15px 5px 15px; height:110px; padding-bottom: 7px; }
div#capa ol#fotos li.preLast, div#capa ol#fotos li.last{background:none; padding:0px;}
div#capa ol#fotos li.last{height:auto; margin-top:-5px; text-align:right;}
div#capa ol#fotos li dl{ margin:17px 0px;}
div#capa ol#fotos li dl dt{float:left; clear:none; width:120px; height:90px; overflow:hidden; margin-right:10px;}

div#capa div#agendaCapa{background-image:url(/images/CapaFundoBanner_380x365.png); float:right; width:380px; height:333px; margin:10px 5px 0px 0px; text-align:center; padding-top:32px;}
div#capa div#agendaCapa img{margin:5px 0px 5px 7px; width:350px; height:150px; border:1px solid #000; }

div#capa div#alugue{background-image:url(/images/CapaAlugue_350x120.png); width:350px; height:120px; margin:5px 0px 0px 30px;}
div#capa div#alugue p{text-indent:-1999em;}
div#capa div#alugue p br{position:absolute;}

div#capa div#cadastro{background-image:url(/images/CapaCadastro_325x80.png); width:325px; height:80px; margin-left:10px; }
div#capa div#cadastro a{display:block; width:325px; height:80px; text-indent:-1999em;}

div#capa div#capaCamarote, div#capa div#orkut{background-image:url(/images/CapaCamarote_160x55.png); width:160px; height:55px; margin: 12px 0px 0px 30px; }
div#capa div#capaCamarote a, div#capa div#orkut a{display:block; width:160px; height:55px; text-indent:-1999em;}
div#capa div#orkut{background-image:url(/images/CapaOrkut_160x55.png); }

div#capa ol#mural{background-image:url(/images/CapaMural_720x200.png); width:682px; height:178px; list-style:none; padding:22px 8px 0px 30px; margin-top:20px }
div#capa ol#mural li{border-bottom:2px dotted red; padding:4px 0px; line-height:14px; height:28px;}
div#capa ol#mural li.last{border:none; text-align:right; margin-top:2px; }

div#publicidade{background-color:#fff; float:left; clear:both; width:724px; height:170px; margin:0px 0px 20px 10px; padding-left:6px; }
div#publicidade div, div#publicidade object{float:left; clear:none; background-color:#c0c0c0; width:165px; height:150px; margin:10px 7px;}
h3#publicidadeTop{background-image:url(/images/CapaPublicidade.png); width:117px; height:25px; margin:0px 0px -3px 20px; position:static; text-indent:-1999em; clear:both;}

/*********
 * Fotos
 *********/
div#album, div#agenda, div#camarote, div#mural, div#dinamica, div#contato{margin:40px 20px 20px 20px; background-color:#fff; border:1px dotted #000;}
div#album h2, div#agenda h2, div#camarote h2, div#mural h2, div#dinamica h2, div#contato h2 {background:transparent url(/images/CapaImgFotos.png) no-repeat top left; position:static; text-indent:-1999em; margin:-20px 0px 0px 20px}
div#album p{text-align:center;}
div#album ul.list{list-style:none; margin-left:15px;}
div#album ul.list li{float:left; clear:none; margin:5px; width:155px; height:175px; padding:2px; text-align:center; overflow:hidden;}
div#album ul.list li a{display:block; clear:both;}
div#album div.paginacao{text-align:center; float:left; clear:both; width:inherit; margin:10px;  }
div#album div.paginacao a{padding:0px 6px 0px 4px; border-right:1px solid #000; font-weight:bold;}
div#album div.paginacao a.selected{text-decoration:none;}
div#album div.paginacao a.last{border-right:none;}
div#album ul.detail{list-style:none; margin-left:25px;}
div#album ul.detail li{float:left; clear:none; margin:3px 6px;}
div#album a.todos{float:right;  clear:both; text-align:right; font-weight:bold; padding:20px;}
div#album h4{font-size:1em; font-weight:bold; text-align:center;}
h5.topUltimasFestas{background:transparent url(/images/TopoUltimasFestas122x22.png) no-repeat top left; width:127px; height:22px; margin:0px 0px -2px 20px; float:left; clear:both; text-indent:-1999em; z-index:0;}
ul#ultimasFestas{background-color:#fff; float:left; clear:both; list-style:none; border:1px dotted #000; z-index:999;}
ul#ultimasFestas li{float:left; clear:none; background:transparent url(/images/DivisoriaUltFestas6x107.png) no-repeat top right; margin:15px 0px 10px 5px; padding-right:10px; width:163px; text-align:center; }
ul#ultimasFestas li.last{padding-right:0px; background:none;}
ul#ultimasFestas li a{ display:block; clear:both; }

/*********
 * Agenda
 *********/
div#agenda h2{background-image:url(/images/CapaImgAgenda.png); height:33px;}
div#agenda h4{text-align:right; margin:10px 20px; font-weight:bold; font-style:italic; font-size:1.5em; border-bottom:1px dotted #000; clear:both;}
div#agenda dl{ margin:20px; list-style:none; float:left;}
div#agenda dl dt{float:left; clear:left;}
div#agenda dl dd{float:left; width:490px; font-weight:bold;}
div#agenda dl dt img{width:160px; height:200px;}
div#agenda dl dd.descricao{font-weight:normal;}
div#agenda dl dd.finalizador{float:left; clear:both; display:block; border-bottom:1px dotted #000; width:690px; margin:20px 0px 25px -10px;}
div#agenda dl dd.last{margin:0px 0px 20px 0px; border:none;}

/************
 * Camarote
 ***********/
div#camarote h2{background-image:url(/images/TopoReservasCamarotes.png);}
div#camarote p{text-align:center; margin-bottom:10px;}
div#camarote ul{list-style:none; margin-left:12px;}
div#camarote ul li{float:left; clear:none; width:160px; text-align:center; margin:5px;}
div#camarote ul li img{ width:130px; height:150px;}

/*********
 * Mural
 ********/
div#mural h2{background-image:url(/images/TopoMuralRecados216x18.png);}
div#mural div.mensagem{background:transparent url(/images/DivisoriaMuralBlue600x13.png) no-repeat top left; }
div#mural div.mensagemAlt{background:transparent url(/images/DivisoriaMuralRed600x14.png) no-repeat top left; }
div#mural div.mensagem, div#mural div.mensagemAlt{background-color:#efefef; margin:10px 20px; padding:15px 5px 5px 5px;}
div#mural p{text-align:center;}
div#mural a{margin-left:310px;}
div#mural div.mensagem p, div#mural div.mensagemAlt p{margin:0px; text-align:left;}
div#mural div span{font-weight:bold;}
div#mural div#messageBox, div#contato div#messageBox{display:none; width:400px; margin:10px 0px 0px 140px;}
div#mural div#messageBox ul, div#contato div#messageBox ul{margin-bottom:0px;}
div#mural form{background-color:#DCDCDC; margin:10px 20px; padding:10px 0px; overflow:auto; display:none;}
div#mural form fieldset{background-color:#fff; margin:10px; padding:0px 130px;}
div#mural form fieldset label{float:left; clear:left; width:80px; margin-bottom:5px;}
div#mural form fieldset input,div#mural form fieldset textarea{float:left; clear:none; margin-bottom:5px; font-size:1em; width:300px;}
div#mural form fieldset textarea{margin-top:0px; width:295px; height:100px; font-size:12px; font-family:verdana;}
div#mural form fieldset input.botao{float:right; clear:both; width:auto;}
div#mural form span.fechar{float:right; clear:both; margin-right:10px; font-weight:bold; cursor:pointer;}

/*********
 * Pagina
 ********/
div#dinamica h2{margin:-30px 0px 0px 10px;}
div#dinamica h2.quem_somos{background-image:url(/images/TopoQuemSomos.png);}
div#dinamica h2.localizacao{background-image:url(/images/TopoLocalizacao.png);}
div#dinamica h2.regras_da_casa{background-image:url(/images/TopoRegras185x34.png);}
div#dinamica h2.ambientes{background-image:url(/images/TopoAmbientes124x28.png);}
div#dinamica{padding:10px;width:710px; margin-left:9px;}

/**********
 * Contato
 *********/
div#contato{ padding-bottom:20px;}
div#contato h2{background-image:url(/images/TopoFaleConosco.png);}
div#contato p{ text-align:center;}
div#contato fieldset{width:493px; margin:0px auto;}
div#contato fieldset label{float:left; clear:left; width:80px;}
div#contato fieldset input, div#contato fieldset textarea{float:left; clear:none; margin-bottom:5px; font-size:1em; width:200px; }
div#contato fieldset input.botao{float:right; clear:both; width:auto;}
div#contato fieldset textarea{margin-top:0px; width:400px; height:100px; font-size:12px; font-family:verdana;}
div#contato div#messageBox{margin-bottom:10px;}

/*************
 * Newsletter
 ************/
div#formNewsletter{display:none; position:absolute; width:350px; height:229px; background:transparent url(/images/FundoCadastro350x186.png) no-repeat top left; top:600px; left: 50%; margin-left:-175px;}
div#formNewsletter fieldset{padding:0px; border:none;float:left; clear:both; width:350px;}
div#formNewsletter fieldset input{float:left; clear:none; margin-bottom:5px; font-size:1em; width:250px; }
div#formNewsletter fieldset input.botao{float:right; clear:both; width:auto;}
div#formNewsletter fieldset label{float:left; clear:left; width:55px; margin-left:15px; font-weight:normal;}
div#formNewsletter p{text-align:center; clear:both;  margin:10px 0px 10px 0px;}
div#formNewsletter span.fechar{float:right; clear:both; margin-right:10px; font-weight:bold; cursor:pointer; color:#000;}
div#formNewsletter fieldset input#cliente_idade{width:20px;}
div#formNewsletter fieldset label.labelTelefone{clear:none!important; margin-left:5px; }
div#formNewsletter fieldset input#cliente_telefone{width:164px; }
div#formNewsletter div#messageBox{margin:20px 0px;}
div#formNewsletter div#messageBox ul{ margin:-4px 10px;}
div#formNewsletter div#messageBox ul li{margin:-6px 0px; padding:0px;}
div#formNewsletter div.error{margin:20px!important;}
div#formNewslettiv.sucess{margin:20px!important;}

/*********
 * Error
 ********/
div#errorPage{background-color:#fff; margin:30px; float:left; clear:both; width:650px; padding:20px; border:2px dotted #000;}
div#errorPage h2{font-size:3em; text-indent:0px; position:static; text-decoration:underline; text-align:center;}
div#errorPage p{text-align:center; font-size:1.2em;}

div.pagination{text-align:center; clear:both;}
div.pagination a{ margin:0px 2px!important;}
div.pagination a img{margin-bottom:-5px;}
div.pagination span{}
div.pagination span.results{display:block;clear:both;}