/* CSS Document - 24/06/2007 - 17:25h - Inicio do novo layout */

/*
Azul claro 		#2B70BB
Azul escuro		#003399
Azul escuro bg	#243481
Laranja			#FF9900
*/

* {
	margin: 0px;
	padding: 0px;
	text-decoration:none;	
}

img, fieldset { border:0; }

/* Links gerais do site */
a:link, a:visited {
	color:#2B70BB;
}

a:hover { color:#FF9900; }


body {
	background:#243481 url(../images/bg_site.jpg) repeat-x;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	color:#2B70BB;
}

#geral {
	/*background: url(../images/bg_conteudo.jpg) no-repeat;*/	
	width: 760px;
	height:100%;
	margin: 0 auto;
}


#topo {
	width:760px;
	height:133px;
	float:left;
	clear:both;
}

   
/* AJUSTE DO LOGOTIPO */
	#topo h1 {
		width: 215px;
		height:109px;
		display:block;
		text-align:left;
		float:left;	
		background:url(../images/logo_museudomar.gif) no-repeat 0 0;
		margin:16px 0 0 19px;	
	}
	
	#topo h1 a{
		text-indent:-9000px;
		overflow: hidden;
		float:left;
		width:215px;
		height:109px;			
	}

#destaques {
	width:760px;
	height:325px;
	background:url(../images/bg_destaques.jpg) no-repeat;
	float:left;
}

	#destaques #dest_direito { /* aqui est o link para o conteudo do Museu Martimo */
		width:331px;
		height:325px;
		float:left;
	}
	
	#destaques #dest_esquerdo { /* Aqui est a animao em flash */
		width:429px;
		height:325px;
		float:left;
	}
	
		#destaques #dest_esquerdo #flash_home {
			width:385px;
			height:190px;
			float:left;
			display:block;
			background:url(../images/bg_flash.gif) no-repeat;
			margin:10px 0 5px 35px;
		}
		
		#destaques #dest_esquerdo #links_destaques {
			width:385px;
			float:left;
			display:block;
			margin:5px 0 0 35px;	
		}
		
		#destaques #dest_esquerdo #links_destaques h3.t_saiba_mais {
				width:104px;
				height:17px;
				margin:0 0 5px 0;
				background:url(../images/titulo_saiba_mais.gif);
				text-indent:-5000px;
				overflow:hidden;
		}
		
		#destaques #dest_esquerdo #links_destaques ul {
			width:385px;
			list-style:none;
		}
		
		#destaques #dest_esquerdo #links_destaques ul li {
			height:auto;
			margin-bottom:5px;
		}

#conteudo_home {
	width:760px;
	min-height:298px;	
	background:url(../images/bg_conteudo_expandivel.gif) repeat-y;
	float:left;
	line-height:150%;
}

	#conteudo_home #conteudo_chamadas {
		width:760px;
		height: auto;
		float:left;
		background:url(../images/bg_conteudo_home.jpg) no-repeat;
	}
	
	#conteudo_home h3 {/*Titulos Chamadas*/
		color:#f90;
		font-size:1.2em;
		margin-top:7px;
	}
	
	#conteudo_home #box_chamadas {
		width:514px;		
		float:left;
		padding:20px 0 0 19px;
		
	}
	
	#conteudo_home #box_localizacao {
		width:208px;			
		float:left;
		margin-top:20px;
	
	}
	
		#conteudo_home .chamadas {
			width:190px;			
			margin:0 0 20px 44px;
			float:left;
			text-align:justify;
		
		}
		
		
		#conteudo_home .localizacao {
			width:208px;
			height:322px;
		}
		
		#conteudo_home .localizacao p {
			margin: 0 10px 0 15px;
		}
		
			#conteudo_home .localizacao h3.t_onde_estamos {
				width:121px;
				height:16px;
				margin:0 0 10px 10px;
				background:url(../images/titulo_onde_estamos.gif);
				text-indent:-5000px;
				overflow:hidden;
			}
			
			#conteudo_home .localizacao #telefone,  
			#conteudo_home .localizacao #mini_mapa {margin:10px 0 5px 15px; }
			
			

