/* -------------- GALERIA ------------- */ 

#principal a.galeria-item{
	float: left;
	display: block;
	width: 100px;
	height: 75px;
	margin: 0px 4px 4px 0px;
	text-align: center;
	overflow: hidden;
	border: #DDD 3px solid;
	display:table-cell;
	vertical-align:middle;
	position: relative;
	}
	
#principal a.galeria-item span{
	width: 100%;
	display: none;
	position: absolute;
	bottom: 0px;
	background: #F60;
	color: #FFF;
	font: normal 9px verdana;
	}

#principal a.galeria-item IMG{
	width: 100px;
	height: 75px;
	}
	
#principal a.galeria-item:hover {
	border-color: #F60;
	text-decoration: none;
	}

#principal a.galeria-item:hover span{
	display: block;
	text-decoration: none;
	border-bottom: 0px;
	}	
	
#principal a.galeria-item img {
	vertical-align:middle;
	}
	
/* ----  */

	#mask {
	  position:absolute;
	  left:0;
	  top:0;
	  z-index:9000;
	  background-color:#000;
	  display:none;
	}

	.window {
	  position:absolute;
	  left:0;
	  top:0;
	  width:640px;
	  height:490px;
	  display:none;
	  z-index:9999;
	  padding:20px;
	}

	#dialog {
	  width:640px; 
	  height:480px;
	  padding:10px;
	}

	#filme-maior {
	  width:640px; 
	  height:480px;
	  padding:2px;
	  background-color:#000;
	}	
	
	.close{display:block; text-align:right;}


/* ---  */

		#principal #film_box { background: transparent ; }

		#player { margin-bottom: 50px; position: relative;}
		#tela { float: left; position: relative; width: 360px; height: 270px; border: #DDD 3px solid; }
		#box_texto { width: 170px; float: right; }
		
		#box_anterior,
		#box_proximo {position: absolute; bottom: 0px; right: 0px; width: 360px; background: #DDD; border-top: #DDD 3px solid; display: none;}
		
		#box_anterior img,
		#box_proximo img {width: 100px; height: 75px; border: #999 2px solid;}

		#ant_nav,
		#prox_nav { color: #F60; font-weight: bold;}
		
		#ant_thumb,
		#prox_thumb { float: left; margin: 5px 10px 5px 5px;}
		
		#box_anterior_dados,
		#box_proximo_dados { float: left; width: 180px; margin-top: 5px;}

		#principal #btn-func { width: 175px; position:absolute; bottom: 15px; right:0px; }
		#principal #btn-func a { display:block; }
		
		#principal #box_controles {float: left; position:relative; width: 360px; margin-top: 2px;}
		#principal #box_controles a {color: #999; text-decoration: none; font-family: verdana; font-size: 10px; line-height: 15px;}
		#principal #box_controles a:hover {color: #F60; }		
		
		#principal #controle-anterior {position:absolute; left: 0px; padding-left: 16px; background-image: url('../img/player_anterior.gif'); background-repeat: no-repeat; background-position: top left;}
		#principal #controle-repetir {position:absolute; left: 30%; padding-left: 16px; background-image: url('../img/player_repetir.gif'); background-repeat: no-repeat; background-position: top left;}
		#principal #controle-maior {position:absolute; right: 30%;   padding-right: 18px; background-image: url('../img/player_maior.gif'); background-repeat: no-repeat; background-position: top right;}
		#principal #controle-proximo {position:absolute; right: 0px;  padding-right: 16px; background-image: url('../img/player_proximo.gif'); background-repeat: no-repeat; background-position: top right;}
		
			#principal #controle-anterior:hover,
			#principal #controle-repetir:hover {background-position: left bottom;}
			#principal #controle-maior:hover,
			#principal #controle-proximo:hover {background-position: right bottom;}

		
		#principal .galeria-bloco a { color: #000; font-weight: normal; line-height: 14px;}
		#principal .galeria-bloco a:hover { text-decoration: none;}
		#principal .galeria-bloco a:hover h4 { color: #F60;}
		#principal .galeria-bloco a:hover IMG { border-color: #F60;}
		
		#principal .galeria-bloco { float: left; width: 250px; margin-right: 5px; margin-bottom: 12px;}
		#principal .galeria-bloco IMG { width: 100px; height: 75px; margin-right: 5px; border: #DDD 3px solid;}
		#principal .galeria-bloco-thumb { float: left;}
		#principal .galeria-bloco-texto { float: left; width: 130px; color: #000; text-decoration: none;}
		#principal .menor { font-size: 11px;}