/*************************
CONFIGURAÇÕES GERAIS
**************************/
* {margin:0;padding:0;border:0;}
ul,li,a {margin:0;padding:0;border:0;text-decoration:none;list-style:none;}

html,body {behavior:url("./includes/js/csshover.htc"); 
	height:100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../imagens/bg.jpg) #cae3f3 repeat; /* fonte e cores */}

div#total {
	position:relative; margin:0 auto; /* Mozzila */
	width:764px; height:auto !important; /* Mozzila */ height:100%; /* IE6 */ min-height:100%; /* Mozzila */ 
	padding-left:7px;background:#fff url(../imagens/sombra2.jpg) repeat-y top left; }

	/* somente para menu lateral direito */
	div#total.principal {background:url(../imagens/sombra.jpg) repeat-y top left;}

	
/*************************
CABEÇALHO
**************************/

div#cabecalho {width:750px;}
	
	#cabecalho h1 {height:165px; float:left; width:100%;text-indent:-5000px;	background:#138BAE url(../imagens/header.jpg) no-repeat left top;}
	
/* menu */
	
	/* barra do menu incluindo o form */
	#cabecalho #menu{
		float:left; height: 29px; width:730px; border-bottom:solid 1px #4A92BF; border-top:solid 1px #4A92BF;
		background: #5FA4D1 url(../imagens/menu_bg.jpg) repeat-x top left; padding-right:20px;	}
		
		/* menus */
		#menu ul{font:bold 12px "Trebuchet MS", Arial; text-transform: uppercase;
				display:table; float:left;position:relative; z-index:15; top:6px;display:block;}
			#menu li{border-left:solid 1px #60A5D1;border-right:solid 1px #9AC9E8;float:left;
				padding:0px 8px 0px 10px;height:20px;display: inline;position:relative;}
			#menu li.ativo{background-color:#9BCAE4;color:#fff;cursor:default;}
			#menu li a {color:#fff;}
			#menu li:hover,#menu li a:hover {background-color:#9BCAE4;}
			
				/* submenus */	
				ul#submenu {width:140px;position:absolute;top:20px; left:0px;background:#9CCAE8;
						padding:13px 5px 8px 5px;font:normal 12px "Trebuchet MS", Arial; text-transform:capitalize;}	
				ul#submenu li {clear:both;border:0px;width:122px;background:#ACD3EC;margin-bottom:3px;}
				ul#submenu li:hover, ul#submenu li a:hover, ul#submenu li:hover a {background:#7DB1D2;color:#fff;}
				ul#submenu li a{color:#417294;}
				
				/* hover submenu */
				#menu ul ul, li:hover ul ul {display:none;}/* esconde submenus */
				#menu li:hover ul, li:hover li:hover ul { display:block; }	/* mostra submenus */
			
		/* form */
		#menu form {float:right;position:relative; top:6px; }
			#menu input {font:11px "Trebuchet MS", Arial; height:16px; width:70px;float:left;color: #4684af;
				border:solid 1px #4684AF; padding-left:7px;background-color:#ECF8FF; margin-left:11px; display:table;}
			#menu form .botaoIndex{ height:17px; width:25px; border:solid 1px #4684AF;float:left; text-align:left;
				color:white; background-color:#0F669E;font:bold 10px "Trebuchet MS", Arial; margin-left:11px; padding:0px 5px 0px 5px;
				cursor:pointer; display:block;}


/*************************
CONTEUDO
**************************/

div#conteudo {display:table;clear:both;padding-bottom:40px; display:inline;
				font:12px/14px "Trebuchet MS", Arial; color:#53719e;}

	/* informacoes das colunas principais */
	#col1,#col2,#col3{ width:144px; border-left:solid 1px #CEDEE8; float:left; padding:25px 20px 5px 20px;
		margin-bottom:-65px;position:relative; z-index:10;}
		#col1{border:0px;}
		
	/* característica dos textos geral */
	#conteudo p{margin-bottom:15px;text-align:left; }
	#conteudo p a{ font-weight:bold; color:#53719E;}
	#conteudo em{font:bold 12px/14px "Trebuchet MS", Arial;}
	#conteudo .lik{font-weight:bold; color:#BD5441;margin-top:20px;}
	#col2 h3{ text-indent:-50000px; height:50px;background:url(../imagens/title01.gif) no-repeat; margin-bottom:20px;}
	#col3 h3{ text-indent:-50000px; height:50px;background:url(../imagens/title02.gif) no-repeat; margin-bottom:20px;}
	#col1 h2{ text-indent:-50000px; height:150px;background:url(../imagens/welcome.gif) no-repeat; margin-bottom:20px;}
	#col1 ul{list-style:circle;}
	#col1 a:hover,#col2 a:hover,#col3 a:hover{color:#416B59;background:#c9e0ed;}
	
	/* imagens do menu de link direto */
	#menudir {width:180px; text-align:center;float:left; margin-left:8px; padding-top:25px;
		margin-bottom:-400px;position:relative; z-index:10;}
		#menudir img {margin-bottom:20px;}
		#menudir img:hover {border:solid 4px #EEEEC3;margin-bottom:12px; position:relative; top:-4px;}
	
	/* menino nadando */
	#nadando1{width:553px; height:257px; background:url(../imagens/nadando.gif) no-repeat; clear:both;
		position:absolute; bottom:40px;}
	#nadando2{width:553px; height:257px; clear:both; position:relative; bottom:-10px;}



/*************************
RODAPÉ
**************************/

div#rodape {clear:both; position:absolute; width:750px; bottom:0px; /* fixa embaixo */}
	
	br.clear {clear:both;}
	#rodape #centralizaRodape{background-color:#4684AF; width:100%; float:left;}
	#rodape ul{ position:relative; left:157px; display:table; border-left:solid 1px #fff;float:left; }
		#rodape li {font:10px "Trebuchet MS", Arial, Helvetica, sans-serif; display: inline;
			color:#ecf8ff; padding:0px 10px 0px 14px;border-right:solid 1px white; float:left; }
		#rodape li a{color:#ecf8ff;} 
		#rodape li:hover, #rodape li:hover a{background:#fff; color:#4684AF;}
		
	#rodape h3 {float:left;
			font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px 0px 0px 0px;
			color:#006699; height:26px; width:100%; text-align: center; background-color:#CEEEF8;}
		#rodape h3 a{color:#006699}
		#rodape h3 a:hover{ background-color:#EEEEC3;}