body{
	
    max-width: 2500px;
    width:100%;
    margin:0 auto;
	}

@media only screen and (min-width: 100px) {
.home{
	max-width:70%;
}
.logomenu{
background-color: #2a0071;
background-image: -webkit-linear-gradient(305deg,#510772,#2a0071 10%);
background-image: -o-linear-gradient(305deg,#510772,#2a0071 10%);
background-image: linear-gradient(145deg,#fff,#fff 10%);
}

/*pop upper-alpha*/
a:hover{
	background:#262b2e;
}
.botaocadastro:hover{
	background:#065893;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:transparent;
  display:none;
}
.tabela{
	width:100%;
}

div.oscrollmenu {
  overflow: auto;
  white-space: nowrap;
}

div.oscrollmenu a {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px;
  text-decoration: none;
  width:210px;
  height:130px;
  background:#f7f7f7;
  border-radius: 50px 0/50px;
}
.scrolltexto{
  white-space: normal;
}
div.oscrollmenu a:hover {
  background-color: #dcdcdc;
  border-bottom:1px solid purple;
}
.colous{

}


/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.fflip-card {
  background-color: transparent;
  width: auto;
  height: auto;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.fflip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.fflip-card:hover .fflip-card-inner {
  transform: rotateY(180deg);

}
/* Position the front and back side */
.fflip-card-front, .fflip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  color:#000;
}

/* Style the front side (fallback if image is missing) */
.fflip-card-front {
  background-color: #bbb;
  color: black;
}
.fflip-card-front:hover {
  opacity:0.1;

}
/* Style the back side */
.fflip-card-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}



.boxx{
width: 90%;
height: 170px;
box-shadow: 0 0 1em #dcdcdc;
margin: 0 auto;
}
.botaomudarcor{
	border:0;
}
.botaomudarcor:hover{
	background:#071e07;
}

.bandana{
	color:#dcdcdc;
	font-size:14px;
	padding:5px;
	margin-bottom:10px;
}
.headerinfoo{

border-radius:10px;
color:#333;
}
.irleft{
float:left;
width:auto;

}
.bandana2{
	width:90%;
}
.bandana3{
	color:gray;
	margin-left:20px;
	line-height:35px;
}
.bandana4{
	color:gray;
	margin-left:20px;
}
.bandeiras{
	border:1px solid #dcdcdc;
	padding:10px;
	float:left;
	margin-left:2px;
	margin-top:2px;
	height: 85px;
	width: 120px;
}
.detalhesx{
border-radius: 50px;
width: 80%;
text-align: center;
margin: 15px;
background: cornflowerblue;
}
.caixajpeg{
	width:140px;
	float:left;
}
.caixadetalhes{
	
	width:98%;
}
.detalhesx:hover{
background: #05307d;
box-shadow: 0 0 1em #22119d;
}
#icon{
	color:#4f94ff;
	float:left;
	
}
#icon:hover{
	color:red;
}
#iconmenu{
	color:#606375;
	float:left;
	
}
#iconmenu:hover{
	color:red;
}
.blackc {
	color:#000;
}
.whitec{
	color:#fff;
}
.tabelaimagem{
	width: 100px;
    float: left;
    padding-top: 5px;
}
.tabelatexto{
	float: initial;
    padding: 2px;
    margin-left: 100px;
}
.buscaxr{
background:red;
border:0;
border-radius: 0px;
color: black;
letter-spacing: 1px;
font-size: 16px;
text-align: center;
height:100px;
}
select option[value="#FFCCCC"] {
  background: #FFCCCC;
}
.center{
	text-align: center;
}

@media only screen and (min-width: 600px) {
	#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog2 {
  background:transparent;
  width:650px;
  margin:0 auto;
  margin-top:-160px;
}
}

@media only screen and (min-width: 100px) {
	#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:240px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
.headerinfo{

border:0;
border-radius:10px;
color:#333;
width:100%;
}
#boxes #dialog2 {
  background:transparent;
  width:100%;
  margin:0 auto;
  margin-top:-160px;
}
}

.close{display:block; text-align:right;}


/*fim pop up*/


