* {
	margin:0;
	padding:0;
	border:0;
}

html {
	height:100%;
	width:100%;
	background:#111414 url(../images/bg.gif) 50% 0 repeat-x;
}

/* ----------------- */
/* Valore revistos no js do html no evento resize: */

body {
	height:100%;
	width:100%;
	overflow:hidden;
}

#geral { /* igual ao #page-wrap */
	position:absolute;

	width:914px;
	height:750px;

	top:50%;
	left:50%;
	margin:-375px 0 0 -457px;
}

/* ----------------- */

#reload {
	display:none;
	position:absolute; z-index:999;
	height:98px;
	width:303px;
	overflow:hidden;
	left:50%;
	top:50%;
	margin:-49px 0 0 -151px;
}

#reload a {
	display:block;
	height:98px;
	width:303px;
	overflow:hidden;
	background:url(../images/btn_reload.png) 0 0 no-repeat;
	cursor:pointer;
	font-size:0;
	line-height:0;
}
#reload a:hover {
	background-position:-303px 0;
}

/* ----------------- */

#logo {
	position:absolute;
	width:554px;
	height:278px;
	overflow:hidden;
	margin:-96px 0 0 -96px;
}

#logo img {
	cursor:pointer;
}

	#sobre {
		position:absolute;z-index:99;
		margin:93px 0 0 34px;

		width:275px; /* LARG SBr + botao de fechar */
		height:565px; /* ALT SBr */
		overflow:hidden;
		line-height:180%;
	}		
		#sobre_desliza {
			width:225px; /* LARG SBr + paddings */
			height:543px; /* ALT SBr + paddings */
			/*overflow:hidden;*/
			padding:22px 15px 0 15px;
			background:url(../images/bg_about.png) 0 0 repeat;
		}
			#sobre_deslizaFechar {
				position:absolute; z-index:99;
				margin:-22px 0 0 240px;
			}
				#sobre_deslizaFechar a {
					display:block;
					height:20px;
					width:20px;
					background:url(../images/bg_about.png) 0 0 repeat;
					cursor:pointer;
					
					font-family:Arial Black, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#cececc;
					line-height:165%;
					text-align:center;
					font-weight:bold;
					font-style:normal;
				}
				#sobre_deslizaFechar a:after { content: "X"; }
				#sobre_deslizaFechar a:hover { background:#9fafbf; color:#000; }

		#sobre_deslizaBtn {}
			#sobre_deslizaBtn a {
				display:block;
				margin:10px 0 0 42px;
				height:39px;
				width:123px;
				overflow:hidden;
				background:url(../images/btn_profile.png) 0 0 no-repeat;
				cursor:pointer;
				font-size:0;
				line-height:0;
			}
			#sobre_deslizaBtn a:hover {
				background-position:-123px 0;
			}
		
		
		#sobre h1 {
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#9fafbf;
			font-size:14px;
			text-transform:uppercase;
			font-weight:normal;
		}
		#sobre p {
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
			color:#fff;
			padding:0 0 25px 0;
			line-height:180%;
		}
		

/* ----------------- */	
		

#menu {
	position:absolute;

	/* tam MNU */
	width:400px;
	height:20px;
	overflow:hidden;
	
	margin:26px 0 0 480px;

	vertical-align:middle;
	font-size:0;
	line-height:0;
	
	text-align:right;
}
	#menu * {
		vertical-align:top;
	}
	#menu label {
		height:18px;
		margin:0 7px 0 0;
		padding:0 5px 0 5px;
		font-family:'trebuchet MS', Arial, Verdana;
		font-size:14px;
		font-style:italic;
		color:#fff;
		line-height:130%;
		/*background-color:#fff;*/
	}
	#menu select {
		height:19px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#c1c1c1;
		line-height:90%;
		border:1px solid #929293;
		text-align:left;
	}
	#menu select option {}
	#menu select option.disabled {
		font-style:italic;
		background-color:#f5f5f5;
	}


