html, body{
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
	
	font-family: 'mayusculas';
	
	height: 100%;
	width: 100%;
	
	background: black;
}

/*  contenido */
#fondo_cesta{
    float: left;
    width: 100%;
}
#contenido_cesta {
	float: left;
	width: 65%;
	margin-left: 10%;
	margin-top: 90px;
	margin-bottom: 100px;

	color: white;
	text-align: justify;
}

	
	#col_central{
		float:left;
		width:100%;
		color: white;
		
		-moz-transition:all .5s ease;
		-ms-transition:all .5s ease;
		-o-transition:all .5s ease;
		transition:all .5s ease;
	}
		#col_articulos{
			float: left;
			width: 70%;
		}
			.info_col_articulos{
				float: left;
				width: 100%;
				margin: 10px 0;
				font-size: 1.2em;
			}
		
		#fila_articulo{
			float: left;
			width: 96%;
			padding: 10px 0;
			margin-right:4%;
			margin-bottom: 10px;
			border: 1px solid white;
			background-color: transparent;
			
			
    		
    		-moz-transition:all .5s ease;
    		-ms-transition:all .5s ease;
    		-o-transition:all .5s ease;
    		transition:all .5s ease;
		}
    		#fila_articulo:hover{
        		box-shadow: 4px 4px 4px 4px #666;
        		-webkit-box-shadow: 4px 4px 4px 4px 4px #666;
        		-moz-box-shadow: 4px 4px 4px 4px 4px #666;
        	}
			
			#imagen_articulo{
				float: left;
				width: 18%;
				padding: 1%;
			}
				#imagen_articulo img{
					width: 90%;
					padding:5;
					margin: 0 auto;
					height: auto;
					width: auto/9;
					text-align: center;
				}
			#nombre_articulo{
				float: left;
				width: 73%;
				padding: 20px 1% 5px 1%;
				font-size: 1.2em;
				font-weight: bolder;
			}
			
			#eliminar_articulo{
				float: left;
				width: 4%;
				padding: 0.5%;
				font-size: 1.4em;
				color: grey;
			}
				#eliminar_articulo:hover{
					cursor: pointer;
					color: red;
					font-weight: bold;
				}
			#descripcion_articulo{
				float: left;
				width: 50%;
				padding: 10px 1%;
				font-size: 1em;
				
				overflow:hidden;
    			white-space:nowrap; 
    			text-overflow: ellipsis;
			}
			#precio_articulo{
				float: left;
				width: 26%;
				margin-right: 2%;
				font-size: 1em;
				text-align: right;
			}
				.precio_por_unidad{
					float: left;
					width: 100%;
					font-size: .8em;
					color: grey;
					margin-bottom: 10px;
				}
					
				.precio_calculado{
					float: left;
					width: 100%;
					font-size: 1.2em;
					font-weight: bold;
				}
				#stock_articulo{
					float: left;
					width: 48%;
					padding: 5px 1%;
					font-size: 0.8em;
				}
				#uds_articulo{
					float: left;
					width: 48%;
					padding: 5px 1%;
					font-size: 0.8em;
				}
				    .titulo_cantidad{
				        float: left;
				        padding-left: 10px;
				        padding-top: 4px;
				        margin-right: 10px;
				    }
				    .listas_uds{
				        float: left;
				        width: 60%;
					    max-width: 60px;
					    
				        border: 1px solid black;
        				-webkit-border-radius: 3px; 
        				-moz-border-radius: 3px; 
        				border-radius: 3px;
				    }
				.boton_cerrar_cesta{
    			      float:left;
    			      width: 30%;
    			      color: grey;
    			      font-size: 1.4em;
    			      margin-left: 1%;
    			  }
        			  .boton_cerrar_cesta:hover{
        			      cursor: pointer;
        			      color: black;
        			  }
        		.link:hover{
        		    cursor: pointer;
        		    text-decoration: underline;
        		}
		
		
		#fila_envios{
			float: left;
			width: 92%;
			padding: 10px 2%;
			margin: 40px 4% 40px 0;
			background-color: transparent;
			border: 1px solid grey;
		}
		.negrilla{
		    font-weight: bold;
		}
		.cuadro_largo{
		    float: left;
		    width: 100%;
		    padding-top: 20px;
		}
		.label_activa{
			float: left;
			width: 100%;
			
			-moz-transition:all .5s ease;
			-ms-transition:all .5s ease;
			-o-transition:all .5s ease;
			transition:all .5s ease;
		}
		.label_normal{
		    font-size: 1em;
		    color: grey;
		}
		.label_min{
			font-size: 0.8em;
			color: white;
		}
		.input{
			font-size:1em;
			padding: 10px 2%;
			background: transparent;
			color:grey;
			width:88%;
			outline:0;
			border:0;
			border-bottom:1px solid #ccc;
			text-align:left;
			margin: 0 4% 4px 4%;
		}
		.input:hover{
			color:white;
		}
		.input:focus{
			outline:0;
			border-bottom-color: white;
			border-bottom-width: 2px
		}
		
		#col_resumen{
			float: left;
			width: 30%;
		}
			#col_stockage{
				float: left;
				width: 90%;
				padding: 10px 5%;
				margin-right:4%;
				margin-bottom: 10px;
				background-color: transparent;
				border: 1px solid grey;
			}
				#titulo_col_stockage{
					float: left;
					width: 100%;
					font-size: 0.9em;
				}
				#texto_col_stockage{
					float: left;
					width: 100%;
					font-size: 0.8em;
					margin: 10px 0;
				}
					.fila_cesta_resumen{
						float: left;
						width: 90%;
						padding: 14px 0;
					}
					.separador{
						border-bottom: 1px dashed #ccc;
					}
					.texto_descuento{
						float: left;
						width: 42%;
						font-size: 0.8em;
						margin: 10px 2%;
					}
					.titulo_cesta_resumen{
						float: left;
						width: 56%;
						font-size: 0.8em;
						margin: 10px 2%;
					}
					.titulo_cesta_resumen_gastos{
						float: left;
						width: 96%;
						font-size: 0.8em;
						margin: 10px 2%;
					}
					.total_cesta_resumen{
						float: left;
						text-align: right;
						width: 36%;
						font-size: 0.8em;
						margin: 10px 2%;
					}
					.total{
						font-weight: bold;
						font-size: 1em;
					}
			.boton{
			    float: left;
			    width: 96%;
			    text-align: center;
			    padding: 20px 2%;
				background: white;
				color: black;
					
				border: 1px solid black;
				-webkit-border-radius: 3px; 
				-moz-border-radius: 3px; 
				border-radius: 3px;
				
				-moz-transition:all .5s ease;
				-ms-transition:all .5s ease;
				-o-transition:all .5s ease;
				transition:all .5s ease;
			}
				.boton:hover{
					background: black;
					border-color: white;
					color: white;
					cursor: pointer;
				}
				.boton_descuento{
					float: right;
					width: 30%;
				}
				
			    .img_logo_pagos{
			        float: left;
			        width: 25%;
			        padding: 2.5%;
			    }
			        .img_logo_pagos img{
				        width: 100%;
				    }
				.boton_comprar{
					float: left;
					width: 60%;
					padding: 20px 5%;
				}
		#gracias{
				width: 80%;
				float: left;
				padding: 8%;
				text-align: center;
				color: white;
			}
			#gracias .icono_mail{
				font-size: 10em;
			}
			.txt_cesta_vacia{
				float: left;
				width: 100%;
				font-size: 2em;
				padding-top: 10px;
			}
		#cesta_vacia{
			float: left;
			width: 80%;
			margin-left: 10%;
			margin-top: 90px;
			margin-bottom: 90px;
			text-align: center;
			padding-bottom: 100px;
			border-bottom: 2px solid grey;
		}
			#cesta_vacia .icono_carrito{
				font-size: 6em;
			}
			.txt_cesta_vacia{
				float: left;
				width: 90%;
				padding: 30px 5%;
				font-size: 3em;
			}
		.disponible{
    		color: green;
    	}
    	.disponible_2{
    		color: orange;
    	}
    	.disponible_3{
    		color: rgba(189, 15, 44, 1);
    	}		
		#col_info_pago{
			float: left;
			width: 100%;
			margin-top: 20px;
			text-align: center;
		}
			#col_info_pago_in{
				float: left;
				width: 25%;
				padding: 20px 4%;
				margin: 20px 0;
			}
			.col_info_pago_icono{
				float: left;
				width: 20%;
				color: white;
				font-size: 2.4em;
				padding: 5px 1%;
			}
			.col_info_pago_texto{
				float: left;
				width: 72%;
				color: white;
				font-size: 0.9em;
				padding: 5px 2%;
			}
				.subtitulo{
					color: #ddd;
					font-size: 0.8em;
				}
				.subtitulo:hover{
					color: red;
					cursor: pointer;
				}
			.gris_fondo{
				background-color: transparent;
				border: 1px solid grey;
			}
			.separador_derecha{
				border-right: 1px solid #ddd;
			}
			