#preloader {
position: absolute;
margin: 0 auto;
    margin-top: 0px;
width: 100%;
height:100%;

text-align: center;
background:#fff;
opacity:0.8;
}
#preloader img{
	margin-top: 20%;
	opacity:0.8;
}
.casa{
	background:#2a0071;
	text-align:center;
	color:#fff;
	padding:10px;
}
.bb{
background: #f0f0f0;
color: #546886;
margin: auto;
font-weight: bold;
text-decoration: -moz-none;
font-size: 11px;
font-family: arial;
letter-spacing: 1px;
padding: 5px;
	
}
.casa a{
	color:#fff;
}
.caixalogin{
background: #2b3a4c;
width: 375px;
text-align: center;
padding: 10px;
height: 700px;
font-size: 15px;
color:white;
opacity: 0.9;
margin:0 auto;
}
.vp{
	border:0px;
}
.botaoconta{
	padding: 15px;

background:#f2dfc7;
margin-left:20px;

width: 45%;

float: left;

border-radius: 20px;
}
.botaoconta:hover{
	opacity:0.4;
}
.botaoconta img{
	margin-bottom: 5px;
}
.botaoconta a{
	color:black;
}
.botaox{
border-radius: 50px;
width: 100px;
height: 30px;
padding: 1px;
}
.botaox:hover{
	background:black;
}
.botaoz{
border-radius: 50px;
width: 100px;
height: 30px;
padding: 1px;
}
.botaoz:hover{
	background:red;
}
.areabk{
	background:#f2f2f2;
	border:1px solid #dcdcdc;
}

.botaoc{
	width: 100%;
	min-height: 50px;
	background-color: #f00;
	text-align: center;
	color: #ddd;
}
.botao{
	position: sticky;
	top: 0;
}
.botaoa{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.botaob{
	display: flex;
	flex-direction: column;
	background-color: #ddd;
}
.titulologin{
color: #813636;
margin-top: 10px;
padding: 5px;
}
.formlogin{
	border:0;
}
.botaoindexlogin{
	border:0;
}
.espacamento{
	margin-top:20px;
}
.titulocaixaregistro{
color: #41484b;
text-align: center;
font-size: 17px;
padding-top: 10px;

}
.botaocaixaregistro{
background: #cbcbcb;
color: #fff;
width: 40%;
padding: 10px;
}
.botaocaixaregistro a{
color: black;
font-weight: bold;
}
.botaocaixaregistro:hover{
	color:red;
}
.informacoes{
margin-left: 5px;
color: #4b4b4b;
padding-bottom: 10px;
text-align: left;
}
.background{
	background:#000031;
}
.caixaentrar{
background: #ededed;
text-align: center;
max-width: 400px;
margin: 0 auto;
padding: 10px;
font-size: 17px;
font-family: arial;
height: 300px;
}
.tituloentrar{
	color:red;
}
.msgentrar{
	color:green;
}
.opcoesmsg{
	text-align:center;
}
.msgresponder{
    background: #efefef;
    text-align: center;
    padding-bottom: 10px;
}
.areatexto{
background:#fff;
border:0;
}
.botaoentrar{
background: #000;
width: 40%;
margin: 0 auto;
padding: 10px;
color: #fff;
}
.botaoentrar:hover{
background: #000;
width: 40%;
margin: 0 auto;
padding: 10px;
color: #fff;
}
.botaoentrar a{
color: #fff;
text-decoration: none;
font-weight: bold;
border-radius: 1px;
}
.rodapeentrar{
	background:#dcdcdc;
}
.caixaregistro{
background: #fbf7f7;
text-align: center;
padding: 10px;
font-size: 15px;

opacity: 0.9;
width: 100%;
}

.caixa:hover{
	box-shadow: 0 0 1em #dbd6ff;
}
#editarinfo{
	padding-top:1px;
	display:none;
}
#editarinfo2{
	padding-top:1px;
	display:none;
}
#editarinfo3{
	padding-top:1px;
	display:none;
}
.mostrar{
border: 1px solid #cecece;
width: 100%;
float: right;
text-align: right;
padding: 5px;
color: blue;
margin-bottom: 10px;
border-radius: 10px;
background: #dcdcdc;
}
.menor {
        height:200px;
        background: #fff;
        border-bottom: 1px solid #6f19b7;
        float: left;
        margin-left: 2px;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
		animation-duration: 2s;
			-webkit-animation-name: botaoimg;
			animation-name: botaoimg;
    }
