/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fielset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
table{border-collapse:collapse ;border-spacing:0;}
fieldset,img{border:0}
address,caption,cite,code,dfn,astrong,th,var{font-style: normal ;font-weight: normal}
ol,ul,li{list-style: none}
a, span, label { text-decoration: none;}
hr { display: none}
/* End Reset */
/* CSS Base */
body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: url(../img/bgBody.gif) repeat-x}
#all { width: 800px; margin: 0 auto; color:#444444}
#header, #middle, #footer {width: 800px}
/* End CSS Base */
/* ------------------ CSS Index ----------------------------*/
/* CSS Header */
#header { float:left}
#header .firstMenu ul {color:#444444; display: block;}
#header .firstMenu ul li.welcome {background: url(../img/thumbBandeira.gif) no-repeat 0% 96%; padding: 6px 0 0 25px; float: left; }
#header .firstMenu ul li.menuTop {background: url(../img/setaAzul.gif) no-repeat 2% 96%; padding: 6px 0 0 20px; float: right; margin-left: 20px;}
#header .firstMenu ul li.menuTop a {color: #A0A0A0; font-weight: bold;}
#header .firstMenu ul li.menuTop a:hover {color: #444444;}
#header a h1 {background:url(../img/logo.gif) no-repeat; height:32px; width:281px; text-indent:-4000px; margin-top:43px; float:left; display: block;}
#header form.search {float: right; margin-top:43px; display: block;}
#header form.search .inputText {float:left; background: #FEFBFB url(../img/lupa.gif) no-repeat 2% 55%; height:26px; width:222px; border:1px solid #AAAAAA; margin-right:3px;}
#header form.search .inputText input.inputTxt1 {margin:5px 0 0 30px; width:183px; border:0; background: #FEFBFB; color:#444444;}
#header .secondMenu {width: 800px; float: right; display: block; margin-top:41px; _margin-top:35px;}
#header .secondMenu ul {display: block; font-weight: bold; text-transform: uppercase; font-size:12px;}
#header .secondMenu ul li {float:left; padding:13px 15px 0 15px; height: 29px; background: url(../img/divMenu.gif) no-repeat 99% 55%;} 
#header .secondMenu ul li.carpina {width: 75px;}
#header .secondMenu ul li.turismo {width: 75px;}
#header .secondMenu ul li.noticia {width: 79px;}
#header .secondMenu ul li.personalidade {width: 132px;}
#header .secondMenu ul li.servico {width: 75px;}
#header .secondMenu ul li.parceiro {width: 80px;}
#header .secondMenu ul li.contato {width: 74px; background:none;}
#header .secondMenu ul li a {color:#FFFFFF; text-align: center;  display:block;}
#header .hiddenMenu {width:800px; height: 36px; background: #F1F1F1; display:block; float:none; margin:177px 0 10px 0; _margin:0 0 10px -20px; *margin: 0 0 10px 0; padding-top:6px; }
#header .hiddenMenu ul {}
#header .hiddenMenu ul li {background: url(../img/setaAzulClaro.gif) no-repeat 2% 96%; padding: 6px 0 0 20px; float: left; margin-left: 20px; _margin-left: 10px;}
#header .hiddenMenu ul li a {color:#848484;}
#header .hiddenMenu ul li a:hover {color: #444444;}
#header .hiddenMenu ul#turismo, #header .hiddenMenu ul#servico {display: none;}
#header .migalha {margin-bottom: 10px;}
#header .migalha p {text-decoration: underline; color: #848484;}
#header .migalha p a {color: #848484; text-decoration: underline;}
/* End CSS Header */