#rodape {
	width:760px;
	height:/*94px*/59px;
	padding-top:35px;
	background:#243481 url(../images/bg_rodape.gif) no-repeat;	
	text-align:center;
	color:#FFF;
	clear:both;	
}

	#rodape a:link, #rodape a:visited { color:#FF9900; }
	#rodape a:hover { color:#fff; }
	

/* Estilos internos - 02/07/2007 - 19:40h */
#conteudo_interno {
	width:760px;
	height:auto;
	background:url(../images/bg_conteudo_interno.jpg) repeat-y;
	float:left;
	line-height:160%;
}

	#conteudo_interno #veja_tambem {
		width: 500px;
		border:1px dashed #CCC;
		padding:20px;
		margin:20px 0;
		background-color:#f4f4f4;
	}
		#conteudo_interno #veja_tambem h2 { 
			font-size:1em;
			background:url(../images/seta_azul_mini.gif) 0 2px no-repeat;
			width:450px;
			height:20px;			
			display:block;
			margin-bottom:10px;
		}
		
		
		#conteudo_interno #veja_tambem ul li {
			list-style-type:square;
			line-height:80%;
		}

	#conteudo_interno ul, #conteudo_interno ol { 
		margin-left: 30px;
		margin-bottom:15px;
		display:block;
	}
	
	#conteudo_interno ul li ul {  margin-top:10px; }
	
	#conteudo_interno ul li, #conteudo_interno ul li ul li { margin-bottom:10px; height:auto; line-height: 150%;}

	#conteudo_interno p {
		margin-bottom:15px;
		text-align:justify;
		margin-left:15px;
	}

	#conteudo_interno h2, #rodape_conteudo_interno h2 {
		height:24px;
		width:auto;		
		display:block;
		background:url(../images/seta_azul.gif) 0 1px no-repeat;
		padding-left:20px;
		font-size:1.3em;
		color:#F90;
		margin-top:20px;
		text-transform:uppercase;
	}
	
	
	#conteudo_interno #conteudo_esquerdo {
		width:559px/*594px*/;
		min-height:459px/*479px*/;
		padding:10px 0 10px 35px;
		background:url(../images/bg_conteudo_esquerdo.jpg) no-repeat;
		float:left;
	}
		
		#conteudo_interno #conteudo_esquerdo h3 {
			font-size:1.2em;
			display:block;
			width:550px;
			height:25px;
			margin-bottom:5px;		
			color: #039;
		}
	
	#conteudo_interno #conteudo_direito {
		width:121px/*166px*/;
		min-height:459px/*479px*/;
		padding:10px 35px 10px 10px;
		background:url(../images/bg_conteudo_direito.jpg) no-repeat;
		float:left;
	}
	
	#conteudo_interno #conteudo_direito h2 { margin-left: 20px; }
	
	#conteudo_interno #rodape_conteudo_interno {
		width:725px/*760px*/;
		height:97px/*117px*/;
		padding:10px 0 10px 35px;
		background:url(../images/rodape_conteudo_interno.jpg) no-repeat;
		clear:both;
	}
	
		#conteudo_interno #rodape_conteudo_interno h2 a {
			color:#F90;					
		}
		
		#conteudo_interno #rodape_conteudo_interno h2 a:hover {
			color:#2B70BB;
		}
		
		
	
#rodape_interno {
	width:725px/*760px*/;
	height:61px/*121px*/;
	padding:10px 10px 10px 35px;
	background:url(../images/bg_rodape_interno.gif) no-repeat;
	float:left;

}

	#rodape_conteudo_interno h2 { 
		font-size:1.1em;
	}

	#rodape_interno #localizacao_interno {
		width:548px;
		height:54px;
		float:left;
	}

	#rodape_interno h3.t_onde_estamos {
		width:121px;
		height:16px;
		margin:0 0 10px 0;
		background:url(../images/titulo_onde_estamos.gif);
		text-indent:-5000px;
		overflow:hidden;
	}
	
	#rodape_interno .telefone_interno {
		width:139px;
		height:41px;
		float:left;						
	}
	