.caixademsg{
background: #fff;
padding: 10px;
}

#comentario{
padding: 10px;
padding-bottom: 10px;
font-size: 14px;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 5px;
}
#comentario a{
color: #000;
font-size: 17px;
}
#comentario img{
	max-width: 30px;
}
#div1{
background: #fff;
padding: 10px;
font-size: 16px;
border-left: 3px solid blue;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-radius: 10px/10px;
margin-bottom: 2px;
}
#divgrid{
background: #fff;
padding: 10px;
font-size: 16px;
border-left: 3px solid blue;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-radius: 10px/10px;
margin-bottom: 2px;
display: inline-grid;
float:left;
width:50%;
animation-duration: 1s;
-webkit-animation-name: botaoimg;
animation-name: botaoimg;
}
#divgrid:hover{
	background:gray;

	color:white;
}
#divgrid a:hover{
	color:#fff;
}
#div1 a{
color: #000;
font-size: 17px;


}
#div2{
background: #f8f8f8;
padding: 10px;
font-size: 16px;
border-left: 1px solid #ff00f3;
border-top: 1px solid
#ccc;

border-bottom: 1px solid
#ccc;
}
#div2 a{
color: #000;
font-size: 17px;

}
#select{
text-align:right;
}
#select select{
text-align:right;
width:100px;
}
.msgle{
background:#efeded;
min-height: 384px;
padding: 10px;
}
.msgrecado{
	text-align:center;
	padding:10px;
}
.online{
	background:#f0f0f0;
}
.onlineespaco{
border-bottom: 1px solid #c8c8c8;

border-left: 1px solid #fff;

border-radius: 10px;

font-size: 13px;



background: #fff1f1;
}
.onlinetitulo{
	color:blue;
	font-size:14px;
	text-align:center;
}
.onlinefoto{
	margin-left:5px;
}
.areachat{
background:
#dcdcdc;

border-radius: 5px;

margin-top: 5px;

margin-bottom: 5px;

padding-top: 5px;

padding-bottom: 10px;
}
.uonline1{
width: 100%;

background: #f9f9f9;

font-size: 12px;

border-radius: 2px;
}
.uonline2{
	width:100%;
}
.infonline{
	text-align:left;
	float:left;
}
.aviso{
    font-size: 13px;
    text-align: center;
    padding: 10px;
    background: #ececec;

}
.visitasp{
border: 1px solid #dcdcdc;
font-size: 13px;
text-align: center;

}
.visitastitulo{
background: #f2f2f2;
text-align: center;
font-weight: bold;
font-size: 14px;
padding: 8px;
margin-top: 2px;
}
.visitasnomes{
text-align: center;
font-size: 14px;
padding-top: 5px;
padding-bottom: 20px;
}
.muraltitulo{
background: #f2f2f2;
text-align: center;
font-weight: bold;
font-size: 14px;
padding: 8px;
margin-top: 2px;
}
.muralmsg{
text-align: center;
font-size: 14px;
padding-top: 5px;
padding-bottom: 20px;
}
.muralusuariotitulo{
background: #f2f2f2;
text-align: center;
font-weight: bold;
font-size: 14px;
padding: 8px;
margin-top: 2px;
}
.muralusuariomsg{
text-align: center;
font-size: 14px;
padding-top: 5px;
padding-bottom: 20px;
border: 1px solid #f0f0f0;
}
.muralbotao{
	margin-top:20px;
}
.areainformacoes{
	text-align:center;
	border:1px solid #dcdcdc;
}
.areainformacoes .a{
    width: 100%;
    float: none;
    text-align: center;
    float: right;
    padding: 1px;

}
.areainformacoes2{
	text-align:left;
	border:1px solid #dcdcdc;
}
    .aviso {
        font-size: 13px;
        text-align: center;
        padding: 10px;
        background: #ececec;
    }

    .msgle {
        background: #f9faff;
        padding: 10px;
        min-height: 510px;
    }
    .aviso{
        background:#fff;
        border:1px solid #dcdcdc;
    }
    .fundo{
        background: #f0f0f0;
        max-width: 900px;
        width: 100%;
        text-align: center;

    }
    .criar{
        text-align: left;
        margin-left: 10px;
        padding-bottom: 20px;
    }
    .limitecomunidade{
        max-width:800px;
        width:100%;
    }
    .comunidadeborda{
        border: 1px solid #dcdcdc;
        padding-left: 10px;
        padding-bottom: 10px;
    }
    .comunidadeborda2{
        border: 1px solid #dcdcdc;
        padding-left: 10px;
        margin-right:10px;
        padding-bottom: 10px;
    }
    .msgblogs{
        background: #fff;
        padding: 10px;

    }
    .recadosarea{
        backgrond:#fff;
        border:1px solid #dcdcdc;
        padding: 20px;
    }
    .areaforum{
        background:#f3f3f3;
        border:1px solid #dcdcdc;
    }
    .forumtopico{
        border: 1px solid #d8d8d8;
        background: #fff;
        padding-left: 10px;
    }
    .cab{
        background:#000;
        color:#fff;
        font-weight: bold;
        font-size:14px;
        text-align:center;
        padding-bottom:7px;
        padding-top:7px;
    }
    #msg{
    padding:10px;
    }


    .caixaimg3{
        background:#fff;
        text-align: center;
        padding-top: 10px;
        height: 155px;
    }
    .caixa2{
        width: 16%;
        height: 350px;
        background: #fff;
        border-bottom: 1px solid #6f19b7;
        float: left;
        margin-left: 2px;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .caixaimg2{
        background:#fff;
        width: 200px;
        height: 200px;
        text-align: center;
    }
.loja{
    background: #fff;
    text-align: center;
    font-size: 13px;
    padding: 2px;
    margin-bottom: 5px;
    border-radius: 3px;
	font-weight: bold;color: #19abd5;
    }
.loja a{
		font-weight: bold; color: #6f19b7;

}
    .areacat{

    }
    .limparleft{
        clear: left;
    }
    .limpardireita{
        clear: right;
    }
    .categoriatexto{
        font-size: 15px;
        font-family: Proxima Nova,-apple-system,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    }
    .categoria img{

        width: 200px;
        height: 200px;
        text-align: center;
    }
	.caixapequena img{

                text-align: center;
    }
	   .f{

    background-color: orange;

    width:: 300px;

    height: 150px;

    border: solid 1px black;

   }
   .perfil{
	   width:100%;
	   background:#dcdcdc;
   }
   #foto{
	   float:left;
   }
   #informacoes{
	   width:80%;
	   color:#000;
   }
   .areafoto{
	   background:#000;
   }
	.caixapequena:hover{
		opacity:0.5;
		border-bottom:1px red solid;
		height:130px;
		background:#dcdcdc;
	}
	.barramenu{

background: #000031;
text-align: center;
height: 50px;
padding-top: 10px;
	}
	.barramenu a{
		color:#fff;
	}

	.respostadata{
		float:right;
		font-size:11px;
		color:#000;
		text-align:center;
	}
	.resposta{
		padding:5px;
		background:#fff;
		overflow:auto;
	}