/* CSS BarRight */
#barRight {float: right; width:204px; display:block;}
#barRight .webmail {background: url(../img/bgWebmail.jpg) no-repeat; width: 204px; height: 189px;}
#barRight .webmail form table {margin: 50px 0 0 10px;}
#barRight .webmail form table tr {height:30px; }
#barRight .webmail form table tr td.first {width: 47px;}
#barRight .webmail form table tr td input.inputText {width: 126px; height: 17px; border: 1px solid #AAAAAA; padding: 5px 2px 0 5px; font-size:10px}
#barRight .webmail form table tr td input.inputButton {float: right;}
#barRight .webmail p {margin: 10px;}
#barRight .webmail p a {background: url(../img/setaCinza.gif) no-repeat 0 58%; padding-left:15px; color: #0287C9}
#barRight .links {background: url(../img/bgLinks.jpg) no-repeat; width: 195px; height: 686px; padding: 12px 0 0 8px; margin-top: 28px;}
#barRight .links h2 {background: url(../img/setaAzulH.gif) no-repeat 0 43%; padding-left:21px; font-size: 18px; color: #0287C9}
#barRight .links ul {margin:20px 0 0 9px;}
#barRight .links ul li {background: url(../img/markerAzul.gif) no-repeat 0 26%;  height: 22px; width:173px; border-bottom: 1px dotted #A1A1A1; margin-top: 10px;}
#barRight .links ul li a {margin:10px 0 0 17px; font-size: 11px; color:#848484; font-weight: bold;}
/* End CSS BarRight */
/* ------------------ End CSS Index ----------------------------*/