/* media queries */
@media screen and (min-width: 1500px) {
	#contenido_cesta{
		width: 70%;
		margin-left: 10%;
	}
}


@media screen and (max-width: 1000px) {
    .cabecera_redes_index, .menu_index{
        display: none;
    }
	#contenido_cesta{
	    margin-top: 100px;
    	width: 90%;
    	margin-left: 5%;
	}
}

@media screen and (max-width: 800px) {
	#col_articulos{
        width: 100%;
	}
	    #fila_articulo{
			width: 100%;
			margin-right:0;
	    }
	    	#nombre_articulo{
				width: 70%;
			}
			#imagen_articulo img{
			    margin-top: 30px;
			    min-width: 70px;
			}
		#stock_articulo{
			width: 90%;
		}
		#uds_articulo{
			width: 90%;
		}
		    .titulo_cantidad{
		        border-left: none;
		        padding-left: 0;
		    }
	#col_resumen{
	    width: 100%;
	}
	#gracias .icono-mail{
		font-size: 7em;
	}
	.txt_cesta_vacia{
		font-size: 1em;
	}
	.boton_comprar{
		font-size: 1.6em;
	}
}

@media screen and (max-width: 700px) {
    #col_info_pago_in{
		width: 90%;
		padding: 10px 0;
		margin: 5px 0;
		margin-left: 5%;
	}
	.separador_derecha{
	    border-right: none;
		border-bottom: 1px solid #ddd;
	}
}

@media screen and (max-width: 500px) {
    #contenido_cesta{
		width: 90%;
		margin-left: 5%;
	}
	#descripcion_articulo{
		width: 70%;
	}
	.boton_comprar{
		font-size: 1em;
	}
}