body {
	background-color: #fff;
}

.contenedor_camino {
	min-width:269px;
	padding:0;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	font-family: Arial, sans-serif;
}

.camino {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
}

.camino .texto_paso {
	width:16%;
	overflow:hidden;
	display: block;
	text-align:center;

}

.paso_camino {
	border-radius: 50%;
	width: 10%;
	min-height:15px;
	padding-bottom:3%;
	margin-top:7%;
}

.paso_camino.info {
	background-color: #cccccc;
}

.paso_camino.visitado,.paso_camino.actual  {
	background-color: rgba(30, 174, 92, 0.7); /* Verde */
}

.paso_camino.no_visitado {
	background-color: rgba(234, 78, 56, 0.7); /* Rojo */
}

#posicion_carrito {
	position: absolute;
	bottom:0;
	left:0;
	margin-bottom:1.3em;
	margin-left: 3.3%;
	width: 10%;
	height:auto;
	text-align:center;
}

#posicion_carrito.contenido {
	left:16.666%;
}

#posicion_carrito.datoscliente{
	left:33.332%;
}

#posicion_carrito.confirmacion {
	left:49.99%;
}

#posicion_carrito.acuse, #posicion_carrito.pago {
	left:66.66%;
}

.top {
	border-color: transparent;
}

.tabla {
	margin-top: 1em;
	margin-bottom: 1em;
	border-collapse: collapse;
	border-spacing:5px;
}


form .cabecera-tabla {
	background-color: rgba(0, 129, 197, 0.6); /* Azul */
	color: #000000;
}

form .cabecera-tabla .celda{
	border-radius: 15px 15px 0 0;
	border: 1px solid #ffffff;
}

form .fila {
	border-bottom: 1px solid rgba(137, 71, 158, 0.3); /* Morado */
}

form .fila:last-child {
	border-bottom: 4px solid rgba(0, 129, 197, 0.6); /* Azul */
}


.cabecera-tabla .celda,.cabecera-tabla .celda.articulo {
	text-align:center;
	height: 3em;
}

.celda {
	height: 7em;
	vertical-align: middle;
	text-align:center;
	padding: 5px;
}

.celda .glyphicon {
	font-size: 1.1em;
	display:block;
}

.celda .glyphicon-minus-sign {
	color: rgb(240, 158, 30); /* Amarillo */
}

.celda .glyphicon-plus-sign {
	color:  rgb(30, 174, 92); /* Verde */
}

.celda.articulo {
	text-align: left;
	
}

.celda.pvp_uni {
	width: 10%;
}

.celda.unidades {
	width: 10%;
}

.celda.unidades a:hover {
	text-decoration: none;
}

.celda.sin_iva {
	width: 10%;
}

.celda.con_iva {
	width: 10%;
}

.celda.unidades input {
	width: 2.5em;
	text-align:center;
	background-color: #ffffff;
	border: none;
	margin: 3px;
}

.fila .celda.articulo{
	display:flex;
	align-items: center;
}

.ref {
	width:33%;
	float:left;
	height: 100%;
}

.imagen-ref {
	margin-top: 4.5%;
	max-height:90%;
	max-width: 100px;
}

.texto-articulo {
	width:70%;
	float:left;
	margin-left: 5%;
	overflow:hidden;
}

#carrito {
	z-index:100;
}

.cabecera-tabla .celda {
	font-weight: bold;
}

footer {
	clear: both;
}

.telefono {
	font-size: 1.2em;
	font-weight:bold;
	color: rgb(0, 129, 197);
}

.euros {
	text-align:right;
	font-weight:bold
}

.lugar_pago {
	margin-bottom: 0.5em;
	width: 48%;
	display: inline-block;
	margin-right:2%;
}

#nota_precio {
	text-align: center;
	color:  rgb(30, 174, 92); /* Verde */
}

#zona_boton {
	text-align:center;
}

#btn_comprar, #btn_submit {
    background-color: rgb(0, 129, 197);
    color: white;
    border-radius: 5px;
    font-size: large;
    /*line-height: 3em;*/
    border: none;
    font-weight: bold;
    width: 15em;
    margin: 0.5em auto;
    height: 3em;
    display: block;
}

a#btn_comprar {
	line-height: 3em;
}

