/* resources */

#blocos-principal-lateral{
	width:100px;
	float:left;
	background-image:url(../Imagens/lateral-resources.png);
	background-position:top;
	background-repeat:no-repeat;
	height:500px;
}

#blocos-principal-conteudo{
	width:480px;
	padding:15px;
	float:right;
	background-color:#FFFFFF;
}

.blocos-juntor{
	border-bottom:5px solid #666666;
	margin-bottom:10px;
	min-height:500px;
}
	
/*#############################################################*/
/*#############################################################*/
/*#############################################################*/

/* CAMPO DE BUSCA */

#pesquisa{
	height:35px;
	border-bottom:5px solid #666666;
	margin-bottom:10px;
}
	#pesquisa-esquerda{
		float:left;
	}
		#campocaracteres{
			width:118px;
			height:25px;
			float:left;
			margin-right:10px;
		}
			#campocaracteres input{
				width:112px;
				padding:5px 3px;;	
				background-color:#333333;
				color: #eeeeee; 
				font-size: 12px; 
				font-family: Arial, Verdana, Helvetica, sans-serif; 
				font-weight:bold;
			}
			#campocaracteres input:hover{
				background-color:#222222;
			}
		
		#botaook{
			width:25px;
			border:none;
			margin-bottom:10px;
			cursor:pointer;
			float:left;
		}
			#botaook a{
				display:block;
				line-height:25px;
				text-align:center;
				color: #ffc400; 
				font-size: 12px; 
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-weight:bold;
				background-color:#333333;
			}
			#botaook a:hover{
				background-color:#222222;
			}
	
	#pesquisa-direita{
		float:right;
	}
		#botaovisualizacao{
			width:154px;
			border:none;
			margin-bottom:10px;
			cursor:pointer;
		}
			#botaovisualizacao a{
				display:block;
				line-height:25px;
				text-align:center;
				color: #ffc400; 
				font-size: 12px; 
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-weight:bold;
				background-color:#333333;
			}
			#botaovisualizacao a:hover{
				background-color:#222222;
			}
	
/*#############################################################*/
/*#############################################################*/
/*#############################################################*/

/* LISTA */
	
.listaresources li{
	list-style:none;	
	width:480px;
	height:80px;
	margin-bottom:10px;
}

	.listaresources li .resources-imagem{
		width:143px;
		height:70px;
		float:left;
		border:5px solid #666666;
	}
	.listaresources li .resources-imagem:hover{
		border:5px solid #333333;
	}
	
	.listaresources li .resources-textos{
		position:relative;
		width:317px;
		height:75px;
		float:right;
		border-bottom:5px solid #666666;
	}
		.listaresources li .resources-textos h1{
			color: #c0e142; 
			font-size: 18px;
			font-family: Arial, Verdana, Helvetica, sans-serif; 
			line-height:20px; 
			margin-bottom:5px;
		}
		.listaresources li .resources-textos h1 a{
			color: #c0e142; 
			font-size: 18px;
			font-family: Arial, Verdana, Helvetica, sans-serif; 
			line-height:20px; 
			margin-bottom:5px;
			text-decoration:none;
		}
		
		.listaresources li .resources-textos p{
			color: #333333; 
			font-size: 12px; 
			font-family: Arial, Verdana, Helvetica, sans-serif;
			line-height:15px;
		}
		
/* THUMB */
	
.thumbresources li{
	list-style:none;
	float:left;
	width:153px;
	height:80px;
	margin-bottom:10px;
	margin-right:10px;
}

.thumbresources .semmargem{
	margin-right:0;
}

	.thumbresources li .resources-imagem{
		width:143px;
		height:70px;
		float:left;
		border:5px solid #666666;
	}
	.thumbresources li .resources-imagem:hover{
		border:5px solid #333333;
	}
	
	.thumbresources li .resources-textos{
		display:none;
	}