.barramenu2{

background: #000031;
text-align: center;
height: 100px;
padding-top: 10px;

	}
    .produtos{
        width:100%;
    }
    .produtos img{
        text-decoration: none;
        max-width: 90%;
        max-height: 200px;
    }
    .produtos2{
        width:100%;
    }
    .produtos2 img{
        text-decoration: none;
        max-width: 200px;
        border-radius: 10px;
        max-height: 200px;
        width: 90%;
    }
    .categorias:hover{
        background:red;
    }
    .areaimg{
        width:400px;
		margin:0 auto;
    }
    .banner{
        max-width: 100%;
    }
    .areatotal{
        background:#dcdcdc;
    }
    .areapre{
        max-width: 600px;
        padding: 20px;
        border: 1px solid #dcdcdc;
        text-align: center;
        margin: 0 auto;
    }
    .areaalbuns{
        max-width: 900px;
        padding: 20px;
        border: 1px solid #dcdcdc;
    }
    .area_aberta{
        max-width: 900px;
        padding: 0px 5px 5px 5px;
        border: 1px solid #f0f0f0;
		margin: 0 auto;
    }
	.area_pesquisa{
        max-width: 1100px;
        padding: 20px;
        border: 1px solid #f0f0f0;
		margin: 0 auto;
    }
	.areadon{
		width:100%;
		border:1px solid #dcdcdc;
		text-align:center;
		font-size:14px;
	}
	#camp{
		background:#d2d2d2;
		color:#000;
		border-bottom:1px solid #e3f2b8;
		font-weight:bold;
		text-align:left;
		font-size: 14px;
	}
	#campmenor{
		max-width:400px;
		background:#d2d2d2;
		color:#000;
		border-bottom:1px solid #e3f2b8;
		font-weight:bold;
		text-align:left;
		font-size: 14px;
	}
	#camp_nome{
		color:black;
		font-weight:bold;
	}
    .areaver{
       width: 100%;
    }
    .areaperf{
        border: 1px solid #dcdcdc;
        padding-left: 20px;
        padding: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .areadata{
        border: 1px solid #dcdcdc;
        padding-left: 20px;
        padding: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .paginaprincipal{
        margin-top: 10px;
        text-align: center;
    }
    .aviso{
        text-align:center;
        margin-top:30px;
    }
    #subir{
        position:fixed;
        bottom:10px;
        right:10px;
    }
    #subir:hover{
        animation-duration: 3s;
        animation-name: slidein;
    }
    @keyframes slidein {
        10% {
            bottom: 1px;
        }

    }
    .proref{
        font-weight: bold;
        font-size: 12px;
        padding: 1px;
        color: #a8a7a7;
    }
    .prodescricao{
        font-size: 13px;
        padding: 1px;
        float: inline-end;
        text-align: left;
        color:#000;
        width: 100%;
        background: #f9f9f9;
		float:right;

    }
    .protitulo{
text-align: center;
font-size: 12px;
color: darkblue;
margin-bottom: 15px;
    }
    .protitulo a{
		color:black;
        text-decoration: none;
    }
	 .protitulo a:hover{
		color:black;
    }
    .propreco{
        font-weight: bold;
    }
	.audio{
float: right;
background: black;
width: 100%;
	}
	.borda{
	border: 1px solid #bbb;
    padding: 10px;
    border-radius: 10px;
	}
	.borda barra{
		background:#000;
	}
    .proparcelas{
font-weight: bold;
padding: 5px;
color:
#000;
text-align: center;
font-size: 12px;
    }
    .provalor{
        font-weight: bold;
    }
    .provista{
        font-weight: bold;
        text-align: center;
        font-size: 15px;
        color: #0d8aa4;
		margin-bottom: -5px;
    }
   
		 .right{
			 float:right;
		 }
    .imgprincipal img{
        text-align: center;
        width: 30px;
    }
    .informacoesamigos{
        font-size: 13px;

    }
	.perfilcategoria{
		font-size:13px;
		font-weight:bold;
	}
    .lojatitulo{
        font-size: 30px;

        font-weight: bold;

        background: beige;

        text-align: left;

        padding-left: 10px;



    }
	.areaperguntas{
background: #e7e7e7;
border-radius: 10px;
font-size: 14px;
text-align: left;
padding: 15px;
overflow:auto;
margin-top: 2px;
	}
	.areaform{
		float:left;
		line-height:30px;
	}
	.areaform img{
		line-height:30px;
	}
	.areaperguntastexto{
		font-size:13px;
		background:#f4f4f4;
	}
	.direita{
		float:right;
	}
	#opacity:hover{
		opacity:0.4;
	}

	.areaperguntastexto img{
		max-width:30px;
	}
	.areaperguntastitulo{
		color:blue;
		float:left;
	}
    .areaop{
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .areaop2{
        text-align: center;
        margin: 0 auto;
        width:80%;
    }
    .area1{
        float: left;
        margin-left: 10px;
    }
    .lojatitulo a{
        color:#dcdcdc;
        text-decoration: none;

    }

    .infopro{
        width: 50%;
        position: relative;
    }
    .buscarx{
        background: #000031;
        padding-bottom: 9px;
        padding-top: 9px;
        text-align: center;
    }
    .buscarbarra{
        background: #f0f0f0;
        padding-bottom: 6px;
        padding-top: 6px;
        text-align: left;
        font-size: 17px;
        padding-left: 30px;
        letter-spacing: 0.5px;
        color: #ff8274;
    }
    .lojaoficialnome{
        text-align: center;

    }
    .lojaoficialreg{
        text-align: center;

    }
    .lojaoficialdetalhes{
        text-align: center;

    }
	.categoriaservico:hover{
		opacity:0.6;
	}
    .back{
        background:#dcdcdc;
    }
    @media only screen and (min-width: 100px) {
    .fotopro {
        width: 100%;
    }
        .fotopro img{
            width: 95%;
        }

        .caixaimgc{
            background:#fff;
            text-align: center;
            padding-top: 10px;
            min-height: 215px;
        }
		.caixaimg{
            text-decoration: none;
            
            border-radius: 10px;
            max-height: 200px;
			height:160px;

        }
		.caixaimg:hover{
			opacity:0.9;
		}
		@keyframes botaoimg {
  from {
    margin-left: 100%;
    opacity:0.1;

  }

  to {
    margin-left: 0%;
    opacity:0.5;
  }
}
		.caixaimg img{
			width: auto;
max-height: 150px;
margin: 0 auto;
text-align: center;
max-width: 100%;
		}
    }
    @media only screen and (min-width: 850px) {
        .fotopro{
            width: 50%;
            float: left;
        }
		.areaimg{
        width:550px;
		margin:0 auto;
    }
        .fotopro img{
            width: 300px;
        }
        .area_abertaespaco{
            max-width: 900px;
            border: 1px solid #fff;
			margin:0 auto;
        }

        .caixaimgc{
            background:#fff;
            text-align: center;
            padding-top: 10px;
            height: 245px;
        }
			.barramenu2{

background: #000031;
text-align: center;
height: 64.5px;
padding-top: 10px;
font-size: 30px;

	}
    }

    @media only screen and (min-width:1000px){
        .caixaimgc{
            background:#fff;
            text-align: center;
            padding-top: 10px;
            height: 150px;
            min-height: auto;
        }
    }



    @media only screen and (min-width: 900px){
.msginvisivel{
	display:block;
}
.msginvisivel a{
	color:#fff;
}
}
@media only screen and (min-width: 900px){
.msginvisivel{
	display:none;
}
}
    @media only screen and (max-width: 1000px){
        .msginvisivelpc{
            display:block;
        }
        .msginvisivel a{
            color:#fff;
        }
    }
@media only screen and (min-width:900px){
	.barramensagem{
background: #000031;
text-align: center;
border-radius: 0px 10px 10px 10px / 10px 0px 10px 0px;
padding-top: 10px;

	}
	.areaaitens{
text-align: center;
float: right;
height: 50px;
margin-right: 10px;

	}
	.areaaitens a{
		color:#fff;
		text-decoration: none;
	}
	.areaa{

	}
	.areaa a{
		color:#fff;
		text-decoration: none;
	}
}
@media only screen and (max-width:1000px){
	.barramensagem{

		display:none;

	}
}
    @media only screen and (max-width: 1000px){
        .msginvisivelpc{
            display:none;
        }
    }
}

    /*Divisoes de tamanho de telas para categorias*/