/* ----------------- */

#carrosselClick {
	position:absolute; z-index:99;

	/* tam MNU */
	width:400px;
	height:20px;
	overflow:hidden;
	
	margin:26px 0 0 480px;
	
	cursor:pointer;
	background:transparent;
	background:url(../images/bg_menu.png) 0 0 repeat; /* ie maldito nao entende background:transparent */
}

#carrosselBG {
	/*position:absolute;*/ position:fixed; z-index:998;
	top:0; left:0;
	width:100%;
	height:100%;
	background-color:#000;
}

#carrosselVoltar {
	position:absolute; z-index:9999;
	left:50%;
	top:50%;
	height:98px;
	width:303px;
	margin:-49px 0 0 -410px;
}

#carrosselVoltar a {
	cursor:pointer;
	display:block;
	height:98px;
	width:303px;
	overflow:hidden;
	background:url(../images/btn_voltar.png) 0 0 no-repeat;
	cursor:pointer;
	font-size:0;
	line-height:0;
}
#carrosselVoltar a:hover {
	background-position:-303px 0;
}
	
#carrossel {
	/*position:absolute;*/ position:fixed; z-index:999;
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	
	top:0; /* redefinido pela coordenada do mouse (menu_mouse.js) */
	left:0;
	padding:60px 0 30px 0;
	text-align:right;
}

	#carrossel h1 {
		margin:30px 0 25px 0;
		padding:0 10px 0 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:15px;
		font-weight:normal;
		color:#9fafbf;
	}
	
	#carrossel a {
		display:block;
		padding:0 10px 0 0;
		cursor:pointer;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size:40px;
		color:#929293;
		text-decoration:none;
	}
		#carrossel a:hover {
			color:#d0d0d0;
			color:#fff;
		}
		#carrossel a:visited {
			text-decoration:line-through;
		}

	#carrossel a.carrosselME {
		color:#929293;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		font-size:14px;
		font-weight:bold;
		font-style:normal;
	}
		#carrossel a.carrosselME:hover {
			color:#d0d0d0;
		}
		
		#carrossel a.carrosselME:visited {
			text-decoration:none;
		}


/* ----------------- */


#regua {
	position:absolute; z-index:99;
	margin:699px 0 0 34px;
	
	height:25px;
	width:450px;
	
	overflow:hidden;
}

	#regua_mais {
		float:left; display:inline;
		display:block;
		height:25px;
		width:25px;
		overflow:hidden;
		padding:0 3px 0 0;
	}
		#regua_mais a {
			display:block;
			height:25px;
			width:25px;
			overflow:hidden;

			cursor:pointer;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:20px;
			font-style:italic;
			font-weight:bold;
			color:#000;
			line-height:130%;
			text-align:center;
			
			background-color:#fff;
		}
		#regua_mais a:hover { background-color:#9fafbf; }



#regua_nav {
	float:left; display:inline;
	padding:11px 0 0 0;
}
	/*BACKUP
	#regua_nav #regua_navBtn {}

	#regua_nav #regua_navBtn a {
		display:block; float:left;
		height: 12px;
		width:12px;
		margin:0 0 0 6px;
		overflow:hidden;
		background-color:#929293;
		
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		font-weight:bold;
		font-size:10px;
		text-decoration:none;
		line-height:120%;
		text-align:center;
		
		border:1px solid #929293;
		
		font-size:0;
	}
		#regua_nav #regua_navBtn a:hover { background-color:#fff; border:none; margin:1px 1px 0 7px; }
		#regua_nav #regua_navBtn a.cur { background-color:#fff; border:none; margin:1px 1px 0 7px; }
	*/
		
		
	#regua_nav #regua_navBtn {}

	#regua_nav #regua_navBtn a {
		display:block; float:left;
		height: 14px;
		width:14px;
		
		/*margin:0 0 0 6px;*/ /* vamos usar border ao inves de margin apenas para aumentar a área clicável */
		border-left:3px solid #000;
		border-right:3px solid #000;
		
		overflow:hidden;
		background-color:#929293;
		
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		font-weight:bold;
		font-size:10px;
		text-decoration:none;
		line-height:120%;
		text-align:center;
		
		font-size:0;
		
		/*-webkit-transition: all .1s ease;
    	-moz-transition: all .1s ease;
    	-o-transition: all .1s ease;
    	transition: all .1s ease;*/
	}
		#regua_nav #regua_navBtn a:hover { background-color:#fff; }
		#regua_nav #regua_navBtn a.cur { background-color:#fff; border:2px solid #000; border-left-width:5px; border-right-width:5px; /*2 + 3 antigo*/ height: 10px; width:10px; }

