@charset "utf-8";

/* CSS Document */


/* Configuração geral da página com cor de fundo a imagem de bg, famíla de fontes a maneira como a fonte vai se apresentar no site assim como a cor e o tamanho */
body{background-color:#000000;
     background-image:url(../imagens_2/bg2.jpg);
	 background-repeat:no-repeat;
     font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-variant:small-caps;
	 font-size:16px;
	 color:#CCC;
	}

/* Essa é a DIV onde todo o conteúdo  do site */
#geral{width:920px;
       height:500px;

    }



/* Essa DIV chama a logomarca*/
#logo_rasga_baleia{position:absolute;
       	           left:3%;
	               top:3%;
	               width:350px;
                   height:270px;
	               z-index: 1;

    }


/* Essa DIV chama a imagem do Baleia e o Delegado que está abaixo da logomarca*/
#foto{background-image:url(../imagens_2/baleia.png)
      background-repeat:no-repeat;
	  position:absolute;
	  top: 248px;
	  left: 20px;
	  width:490px;
	  height:342px;
	  z-index: 2;
    }

/* Essa DIV insere a imagem que serve de bg para os link: msn, orkut, galeria e bastidores*/
#bg_links{background-image:url(../imagens_2/bg_links.png);
          background-repeat:no-repeat;
		  width:578px;
		  height:76;
		  position:absolute;
		  left:40%;
		  top:3%;
		  z-index: 1;

	}	

/* Essa DIV é responsável por colocar as imagens do menu em seu devido lugar, na página dentro da DIV tem uma tabela com as imagens do menu.*/
#menu{top:5%;
      left:39%;
	  position:absolute;
	  z-index:5;
}

/* Essa DIV chama a imagem que está abaixo do menu abaixo do menu*/
#seq_foto{background-image:url(../imagens_2/seq_fotos.png);
	      background-repeat:no-repeat;
		  position:absolute;
		  top:16%;
		  left:40%;
          width:580;
          height:300;
		  z-index:20;
}

/* Essa DIV mostra na página inicial um texto de introdução que quando clicado vai para o texto completo*/
#texto_intro{width:580px;
			 position:absolute;
			 top:67%;
			 left:40%;
			 text-align:justify;
			 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			 font-variant:small-caps;
			 letter-spacing: 1px;
			 font-size:13px;
			 color:#ccc;
			 z-index: 9;

}

/* Essa DIV faz a função de chamar o texto completo quando solicitado. Como o texto é extenso apliquei um atributo que cria uma barra de rolagem "overflow"*/
#texto_completo{width:575px;
             height:380px;
			 position:absolute;
			 padding-right:5px;
			 top:20%;
			 left:40%;
			 text-align:justify;
			 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			 font-variant:small-caps;
			 letter-spacing: 1px;
			 overflow:auto;
			 font-size:14px;
			 color:#ccc;
			 z-index: 9;

			 scrollbar-arrow-color:#666;
			 scrollbar-3dlight-color:#333;
			 scrollbar-highlight-color:#333;
			 scrollbar-face-color:#000;
			 scrollbar-shadow-color:#000;
			 scrollbar-darkshadow-color:#333;
			 scrollbar-track-color:#000;

}

/* Essa DIV é responsável pela inserção das duas imagens que chama os vídeos dos batidores*/
#paginacao_video{
		  position:absolute;
		  top:25%;
		  left:45%;
          width:580;
		  z-index:20;
}

#galeria{
	position:absolute;
	top:25%;
	left:530px;
	width:580;
	z-index:20;
}


/**&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&"
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/


/* Essa DIV chama o vídeo do youtube do Delegado*/
#video_delegado01{
		  position:absolute;
		  top:16%;
		  left:40%;
          width:580;
		  z-index:20;
}

/* Essa DIV chama o vídeo do Youtube do Baleia no estúdio*/
#video_baleia01{
		  position:absolute;
		  top:16%;
		  left:20%;
          width:580;
		  z-index:21;
}

/* Essa DIV traz dentro da DIV "paginacao_video" o vídeo do lado esquerdo*/
#video_esq{width:50%;
		   font-size:13px;
		   text-align:justify;
		   float:left;
		   font-variant:small-caps;
		   letter-spacing: 1px;
		   color:#FF6;
}
	
/* Essa DIV traz dentro da DIV "paginacao_video" o vídeo do lado direito*/
#video_dir{width:50%;
		   font-size:13px;
		   text-align:justify;
		   float:left;
		   font-variant:small-caps;
		   letter-spacing: 1px;
		   color:#FF6;

}	

/* *******************************************************************************************************************************/
/* Essa DIV é responsável pelo estilo nos links*/

a.leia:link{

	   font-variant:small-caps;
       font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	   font-size:12px;
	   text-decoration:none;
	   color:#FF0;

}

a.leia:visited{
	   font-variant:small-caps;
       font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	   font-size:12px;
  	   color:#FF0;
	   text-decoration: none;

}

a.leia:hover{
       font-variant:small-caps;
       font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	   font-size:12px;
  	   color:#FF0;
	   text-decoration: none;
}

a.leia:active{
	   font-variant:small-caps;
       font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	   font-size:12px;
   	   color:#FF0;
	   text-decoration: none;
}

/* ********************************************************************************************************************** */


#contador{position:relative;
          left:20%;
		  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		  font-size:16px;
		  color:#FF0;
}