#body-container{ margin-top:0px;}
	.visible{ display:block;}
	.hidden{ display:none;}
.cestaContainer{ width:966px; left:50%; margin-left:-483px; float:left; position:relative; margin-top:140px; }
.cestaContent{ float:left; width:685px; margin-top:25px; border-right: solid 1px #CCCCCC;  margin-bottom:50px; height:auto; min-height:300px;}
	.listadoCesta{ float:left; list-style:none; margin:0px; padding:0px; width:670px; padding-right:15px; margin-top:0px; margin-bottom:20px;}
		.listadoCesta li{ float:left; margin:0px; padding:0px; width:100%; border-bottom: solid 1px #CCCCCC; padding-top:10px;  padding-bottom:10px;}
				.listadoCesta li:first-child{ padding-top:0px;}
				.listadoCesta li .itemImg{ float:left; width:80px; height:80px; overflow:hidden;}
				.listadoCesta li img{ float:left; height:80px; min-width:80px;}
				
				.carritoItemData{ float: right; width:87.5%;}
				.listadoCesta li h4{ color:#000; font-size:1rem; float:left; width:420px; margin-left:15px; margin-bottom:0px; margin-top:5px; height:20px; }
				.listadoCesta li .precio{ float:right; color:#000; font-size:0.8rem; width:150px; text-align:right; margin-top:5px; height:px;}
					.listadoCesta li .precio strong{ font-size:1rem;}
				.listadoCesta li .talla{ float:left; color:#777; font-size:0.85rem; margin-left:15px; margin-top:6px;}
				.listadoCesta li .preparacion{ float:left; color:#777; font-size:0.85rem; margin-left:0px; margin-top:6px;}
				.listadoCesta li .cantidad{ float:left; color:#777; font-size:0.85rem; margin-left:15px; margin-top:6px; width:80%;}
				.listadoCesta li a{ color:#9b9b9b; text-decoration:underline;}
				.listadoCesta li .cambiar{ float:left; width:420px; margin-left:15px; margin-top:5px;}
				.listadoCesta li .eliminar{ float: right; width:150px; text-align:right; margin-top:4px;}
				
			.botonesCesta{ float:left; width:600px; text-decoration:none;}	
				.volveraTienda{ background-color: #ffba00; color:#FFF; float:left; width:160px; height:30px; line-height:32px; text-transform:uppercase; text-align:center; text-decoration:none !important;}
				.vaciarCesta{ background-color:#ffba00; color:#FFF; float: left; margin-left:10px; width:160px; height:30px; line-height:32px; text-transform:uppercase; text-align:center;}
					.vaciarCesta:hover,.volveraTienda:hover{ background-color:#777777;}
					.hacerPedido:hover{ background-color:#000;}
					
		.cestaVacia{ font-size:1.5rem; font-weight:400; float:left; width:100%; text-align:center; margin-top:100px;}

	.cestaIntro{ color:#000; font-size:0.9rem; line-height: 1.2rem; float:left; margin-top:20px; margin-bottom:10px; width:100%;}
		.cestaIntro a{ color:#9b9b9b; text-decoration:underline;}
		
	.pedido{ float: right; width:260px; min-height:300px; margin-left:0px; margin-right:15px; margin-top:25px;}
		.pedido h3{ width:96%; margin-left:2%; font-size:0.9rem; float:left; margin-top:0px; margin-bottom:0px; }
		.pedido ul{ float:left; width:98%; list-style:none; margin:0px; margin-left:1%; padding:0px; padding-bottom:10px; }
			.pedido ul li{ float: left; width:98%; padding-left:1%; padding-right:1%; margin-top:13px; line-height:1.3rem;}
				.pedido ul li .precio{ float: right; width:25%; text-align:right; font-size:0.85rem !important;}
				.pedido ul li h5{ float:left; width:75%; margin-top:0px; margin-bottom:0px; font-weight:400; font-size:0.85rem !important;}
				.totales{ float:left; border-top:solid 1px #CCCCCC; padding-top:10px; font-size:1rem; font-weight:700;}
					.totales #importeTotal{ float:right; text-align:right;}
				.gastosenvio{ float:left; padding-top:10px; font-size:0.85rem !important; font-weight:400; width:100% !important;}
					.gastosenvio #gastosEnvio{ float:right;}
				.cupondescuento{ float:left; padding-top:10px; font-size:0.85rem !important; font-weight:400; margin-bottom:0px; width:100%;}
					.cupondescuento #importeCupon{ float:right;}
					.gastosenvio #importeGastos{ float:right; text-align:right;}
					.ivaincluido{ font-size:0.8rem; float:left; width:100%; font-weight:400;}
					
					.hacerPedido{ background-color:#283b5b; color:#FFF; float:left; width:98%; margin-left:1%; height:30px; line-height:32px; text-transform:uppercase; text-align:center;}
					.hacerPedido:hover{ background-color:#777;}
					
/* ###################### CUPÓN DESCUENTO ########################### */	
.canjeaCupon{ float:left; width:98%; margin-top:0px; margin-left:1%;}
	.canjeaCupon p{ float:left; width:100%; text-align:justify; font-size:0.9rem; line-height: 1.1rem; color:#777777; margin-top:0px; margin-bottom:10px;}
	
	.formCupon{ float:left; width:100%; display:none;}
		.canjeaCupon input{ float:left; width:60%; font-size:1rem; color:#777777; margin-bottom:10px;}
		.canjeaCupon a{ text-decoration:underline; color:#9b9b9b;}
		.botonCanjear{ float: right; width:35%; background-color:#9b9b9b; color:#FFF !important; text-decoration:none !important; font-size:0.85rem; text-transform:uppercase; height:27px; line-height:27px; text-align:center; margin-right:0px;}
			.botonCanjear:hover{ background-color:#777777;}
		
		.formCuponError{ float:left; width:100%; color:#F00; font-size:0.9rem; margin-bottom:6px; margin-top:-3px; display:none;}
		.cupondescuento{}
		.otrosDatos{ float:left; border-top:solid 1px #CCCCCC;}

		
@media(max-width:780px)
{
	.cestaContainer{ width:100%; left:0%; margin-left:0px; float:left; position:relative; margin-top:0px; margin-bottom:150px;/*background-color:#FF0000;*/ overflow:hidden; }
		.cestaContent{ float:left; width:100; margin-top:25px; border-right: solid 1px #CCCCCC;  height:auto; margin-bottom:0px; width:100% !important; min-height:0px; }
		.listadoCesta{ width:100% !important; overflow:hidden;}
		.listadoCesta li h4{ width:60%; }
		.listadoCesta li .cambiar{ width:20%;}
		.listadoCesta li .cantidad{ width:25%; margin-right:0px;}
		.listadoCesta li .precio{ width:40%; margin-left:0px; margin-top:4px;}
		.listadoCesta li .eliminar{ width:35%;}
		.botonesCesta{ width:100%;}
		
		.cestaIntro{ margin-top:0px; text-align:justify;}
		
		.pedido{ float:left; width:100%; min-height:300px; margin-left:0px; margin-right:0; margin-top:25px; border-left: 0; padding-left:0; margin-left:0;}
		.botonCanjear{ float: right; width:35%;height:29px; line-height:29px; margin-top:0px; margin-right:0px;}

		.cestaVacia{ font-size:1.1rem;}

		.volveraTienda{ width:49%; font-size:0.8rem !important; margin-right:0px;}
		.vaciarCesta{ width:49%; font-size:0.8rem !important; float:right !important; margin-left:0px;}
		
		.pedido h3{ width:100%; margin-left:0px;}
		.pedido ul{ width:100%; margin-left:0px;}
		
		#body-container{ min-height:0px !important; height:auto !important; margin-bottom:0px;}
		.hacerPedido{ width:100%; margin-left:0px;}
}
	
					
/* ###################### ESTILOS POPUP LOGIN ########################### */	
/*.loginContainer{ width:600px; height:220px; float:left; position: relative; top:0px; background-color:#FFF; display:none; }
	.loginContainer a{ color:#9b9b9b; text-decoration:underline; }
	.loginContainer input{ border:solid 1px #c8c8c8; float:left; width:90%; line-height:24px; height:24px; padding-left:1%; padding-right:1%; color:#000; margin-bottom:11px;}

	.loginLeftCol h4{ float:left; font-weight:400; text-transform:uppercase; font-size:0.9rem;}
	.entrar span{ font-size:1rem; margin-top:56px; float:left; width:100%; text-align:center;}
	
/* ###################### ESTILOS POPUP LOGIN ########################### */	
/*.formLogin{ float:left; width:100%; font-size:1rem; margin-bottom:20px;}
	.formLogin a{ color:#9b9b9b; text-decoration:underline;}
	/*.botonLogin{ float:left; width:50%; background-color:#000; color:#FFF; height:30px; line-height:32px; text-align:center; text-transform:uppercase; font-size:1rem; margin-bottom:15px;}
	.formLogin span{ float:left; font-size:1rem; width:100%;}*/

.formPedido{ width:670px; height:auto; float:left; position: relative; top:0px;}
.pedidoPaso1{ font-size:0.95rem !important;}
.pedidoPaso1 a{color: #9b9b9b; text-decoration-line: underline;}
	.formPedido h5{ float:left; width:100%; margin-top:6px; margin-bottom:0px; text-transform:uppercase; font-weight:400; font-size:1rem; border-bottom:1px #CCCCCC solid; line-height:1.9rem;}
		.paso{ text-transform:none !important;}
	.formPedido h6{ float:left; width:auto; text-transform:uppercase; font-weight:400; font-size:0.9rem; line-height:1.3rem; margin-top:20px; margin-bottom:10px;}
	.datosFacturacion{ width:100%; float:left; display: none;}
	.datosCliente{ width:100%; float:left;}
		.datosClienteForm{ float:left; width:100%;}
	.datosEnvio{ width:100%; float:left;}
		.envioForm{ float:left; width:500px; margin-right:100px;}
		.input{ float:left !important; width:auto !important; margin-left:0px !important; height:30px; line-height:30px; font-size:1rem; padding-left:1%; padding-right:1%; color:#000; border:solid 1px #000000; margin-bottom:7px;}
		.nombre{ width:47% !important; margin-right:0.5% !important;}		
		.empresa{ width:47% !important; margin-right:0.5% !important;}		
		.datosEnvio .empresa{ width:30.5% !important; margin-right:0.4% !important; margin-left:0.5% !important;}	
			
		.nif{ width:30% !important; margin-left:0.5% !important;}
		.fnif{ width:47.2% !important; margin-left:0.5% !important;}
		.telefono{ width:30.3% !important; margin-right:0.5% !important;}
		.direccion{ width:97.7% !important;}
		.localidad{ width:97.7% !important;}
		.apellidos{ width:46.9% !important; margin-left:0.5% !important;}
		.pais,.provincia{ width:30.3% !important; margin-right:1% !important;}
		.cp{ width:30.2% !important; }
		.apellidos{ width:47.2% !important; margin-left:0.5% !important;}
	.datosPago{ float:left; display:none;}
		.opcionPago{ float:left; width:100%; margin-top:20px; margin-bottom:5px;}
			.opcionPago img{ float:left; height:30px; margin-left:10px;}
			.opcionPago label{ float:left; line-height:1.3rem; text-align:justify; font-size:1rem; width:200px; cursor:pointer;}
			.opcionPago input{ float:left; margin-top:3px; margin-right:7px;}
		.checkDatosIguales{ float:left; width:100%; margin-top:10px; font-size:1rem;}
			.verDatosEnvio{ float:left; font-size:0.9rem; display:none; text-decoration:underline; margin-top:22px; cursor:pointer; margin-left:10px;}
		.facturacionForm{ float:left; width:500px; margin-right:100px;}
		
		.botonPagar{ float:left; width:330px !important; margin-left:0px !important; background-color:#283b5b; color:#FFF !important; text-decoration:none !important; float:left; height:30px; line-height:32px; margin-top:20px !important; text-align:center; text-transform:uppercase; font-size:1rem; border:none; cursor:pointer;  }	
		.pagarPaso2{ margin-right:30px; display: block !important;}
			.botonPagar:hover{ background-color:#ffba00;}
			
@media(max-width:780px)
{
	.pedidoPaso1{ font-size:1rem;}
	.formPedido{ width:100% !important; margin-top:20px;}
	.envioForm{ width:100%;}
	.input{ width:97% !important; margin-left:0px; margin-right:0px;}
	.cp{ margin-left:1%; width:27.3% !important;}
	.botonPagar{ width:100%; height:34px; line-height:36px;}
	.botonVolver{ text-align: left !important; font-size:1.1rem; width:100%;}
	.facturacionForm{ width:100%; margin-right:0px;}
}

	.datosEnvio .customSelectBox{ height:32px; width:31.3%; padding-right:1%; margin-right:1%; margin-top:8px;}
		.datosEnvio .customSelectBox .arrow{ line-height:1.7rem; }
		.datosEnvio .customSelect{ line-height:32px; font-size:1rem; }

	.datosFacturacion .customSelectBox{ height:32px; width:31.3%; padding-right:1%; margin-right:1%; margin-top:8px;}
		.datosFacturacion .customSelectBox .arrow{ line-height:1.7rem; }
		.datosFacturacion .customSelect{ line-height:32px; font-size:1rem; }

	.responseBox{ float:left; width:100%;}
	.errorField{ display: none; float:left; width:100%; font-size:0.9rem; color:#F00; height:1rem; line-height:1rem; margin-bottom:4px; margin-top:0px;}
	
	.avisoPago{ float:left; width:100%; font-size:1rem;}
	.pagoPaypal{ display:none;}
	.pagoCR{ display:none;}
	.pagoTransf{ display:none;}

	.pagarPaso2{ margin-top:20px; margin-bottom:20px; }
	.botonVolver{ float: right; color:#9b9b9b; width:180px; font-size: 0.85rem; text-align: right; text-decoration:underline; margin-top:20px; height:30px; line-height:30px;}
	
@media(max-width:780px)
{
	.botonVolver{ text-align: left !important; font-size:1.1rem; width:100%;}
}
/* ############## POPUP MODIFICAR ARTÍCULO */
.infoProducto-img{ width:273px; float:left; margin-left:30px; margin-top:80px; display:block !important;}
	.infoProducto-img img{ width:212px; float:left; margin-left:30px; display:block !important;}
#infoProducto-info{ float:left; width:400px; margin-left:46px;}
	#infoProducto-info h3{ color:#000; font-size:1.45rem; font-weight:400; float:left; width:100%; margin-top:55px; margin-bottom:0px;}
	#infoProducto-info .precio{ color:#000; font-size:1.1rem; float:left; width:100%; text-align:left; margin-top:5px; margin-bottom:10px;}
		#infoProducto-info .precio .iva{ font-size:0.9rem;}
		
	#infoProducto-info .talla,#infoProducto-info .cantidad,#infoProducto-info .extras{ color:#000; font-size:1rem; margin-top:5px; margin-bottom:3px;}
		#infoProducto-info .talla label{ float:left; width:100%; font-size:1rem; margin-top:7px; font-weight:700; margin-bottom:5px;}
		#infoProducto-info .talla .customSelectBox{ width:140px;}
		
	#infoProducto-info .cantidad{ float:left; width:100%;}
		#infoProducto-info .cantidad label{ float:left; width:100%; font-size:1rem; margin-top:7px; font-weight:700; margin-bottom:5px;}
		#infoProducto-info .cantidad .customSelectBox{ width:140px;}
		
		
	.extras{ float:left; width:100%; margin-top:20px; font-size:1.1rem; color:#777777; height:1.5rem; margin-bottom:0px;}
		.extras label{ margin-top:0px; float:left; margin-left:3px; }
		.extras .inputCheckbox{ float:left; width:100%; margin-bottom:3px; font-size:1rem !important; height:17px;}
		.extras .iconoTienda-check{ color:#000; font-size:0.8rem !important;}
		.extras .iconoTienda-checked{ color:#000; font-size:0.91rem !important;}

		.linkDetalles{ float:left; color:#9b9b9b; font-size:1rem; margin-top:14px; margin-right:0px; margin-left:50px !important; margin-bottom:10px;}
		.linkDetalles:hover{ color:#000;}
		.addToCart,.irCarrito{ width:255px; height:35px; background-color:#9b9b9b; color:#FFF; float:left; line-height:38px; text-decoration:none; text-transform:uppercase; text-align:center; margin-right:100px; margin-top:18px;}
		.removeFromCart{ width:255px; height:35px; background-color:#9b9b9b; color:#FFF; float:left; line-height:38px; text-decoration:none; text-align:center; margin-right:100px; margin-top:18px; cursor:pointer;}
			.removeFromCart .iconoTienda-papelera{ height:35px; line-height:40px; font-size:1rem; float:left; margin-left:35px;}
			.removeFromCart .eliminarTxt{ text-transform:uppercase; float:left; margin-left:9px; margin-top:0px;}
		.avisoEnCarrito{ font-size:1.1rem; float:left; width:100%; margin-top:20px; line-height:1.6rem; color:#777777;}
			
		.saveArt,.seguirComprando{ width:255px; height:35px; background-color:#000; color:#FFF; float:left; line-height:38px; text-decoration:none; text-transform:uppercase; text-align:center; margin-left:50px; margin-top:5px;}
		
		.removeFromCart:hover,.saveArt:hover{ background-color:#777777;}
		
		.avisoEnFavoritos{ float:left; font-size:1rem; color:#000; margin-top:20px;}
			.avisoEnFavoritos a{ color:#9b9b9b; text-decoration:underline;}
			
		.popupMensaje{ color:#000; font-size:0.9rem; border-top:solid 1px #000000; float:left; width:100%; height:38px; line-height:38px; position:absolute; bottom:0px; text-align:center;}		
		
	.bx-wrapper .bx-controls-direction a{ width:14px !important; height:60px !important; background-position:center;}
.infoProducto-img{ width:273px; float:left; margin-left:30px; margin-top:80px; display:block !important;}
	.infoProducto-img img{ width:212px; float:left; margin-left:30px; display:block !important;}
	
	/* MODIFICACIÓN BXSLIDER */
	.bxslider{ margin-left:0px; padding-left:0px;}
		.bxslider li{ margin-left:0px; padding-left:0px;}
	.bx-wrapper .bx-pager{ display:none !important;}
	.bx-wrapper .bx-viewport{ box-shadow: none !important;}
	.bx-wrapper .bx-next{ background-image: url(../img/right-arrow.png) !important; background-position: top left !important; height:48px !important; width:13px !important;}
	.bx-wrapper .bx-prev{ background-image: url(../img/left-arrow.png) !important; background-position: top left !important; height:48px !important; width:13px !important;}

.hacerPedido,.vaciarCesta,.volveraTienda,.botonPagar,.removeFromCart,.saveArt,.botonCanjear{
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}