@charset "utf-8";
/* CSS Document */
.inner-cell{
	text-transform:uppercase;!important
	
	}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/FhHRx.gif') 
                50% 50% 
                no-repeat;
}
body.loading {
    overflow: hidden;   
}
body.loading .modal {
    display: block;
}	

.categorias{text-align:center;}
.categoria {
	height: 150px;
	vertical-align: top;
	width: 100%;
	max-width:220px;
	margin:20px auto 20px auto;
	border: #F4F5FD 5px solid;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	display: block;
	cursor: pointer;
	
	text-align: center;
	background-color:#F4F5FD;
	font-size:14px;
	-webkit-transform .5s ease;
	transition:all .5s ease;
	border-radius:10px;
	
}
.categoria:hover{
	background-color:#fff;
	}
#teste-rh img{
	height:auto;
	width:100px;
	margin:10px auto 10px auto;
	-webkit-transition: -webkit-transform .5s ease;
	transition:all .5s ease;
	}
#teste-rh:hover img{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
	}
#teste-recrut{
overflow:hidden;
position:relative;
}
#teste-recrut div{
	margin-top:115px;
	}
#recru-top{
position:absolute;
top:0px;
left:0px;
width:220px;	
transition:all .5s ease;
	}
#recru-back{
position:absolute;
top:0px;
left:0px;
width:220px;	

	}
#teste-recrut:hover #recru-top{
	top:-30px;
	
	}


#descricao{
	height:auto;
}
	.destacado{
	font-size:22px;
	color:#555;
	text-align:center;
	margin-top:20px;
	}

.passo{
	width:32%;
	height:140px;
	display: inline-block;
		vertical-align:top;
		
	}
.circ{
	width:75px;
	height:75px;
	border-radius:55px;
	background-color:#FFF;
	text-align:center;
	font-size:50px;
	margin:auto;
	box-shadow:#999 -2px -2px 2px, #E9E9E9 1px 1px 2px ;
	
	}
.passo-texto{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}
	.categorias{text-align:center;}
.categoria {
	height: 170px;
	vertical-align: top;
	width: 225px;
	margin:15px 0.5% 0 0.5%;
	border: #F4F5FD 5px solid;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	display: inline-block;
	cursor: pointer;
	max-width:none;
	text-align: center;
	background-color:#F4F5FD;
	font-size:14px;
		-webkit-transition: -webkit-transform .5s ease;
	transition:all .5s ease;
	border-radius:10px;
	
}
.categoria:hover{
	background-color:#fff;
	}
#teste-rh img{
	height:auto;
	max-width:100px;
	margin:15px;
	-webkit-transition: -webkit-transform .5s ease;
	transition:all .5s ease;
	}
#teste-rh:hover img{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
	}
#teste-recrut{
overflow:hidden;
position:relative;

}
#teste-recrut div{
	margin-top:127px;
	}


#recru-top{
position:absolute;
top:0px;
left:0px;
width:225px;
transition:all .5s ease;
	}
#recru-back{
position:absolute;
top:0px;
left:0px;
width:225px;	

	}
#teste-recrut:hover #recru-top{
	top:-30px;
	}


	
#descricao{
	height:auto;
}
	.destacado{
	font-size:22px;
	color:#555;
	text-align:center;
	margin-top:20px;

	}
#passos{
	height:150px;
	margin:20px 0;

	}
.passo{
	width:32%;
	height:140px;
	display: inline-block;
		vertical-align:top;
		
	}
.circ{
	width:85px;
	height:85px;
	border-radius:75px;
	background-color:#FFF;
	text-align:center;
	font-size:60px;
	margin:auto;
	box-shadow:#999 -2px -2px 2px, #E9E9E9 1px 1px 2px ;
	
	}
.passo-texto{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}	


.p-links button {
	border-radius:8px;
    color: white;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 0px 0px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	width:100%;
	margin:9px 0 9px 0;
}

.btn-compra {
	
	background-color: #32B1CD;
    color: white;
    border: 2px solid #32B1CD;
}
.btn-compra:hover {
    background-color: white; 
    color: black;
}
.btn-detalhe {
	border: 2px solid #F99602;
	background-color: #F99602;
    color: white;
}
.btn-detalhe:hover {	
    background-color: white; 
    color: black; 
}
.btn-carrinho {	
	background-color: #689629;
    color: white;
    border: 2px solid #689629;
}
.btn-carrinho:hover {
    background-color: white; 
    color: black;
}
.produto{
	padding:25px 10px;
	border:1px solid #E2E4FA;
	box-shadow:#666 2px 3px 5px,#CCC -1px -1px 3px;
	background-color:#fff;
	transition:all .1s ease;	
	width:auto;
	margin:auto;
	margin-top:20px;
	}
#produtos .produto{background-color: #F4F5FD}
		
.p-imagem{

	height:130px;
	width:30%;
	max-width:170px;
	display:block;
	vertical-align:top;	
	margin:auto;
	}
	
