/*Todos los elementos a 0*/
#carro * {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	}
	
/*!!!!!!!clear floats (FIREFOX) !!!!!!!!!*/
#carro .modCarro:after, #carro p span.radioSet:after, #carro checkboxSet:after {
	content: "fraggin";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	}
	
/*/////////////////////////////////////////////////////////////////////////////*/

/*titulos*/
#carro .modCarro h3 {
	margin: 0px 0px 10px;
	padding: 0px;
	background: transparent /*#000fff*/;
	}
	
	#carro .modCarro h3 span {
		padding: 4px 10px 4px 10px !important;
		width: auto;
		height: auto;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 15px;
		line-height: 16px;
		letter-spacing: -1px;
		color: #ffffff;
		border-style: none;
		display: block;
		overflow: visible;
		visibility: visible;
		background: /*#303030*/ #8B8A8A;
		}

/*links*/
#carro a:link, #carro a:visited {
	font-weight: bold;
	font-size: 11px;
	color: #4475A8;
	}
	
#carro a:hover, #carro a:active {
	color: #D21F1F;
	}

/*Parrafos*/
#carro p, #carro ul {
	padding: 0px 10px 8px 10px !important;
	/*background: #00FF78;*/
	color: #51524C;
	font-size: 12px;
	line-height: 13px;
	}

#carro table td, #carro table th, #carro br, #carro ul li {
	padding: 0px 0px 2px 0px !important;
	font-size: 12px;
	line-height: 13px;
	color: #51524C;
	/*background: #00ff00;*/
	}
	
#carro .warn {
	color: #D21F1F;
	}
		
/*listados*/
#carro ul {
	}	
		
/*tablas*/
#carro td a:link, #carro td a:visited, #carro td a:hover, #carro td a:active {
	text-decoration: none;
	}

/*formularios*/
#carro .modCarro form  {
	margin: 0px 0px 0px 0px;
	/*background: #FF6C00;*/
	}
	
	#carro .modCarro form fieldset {  
		display: block;
		/*background: #000000;*/
		}

		#carro .modCarro form p {
			height: 1%;
			/*background: #FF6C00;*/
			overflow: hidden;
			}
		
		#carro .modCarro .formCol p {
			padding-bottom: 3px !important;
			}
			
		#carro .modCarro .formCol p.plainText {
			padding-bottom: 8px !important;
			}
		
		#carro .modCarro form fieldset label {
			padding: 0px 0px 2px 2px !important;
			font-size: 11px;
			line-height: 12px;
			font-weight: bold;
			color: #51524C;
			/*background: #0f00f0;*/
			display: block !important;
			position: relative;
			}
			
			/*Asteriscos*/
			#carro .modCarro form fieldset label span, #carro .modCarro p span.asterisco {
				font-size: 20px;
				font-family: "Times New Roman", Times, serif;
				font-weight: normal;
				line-height: 0px;
				vertical-align: -5px;
				color: #303030;
				}
				
			/*Errores*/
			#carro .modCarro form b.error {
				margin-top: -2px;
				padding: 0px 0px 2px 2px;
				font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size: 9px;
				line-height: 11px;
				color: #D21F1F;
				/*background: #CBCD22;*/
				display: block;
				overflow: hidden;
				position: relative;
				}
				
				#carro .modCarro form b.error br {
					display: none;
					}
				
			* html #carro .modCarro form b.error {
				/*Explorer 6*/
				ma\rgin-top: 0px;
				}
	
		
#carro input, #carro select, #carro textarea, #carro .input, #carro .select, #carro .textarea {
	padding: 2px 2px 0px 2px;
	height: 15px;
	width: 97%;
	border-style: solid;
	border-color: #CCD0C0;
	border-width: 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	background: #ffffff;
	color: #5E646D;
	}
	
	#carro input:focus, #carro select:focus, #carro textarea:focus {
		background: #DDDDDD;
		}
		
#carro input.hide {
	display: none !important;
	}
		
#carro textarea, #carro .textarea {
	height: 100px;
	}
	
#carro select, #carro .select {
	margin: 0px 0px;
	padding: 0px 0px;
	width: 99%;
	padding: 0px;
	height: 19px;
	}
	
