﻿/* CSS Museu da Gente Sergipana
Site: Museu da Gente Sergipana
Versão: 2.0
Autor: Sian Aiac (GESTAP)
Ano: 2012
*/
@charset "utf-8";
/* Site */
body {
	margin:0;
	background:#fff url(/wps/themes/html/Museu/img/bg-portal.jpg) fixed no-repeat;
	background-position:top center;
	color:#333;
}
body, input, textarea, select, button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px
}
a {
	color:#999;
	text-decoration:none;
}
img{
border:0;
}
a:hover {
	text-decoration:underline
}
strong {
	font-weight:bold
}
button {
	cursor:pointer
}
hr {
	display:none
}
fieldset {
	border:0;
}
a.buttonbar {
	display:block;
	padding-left:15px;
	background:transparent url(/wps/themes/html/Museu/img/buttonbar.png) no-repeat left top;
	color:#6f7272;
	font-size:0.9em;
	font-weight:bold;
	line-height:26px
}
a.buttonbar span {
	display:block;
	height:26px;
	padding-right:15px;
	background:transparent url(/wps/themes/html/Museu/img/buttonbar.png) no-repeat right top
}
a.buttonbar:hover {
	color:#666;
	text-decoration:none
}
a.more {
	display:block;
	width:78px;
	height:18px;
	border:1px solid #ccc;
	background:#fff url(/wps/themes/html/Museu/img/button_more.png) no-repeat center center;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	line-height:18px;
	letter-spacing:-1px;
	text-align:center
}
a.more:hover {
	border-color:#016838;
	text-decoration:none
}
/* HomePage - Página */