.p-descricao{ 
	xbackground-color:#0FF;
	text-align:left;
	width:100%;
	max-width:500px;
	display:block;
	color:#666; 
	text-decoration:none;
	margin:auto;
	padding:1px;
	
	}
.produto a{	color:#666;text-decoration:none;text-decoration:none; }
.produto a:visited{ color:#666;text-decoration:none;text-decoration:none; }
.produto a:hover{ color:#666;text-decoration:none;text-decoration:none; }
		
.p-links
	{

		margin:auto;
		width:90%;
		max-width:500px;
		display:block;
		vertical-align:top;
		
	}	



   #produto-imagem{
	
   width:150px;
   height:auto;
   float:left

   }
#produto-intro{
	min-height:140px;
}

.produto:hover{
	background-color:transparent;
	}
#produtos{ margin-bottom:14px;
Zbackground-color:#0CC;
min-height:200px;
}
.destacado{text-align:left;


}
.p-preco{
	margin-right:50px;
	}
	
		.p-tarifa-descricao{
			font-size:12px;
			background-color:#E3E4F2;
			border-radius:2px;
			width:99%;
			padding:10px 0px;
			padding-top:5px;
			margin-top:10px;
			color:#000;
			
			}
.p-tarifa{
  -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../images/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin-bottom:10px;
   overflow: hidden;
   padding: 10px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 260px;
   font-size:13px;
		}	
		
		
#conteudo {
	width:92%;
}		
.qty {
    width: 40px;
     height: 26px;
    text-align: center;
	border-radius:2px;
	border: 1px #999999 solid;
	line-height:28px
}


.categorias_cubos{
	min-height:120px;
	min-width:120px;
	background-color:#F4F4F4;
	display:inline-block;
	margin:3px;
	vertical-align:top;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	border:solid 1px #E4E4E4;
	background-size:contain;
	}
.categorias_cubos:hover{
border:solid 1px #B7B7B7;
}
	
.categorias_cubos div{
	margin-top:70%;
	min-height:25px;
	text-align:center;
	background-color:#CCC;
	line-height:25px;
	
}


#produtos{
	text-align:left;
	
	}

#pesquisa{
	padding:4px;
	width:45%;
	min-width:150px;
	max-width:300px;

	}
#barra-pesquisa{
	background-color:#CCC;
	padding:5px 20px;
	border-radius:3px;
	margin-top:70px;
	margin-bottom:-25px;
	}
#barra-pesquisa img{
	display:none;
	}
#barra-pesquisa button{
    background-color: #666666; /* Green */
    border: none;
    color: white;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    margin: 4px 2px;
	
}
#barra-pesquisa button:hover{
    opacity:0.9;
}






 @media only screen and (min-width: 481px) {
	#produtos .produto{background-color:transparent;
	margin-top:20px;
	}
	.qty {
    width: 40px;
    height: 22px;
    text-align: center;
	border-radius:2px;
	border: 1px #999999 solid;
	
} 
	 
	 #conteudo {
	width:90%;
}
	.categorias{text-align:center;}
.categoria {
	height: 170px;
	vertical-align: top;
	width: 225px;
	margin:15px 0.5% 0 0.5%;
	border: #F4F5FD 5px solid;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	display: inline-block;
	cursor: pointer;
	max-width:none;
	text-align: center;
	background-color:#F4F5FD;
	font-size:14px;
		-webkit-transition: -webkit-transform .5s ease;
	transition:all .5s ease;
	border-radius:10px;
	
}
.categoria:hover{
	background-color:#fff;
	}
#teste-rh img{
	height:auto;
	max-width:100px;
	margin:15px;
	-webkit-transition: -webkit-transform .5s ease;
	transition:all .5s ease;
	}
#teste-rh:hover img{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
	}
#teste-recrut{
overflow:hidden;
position:relative;

}
#teste-recrut div{
	margin-top:127px;
	}


#recru-top{
position:absolute;
top:0px;
left:0px;
width:225px;
transition:all .5s ease;
	}
#recru-back{
position:absolute;
top:0px;
left:0px;
width:225px;	

	}
#teste-recrut:hover #recru-top{
	top:-30px;
	}


	
#descricao{
	height:auto;
}
	.destacado{
	font-size:22px;
	color:#555;
	text-align:center;
	margin-top:20px;
	
	}
#passos{
	height:150px;
	margin:20px 0;

	}
.passo{
	width:32%;
	height:140px;
	display: inline-block;
		vertical-align:top;
		
	}
.circ{
	width:85px;
	height:85px;
	border-radius:75px;
	background-color:#FFF;
	text-align:center;
	font-size:60px;
	margin:auto;
	box-shadow:#999 -2px -2px 2px, #E9E9E9 1px 1px 2px ;
	
	}
.passo-texto{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}	


.p-links button {
	border-radius:8px;
    color: white;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 0px 0px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	width:100%;
	margin:9px 0 0 0;
}


