html, body { height:100% }
body { font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, Helvetica, sans-serif; background:url(../img/bg.jpg) repeat center center }

a {text-decoration:none}

#container-site {width:960px; height:510px; position:absolute; top:50%; left:50%; margin:-255px 0 0 -480px; z-index:2}
#barra {background:#000; height:120px; width:100%; position:absolute; top:50%; margin: -60px 0 0 0}

#menu {width:960px; height:35px;}
#menu ul {width:696px; float:right; height:35px}
#menu li {display:inline}
#menu a {display:block; float:left; margin: 13px 7px 0 0; color:#FFF; font-size:17.5px}
#menu a:hover {color:#FC0}
#menu a.link-selecionado {color:#FC0}

#conteudo {width:960px; height:398px; }
#left-site {width:257px; float:left; height:362px; background:url(../img/bg-left.png) no-repeat; margin:11px 0 0 0}
#banner {width:251px; height:356px; margin:6px 0 0 6px; background:#FFF}
#texto-banner {width:189px; height:46px; position:relative; z-index:3; background:url(../img/txt-banner.png) no-repeat; top:-50px; left:5px}

#right-site {width:703px; float:left; height:395px; background:url(../img/bg-conteudo.png) no-repeat}
#container-meio {width:695px; height:388px; margin:1px 0 0 8px;}
#container-index-meio {height:302px;  overflow:auto}
#container-index-meio .item {height:100px; margin: 0 0 1px 0}
.link-item {display:block; height:100px}
.link-item:hover {background:#eee}
#container-index-meio .foto-item {height:100px; width:260px; float:left}
#container-index-meio .desc-item {height:99px; width:410px; float:left; border-bottom:1px solid #C8C5BB}
#container-index-meio .txt-item {height:80px; margin:19px 0 0 15px}
#container-index-meio p {width:380px}
#container-index-meio img {display:none}

#link-historia {height:69px; margin:10px 0 0 0}
#link-historia a {display:block; width:686px; height:69px; background:url(../img/bg-historia-index.png) no-repeat; margin: 0 0 0 4px}

#rodape {height:77px; }
#logo {width:235px; height:76px; float:left; margin:-5px 0 0 5px  }
#logo a {display:block; height:76px; background:url(../img/logo.png) no-repeat;}

#dir-rodape {width:650px; height:70px; float:right}
#barra-fim {width:604px; height:35px; background:url(../img/barra-fim-conteudo.png) no-repeat; margin:-9px 0 0 20px; text-align:center; font-size:15px; letter-spacing:-1px;}
#barra-fim p {display:block; height:10px;}
#rodape a {color:#FC0; text-decoration:none}
#rodape a:hover {color:#F90}

#txt-rodape {width:550px; height:35px; margin:10px 0 0 20px; text-align:right; letter-spacing:-1px; float:left}
#logo-dona {width:28px; height:37px; display:block; float:right; background:url(../img/logo-dona.png) no-repeat; margin:6px 27px 0 0}

h1 {color:#807C68; font-size:210%; letter-spacing:-1px; font-weight:normal}

.on {background:url(../img/logo-on.png) no-repeat; width:22px; height:14px; position:absolute; right:0; bottom:0; padding:5px}

#info-pagina {width:251px; height:356px; margin:6px 0 0 6px;}
.nivo-directionNav a { display:block; width:32px; height:34px; background:url(../img/arrows.png) no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-32px 0; right:10px; }
a.nivo-prevNav { left:10px; }

.bg-trilho {background:url(../img/bg-trilho.jpg) no-repeat}
.bg-localizacao {background:url(../img/bg-localizacao.jpg) no-repeat}
.bg-contato {background:url(../img/bg-contato.jpg) no-repeat}

.pg-historia {width:695px; height:388px; background:url(../img/bg-pg-historia.png) no-repeat}
.pg-contato {width:695px; height:388px; background:url(../img/bg-pg-contato.png) no-repeat}

#historia-espaco {width:370px; height:330px; float:left; margin:5px 0 0 5px;}

#pg-historia-estacao {width:300px; height:311px; float:right; margin:46px 20px 0 0; text-align:justify}
#pg-historia-estacao p {margin: 0 0 15px 39px; color:#999}
#pg-historia-estacao .texto-historia {width:300px; height:300px; overflow:auto}

#historia-espaco-estacao {width:365px; padding:10px 5px 5px 5px; float:left; height:340px; background:url(../img/bg-trem.png) no-repeat center bottom}
#historia-espaco-estacao p {margin: 0 0 10px 0; color:#333; text-align:justify}
#historia-espaco-estacao ul {list-style:disc; margin: 0 0 0 15px}


.bg-meses {background:url(../img/bg-meses.png) repeat-x}

#calendario {width:99%; padding:2px 2px 2px 2px}
#calendario h2 {font-size:21px; letter-spacing:-1px; color:#AEAFB2; margin:5px 0 2px 2px}

.meses {padding:5px}

#meses-ano {width:150px; height:200px; margin: 0 auto}
#ano {text-align:center; font-size:27px; color:#FFF; margin: 0 0 2px 0}
#ano a {color:#FFF;}
#ano a:hover {color:#FC0}
#ano .ano-selecionado {color:#FC0}
#meses-ano li {text-align:center;}
#meses-ano li.ano {color:#fff; font-size:23px}
#meses-ano a {display:block; padding:3px; margin:0 0 2px 0; color:#B0A59F; font-size:16px; border:1px solid #B0A59F}
#meses-ano a:hover {background:#B0A59F; color:#48403C}
#meses-ano a.mes-atual {background:#B0A59F; color:#48403C}

#menu-estrutura {padding:10px}
#menu-estrutura li { padding-bottom:2px; margin:0 0 2px 0}
#menu-estrutura a {color:#ccc; font-size:150%; letter-spacing:-1px; display:block;}
#menu-estrutura a:hover {color:#FC0}
.small {font-size:10px; color:#999;}
.small li {display:block}


.acc_trigger {color: #fff; text-decoration: none; display: block;color:#ccc; font-size:150%; letter-spacing:-1px; display:block; margin: 0 0 5px 0}
.acc_trigger:hover { color: #FC0;}
.acc_trigger.active {color:#FC0}
.acc_container {margin: 0 0 5px; padding: 0; overflow: hidden; clear: both;}
.acc_container .block { }
.acc_container .block p {padding: 5px 0; margin: 5px 0;}

#formulario {width:390px; height:380px; float:right; margin:3px 4px 0 0}
#formulario label {width:100%; float:left; margin:0 0 3px 0}
#formulario input,textarea {border:1px solid #C4C8C7; background:url(../img/bg-cell.png) repeat-x; padding:5px; font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, Helvetica, sans-serif; color:#666; width:370px; margin: 0 0 5px 0}
#formulario input:focus, textarea:focus {background:#f5f5f5}
#formulario button {width:144px; height:33px; border:0; background:url(../img/bt-enviar.png) no-repeat; cursor:pointer}
.recebe-contato {width:240px; float:right; height:32px; line-height:32px}