/*radio y CheckBox*/
#carro form p span.radioSet, #carro form .checkboxSet {
	margin-bottom: 5px;
	padding: 7px 6px 6px 6px !important;
	height: 1%;
	border-style: solid;
	border-width: 1px;
	border-color: #9D9D9D;;
	background: #D9D7D7;
	/*background: #000fff;*/
	display: block;
	overflow: hidden;
	}
	
	#carro form .checkboxSet {
		background-color: transparent;
		border-style: none;
		}

	#carro form span.radioSet .sideText, #carro form .checkboxSet .sideText {
		padding: 0px 8px 4px 5px !important;
		width: auto;
		height: 1%;
		/*background: #f00f00 !important;*/
		font-size: 11px;
		line-height: 12px;
		font-weight: normal;
		display: block;
		position: static;
		overflow: hidden;
		}
		
		#carro span.sideText strong {
			padding: 0px 0px 3px 0px;
			font-size: 12px;
			line-height: 13px;
			display: block;
			}
	
	#carro .radio, #carro form .checkboxSet input {
		margin-top: 2px !important;
		padding: 1px !important;
		width: auto !important;
		height: auto !important;
		border-style: none !important;
		background-color: transparent !important;
		display: block !important;
		float: left !important;
		position: relative;
		}
	
	* html #carro .radio, * html #carro form .checkboxSet input {
		/*Explorer 6*/
		ma\rgin: 1px 0px 0px !important;
		padd\ing: 0px 0px !important;
		w\idth: 14px !important;
		he\ight: 14px !important;
		}
		
	*:first-child+html #carro .radio, *:first-child+html #carro form .checkboxSet input {
		/*explorer 7*/
		margin: 1px 0px 0px !important;
		padding: 0px 0px !important;
		width: 14px !important;
		height: 14px !important;
		}
	
/*Botones*/
#carro .modCarro form p.buttons {
	padding: 5px 10px 5px 10px !important;
	width: auto;
	/*background: #fff000;*/
	overflow: hidden;
	}
	
	#carro .modCarro form p.buttons.clearAll {
		clear: both;
		}


#carro .submitButton {	
	margin: 4px 0px 1px auto !important;
	padding: 0px 0px 0px 0px !important;
	width: 150px;
	height: 20px !important;
	font-size: 0px !important;
	line-height: 0px !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #9D9D9D !important;
	background: #B8B7B7 !important;
	display: block !important;
	cursor: pointer;
	}
	
#carro .submitButton:active {
	margin: 5px 0px 0px auto !important;
	}
	
	#carro .submitButton span {
		margin: 0px 0px !important;
		padding: 2px 10px 3px;
		width: auto;
		height: 13px !important;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
		font-size: 10px !important;
		line-height: 11px !important;
		font-weight: bold;
		/*background: #00ff00;*/
		display: block !important;
		visibility: visible;
		}
	

/*Modulos Carro*/
#carro .modCarro {
	margin-bottom: 10px;
	padding: 10px 0px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #BEBEBE;
	background: /*#00ffff*/ #EDEAEA;
	}		

	/*Flias*/
	.modCarro .carroRow {
		padding: 0px 10px 5px 10px !important;
		height: 1%;
		/*background: #0ff0ff;*/
		overflow: hidden;
		}
		
	/*Columnas*/
	.modCarro .carroCol {
		width: 48%;
		float: left;
		}
		
	.modCarro .carroColLast {
		width: 48%;
		float: right;
		}
		
/*Formularios con texto Ayuda*/
.modCarro .formColAyuda {
	width: 48%;
	float: right;
	}
	
.modCarro .formCol {
	width: 48%;
	float: left;
	}
	
.modCarro .formColLast {
	width: 48%;
	float: right;
	}
	
	
/*Tabla carro*/
#carro .modCarro .tableCarro { 
	}