.logo-banese {
	position: absolute;
	margin: 0 0 0 30px;
	background:transparent url(/wps/themes/html/Museu/img/logo_banese_top.png) no-repeat;
	width: 150px;
	height: 118px;
	z-index: 30;
}
.logo-banese a {
	position: absolute;
	width: 150px;
	height: 118px;
	z-index: 30;
}
/* Topbar - Barra de topo */
#acesso {
	width:100%;
	height:38px;
	position:relative;
	margin-bottom:12px;
	overflow:hidden;
}
#acesso .topbar {
	margin:0 auto;
	padding:0px 8px;
	overflow:hidden;
	background:#016838;
	font-size:0.9em
}
#acesso .topbar .topbar-wrapper {
	float:right;
	margin:7px 0;
}
#acesso .topbar h3 {
	margin:2px 13px 0 0;
	float:left;
	font-size:12px;
	color:#fff
}
#acesso .topbar h3 a {
	color:#fff
}
#acesso .topbar .fontsize {
	color:#fff;
	float:left
}
#acesso .topbar .fontsize a {
	display:block;
	width:20px;
	margin-left:5px;
	float:left;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:transparent url(/wps/themes/html/Museu/img/bg_default.jpg) repeat-x left bottom;
	text-align:center
}
#acesso .topbar .fontsize a:hover {
	text-decoration:none
}
#acesso .bank-online {
	height:29px;
	margin: 5px 0 0 400px;
	float:left;
	overflow:hidden
}
#acesso .bank-online select {
	margin-right:20px;
	cursor:pointer
}
#acesso .bank-online .bankTipo-container {
	position:relative;
	float:left
}
#acesso .bank-online .bankTipo-container span.select {
	width:151px;
	height:29px;
	position:absolute;
	bottom:0;
	left:0;
	float:left;
	cursor:pointer;
	background:transparent url(/wps/themes/html/Museu/img/form_select.png) no-repeat left top;
	line-height:29px;
	text-indent:10px;
	z-index:1
}
#acesso .bank-online #bankTipo {
	position: relative;
	z-index: 10;
	width: 110px !important;
	height: 29px !important;
	line-height: 29px;
}
#acesso .bank-online form {
	display:none;
	margin:0 10px;
	float:left;
	overflow:hidden
}
#acesso .bank-online form legend {
	display:none
}
#acesso .bank-online form label {
	margin-left:5px;
	float:left;
	color:#fff
}
#acesso .bank-online form input {
	width:62px;
	height:21px;
	margin-left:2px;
	padding:0 4px;
	border:none;
	background:transparent url(/wps/themes/html/Museu/img/bankonline.png) no-repeat 0 0
}
#acesso .bank-online form input:focus, #acesso .bank-online form input:hover {
	background-position:0 -21px
}
#acesso .bank-online form input.small {
	width:30px;
	background-position:-86px 0
}
#acesso .bank-online form input.small:hover {
	background-position:-86px -21px
}
#acesso .bank-online form input.large {
}
#acesso .bank-online form button {
	width:57px;
	height:21px;
	margin-left:13px;
	float:left;
	border:none;
	background:transparent url(/wps/themes/html/Museu/img/bankonline.png) no-repeat -143px 0;
	color:#6f7272;
	font-size:0.9em;
	font-weight:bold;
	line-height:21px;
	text-align:center;
	text-transform:uppercase
}
#acesso .bank-online form button:hover {
	background-position:-143px -21px
}
#page {
	margin:0 auto;
	width:990px;
	height:auto;
	background:transparent;
	color:inherit;
}
/* Slider - Accordion Tabs */
#slider {
	background:url(/wps/themes/html/Museu/img/bg-fundo.png);
	position:relative;
	margin-bottom:10px;
	padding:0;
	width:100%;
	height:260px;
	overflow:hidden;
}
#slider #accordion-slider-wrap {
	margin:0 auto;
	background:transparent bottom center no-repeat;
	padding:0;
}
#slider ul#accordion-slider {
	max-width:830px;
	margin:0 auto;
	padding:0;
	list-style:none;
	position:relative;
}
#slider ul#accordion-slider li {
	display:block;
	overflow:hidden;
	padding:0;
	float:left;
	width:200px;
	height:230px;
}#slider ul#accordion-slider li img{
	/* background: url();*/
}
/* Header - Cabeçalho */
#header {
	background:url(/wps/themes/html/Museu/img/bg-fundo.png);
	margin-bottom:10px;
	padding:15px 70px;
	height:130px;
	border:0;
}
/* Logo Museu */
#logo-museu{
	float:left;
	background:url(/wps/themes/html/Museu/img/logo-museu.png) no-repeat;
	width:223px;
	height:126px;
	margin-left:22px;
}
#logo-museu a:hover {
	border:1px solid transparent;
}
/* Menu */
#lista-menu {
	float:right;
	width:550px;
	height:126px;
}
#lista-menu ul {
	margin:0px;
	padding:0px;
	background-color: transparent;
	list-style:none;
	z-index:20;
}
#lista-menu ul li {
	list-style:none;
	display:inline;
}
#lista-menu ul li a {
	letter-spacing:normal;
	float:left;
	width:106px;
	height:61px;
	color:#fff;
	font-size: 16px;
	font-family: Arial, sans-serif;
	font-style:italic;
	font-weight:500;
	text-align:center;
	padding:auto;
	text-decoration:none;
}
#lista-menu ul li.link-1 a {
	background:#CF8329;
}
#lista-menu ul li.link-2 a {
	background:#A12B10;
}
#lista-menu ul li.link-3 a {
	background:#38301C;
}
#lista-menu ul li.link-4 a {
	background:#531506;
}
#lista-menu ul li.link-5 a {
	background:#09484F;
}
#lista-menu ul li.link-6 a {
	background:#003D19;
}
#lista-menu ul li.link-7 a {
	background:#294066;
}
#lista-menu ul li.link-8 a {
	background:#765313;
}
#lista-menu ul li.link-9 a {
	background:#0D2144;
}
#lista-menu ul li.link-10 a {
	background:#B45712;
}
#lista-menu ul li a.link-1 {
	background: url(/wps/themes/html/Museu/img/bg-menu.jpg) 0 0 no-repeat;
}
#lista-menu ul li a.link-2 {
	background:url(/wps/themes/html/Museu/img/bg-menu.jpg) -106px 0 no-repeat;
}
#lista-menu ul li a.link-3 {
	background:url(/wps/themes/html/Museu/img/bg-menu.jpg) -212px 0 no-repeat;
}
#lista-menu ul li a.link-4 {
	background:url(/wps/themes/html/Museu/img/bg-menu.jpg) -318px 0 no-repeat;
}
#lista-menu ul li a.link-5 {
	background:url(/wps/themes/html/Museu/img/bg-menu.jpg) -424px 0 no-repeat;
}
#lista-menu ul li a.link-6 {
	background:url(/wps/themes/html/Museu/img/bg-menu.jpg) -530px 0 no-repeat;
}
#lista-menu ul li a.link-7 {
	background:url(/wps/themes/html/Museu/img/bg-menu.jpg) -636px 0 no-repeat;
}
#lista-menu ul li a.link-8 {
	background:url(/wps/themes/html/Museu/img/bg-menu.jpg) -742px 0 no-repeat;
}
#lista-menu ul li a.link-9 {
	background:url(/wps/themes/html/Museu/img/bg-menu.jpg) -848px 0 no-repeat;
}
#lista-menu ul li a.link-10 {
	background:url(/wps/themes/html/Museu/img/bg-menu.jpg) -954px 0 no-repeat;
}
#lista-menu ul li.link-1 {
	z-index: 10;
}
#lista-menu ul li.link-2 {
	z-index: 9;
}
#lista-menu ul li.link-3 {
	z-index: 8;
}
#lista-menu ul li.link-4 {
	z-index: 7;
}
#lista-menu ul li.link-5 {
	z-index: 6;
}
#lista-menu ul li.link-6 {
	z-index: 5;
}
#lista-menu ul li.link-7 {
	z-index: 4;
}
#lista-menu ul li.link-8 {
	z-index: 3;
}
#lista-menu ul li.link-9 {
	z-index: 2;
}
#lista-menu ul li.link-10 {
	z-index: 1;
}
#lista-menu ul#menu {
	width:inherit;
	height:inherit;
	z-index:30;
}
#lista-menu ul#menu li {
	position:relative;
	background:inherit;
	float:left;
	margin: 2px;
}
#lista-menu ul#menu ul li a {
	display:block;
	height:auto;
	line-height:20px;
	font-style:italic;
	font-size:12px;
	border:1px solid #ccc;
	line-height: 13px;
    margin-bottom: -4px;
    padding: 5px;
}
#lista-menu ul#menu ul li a:hover {
	color:#FFF;
	font-size:13px;
	border:1px solid #FFF;
}
#lista-menu ul#menu li ul, #lista-menu ul#menu li:hover ul ul {
	display:none;
	position:absolute;
	width:106px;
	top:45px;
	left:5px;
}
#lista-menu ul#menu li:hover ul, #lista-menu ul#menu ul li:hover ul {
	display:block;
	z-index:9999;
}
/* Main - Conteúdo */
#conteudo {
	background:url(/wps/themes/html/Museu/img/bg-fundo.png);
	height:auto;
	margin-bottom:10px;
	padding:15px;
	min-height:815px;
}
/* Box de Conteudo */
#main {
	float:left;
	width:auto;
	height:inherit;
}
.tit-box {
	margin-left:15px;
	margin-top:3px;
	font-size:16px;
	font-weight:lighter;
	font-style:italic;
	color:#fff;
}
/*box interna*/
.box-interna {
	width:330px;
	height:310px;
	background-color:transparent;
	margin-top:0px;
	padding:15px 0 0 10px;
}
img.box-thumb {
	float:left;
	width:115px;
	height:115px;
	padding:0 10px 10px 0;
	margin-top:10px;
	background:url(/wps/themes/html/Museu/img/bg-thumb.png) no-repeat;
}
h2.box-resumo-tit {
	color:#C30;
	font-size:15px;
	font-style:italic;
	margin-bottom:0 0 3px 0;
}
.box-resumo-tit a {
	color:#C30;
	text-decoration:none;
}
p.box-resumo {
	margin:0px;
	color:#000;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-align:justify;
}
a.continue {
	clear:both;
	position:relative;
	float:right;
	font-size:13px;
	color:#333;
	height:15px;
}
.box-list {
	margin-top:20px;
}
.box-list ul, .box-list ul li, .box-list ul li a {
	clear:both;
	list-style:none;
	color:inherit;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	margin:5px 0 10px 0;
	text-align:justify;
	text-decoration:none;
}
.box-list ul li a:hover {
	color:#inherit;
	text-decoration:underline;
}
.bt-mais-noticias, .bt-mais-eventos, .bt-mais-imagens, .bt-mais-videos {
	float:left;
	width:79px;
	height:30px;
	margin:15px 10px;
}
.bt-mais-noticias {
	background:url(/wps/themes/html/Museu/img/bt-mais-noticias.png);
}
.bt-mais-eventos {
	background:url(/wps/themes/html/Museu/img/bt-mais-eventos.png);
}
.bt-mais-imagens {
	background:url(/wps/themes/html/Museu/img/bt-mais-imagens.png);
}
.bt-mais-videos {
	background:url(/wps/themes/html/Museu/img/bt-mais-videos.png);
}
/* BoxNoticias - Destaque Noticias */
#box-noticias {
	float:left;
	background:url(/wps/themes/html/Museu/img/tit-noticias.png) no-repeat;
	width:340px;
	min-height:340px;
	color:#C30;
}
/* BoxEventos - Destaque Eventos */
#box-eventos {
	float:left;
	margin-left:15px;
	background:url(/wps/themes/html/Museu/img/tit-eventos.png) no-repeat;
	width:340px;
	min-height:340px;
	color:#069;
}
/* BoxImagens - Destaque Imagens */
#box-imagens {
	float:left;
	clear:left;
	background:url(/wps/themes/html/Museu/img/tit-imagens.png) no-repeat;
	width:340px;
	min-height:320px;
	padding-top:20px;
	color:#960;
}
#box-imagens a {
	color:#960;
}
/* BoxVideos - Destaque Videos */
#box-videos {
	float:left;
	margin-left:15px;
	background:url(/wps/themes/html/Museu/img/tit-videos.png) no-repeat;
	width:340px;
	min-height:320px;
	padding-top:20px;
	color:#069;
}
#box-videos a {
	color:#069;
}
.box-thumb, .box-thumb a {
	width:100%;
	height:230px;
	color:inherit;
}
.box-thumb img {
	margin:0 auto;
	width:310px;
	height:180px;
}
ul.bt-thumb {
	clear:right;
	margin:8px 0 0 -35px;
}
ul.bt-thumb li, ul.bt-thumb img, ul.bt-thumb a {
	width:97px;
	height:60px;
	text-decoration:none;
	list-style-type:none;
	display:inline;
	margin-left:1px;
}
/* Sidebar - Barra Lateral */
#sidebar {
	float:right;
	clear:right;
	margin-right:0px;
	width:250px;
	height:inherit;
	text-align:center;
}
#sidebar .box {
	background:#FFF;
	margin:3px auto;
	width:240px;
	height:auto;
}
#depoimentos {
	width:600px;
	padding:30px 3px;
	margin:0 auto;
	background:url(/wps/themes/html/Museu/img/tit-depoimentos.png) no-repeat;
}
#depoimentos .dep-bloco {
	width:580px;
	height:160px;
	margin:0 0 0 15px;
	padding:3px 5px;
	background:#FFF;
}
#depoimentos .dep-thumb img {
	float:left;
	width:120px;
	height:120px;
	margin:0 8px;
	background:url(/wps/themes/html/Museu/img/bg-thumb.png) no-repeat;
	border:none;
}
#depoimentos .dep-dados {
	float:right;
	width:430px;
	height:120px;
	padding:3px 5px;
}
#depoimentos .dep-nome {
	float:left;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#4F6B91;
	margin:5px 0 0 0;
}
#depoimentos .dep-depoimento {
	clear:left;
	float:left;
	font-size:12px;
	color:#000;
	margin:0 0 10px 0;
	text-align:justify;
}
#depoimentos .dep-via {
	float:left;
	clear:left;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	color:#000;
	margin:10px 0;
}
#links {
	width:700px;
	padding:30px 3px;
	margin:0 auto;
	background:url(/wps/themes/html/Museu/img/tit-links.png) no-repeat;
}
#links table {
	width:700px;
	height:440px;
	margin:0 auto;
}
#links table tr td {
	width:230px;
	height:140px;
	/*background:url(/wps/themes/html/Museu/img/links-instituto.png) no-repeat;*/
}
#localizacao {
	width:840px;
	height:500px;
	padding:30px 3px;
	margin:0 auto;
	background:url(/wps/themes/html/Museu/img/tit-localizacao.png) no-repeat;
}
#localizacao .loc-thumb {
	float:left;
	width:540px;
	height:350px;
	margin:0 10px 0 0;
	background: transparent;
}
#localizacao .loc-dados {
	float:left;
	width:288px;
	height:350px;
	background: transparent;
}
#localizacao .loc-dados h3 {
	margin:10px 0 0 0;
	font-size:13px;
	color:#016737;
}
#localizacao .loc-dados p {
	margin:2px 0 0 3px;
	font-size:11px;
	font-weight:normal;
}
#localizacao p.loc-contato {
	margin:5px 0 0 3px;
	font-size:20px;
	font-weight:bold;
}
#localizacao p.loc-agenda {
	margin:10px 0;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
}
#institucional {
	width:800px;
	height:500px;
	padding:10px 3px;
	margin:0 auto;
}
#institucional .inst-thumb {
	float:left;
	width:390px;
	height:250px;
	margin:0 10px 10px 0;
	/*background:url(/wps/themes/html/Museu/img/inst-thumb.png) no-repeat;*/
}
#institucional .inst-tit {
	float:left;
	width:390px;
	height:26px;
	margin:0 0 5px 0;
	background:url(/wps/themes/html/Museu/img/tit-institucional.png) no-repeat;
}
#institucional .inst-sobre {
	float:left;
	width:790px;
	height:490px;
	padding:10px 0;
	font-size:12px;
}
#intern-eventos {
	width:800px;
	height:500px;
	padding:10px 3px;
	margin:0 auto;
}
#intern-eventos .inst-thumb {
	float:left;
	width:390px;
	height:250px;
	margin:0 10px 10px 0;
	/*background:url(/wps/themes/html/Museu/img/inst-thumb.png) no-repeat;*/
}
#intern-eventos .inst-tit {
	float:left;
	width:390px;
	height:26px;
	margin:0 0 5px 0;
	background:url(/wps/themes/html/Museu/img/tit-eventos.png) no-repeat;
}
#intern-eventos .inst-sobre {
	float:left;
	width:790px;
	height:490px;
	padding:10px 0;
	font-size:12px;
}
#cinemuseu {
	width:800px;
	height:500px;
	padding:10px 3px;
	margin:0 auto;
}
#cinemuseu .inst-thumb {
	float:left;
	width:390px;
	height:250px;
	margin:0 10px 10px 0;
	
}
#cinemuseu .inst-tit {
	float:left;
	width:390px;
	height:26px;
	margin:0 0 5px 0;
	background:url(/wps/themes/html/Museu/img/tit-cinemuseu.png) no-repeat;
}
#cinemuseu .inst-sobre {
	float:left;
	width:790px;
	height:490px;
	padding:10px 0;
	font-size:12px;
}
#cafedagente {
	width:800px;
	height:500px;
	padding:10px 3px;
	margin:0 auto;
}
#cafedagente .inst-thumb {
	float:left;
	width:390px;
	height:250px;
	margin:0 10px 10px 0;
	/*background:url(/wps/themes/html/Museu/img/inst-thumb.png) no-repeat;*/
}
#cafedagente .inst-tit {
	float:left;
	width:390px;
	height:26px;
	margin:0 0 5px 0;
	background:url(/wps/themes/html/Museu/img/tit-cafedagente.png) no-repeat;
}
#cafedagente .inst-sobre {
	float:left;
	width:790px;
	height:490px;
	padding:10px 0;
	font-size:12px;
}
#lojadagente {
	width:800px;
	height:500px;
	padding:10px 3px;
	margin:0 auto;
}
#lojadagente .inst-thumb {
	float:left;
	width:390px;
	height:250px;
	margin:0 10px 10px 0;
	/*background:url(/wps/themes/html/Museu/img/inst-thumb.png) no-repeat;*/
}
#lojadagente .inst-tit {
	float:left;
	width:390px;
	height:26px;
	margin:0 0 5px 0;
	background:url(/wps/themes/html/Museu/img/tit-lojadagente.png) no-repeat;
}
#lojadagente .inst-sobre {
	float:left;
	width:790px;
	height:490px;
	padding:10px 0;
	font-size:12px;
}
#opredio {
	width:800px;
	height:500px;
	padding:10px 3px;
	margin:0 auto;
}
#opredio .inst-thumb {
	float:left;
	width:390px;
	height:250px;
	margin:0 10px 10px 0;
	/*background:url(/wps/themes/html/Museu/img/inst-thumb.png) no-repeat;*/
}
#opredio .inst-tit {
	float:left;
	width:390px;
	height:26px;
	margin:0 0 5px 0;
	background:url(/wps/themes/html/Museu_Galeria/img/predio.png) no-repeat;
}
#opredio .inst-sobre {
	float:left;
	width:790px;
	height:490px;
	padding:10px 0;
	font-size:12px;
}
#diretoria {
	width:800px;
	height:500px;
	padding:10px 3px;
	margin:0 auto;
}
#diretoria .inst-thumb {
	float:left;
	width:390px;
	height:250px;
	margin:0 10px 10px 0;
	/*background:url(/wps/themes/html/Museu/img/inst-thumb.png) no-repeat;*/
}
#diretoria .inst-tit {
	float:left;
	width:390px;
	height:26px;
	margin:0 0 5px 0;
	background:url(/wps/themes/html/Museu/img/tit-diretoria.png) no-repeat;
}
#diretoria .inst-sobre {
	float:left;
	width:790px;
	height:490px;
	padding:10px 0;
	font-size:12px;
}
#pilares {
	width:800px;
	height:500px;
	padding:10px 3px;
	margin:0 auto;
}
#pilares .inst-thumb {
	float:left;
	width:390px;
	height:250px;
	margin:0 10px 10px 0;
	/*background:url(/wps/themes/html/Museu/img/inst-thumb.png) no-repeat;*/
}
#pilares .inst-tit {
	float:left;
	width:390px;
	height:26px;
	margin:0 0 5px 0;
	background:url(/wps/themes/html/Museu/img/tit-pilares.png) no-repeat;
}
#pilares .inst-sobre {
	float:left;
	width:790px;
	height:490px;
	padding:10px 0;
	font-size:12px;
}
#agenda {
	width:inherit;
	height:inherit;
	padding:30px 3px;
	background:url(/wps/themes/html/Museu/img/tit-agenda.png) no-repeat;
}
#agenda #age-eventos {
	float:left;
	width:640px;
	height:auto;
}
#agenda #age-sidebar {
	float:right;
	width:290px;
	height:auto;
	padding:5px;
}
#agenda #age-sidebar #age-bloco {
	float:right;
	width:280px;
	height:auto;
	padding:3px;
	margin:5px auto;
	background:#FFF;
}
#agenda #age-sidebar #age-bloco .tit-busca {
	width:260px;
	height:30px;
	background:url(/wps/themes/html/Museu/img/tit-busca.png) no-repeat;
}
#agenda #age-sidebar #age-bloco legend {
	margin:0;
	font-size:11px;
	font-style:italic;
}
#agenda #age-sidebar #age-bloco .btn-data {
	width:20px;
	height:20px;
	background:url(/wps/themes/html/Museu/img/busca-data.png) no-repeat;
	cursor:pointer;
	border:none;
	margin:5px 0 0 -2px;
}
#agenda #age-sidebar #age-bloco .btn-busca {
	width:80px;
	height:26px;
	background:url(/wps/themes/html/Museu/img/busca-btn.png) no-repeat;
	cursor:pointer;
	border:none;
	margin:5px 0;
}
#agenda #age-sidebar #age-bloco #age-calendario {
	width:200px;
	height:224px;
	margin:0 auto;
	padding:0;
	background:url(/wps/themes/html/Museu/img/bg-calendario.png) no-repeat;
}
#agenda .col-eventos {
	float:left;
	width:250px;
	height:inherit;
	padding:20px 0;
	font-size:12px;
}
#agenda .col-space {
	float:left;
	background:url(/wps/themes/html/Museu/img/ft-div.png) no-repeat;
	margin:10px 4px;
	width:5px;
	height:inherit;
}
#agenda #age-resumo {
	width:280px;
	min-height:320px;
	padding:5px;
	margin:10px 5px;
}
#agenda #age-resumo .age-thumb {
	width:280px;
	height:200px;
	background:url(/wps/themes/html/Museu/img/age-thumb.png) no-repeat;
	margin:0 auto;
}
#agenda #age-resumo #age-desc {
	width:280px;
	height:35px;
	background: transparent;
	margin:3px 0;
	padding:0;
}
#agenda #age-resumo .age-tit {
	float:left;
	width:225px;
	line-height:30px;
	margin:0 10px 0 0;
	background:#930;
	color:#FFF;
	font-size:14px;
	font-style:italic;
}
#agenda #age-resumo .age-data {
	float:left;
	width:40px;
	line-height:30px;
	background: #066;
	font-size:14px;
	font-style:italic;
	text-align:center;
	color:#FFF;
}
#agenda #age-resumo .age-subtit {
	float:left;
	clear:left;
	max-width:280px;
	margin:2px auto;
	line-height:20px;
	background: transparent;
	color:#000;
	font-size:12px;
	font-style:italic;
}
#agenda .vid-legenda {
	float:left;
	max-width:180px;
	line-height:24px;
	padding:0 5px;
	background:#096;
	font-size:14px;
	font-style:italic;
	color:#FFF;
}
#exposicoes {
	width:inherit;
	height:inherit;
	padding:30px 3px;
	background:url(/wps/themes/html/Museu/img/tit-exposicoes.png) no-repeat;
}
#midiateca {
	width:inherit;
	height:inherit;
	padding:30px 3px;
	background:url(/wps/themes/html/Museu/img/tit-midioteca.png) no-repeat;
}
#exposicoes #proj-eventos {
	float:left;
	/*width:640px;*/
	height:290px;
}
#exposicoes .col-space {
	float:left;
	background:url(/wps/themes/html/Museu/img/ft-div.png) no-repeat;
	margin:10px 4px;
	width:5px;
	height:inherit;
}
#exposicoes #proj-resumo {
	width:280px;
	min-height:320px;
	padding:5px;
	margin:10px 5px;
}
#exposicoesexposicoes #proj-resumo .proj-thumb {
	width:280px;
	height:200px;
	background:url(/wps/themes/html/Museu/img/proj-thumb.png) no-repeat;
	margin:0 auto;
}
#exposicoes #proj-resumo #proj-desc {
	width:280px;
	height:35px;
	background: transparent;
	margin:3px 0;
	padding:0;
}
#exposicoes #proj-resumo .proj-tit {
	float:left;
	max-width:225px;
	line-height:30px;
	margin:0 10px 0 0;
	padding:0 3px;
	background:#930;
	color:#FFF;
	font-size:14px;
	font-style:italic;
}
#exposicoes #proj-resumo .proj-data {
	float:left;
	width:40px;
	line-height:30px;
	background: #066;
	font-size:14px;
	font-style:italic;
	text-align:center;
	color:#FFF;
}
#exposicoes #proj-resumo .proj-subtit {
	float:left;
	clear:left;
	max-width:280px;
	margin:2px auto;
	line-height:20px;
	background: transparent;
	color:#000;
	font-size:12px;
	font-style:italic;
}
#exposicoes .vid-legenda {
	float:left;
	max-width:180px;
	line-height:24px;
	padding:0 5px;
	background:#096;
	font-size:14px;
	font-style:italic;
	color:#FFF;
}
#projetos {
	width:inherit;
	height:inherit;
	padding:30px 3px;
	background:url(/wps/themes/html/Museu/img/tit-projetos.png) no-repeat;
}
#projetos #proj-eventos {
	float:left;
	width:640px;
	height:auto;
}
#projetos .col-space {
	float:left;
	background:url(/wps/themes/html/Museu/img/ft-div.png) no-repeat;
	margin:10px 4px;
	width:5px;
	height:inherit;
}
#projetos #proj-resumo {
	width:280px;
	min-height:320px;
	padding:5px;
	margin:10px 5px;
}
#projetos #proj-resumo .proj-thumb {
	width:280px;
	height:200px;
	background:url(/wps/themes/html/Museu/img/proj-thumb.png) no-repeat;
	margin:0 auto;
}
#projetos #proj-resumo #proj-desc {
	width:280px;
	height:35px;
	background: transparent;
	margin:3px 0;
	padding:0;
}
#projetos #proj-resumo .proj-tit {
	float:left;
	max-width:225px;
	line-height:30px;
	margin:0 10px 0 0;
	padding:0 3px;
	background:#930;
	color:#FFF;
	font-size:14px;
	font-style:italic;
}
#projetos #proj-resumo .proj-data {
	float:left;
	width:40px;
	line-height:30px;
	background: #066;
	font-size:14px;
	font-style:italic;
	text-align:center;
	color:#FFF;
}
#projetos #proj-resumo .proj-subtit {
	float:left;
	clear:left;
	max-width:280px;
	margin:2px auto;
	line-height:20px;
	background: transparent;
	color:#000;
	font-size:12px;
	font-style:italic;
}
#projetos .vid-legenda {
	float:left;
	max-width:180px;
	line-height:24px;
	padding:0 5px;
	background:#096;
	font-size:14px;
	font-style:italic;
	color:#FFF;
}
/*Notícias leitura*/
#galerias-tit {
	width:inherit;
	height:inherit;
	padding:30px 3px;
	background:url(/wps/themes/html/Museu/img/tit-galerias.png) no-repeat;
}
#galerias-tit #proj-eventos {
	float:left;
	/*width:640px;*/
	height:auto;
}
#galerias-tit .col-space {
	float:left;
	background:url(/wps/themes/html/Museu/img/ft-div.png) no-repeat;
	margin:10px 4px;
	width:5px;
	height:inherit;
}
#galerias-tit #proj-resumo {
	width:280px;
	min-height:320px;
	padding:5px;
	margin:10px 5px;
}
#galerias-tit #proj-resumo .proj-thumb {
	width:280px;
	height:200px;
	background:url(/wps/themes/html/Museu/img/proj-thumb.png) no-repeat;
	margin:0 auto;
}
#galerias-tit #proj-resumo #proj-desc {
	width:280px;
	height:35px;
	background: transparent;
	margin:3px 0;
	padding:0;
}
#galerias-tit #proj-resumo .proj-tit {
	float:left;
	max-width:225px;
	line-height:30px;
	margin:0 10px 0 0;
	padding:0 3px;
	background:#930;
	color:#FFF;
	font-size:14px;
	font-style:italic;
}
#galerias-tit #proj-resumo .proj-data {
	float:left;
	width:40px;
	line-height:30px;
	background: #066;
	font-size:14px;
	font-style:italic;
	text-align:center;
	color:#FFF;
}
#galerias-tit #proj-resumo .proj-subtit {
	float:left;
	clear:left;
	max-width:280px;
	margin:2px auto;
	line-height:20px;
	background: transparent;
	color:#000;
	font-size:12px;
	font-style:italic;
}
#galerias-tit .vid-legenda {
	float:left;
	max-width:180px;
	line-height:24px;
	padding:0 5px;
	background:#096;
	font-size:14px;
	font-style:italic;
	color:#FFF;
}/*Notícias leitura*/
/*Notícias leitura*/
#leitura {
	width:inherit;
	height:inherit;
	padding:30px 3px;
	background:url(/wps/themes/html/Museu/img/tit-noticias-grand.png) no-repeat;
}
#leitura #proj-eventos {
	float:left;
	width:640px;
	height:auto;
}
#leitura .col-space {
	float:left;
	background:url(/wps/themes/html/Museu/img/ft-div.png) no-repeat;
	margin:10px 4px;
	width:5px;
	height:inherit;
}
#leitura #proj-resumo {
	width:280px;
	min-height:320px;
	padding:5px;
	margin:10px 5px;
}
#leitura #proj-resumo .proj-thumb {
	width:280px;
	height:200px;
	background:url(/wps/themes/html/Museu/img/proj-thumb.png) no-repeat;
	margin:0 auto;
}
#leitura #proj-resumo #proj-desc {
	width:280px;
	height:35px;
	background: transparent;
	margin:3px 0;
	padding:0;
}
#leitura #proj-resumo .proj-tit {
	float:left;
	max-width:225px;
	line-height:30px;
	margin:0 10px 0 0;
	padding:0 3px;
	background:#930;
	color:#FFF;
	font-size:14px;
	font-style:italic;
}
#leitura #proj-resumo .proj-data {
	float:left;
	width:40px;
	line-height:30px;
	background: #066;
	font-size:14px;
	font-style:italic;
	text-align:center;
	color:#FFF;
}
#leitura #proj-resumo .proj-subtit {
	float:left;
	clear:left;
	max-width:280px;
	margin:2px auto;
	line-height:20px;
	background: transparent;
	color:#000;
	font-size:12px;
	font-style:italic;
}
#leitura .vid-legenda {
	float:left;
	max-width:180px;
	line-height:24px;
	padding:0 5px;
	background:#096;
	font-size:14px;
	font-style:italic;
	color:#FFF;
}/*Notícias leitura*/
/*banese50anos*/
#banese50anos {
	width:inherit;
	height:inherit;
	padding:30px 3px;
	background:url(/wps/themes/html/Museu/img/tit-banese50anos.png) no-repeat;
}
#banese50anos #proj-eventos {
	float:left;
	width:640px;
	height:auto;
}
#banese50anos .col-space {
	float:left;
	background:url(/wps/themes/html/Museu/img/ft-div.png) no-repeat;
	margin:10px 4px;
	width:5px;
	height:inherit;
}
#banese50anos #proj-resumo {
	width:280px;
	min-height:320px;
	padding:5px;
	margin:10px 5px;
}
#banese50anos #proj-resumo .proj-thumb {
	width:280px;
	height:200px;
	background:url(/wps/themes/html/Museu/img/proj-thumb.png) no-repeat;
	margin:0 auto;
}
#banese50anos #proj-resumo #proj-desc {
	width:280px;
	height:35px;
	background: transparent;
	margin:3px 0;
	padding:0;
}
#banese50anos #proj-resumo .proj-tit {
	float:left;
	max-width:225px;
	line-height:30px;
	margin:0 10px 0 0;
	padding:0 3px;
	background:#930;
	color:#FFF;
	font-size:14px;
	font-style:italic;
}
#banese50anos #proj-resumo .proj-data {
	float:left;
	width:40px;
	line-height:30px;
	background: #066;
	font-size:14px;
	font-style:italic;
	text-align:center;
	color:#FFF;
}
#banese50anos #proj-resumo .proj-subtit {
	float:left;
	clear:left;
	max-width:280px;
	margin:2px auto;
	line-height:20px;
	background: transparent;
	color:#000;
	font-size:12px;
	font-style:italic;
}
#banese50anos .vid-legenda {
	float:left;
	max-width:180px;
	line-height:24px;
	padding:0 5px;
	background:#096;
	font-size:14px;
	font-style:italic;
	color:#FFF;
}
/*restauracaoemuseugrafia*/
#restauracaoemuseugrafia {
	width:inherit;
	height:inherit;
	padding:30px 3px;
	background:url(/wps/themes/html/Museu/img/tit-restauracaoemuseugrafia.png) no-repeat;
}
#restauracaoemuseugrafia #proj-eventos {
	float:left;
	width:640px;
	height:auto;
}
#restauracaoemuseugrafia .col-space {
	float:left;
	background:url(/wps/themes/html/Museu/img/ft-div.png) no-repeat;
	margin:10px 4px;
	width:5px;
	height:inherit;
}
#restauracaoemuseugrafia #proj-resumo {
	width:280px;
	min-height:320px;
	padding:5px;
	margin:10px 5px;
}
#restauracaoemuseugrafia #proj-resumo .proj-thumb {
	width:280px;
	height:200px;
	background:url(/wps/themes/html/Museu/img/proj-thumb.png) no-repeat;
	margin:0 auto;
}
#restauracaoemuseugrafia #proj-resumo #proj-desc {
	width:280px;
	height:35px;
	background: transparent;
	margin:3px 0;
	padding:0;
}
#restauracaoemuseugrafia #proj-resumo .proj-tit {
	float:left;
	max-width:225px;
	line-height:30px;
	margin:0 10px 0 0;
	padding:0 3px;
	background:#930;
	color:#FFF;
	font-size:14px;
	font-style:italic;
}
#restauracaoemuseugrafia #proj-resumo .proj-data {
	float:left;
	width:40px;
	line-height:30px;
	background: #066;
	font-size:14px;
	font-style:italic;
	text-align:center;
	color:#FFF;
}
#restauracaoemuseugrafia #proj-resumo .proj-subtit {
	float:left;
	clear:left;
	max-width:280px;
	margin:2px auto;
	line-height:20px;
	background: transparent;
	color:#000;
	font-size:12px;
	font-style:italic;
}
#restauracaoemuseugrafia .vid-legenda {
	float:left;
	max-width:180px;
	line-height:24px;
	padding:0 5px;
	background:#096;
	font-size:14px;
	font-style:italic;
	color:#FFF;
}
/* Resultados de Busca */
#busca-geral {
	float:left;
	width:100px;
	height:50px;
	margin:0 0 20px 0;
	background:#fff url(/wps/themes/html/Museu/img/busca-result-ger.png) no-repeat;
	border-bottom:1px solid #ccc;
}
#busca-vid {
	float:left;
	width:100px;
	height:50px;
	margin:0 0 20px 0;
	background:#fff url(/wps/themes/html/Museu/img/busca-result-vid.png) no-repeat;
	border-bottom:1px solid #ccc;
}
#busca-art {
	float:left;
	width:100px;
	height:50px;
	margin:0 0 20px 0;
	background:#fff url(/wps/themes/html/Museu/img/busca-result-art.png) no-repeat;
	border-bottom:1px solid #ccc;
}
#busca-mus {
	float:left;
	width:100px;
	height:50px;
	margin:0 0 20px 0;
	background:#fff url(/wps/themes/html/Museu/img/busca-result-mus.png) no-repeat;
	border-bottom:1px solid #ccc;
}
#busca-lit {
	float:left;
	width:100px;
	height:50px;
	margin:0 0 20px 0;
	background:#fff url(/wps/themes/html/Museu/img/busca-result-lit.png) no-repeat;
	border-bottom:1px solid #ccc;
}
/* Footer - Rodapé */
.space {
	float:left;
	background:url(/wps/themes/html/Museu/img/space.png) no-repeat;
	margin:10px 4px;
	width:5px;
	min-height:70px;
}
.space-col {
	float:left;
	background:url(/wps/themes/html/Museu/img/space-coluna.png) repeat-y;
	margin:10px 4px;
	width:5px;
	min-height:500px;
}
#footer {
	clear:both;
	background:url(/wps/themes/html/Museu/img/bg-rodape.png) repeat-x;
	width:auto;
	height:100px;
	padding:10px 15px;
}
#footer h3.tit-rodape {
	color:#666;
	font-size:10px;
	margin:0 0 0 5px;
}
#ouv, #siga, #mant, #gov {
	float:left;
	height:70px;
	margin-right:3px;
	padding:0;
	border:0px solid #CCC;
}
#ouv ul, #siga ul, #mant ul, #gov ul {
	margin-left:-25px;
}
#ouv ul li {
	display:inline-block;
	margin:0 5px;
	width:40px;
	height:45px;
	list-style:none;
}
#mant ul li {
	display:inline-block;
	margin:0 5px;
	width:100px;
	height:45px;
	list-style:none;
}
#siga ul li {
	display:inline-block;
	margin:0 5px;
	width:32px;
	height:45px;
	list-style:none;
}
#gov ul li {
	display:inline-block;
	margin:0 5px;
	width:130px;
	height:45px;
	list-style:none;
}
#ouv {
	width:60px;
}
#siga {
	width:165px;
}
#mant {
	width:365px;
}
#gov {
	width:310px;
}