.produto{
	padding:0 0 15px 0;
	border:2px solid #D0DFEE;
	border-bottom:none;
	background-color:#fff;
	transition:all .1s ease;	
	width:90%;
	
	}
.produto:hover{
	background-color:#F4F5FD;
	}
		
.p-imagem{
	zbackground-color:#CC9;
	height:130px;
	width:20%;
	max-width:170px;
	display:block;
	vertical-align:top;	
	margin-left:10%;
	}

.p-descricao{ 
	xbackground-color:#0FF;
	text-align:left;
	width:90%;
	max-width:500px;
	display:block;
	color:#666; 
	text-decoration:none;
	margin:auto;
	padding:1px;
	
	}
.produto a{	color:#666;text-decoration:none;text-decoration:none; }
.produto a:visited{ color:#666;text-decoration:none;text-decoration:none; }
.produto a:hover{ color:#666;text-decoration:none;text-decoration:none; }
		
.p-links
	{
		
		margin:auto;
		width:90%;
		max-width:500px;
		display:block;
		vertical-align:top;
	}	


		.p-tarifa-descricao{
			font-size:11px;
			background-color:#F4F5FD;
			border-radius:2px;
			border:3px #FFFFFF solid;
			padding:10px 5px;
			padding-top:5px;
			margin-top:10px;
			color:#000;
			
			}
.p-tarifa{
  -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../images/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin-bottom:10px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
   font-size:13px;
		}

}


 @media only screen and (min-width: 769px) {
	 	
#produtos .produto{
	background-color:transparent;
	margin-top:0;
	padding-bottom:10px;


}
#conteudo {
	width:68%;
}
.categoria {
	height: 170px;
	vertical-align:top;
	width: 225px;
	border: #F4F5FD 5px solid;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	display: inline-block;
	cursor: pointer;
	margin:15px 2% 0 2%;
	text-align: center;
	background-color:#F4F5FD;
	font-size:15px;
	-webkit-transition: -webkit-transform .5s ease;
	transition:all .5s ease;
	border-radius:10px;
	max-width:none;
	font-weight:bold;
}
.categoria:hover{
	
	background-color:#fff;
	}
#teste-rh img{
	height:auto;
	max-width:100px;
	margin:15px;
	-webkit-transition: -webkit-transform .5s ease;
	transition:all .5s ease;
	}
#teste-rh:hover img{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
	}
#teste-recrut{
overflow:hidden;
position:relative;

}
#teste-recrut div{
	margin-top:127px;
}
#recru-top{
position:absolute;
top:0px;
left:0px;
width:225px;
transition:all .5s ease;
	}
#recru-back{
position:absolute;
top:0px;
left:0px;
width:225px;	

	}
#teste-recrut:hover #recru-top{
	top:-30px;
	
	}


	
#descricao{height:auto;}

	.destacado{
	font-size:22px;
	color:#555;
	text-align:center;
	margin-top:20px;
	}
#passos{
	height:150px;
	margin-top:20px;

	}
.passo{
	width:32%;
	height:140px;
	display: inline-block;
		vertical-align:top;
		
	}
.circ{
	width:85px;
	height:85px;
	border-radius:75px;
	background-color:#FFF;
	text-align:center;
	font-size:60px;
	margin:auto;
	box-shadow:#999 -2px -2px 2px, #E9E9E9 1px 1px 2px ;
	
	}
.passo-texto{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}	
.p-links
	{
	padding-bottom:10px;
	width:100%;
	display:block;
	vertical-align:top;
	max-width:none;
	text-align:right;
	}	
.p-links button {
	border-radius:8px;
    color: white;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	width:23%;
	margin:5px 1% 0 1%;
	display:inline-block;
}



.produto{
	padding:0;
	border:none;
	border-top:5px solid #F4F5FD;
	background-color:#fff;
	transition:all 0.21s ease;
	width:auto;
	margin:auto;
	box-shadow:none;
	}
#produtos .produto:hover{background-color:#F4F5FD}

		
.p-imagem{
	height:125px;
	width:20%;
	display:inline-block;
	max-width:none;
	vertical-align:top;
	Zbackground-color:#CAD6FF;	
	margin:auto;
	}
	
.p-imagem img{
	height:auto;
	width:100%;
	}	
	
.p-descricao{ 
	min-height:150px;
	width:71%;
	max-width:none;
	display:inline-block;
	vertical-align:top;
	padding:0 2% 0 4%;
	color:#666; 
	text-decoration:none;
	}
.produto a{	color:#666;text-decoration:none;text-decoration:none;	}
.produto a:visited{	color:#666;text-decoration:none;text-decoration:none;	}
.produto a:hover{	color:#666;text-decoration:none;text-decoration:none;	}
	
		
		.p-tarifa-descricao{
			font-size:11px;
			background-color:transparent;
			border-radius:2px;
			border:3px #F4F5FD solid;
			padding:10px 5px;
			padding-top:5px;
			margin-top:10px;
			color:#000;
			
			}
.p-tarifa{
  -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../images/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin-bottom:10px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
   font-size:13px;
		}

}