#carro .modCarro table {
	margin: 0px 0px 5px 0px !important; 
	width: 100%;
	height: auto;
	border-style: solid;
	border-color: #9D9D9D;
	border-width: 1px 0px 0px 1px !important;
	border-collapse: separate !important;
	border-spacing: 0px; 
	background: #9D9D9D;
	}
	
	#carro .modCarro table tr th {
		padding: 2px 0px 2px 0px !important;
		font-size: 11px;
		line-height: 12px;
		font-weight: bold;
		text-transform: uppercase;
		border-style: solid;
		border-color: #9D9D9D;
		border-width: 0px 1px 1px 0px !important;
		border-collapse: separate !important;	
		background: #C1C1C1;
		position: static;
		}
		
		#carro .modCarro table th b {
			padding: 0px 5px 0px 5px !important;
			/*background: #f00f00;*/
			display: block;
			}
		
	#carro .modCarro table tr td {
		padding: 5px 4px 4px !important;
		font-size: 11px;
		line-height: 12px;
		border-style: solid;
		border-color: #9D9D9D !important;
		border-width: 0px 1px 1px 0px !important;
		border-collapse: collapse !important;
		background: #EDEAEA;
		position: static;
		}
		
	/*Borrar Item*/
	#carro .modCarro table td.deleteItem, #carro .modCarro table td.cantidad {
		padding: 2px 4px 2px !important;
		}
	
	#carro .modCarro table td.deleteItem form {
		margin: 0px !important;
		padding: 0px !important;
		width: 54px !important;
		/*background: #00ff00;*/
		}

	/*referencia*/
	#carro .modCarro table td.ref {
		text-align: center;
		}
		
	/*cambiar cantidad*/
	#carro .modCarro table td.cantidad form {
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px !important;
		width: 80px;
		font-size: 0px !important;
		line-height: 0px !important;
		white-space: nowrap;
		/*background: #00ff00;*/
		}
		
		#carro .modCarro table form input {
			margin: 1px 2px 1px 0px !important;
			width: 15px !important;
			height: 12px;
			font-size: 10px;
			line-height: 11px;
			float: left;
			display: block;
			position: relative;
			}
			
		/*Botones*/
		/*cambiar y borrar*/
		#carro .modCarro table form .submitButton.cambiar, #carro .modCarro table .submitButton.borrar {	
			margin: 1px 0px 0px 0px !important;
			padding: 1px 0px 0px 0px !important;
			top: 0px !important;
			width: 54px !important;			
			height: 16px !important;
			border-style: solid !important;
			border-width: 1px !important;
			font-size: 0px !important;
			line-height: 0px !important;
			float: left;
			position: relative !important;
			}
			
		#carro .modCarro table td a {
			height: 1%;
			width: 54px;	
			display: block;
			position: relative !important;
			}
			
		#carro .modCarro table .submitButton.borrar {
			}
			
		#carro .modCarro table form .submitButton.cambiar:active, #carro .modCarro table .submitButton.borrar:active {
			margin: 2px 0px 0px 0px !important;
			padding: 1px 0px 0px 0px !important;
			float: left;
			}
			
			#carro .modCarro table form .submitButton.cambiar span, #carro .modCarro table .submitButton.borrar span {
				margin: 0px 0px !important;
				padding: 0px 1px !important;
				height: 13px !important;
				font-weight: normal;
				font-size: 10px !important;
				line-height: 10px !important;
				/*background: #00ff00;*/
				display: block !important;
				}
				
	/*Descripcion*/
	#carro .modCarro table th.descripcion {
		width: 100%;
		text-align: left;
		/*background: #00ff00;*/
		}
				
	/*Precio Unidad*/
	#carro .modCarro table th.pvpUd {
		white-space: nowrap;
		/*background: #00ff00;*/
		}

	/*valor*/
	#carro .modCarro table td.valor {
		font-size: 11px;
		line-height: 12px;
		letter-spacing: 0px;
		word-spacing: -3px;
		font-weight: bold;
		}
		
	/*totales*/
	#carro .modCarro table tr.subTotal td, #carro .modCarro table tr.total td {
		background: #D9D7D7;
		}
		
	#carro .modCarro table tr.total td {
		padding-top: 8px !important;
		}
		
		#carro .modCarro table tr.subTotal td.valor {
			padding-top: 2px !important; 
			font-size: 13px;
			line-height: 14px;
			word-spacing: -3px;
			background: #C1C1C1;
			}
		
		#carro .modCarro table tr.total td.valor {
			padding-top: 2px !important; 
			font-size: 18px;
			line-height: 19px;
			letter-spacing: -1px;
			word-spacing: -3px;
			background: #C1C1C1;
			}
			
