/* -------------------------------------
	CSS SITE MUSEU DO CAFE DE SANTOS SP
---------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,form,ul,li,table,blockquote {
    margin:0;
    padding:0;
	border:none;
    list-style:none;
}
body, div, table, td {
	font:11px Verdana, Arial; color:#4B4B4B;
	text-align:left;
	line-height:12px;
}

body { background:url(../imgs/bg.gif) #3E3E14; }
html,body { height:100%; }

a:link  { color:#4B4B4B; text-decoration:none; }
a:visited { color:#7A7A77; text-decoration:none; }
a:hover { text-decoration:underline; }

h2 { 
	width:412px; height:26px;
	background:url(../imgs/tLine.gif) repeat-x 0 25px;
 }
h2.aux { 
	width:412px; height:26px;
	background:url(../imgs/tLineAux.gif) repeat-x 0 25px;
 }
h3 {
	width:407px; height:16px;
	font-size:12px; font-weight:bold;
	color:#8F4318;
	padding-top:3px; padding-left:5px;
	background:#D7C8b6;
}
h4 {
	font-size:12px; font-weight:bold; color:#4F4F22;
	margin-bottom:2px;
}
h4.fdo {
	width:390px; height:16px;
	font-size:12px; font-weight:bold; color:#4F4F22;
	padding-top:3px; padding-left:5px;
	background:#BBBBA8;
}
h5 {
	font-size:11px; font-weight:bold;
	color:#aa8165;
	margin-top:20px; margin-bottom:10px;
}
h6 { 
	width:412px; height:22px;
	background:url(../imgs/tLine1.gif) repeat-x 0 21px;
	margin-top:12px;
 }
p { margin-bottom:10px; }
.p1 { margin:8px 0; }
blockquote {
	font-style:italic;
	margin-bottom:20px; margin-left:12px;
}
input {
	background:white;
	border:1px solid #AAAAAA;
	margin-left:4px;
}

/* ------------------------------
	ESTRUTURA
------------------------------ */
#container {
	position:relative; width:742px;
	min-height:100%; /* For Modern Browsers */
  	height:auto !important; /* For Modern Browsers */
  	height:100%; /* For IE */
	background:url(../imgs/bgInterna.gif) repeat-y #D3D3BA;
	margin:auto; /*alinhamento ao centro q nao funciona para o IE*/
	padding:0 15px;
}
#content {padding-bottom:100px; }
#content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#fachada {
	width:142px; height:174px;
	background:url(../imgs/fachadaInt.jpg) no-repeat top left;
	position:absolute; top:5px;
}
#header {
	width:742px; height:80px;
	background:#d3d3bb;
	padding-top:5px;
}
#conteudo {
	width:412px;
	background:#E9E9DD;
	margin-left:142px; _margin-left:71px; margin-bottom:200px;
	float:left;
	padding:10px; padding-bottom:0;
}

#rightCol {
	width:152px;
	font-size:10px;
	margin-left:5px;
	padding:5px;
	background:#B1B09C;
	float:left;
}

/* ------------------------------
	NAVEGACAO PRINCIPAL
------------------------------ */
#nav {
	width:600px; height:27px;
	background:url(../imgs/btNav.gif) no-repeat 12px 0 #8F4318;
	overflow:hidden;
	position:relative; top:3px; left:142px;
}
#nav li {
	display:inline;
}
#nav a {
	display:block;
	height:27px;
	overflow:hidden;
	margin-left:10px;
	text-indent:-400px;
	float:left
}
#btPalacio a, #btPalacio a:visited {
	width:141px; 
	margin-left:5px;
}
#btPalacio a:hover, .btPalacioAtivo {
	background:url(../imgs/btNav.gif) no-repeat 0 -27px;
}
#btMuseu a, #btMuseu a:visited {
	width:81px;
}
#btMuseu a:hover, .btMuseuAtivo {
	background:url(../imgs/btNav.gif) no-repeat -151px -27px;
}
#btExposicoes a, #btExposicoes a:visited {
	width:104px;
}
#btExposicoes a:hover, .btExposicoesAtivo {
	background:url(../imgs/btNav.gif) no-repeat -242px -27px;
}
#btEventos a, #btEventos a:visited {
	width:87px;
}
#btEventos a:hover, .btEventosAtivo {
	background:url(../imgs/btNav.gif) no-repeat -356px -27px;
}
#btDocumentacao a, #btDocumentacao a:visited {
	width:128px;
}
#btDocumentacao a:hover, .btDocumentacaoAtivo {
	background:url(../imgs/btNav.gif) no-repeat -453px -27px;
}
/* ------------------------------
	NAVEGACAO AUXILIAR
------------------------------ */
#nav2 {
	width:340px; height:18px;
	background:#4F4F22;
	position:relative; left:100px;
	text-align:right;
	padding-right:10px; padding-top:5px;
	float:left;
}
#nav2 li {
	display:inline;
	font-size:10px; color:#8D8D70;
	margin-right:3px;
}
#nav2 a, nav2 a:visited {
	color:#CBCBBD;
	text-decoration:none;
}
#nav2 a:hover, .nav2Active {
	color:white;
}

