/* CSS Document */
.stepball{
    width: 170px;
	height:170px;
    border-radius: 60%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
	background:#999999;
}

.steptext{
position:relative;
color:#FFFFFF;
line-height:20px;
font-size:18px;
font-weight:500;
}

.stepball-on{
    width: 170px;
	height:170px;
    border-radius: 60%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
	background:#9b1a20;
}

.steptext-on{
	position:relative;
	color:#FFFFFF;
	top:-120px;
	line-height:20px;
	font-size:18px;
	font-weight:500;
}

.stepnumber{
	font-size:50px;
	margin-bottom:25px;
}

.stepstatus{
	position:relative;
	left:80px;
	display:inline;
}

.shoptitint{
	font-size:18px;
	color:#9b1a20;
	font-weight:600;
	padding-bottom:15px
}

@media (max-width:560px){
	.stepball
	{
	 	height:120px;
		width:120px;
	}
	.stepball-on
	{
	 	height:120px;
		width:120px;
	}
	.steptext *
	{
		font-size:0.85em;
	}
	.stepnumber
	{
		font-size:2em!important;
		margin-bottom:15px;
	}
	.stepstatus
	{
		left:70px;
	}
	.stepimage
	{
		height:20px;
		width:20px;
	}
}
@media (max-width:466px){
	.stepball
	{
	 	height:80px;
		width:80px;
		margin-bottom:70px;
	}
	.stepball-on
	{
	 	height:80px;
		width:80px;
		margin-bottom:70px;
	}
	.steptext *
	{
		font-size:0.75em;
	}
	.steptext
	{
		/*top:10px;*/
		color:#000000;
	}
	.stepstatus
	{
		left:40px;
	}
	.stepnumber
	{
		margin-bottom:5px;
		position:relative;
		top:-30px;
		font-size:1.5em;
		color:#ffffff;
		margin-top:40px;
	}
	.steptext span
	{
		font-size:1em;
	}
	.stepcontainer
	{
		vertical-align:middle;
	}
}
@media (max-width: 992px)
{
	#menudetalle
	{
		display:none!important;
	}
	#detallecarrito
	{
		display:block!important;
	}
}
@media print{

  body * {
    visibility: hidden;width:100%;position:initial!important;
  }
  .print , .print * {
    visibility: visible;
  }
  .print {
    position: absolute!important;
    left: 0;
    top: 0;
  }

}