body
    {
    margin:0px;
    padding:0px;
    color:#333333;
    font-family:'Verdana', Trebuchet MS, Arial, Tahoma, Georgia;
    font-size:8pt;
    background-image:url(../images/bg2.jpg);
    }


img
    {
    border:0px;
    }


#tudo
    {
    width:778px;
    height:935px;
    min-height:935px;
    float:left;
    position:absolute;
    left:50%;
    margin-left:-370px;
    }


#topo
    {
    width:778px;
    height:54px;
    float:left;
    }

#faixa
    {
    width:778px;
    height:237px;
    float:left;
    }


div#bannerflutuante
    {
    background:url(../images/bgdiv.png) center;
    _background:none!important;
    width:500px;
    _height:800px;
    min-height:80px;
    position:absolute;
    left:50%;
    margin-left:-300px;
    top:2%;
    border:2px solid #ffffff;
    padding:30px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='png.png',sizingMethod='scale');
    z-index:20;
    }

/* ====================================================== MENU */

#menu
    {
    width:778px;
    height:52px;
    float:left;
    }

ul.menu
    {
    list-style:none;
    padding:0px;
    margin:0px;
    float:left;
    width:778px;
    height:52px;
    }

ul.menu li
    {
    float:left;
    }


/* ====================================================== MENU LATERAL NOTICIAS */

#lateral
    {
    width:258px;
/*    height:518px; */
    min-height:518px;
    float:left;
    background-image:url(../images/bgnews.jpg);
    background-repeat:no-repeat;
    margin-top:-3px;
    padding-top:70px;
    }

.destaque
    {
    width:200px;
    height:80px;
    min-height:80px;
    float:left;

    margin-left:15px;
    margin-top:10px;
    margin-right:5px;

    display:inline;
    padding-right:35px;
    }

.destaque:hover
    {
    cursor:pointer;
    cursor:hand;
    }

img.imgdestaque
    {
    border:1px solid #ffffff;
    float:left;
    }

img.imgdestaque:hover
    {
    border:1px solid #ff9900;
    }

span.txtnew
    {
    width:110px;
    float:right;
    height:100px;
    padding:0px 0px 0px 15px;
    color:#ffffff;
    font-size:8pt;
    font-family:'Arial', Verdana, Trebuchet MS;
    }


span.txtnew a:link, span.txtnew a:visited
    {
    color:#ffffff;
    text-decoration:none;
    }

span.txtnew a:hover, span.txtnew a:visited:hover
    {
    color:#ffffff;
    text-decoration:underline;
    }

a.lermais:link, a.lermais:visited, a.lermais:hover, a.lermais:visited:hover
    {
    color:#ffffff;
    position:absolute;
    top:610px;
    left:120px;
    }

img.ccm, img.sinp, img.cronicas
    {
    margin:8px 0px 3px 10px;
    }

img#banner-bottom{
	margin-top:110px;
}


/* ====================================================== MEIO DO SITE */

#meio
    {
    width:520px;
	height:auto;
    _height:521px;
    min-height:521px;
    float:right;
    margin-top:-3px;
    background-image:url(../images/bgmeio.gif);
    background-repeat:no-repeat;
    }

span.nomecapesp, span.nomecapespdark
    {
    position:absolute;
    width:450px;
    height:50px;
    float:left;
    left:280px;
    top:115px;
    color:#ffff00;
    font-family:'Arial Black', Arial, Verdana;
    font-size:15pt;
    text-align:right;
    font-weight:bold;
    }

span.nomecapespdark
    {
    left:278px;
    top:117px;
    color:#000000;
    }

span.nomecapesp span.nomebranco
    {
    color:#ffffff;
    }


#meioindex
    {
    width:100%;
    min-height:100%;
    float:left;
    background-image:url(../images/bgdomeio.jpg);
    }
	

#painel
    {
    width:460px;
    height:146px;
    float:left;
    margin-left:30px;
    margin-top:33px;
    display:inline;
    }

img.fotopainel
    {
    float:left;
    border:4px solid #ffffff;
    width:196px;
    height:144px;
    margin-right:10px;
    }

img.fotopainel:hover
    {
    border:4px solid #808080;
    }

span.txtpainel
    {
    width:243px;
    height:140px;
    float:left;
    }