@media only screen and (min-width: 100px) {
    .categoriaservico {
        width: 48%;
        height: 140px;
        border-bottom: 1px solid #10b7e4;
        float: left;
        margin-left: 2px;
        padding: 5px;
        border-radius: 5px;
        margin-top: 5px;
        text-align: center;
    }
	 .proprazo{
    font-weight: bold;
    color: #53ae82;
	margin-top:0px;
    font-size: 10px;
         }
}
    @media only screen and (min-width: 400px) {
        .categoriaservico {
            width: 32%;
            height: 140px;
            border-bottom: 1px solid #10b7e4;
            float: left;
            margin-left: 2px;
            padding: 5px;
            border-radius: 5px;
            margin-top: 5px;
            text-align: center;
        }
		.texttab{
	width:100%;
}
    }
    @media only screen and (min-width: 600px) {
        .categoriaservico {
            width: 32%;
            height: 140px;
            border-bottom: 1px solid #10b7e4;
            float: left;
            margin-left: 2px;
            padding: 5px;
            border-radius: 5px;
            margin-top: 5px;
            text-align: center;
        }
		.texttab{
	width:49%;
}
    }
    @media only screen and (min-width: 800px) {
    .categoriaservico {
        width: 16%;
        height: 140px;
        border-bottom: 1px solid #10b7e4;
        float: left;
        margin-left: 2px;
        padding: 5px;
        border-radius: 5px;
        margin-top: 5px;
        text-align: center;
    }
	.headerinfo{


border-radius:10px;
color:#333;
}
	 .proprazo{
    font-weight: bold;
    color: #53ae82;
	margin-top:0px;
    font-size: 10px;
         }
}
    @media only screen and (min-width: 1000px) {
        .categoriaservico {
            width: 14%;
            height: 140px;
            border-bottom: 1px solid #10b7e4;
            float: left;
            margin-left: 2px;
            padding: 5px;
            border-radius: 5px;
            margin-top: 5px;
            text-align: center;
        }
	.headerinfo{


border-radius:10px;
color:#333;
width:50%;
}
    }

    /*Divisoes de tamanho de telas para categorias*/
