.box-principal{margin-bottom: 15px;padding:15px}
.box-titulo { border-bottom : 1px solid rgb(233, 233, 233); padding-bottom:5px;margin-top : 0px; }     
.box-titulo:before { display: inline-block; content: ''; width: 15px; height: 15px;   background-color: rgb(255, 193, 0); margin-right: 5px;  }
.box-subtitulo{border-bottom: 1px solid rgb(233, 233, 233);
    padding-bottom: 5px;
    margin-top: 0px;
}
/*.box-titulo.text-right{width: calc(100% - 160px); margin-left: 160px}*/
.box-principal .media-object{width: 100px;}
.box-expert{background-color:rgb(189, 215, 238)}
.box-familia{background-color:rgb(251, 229, 214)}
.box-top{ border-bottom: 1px solid rgb(89, 89, 89)}
#div-contagem{ background-color: rgb(255, 192, 0); font-size: 18px; text-align: center}
.dias{font-size: 25px;font-weight: bold; /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/ color:#fdca00  }
.alert-dias { color : #8a6d3b; background-color : #fcf8e3!important}
#top-premio { margin-bottom: 20px}

#top-premio h1, #top-premio h3{ margin-top: 0px;color : rgb(135, 135, 135)}
#top-premio h1 { font-size : 45px; }
#top-premio img { float: left; margin-right: 10px}

@media ( max-width:767px )
{
	#top-premio { text-align: center;}
	#top-premio img { float: none; margin: auto;display: block}
	.dias {display: block}
	.premio-ludopedia .box-principal .media-body{ display: none}
	.premio-ludopedia .box-principal .media-left{ display: block;margin: auto; text-align: center}
	.premio-ludopedia .box-principal .media-left img{margin: auto;}
	.box-titulo.text-right{ margin-right: 15px}
	p {padding-left: 15px; padding-right: 15px;}
}


.title-ludo{ color:rgb(255, 193, 0); font-size: 32px}
.title-ludo img{width: 40px; margin-right: 10px;  margin-top: -5px;  }
.sub-title-ludo{background-color:rgb(166, 166, 166); color: white ; text-align: center; padding: 5px;padding-bottom: 8px} 

/* .sub-title-ludo{    background-color: white; color: rgb(89, 94, 98); text-align: center; padding: 5px; padding-bottom: 8px; border: 1px solid #ddd;margin-bottom:0px}*
.row-premios { border: 1px solid #ccc;border-top: none;} */

.row-premios{    display: flex;flex-wrap: wrap;}
.img-saiba-mais { height : 160px;}
.divisor{ background-color: rgb(255, 193, 0); height: 3px }
.div-apoiadores {text-align:middle}
.div-apoiadores img{ max-width: 150px; margin:auto;}
.img-rodape { max-width: 80% ;text-align: center;}

.img-selo{ width : 150px; float:left; margin-right: 10px}
.img-selo-right{ width : 230px; float:right}