*
{
   margin: 0;
   border:0;
}

html, body
{
    height: 100%;
}

body 
{    
   	font: 12px Arial, Helvetica, sans-serif; 
	color: #eee; 
	margin:0;
	background-color:#0a0a0a;
	text-align:center;    
}



a, a:visited {
	text-decoration: none;
	color: Gray;
	font-weight:bold;
	}
	
a:hover
{
  color:Red; 
}

img
{
    border:none;
}

#global_container
{
    display:table;
    width:100%;
    height:100%;
}

* htm #global_container
{
    height: 100%; /* hack para IE6 hq trata height como min-height */    
}


#global_container_child
{
    display:table-cell;   
    text-align:center;
    background:#0a0a0a url(imagens/content.jpg) no-repeat center bottom;
    padding-bottom:15px;
}

#global_container_footer
{
    display:table-row;
    height:20px;
}


#container
{    
    width:990px;      
    text-align:left;
    margin:0 auto;
}

#topo
{
    position:relative;
    background:#0a0a0a url(imagens/top.jpg) no-repeat top;     
    width:100%; 
    height:154px;
}

#idiomas
{
    position:absolute;
    float:right;
    top:10px;
    right:10px;
    padding-right:10px;           
}


#conteudo
{
    position:relative;
    width:100%;        
    padding:25px 0 0 0;
}


#ladoA
{
	position:relative;
	float:left;	
	width:580px;  	
	}

#ladoB
{
	float:right;
	width:379px;
	position:relative;
	border-left:dotted 1px #e0e0e0;
	margin:0 10px;
	padding-left:10px;
}

.imgLB
{
    margin:8px 0 0 0;
}


#ladoC
{
	width:900px;
}

#divisorVertical
{
    width:1%;
    position:relative;
    background:#0a0a0a (imagens/divisor.gif) repeat top;
    float:right;   
}

p.conteudo
{
  text-align:justify;
  color:#eee;
  font-size:10pt;
}

p.conteudoVideo
{
  width:100%;
  text-align:center;
  color:#eee;
  font-size:10pt;
}


#footer
{    
    clear: both;
    width: 1000px;    
    color: #aaa;
    margin:0 auto;
    height:20px;
}


#flin1
{
    width:100%; 
    font-size:7pt;
    text-align:center;   
}


#fcol1
{
    float: left;
    text-align: left;
    font-size: 80%;
    padding-left: 5px;
}

#fcol2
{
    float: right;
    text-align: right;
    font-size: 75%;
    padding-right: 5px;
    text-align:left;
}




#video
{
    width:425px;
    height:350px;
    background-color:#0a0a0a;
    position:absolute;
    top:60px;
    left:100px;
}

.titulo
{
 font-size:16pt;
 font-family:Arial Black, Arial, Impact;
 font-weight:bolder;
 text-transform:uppercase; 
 color:#b00;
}

.tituloVideo
{
 font-size:16pt;
 font-family:Arial Black, Arial, Impact;
 font-weight:bolder;
 text-transform:uppercase; 
 color:#b00;
 width:100%;
 text-align:center;
}

.produtor
{
    font-size:10px;
}


/*///////// -> BARRA DE NAVEGAÇÃO */

#barNav {
	width:942px;
	height:80px;
	text-align:left;
	margin:0 auto;
	position:relative;
	font-size:9pt;
	}

ul { 
	margin:0; 
	padding:0;
	}

ul li {
	list-style:none; 
	display:inline;
	}
	
ul li a{
	float:left;
	width:82px;
	color: gray;
	font-weight:bold;
	text-decoration: none;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	padding-top:20px; /*Essa linha ocasiona problemas no álbum*/
	}
	
ul li a:hover{}
ul.itemsMenu a{}
	
ul.itemsMenu a:hover{
	background:url('imagens/backLink.png') no-repeat -20px top;
	height:77px;
	color:#ff0000;
	}
	
ul a:visited 
{
    
 } 

br {margin:10px 0;}


ul a.here:link,
ul a.here:visited {
	background:url('imagens/backLink.png') no-repeat -20px top;
	height:77px;
	color:red;
}


/*///////// -> CONTROLES */

.dropdownlist
{
    background-color:#0a0a0a;
    color:#c00;
    border:none;
    padding:3px 3px 3px 3px;
    text-transform:uppercase;
    font-size:10px;
}

.datalist
{
    margin-left:20%;
}

.datalistVideos
{
    margin-left:12%;
}

.formview
{
   margin-left:25%;
}

.fotozoom
{
    border-bottom:solid 3px #red;
    border-right:solid 2px #white;
}

.hyperlink
{
    width:103px;
    height:77px;
}

.textbox
{
   background-color:#888;
   border:none;
   color: Black;  
}

.button
{
   background-color:Black;
   color:#999999;
   border:solid 1px #c3c3c3;
   width:75px;
   font-weight:bold;
}

.logo_fabulas h1 a
{
    float: left;  
    background: url(imagens/logo_fabulas.jpg) no-repeat center center;
    width: 250px;
    height: 167px; 
}