/* ------------------ CSS Middle ----------------------------*/
/* CSS Principal */
#middle {float: left; width:596px; display:block;}
#middle .index {float: left; width:596px; display:block;}
#middle .index #bannerIndex {background: url(../img/bgBanner.jpg) no-repeat; width: 593px; height: 203px; float:left;}
#middle .index #bannerIndex #menuBanner { width:23px; float:left; }
#middle .index #bannerIndex #menuBanner a {display:block; background: #A0A0A0; color: #FFFFFF; width:13px; height: 18px; padding: 3px 0 0 5px; margin-top:10px;}
#middle .index #bannerIndex #menuBanner a.activeSlide { background: #DF4418;}
#middle .index #bannerIndex .bannerIndexImgs {float:left; margin:8px 0 10px 1px; display:block; }
#middle .index .boxA {width: 291px; float:left; display: block; margin-top:15px;}
#middle .index .boxA .boxDestaque {width: 291px; height: 329px;}
#middle .index .boxA .boxDestaque .top {background: url(../img/bgBoxIndexVermelho.gif) repeat; padding: 7px 0 10px 20px; _padding-bottom: 8px; *padding-bottom: 7px; margin-bottom: 2px;}
#middle .index .boxA .boxDestaque h3 {background: url(../img/setaBranca.gif) no-repeat 0 55%; padding: 0 0 0 20px; font-size:18px; color: #FFFFFF; font-weight: normal;}
#middle .index .boxA .boxDestaque .boxContent {background: url(../img/bgBoxIndex.gif) no-repeat; width: 281px; height: 269px; padding: 10px 0 0 10px;}
#middle .index .boxA .boxDestaque .boxContent img {background: #FFFFFF; border: 1px solid #ADADAD; padding:4px; margin-bottom: 12px;}
#middle .index .boxA .boxDestaque .boxContent a.resumo {color: #848484; display: block;}
#middle .index .boxA .boxDestaque .boxContent a.leiamais {color: #E04418; font-weight: bold; text-decoration: underline; margin: 10px 10px 0 0; float: right;}
#middle .index .boxA .boxDestaque .divisor {width: 291px; height: 12px; background: #E04418;}
#middle .index .boxA .boxTurismo {width: 291px; height: 329px; margin-top: 22px; *margin-top: 25px; _margin-top: 22px }
#middle .index .boxA .boxTurismo .top {background: url(../img/bgBoxIndexVerde.gif) repeat; padding: 7px 0 10px 20px; _padding-bottom: 8px; *padding-bottom: 7px; margin-bottom: 2px;}
#middle .index .boxA .boxTurismo h3 {background: url(../img/setaBranca.gif) no-repeat 0 55%; padding: 0 0 0 20px; font-size:18px; color: #FFFFFF; font-weight: normal;}
#middle .index .boxA .boxTurismo .boxContent {background: url(../img/bgBoxIndex.gif) no-repeat; width: 281px; height: 269px; padding: 10px 0 0 10px;}
#middle .index .boxA .boxTurismo .boxContent img {background: #FFFFFF; border: 1px solid #ADADAD; padding:4px; margin-bottom: 12px;}
#middle .index .boxA .boxTurismo .boxContent a.resumo {color: #848484; display: block;}
#middle .index .boxA .boxTurismo .boxContent a.leiamais {color: #5F8D68; font-weight: bold; text-decoration: underline; margin: 10px 10px 0 0; float: right;}
#middle .index .boxA .boxTurismo .divisor {width: 291px; height: 12px; background: #36633E;}
#middle .index .boxB {width: 291px; float:left; display: block; margin:15px 0 0 7px;}
#middle .index .boxB .boxNoticias {width: 291px; height: 329px;}
#middle .index .boxB .boxNoticias .top {background: url(../img/bgBoxIndexAzul.gif) repeat; padding: 7px 0 10px 20px; _padding-bottom: 8px; *padding-bottom: 7px; margin-bottom: 2px;}
#middle .index .boxB .boxNoticias h3 {background: url(../img/setaBranca.gif) no-repeat 0 55%; padding: 0 0 0 20px; font-size:18px; color: #FFFFFF; font-weight: normal;}
#middle .index .boxB .boxNoticias .boxContent {background: url(../img/bgBoxIndex.gif) no-repeat; width: 281px; height: 269px; padding: 10px 0 0 10px;}
#middle .index .boxB .boxNoticias .boxContent span {font-weight: bold;}
#middle .index .boxB .boxNoticias .boxContent a.resumo {color: #848484; display:block; text-decoration: underline; margin: 0 10px 18px 0;}
#middle .index .boxB .boxNoticias .boxContent a.leiamais {color: #118ECC; font-weight: bold; text-decoration: underline; margin: 10px 10px 0 0; float: right;}
#middle .index .boxB .boxNoticias .divisor {width: 291px; height: 12px; background: #0175AE;}
#middle .index .boxB .boxPersonalidade {width: 291px; height: 329px; margin-top: 22px; *margin-top: 25px; _margin-top: 22px;}
#middle .index .boxB .boxPersonalidade .top {background: url(../img/bgBoxIndexAmarelo.gif) repeat; padding: 7px 0 10px 20px; _padding-bottom: 8px; *padding-bottom: 7px; margin-bottom: 2px;}
#middle .index .boxB .boxPersonalidade h3 {background: url(../img/setaBranca.gif) no-repeat 0 55%; padding: 0 0 0 20px; font-size:18px; color: #FFFFFF; font-weight: normal;}
#middle .index .boxB .boxPersonalidade .boxContent {background: url(../img/bgBoxIndex.gif) no-repeat; width: 281px; height: 269px; padding: 10px 0 0 10px;}
#middle .index .boxB .boxPersonalidade .boxContent img {background: #FFFFFF; border: 1px solid #ADADAD; padding:4px; margin-bottom: 12px;}
#middle .index .boxB .boxPersonalidade .boxContent a.resumo {color: #848484; display: block; margin-right: 10px;}
#middle .index .boxB .boxPersonalidade .boxContent a.leiamais {color: #E04418; font-weight: bold; text-decoration: underline; margin: 10px 10px 0 0; float: right;}
#middle .index .boxB .boxPersonalidade .divisor {width: 291px; height: 12px; background: #E88F02;}
/* End CSS Principal */

/* CSS Internas */
#middle .internas {width: 587px;}
#middle .internas h4 {font-size: 18px; font-weight: normal; background: url(../img/setaCinzaH.gif) no-repeat 1% 42%; padding: 2px 0 6px 25px;}
#middle .internas h4.carpina {color: #0287C9; border-bottom: 4px solid #0287C9;}
#middle .internas h4.noticia {color: #0287C9; border-bottom: 4px solid #0287C9;}
#middle .internas h4.turismo {color: #36633E; border-bottom: 4px solid #36633E;}
#middle .internas h4.personalidades {color: #E88F02; border-bottom: 4px solid #E88F02;}
#middle .internas h4.servicos {color: #0287C9; border-bottom: 4px solid #0287C9;}
#middle .internas .buttons {float: right; margin:5px 5px 0 0; display: block;}
/* CSS Noticia */
#middle .internas .noticiasDetaque {float:left; display:block; width:586px; height: 276px; margin-top:15px; background: url(../img/bgNoticiaDestaque.gif) no-repeat;}
#middle .internas .noticiasDetaque .firstNoticia {float: left; width:283px; height: 255px; border-right: 1px dotted #A1A1A1; margin: 10px 0 0 10px; _margin: 10px 0 0 5px;}
#middle .internas .noticiasDetaque .firstNoticia img {border: 1px solid #A1A1A1; background: #FFFFFF; padding:7px; margin-bottom: 12px;}
#middle .internas .noticiasDetaque .firstNoticia a {color: #848484;}
#middle .internas .noticiasDetaque .firstNoticia a.leiamais {color: #0287C9; font-weight: bold; float: right; display: block; margin: 5px 18px 0 0;}

