.favIcon { float:right; margin-right: 10px; }
.musica .favIcon { width: auto; height: auto; float: right; margin: 40px 10px 0 0; border-radius: 0; }

#obras-listagem{ }

/*leo*/
#content_select_estilo { margin-bottom:5px; }
#content_select_estilo select { border:1px solid; height:30px; margin-top:5px; color:#7b7b7b; margin-right:10px; font-size:14px; min-width:80px; }
#obras-listagem .picture { float:left; margin:0 15px 15px 0; }
#obras-listagem .col-1-3 { position:relative; width:32.3%;	border-bottom: 1px solid #E1E1E1; float: left; padding:20px 0 20px 15px; border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; }
#obras-listagem .col-1-3:nth-child(3n-1) { border-left:0; padding-left:0; }
#obras-listagem .col-1-3 .botao { position:absolute; right:0; top:150px; }


#obras-listagem p {margin-bottom:0px;font-family: Roboto;font-size:14px; display:table-cell;padding-left: 0px; padding-right:10px;}

.fichadeleitura { display:table; padding-bottom:20px; border-bottom:1px solid #e8e8e8; font-size:15px; }
.fichadeleitura p { margin-bottom:20px; }
.fichadeleitura .cor_azul16 { color: #f2911c; font-weight: bold; float: left; margin-right: 8px; font-size:18px; font-weight:500; }
.fichadeleitura h2 { display:block; color: #0073ac; font-family: Ubuntu; font-size:26px; margin-bottom:55px; font-weight: 400; float:none; margin-top:35px; display:block; top:35px; position:relative; }
.fichadeleitura h3 { font-weight:300;font-size: 14px; font-family: Roboto; color: #868686; margin-top: 0px; margin-bottom:5px; float: none; line-height: 17px;margin-right: 14px; padding-top: 5px; display: table;}
.fichadeleitura h3 img { width: auto; }
.fichadeleitura img { max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left; border-radius:50%; }
.fichadeleitura div.holder_bts{ float: right; display: inline-block; margin-top:20px; }
.fichadeleitura .box a.bt { width: 112px;height: 24px;background-color: #FFFFFF;border: 1px solid #f3f3f3;padding: 6px 11px;color:#f2911c;font-family: Ubuntu;font-size:14px;font-weight: 300;margin: 0px 0px 10px; float: left; text-align: center; }
.fichadeleitura .box a.bt.active { width: 112px; height: 24px; background-color: #d95812; border: 1px solid #a0b2c6; padding: 6px 11px; color:#fff; font-family: Ubuntu; font-size:14px; font-weight: 300; margin: 0px 10px 10px; text-align: center; }

.obra { display:table; padding-bottom:20px; border-bottom:1px solid #e8e8e8; font-size:15px; }
.obra p { margin-bottom:20px; }
.obra .cor_azul16 { color: #f2911c; font-weight: bold; float: left; margin-right: 8px; font-size:18px; font-weight:500; }
.obra h2 { display:block; color: #0073ac;font-family: Ubuntu; font-size:26px; margin-bottom:15px; font-weight: 400; float:none; margin-top:35px; display:block; top:0px; position:relative; }
.obra h3 { font-weight:300;font-size: 14px; font-family: Roboto; color: #868686; margin-top: 0px; margin-bottom:5px; float: none; line-height: 17px;margin-right: 14px; padding-top: 5px; display: table;}
.obra img { max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 81px; margin-right: 29px; float: left; border-radius:50%; }
.obra .botao { margin-top:25px; }

@media only screen and (min-width: 998px) and (max-width: 1100px) { 
	#obras-listagem .col-1-3 { width:32%; } 
	#obras-listagem .picture { width:140px; height:140px; }
	#obras-listagem .col-1-3 .botao { position:absolute; right:0; top:140px; }
}

@media only screen and (min-width: 926px) and (max-width: 997px) { 
	#obras-listagem .col-1-3 { width:48%; } 
	#obras-listagem .col-1-3:nth-child(3n-1) { border-left:1px solid #E1E1E1; padding-left:15px; }
	#obras-listagem .col-1-3:nth-child(2n) { border-left:0px; padding-left:0px; }
	#obras-listagem .picture { width:140px; height:140px; }
	#obras-listagem .col-1-3 .botao { position:absolute; right:0; top:140px; }
}

@media only screen and (min-width: 820px) and (max-width: 925px) { 
	#obras-listagem .col-1-3 { width:48%; } 
	#obras-listagem .col-1-3:nth-child(3n-1) { border-left:1px solid #E1E1E1; padding-left:15px; }
	#obras-listagem .col-1-3:nth-child(2n) { border-left:0px; padding-left:0px; }
	#obras-listagem .picture { width:140px; height:140px; }
	#obras-listagem .col-1-3 .botao { position:absolute; right:0; top:130px; }
}

@media only screen and (min-width: 768px) and (max-width: 819px) {
	#obras-listagem .col-1-3 { width:48%; }
	#obras-listagem .col-1-3:nth-child(3n-1) { border-left:1px solid #E1E1E1; padding-left:15px; }
	#obras-listagem .col-1-3:nth-child(2n) { border-left:0px; padding-left:0px; }
	#obras-listagem .picture { width:120px; height:120px; }
	#obras-listagem .col-1-3 .botao { position:absolute; right:0; top:125px; }
}

@media only screen and (min-width: 747px) and (max-width: 767px) {
	#obras-listagem .col-1-3 { width:48%; }
	#obras-listagem .col-1-3:nth-child(3n-1) { border-left:1px solid #E1E1E1; padding-left:15px; }
	#obras-listagem .col-1-3:nth-child(2n) { border-left:0px; padding-left:0px; }
	#obras-listagem .picture { width:120px; height:120px; }
	#obras-listagem .col-1-3 .botao { position:absolute; right:0; top:125px; }
}

@media only screen and (min-width: 620px) and (max-width: 746px) {
	#obras-listagem .col-1-3 { width:100%; }
	#obras-listagem div:nth-child(n) {
		border: none;
		border-bottom: 1px solid #E1E1E1;
	}
	#obras-listagem .picture { width:150px; height:150px; }
}

@media only screen and (min-width: 478px) and (max-width: 619px) {
	#obras-listagem .col-1-3 { width:100%; }
	#obras-listagem div:nth-child(n) {
		border: none;
		border-bottom: 1px solid #E1E1E1;
	}
	#obras-listagem .picture { width:150px; height:150px; }
}

@media only screen and (min-width: 424px) and (max-width: 477px) {
	#obras-listagem .col-1-3 { width:100%; }
	#obras-listagem div:nth-child(n) { border: none; border-bottom: 1px solid #E1E1E1; padding-left:0px;}
	
	#obras-listagem .picture { width:150px; height:150px; }
}

@media only screen and (min-width: 325px) and (max-width: 423px) {
	#obras-listagem .col-1-3 { width:100%; }
	#obras-listagem div:nth-child(n) { border: none; border-bottom: 1px solid #E1E1E1; padding-left:0px;}
	
	.obra .smaller select {width:95%;}
	
	#obras-listagem .picture {width:120px; height:120px;}
	#obras-listagem .col-1-3 .botao { position:absolute; right:0; top:125px; }
}

@media only screen and (min-width: 120px) and (max-width: 324px){
	#obras-listagem .picture {
		float: none;
		padding-top: 10px;
		padding-bottom: 10px;
		width:120px; height:120px;
	}
	
	#obras-listagem .col-1-3 { width:100%; }
	#obras-listagem div:nth-child(n) { border: none; border-bottom: 1px solid #E1E1E1; padding-left:0px;}
	.obra .smaller select {width:95%;}
	
	#obras-listagem .col-1-3 .botao { position:absolute; right:0; top:200px; }
}