/* Container geral da barra lateral esquerda que contém botões
   thumbnails das imagens. */
#thumbs_container {
	width:790px;  /* 232px */
	float:left;
}

/* Botões numerados para as páginas do ensaio */
#botoes {
	width: 783px; /* 228px */
	height: 24px;
	border: 1px solid gray;
	/*border-bottom: none;*/
	padding-left: 2px;
	padding-top: 2px;
	background-color: #BBBCFC;
}	

#botoes img {
	border: 1px solid white;
	width:20px;
	height:20px;
}

#botoes img:hover {
	border: 1px solid gray;
}

/* Thumbnails */
#thumbs {
	width: 780px;  /* 225px */ 
	height: 100px; /* 405px */
	background-color: white; 
	padding-left: 5px; 
	padding-top: 3px;
	border: 1px solid gray; 
	border-top:none;
	background-color: #BBBCFC;
}

#thumbs img {
	float: left; 
	margin-right: 3px; 
	margin-left: 3px; 
	margin-top: 3px; 
	margin-bottom: 3px;
	border: 2px solid white;
	width:100px;
	height:90px;
}

#thumbs img:hover {
	border: 2px solid black;
}

/* Imagem grande */
#imagem {
	width: 790px; 
	margin-top: 10px;
	margin-bottom: 20px;
	float:left;
}

/* Imagem grande selecionada */
#imagem img {
	float:left;
	margin-right:10px;
}

/* Informações sobre o boy, ficha técnica, etc. */
#imagem p {
	font-size: 1em;
	font-weight:normal;
	font-family: verdana;
}

/* Título que tem o nome do boy */
#imagem h1 {
	font-size:1.2em;
	font-weight:bold;
	font-family: verdana;
	color: black;
}

/* Boy que é o destaque da seção */
#boydestaque {
	width: 780px; 
	margin-top: 10px;
	margin-bottom:15px;
	height:350px;
}

#boydestaque h1 {
	font-size:1.2em;
	font-weight:bold;
	font-family: verdana;
	color: black;
}

#boydestaque p {
	font-family: verdana;
}

#boydestaque img {
	margin-right: 20px;
	float: left;
}

/* Segundo boy destaque. Isso deverá mudar depois do 3o. boy */
#boydestaque2 {
	width: 780px; 
	height: 200px; 
	border: 1px dotted black;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 10px;
}

#boydestaque2 img {
	margin-right: 20px;
	float: left;
}

/* Box que contém imagem com thumbs do ensaio. Agora são vários boxes, um para cada ensaio */
.boxboy {
	width: 380px;
	float: left;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	border: 1px dotted black;
}

/* ensaios anteriores */
#headerBoys {
	width: 788px;
	background-color:#fa7f06;
	padding: 5px 5px 5px 5px;
	font-size:1.2em;
	color:white;
}

#containerThumbsBoys {
	width:791px;
	padding: 20px 5px 15px 0px;
	background-color:#fee1c4;
	border-left: 1px solid #fa7f06;
	border-right: 1px solid #fa7f06;
	border-bottom: 1px solid #fa7f06;
	margin-bottom:10px;
	float:left;
}

.tnEnsaioBoy {
	background-color:white;
	width:150px;
	height:150px;
	padding:10px 10px 10px 10px;
	margin-left: 20px;
	margin-bottom: 20px;
	float:left;
}