#middle .internas .noticiasDetaque .secondNoticia {float: left; width:274px; height: 255px; margin: 10px 0 0 8px;}
#middle .internas .noticiasDetaque .secondNoticia img {border: 1px solid #A1A1A1; background: #FFFFFF; padding:7px; margin-bottom: 12px;}
#middle .internas .noticiasDetaque .secondNoticia a {color: #848484;}
#middle .internas .noticiasDetaque .secondNoticia a.leiamais {color: #0287C9; font-weight: bold; float: right; display: block; margin: 5px 18px 0 0;}
#middle .internas .noticiaIntegra {float:left; display:block; width:586px; margin-top:15px;}
#middle .internas .noticiaIntegra h5 {font-size: 12px;}
#middle .internas .noticiaIntegra p.dadosNoticia {font-size: 10px;}
#middle .internas .noticiaIntegra p.noticia {font-size: 12px; margin-top:10px;}
#middle .internas .outrasNoticias {float: left; margin-top: 20px;}
#middle .internas .outrasNoticias h5 {background: url(../img/setaCinzaH.gif) no-repeat 1% 42%; padding: 2px 0 6px 25px; font-size: 18px; color: #0287C9; margin-bottom: 15px;}
#middle .internas .outrasNoticias span {}
#middle .internas .outrasNoticias span {font-weight: bold;}
#middle .internas .outrasNoticias a {color: #848484; display:block; text-decoration: underline; margin-bottom: 18px;}
#facebox h4.sendMail {font-size: 18px; color: #0287C9; font-weight: normal; background: url(../img/setaCinzaH.gif) no-repeat 1% 42%; padding: 2px 0 6px 25px; border-bottom: 4px solid #0287C9;}
#facebox form table {margin: 10px 0 0 10px;}
#facebox form table tr {height:30px;}
#facebox form table tr td.first {width: 146px;}
#facebox form table tr td input.inputText {width: 197px; height: 17px; border: 1px solid #AAAAAA; padding: 5px 2px 0 5px; font-size:10px}
#facebox form table tr td input.inputButton {float: right;}
/* End CSS Noticia */

/* CSS Onde Ficar */
#middle .internas .content {float:left; display:block; width:586px; margin-top:15px;}
#middle .internas .content h5 {font-size: 12px;}
#middle .internas .content p {font-size: 12px;}
#middle .internas .content p.final {margin-bottom: 15px;}
/* End CSS Onde Ficar */

/* CSS História */
#middle .internas .content h5.destaque {margin-bottom: 10px;}
#middle .internas .content p.citacao {font-style: italic; text-align: center; margin-bottom: 10px;}
#middle .internas .content a {}
#middle .internas .content a.left {float: left; color: #0287C9; font-weight: bold;}
#middle .internas .content a.right {float: right; color: #0287C9; font-weight: bold;}
#middle .internas .content ul {font-size:12px; margin: 0 0 10px 10px;}
#middle .internas .content img.mapa {margin: 0 0 10px 10px;}
/* End CSS História */

/* CSS Bandeira */
#middle .internas .content img.bandeira {margin: 0 0 10px 88px;}
/* End CSS Bandeira */

/* CSS Fotos */
#middle .internas .content .boxFotos {width: 587px; height: 110px; display: block;}
#middle .internas .content .boxFotos .foto {float: left; width: 110px;}
#middle .internas .content .boxFotos .foto a {float: left;}
#middle .internas .content .boxFotos .texto {float: left; width: 476px; margin-top: 20px;}
#middle .internas .content .boxFotos .texto a {font-weight: normal; color: #444444; float: left;}
/* End CSS Fotos */

