@charset "utf-8";
/* CSS Document */

/*
=====================================
	AVALIAÇÃO MIN
======================================
*/
.aval{ display: block; position: relative; top: 0px; left: 0px; height: 35px; width: 210px; background: #fff }

.starmin{
	display: inline-table;
	position: relative;
	width: 60%;
	height: 30px;
	
}
.valormin{
	display: inline-table;
	position: relative;
	width: 30%;
	height: 30px;
	line-height: 35px;
	padding: 0px 8px;
	font-size: 18px;

	
}

.aval .starmin .process_coment{
	width: 100%;
	position: relative;
	height: 30px;
	overflow: hidden;

	
}
.aval .starmin .process_coment img{
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	
}
.aval .starmin .process_coment .linpros{
	position: absolute;
	z-index: 0;
}



/*
=====================================
	COMENTARIOS
======================================
*/

	.coment{ 
		padding: 20px;
		margin: 0px;
		display: block;
		z-index: 0;
		background: #fff;
		border-radius: 15px; 
	}
	.coment h2{
		padding: 10px;
	}
	.ali_coment {
		display: block;
		position: relative;
		margin: 0px;
		
	}
	.coment .ali_coment .bloc{
		display: inline-table;
		padding: 8px;
		margin: 1%;
	
		width: 30%;
	}
	.blocGrid{
		
		display: inline-table;


	}

	.bloc h2{
		text-align: center;
		font-size: 35px;
		font-weight: 900;
		width: 10%;
	
	}
	.bloc .process_coment{
		display: block;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 0;
		min-height:auto;
		overflow: hidden;
		margin: 0px 0px;	
		width: 120px;
		
		
	}
	.bloc .process_coment img{
		   width: 100%;
		position: relative;
		     top: 0px;
		    left: 0px;
		 z-index: 1;
	}
	
	.linpros{
		background: #FFCC00;
	  	    margin: 0px;
		   padding: 0px;
		  position: absolute;
		       top: 0px;
		      left: 0px;
		    height: 100%;
		   z-index: 0;
	}
	  .lin0{ width: 0%;}
	 .lin10{ width: 10%;}
	 .lin20{ width: 20%;}
	 .lin30{ width: 30%;}
	 .lin40{ width: 40%;}
	 .lin50{ width: 50%;}
	 .lin60{ width: 60%;}
	 .lin70{ width: 70%;}
	 .lin80{ width: 80%;}
	 .lin90{ width: 80%;}
	.lin100{ width: 100%;}

	.bloc p{
		/*background: #eee;*/
		     color: #333;
		     width: 100%;
		   padding: 5px;
	 	 font-size: 16px;
		text-align: center;
	}
	.bloc .td{
		display: inline-table;		
		padding: 0px  0px 0px 10px;
		margin: 0px;
		border-radius:12px; 
		height: 25px;
	}
	
	.vlr{ width: 20%; position: relative; border: 1px solid #ccc;}
	.proc2{ width: 45%; position: relative; background: #eee; border: 1px solid #ccc; overflow: hidden;}
	.porc{ width: 20%; position: relative;}
	
	.vlr span.star, .coment_det span.star{
		position: relative;
		 display: inline-table;
	}
	
	.vlr span.star:before, .coment_det span.star:before{
		font-family: 'FontAwesome';
		position: relative;
		font-size: 18px;
		content: '\f005';
		color: #ffc107;
	}
	.coment button, .form_ava button{
		border-radius: 8px;
		padding: 5px;
		font-size: 18px;
		cursor: pointer;
		display: block;
		margin: auto;
		text-transform: uppercase;
		font-weight: 900;
		
	}
	
	.coment button.btn_coment{
		border: 1px solid #999;
		
		color: #999;
		
	}
	.coment  button.ava, .form_ava button.ava{
		border: 1px solid #00522e;
		color: #00522e;

	}
	.coment_block{ display: none;}
	.coment_det{
		background: #f9f9f9;
		border-radius: 8px;
		padding: 8px;
		text-align: left;
		margin: 20px 5px;
	}
	.coment_det h2{
		color: #333;
		font-size: 20px;
		font-weight: 900;
		
	}
	.coment_det p{
		padding: 10px;
	}
	
	.linh_dv{
		display: block;
		clear: both;
		position: relative;
		top: 0px;
		left: 0px;
	}

	.grid_com{
		background: #eee;
		display: inline-table;
		padding: 1%;
		margin: 1%;
		width: 30%;
		height: 300px;
		position: relative;
		top: 0px;
		left: 0px;
		
	}
	.grid_com span.til{
		position: relative;
		top: 0px;
		left: 0px;
		background: #a0cc00;
		color: #00522e;
		width: auto;
		height: auto;
		padding: 2% 7%;
		font-size: 30px;
		border-radius: 50px;
		border: 1px solid #00522e;
		font-weight: 900;

	}
	.grid_com p{
		font-size: 18px;
		text-align: left;
	}
	
/*
=====================================
	AVALIACAO
======================================
*/
.fundo_avaliacao{
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
overflow: auto;
}

.fundo_avaliacao .form_ava{
	width: 980px;
	height: auto;
	padding: 10px;
	position: relative;
	top: 15%;
	margin: auto;
	background: #fff;
	
	
}
.fundo_avaliacao .alert{
	border: 1px solid #f03;
	border-radius:8px;
	background: rgba(255,0,0,0.2);
	color: #f03;
	
}
	.fundo_avaliacao .alert2{
	border: 1px solid #036;
	border-radius:8px;
	background: rgba(0,51,102,0.2);
	color: #036;
	
}

.estrelas input[type=radio]{
display: none;
}.estrelas label i.fa:before{
content: '\f005';
color: #FC0;
}.estrelas  input[type=radio]:checked  ~ label i.fa:before{
color: #CCC;
}	


/*
=====================================
	CADASTRO
=====================================
*/

.prod_v{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}
.prod_v .pd{
	display: inline-table;
}

.prod_v img.imgp1{
	width: 250px;
	border: 1px solid #eee;
}
.prod_v  h3{
	font-size: 25px;
	color:#00522e;
	padding: 1%;
}
.prod_v  h3 span{
	display: block;
	color:#555;

}

.container_img{ 
	display:inline-table;
	/*border: 1px solid #f03;*/
}

.container_text{
	display:inline-table;
	padding: 1%;
	text-align: left;
}
.preco_det p{
	font-size: 18px;
	margin: 1% 0;
}
.aviso_bot {
	background: #e2f4a0;
	position: relative;
	display: block;
	margin: 2% 0;
	border-radius: 8px;
	border: 1px solid #00522e;
}
.aviso_bot p{
	font-size: 16px;
}