@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
}

html, body {height:100%;} 

body {
  color:#fff;
  font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  text-align:justify;
}

a{
	text-decoration:none;
}

ul{
	list-style:none;	
}

img{
	border:0;	
}

#tudo {
  width:100%;
  position:relative;  /*Contexto de posicionamento */
  margin:0 auto;
  text-align:left;
  min-height:100%;/**/
  background-image:url(../images/bg_body.jpg);
  background-position:center bottom;
  background-repeat:no-repeat;
  background-color:#000;
  background-attachment:scroll;
}

* html #tudo {height: 100%;}

#topo {
  width:100%;
  height:235px;
  text-align:center;
  padding-top:1px;
  min-width:980px;
  background:url(../images/bg_topo.jpg) repeat-x;
}

#conteudo {
  width:990px;
  min-width: 990px;
  margin: 0 auto;
  padding-bottom:100px;
}

.clear {clear:both;}

#rodape {
  width:100%;
  height:100px;
  position: absolute;
  bottom: 0;
  text-align:center;
}

#rodape p.direitos{
	font-weight:bold;
	float:left;
	padding:0;
	margin:0;
	padding-left:210px;
	width:auto;
	margin-top:65px;
	color:#FFF;
}

#rodape p.mjp{
	float:left;
	width:74px;
	padding:0;
	margin:0;
	padding-left:5px;
	margin-top:51px;
}

#rodape p.mjp a, a img{
	border:0;
}

#cont_rodape{
	width:980px;
	margin:0 auto;
}

#flashContent { display:none; }

.col_unica{
	width:980px;
	float:left;
}

.coluna{
	width:980px;
	float:left;
	height:auto;
	margin-bottom:30px;
	text-align:justify;
}

.bloco{
	width:470px;
	float:left;
	height:auto;
	text-align:justify;
	margin-right:20px
}

/*Albuns página INDEX*/
#ult_albuns{
	width:490px;
	float:left;
	height:auto;
}

.item_album{
	width:245px;
	float:left;
	margin-top:15px;
	height:80px;	
}

.item_album_glr{
	width:245px;
	float:left;
	margin-top:15px;
	margin-left:10px;
	height:80px;	
}

.capa_album{
	width:80px;
	height:80px;
	float:left;	
}

.txt_album{
	width:155px;
	height:70px;
	float:right;
	padding-left:5px;	
	text-align:left;
	border-left:1px dotted #333;
}

.txt_album strong{
	font-size:12px;
}

.glr{
	width:80px;
	height:60px;
	margin:5px 0;	
}
/*FIM ALBUNS INDEX*/

/*vídeos página INDEX*/
#ult_videos{
	width:480px;
	float:left;
	height:auto;
	margin-left:10px;
}

#item_videos{
	width:149px;
	height:130px;
	float:left;
	margin-bottom:5px;
	text-align:center;
}

#item_videos a{
	color:#069;
}

#item_videos a:hover{
	color:#fff;
}
/*FIM ALBUNS INDEX*/

h1.dir{
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	background:url(../images/bg_h1_dir.jpg) no-repeat left;
	line-height:30px;
	padding-left:60px;
}

h1.esq{
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	background:url(../images/bg_h1_esq.jpg) no-repeat right;
	line-height:30px;
	padding-right:60px;
}

/*GAMES*/
#cont_games{
	margin:0 0 20px 13px;
	float:left;
	width:140px;
	width:150px;
	background:url(../images/bg_game.jpg) no-repeat top center;
}

#cont_games a{
	color:#09C;
}

#games{
	height:auto;
	padding:0 auto;
	width:980px;
	text-align:center;
}
	
#th_games{
	width:150px;
	height:130px;
	float:left;
	margin-top:20px;
	text-align:center;
}	

.titulo_games{
	font-size:16px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:none;
	text-align:justify;
}

p.txt_game{
	color:#666;
	text-align:center;
	padding:5px 10px;	
}

a:hover p.txt_game{
	color:#069;	
}
/*FIM GAMES*/

/*VÍDEOS*/
#cont_video{
	margin-top:150px;
}
	
#video{
	width:640px;
	height:auto;
	margin:100px auto;
}
	
#th_video{
	width:120px;
	height:130px;
	float:left;
	margin:0 0 10px 25px;
	text-align:center;
}	

#th_video a {
	color:#069;
}	

#th_video a:hover {
	color:#FFF;
}	

.titulo_video{
	font-size:16px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:none;
	text-align:justify;
}

.mini_titulo{
	font-size:10px;	
	height:30px;
}

	/* main vertical scroll */
/* DEPRECATED FILE */




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/right.png);
	clear:right;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;
}

#main {
  position:relative;
  overflow:hidden;
  height: 500px;
  width: 780px;
}

/* root element for pages */
#pages {
  position:absolute;
  height: 500px;
}

/* single page */
.page {
  height: 500px;
  background:none;
  width:780px;
}

/* root element for horizontal scrollables */
.scrollable {
  position:relative;
  overflow:hidden;
  width: 770px;
  height: 490px;
  overflow-y:auto;
}

/* root element for scrollable items */
.scrollable .items {
  width:780px;
  position:absolute;
  clear:both;
}

/* single scrollable item */
.item {
  float:left;
  cursor:pointer;
  width:780px;
}

/* main navigator */
#main_navi {
  float:left;
  padding:0px !important;
  margin:0px !important;
}

#main_navi li {
  background-color:#333;
  border-top:1px solid #666;
  clear:both;
  color:#FFFFFF;
  font-size:12px;
  list-style-type:none;
  padding:10px;
  width:180px;
  cursor:pointer;
}

#main_navi li:hover {
    background-color:#444;
}

#main_navi li.active {
    background-color:#555;
}

#main_navi img {
  float:left;
  margin-right:10px;
}

#main_navi strong {
    display:block;
}

#main div.navi {
  margin-left:250px;
  cursor:pointer;
}

/* the overlayed element */
.apple_overlay {

	/* initially overlay is hidden */
	display:none;

	/* growing background image */
	background-image:url(../img/overlay/white.png);

	/*
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:680px;

	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(../images/white.png);
		color:#efefef;
		height:450px;
	}

	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:500px;
		overflow-y:auto;
	}


/*FIM VÍDEOS*/

.btn_entrar{
	width:75px;
	float:right;
}

.btn_entrar a{
	color:#069;
}

.btn_entrar a:hover{
	color:#F00;
	text-decoration:underline;
}

.btn_entrarL{
	width:75px;
	float:left;
}

.btn_entrarL a{
	color:#069;
}

.btn_entrarL a:hover{
	color:#F00;
	text-decoration:underline;
}

#mostra_video{
	width:680px;
	margin:0 auto;
	text-align:center;
}

#mostra_video h1{
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#069;
	margin:20px 0;
}

/* EMPRESA */
#scroll_empresa{
	width:620px;
	height:410px;
	float:left;
}

#txt_empresa{
	width:360px;
	height:410px;
	float:left;
}

#txt_empresa p{
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	text-align:justify;
}

#txt_empresa strong{
	color:#069;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
}

strong{
	color:#09C;
	font-weight:bold;
	font-size:14px;
}

#txt_empresa p:hover{
	color:#FFF;
	text-align: justify;
}
/* FIM EMPRESA*/

.destaque{
	color:#E7F1FE;
	font-size:14px;
	text-align:center;
	line-height:30px;	
}

.colL{
	width:170px;
	float:left;
	text-align:left;
	margin-bottom:10px;
}

.texto{
	color:#fff;	
	padding:5px;
}

ul#top{
	display:none;	
}