/*html{
background: url(../images/icons/grid.gif) 5px 5px;
}*/
body{
font-family: sans-serif;
padding: 10px;
}
a{
text-decoration: none;
}
fieldset{
border: 1px solid;
/*padding: 40px 20px;*/
}
legend{
font-weight: bolder;
height: 20px;
border: 1px solid;
padding: 9px;
/*color: #FFF;*/
background: #c7b106;
}
/*start of head style*/
.dv-head{
/*border-bottom: 1px solid;*/
height: 30px;
background: #c7b106;
margin-bottom: 20px;
padding-bottom: 10px;
padding-top: 10px;
/*width: 100%;*/
/* new Css config*/
position: fixed;
z-index: 104;
top: 0;
width: 100%;
}
/*end of head style*/
.dv-error{
display: block;
background: red;
padding: 10px;
/*height: 30px;*/
text-align: center;
font-weight: bold;
color: white;
}
/*menu styling*/
.dv-menu{
margin-top: 20px;
margin-bottom: 30px;
width: 100%;
height: 40px;
padding-top: 80px;
padding-bottom: 5px;
padding-left: 25px;
padding-right: 25px;
}
.dv-menu div.menu-container{
font-size: 24px;
color: #fff;
padding-left: 10px;
padding-right: 10px;
background: gray;
border: 4px solid white;
}
.dv-menu div.menu-container a {
color: #fff;
}
/*end of menu styling*/
/** product / service ou categories disposition */
.dv-dest h1{
margin: 30px 0;
}
.dv-prod-dest{
/*border: 1px solid;*/
width: 100%;
/*height: 470px;*/
/*margin-bottom: 10px;*/
/*float: left;*/
/*background: #0400ff0a;*/
/*padding: 5px;*/
font-size: 1rem;
/*display: inline-block;*/
/*margin-right: 6px;*/
}
/*.dv-prod-dest div.dv-img-prod{
width: 340px;
mheight: 780px;
margin-left: auto;
margin-right: auto;
}*/
.dv-prep{
position: relative;
/*z-index: 10000;*/
top: -290px;
}
.dv-prep p{
font-weight: bolder;
color: #050527;
font-size: 25px;
}
/*div.dv-img-prod img{
filter: blur(24px);
}
*/
.img-un-clear{
filter: blur(50px);
}
.img-clear{
filter: blur(0px);
}
div.dv-desc-prod, div.dv-auto-prod, div.dv-descr-prod, a.ver-mais{
padding: 5px;
}
.dv-prod-dest div.dv-desc-prod{
/*width: 30px;*/
max-height: 40px;
overflow: hidden;
}
div.dv-desc-prod p{
font-size: .875rem;
}
div.dv-prod-dest span{
font-size: .625rem;
}
.dv-prod-dest div.dv-descr-prod{
/*width: 30px;*/
/*display: contents;*/
max-height: 30px;
font-size: .875rem;
overflow: hidden;
line-height: 1.5;
}
.dv-prod-dest .dv-img-prod img{
width: 100vw;
/*min-height: 200px;*/
height: auto;
}
.dv-img-prod-loaded{
width: 100vw;
height: 300px;
margin-left: auto;
margin-right: auto;
}
/*.dv-prod-dest .dv-img-prod{
width: 32px;
height: 32px;
}*/
.image-loader{
width: 100vw;
/*height: inherit;*/
/*margin-top: 125px;*/
}
/*.dv-prod-dest button{
width: 100%;
height: 30px;
border: 0;
position: relative;
bottom: -30px;
}*/
.dv-prod-dest a{
/*font-weight: bold;*/
color: #030303;
}
.dv-prod-dest .dv-auto-prod{
font-size: .75rem;
margin-top: 10px;
}
/*start of the general footer style*/
.dv-foot{
/*background: #c7b106;*/
/*color: white;*/
font-size: 1.2rem;
font-weight: bolder;
height: 20px;
width: 100%;
/*position: fixed;*/
bottom: 0;
/*padding-top: 10px;
padding-bottom: 10px;*/
/*padding-bottom: 10px;*/
}
.dv-cont{
min-height: 450px;
overflow: auto;
}
/*.dv-sear, .dv-resu, .dv-foot{
width: 610px;
margin: 0 auto;
}*/
.dv-resu{
/*margin-top: 40px; */
/*padding-bottom: 50px;*/
padding-top: 100px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.dv-prod-dest, .vt-okuy > div {
border-bottom: 10px solid;
}
.bt-blue{
color: #fff;
background-color: #007bff;
/*border-color: #007bff;*/
}
.bt-whit{
/*color: #fff;*/
background-color: #6c757d;
/*border-color: #6c757d;*/
}
.bt-like{
background: url(../images/icons/like.png);
background-repeat: no-repeat;
text-align: center;
}
.bt-unlike{
background: url(../images/icons/dislike.png);
background-repeat: no-repeat;
text-align: center;
}
.bt-comm{
background: url(../images/icons/comm.png);
background-repeat: no-repeat;
text-align: center;
}
/*.dv-foot{
margin-top: 50px;
height: 40px;
clear: both;
padding: 10px;
padding-left: 10px;
}
*/
/*clearfix*/
.clearfix::after{
content: "";
clear: both;
display: table;
}
.dv-camp{
border-bottom: 1px solid;
/*margin-bottom: 30px;*/
padding-bottom: 9px;
height: auto;
}
.dv-camp .dv-camp-titu{
max-height: 60px;
}
.dv-outr-camp{
width: 100%;
/*padding: 10px;*/
}
.dv-outr-camp p{
max-height: 500px;
line-height: 1.5;
overflow: hidden;
}
.bt-conta{
height: 30px;
margin-top: 5px;
margin-bottom: 5px;
}
.dv-bt-conta{
float: left;
margin-right: 5px;
}
/*end of saiba como page strucutre*/
.dv-loader{
height: 50px;
margin: 10px auto;
width: 50px;
clear: both;
/*padding-bottom: 40px;*/
}
.dv-loader img{
height: 50px;
width: 50px;
}
.dv-loader-net{
width: 50px;
margin: 0 auto;
}
/*.dv-cate{
padding: 10px;
}*/
.dv-cate div{
float: left;
border: 1px solid;
float: left;
width: 143px;
height: 20px;
border-radius: 20px;
text-align: center;
vertical-align: middle;
background: white;
margin-right: 5px;
font-size: .8rem;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px;
}
.dv-cate > a {
color: #030303;
vertical-align: middle;
}
.dv-nome-barro{
font-size: .9rem;
/*padding: 10px 0;*/
}
.dv-nome-barro a {
color: #030303;
}
#noti, .sp-noti{
color: white;
font-size: 1rem;
/*font-weight: bolder;*/
position: relative;
background: red;
/*background: #d8d8d8;*/
border-radius: 30px;
padding: 5px;
top: -40px;
left: 19px;
display: none;
}
/* see more content */
a.ver-mais{
color: blue;
}
img.images{
width: 100%;
}
div.vote{
padding-top: 2px;
width: 100%;
}
div.vote .vote-bonito{
width: 50%;
margin: 0 auto;
}
.comment-setion{
width: 95%;
margin-left: auto;
margin-right: auto;
}
div.vote .nume-comm{
font-size: 1rem;
}
div.vote p{
font-size: 1rem;
}
div.vote .sp-nume-comm{
color: green;
text-align: center;
font-weight: bolder;
font-size: 1.1rem;
}
p.sp-nume-imag{
background: white;
padding: 5px;
position:absolute;
top: 0;
right: 0;
font-size: 1.25rem;
font-weight: bolder;
}
@media only screen and ( min-width: 992px ) {
/*start fo header tyle of computar viewport*/
.dv-head .dv-head-l1{
width: 1050px;
margin: 0 auto;
height: 30px;
}
.dv-head-sear{
height: 30px;
width: 420px;
float: left;
background: white;
}
/*.dv-head-sear{*/
/*margin-right: 75px;*/
/*}*/
.dv-head-sear input[type="text"]{
border: 0;
width: 390px;
height: 30px;
float: left;
}
.dv-head-sear input[type="image"]{
width: 30px;
height: 30px;
/*background: green;*/
/*color: white;
font-weight: bolder;*/
}
.dv-head-sear-mobile{
display: none;
}
.head-icon{
width: 30px;
height: 30px;
padding-right: 37.5px;
padding-left: 37.5px;
/*background: gray;*/
/*display: inline-block;*/
float: left;
}
.head-icon img{
width: 30px;
height: 30px;
/*text-align: center;*/
}
/*main content style*/
.dv-cont{
width: 480px;
padding-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
/** product / service ou categories disposition */
.dv-prod-dest{
margin-left: auto;
margin-right: auto;
}
.dv-prod-dest .dv-img-prod{
/*min-height: 200px; */
/*max-height: 480px; */
height: auto;
/*overflow: visible;*/
}
.dv-prod-dest .dv-img-prod img{
width: 480px;
/*max-height: 200px;*/
height: auto;
/*width: auto;*/
margin-right: auto;
margin-left: auto;
}
.publ-imag{
width: 480px;
max-height: 480px;
overflow: hidden
}
.dv-img-mais-1 div{
width: 230px;
height: 230px;
border: 5px solid white;
overflow: hidden;
float: left;
}
.rect-up{
width: 315px;
/*height: 480px;*/
overflow: hidden;
padding-right: 10px;
float: left;
}
.dv-img-mais-3 div.rect-up-small{
margin-bottom: 10px;
width: 155px;
overflow: hidden;
min-height: 100px;
}
/*div.rect-up-small img{
height: 100%;
}*/
/* setup the 4 images config**/
.dv-img-mais-4 div.rect-up-small{
margin-bottom: 10px;
/*padding-right: 5px;*/
/*padding-top: 5px;*/
min-height: 100px;
width: 155px;
/*float: left;*/
overflow: hidden;
}
/*.rect-up img, div.rect-up-small img {
height: 100%;
} */
.rect-down{
width: 480px;
max-height: 315px;
overflow: hidden;
padding-bottom: 5px;
}
.rect-down-small img{
height: 150px;
}
.dv-img-mais-3 div.rect-down-small{
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
width: 230px;
max-height: 155px;
float: left;
overflow: hidden;
}
/* setu of four images */
.dv-img-mais-4 div.rect-down-small{
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
/*width: 150px;*/
max-height: 155px;
float: left;
overflow: hidden;
}
.rect{
width: 480px;
height: 480px;
overflow: hidden;
}
/*.dv-img-2 div{
width: 230px;
max-height: 270px;
border: 5px solid white;
overflow: hidden;
float: left;
}*/
/* .dv-dest h1{
margin: 30px 0;
}*/
.bt-conta{
width: 100px;
height: 30px;
}
.dv-dest{
/*background: gray;*/
}
.dv-prod-dest{
/*background: white;*/
width: 100%;
/*border: 1px solid; */
}
/* saibacomo page structure */
.dv-camp{
width: 480px;
margin-right: auto;
margin-left: auto;;
}
}
@media only screen and ( min-width: 768px ) and (max-width: 991.98px) {
/*start fo header tyle of computar viewport*/
.dv-head .dv-head-l1{
width: 768px;
margin: 0 auto;
height: 30px;
}
.dv-head-sear{
height: 30px;
width: 279px;
float: left;
background: white;
}
.dv-head-sear input[type="text"]{
border: 0;
width: 249px;
height: 30px;
float: left;
}
.dv-head-sear input[type="image"]{
width: 30px;
height: 30px;
/*background: green;*/
/*color: white;
font-weight: bolder;*/
}
.dv-head-sear-mobile{
display: none;
}
.head-icon{
width: 30px;
height: 30px;
padding-right: 23.4px;
padding-left: 23.4px;
float: left;
}
.head-icon img{
width: 30px;
height: 30px;
/*text-align: center;*/
}
/*and fo header tyle of computar viewport*/
/*main content style*/
.dv-cont{
width: 480px;
padding-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
/** product / service ou categories disposition */
.dv-prod-dest{
margin-left: auto;
margin-right: auto;
}
.dv-prod-dest .dv-img-prod{
/*min-height: 200px; */
/*max-height: 480px; */
height: auto;
/*overflow: visible;*/
}
.dv-prod-dest .dv-img-prod img{
width: 480px;
/*max-height: 200px;*/
height: auto;
/*width: auto;*/
margin-right: auto;
margin-left: auto;
}
.publ-imag{
width: 480px;
max-height: 480px;
overflow: hidden
}
.dv-img-mais-1 div{
width: 230px;
height: 230px;
border: 5px solid white;
overflow: hidden;
float: left;
}
.rect-up{
width: 315px;
/*height: 480px;*/
overflow: hidden;
padding-right: 10px;
float: left;
}
.dv-img-mais-3 div.rect-up-small{
margin-bottom: 10px;
width: 155px;
overflow: hidden;
min-height: 100px;
}
/*div.rect-up-small img{
height: 100%;
}*/
/* setup the 4 images config**/
.dv-img-mais-4 div.rect-up-small{
margin-bottom: 10px;
/*padding-right: 5px;*/
/*padding-top: 5px;*/
min-height: 100px;
/*height: 45%;*/
width: 155px;
/*float: left;*/
overflow: hidden;
}
/*.rect-up img, div.rect-up-small img {
height: 100%;
} */
.rect-down{
width: 480px;
height: 315px;
overflow: hidden;
padding-bottom: 5px;
}
.dv-img-mais-4 div.rect-up-small{
margin-bottom: 10px;
/*padding-right: 5px;*/
/*padding-top: 5px;*/
min-height: 100px;
/*height: 45%;*/
width: 155px;
/*float: left;*/
overflow: hidden;
}
.dv-img-mais-4 div.rect-down-small{
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
/*width: 150px;*/
max-height: 155px;
float: left;
overflow: hidden;
}
/* .dv-dest h1{
margin: 30px 0;
}*/
.bt-conta{
width: 100px;
height: 30px;
}
.dv-dest{
/*background: gray;*/
}
.dv-prod-dest{
/*background: white;*/
width: 100%;
/*border: 1px solid; */
}
/* saibacomo page structure */
.dv-camp{
width: 480px;
margin-right: auto;
margin-left: auto;;
}
}
@media (max-width: 575.98px) {
/* #cont{
height: 4200px;
}*/
/*.dv-head{
margin-bottom: 0;
}*/
/*body {overflow-y:scroll;}*/
.dv-head .dv-head-l1{
width: 360px;
margin: 0 auto;
height: 30px;
}
.dv-head{
/*width: 360px;*/
/*margin: 0 auto;*/
height: 70px;
/*background: green;*/
}
.dv-head-sear{
display: none;
}
.dv-head-sear-mobile{
height: 30px;
width: 350px;
float: left;
/*padding-right: 10.71px;*/
/*padding-left: 10.71px;*/
margin-top: 10px;
margin-left: 5px;
/*margin-right: auto; */
background: white;
display: block;
}
.dv-head-sear-mobile input[type="text"]{
border: 0;
width: 320px;
height: 30px;
float: left;
/*display: none;*/
}
.dv-head-sear-mobile input[type="image"]{
width: 23px;
height: 23px;
/*background: green; */
color: white;
font-weight: bolder;
}
.head-icon{
width: 25px;
height: 25px;
padding-right: 17.5px;
padding-left: 17.5px;
float: left;
}
.head-icon img{
width: 25px;
height: 25px;
/*text-align: center;*/
}
/*main content style*/
.dv-cont{
width: 100%;
padding-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
/** product / service ou categories disposition */
.dv-prod-dest{
margin-left: auto;
margin-right: auto;
}
.dv-prod-dest .dv-img-prod{
/*min-height: 300px; */
height: auto;
overflow: visible;
}
.dv-prod-dest .dv-img-prod img{
width: 100vw;
/*min-height: 200px;*/
height: auto;
}
.publ-imag{
width: 100%;
max-height: 480px;
min-height: 240px;
overflow: hidden
}
.dv-img-mais-1{
width: 100%;
margin-right: auto;
margin-left: auto;
}
.dv-img-mais-1 div{
width: 47%;
height: 200px;
border: 4px solid white;
overflow: hidden;
float: left;
}
/* image division*/
.rect-up{
width: 60%;
/*height: 480px;*/
overflow: hidden;
padding: 0 5px;
float: left;
}
.rect-down{
width: 100%;
height: 200px;
overflow: hidden;
padding-bottom: 5px;
}
.dv-img-mais-3 div.rect-up-small{
margin-bottom: 10px;
width: 35%;
/*height: 50%;*/
/*padding: 5px;*/
overflow: hidden;
min-height: 100px;
}
.dv-img-mais-3 div.rect-down-small{
padding-top: 5px;
/*padding-right: 5px;*/
/*padding-left: 5px;*/
width: 50%;
max-height: 150px;
float: left;
overflow: hidden;
}
.dv-img-mais-4 div.rect-up-small{
margin-bottom: 10px;
width: 35%;
/*height: 50%;*/
min-height: 100px;
/*padding: 5px;*/
overflow: hidden;
}
.dv-img-mais-4 div.rect-down-small{
padding-top: 5px;
/*padding-right: 5px;*/
padding-left: 5px;
width: 30%;
max-height: 150px;
float: left;
overflow: hidden;
}
/* .dv-dest h1{
margin: 30px 0;
}*/
.bt-conta{
width: 100px;
height: 30px;
}
/*clicked profile */
.ul-prof-list{
width: 350px;
height: 170px;
/*overflow: hidden;*/
margin-bottom: 30px;
/*background: #dedeba;*/
background: gray;
}
li {
/*display: inline-block;*/
/*float: left;*/
/*margin-left: 15px;*/
/*margin-right: 15px;*/
/*background: gray;*/
/*width: 130px;*/
height: 150px;
padding-top: 10px;
/*border: 1px solid;*/
/*padding: 10px;*/
}
.dv-img-enti{
height: 100px;
width: 106px;
margin-left: auto;
margin-right: auto;
background: white;
}
.img-enti{
height: 100%;
width: 100%;
}
.dv-desc-enti{
width: 106px;
margin-left: auto;
margin-right: auto;
/*padding: 5px;*/
background: white;
}
.dv-desc-enti img{
width: 30px;
height: 28px;
}
.dv-dest{
/*background: gray;*/
}
.dv-prod-dest{
/*background: white;*/
width: 100%;
/*border: 1px solid; */
}
/* saibacomo page structure */
.dv-camp{
width: 100%;
margin-right: auto;
margin-left: auto;;
}
/*end of it*/
.dv-foot{
height: 100px;
}
}