h1.titulopainel
    {
    font-size:8pt;
    font-family:'Arial', Verdana, Georgia;
    text-transform:uppercase;
    margin:0px 0px 2px 0px;
    padding:0px;
    _height:25px;
    min-height:25px;
    width:100%;
    float:left;
    }

p.ppainel
    {
    width:90%;
    height:100%;
    float:left;
    margin:0px;
    padding:0px;
    font-size:8pt;
    font-family:'Verdana', Arial;
    }

span.lermais a:link, span.lermais a:hover, span.lermais a:visited, span.lermais a:visited:hover
    {
    color:#ff9900;
    text-decoration:underline;
    font-weight:bold;
    }

ul.listapainel
    {
    list-style:none;
    margin:0px;
    padding:0px;
    width:165px;
    height:30px;
    float:left;
    position:absolute;
    top:498px;
    left:585px;
    }

ul.listapainel li
    {
    float:left;
    margin-right:5px;
    background-image:url(../images/bglista.jpg);
    width:20px;
    height:16px;
    padding:4px;
    text-align:center;
    font-size:8pt;
    font-weight:bold;
    }


ul.listapainel li:hover
    {
    background-image:url(../images/bglistahover.gif);
    color:#ffffff;
    }

ul.listapainel li a:link, ul.listapainel li a:visited
    {
    color:#000000;
    text-decoration:none;
    }

ul.listapainel li a:hover, ul.listapainel li a:visited:hover
    {
    color:#ffffff;
    }


#notlista
    {
    width:351px;
    height:189px;
    float:left;
    background-image:url(../images/bgnotlista.jpg);
    margin-left:20px;
    margin-top:20px;
    }

h2.datanotlista
    {
    width:90%;
    height:25px;
    float:left;
    margin:3px 0px 0px 30px;
    padding:0px;
    font-size:10pt;
    }

ul.notlista
    {
    margin:0px;
    padding:0px 0px 0px 3px;
    list-style:none;
    }

ul.notlista li
    {
    width:100%;
    height:19px;
    float:left;
    }


ul.notlista li a:link, ul.notlista li a:visited
    {
    background-image:url(../images/bglinotlista.jpg);
    text-decoration:none;
    color:#000050;
    padding-left:25px;
    }

ul.notlista li a:hover, ul.notlista li a:visited:hover
    {
    text-decoration:underline;
    color:#000000;
    background-image:url(../images/bglinotlistahover.gif);
    padding-left:25px;
    }


#lateralb
    {
    width:127px;
    height:311px;
    min-height:311px;
    float:right;
    background-color:#d6d8df;
    margin-right:15px;
    margin-top:20px;
    }


img.publicacao
    {
    width:119px;
    height:142px;
    padding:4px;
    }

img.radio
    {
    width:119px;
    height:112px;
    padding:4px;
    }
	
img.publicida
    {
    width:119px;
    height:150px;
    padding:4px;
    }	

#conv_news
    {
    width:351px;
    height:117px;
    float:left;
    background-image:url(../images/bgconvenios.jpg);
    margin-left:20px;
    margin-top:5px;
    }

ul.conv_news
    {
    padding:5px 0px 0px 30px;
    margin:0px;
    list-style:none;
    width:90%;
    }

ul.conv_news li
    {
    float:left;
    }

ul.conv_news li a
    {
    float:left;
    width:95px;
    height:17px;
    background-color:#ffffff;
    margin-right:8px;
    border:1px solid #cccccc;
    border-bottom:none;
    text-align:center;
    }

ul.conv_news li a:link, ul.conv_news li a:visited
    {
    text-decoration:none;
    color:#333333;
    }

ul.conv_news li a:hover, ul.conv_news li a:visited:hover
    {
    background-color:#f2f2f2;
    }

/* ====================================================== BLOCOS EMBAIXO */

#bloco_convenios, #bloco_newsletter, #bloco_tres
    {
    width:325px;
    min-height:40px;
    padding:5px;
    margin-top:5px;
    margin-left:10px;
    float:left;
/*    background-color:#f2f2f2; */
    border:1px solid #e5e5e5;
    display:none;
    position:absolute;
    left:275px;
    top:758px;
    background-color:#ffffff;
    }

form.bloco_convenios label, form.bloco_newsletter label, form.bloco_tres label
    {
    float:left;
    }

form.bloco_convenios input, form.bloco_newsletter input, form.bloco_convenios select, form.bloco_tres select, form.bloco_tres input
    {
    width:150px;
    height:17px;
    border:1px solid #cccccc;
    background-color:#f9f9f9;
    font-size:8pt;
    float:right;
    margin-right:50px;
    }