/* ------------------------------
	NAVEGACAO NIVEL 2
------------------------------ */
#nav3 {
	margin-top:8px; margin-bottom:16px;
}
#nav3 li {
	display:inline;
	font-size:11px;
	margin-right:2px;
	color:#8F4318;
}
#nav3 a, nav3 a:visited {
	color:#8F4318;
	text-decoration:none;
}
#nav3 a:hover  {
	text-decoration:underline;
}
.nav3Active {
	color:#BC967B;
}

/* ------------------------------
	NAVEGACAO NIVEL 3
------------------------------ */
#nav4 {
	width:406px; height:18px;
	margin-top:1px;
	padding-top:4px; padding-left:6px;
	background:#E3DED0;
}
#nav4 li {
	display:inline;
	font-size:10px;
	margin-right:2px;
	color:#8F4318;
}
#nav4 a, nav4 a:visited {
	color:#8F4318;
	text-decoration:none;
}
#nav4 a:hover  {
	text-decoration:underline;
}
.nav4Active {
	color:#BC967B;
}

.btVoltar {
	width:390px; height:16px;
	float:right;
	display:block;
	text-align:right;
	font-size:10px;
}
.btVoltar a, .btVoltar a:visited {
	color:#8F4318;
	text-decoration:none;
}
.btVoltar a:hover {
	text-decoration:underline;
}

/* ------------------------------
	NAVEGACAO REMOTA
------------------------------ */
#navEsq {
	position:relative; top:300px; left:80px;
}

/* ------------------------------
	AREA PESQUISA
------------------------------ */
#pesquisar label {
	width:103px; height:23px;
	background:url(../imgs/icPesquisar.gif) no-repeat;
	overflow:hidden;
	text-indent:-100px;
	display:block;
	float:left;
	position:relative; left:100px;
}
#pesquisar input {
	margin-left:102px;
}

/* -----------------------------------
	AREA NOTICIAS (COLUNA ESQUERDA)
----------------------------------- */
#noticias {width:140px;position:absolute;margin-top:100px;margin-left:-154px;}
#noticias h3 {
    width:140px;height:30px;
    display:block;
    text-indent:-9000px;
    overflow:hidden;
    background:url(../imgs/tboxnoticiasInt.gif) no-repeat;
    margin-left:0px;
}
#noticias ul {width:145px;margin-top:5px;margin-left:3px;}
#noticias ul li {margin-bottom:20px;}
#noticias ul li h4 a {
    width:140px;display:block;
    font-size:10px; 
    font-weight:bold;
    color:#4F4F22;
    margin-bottom:2px;
    text-indent:23px;
    background:url(../imgs/bulletNoticias.jpg) no-repeat;
}
#noticias ul li h4 a:hover {background-position:-241px 0px;}
#noticias ul li h4 a span {font-size:10px;font-weight:bold;font-family:Arial;color:#373735;}

#noticias #maisNoticias {
    width:140px;height:21px;
    display:block;
    text-indent:-9000px;
    overflow:hidden;
    background:url(../imgs/btnMaisNoticiasInt.jpg) no-repeat;
    margin-left:-4px;
}

#noticias #maisNoticias:hover {background-position:0px -22px;}


/* -----------------------------------
	AREA NOTICIAS (PAGINA DE NOTICIAS)
----------------------------------- */
#pgNoticias {width:400px;}
#pgNoticias ul {width:370px;margin-top:15px;margin-left:10px;}
#pgNoticias ul li {margin-bottom:20px;}
#pgNoticias ul li h4 a {
    width:370px;display:block;
    font-size:10px; 
    font-weight:bold;
    color:#4F4F22;
    margin-bottom:2px;
    text-indent:27px;
    background:url(../imgs/bulletNoticiasInt.jpg) no-repeat;
}
#pgNoticias ul li h4 a:hover {background-position:-371px 0px;}
#pgNoticias ul li h4 a span {font-size:10px;font-weight:bold;font-family:Arial;color:#373735;}