.navigation {
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
	cursor: pointer;
	margin: 0 auto;
	
	
}
.navigation a{
	display: inline-block;
	line-height: 2.8em;
	height: 2.78em;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	border-color: #CCC #CCC #AAA;
	background-color: #E0E0E0;
	padding: 0px 7px 0px 7px;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#D5D5D5)) !important;
	background-image: -webkit-linear-gradient(top, #F9F9F9, #D5D5D5) !important;
	background-image: -moz-linear-gradient(top, #F9F9F9, #D5D5D5) !important;
	background-image: -o-linear-gradient(top, #F9F9F9, #D5D5D5) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#d5d5d5') !important;
	background-image: linear-gradient(top, #F9F9F9, #D5D5D5) !important;
	background-image: -ms-linear-gradient(top, #F9F9F9, #D5D5D5) !important;
	
}
.navigation a:active{
	border-color:#888 #aaa #ccc;
	-moz-box-shadow:inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
	-ms-box-shadow:inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
	-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
	box-shadow:inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffc8c8c8,EndColorStr=#ffe6e6e6);
	background-image:-moz-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
	background-image:-ms-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
	background-image:-o-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c8c8c8),color-stop(100%,#e6e6e6));
	background-image:-webkit-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
	background-image:linear-gradient(to bottom,#c8c8c8 0,#e6e6e6 100%);
	padding: 0px 7px 0px 7px;
}
.navigation a:hover {
	text-shadow: 0 1px 0 white;
	border-color: #CCC #CCC #AAA;
	background-color: #E0E0E0;
	-moz-box-shadow: inset 0 0 1px #fff;
	-ms-box-shadow: inset 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 1px white;
	box-shadow: inset 0 0 1px #534C4C;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
	background-image: -moz-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
	background-image: -ms-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
	background-image: -o-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,gainsboro));
	background-image: -webkit-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
	background-image: linear-gradient(to bottom,#FAFAFA 0,gainsboro 100%);
	padding: 0px 7px 0px 7px;
}
.mais-eventos{
 background: url(/wps/themes/html/Museu/img/maiseventos-btn.png);
}
.lista-0{
float: left;
width: 400px;
height: 326px;
}
.lista-1{
float: left;
width: 400px;
height: 326px;
}
.lista-2{
float: left;
width: 400px;
height: 326px;
}
.lista-3{
float: left;
width: 400px;
height: 326px;
}
.lista-4{
float: left;
width: 400px;
height: 326px;
}
.lista-5{
float: left;
width: 400px;
height: 326px;
}
.lista-6{
float: left;
width: 400px;
height: 326px;
}
.lista-7{
float: left;
width: 400px;
height: 326px;
}
.lista-8{
float: left;
width: 400px;
height: 326px;
}
.lista-9{
float: left;
width: 400px;
height: 326px;
}
.lista-10{
float: left;
width: 400px;
height: 326px;
}
.lista-11{
float: left;
width: 400px;
height: 326px;
}
.lista-12{
float: left;
width: 400px;
height: 326px;
}
.lista-13{
float: left;
width: 400px;
height: 326px;
}
.lista-14{
float: left;
width: 400px;
height: 326px;
}
.lista-15{
float: left;
width: 400px;
height: 326px;
}

.lista-16{
float: left;
width: 400px;
height: 326px;
}
.lista-17{
float: left;
width: 400px;
height: 326px;
}
.lista-18{
float: left;
width: 400px;
height: 326px;
}
.lista-19{
float: left;
width: 400px;
height: 326px;
}
.lista-20{
float: left;
width: 400px;
height: 326px;
}
.lista-21{
float: left;
width: 400px;
height: 326px;
}
.lista-22{
float: left;
width: 400px;
height: 326px;
}
.lista-23{
float: left;
width: 400px;
height: 326px;
}
.lista-24{
float: left;
width: 400px;
height: 326px;
}
.lista-25{
float: left;
width: 400px;
height: 326px;
}

.lista-26{
float: left;
width: 400px;
height: 326px;
}
.lista-27{
float: left;
width: 400px;
height: 326px;
}
.lista-28{
float: left;
width: 400px;
height: 326px;
}
.lista-29{
float: left;
width: 400px;
height: 326px;
}
.lista-30{
float: left;
width: 400px;
height: 326px;
}
.lista-31{
float: left;
width: 400px;
height: 326px;
}
.lista-32{
float: left;
width: 400px;
height: 326px;
}
.lista-33{
float: left;
width: 400px;
height: 326px;
}
.lista-34{
float: left;
width: 400px;
height: 326px;
}
.lista-35{
float: left;
width: 400px;
height: 326px;
}

.lista-36{
float: left;
width: 400px;
height: 326px;
}
.lista-37{
float: left;
width: 400px;
height: 326px;
}
.lista-38{
float: left;
width: 400px;
height: 326px;
}
.lista-39{
float: left;
width: 400px;
height: 326px;
}





