/*---------------------
  Carrinho
----------------------*/
#carrinho-wrapper{ }

.tabela-carrinho{
	  border-collapse: collapse;
	  width: 100%;
	  border: solid 1px #ddd;
		margin: 30px 0 0 0;
		font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif;
		color: #222;
		clear: both;
		float: left;
  } 
  .tabela-carrinho tr:nth-child(2n+1){ background: #f5f5f5; } 

  @media only screen and ( max-width: 900px ) {
		
		.tabela-carrinho { 
			width: 200%;
			font-size: 16px;
		}

  }

  .tabela-carrinho a {
		font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif;
		color: #222;
		text-decoration: none;
		display: inline-block;
		margin: 5px 0;
	}
	.tabela-carrinho a:hover { color: #000; }

  .tabela-carrinho input{ outline: none; }
  
  .tabela-carrinho td{ 
      padding: 10px 0;
   }  

  .tabela-carrinho th{
      background: #eee;      
      color: #444;
      font: 14px 'pt_sansbold', arial, sans-serif;	     
  }
  .tabela-carrinho .tit-produto{ padding: 10px; text-align: left; }
  
  .tabela-carrinho .img-produto{
      float: left;
      padding: 0;
			margin: 5px 10px 0 10px;
			border: solid 1px #ddd;
  }

  .tabela-carrinho .img-produto img{ display: block; }
  
  .tabela-carrinho .dados-produto{
      float: left;
      width: 230px;
  }

  		@media only screen and ( max-width: 900px ) {
				
				.tabela-carrinho .dados-produto {
					float: none;
					width: 100%;
					padding-left: 10px;
					clear: both;
				}

  		}
  
      .tabela-carrinho .dados-produto .codigo{
         color: #96ca1b;
         display: block;
         padding: 5px 0;
         font: 14px 'pt_sansregular', arial, sans-serif;
      }
      
      .tabela-carrinho .dados-produto .nome{
         font: bolder 14px 'pt_sansregular', arial, sans-serif;
         color: #222;
				 display: block;
				 padding-bottom: 5px;
      }

      .tabela-carrinho .cel-retorno{
      	padding: 0 0 10px 0 !important;
      }

      .tabela-carrinho .retorno{
      	display: block;
      	background: #f55;
      	padding: 5px 10px;
      	font: 13px 'PT Sans', arial, sans-serif;
      	color: #fff;
      }
      
      /*.tabela-carrinho .dados-produto .descricao{
         font: 14px 'pt_sansregular', arial, sans-serif;
         color: #222;
      }*/
			
	/* linhas totais carrinho unit�rio */		
	.tabela-carrinho .faixa-subtotal{
	  background: #fff;	
	}	
		
	.tabela-carrinho .faixa-frete{
	  background: #f5f5f5;		
	}
	
	.tabela-carrinho .faixa-total{
	  background: #1A4C72; color: #fff;	
	}
	
	.tabela-carrinho .faixa-subtotal td,
	.tabela-carrinho .faixa-frete td,
	.tabela-carrinho .faixa-total td{ padding-right: 10px; }
	
	.aviso-carrinho-vazio{ display: block; padding: 0 0 0 10px; }

	/* MARCADOR LISTA ACESSÓRIOS */
	.marcador-acessorios-ico {
		width: 5px;
		height: 5px;
		background: #AAA;
		display: inline-block;
		position: relative;
		border-radius: 3px;
		top: -2px;
		right: 3px;
	}
	
	/* ---------------------------------- */
		
      
	#form-carrinho .input-carrinho{
		border: solid 1px #ddd;
		padding: 5px;
		background: #fff;
		font: 14px Arial, Helvetica, sans-serif;
		color: #222;
	}
	
	#form-carrinho .qtd{ width: 35px; }

	#form-carrinho .qtd-item{ width: 35px; }

	#form-carrinho select{ 
	  width: 90px;
		padding: 2px; 
		border: solid 1px #ddd;
		font: 14px Arial, Helvetica, sans-serif;
		color: #222;
	}

	@media only screen and ( max-width: 900px ) {
		
		#form-carrinho .qtd,
		#form-carrinho .qtd-item {
		    width: 48px;
        padding: 10px 0;
        text-align: center;
		}

	}
	
	#form-carrinho .calculo-frete-carrinho{
	  display: block;
		padding: 10px;
		background: #f5f5f5;
		margin: 20px 0 0;
		clear: both;
		font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif;
		color: #555;
	}
	
	  #form-carrinho .calculo-frete-carrinho label{ display: inline-block; padding: 0 10px 0 0; }
	
		#form-carrinho .calculo-frete-carrinho .cep-input{ 
			border: solid 1px #ddd; 
			font: 14px Arial, Helvetica, sans-serif; color: #222;
			width: 120px; 
			padding: 5px 3px; 
			border: solid 1px #ddd; 
		}
	
		#form-carrinho .calculo-frete-carrinho .send-cep-btn{  
			border: none; 
			background: #DF761B; 
			font: 14px Arial, Helvetica, sans-serif; 
			color: #fff; 
			padding: 5px; 
			cursor: pointer; 
			margin: 3px 0 0 5px; 
			
			background-color: #DF991B;
		
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #DF991B 0%, #DF741B 100%);
		
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #DF991B 0%, #DF741B 100%);
		
		/* Opera */ 
		background-image: -o-linear-gradient(top, #DF991B 0%, #DF741B 100%);
		
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DF991B), color-stop(1, #DF741B));
		
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #DF991B 0%, #DF741B 100%);
		
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #DF991B 0%, #DF741B 100%);
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DF991B', endColorstr='#DF741B',GradientType=0 ); /* IE6-9 */
		}
		
		#form-carrinho .calculo-frete-carrinho .send-cep-btn:hover{ background-color: #DF991B; }
	
	
	/* finalizar or�amento */
	.btn-mais{
		display: inline-block;
		float: left;
		background: #96CA1B;
		color: #fff;
		text-decoration: none;
		margin: 0;
		padding: 10px;
		font: 16px 'pt_sansregular', Arial, Helvetica, sans-serif;
		transition: background-color .2s ease;
	}
	
	.btn-mais:hover{ background: #88B718; }
	
	.btn-finaliza-carrinho{
		float: right;
		padding: 10px 15px;
		font: 16px 'pt_sansregular', Arial, Helvetica, sans-serif;
		text-align: center; color: #fff;
		cursor: pointer;
		text-decoration: none;
		border: none;		
		/*background: #8415A8;*/
		transition: background-color .2s ease;
	}
	
	#form-carrinho .btn-finaliza-carrinho:hover{ background: #721192; }
	


/* Campos do Cep
---------------------------*/	
.cep-field{ 
		padding: 15px; 
		border: solid 1px #ddd; 
		top: 30px; 
		position: relative;
		clear: both; 
		display: block;
}
	
	.cep-field label{ 
		float: left; 
		width: 200px; 
		display: block; 
		font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif; 
		color: #3A3A3A; 
		padding: 6px 0 0 0; 
	}
	
	.cep-field p{ 
		display: block; 
		padding: 0 0 15px 0; 
		font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif; 
		color: #3A3A3A; 
	}
	
	.cep-field p span{
		font-family: Arial, Helvetica, sans-serif;
	 }
		
	.cep-field .cep-input{ 
		border: solid 1px #ddd; 
	  font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif; color: #222;
		width: 120px; 
		padding: 5px 3px; 
		border: solid 1px #ddd; 
	}
	
	.cep-field .send-cep-btn{  
		border: none; 
		background: #8415a8; 
		font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif; 
		color: #fff; 
		padding: 5px 5px 7px 5px; 
		cursor: pointer; 
		margin: 0 0 0 5px; 		
		transition: background-color .2s ease;
	}		
	.cep-field .send-cep-btn:hover{ background: #721192; }

	.loading-cep{ display: none; 
		position: relative;
		top: 3px; 
		left: 5px; 
	 }
	 
	.loading-padrao{ display: none; position: relative; top: 3px; left: 5px; }
	


/* CAMPOS DE DADOS DO USUÁRIO
================================ */	

.user-fields{ 
  padding: 15px; 
	border: solid 1px #ddd; 
	top: 30px;
	clear: both;
	position: relative;
	font-family: 'pt_sansregular', Arial, Helvetica, sans-serif; 
}

	.user-fields p{ 
		display: block; 
		padding: 0 0 15px 0; 
		font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif; 
		color: #3A3A3A; 
	}
	
	.user-fields label{ 
		float: left; 
		width: 160px; 
		display: block; 
		padding: 5px 0 0; font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif; 
		color: #3A3A3A; 
	}
	
	.user-fields .standard-input{ 
		color: #3A3A3A; 
		width: 465px; 	
		border: solid 1px #ddd; 
		padding: 5px;
		font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif; color: #222;
	}
	
	@media only screen and ( max-width: 900px ) {

		.user-fields label {
			display: block;
			width: auto;
			padding-bottom: 20px;
			font-size: 16px;
			float: none;
		}

		.user-fields p { font-size: 16px; }

		.user-fields .standard-input {
			width: 100%;
			padding: 10px;
			font-size: 16px;
		} 

	}

	/*.user-fields .tel-input{ width: 160px; }*/

.btn-send-user{ 
	float: right;
	border: none;
	text-align: center;
	font: 20px 'pt_sansregular', Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 10px 15px;
	cursor: pointer;
	margin: 20px 0 0;
	background: #8415a8;
	transition: background-color .2s ease;
}
.btn-send-user:hover{ background: #721192; }

	.user-fields select{ 
		padding: 4px 2px; 
		font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif; 
		color: #3A3A3A;
		border: solid 1px #ddd;
	}
	
	.user-fields .obs-form{ font: oblique 14px Arial, Helvetica, sans-serif; color: #555; }
	
	.user-fields .input-ddd{ width: 40px; }
	.user-fields .input-tel{ width: 140px; }
	
	/* Label para melhor seleção de tipo de pessoa */
	.tipo-pessoa {
		display: block;
		clear: both;
		width: 100%;
	}
	.tipo-pessoa label {
		display: inline-block;
		margin-right: 25px;
		width: auto;
		cursor: pointer;
	}

	@media only screen and ( max-width: 900px ) {

		.user-fields select { 
			font-size: 16px;
			padding: 12px;
			width: 100%;
		}
	
		.user-fields .input-ddd{ 
			width: 28%; 
		}
		.user-fields .input-tel{ 
			width: 70%; 
		}

		.tipo-pessoa label {
			display: block;
		}

	}

	.sm-input{ width: 140px !important; }

	.user-fields .pj-field{ 
		/* display: none; */
	}

.cep-field, 
.user-fields{ 
	/*display: none;*/
 }

	.user-fields .width-50px{ width: 50px; }
	.user-fields textarea{ width: 525px; }

	.tit-faixa-form{
		display: block;
		background: #eee;      
    color: #444;
		margin: 0 0 20px 0;
		padding: 10px;
		font: bolder 14px 'pt_sansregular', Arial, Helvetica, sans-serif;
	}	

	@media only screen and ( max-width: 900px ) {

		.tit-faixa-form {
			font-size: 16px;
		}

		#bt-consulta-cep {
			padding: 11px;
			font-size: 16px;
		}

	}
	
	
  /* AVISOS
  ============ */		
	.warning{ 
		display: block; 
		padding: 6px 15px;
		font: 14px 'pt_sansregular', Arial, Helvetica, sans-serif;
		color: #555;
		background: #f5f5f5;
		margin: 15px 0;
		clear: both;
		line-height: 1.5em !important;
	}
	
	.erro{
	  background: #B30000;
		color: #fff;
	}
	
	.sucesso{
		background: #DFF2BF;  
		color: #5B8729;
	}

	@media only screen and ( max-width: 900px ) {

		.warning { 
			font-size: 16px;
			padding-left: 10px;
		}	
	
	}