/*	#rodape_interno {
		display:block;
		float:left;		
		margin:30px 0 20px 0;
		
		color:fff;
	}
*/	
	#copyright { 
		width:760px;
		height:35px;
		display:block;
		color:#fff;
		clear:both;
		text-align:center;

	}
	#copyright p { color:#fff; }
	
	#copyright a:link, #copyright a:visited { color:#FF9900; }
	#copyright a:hover { color:#fff; }

/* Collapsive Content - 02/07/2007 19:00h */
#collapsive-content {
	
}

/*#collapsive-content ul li { list-style-type:none; }*/

#collapsive-content ul li a.collapse {
	margin-top:0;
	width:340px;
	/*background:url(../images/mais.gif) no-repeat 0 3px;	*/
	height:18px;
	/*padding:3px;
	padding-left:20px;*/
	cursor:pointer;
		
}


/* TABELAS */
.tabelas {
	width:400px;
	border-collapse:collapse;
	border:1px solid #ccc;	
	margin-bottom:20px;
	background-color:#FFF;
}

.tabelas th, td {
	text-align:center;
	color: #03C;
	border:1px solid #ccc;
	padding:0 5px;
}

.tabelas td.hover, tr.hover { /* Necessrio para o JQuery - Plugin Table Hover */
	background-color: #f4f4f4;
}

.tabelas th {
	background-color: #CCCCCC;	
	height:25px;
	border:1px solid #eee;
	border-bottom-color:#999;
	border-bottom-width:2px;
	
}

.tabelas tr {
	height:20px;
	vertical-align:middle;
	border-top-color:#999;
	border-left:0;
}

/*  FORMULARIOS  */
.formularios {
	/*width:630px;*/
	margin:0 auto;
	font:10px normal Verdana, Arial, Helvetica, sans-serif;	
}

.formularios fieldset {
	width:500px;
	display:block;
	padding:20px;
	margin:0 0 20px 0;
	float:left;
	border:1px solid #eee;
}

.formularios legend { 	
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
	padding:5px 10px;
	border:1px solid #eee;	
	margin-bottom:15px;
}

.formularios fieldset.fs_botoes { border:0; margin:20px 0; background:none;}

.formularios br { clear:both; }

.formularios label {	
	display:block;
	width:280px;
	height:auto;
	float:left;	
	margin:0 25px 20px 0;
	/*padding:0 10px;*/
	color:#333;
	font-size:1.1em;
}

.formularios input {
	float:left;
	width:250px;
	height:20px;
	margin-top:5px;
	border:1px solid #eee;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background-color:#eee;
	display:block;	
}

.formularios input.botoes
 {
	width:69px;
	height:28px;
	float:left;
	background-color:#ccc;
	color:#333;
	border:1px solid #eee;
	border-top:1px solid #999;
	border-left:1px solid #999;
	cursor:pointer;	
	padding-left:12px;
	font:11px Arial, Helvetica, sans-serif;
	margin-right:10px;
}

.formularios textarea {
	float:left;
	overflow:auto;
	margin-top:5px;
	border:1px solid #eee;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background-color:#eee;
}

.formularios select {	
	margin-top:5px;
	border:1px solid #eee;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

.formularios input[type="file"] {	
	width:330px;
	font-size:11px;
	height:20px;
}

.formularios input[type="hidden"] {
	display:none;
}

.formularios .chk {
	border:0;
	width:1em;		
	float:left;
	background:none;
}
.formularios #bt_submit {
	width: 135px;
	height:25px;
	background:#2B70BB;
	color:#fff;
	border:1px solid #2B70BB;
	font-style:italic;
	font-weight:bold;
}

.formularios #formMensagem {
	width:250px;
	height:85px;
}

.formularios #formContato fieldset { background:url(../images/bg_formContato.jpg); }

/* fotos */
#lista_fotos_lateral { margin:0; padding:0; }
#lista_fotos_lateral li { list-style:none; margin:0; }