/* CSS Dados */
#middle .internas .content p.sublinhado {text-decoration: underline;}
#middle .internas .content p.sublinhadoFinal {text-decoration: underline; margin-bottom: 15px;}
/* End CSS Dados */


/* CSS Personalidades */
#middle .internas .content {float:left; display:block; width:586px; margin-top:15px;}
#middle .internas .content .boxA {width: 290px; height: 269px; margin-right: 10px; float: left;}
#middle .internas .content .boxA .boxPersonalidade {display: block; background: url(../img/bgBoxPersonalidade.gif) no-repeat; width: 270px; height: 269px; padding: 5px 0 0 5px;}
#middle .internas .content .boxA .boxPersonalidade a {font-size: 12px; display: block; color: #848484;}
#middle .internas .content .boxA .boxPersonalidade a span {display: block; font-weight: bold; margin-top:10px;}
#middle .internas .content .boxA .boxPersonalidade a.leiamais {color: #FF9C00; font-weight: bold; text-decoration: underline; margin: 10px 10px 0 0; float: right;}

#middle .internas .content .boxB {width: 269px; height: 269px; float: right;}
#middle .internas .content .boxB .boxPersonalidade {display: block; background: url(../img/bgBoxPersonalidade.gif) no-repeat; width: 270px; height: 269px; padding: 5px 0 0 5px;}
#middle .internas .content .boxB .boxPersonalidade a {font-size: 12px; display: block; color: #848484;}
#middle .internas .content .boxB .boxPersonalidade a span {display: block; font-weight: bold; margin-top:10px;}
#middle .internas .content .boxB .boxPersonalidade a.leiamais {color: #FF9C00; font-weight: bold; text-decoration: underline; margin: 10px 10px 0 0; float: right;}

#middle .internas .content .boxPersonalidadeIntegra {width: 586px;}
#middle .internas .content .boxPersonalidadeIntegra .foto {float: right; display: block; background: url(../img/bgBoxPersonalidade.gif) no-repeat; width: 265px; height: 177px; padding: 5px 0 0 5px; margin: 0 0 0 20px; }
/* End CSS Personalidades */

/* CSS Contato */
#middle .internas .content h5.destaqueContato {margin-bottom:0;}
#middle .internas .content form.contato {margin-top: 30px;}
#middle .internas .content form.contato table tr {height: 40px;}
#middle .internas .content form.contato table tr th {width: 90px; text-align: left; font-weight: bold;}
#middle .internas .content form.contato table tr th.textArea {vertical-align: top;}
#middle .internas .content form.contato table tr td input.inputText {width: 335px; height: 20px; border: 1px solid #AAAAAA;}
#middle .internas .content form.contato table tr td textarea {width: 335px; height: 90px; border: 1px solid #AAAAAA;}
#middle .internas .content form.contato table tr td input.inputButton {float: right; }
/* End CSS Contato */

/* End CSS Internas */
/* ------------------ End CSS Middle ----------------------------*/

/* ------------------ CSS Footer ----------------------------*/
/* CSS Footer */
#footer {width: 800px; height: 130px; background: url(../img/bgBannerBottom.jpg) no-repeat; display: block; margin-top:20px; float: left;}
#footer img {padding:7px 0 0 5px; margin-bottom:20px;}
#footer p {text-align: center;}
#footer p.first {margin-bottom:10px}
#footer p.first span {margin:0 10px 0 10px;}
/* End CSS Footer */
/* ------------------ End CSS Footer ----------------------------*/

/* CSS Facebox */
#facebox .b {background:url(../img/b.png);}
#facebox .tl {background:url(../img/tl.png);}
#facebox .tr {background:url(../img/tr.png);}
#facebox .bl {background:url(../img/bl.png);}
#facebox .br {background:url(../img/br.png);}
#facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0; padding: 0;}
#facebox .body {padding: 10px; background: #fff; width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0; margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0;}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 99;}
* html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
/* End CSS Facebox */