/*Deireccion de envio - Opciones*/
#carro .checkOptions {
	margin-top: 5px;
	}
	
	#carro .modCarro .formCol .checkOptions p {
		padding-bottom: 8px !important;
		/*background: #00ffff;*/
		}
	
	#carro .checkOptions ul {
		
		}
		
		#carro .checkOptions ul li {
			background-image: none;
			/*background-color: #00ff00;*/
			display: block;
			}
			
			#carro .checkOptions ul li label {
				height: 1%;
				font-weight: normal !important;
				/*background: #ff0000;*/
				}
			
			#carro .checkOptions ul li input {
				margin: 0px 4px 0px 0px !important;
				padding: 1px !important;
				width: auto;
				height: auto;
				border-style: none;
				background: transparent;
				display: block !important;
				float: left !important;
				}
				
			* html #carro .checkOptions ul li input {
				/*Explorer 6*/
				ma\rgin: -3px 0px 0px -3px !important;
				}
				
			*:first-child+html #carro .checkOptions ul li input {
				/*explorer 7*/
				margin: -3px 0px 0px -3px !important;
				}
				
/*Pago*/
.modCarro select#id_expiration_0 {
	width: 40px;
	}
	
.modCarro select#id_expiration_1 {
	width: 60px;
	}
	
.modCarro input#id_ccv_number {
	width: 103px;
	}

/*Pago - Registro Cliente*/
.modCarro .carroDestacado {
	padding: 0px 10px 7px 10px !important;
	}
	
.modCarro .carroDestacado div {
	padding: 8px 8px 10px !important;
	border-style: solid;
	border-width: 1px;
	border-color: #C1C1C1;
	background: #E5E5E5;
	}

	/*checkBox*/
	 .carroDestacado input#id_registrar {
		margin: 0px 4px 0px 0px !important;
		padding: 1px !important;
		width: auto;
		height: auto;
		display: block !important;
		float: left !important;
		clear: left;
		}
		
	* html #carro .carroDestacado input#id_registrar {
		/*Explorer 6*/
		ma\rgin: -2px 1px 0px 0px !important;
		b\order-style: none;
		bac\kground: #E5E5E5;
		}

/*Datos de envio y factura*/	
#carro .formCol .carroDestacado h4 {
	margin: 0px 0px 8px 0px;
	background: transparent /*#000fff*/;
	}	
	
	#carro .formCol .carroDestacado h4 span {
		padding: 4px 10px 4px 10px !important;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
		line-height: 13px;
		letter-spacing: 0px;
		color: #ffffff;
		border-style: none;
		display: block;
		background: /*#00ff00*/  #9D9D9D;
		}
		
#carro .carroDestacado table {
	margin: 0px 10px 7px 10px !important;
	border-style: none;
	width: auto;
	}
			
	#carro .carroDestacado table td {
		border-style: none !important;
		background: #E5E5E5 !important;
		}
		
		#carro .carroDestacado table td label {
			padding: 0px 0px 3px !important;
			font-size: 12px !important;
			font-weight: normal;
			}
			
			#carro .carroDestacado table td label strong {
				font-weight: bold;
				}
			
			#carro .carroDestacado table td ul {
				padding: 0px 0px !important;
				}
			
				#carro ul li {
					padding-left: 0px;
					background-image: none !important;
					}
		
	#carro .carroDestacado table td.radioBearer {
		margin: 0px 0px 0px 0px !important;
		padding: 2px 0px 2px 0px !important;
		font-size: 0px;
		line-height: 0px;
		/*background: #00ff00 !important;*/
		}
		
		#carro .carroDestacado table td.radioBearer input {
			margin-top: 2px !important;
			padding: 1px !important;
			width: auto !important;
			height: auto !important;
			border-style: none !important;
			background-color: transparent !important;
			display: block !important;
			float: left !important;
			position: relative;
			}
			
		* html #carro .carroDestacado table td.radioBearer input {
			/*Explorer 6*/
			ma\rgin: 1px 0px 0px !important;
			padd\ing: 0px 0px !important;
			w\idth: 14px !important;
			he\ight: 14px !important;
			}
			
		*:first-child+html #carro .carroDestacado table td.radioBearer input {
			/*explorer 7*/
			margin: 1px 0px 0px !important;
			padding: 0px 0px !important;
			width: 14px !important;
			height: 14px !important;
			}
		
		#carro .carroDestacado table td p, #carro .carroDestacado table td ul {
			padding: 0px 0px 5px !important;
			}
		
	/*Boton de PayPal*/	
	#carro .carroDestacado div {
		}
		
			#carro div .payPal {
				text-align: center;
				}