@charset "utf-8";
/* Style */

	/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
		.redondo (@n){ -webkit-border-radius: @n; -moz-border-radius: @n; border-radius: @n; }
		.redondo1 (@n1, @n2, @n3, @n4){ webkit-border-radius: @n1 @n2 @n3 @n4; -moz-border-radius: @n1 @n2 @n3 @n4; border-radius: @n1 @n2 @n3 @n4; }
		.shadow (@n1, @n2, @n3, @n4){ -webkit-box-shadow: @n1 @n2 @n3 @n4; -moz-box-shadow: @n1 @n2 @n3 @n4; box-shadow: @n1 @n2 @n3 @n4; }
		.back_gradient (@n1, @n2, @n3, @n4) { background: -moz-linear-gradient(top,  @n1 0%, @n2 50%, @n3 51%, @n4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@n1), color-stop(50%,@n2), color-stop(51%,@n3), color-stop(100%,@n4)); background: -webkit-linear-gradient(top,  @n1 0%,@n2 50%,@n3 51%,@n4 100%); background: -o-linear-gradient(top,  @n1 0%,@n2 50%,@n3 51%,@n4 100%); background: -ms-linear-gradient(top,  @n1 0%,@n2 50%,@n3 51%,@n4 100%); }

		.icon(@x){
		 	padding-left: @x;
			i { width: @x; height: @x; line-height: @x; margin-left: -@x; }
		}
	/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */




	/* CSS */
	/* CSS */





	/* LOJA */

		/* Carrinho endereco */
		@media (max-width: 600px){
			.pg_carrinho_endereco {
				.carrinho_all_subtotal.w200 { width: auto !important; }
				.subtotal_resp { padding-top: 20px !important; }
				.box_endereco_resp  { float: none; padding:0 !important; margin: auto; }
				.fretes_resp  { float: none; margin: auto; padding-top: 20px; padding-right: 0 !important; text-align: center;
					.w300 { width: auto !important; padding-right: 10px; }
					.fretes { float: none !important; display: inline-block; }
				}
			}
		}

		@media (max-width: 500px){
			.pg_minha_conta {
				.pedido {
					.h64 { height: 80px !important; }
				} 
			}
		}

	/* LOJA */




	/* PADROES */

		/* Design */
			input.design,
			textarea.design,
			.select2,
			select.design,
			select.designx { height: 26px; line-height: 26px; padding: 0 5px; border: solid 1px #ccc; background: url('../../web/img/outros/input/bg-input30.png') repeat-x 0px 0px #FFF; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; outline: 0; }
			input.design:focus,
			textarea.design:focus,
			.select2:focus,
			select.design:focus,
			select.designx:focus { height: 26px; line-height: 26px; box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); border-color: #AAA; background: url('../web/img/outros/input/bg-input-focus1.png') repeat-x 0px 0px #FFF; }

			.select2-selection__rendered { height: 24px; line-height: 26px; font-size: 12px; color: #666 !important; }
			.select2-container { font-size: 12px; border: 0 !important; }
			.select2-selection { padding: 0 5px; border: solid 1px #ccc; background: url('../../web/img/outros/input/bg-input30.png') repeat-x 0px 0px #FFF; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; outline: 0; }

			.select2-selection--multiple { height: 28px !important;
				.select2-selection__rendered { height: 28px; }
				.select2-selection__choice { height: 20px !important; line-height: 20px !important; }
			}
			/*.select2-selection--multiple { height: 100px !important;
				.select2-selection__rendered { height: 100px; }
				.select2-selection__choice { height: 24px !important; }
			}*/

			input[type=radio].design ,
			input[type=checkbox].design { height: auto; line-height: auto; padding: 0; border: none; background: none; border-radius: 0px; outline: 0; }

			input[type=checkbox], input[type=radio] { height: 16px; vertical-align: bottom; box-shadow: 0px 0px 1px rgba(0,0,0,0.3) !important; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.3) !important; -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.3) !important; }
			textarea.design { height: auto; padding: 5px 10px; line-height: 18px !important; }

			button.design { padding: 8px 25px; border: 0; color:#FFF; .redondo(4px); -moz-box-shadow:0 0 3px #CCC; -webkit-box-shadow:0 0 3px #CCC; box-shadow:0 0 3px #CCC; }
			button.design:hover { -moz-box-shadow:0 0 8px #CCC; -webkit-box-shadow:0 0 8px #CCC; box-shadow:0 0 8px #CCC; }	

			input[type=date].design, input[type=datetime-local].design, input[type=month].design, input[type=number].design, input[type=time].design, input[type=week].design { padding-right: 0 !important; }
			input.design:disabled, textarea.design:disabled { opacity: .7 !important; background: #eee !important; }

			.input.file { position: relative; overflow: hidden; height: 24px; line-height: 24px; padding: 0 5px; border: solid 1px #ccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; outline: 0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f6f6f6');  background:-moz-linear-gradient(top, #fff, #f6f6f6); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); }
			input[type=file].design { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
		/* Design */

		/* Butao */
			.botao { height: 33px; padding: 0px 15px; font-size: 12px; cursor: pointer; border: 1px solid #ddd; background: #FFF;
				i { margin: -2px 0 0; font-size: 16px; }
			}
			.botao:disabled { color: #ccc !important;
				i { color: #ccc !important; }
			}
			.botao:hover { .shadow(0px, 1px, 3px, #d7d7d7); text-shadow: 0px 1px 0px #BBB; border: 1px solid #C7C7C7; }
		/* Butao */

	/* PADROES */
	

/* Style


----------------------------------------------------------------------------------------------------------------------------------


*/