form.bloco_convenios input.botao, form.bloco_newsletter input.botao, form.bloco_tres input.botao
    {
    width:50px;
    height:20px;
    border:1px solid #ffffff;
    background-color:#333333;
    color:#ffffff;
    text-align:center;
    }

form.bloco_convenios input.botao:hover, form.bloco_newsletter input.botao:hover, form.bloco_tres input.botao:hover
    {
    background-color:#555555;
    }

p.textobox
    {
    padding:10px;
    margin:0px;
    }
/* ====================================================== RODAPE DO SITE */

#rodape
    {
    text-align:center;
    width:100%;
    height:60px;
    float:left;
    }

p.copyright
    {
    font-size:8pt;
    color:#ffffff;
    }

p.copyright a:link, p.copyright a:visited, p.copyright a:hover, p.copyright a:visited:hover
    {
    text-decoration:none;
    color:#ffffff;
    }


/* ====================================================== PAGINAS INTERNAS DO SITE */

h1.internas
    {
    padding:5px 10px 5px 10px;
    margin:20px 0px 0px 13px;
    width:470px;
    height:20px;
    color:#333333;
    background-image:url(../images/bgh1.gif);
    border:1px solid #e5e5e5;
    font-size:10pt;
    }

#paginacao
    {
    padding:5px 10px 5px 15px;
    margin:20px 0px 50px 20px;
    width:460px;
    _height:60px;
    min-height:60px;
    border:1px solid #e5e5e5;
    float:left;
    }

ul.paginacao
    {
    width:100%;
    height:20px;
    float:left;
    padding:0px;
    margin:0px;
    list-style:none;
    }

ul.paginacao li
    {
    float:left;
    }

ul.paginacao li a
    {
    float:left;
    margin-right:5px;
    }

ul.paginacao li a:link, ul.paginacao li a:visited
    {
    width:15px;
    height:15px;
    padding:5px;
    text-align:center;
    background-color:#e5e5e5;
    border:1px solid #808080;
    color:#333333;
    text-decoration:none;
    }

ul.paginacao li a:hover, ul.paginacao li a:visited:hover
    {
    background-color:#333333;
    color:#ffffff;
    }


/* ====================================================== NOTICIAS */

#listanews
    {
    width:490px;
    _height:10px;
    min-height:10px;
    float:left;
    }

ul.listanews
    {
    list-style:none;
    width:460px;
    _height:20px;
    min-height:20px;
    float:left;
    padding:0px;
    margin:20px 0px 0px 20px;
    }

ul.listanews li
    {
    width:100%;
    _height:15px;
    min-height:15px;
    padding:3px 10px 3px 0px;
    border-bottom:1px solid #999999;
    }

ul.listanews li a:link, ul.listanews li a:visited
    {
    text-decoration:none;
    color:#000000;
    }

ul.listanews li a:hover, ul.listanews li a:visited:hover
    {
    color:#999999;
    }


p.textos, p.textosdesc
    {
    width:450px;
	height:100%;
    _height:60px;
    min-height:60px;
    float:left;
    padding:5px 10px 5px 15px;
    margin:20px 0px 0px 20px;
    text-align:justify;
	background-color:#FFFFFF;
    }

img.imgnot
    {
    width:196px;
    height:144px;
    margin-right:5px;
    margin-bottom:5px;
    float:left;
    }

img.iconnews
    {
    width:30px;
    height:30px;
    margin-right:5px;
    border:1px solid #e5e5e5;
    }

img.iconnews:hover
    {
    border:1px solid #ff9900;
    }

/* ====================================================== PAINEL DE SLIDE */

/*	
.exibe
    {
    display:block;
/*    height:10px;
    width:150px;
    float:right; 
    }	
*/	

#painel div { clear:both; display:none; /* todas escondidas por default. O JS que irá exibi-las. */}
#painel .exibe { display:block;}


/* ====================================================== INDICAR NOTICIA, MATERIA, ARTIGO */

#indicar, #comentar
    {
    width:350px;
    height:200px;
    padding:10px;
    border:5px solid #808080;
    background-color:#f2f2f2;
    color:#000000;
    position:absolute;
    left:300px;
    top:250px;
    display:none;
    float:left;
    }

#comentar
    {
    background-color:#f9f9f9;
    height:300px;
    }

