/* ========= Comentar =========== */
#comentar{ float:left; width:836px; background:#f7fafd; margin:20px 0 40px 62px; padding:10px; border-radius:5px;}

#comentarr{ float:left; margin:0; background:#e6f2ff; padding:10px 0; margin-bottom:20px; }

#comentarr form{ float:left; margin:0px;  padding:0;}
#comentarr form .nome{ width:380px; margin:5px 0 5px 2px; background:#FFF; }
#comentarr form .email{ width:392px; margin:5px 0 5px 2px; }
#comentarr form .comentario{ background:#FFF; margin:5px 0 5px 2px; width:800px; }
#comentarr .w310{ width:410px; }
#comentarios{ float:left; width:820px; margin-top:40px; margin-bottom:40px; border:1px solid #CCC; border-radius:5px; padding:5px; margin-left:0px;}
#comentarios ul{}
#comentarios ul li{ float:left; width:800px; list-style:none; border-bottom:1px solid #CCC; padding:20px 10px 20px 10px;}
#resposta{ float:left; width:710px; background:#e6f2ff; border-radius:5px; padding:5px; margin:20px 0 0 45px;}

/* ========= Search =========== */
@media only screen and (max-width: 1020px) {
	
/* ========= Comentar =========== */
#comentar{float:left; width:736px; background:#f7fafd; margin:20px 0 40px 49px; padding:10px; border-radius:5px;}

#comentarr{ float:left; margin:0; background:#e6f2ff; padding:10px 0; margin-bottom:20px; }

#comentarr form{ float:left; margin:0px; padding:0;}
#comentarr form .nome{ width:310px; margin:5px 0 5px 20px; background:#FFF; }
#comentarr form .email{ width:340px; margin:5px 0 5px 2px; }
#comentarr form .comentario{ background:#FFF; margin:5px 0 5px 20px; width:680px; }
#comentarr .w310{ width:360px; }

#comentarios{ float:left; width:720px; margin-top:40px; margin-bottom:40px; border:1px solid #CCC; border-radius:5px; padding:5px; margin-left:0; }
#comentarios ul{}
#comentarios ul li{ float:left; width:690px; list-style:none; border-bottom:1px solid #CCC; padding:20px 10px 20px 10px;}
#resposta{ float:left; width:580px; border-radius:5px; padding:5px; margin:20px 0 0 45px;}

}


@media only screen and (max-width: 910px) {
	
/* ========= Comentar =========== */
#comentar{float:left; width:638px; background:#f7fafd; margin:20px 0 40px 45px; padding:10px; border-radius:5px;}

#comentarr{ float:left; margin:0; background:#e6f2ff; padding:10px 0; margin-bottom:20px; }

#comentarr form{ float:left; margin:0px;  padding:0;}
#comentarr form .nome{ width:255px; margin:5px 0 5px 2px; background:#FFF; }
#comentarr form .email{ width:290px; margin:5px 0 5px 2px; }
#comentarr form .comentario{ background:#FFF; margin:5px 0 5px 2px; width:585px; }
#comentarr .w310{ width:310px; }


#comentarios{ float:left; width:622px; margin-top:40px; margin-bottom:40px; border:1px solid #CCC; border-radius:5px; padding:5px; margin-left:0px;}
#comentarios ul{}
#comentarios ul li{ float:left; width:600px; list-style:none; border-bottom:1px solid #CCC; padding:20px 10px 20px 10px; }
#resposta{ float:left; width:480px; border-radius:5px; padding:5px; margin:20px 0 0 45px;}
}

@media only screen and (max-width: 784px) {
	
	/* ========= Comentar =========== */
	#comentar{float:left; width:548px; background:#f7fafd; margin:20px 0 40px 30px; padding:10px; border-radius:5px;}
	
	#comentarr{ float:left; margin:0; background:#e6f2ff; padding:10px 0; margin-bottom:20px; }

	#comentarr form{ float:left; margin:0px;  padding:0;}
	#comentarr form .nome{ width:240px; margin:5px 0 5px 2px; background:#FFF; }
	#comentarr form .email{ width:260px; margin:5px 0 5px 2px; }
	#comentarr form .comentario{ background:#FFF; margin:5px 0 5px 2px; width:520px; }
	#comentarr .w310{ width:270px; }
	
	#comentarios{ float:left; width:532px; margin-top:40px; margin-bottom:40px; border:1px solid #CCC; border-radius:5px; padding:5px;}
	#comentarios ul{}
	#comentarios ul li{ float:left; width:512px; list-style:none; border-bottom:1px solid #CCC; padding:20px 10px 20px 10px; }
	#resposta{ float:left; width:410px; border-radius:5px; padding:5px; margin:20px 0 0 45px;}
}

@media only screen and (max-width: 636px) {
	
	/* ========= Comentar =========== */
	#comentar{float:left; width:405px; background:#f7fafd; margin:20px 0 40px 18px; padding:10px; border-radius:5px;}
	
	#comentarr{ float:left; margin:0; background:#e6f2ff; padding:10px 0; margin-bottom:20px; }

	#comentarr form{ float:left; margin:0px;  padding:0;}
	#comentarr form .nome{ float:left; width:300px; margin:5px 0 5px 12px; background:#FFF; }
	#comentarr form .email{ float:left; width:300px; margin:5px 0 5px 12px; }
	#comentarr form .comentario{ background:#FFF; margin:5px 0 5px 2px; width:380px; }
	#comentarr .w310{ width:400px;}
	
	#comentarios{ float:left; width:379px; margin-top:40px; margin-bottom:40px; border:1px solid #CCC; border-radius:5px; padding:5px; }
	#comentarios ul{}
	#comentarios ul li{ float:left; width:364px; list-style:none; border-bottom:1px solid #CCC; padding:20px 10px 20px 10px; }
	#resposta{ float:left; width:312px; border-radius:5px; padding:5px; margin:20px 0 0 25px;}
}
@media only screen and (max-width: 498px){
	
	/* ========= Comentar =========== */

	#comentar{float:left; width:252px; background:#f7fafd; margin:20px 0 40px 30px; padding:10px; border-radius:5px;}
	
	#comentarr{ float:left; margin:0; background:#e6f2ff; padding:10px 0; margin-bottom:20px; }

	#comentarr form{ float:left; margin:0px;  padding:0;}
	#comentarr form .nome{ float:left; width:220px; margin:5px 0 5px 12px; background:#FFF; }
	#comentarr form .email{ float:left; width:220px; margin:5px 0 5px 12px; }
	#comentarr form .comentario{ background:#FFF; margin:5px 0 5px 2px; width:235px; }
	#comentarr .w310{ width:220px;}
	
	#comentarios{ float:left; width:226px; margin-top:40px; margin-bottom:40px; border:1px solid #CCC; border-radius:5px; padding:5px;}
	#comentarios ul{}
	#comentarios ul li{ float:left; width:211px; list-style:none; border-bottom:1px solid #CCC; padding:20px 10px 20px 10px; }
	#resposta{ float:left; width:200px; border-radius:5px; padding:5px; margin:20px 0 0 0px;}
	
}