/* ----------------- */

#info {
	margin:657px 0 0 34px; /* marginTop eh recalculado no JS */
	position:absolute; z-index:99;
	width:726px;
	background:url(../images/bg_info.png) 0 0 repeat;
	padding:10px;
}
	
	#info p {
		font-family:'trebuchet MS', Arial, Verdana;
		font-size:13px;
		color:#cececc;
		line-height:150%;
	}
	#info p a {
		color:#9fafbf;
		text-decoration:none;
	}
	#info p a:hover {
		/*text-decoration:underline;*/
		color:#fff;
		background-color:#9fafbf;
	}
	#info p a.external {
		position:absolute; z-index:99;
		margin:-26px 0 0 -10px;
	
		display:block;
		height:16px;
		overflow:hidden;
		
		padding:0 5px 0 5px;
		font-family:'trebuchet MS', Arial, Verdana;
		font-size:11px;
		text-transform:uppercase;
		color:#fff;
		line-height:150%;
		text-decoration:none;
		background-color:#9fafbf;
		font-weight:normal;
		cursor:pointer;
	}
	#info p a.external:hover {
		background-color:#000;
		color:#fff;
	}
	

	
#info_fechar {
	position:absolute; z-index:99;
	/*margin:-10px 0 0 510px;*/
	/*margin:-10px 0 0 0;*/
	margin:-10px 0 0 0;
	left:100%;
}

#info_fechar a {
	display:block;
	height:20px;
	width:20px;
	background:url(../images/bg_info.png) 0 0 repeat;
	cursor:pointer;
	
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cececc;
	line-height:165%;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}
	#info_fechar a:hover { background:#9fafbf; color:#000; }
	

/* ----------------- */


#rodape {
	position:absolute; z-index:9;
	margin:701px 0 0 380px;
	text-align:right;
	
	height:23px; /* Tam RodBtn + border e paddings dos botoes */
	width:500px;
	overflow:hidden;
}
	#rodape a {
		display:inline-block;
		margin:0 0 0 3px;
		padding:2px 8px 0 8px;
		height:19px; /* Tam RodBtn */
		overflow:hidden;
	
		font-family:'Trebuchet MS', Arial, Verdana;
		font-size:13px;
		font-style:italic;
		color:#fff;
		text-decoration:none;
		text-transform:lowercase;
		line-height:130%;
		
		cursor:pointer;
		
		/*background-color:#929293;*/
		background-color:#000;

		border:1px solid #000;
		
		-webkit-transition: all .5s ease;
    	-moz-transition: all .5s ease;
    	-o-transition: all .5s ease;
    	transition: all .5s ease;
	}

	/*#rodape a:hover { BgUI** O HOVER AGORA É FEITO VIA JQUERY, NO HTML 
		background-color:#9fafbf;
	}*/
	
	#rodape a.rodapeLink {
	}

	#rodape a#start-stop { /* START E STOP */
		border:1px dotted #9fafbf;
		color:#9fafbf;
	}
	/*#rodape a#start-stop:hover { 
		background-color: #9fafbf; BgUI** O HOVER AGORA É FEITO VIA JQUERY, NO HTML
		 color:#fff;
	}*/
	#rodape a#start-stop.playing { /* ESPECIFICO PARA O BOTAO STOP */
	}