@media only screen and (min-width: 100px) {
    .categoria {
        width: 48%;
        height: 140px;
        border-bottom: 1px solid #10b7e4;
        float: left;
        margin-left: 2px;
        padding: 5px;
        border-radius: 5px;
        margin-top: 5px;
        text-align: center;
    }
	.caixaespacamento{
width: 0%;
height: 360px;
background:#F9F9F9;

float: left;
margin-left: 2px;
padding: 5px;
margin-bottom: 10px;
margin-top: 10px;
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;

display:none;
    }
}
    @media only screen and (min-width: 400px) {
        .categoria {
            width: 32%;
            height: 140px;
            border-bottom: 1px solid #10b7e4;
            float: left;
            margin-left: 2px;
            padding: 5px;
            border-radius: 5px;
            margin-top: 5px;
            text-align: center;
        }
    }
    @media only screen and (min-width: 600px) {
        .categoria {
            width: 32%;
            height: 140px;
            border-bottom: 1px solid #10b7e4;
            float: left;
            margin-left: 2px;
            padding: 5px;
            border-radius: 5px;
            margin-top: 5px;
            text-align: center;
        }
    }
    @media only screen and (min-width: 800px) {
    .categoria {
        width: 16%;
        height: 140px;
        border-bottom: 1px solid #10b7e4;
        float: left;
        margin-left: 2px;
        padding: 5px;
        border-radius: 5px;
        margin-top: 5px;
        text-align: center;
    }
}
    @media only screen and (min-width: 1000px) {
        .categoria {
            width: 14%;
            height: 140px;
            border-bottom: 1px solid #10b7e4;
            float: left;
            margin-left: 2px;
            padding: 5px;
            border-radius: 5px;
            margin-top: 5px;
            text-align: center;
        }
    }

    /*Divisoes de tamanho de telas para caixapequena*/