a#btn_comprar:hover {
	text-decoration:none;
}

#total {
	margin-top: 1em;
}

/* Acordeones */
#formas_pedido h4 a{
	display: block;
	padding:10px 5px;
	text-align:center;
	background-color: rgba(240, 158, 30, 0.8);
	color: #fff;
	font-size: 1.2em;
}

#formas_pedido .panel {
	margin-top: 1em;
}

#formas_pedido .panel-heading{
	padding:0;
}

#formas_pedido .panel-collapse{
	box-shadow: 0 3px 8px #aaa inset;
}

#formas_pedido .panel-collapse #imagen_tarjetas{
	float: right;
	margin:1em 5px;
}

#formas_pedido li {
	margin-top: 1em;
}

#seccionReembolso {
	display: none;
}
/* Fin acordeones */

.dato-pedido, .contenido-dato-pedido{
	font-size: 0.9em;
	display:inline-block;
	width:39%;
}

.contenido-dato-pedido {
	font-weight:bold;
	text-align: right;
	width:59%;
}

.grupo-datos-pedido{
	margin: 0.5em auto 1em auto;
	max-width: 25em;
	padding: 10px;
	border-radius: 15px;
}

.num-pedido{
	margin: 0.5em auto 1em auto;
	padding: 10px;
	border-radius: 15px;
	text-align: center;
	max-width: 10em;
	font-weight: bold;
}

.doble-panel p {
	margin-top: 0;
	margin-bottom: 0;
}

.form-control-static {
	padding-top: 4px;
	color: #777;
}

.doble-panel .control-label {
	font-weight:normal;
	font-size: 0.9em;
	padding-top: 4px;
}

.panel-blanco input, .panel-blanco select {
	font-size: 0.85em;
}

.confirmacion-form .form-group {
	margin-bottom: 0;
}

.contenedor-boton .btn .glyphicon {
	color: #fff;
	font-size: 0.85em;
}

.col-sm-6 .center-block#btn_submit {
	width: 100%;
	font-size: 1em;
}

.center-block h3 {
	text-align: center;
}

iframe {
	opacity:0;
}

.resumen-formulario p{
	margin-top: 0;
}

.resumen-formulario .form-group {
	margin-bottom: 0;
}

.resumen-carrito .celda {
	height: auto;
}

@media (max-width: 768px){
	 .doble-panel.col-sm-6{
		padding: 10px 0;
	}
	form .row {
		padding: 0 15px;
	}
	.form-control-static{
		text-align:center;
	}
}

@media (min-width: 768px){
	.grupo-datos-pedido{
		float:right;
	}
		
}

@media (min-width: 992px){
	.celda .glyphicon {
		display:inline-block;
	}
	
	.celda.unidades {
		white-space: nowrap;
	}
	
	.ref {
		width:15%;
	}
}

@media (min-width: 1200px){
	/*#carrito::before {
		position: fixed;
		top: 6.5em;
		content: " ";
		width: 23.5%;
		height: 50%;
		min-height: 300px;
		background-color: white;
		border-radius: 15px;
	    border: 1px solid rgba(0,0,0,.15);
	    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	    padding: 15px;
	}
	
	#carrito {
		position: fixed;
		top: 7em;
		
	}
	
	#condiciones {
		position: fixed;
		top: 12em;
		z-index:101;
	}
	*/
}

@media (max-width: 500px){ /* Pantallas muy pequeñas < 500px */
	.lugar_pago {
		display:block;
		width: 100%;
	}
	.tabla {
		font-size: 0.8em; /* Se reduce el tamaño de fuente dentro de la tabla */
	}
	
	.ref {
		display: none; /* No aparecen las imagenes */
	}

	.texto-articulo {
		width:100%;
		margin-left: 0;
	}
	
	main {
		font-size: 1em;
	}
	
	#total .row div:first-child, #nota_precio {
		font-size: smaller;
	}
	
	#btn_comprar, #btn_submit {
		width: 100%;
	}
	
	#formas_pedido .panel-collapse #imagen_tarjetas{
		display:block;
		width: 100%;
		text-align:center
	}
	
	.row-totales>div {
		display:block;
		float:none;
		width: 100%;
		left:0;
	}
	
}