.card {
    /*Adicione sombras para criar o efeito "card" */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

.card:hover {
    /* Ao passar o mouse, adicione uma sombra mais profunda */
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.9);
}

.container {
    /* Adicione um pouco de preenchimento dentro do contêiner de cartão */
    padding: 2px 16px;
}

#tudo {
	width: 732px;
	height: 298px;
        /*border: 1px solid;*/
        /*border-color:blue; */
}


#tudo1 {
	position:relative;
	width: 118px;
	height: 260px;
	float: left;
        /*border: 1px solid;
        border-color:red;*/
}

#tudo2 {
	position: relative;
	width: 608px;
	height: 260px;
	float: left;
        /*border: 1px solid;
        border-color:green;*/
}

#documento {
	position: relative;
	width: 110px;
	height: 22px;
	float: top;
        background-color: #D9D9D9;
        font-size: 16px;
        text-align:center;
        font-weight: bold;
        /*border: 1px solid;*/
        padding: 4px 4px;
}

#titulo {
	position: relative;
	width: 608px;
	height: 22px;
	float: top;
        background-color: #D9D9D9;
        font-size: 20px;
        font-weight: bold;
        padding: 4px 4px;
        /*border: 1px solid;*/
}

#imagem {
	position: relative;
	width: 110px;
	height: 160px;
	float: bottom;
        background-color: #F3F3F3;
        padding: 4px 4px;
        /*border: 1px solid;*/
}

#resumo {
	position: relative;
	width: 608px;
	height: 160px;
	float: bottom;
        background-color: #F3F3F3;
        padding: 4px 4px;
        /*border: 1px solid;*/
}

#palavras-chave {
        position: relative;
	width: 110px;
	height: 20px;
	float: top;
        background-color: #F9F9F9;
        font-size: 14px;
        font-weight: bold;
        /*border: 1px solid;*/
        padding: 0px 4px;
}

#texto_palavras-chave {
        position: relative;
        width: 608px;
	height: 20px;
	float: bottom;
        background-color: #F9F9F9;
        font-size: 14px;
        /*border: 1px solid;*/
        padding: 0px 4px; 
}

#disponivel_em {
	position: relative;
	width: 110px;
	height: 20px;
	float: top;
        background-color: #F9F9F9;
        font-size: 14px;
        font-weight: bold;
        /*border: 1px solid;*/
        padding: 0px 4px;
}

#texto_disponivel_em {
	position: relative;
        width: 608px;
	height: 20px;
	float: bottom;
        background-color: #F9F9F9;
        font-size: 14px;
        /*border: 1px solid;*/
        padding: 0px 4px; 
}

#acessado_no_dia {
	position: relative;
	width: 110px;
	height: 20px;
	float: top;
        background-color: #F9F9F9;
        font-size: 14px;
        font-weight: bold;
        /*border: 1px solid;*/
        padding: 0px 4px;
}

#texto_acessado_no_dia {
	position: relative;
        width: 608px;
	height: 20px;
	float: bottom;
        background-color: #F9F9F9;
        font-size: 14px;
        /*border: 1px solid;*/
        padding: 0px 4px; 
}

#autoria {
	position: relative;
	width: 110px;
	height: 20px;
	float: top;
        background-color: #F9F9F9;
        font-size: 14px;
        font-weight: bold;
        /*border: 1px solid;*/
        padding: 0px 4px;
}

#texto_autoria {
	position: relative;
        width: 608px;
	height: 20px;
	float: bottom;
        background-color: #F9F9F9;
        font-size: 14px;
        /*border: 1px solid;*/
        padding: 0px 4px; 
}

#data_publicacao {
	position: relative;
	width: 608px;
	height: 20px;
	float: top;
        background-color: #F9F9F9;
        font-size: 12px;
        text-align: right;
        font-weight: bold;
        border: 1px italic;
}

/* CSS DO CARD DUPLO*/
tr:nth-child(even) {
  background-color: #f2f2f2
}