@media only screen and (min-width: 100px) {
    .caixapequena {
        width: 48%;
        height: 110px;
        border-bottom: 1px solid #10b7e4;
        float: left;
        margin-left: 2px;
        padding: 5px;
        border-radius: 5px;
        margin-top: 0 auto;
        text-align: center;
    }
}
    @media only screen and (min-width: 400px) {
        .caixapequena {
            width: 32%;
            height: 110px;
            border-bottom: 1px solid #10b7e4;
            float: left;
            margin-left: 2px;
            padding: 5px;
            border-radius: 5px;
            margin-top: 5px;
            text-align: center;
        }
    }
    @media only screen and (min-width: 600px) {
        .caixapequena {
            width: 32%;
            height: 110px;
            border-bottom: 1px solid #10b7e4;
            float: left;
            margin-left: 2px;
            padding: 5px;
            border-radius: 5px;
            margin-top: 5px;
            text-align: center;
        }
    }
    @media only screen and (min-width: 800px) {
    .caixapequena {
        width: 16%;
        height: 110px;
        border-bottom: 1px solid #10b7e4;
        float: left;
        margin-left: 2px;
        padding: 5px;
        border-radius: 5px;
        margin-top: 5px;
        text-align: center;
    }
}
    @media only screen and (min-width: 1000px) {
        .caixapequena {
            width: 14%;
            height: 110px;
            border-bottom: 1px solid #10b7e4;
            float: left;
            margin-left: 2px;
            padding: 5px;
            border-radius: 5px;
            margin-top: 5px;
            text-align: center;
        }
    }