form.indicar label, form.comentar label
    {
    float:left;
    width:130px;
    _height:20px;
    min-height:20px;
    }

form.indicar input, form.comentar input, form.comentar textarea
    {
    float:right;
    width:150px;
    height:17px;
    border:1px solid #333333;
    font-size:8pt;
    }

form.comentar textarea
    {
    height:50px;
    }

form.indicar input.botao, form.comentar input.botao
    {
    width:50px;
    height:20px;
    text-align:center;
    color:#ffffff;
    background-color:#333333;
    }

#comentariosnews
    {
    width:460px;
    _height:20px;
    min-height:20px;
    float:left;
    border:1px solid #e5e5e5;
    background-color:#f9f9f9;
    padding:5px;
    margin:20px 0px 0px 20px;
    }

strong.com
    {
    margin-left:20px;
    width:200px;
    height:20px;
    float:left;
    }


/* ====================================================== PUBLICACOES */

.publicacoes
    {
    width:210px;
    _height:150px;
    min-height:150px;
    float:left;
    margin:20px 0px 0px 20px;
    border:1px solid #e5e5e5;
    background-color:#f2f2f2;
    padding:10px;
    }

.publicacoes:hover
    {
    background-color:#f9f9f9;
    }

span.miolo
    {
    width:200px;
    _height:130px;
    min-height:130px;
    float:left;
    padding:5px;
    background-color:#e5e5e5;
    }

img.capas
    {
    float:left;
    margin-right:10px;
    width:75px;
    height:100px;
    }

form.fpub
    {
    margin-top:10px;
    padding:0px;
    }

form.fpub select
    {
    width:90px;
    height:17px;
    font-size:8pt;
    background-color:#e5e5e5;
    }

a.linkpub:link, a.linkpub:visited
    {
    background-color:#c1c1c1;
    padding:2px 5px 2px 5px;
    color:#ffffff;
    text-decoration:none;
    margin-top:10px;
    width:90px;
    _height:8px;
    min-height:8px;
    border:1px solid #808080;
    float:left;
    text-align:center;
    }

a.linkpub:hover, a.linkpub:visited:hover
    {
    background-color:#cccccc;
    }


/* ====================================================== LINKS */


a.black:link, a.black:visited
    {
    color:#000000;
    text-decoration:none;
    }

a.black:hover, a.black:visited:hover
    {
    text-decoration:underline;
    }

/* ====================================================== PUBLICACOES ANTERIORES */

.pub-anteriores
    {
    width:480px;
    _height:175px;
    min-height:175px;
    float:left;
    margin:15px 0px 0px 15px;
    padding:5px;
    border:1px solid #e5e5e5;
    background-color:#f9f9f9;
    }

img.pubant
    {
    float:left;
    margin-right:10px;
    }


/* ====================================================== NEWSLETTER */

#newsletter
    {
    width:370px;
    height:270px;
    float:left;
    position:absolute;
    left:400px;
    top:250px;
    display:none;
    border:5px solid #e5e5e5;
    background-image:url(../images/bgnewsletter.jpg);
    }


form.formnews
    {
    margin:85px 0px 0px 25px;
    float:left;
    width:330px;
    _height:50px;
    min-height:50px;
    }

form.formnews label
    {
    float:left;
    color:#ffffff;
    font-weight:bold;
    }

form.formnews input
    {
    float:right;
    width:200px;
    height:17px;
    border:0px;
    font-size:8pt;
    margin-right:10px;
    }

form.formnews input.botao
    {
    width:50px;
    height:15px;
    font-size:8pt;
    color:#000000;
    background-color:#ffffff;
    text-align:center;
    border:0px;
    }

img.imgnews
    {
    border:1px solid #000000;
    margin:5px 70px 0px 0px;
    position:absolute;
    left:300px;
    top:10px;
    float:left;
    width:60px;
    height:20px;
    }


/* ====================================================== FORM DE CONTATO */

form.formcontato
    {
    margin-left:20px;
    margin-top:30px;
    width:450px;
    height:300px;
    float:left;
    }


form.formcontato label
    {
    float:left;
    }

form.formcontato input, form.formcontato textarea
    {
    float:right;
    border:1px solid #e5e5e5;
    font-size:8pt;
    background-color:#f5f5f5;
    margin-right:30px;
    width:250px;
    height:17px;
    }