/* ----------------- */


#contato {
	position:absolute; z-index:9;
	width:255px; /* LARG Cont */
	height:350px; /* ALT Cont e botao fechar */
	overflow:hidden;
	
	margin:307px 0 0 625px;

	line-height:0;
}
#contato * { line-height:0; }
	#contato_desliza {
		width:230px; /* LARG Cont + paddding */
		height:308px; /* ALT Cont + paddding */
		overflow:hidden;
		padding:22px 0 0 25px;
		/*background:#000;*/
		background:url(../images/bg_about.png) 0 0 repeat;
	}
		#contato_desliza p {
			padding:0; margin:0;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#9fafbf;
			font-size:14px;
			text-transform:uppercase;
			font-weight:normal;
			line-height:150%;
		}
		#contato_desliza input,
		#contato_desliza textarea {
			clear:both;
			padding:5px 5px 0 5px; margin:0 0 10px 0;
			width:194px;
			height:19px;
			
			font-family:Verdana, Geneva, sans-serif;
			font-size:11px;
			color:#000;
			line-height:120%;
			
			background-color:#fffcd7;
		} #contato_desliza textarea { height:95px; overflow:auto; }
		
		#contato_desliza input:hover,
		#contato_desliza textarea:hover {
			background-color:#fcf58f;
		}
		#contato_desliza input:focus,
		#contato_desliza textarea:focus {
			background-color:#9fafbf;
			color:#fff;
		}
		
		#contato_deslizaFechar {
				position:absolute; z-index:9;
				margin:-42px 0 0 210px;
			}
				#contato_deslizaFechar a {
					display:block;
					height:20px;
					width:20px;
					background:url(../images/bg_about.png) 0 0 repeat;
					cursor:pointer;
					
					font-family:Arial Black, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#cececc;
					line-height:165%;
					text-align:center;
					font-weight:bold;
					font-style:normal;
				} #contato_deslizaFechar a:hover { background:#9fafbf; color:#000; }
		
		#contato_deslizaBtn {}
			#contato_deslizaBtn a {
				display:block;
				margin:10px 0 0 42px;
				height:39px;
				width:123px;
				overflow:hidden;
				background:url(../images/btn_enviar.png) 0 0 no-repeat;
				cursor:pointer;
				font-size:0;
				line-height:0;
			}
			#contato_deslizaBtn a:hover {
				background-position:-123px 0;
			}
			
			
/* ----------------- */

#social {
	position:fixed;
	bottom:0;
	right:0;
	padding:10px;
}

	#social a {
		/*cursor:pointer;*/
		display:block;
		height:16px;
		width:16px;
		margin:10px 0 0 0;
	}


/* ----------------- */


#ieca {
	height: 900px;
	position: absolute;
	width:100%;
	z-index:999;
	left:0;
	padding:30px 0 0 0;
	background:#f0f0f0 url(../images/big_x_for_ie6.gif) 23px 10px no-repeat;
}

#ieca_msg {
	background:#9fafbf;
	width: 545px;
	margin: 0 0 8px 327px;
	text-align: left;
	padding: 15px;
	overflow: hidden;
	color: #fff;
}

	#ieca_msg h1 {
		font-family:'trebuchet MS', Arial, Verdana;
		font-size:14px;
		font-style:italic;
		font-weight:bold;
	}
	
	#ieca_msg p {
		font-family:'trebuchet MS', Arial, Verdana;
		font-size:14px;
	}
	
	#ieca a {
		padding:0 5px 0 5px;
		background-color:#000;
		margin: 0 0 0 327px;
		font-family:'trebuchet MS', Arial, Verdana;
		font-size:13px;
		font-style:italic;
		color:#fff;
		text-decoration:none;
	}
		
	#ieca a:hover { background-color:#929293; }