@media only screen and (min-width: 100px) {
    .caixa {
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #6f19b7;
        float: left;
        margin-left: 2px;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
		height:800px;
		border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;

    }
	.area_abertaespaco{
            width: 100%;
			padding:2px;
            border: 0;
        }
	.quantidade{
	text-align: center;
background:
white;
width: 60px;
color:
#b5aeae;
margin: 0 auto;
border: 1px solid
#d7c7e6;
border-radius: 4px;
	}
}
@media only screen and (min-width: 400px) {
.caixa{
    width: 100%;
    height:800px;
    background: #fff;
    border-bottom: 1px solid #6f19b7;
    float: left;
    margin-left: 2px;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.area_abertaespaco{
            width: 100%;
			padding:2px;
            border: 0;
        }
}
@media only screen and (min-width: 600px) {
    .caixa{
        width: 33%;
        height:650px;
        background: #fff;
        border-bottom: 1px solid #6f19b7;
        float: left;
        margin-left: 2px;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
	.area_abertaespaco{
            width: 100%;
			padding:2px;
            border: 0;
        }
}
@media only screen and (min-width: 800px) {
    .caixa{
        width: 24.6%;
        height:650px;
        background: #fff;
        border-bottom: 1px solid #6f19b7;
        float: left;
        margin-left: 2px;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

}
@media only screen and (min-width: 1000px) {
    .caixa{
width: 19.7%;
height:650px;
background:
#fff;
border-bottom: 1px solid #b0a0bd;
float: left;
margin-left: 2px;
padding: 5px;
margin-bottom: 10px;
margin-top: 10px;
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
border-top: 1px solid #b0a0bd;

    }
.caixaespacamento{
width: 10%;
height: 360px;
background:#F9F9F9;

float: left;
margin-left: 2px;
padding: 5px;
margin-bottom: 10px;
margin-top: 10px;
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;

display:block;
    }
}
/*Caixa pesquisa*/

@media only screen and (min-width: 100px) {
    .caixapesquisa {
        width: 48%;
        height: 400px;
        background: #fff;
        border-bottom: 1px solid #6f19b7;
        float: left;
        margin-left: 2px;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}
@media only screen and (min-width: 400px) {
    .caixapesquisa{
        width: 49%;
        height: 400px;
        background: #fff;
        border-bottom: 1px solid #6f19b7;
        float: left;
        margin-left: 2px;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}
@media only screen and (min-width: 600px) {
    .caixapesquisa{
        width: 33%;
        height: 400px;
        background: #fff;
        border-bottom: 1px solid #6f19b7;
        float: left;
        margin-left: 2px;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}
@media only screen and (min-width: 800px) {
    .caixapesquisa{
        width: 24.6%;
        height: 400px;
        background: #fff;
        border-bottom: 1px solid #6f19b7;
        float: left;
        margin-left: 2px;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}
@media only screen and (min-width: 1000px) {
    .caixapesquisa{
        width: 16%;
        height: 400px;
        background: #fff;
        border-bottom: 1px solid #6f19b7;
        float: left;
        margin-left: 2px;
        padding: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}