form.formcontato textarea
    {
    height:50px;
    font-family:Verdana, Arial;
    }

form.formcontato input.botao
    {
    width:50px;
    height:20px;
    background-color:#333333;
    text-align:center;
    color:#ffffff;
    border:0px;
    }

/* ====================================================== CONVENIOS */

.mostraconvenio
    {
    width:480px;
    _height:90px;
    min-height:90px;
    float:left;
    margin:15px 0px 0px 15px;
    border:1px solid #f2f2f2;
    background-color:#f9f9f9;
    padding:5px;
    }

.mostraconvenio:hover
    {
    border:1px solid #cccccc;
    }

img.imgconvenio
    {
    width:120px;
    height:90px;
    float:left;
    margin-right:5px;
    }

/* ====================================================== BARRA */

strong.oliva
    {
    width:460px;
    height:15px;
    float:left;
    padding:5px;
    background-color:#f9f9d2;
    border:1px solid #808000;
    color:#808000;
    }

img.barra
    {
    border:1px solid #cccccc;
    }


/* ====================================================== CENTRO DE LAZER */

.hc
    {
    width:460px;
    _height:30px;
    min-height:30px;
    float:left;
    margin:10px 0px 20px 30px;
    padding:0px;
    display:inline;
    border-top:1px solid #c1c1c1;
    }

span.thumbfoto
    {
    width:120px;
    height:90px;
    float:left;
    padding:8px;
    background-color:#f2f2f2;
    border:1px solid #e5e5e5;
    margin:0px 10px 10px 0px;
    }

span.thumbfoto:hover
    {
    background-color:#e5e5e5;
    border:1px solid #c1c1c1;
    }

img.imgthumb
    {
    width:120px;
    height:90px;
    }

ul.listahotel
    {
    width:80%;
    _height:30px;
    min-height:30px;
    float:left;
    padding:0px;
    margin:0px;
    display:inline;
    list-style:none;
    }

ul.listahotel li
    {
    width:100%;
    height:20px;
    float:left;
    }


.labels
    {
    width:230px;
    _height:100px;
    min-height:100px;
    float:left;
    }


form.reservas
    {
    width:460px;
    _height:100px;
    min-height:100px;
    float:left;
    }

form.reservas label
    {
    float:left;
    }

form.reservas input, form.reservas input.dma, form.reservas input.parentesco
    {
    width:150px;
    height:17px;
    float:left;
    border:1px solid #c1c1c1;
    margin-right:5px;
    }

form.reservas input.botao
    {
    width:50px;
    height:20px;
    color:#ffffff;
    background-color:#000000;
    text-align:center;
    }

form.reservas input.dma
    {
    width:30px;
    margin-right:10px;
    }

form.reservas input.parentesco
    {
    width:100px;
    margin-right:10px;
    }

#reserva_flutua
    {
    width:480px;
    _height:600px;
    min-height:600px;
    float:left;
    position:absolute;
    left:265px;
    top:355px;
    padding:10px;
    background-color:#ffffff;
    display:none;
    }
	
/* ====================================================== ALBUM DE FOTOS POR ANO */

.mostraalbum, .mostrafoto
    {
    width:100px;
    height:120px;
    padding:10px;
    border:1px solid #c1c1c1;
    background-color:#f2f2f2;
    text-align:center;
    margin:10px 0px 20px 18px;
    float:left;
    display:inline;
    }

.mostraalbum:hover
    {
    background-color:#e5e5e5;
    }

img.fotoanos
    {
    width:100px;
    height:75px;
    border:1px solid #ffffff;
    }

.mostrafoto
    {
    height:200px;
    font-size:7.5pt;
    padding:5px;
    }

.mostrafoto:hover
    {
    background-color:#e5e5e5;
    }		
	
	
	
	
ul.link_sugest
    {
    margin:0px;
    padding:0px 0px 0px 3px;
    list-style:none;
    }

ul.link_sugest li
    {
    width:100%;
    height:19px;
    float:left;
    }


ul.link_sugest li a:link, ul.link_sugest li a:visited
    {
    background-image:url(../images/bglinotlista.jpg);
    text-decoration:none;
    color:#000050;
    padding-left:30px;
    }

ul.link_sugest li a:hover, ul.link_sugest li a:visited:hover
    {
    text-decoration:underline;
    color:#000000;
    background-image:url(../images/bglinotlistahover.gif);
    padding-left:30px;
    }