/* ------------------------------
	ESTILOS ESPECIFICOS
------------------------------ */
#breadcrumb {
	font-size:9px; color:#4F4F22;
	margin-left:164px; margin-top:8px;
	float:left;
}
.fotos {
	border:1px solid #4B4B4B;
	margin-right:7px; margin-bottom:7px;
}

.fotosgaleria {
	border:1px solid #4B4B4B;
	margin-right:4px; margin-bottom:7px;

}

.fotosouvenir {
	border:1px solid #4B4B4B;

}
.autor {
	font-size:10px; font-style:italic;
	float:right;
}
.btArea {
	height:10px;
	margin-bottom:20px;
	background:url(../imgs/bgBt.gif) transparent;
	display:block; clear:both;
}
.btArea img {
	float:right;
}
.bulletList li {
	height:22px;
	background:url(../imgs/bullet.gif) no-repeat 5px 4px;
	padding-left:15px;
}
.tBoxDegradee {
	height:11px;
	display:block;
}
.degradee {
	width:176px; height:170px;
	padding:3px 10px 10px 6px;
	background:url(../imgs/fdoDegradee.gif) repeat-x;
}
.degradee1 {
	width:396px; height:280px;
	padding:10px 10px 10px 6px;
	background:url(../imgs/fdoDegradee1.gif) repeat-x;
	margin:10px 0;
}
.tit {
	color:#4F4F22;
	font-weight:bold;
}
.data {
	font-size:10px; font-weight:bold;
}
.colInfo {
	width:176px;
	padding:3px 10px 10px 6px;
}


#souvenir img {
	float:left;
	width:60px;height:45px;
	margin:15 0 0 0;
}

#souvenir ul {
	float:right;
	padding-bottom:5px;
	display:block;
}

#souvenir p {
	padding-right:20px;
	float:right;
}

.blocknote {
	padding:14px;
	font-style:italic;
}

#lstgeral ul {
	margin-left:15px;
}

#lstgeral li {
	height:22px;
	padding:10px;
}

#formNews {
    width:350px;
  	height:auto !important; /* For Modern Browsers */
  	height:100%; /* For IE */
}
#formNews label  {
	display: block;
	float: left;
	margin-bottom: 5px;
}
#formNews label{
	width: 115px;
}
#formNews input{
	width: 200px;
}
#formNews select{
	width: 80px;
}
#formNews input, select{
	float: left;
	margin-bottom: 5px;
}
#formNews img{
	float:left;
}
#formNews br{
	clear:left;
}
#formNews img.calendario {
	margin-left:10px;
	_margin-left:7px;
}
#formNews img.btnOK{
	position:relative;
	margin-left:190px;
	_margin-left:187px;
}

p.contato {font-size:9px;font-weight:bold;color:#f1f1de;}
p.contato a {font-weight:normal;font-family:Arial;font-size:10px;text-decoration:underline;}
p.contato a:hover {text-decoration:none;}

a.release {
    width:300px;display:block;
    font-size:10px; 
    font-weight:bold;
    color:#4F4F22;
    margin-bottom:2px;
    text-indent:27px;
    background:url(../imgs/bulletNoticiasInt.jpg) no-repeat;
    margin-left:10px;
}
a.release:hover {background-position:-371px 0px;}
a.release span {font-size:9px;font-weight:normal;text-decoration:none;}


div.thumbImprensa {width:390px;}
div.thumbImprensa img, div.thumbImprensa a.downloadFotos {float:left;}
div.thumbImprensa a.downloadFotos {font-weight:bold;font-size:10px;text-decoration:underline;}
div.thumbImprensa a.downloadFotos:hover {font-weight:bold;font-size:10px;text-decoration:none;}
div.thumbImprensa a.downloadFotos span {font-size:9px;font-weight:normal;text-decoration:none;}
div.thumbImprensa img {margin-right:10px;}

#insight {width:310px;margin-left:50px;padding-bottom:40px;}
#insight img, #insight div {float:left;}
#insight div {margin-left:8px;}

/* ------------------------------
	RODAPE
------------------------------ */
#footer {
	width:742px; height:175px;
	padding-top:10px;
	background:url(../imgs/bgFooterInt.gif) no-repeat;
	font-size:9px; color:#818177;
	text-align:center;
	clear:both;
	position: absolute;
  	bottom: 0 !important;
}


#logoGovBR {float:left;margin-left:10px;margin-top:10px;}
#footer div {width:380px;float:left;text-align:center;margin-left:45px;margin-top:50px;}
#logoGovSP {float:left;margin-left:34px;}