/* Grid */
 #home a { color : #040404}
#home a:hover {color: #337ab7}
 
#home .item-read{color: #ccc}
#home .item-unread{ color: #42D60C}

.bloco-title{ border-bottom: 1px solid #e9e9e9;  margin-bottom: 5px}
.bloco-title h4 {margin-bottom: 5px}
.home-buttons-sm .btn-home:nth-child(n+8){ display: none; }
@media(max-width : 767px){
	.home-buttons-sm { white-space: nowrap; overflow: scroll;}
	.home-buttons-sm .btn-home:nth-child(n+8){ display: none; }
	.btn-home{font-size: 1.2rem; }
}	
.btn-ver-mais{background-color: white; color: #599eb1;padding: 5px 10px; font-size: 1.2rem}
.btn-ver-mais:after{content:"-"}	
.home-buttons-sm .btn-ver-mais:after{content:"+"}	
.home-buttons-sm .btn-ver-mais{background-color: #5aaedc; font-weight: bold; color: white;}

.linha { margin-left: -5px; margin-right: -5px; }

.linha:before {    display: table; content: " ";}
.linha:after {clear: both; content: " ";     display: table;}

.altura-1{ height: 250px}
.altura-2{ height: 500px}
.altura-3{ height: 750px}
.altura-4{ height: 1000px}

.largura-1{width: 25%}
.largura-2{width: 50%}
.largura-3{width: 75%}
.largura-4{width: 100%}

.bloco {overflow: hidden;float: left;  position: relative; padding: 0px 10px}

.sub-row{ margin:8px!important; overflow: hidden}
.largura-1 .sub-row .largura-1{ width: 100%}
.largura-1 .sub-row .largura-2{ width: 100%}
.largura-1 .sub-row .largura-3{ width: 100%}

.largura-2 .sub-row .largura-1{ width: 50%}
.largura-2 .sub-row .largura-2{ width: 100%}
.largura-2 .sub-row .largura-3{ width: 100%}

.largura-3 .sub-row .largura-1{ width: 33.33%}
.largura-3 .sub-row .largura-2{ width: 66.66%}
.largura-3 .sub-row .largura-3{ width: 100%}

@media ( max-width:767px ){
	
	.largura-1{width: 100%}
	.largura-2{width: 100%}
	.largura-3{width: 100%}
	.largura-4{width: 100%}
	.bloco{float: none;}
	
	.altura-1, .altura-2, .altura-3 , .altura-4{ height: auto;}

}
.home-title-mark{ height: 15px; width: 15px}
.home-title-mark-sm{ height: 10px; width: 10px; display: inline-block;margin-right:5px}
.home-media-left-title{ padding-top: 11px; padding-left: 0px; padding-right: 10px;}
.bloco-title .media-body{ position: relative;}
.bloco-title .sort-bloco{position:absolute; right:0px; bottom:0px; border: none; font-size: 1.3rem!important; border: 1px solid #e9e9e9; border-bottom: 0px;outline: none;}


/** SUB-BLOCO */
.sub-bloco {float: left;    padding-left: 5px; padding-right: 5px;}
.largura-4 .sub-bloco.largura-1{width: 25%}
.largura-3 .sub-bloco.largura-1{width: 33.33%}
.largura-2 .sub-bloco.largura-1{width: 50%}
.largura-1 .sub-bloco.largura-1{width: 100%}

.largura-3 .sub-bloco.largura-2{width: 66.66%}


/*** POSTAGENS ***/
.postagens { height: 100%}

.lista-item {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 1.4rem; font-weight: 500; line-height: 1.8rem;}
 
.lista-item-2-linhas {  max-height: 3.7rem; -webkit-line-clamp: 2; }
.lista-item-3-linhas{  max-height: 5.5rem; -webkit-line-clamp: 3; }
.lista-item-4-linhas {  max-height: 7.3rem; -webkit-line-clamp: 4; }    

    
.img-postagem{ -webkit-transition:All 0.25s ease; background-position: 50% 50%; 
		background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover;
  		-o-background-size: cover; background-size: cover; 
  		 display:block; border:1px solid #999; position: relative;
  		 }
  		 
.postagens i {margin-right: 5px; font-size: 85%; color:#c2c2c2}
.img-postagem i { position: absolute;  color: white; background-color: rgba(0, 0, 0, 0.75); right : 2px; bottom: 2px; font-size: 0.9em; border: 1px solid rgba(0, 0, 0, 0.85	); padding: 2px; margin-right: 0px; z-index: 2}
.postagens a {color: #040404} 
.postagens a:hover {color: #337ab7}
.img-postagem-lg{width:150px;height: 100px; }
.img-postagem-md{width:135px;height: 85px; display: block; margin-bottom:5px;max-width: 100%}


/* LAYOUT 1 */
.layout-1-principal .media-left {padding-top: 0px ; padding-right: 10px}
.layout-1-principal {padding-bottom:5px}

.layout-1-bloco-postagem{ padding: 5px!important; float: left; width: 25%}
.layout-1-bloco-postagem .img-postagem{ width: auto;max-width: 100%}
.layout-1-bloco-postagem .img-postagem:after{ content: ""; display: block; padding-bottom: 60%;}
.largura-3 .layout-1-bloco-postagem{ width: 16.66%}
.largura-4 .layout-1-bloco-postagem{ width: 16.66%}

@media(max-width : 767px)
{
	.layout-1-bloco-postagem{ width: 50%}
	.linha 	.layout-1-bloco-postagem:nth-child(n+3){ display: none; }
	.layout-1-bloco-postagem .img-postagem-lg { height: auto; width: 130px}
	.layout-1-bloco-postagem .img-postagem-lg:after { content: ''; padding-bottom: 70%; display: block}
}

/* LAYOUT 3 */
.layout-3-bloco-postagem{ padding: 5px!important; float: left;width: 25%}
.layout-3-bloco-postagem .img-postagem{ width: auto;max-width: 100%}
.layout-3-bloco-postagem .img-postagem:after{ content: ""; display: block; padding-bottom: 60%;}
.largura-3 .layout-3-bloco-postagem{ width: 16.66%}
.largura-4 .layout-3-bloco-postagem{ width: 16.66%}


@media(max-width : 767px)
{
	 .layout-3-bloco-postagem {width: 50%!important }
	 .linha .layout-3-bloco-postagem:nth-child(n+5){ display: none; }
	 .layout-3-bloco-postagem .postagem-titulo-md{height: 3.9rem}
	 .layout-3-canal .postagem-titulo-md{height: 5.4rem}
}

/* Layout Vertical (5 e 2) */
.img-layout-vertical{ width: 130px}
.img-layout-vertical:after {content: ""; display: block; padding-bottom: 60%; }

.img-layout-vertical-sm{ width: 95px}
.img-layout-vertical-sm:after{content: ""; display: block; padding-bottom: 60%; }
.img-layout-vertical-sm i {font-size: 0.7em}
.media-vertical{ margin-top: 0px; margin-bottom: 10px; height: 80px; overflow: hidden;}
.media-vertical-sm{ height: 58px; }


/* Layout 6 */

.post-layout-6 p{ margin-bottom: 10px}
@media(max-width : 767px)
{
	.post-layout-6 a:nth-child(n+5){ display: none}
}

/* LAYOUT LINKS */
.only-link { position: relative;height: 20px}
.only-link a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; color: blue; max-width: calc(100% - 8px)}
.only-link .fa {position: absolute; top: 6px;margin-left: 5px; } 


/* LAYOUT 10 */
.img-postagem-quadrado { width: 100%; max-width: 100% ; margin: auto;}
.img-postagem-quadrado:after { content: ""; display: block; padding-bottom: 100%;}
.largura-3 .img-postagem-quadrado:after {padding-bottom: 70%; }

.img-10-retangulo { width: 90px	; max-width: 100% ;}
.img-10-retangulo:after { content: ""; display: block; padding-bottom: 65%;}
.post-layout-10 .col-xs-12 .media { margin-top: 5px}
.post-layout-10 .col-xs-12 .media:first-child{margin-top: 0px}
.post-layout-10 .col-xs-12 .media {height: 60px; }



.media-postagem-lg {margin-bottom: 5px; margin-top: 5px;}	
.media-postagem-lg p{margin-top:5px; margin-bottom: 0px}
.media-postagem-lg .media-left, .media-postagem-lg .media-right{ padding-top: 4px}

.postagem-title{ display: block; color: #040404;font-size: 1.5rem}
/* .postagem-md-title{height: 62px; overflow: hidden; } */ 

/* layout 11 destaque links */
.img-postagem-layout-11 {    height: 165px; width: 100%; position: relative; margin-bottom: 5px;}

/* LAYOUT VITRINES */
.img-postagem-full{height: 194px; width: 100%; border : 1px solid rgba(0, 0, 0, 0.75);position: relative; margin-bottom: 10px}
.img-postagem-full .title-postagem{ position: absolute; bottom: 0px; color: white; padding: 0px 15px; background-color: rgba(0, 0, 0, 0.75); width: 100%;padding-bottom:0px; 
									height: 40px; display: flex;vertical-align: middle; text-align:center;}

.img-postagem-full h5{  margin: auto; font-size: 13px; font-weight: 500; line-height: 1.6rem;}

.vitrine-principal .img-postagem-full .title-postagem h5{  font-size: 15px; font-weight: 500; line-height: 1.8rem;}

.img-postagem-full h4{margin-top: auto; margin-bottom: auto;}
.img-postagem-full-lg {height: 398px}


.vitrine-principal{width: 50%; float: left; padding-left: 5px; padding-right: 5px;}
.vitrine-item{ width: 25%;float: left;padding-left: 5px; padding-right: 5px;}

@media(max-width : 767px)
{
	.vitrine-principal{width: 100%; }
	.vitrine-item{ width: 50%;}
	
	.img-postagem-md{ width: 150px; height: 100px; }
	.img-postagem-full { height : auto}	
	.img-postagem-full:after { content: ""; display: block; padding-bottom: 75%;}
	
	.linha .vitrine-item:nth-child(n+4){ display: none; }
	
	.vitrine-item .img-postagem-full .title-postagem{ height: 34px}
}


/** Propagandas */

.ad_square_home{overflow: hidden; text-align: center; padding: 20px;margin: auto;width: 100%; min-width: 500px;padding-top: 30px}

.altura-1 .ad_square_home .adsbygoogle { height: 200px;min-width: 500px; width: 100%} 
.altura-2 .ad_square_home .adsbygoogle { height: 450px;min-width: 500px;width: 100%}

@media(max-width : 767px)
{
	.ad_square_home{ min-width: 300px; padding-top: 20px}
	.altura-1 .ad_square_home .adsbygoogle { height: 350px; width: 100%;min-width: 300px} 
	.altura-2 .ad_square_home .adsbygoogle { height: 350px;width: 100%; min-width: 300px}	
	.ad_square_home img{max-width: 100%}
}

/** Listas */
.ul_listas li { padding: 2px 0px;}


 /* Forum */
.ul_topico li { padding : 2px 0px; border-bottom: /* 1px solid #e9e9e9*/ none}

.show-borders .bloco {border : 1px dashed red; background-color:  rgba(102, 111, 202, 0.23)}
.show-borders .main-row {border : 5px solid rgba(11, 202, 11, 0.30)}

.tooltip {
    position: relative;
    display: inline-block;
    font-size: 16px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
     position: absolute;
     z-index: 1;
    width: 120px;
    top: 100%;
     left: 50%; 
     margin-left: -60px; 
    font-size: 12px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Altura automatica */
.auto-height [class*=alt] {height: auto }

#home .pad-hor {padding-left: 8px; padding-right: 8px}
.postagem-titulo{ font-size: 1.6rem; font-weight: 500;}
.postagem-titulo-md { font-size: 1.4rem; font-weight: 500;}
.descricao { font-size: 1.3rem; margin-bottom: 10px; color:#a6aaae; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;font-weight: 500;line-height: 1.7rem; }
.descricao.duas-linhas { max-height: 3.5rem;    -webkit-line-clamp: 2;  }
.descricao.tres-linhas { max-height: 5.1rem;    -webkit-line-clamp: 3;  }
.descricao.quatro-linhas { max-height: 6.9rem;    -webkit-line-clamp: 4;  }

/* LUDOSTORE */
.img-produto{max-width: 100px; max-height: 100px; margin: auto; width : auto!important;}
.div-img-produto{ height: 110px }
.prod-preco{ font-size: 14px; font-weight: bold; display: block}
.owl-prev,.owl-next { width: 20px; height: 60px; position: absolute; top: 110px; display: block!IMPORTANT; border:1px solid #eee; opacity: 0.5; background-color: white!important; color:black!important; } 
.owl-prev { margin-left: 0px!important;border-radius : 0 3px 3px 0!important}
.owl-next { right: 	0px; margin-right: 0px!important; border-radius : 3px 0 0 3px!important}
.owl-prev:hover,.owl-next:hover{ opacity: 1} 
.owl-nav i{ top: 20px; position: absolute;}
.carousel-lojas .owl-prev, .carousel-lojas .owl-next { height: 60px; top: 40px; opacity: 1; background-color: rgba(230, 230, 230, 0.5)!important; color: black!important; }
.carousel-lojas .owl-prev:hover, .carousel-lojas .owl-next:hover { background-color: rgba(230, 230, 230, 0.9)!important; }
@media (max-width:  767px)
{
	.owl-prev, .owl-next {  top : 30px; height: 60px }
	.owl-nav i{ top: 20px; }
	.img-ludostore { max-height: 40px }
}

/* LEILOES */
.smart-trail-leilao{height: 300px}
.container-img-item { height: 110px; width: 100%; display: table;}
.div-img-middle {display: inline-block; height: 80px; vertical-align: middle; display: table-cell;}
.img-capa-item { max-width: 100px; max-height: 100px; margin: auto; width: auto!important;}
.nome-produto{font-size: 1.4rem; font-weight: normal; margin-top: 5px; margin-bottom: 5px}

.btn-home{ margin: 5px; background-color: white;    color:#5aaedc;font-weight: normal;border-radius:5px; font-size: 1.2rem; padding: 5px 10px;}
.btn-home:hover{ color:  #0a0a8c; background-color: ##fcfcfc}



/*
#home .row { margin:0px;}
[class*=col-] {padding: 0px!important }
*/

.img-capa-anunciado{ max-height: 50px; max-width: 50px; margin:auto;}
.ul-lancamentos .media-left {    min-width: 60px;text-align: center;}
.ul-lancamentos .media {    height: 50px;margin-bottom: 10px;}
.ul-lancamentos a { height: 20px;    overflow: hidden;display: block;text-overflow: ellipsis;}