﻿@font-face {
    font-family: 'dincond-regularregular';
    src: url('../fonts/ff_din_condensed_regular-webfont.eot');
    src: url('../fonts/ff_din_condensed_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ff_din_condensed_regular-webfont.woff') format('woff'),
         url('../fonts/ff_din_condensed_regular-webfont.ttf') format('truetype'),
         url('../fonts/ff_din_condensed_regular-webfont.svg#dincond-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { outline: 0 none; }
body { background: #e3e3e3; margin: 0; font-family: tahoma; color: #333; font-size: 12px; overflow-x: hidden; }
a { text-decoration: none; }
a span { display: none; }
a img { border: none; }
input, textarea { font-family: tahoma; color: #333; font-size: 12px; }

.wrapper { width: 980px; margin: 0 auto; }

#topo { background: url(../../imagens/bg_topo.png) center top no-repeat #e3e3e3; width: 100%; height: 125px; float: left; }
#topo #logo { margin: 13px 0 0 10px; float: left; }
#topo #logo a { background: url(../../imagens/logo.png); width: 215px; height: 99px; display: block; }

#menu { float: right; }
#menu ul { list-style: none; padding: 0; margin: 0; }
#menu ul li { float: left; margin-left: 10px; }
#menu ul li a { display: block; border-top: 5px solid transparent; padding: 48px 14px; }
#menu ul li a:hover, #menu ul li a.active { border-color: #c0bebe; }
#menu ul li a span { background: url(../../imagens/menu.png); height: 19px; display: block; text-indent: -999em; }
#menu ul li a.home span { background-position: left top; width: 18px; }
#menu ul li a.museu span { background-position: -28px top; width: 55px; }
#menu ul li a.linha_tempo span { background-position: -91px top; width: 102px; }
#menu ul li a.galeria span { background-position: -201px top; width: 51px; }
#menu ul li a.novidades span { background-position: -259px top; width: 55px; }
#menu ul li a.entrevistas span { background-position: -322px top; width: 80px; }
#menu ul li a.fale_conosco span { background-position: right top; width: 89px; }

#banner { background: url(../../imagens/bg.jpg) center top no-repeat; width: 100%; float: left; height: 440px; padding-top: 32px; }
#banner .wrapper { background: url(../../imagens/sombra_banner.png) center bottom no-repeat; height: 420px; }
#banner #slide { background: #333; width: 980px; height: 387px; float: left; }

#banner .nav { position: absolute; margin: 387px 0 0 891px; }
#banner .nav a { background: #333333; font-family: 'dincond-regularregular'; color: #fff; font-size: 18px; text-transform: uppercase; text-decoration: none; display: block; padding: 8px 12px; margin-left: 3px; float: left; }
#banner .nav a:hover, #entrevistas .nav .active { background: #858585; }

.main_image { width: 640px; height: 387px; float: left;	background: #333; position: relative; overflow: hidden;	color: #fff; }
.main_image h2 { font-size: 30px; text-transform: uppercase; font-weight: normal; margin: 0 0 5px; padding: 18px; font-family: 'dincond-regularregular'; }
.main_image p { font-size: 1.2em; padding: 10px;	margin: 0; line-height: 1.6em; }
.block small { padding: 0 0 0 20px; background: url(images/icon_cal.gif) no-repeat 0 center; font-size: 1em; }
.main_image .block small { margin-left: 10px; }
.main_image .desc{ position: absolute; bottom: -5px; left: 0; width: 100%;	display: none; }
.main_image .block{	width: 100%; background: #111; border-top: 1px solid #000; }
.main_image a.collapse {	background: url(images/btn_coll.gif) no-repeat left top; height: 27px; width: 93px;	text-indent: -99999px; position: absolute; top: -27px; right: 20px; }
.main_image a.show { background-position: left bottom; }
.image_thumb { float: left;	width: 327px; margin: 7px 0 0 6px; }
.image_thumb .thumb { display: block; width: 126px; height: 121px; overflow: hidden; float: left; }
.image_thumb .thumb img { width: 126px; float: left; }
.image_thumb ul { margin: 0; padding: 0; list-style: none; }
.image_thumb ul li { background: #fff; margin: 0 0 5px; cursor: pointer; width: 327px; float: left; height: 121px; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); }
.image_thumb ul li.active { background: #fff; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
html .image_thumb ul li h2 { font-size: 24px; font-weight: normal; text-transform: uppercase; margin: 35px 0 0; line-height: 22px; padding: 0; font-family: 'dincond-regularregular'; }
.image_thumb ul li .block { float: left; margin-left: 10px; padding: 0; width: 180px; }	
.image_thumb ul li p { display: none; }

#content { float: left; width: 100%; min-height: 400px; }
.interna #content { background: url(../../imagens/bg.jpg) center top no-repeat; }
#quem_somos { float: left; }
#quem_somos a { background: #fff; width: 276px;display: block; text-align: center; padding: 70px 20px; float: left; color: #555; line-height: 16px; text-decoration: none; -webkit-box-shadow: 2px 2px 1px 0px rgba(209,209,209,1); -moz-box-shadow: 2px 2px 1px 0px rgba(209,209,209,1); box-shadow: 2px 2px 1px 0px rgba(209,209,209,1); }
#quem_somos strong { font-size: 26px; line-height: 26px; display: block; margin-bottom: 10px; font-family: 'dincond-regularregular'; }
#entrevistas { float: right; width: 643px; }
#entrevistas h3 { margin: 0; float: left; height: 55px; }
#entrevistas .box { background: url(../../imagens/entrevistas_box.png); width: 643px; height: 210px; float: left; line-height: 16px; }
#entrevistas .box .entrevista { float: left; margin-top: 2px; width: 615px; text-align: justify; }
#entrevistas .box .thumb { float: left; margin-right: 10px; }
#entrevistas .box h4 { font-size: 14px; color: #353535; margin: 20px 0 10px; }
#entrevistas .box h4 a { color: #333; }
#entrevistas .box p a { color: #555; text-decoration: none; }
#entrevistas .nav { position: absolute; margin: 176px 0 0; width: 641px; text-align: right; }
#entrevistas .nav a { background: #acacac; font-family: 'dincond-regularregular'; color: #fff; font-size: 18px; text-transform: uppercase; text-decoration: none; display: inline-block; padding: 8px 12px; margin-left: 3px; }
#entrevistas .nav a:hover, #entrevistas .nav .active { background: #858585; }
#entrevistas .nav a.saiba { float: right; }

#noticias { float: right; width: 643px; }
#noticias h3 { margin: 0; float: left; height: 55px; }
#noticias .box { background: url(../../imagens/entrevistas_box.png); width: 643px; height: 210px; float: left; line-height: 16px; }
#noticias .box .noticias { float: left; margin-top: 2px; width: 615px; text-align: justify; }
#noticias .box .thumb { float: left; margin-right: 10px; }
#noticias .box h4 { font-size: 14px; color: #353535; margin: 20px 0 10px; }
#noticias .box h4 a { color: #333; }
#noticias .box p a { color: #555; text-decoration: none; }
#noticias .nav { position: absolute; margin: 176px 0 0 386px; }
#noticias .nav a { background: #acacac; font-family: 'dincond-regularregular'; color: #fff; font-size: 18px; text-transform: uppercase; text-decoration: none; display: block; padding: 8px 12px; margin-left: 3px; float: left; }
#noticias .nav a:hover, #noticias .nav .active { background: #858585; }

#linha_tempo { width: 100%; float: left; margin-top: 35px; overflow: hidden; }
#linha_tempo h3 { padding: 0 0 10px; margin: 0; float: left; }
#linha_tempo .nav { float: right; margin-top: 10px; }
#linha_tempo .nav a { background: url(../../imagens/nav_linha.png); width: 26px; height: 26px; display: block; float: left; margin-left: 3px; }
#linha_tempo .nav .prev { background-position: left top; } #linha_tempo .nav .prev:hover { background-position: left bottom; }
#linha_tempo .nav .next { background-position: right top; } #linha_tempo .nav .next:hover { background-position: right bottom; }
#linha_tempo .slide_tempo { float: left; width: 980px; border-top: 5px solid #858585; overflow: hidden; }
#linha_tempo .slide_tempo ul { list-style: none; padding: 0; margin: 0; width: 80000px; }
#linha_tempo .slide_tempo ul li { background: #fff; width: 231px; height: 255px; float: left; margin-right: 19px; }
#linha_tempo .slide_tempo ul li .thumb { width: 231px; height: 147px; display: block; float: left; overflow: hidden; }
#linha_tempo .slide_tempo ul li h4 { margin: 0; float: left; display: block; }
#linha_tempo .slide_tempo ul li h4 a { background: #d3d3d3; font-family: 'dincond-regularregular'; font-size: 27px; width: 215px; font-weight: normal; color: #646464; padding: 5px 8px; color: #646464; text-decoration: none; display: block; }
#linha_tempo .slide_tempo ul li p { margin: 8px; float: left; line-height: 16px; }
#linha_tempo .slide_tempo ul li p a { color: #555; text-decoration: none; }

#content #titulo { background: #777; float: left; width: 980px; margin-top: 30px; }
#content #titulo h2 { float: left; color: #fff; text-transform: uppercase; font-family: 'dincond-regularregular'; font-size: 27px; font-weight: normal; margin: 10px 15px; }
#content #titulo h2.titulo_ano { font-size: 31px; margin: 8px 15px; }
#content #titulo .voltar { background: #5f5f5f; font-family: 'dincond-regularregular'; text-decoration: none; text-transform: uppercase; font-size: 22px; color: #fff; float: right; display: block; padding: 13px 12px 12px; }

#content #categorias { float: left; width: 180px; margin-top: 10px; }
#content #categorias ul { list-style: none; padding: 0; margin: 0; }
#content #categorias ul li { float: left; margin-bottom: 1px; }
#content #categorias ul li a { background: #5f5f5f; font-family: 'dincond-regularregular'; text-transform: uppercase; text-decoration: none; font-size: 16px; padding: 10px; width: 160px; color: #fff; display: block; }
#content #categorias ul li a.active { background: url(../../imagens/active.png) 165px 17px no-repeat #fff; color: #555; }

#content #box_text { background: #fff; width: 940px; padding: 20px; float: left; margin-top: 10px; padding-bottom: 40px; color: #555; }
#content #box_text.right { float: right; width: 750px; }
#content #box_text h3.titulo { font-family: 'dincond-regularregular'; text-transform: uppercase; font-weight: normal; text-decoration: none; font-size: 24px; color: #333; margin: 0 0 15px; }

#content .galeria { width: 100%; float: left; }
#content .galeria a { display: block; width: 181px; height: 121px; overflow: hidden; float: left; margin: 3px; }
#content .galeria a img { width: 181px; }

#content .novidade { background: #fff; width: 450px; padding: 15px; float: left; color: #666; margin: 10px 5px 0; }
#content .novidade .data { font-size: 10px; display: block; color: #888; }
#content .novidade .thumb { display: block; width: 181px; height: 121px; overflow: hidden; float: left; margin-right: 13px; }
#content .novidade .thumb img { width: 181px; }
#content .novidade h3 { font-family: 'dincond-regularregular'; text-transform: uppercase; font-weight: normal; font-size: 22px; margin: 0 0 6px; }
#content .novidade h3 a { color: #333; }
#content .novidade p { margin: 0; }
#content .novidade .leia_mais { background: #acacac; font-family: 'dincond-regularregular'; color: #fff; font-size: 18px; text-transform: uppercase; text-decoration: none; display: block; padding: 6px 10px; margin: 103px 0 0 390px; position: absolute; }
#content .novidade .leia_mais:hover { background: #858585; }

#content .ano { background: #fff; width: 450px; padding: 15px; float: left; color: #666; margin: 10px 5px 0; }
#content .ano .thumb { display: block; width: 181px; height: 121px; overflow: hidden; float: left; margin-right: 13px; }
#content .ano .thumb img { width: 181px; }
#content .ano h3 { font-family: 'dincond-regularregular'; text-transform: uppercase; font-weight: normal; font-size: 30px; margin: 0 0 5px; }
#content .ano h3 a { color: #333; }
#content .ano p { margin: 0; }
#content .ano .leia_mais { background: #acacac; font-family: 'dincond-regularregular'; color: #fff; font-size: 18px; text-transform: uppercase; text-decoration: none; display: block; padding: 6px 10px; margin: 103px 0 0 390px; position: absolute; }
#content .ano .leia_mais:hover { background: #858585; }

#content .entrevista_box { background: #fff; width: 450px; padding: 15px; float: left; color: #666; margin: 10px 5px 0; }
#content .entrevista_box .data { font-size: 10px; display: block; color: #888; }
#content .entrevista_box .thumb { display: block; width: 181px; height: 121px; overflow: hidden; float: left; margin-right: 13px; }
#content .entrevista_box .thumb img { width: 181px; }
#content .entrevista_box h3 { font-family: 'dincond-regularregular'; text-transform: uppercase; font-weight: normal; font-size: 22px; margin: 0 0 6px; }
#content .entrevista_box h3 a { color: #333; }
#content .entrevista_box p { margin: 0; }
#content .entrevista_box .leia_mais { background: #acacac; font-family: 'dincond-regularregular'; color: #fff; font-size: 18px; text-transform: uppercase; text-decoration: none; display: block; padding: 6px 10px; margin: 103px 0 0 390px; position: absolute; }
#content .entrevista_box .leia_mais:hover { background: #858585; }

#content .contato_texto { float: left; width: 500px; }
#content .form_contato { float: right; width: 400px; }
#content .form_contato input[type=text], #content .form_contato textarea { background: #e8e8e8; width: 370px; height: 38px; padding: 0 15px; float: left; border: none; margin-top: 6px; }
#content .form_contato textarea { padding: 15px; height: 150px; }
#content .form_contato input[type=submit] { background: #777; font-family: 'dincond-regularregular'; color: #fff; font-size: 22px; text-transform: uppercase; padding: 6px 10px; float: right; border: none; margin-top: 6px; }

#rodape { background: #252525; width: 100%; float: left; height: 85px; margin-top: 90px; padding-top: 45px; }
.interna #rodape { margin-top: 70px; }
#rodape #newsletter { background: url(../../imagens/bg_news.png); width: 980px; height: 58px; position: absolute; margin-top: -80px; }
#rodape #newsletter h3 { float: left; margin: 19px 0 0 105px; }
#rodape #newsletter p { float: left; display: block; width: 170px; color: #fff; margin: 19px 0 0 40px;  }
#rodape #newsletter form { float: right; margin: 8px 0 0; }
#rodape #newsletter input[type=text] { background: url(../../imagens/input_news.png); width: 211px; height: 30px; padding: 0 10px; float: left; border: none; margin: 10px 0 0 5px; }
#rodape #newsletter input[type=submit] { background: url(../../imagens/submit_news.png); width: 51px; height: 50px; border: none; float: left; margin-left: 10px; }
#rodape .col1 { background: url(../../imagens/sep_rodape.png) top right no-repeat; float: left; width: 550px; height: 74px; padding-right: 30px; }
#rodape .endereco { font-family: 'dincond-regularregular'; color: #fff; font-size: 20px; color: #fff; margin: 0 0 8px; }
#rodape .fone { float: left; margin: 5px 0 0 26px; }
#rodape .logo_rodape { float: right; margin-top: -5px; }

#direitos { background: #353535; width: 100%; float: left; height: 35px; }
#direitos .social { float: left; margin-top: 5px; }
#direitos .social a { background: url(../../imagens/social_rodape.png); width: 23px; height: 23px; margin-right: 2px; display: block; float: left; }
#direitos .social a.twitter { background-position: right; }
#direitos p { font-size: 10px; text-transform: uppercase; color: #828282; display: block; margin: 12px 0 0; text-align: center; }
#direitos p a { color: #828282; }

div.mapa_borda { border: 10px solid #eee; float: left; width: 480px; height: 280px; margin-bottom: 10px; }
div.mapa_borda iframe { float: left; margin: 0; }