#compra {
            /*width: 100%;
            float: left;*/
        }
        
        /* contents
	------------------------------------------------------------------------------------------------------  */
        
        #compra .row{
                width: 100%;
                margin: 0 auto;
                padding: 0px;
        }

        #compra .content{
		margin: 0 auto;
		width: 90%;
                max-width: 1266px;
        }	
	#compra .content-detail{
		margin: 0 auto;
		width: 100%;
                max-width: 1400px;
	}
	#compra .content-scroll-vertical{
		margin: 0 auto;
		width: 95%;
                padding-left: 5%;
	}
        
        
        /* cols
	------------------------------------------------------------------------------------------------------  */
	#compra .col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	#compra .col_90     { float: left; margin: 0px; padding: 0px; width: 90%; }
	#compra .col_80     { float: left; margin: 0px; padding: 0px; width: 80%; }
	#compra .col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	#compra .col_70     { float: left; margin: 0px; padding: 0px; width: 70%; }
	#compra .col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	#compra .col_65     { float: left; margin: 0px; padding: 0px; width: 65%; }
	#compra .col_60     { float: left; margin: 0px; padding: 0px; width: 60%; }
	#compra .col_55     { float: left; margin: 0px; padding: 0px; width: 55%; }
	#compra .col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	#compra .col_45     { float: left; margin: 0px; padding: 0px; width: 45%; }
	#compra .col_40     { float: left; margin: 0px; padding: 0px; width: 40%; }
	#compra .col_35     { float: left; margin: 0px; padding: 0px; width: 35%; }
	#compra .col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	#compra .col_30     { float: left; margin: 0px; padding: 0px; width: 30%; }
	#compra .col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	#compra .col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }
        #compra .col_15     { float: left; margin: 0px; padding: 0px; width: 15%; }
	#compra .col_10     { float: left; margin: 0px; padding: 0px; width: 10%; }
        
        
        /* h
	------------------------------------------------------------------------------------------------------  */
	#compra h1{
		font-size: 46px;
		line-height: 65px;
		color: #2b2b2b;
                font-family: 'Nunito-ExtraLight';
	}
        #compra .h1-login{
		font-size: 32px;
                margin-top: 100px;
	}
	#compra h1 span{
		font-weight: 500;
	}
	#compra h2{
		font-size: 18px;
		line-height: 22px;
		font-weight: 300;
	}
	#compra h3{
		font-size: 16px;
		line-height: 16px;
		font-weight: 600;
	}
        
        
        
        /* tools
	------------------------------------------------------------------------------------------------------  */
	#compra a {
		cursor:pointer;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;		
	}
	#compra ::placeholder {
		color: #000;
		opacity: 1; /* Firefox */
		font-size: 15px;
	}
	#compra :-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #000;
		font-size: 15px;
	}
	#compra ::-ms-input-placeholder { /* Microsoft Edge */
		color: #000;
		font-size: 15px;
	}
	#compra .text-center{
		text-align: center !important;
	}
	#compra .text-white{
		color: #fff;
	}
	#compra .link{
		color: #000;
		text-decoration: none;
	}
	#compra .link:hover{
		color: #c00;
	}
	#compra .btn{
		color: #fff;
		background-color: #2b2b2b;
		text-align: center;
		text-decoration: none;
		cursor:pointer;
                border: 1px solid #2b2b2b;  
	}
	#compra .btn:hover{
		background-color: #000;
	}
	#compra .mb80{
		margin-bottom:80px !important;
	}

        #compra .btn_loading {
            margin: 0px;
            margin-top: 30px;
            width: 100%;
            padding: 20px 0px;
            border-radius: 4px;
            display: none;
        }
        #compra .btn_loading span {
            background-image: url('../img/loading-shop.gif');
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 30px;
            height: 30px;
            display: inline-block;
            margin: -10px 0;
        }
                
        
        /* cabecera
	------------------------------------------------------------------------------------------------------  */
	#compra .cab{
		display: inline-block;
		width: 100%;
		margin-top: 60px;
	}
	#compra.cab h1{
		margin: 0px;
		margin-top: 25px;
	}
	#compra .cab h2{
		margin: 0px;
		margin-top: 10px;
	}
        #compra .cab.login{
		margin-top: 130px;
	}
        
        
        /* login
	------------------------------------------------------------------------------------------------------  */
	#compra #login{
		float: left;
		width: 100%;                
	}
	#compra #login form{
		margin-top: 20px;
		margin-bottom: 130px;
	}
	#compra #login .box-login{
		margin: 0 auto;
		width: 100%;
		max-width: 380px;
	}
	#compra #login form .btn{
		margin: 0px;
		margin-top: 30px;
		width: 100%;
		padding: 20px 0px;
		border-radius: 4px;
	}
	#compra #login form .links{
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 100px;
	}
	#compra #login form .links .link{
		float: left;
		width: 100%;
		margin-bottom: 50px;
		color: #666;
                font-size: 14px;
	}
	#compra #login form .links .link:hover{
		text-decoration: underline;
	}
	#compra #login form .links .link span{
		font-weight: 500;
		text-decoration: underline !important;
	}
        #compra #login .box-login p{
		text-align: center;
                margin-bottom: 25px;
                color: #666;
                font-size: 13px;
	}
	#compra .registro form .btn{
		margin-top: 90px !important;
	}
	#compra .registro form .links{
		margin-top: 70px !important;
	}

        
        
        /* form
	------------------------------------------------------------------------------------------------------  */
	#compra form{
		float: left;
		width: 100%;
		margin-top: 97px;
		margin-bottom: 200px;
	}
	#compra form input, form textarea{
		float: left;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		width: 77%;
		margin-top: 10px;
		margin-bottom: 5px;
		padding: 14px 24px;
		font-size: 14px;
		font-weight: 300;
		border: 0px;
		outline: none;
		border: 1px solid #ccc;
	}
	#compra form textarea{
		height: 150px;
	}
	#compra form .btn{
		float: left;
		clear: left;
		padding: 20px 70px;
		margin-top: 35px;
		font-size: 18px;
		letter-spacing: 1px;
	}
	#compra form .loschecks{
		float: left;
		width: 100%;
		font-size: 13px;
		padding: 20px 0px;
	}
	#compra form .loschecks #lopd{
		margin-top: 4px;
	}	
	#compra ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #999;
		font-size: 14px;
	}
	#compra :-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #999;
		font-size: 14px;
	}
	#compra ::-ms-input-placeholder { /* Microsoft Edge */
		color: #999;
		font-size: 14px;
	}				  
	#compra .msgs_form{
		float:left; 
		clear:both; 
		display: none; 
		text-align:left; 
		margin-top:35px; 
		color:#fff; 
		padding:5px 10px; 
		background-color: #e64e40;
		font-size: 13px;
		font-weight: 300;
	}
        #compra .msgs_form.alerta_compra{		
		margin-top: 10px; 		
	}
        #compra .msgs_form .loading{		
		background-image: url('../img/loading-shop.gif');
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                width: 20px;
                height: 20px;		
	}
        
	#compra .msgs_send{
		float:left; 
		clear: left; 
		width: auto; 
		display: none; 
		margin-top: 35px;
		font-size: 14px;
		background-color: #5cac20;
		color: #fff;
		padding: 10px 10px;
		text-transform: uppercase;
		font-weight: 500;
	}
		  
        #compra .warning {
            border: 1px solid #c00 !important;
        }
        
        
        
        /* placeholder en input
	------------------------------------------------------------------------------------------------------  */
	#compra .group { 
		position:relative; 
		float: left;
		width: 100%;
	}	
	#compra .group input {
		margin: 0px;
		padding-top: 22px !important;
		padding-bottom: 10px !important;
		border-radius: 4px;
		width: 100%;
		padding: 14px 15px;
		box-sizing:border-box; 
		-moz-box-sizing:border-box; /* Firefox */ 
		-webkit-box-sizing:border-box; /* Safari */	
                font-size: 15px;
                font-weight: 400;
                color: #000;
	}	
	#compra .group select {
		margin: 0px;
		padding-top: 22px !important;
		padding-bottom: 10px !important;
		border-radius: 4px;
		width: 100%;
		padding: 14px 0px;
		height: 52px;				
		background-color: #fff;
		border: 1px solid #ccc;
		padding-left: 15px;
		font-size: 15px;
                font-weight: 400;
                margin-bottom: 0px;
                color: #000;
	}	
	#compra .group input:focus, #compra .group select:focus {
		outline:none;
	}	
	#compra .group label {
		color:#999; 
		display: inline-block;
		position: relative;
		pointer-events:none;
		left: 16px;
		top: -36px;
		width: 80%;
		transition:0.2s ease all; 
		-moz-transition:0.2s ease all; 
		-webkit-transition:0.2s ease all;
	}
	#compra .group input:focus ~ label, #compra .group input:valid ~ label {
		top: -50px;
		font-size:11px;
	}	
	#compra .group select:focus ~ label, #compra .group select:valid ~ label {
		top: -50px;
		font-size:11px;
	}	
        
        #compra .group.no-selected select {
                padding-top: 10px !important;
                color: #888; 
                font-size: 13px;
                margin-bottom: 20px;
        }
        #compra .group.no-selected label {
                display: none;
        }
        
        
	#compra .w100{
		width: 100% !important;
	}
        #compra .w95{
		width: 90% !important;	
	}
        #compra .w90{
		width: 83% !important;		
	}
	#compra .w80{
		width: 77% !important;
		margin-right: 3% !important;
	}
	#compra .w70{
		width: 67% !important;
		margin-right: 3% !important;
	}
        #compra .w60{
		width: 60% !important;
	}
	#compra .w50{
		width: 50% !important;
	}
	#compra .w40{
		width: 37% !important;
		margin-right: 3% !important;
	}
	#compra .w30{
		width: 30% !important;
	}
	#compra .w20{
		width: 20% !important;
	}
        #compra .mright{
		margin-right: 3% !important;
	}
        
        
        
        
        /* checkbox y radio
	------------------------------------------------------------------------------------------------------  */
	#compra .container-check {
		display: inline-block;
		position: relative;
		cursor: pointer;
		color: #000;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		margin-top: 5px;
		margin-bottom: 20px;
	  }
	  #compra .container-check .txt{
		  display: inline-block;
		  margin-left: 30px;
                  font-size: 16px;
                  margin-top: 12px;
                  color: #000;
	  }
	  #compra .container-check .txt img{
		height: 30px;
		margin-top: -13px;
		margin-right: 50px;
                margin-left: 20px;
	  }	
          #compra .container-check.radio .txt{
		  margin-left: 45px;   
                  margin-top: 6px;
	  }
	  #compra .container-check input {
		position: absolute !important;
		opacity: 0 !important;
		cursor: pointer !important;
		height: 0 !important;
		width: 0 !important;                
	  }       
          #compra .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: #eee;
		border-radius: 3px;
                margin-top: 8px;
	  }          
	  #compra .container-check:hover input ~ .checkmark {
		background-color: #ccc;
	  }
	  #compra .container-check input:checked ~ .checkmark {
		background-color: #000;
	  }
	  #compra .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	  }
	  #compra .container-check input:checked ~ .checkmark:after {
		display: block;
	  }
	  #compra .container-check .checkmark:after {
		left: 8px;
		top: 4px;
		width: 3px;
		height: 8px;
		border: solid white;
		border-width: 0 2px 2px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	  }	
	#compra .checkmark-radio {
		position: absolute;
		top: 0;
		left: 15px;
		height: 22px;
		width: 22px;
		background-color: #eee;
		border-radius: 50%;                
	}
	#compra .container-check:hover input ~ .checkmark-radio {
		background-color: #ccc;
	}
	#compra .container-check input:checked ~ .checkmark-radio {
		background-color: #000;
	}
	#compra .checkmark-radio:after {
		content: "";
		position: absolute;
		display: none;
	}
	#compra .container-check input:checked ~ .checkmark-radio:after {
		display: block;
	}
	#compra .container-check .checkmark-radio:after {
		top: 7px;
		left: 7px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}
        #compra .container-check .link {
                color: #999;
        }
        #compra .container-check .link:hover {
                text-decoration: underline;
        }


	#compra .select-css {
		display: block;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.3;
		padding: .4em 1.4em .3em .8em;
		width: 400px;
		max-width: 100%; 
		box-sizing: border-box;
	 	margin: 20px auto;
		border: 1px solid #ccc;
		border-radius: 4px;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background-color: #fff;
		background-image: url('../img/down-arrow.svg'), linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
		background-repeat: no-repeat, repeat;
		background-position: right .7em top 50%, 0 0;
		background-size: .65em auto, 100%;
	}
	#compra .select-css::-ms-expand {
		display: none;
	}
	#compra .select-css:focus {
		outline: none;
	}
	#compra .select-css option {
		font-weight:normal;
	}
        #compra .select-css.no-edit {
                background-color: #f9f9f9 !important;
                background-image: none;
        }

        
        
        /* pedido
	------------------------------------------------------------------------------------------------------  */
	#compra #pedido{
		float: left;
		width: 100%;
		padding-top: 105px;
		background-image: url('../img/fondo-gris-cart.png');
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 48%;
                margin-top: 100px;                
	}
	#compra #pedido h1{
		display: inline-block;
		width: 100%;
		font-size: 58px;
		font-weight: 400;
		margin: 0px;
	}
	#compra #pedido h2{
		display: inline-block;
		width: 100%;
		font-size: 22px;
		font-weight: 300;
		margin: 0px;
		margin-bottom: 20px;
                border: none;
                color: #000;
                font-family: 'Nunito-Light';
	}
	#compra #pedido form{
		float: left;
		width: 100%;
		margin: 0px;
	}
	#compra #pedido form .box-datos{
		display: inline-block;
		width: 100%;
		margin-bottom: 40px;
	}
	#compra #pedido form .btn{
		float: right;
		padding: 18px 35px;
		margin-top: -15px;
		margin-right: 0px;
		border-radius: 3px;
	}
        #compra #pedido form .btn_loading{
		float: right;
		padding: 18px 35px;
		margin-top: -15px;
		margin-right: 0px;
		border-radius: 3px;
                width: 144px;
	}
	#compra #pedido form .finalizar{
		margin-top: 50px;
		margin-bottom: 20px;
	}
        #compra #pedido .content-carrito{
		float: left;
		margin-top: -104px;
		width: 95%;
		padding-top: 100px;
		margin-left: 5%;
	}
	#compra #pedido .content-carrito .items{
		float: left;
		width: 92%;
		margin: 0px;
		margin-left: 8%;
	}
	#compra #pedido .content-carrito .items .item{
		display: inline-block;
		width: 100%;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
		margin-bottom: 30px;
	}
	#compra #pedido .content-carrito .items .item .foto{
		float: left;
		width: 16%;
		height: 85px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
		background-color: #fff;
	}
	#compra #pedido .content-carrito .items .item .uds{
		float:left;
		width: 20px;
		height: 16px;
		margin-left: -10px;
		margin-top: -10px;
		font-size: 13px;
		padding-top: 4px;
		background-color: #666;
		color: #fff;
		border-radius: 100%;
		text-align: center;
                font-family: 'Nunito-Semibold';
	}
	#compra #pedido .content-carrito .items .item .info{
		float: left;
		width: 50%;
		margin-left: 3%;
		margin-top: 18px;
	}
	#compra #pedido .content-carrito .items .item .info .title{
		float: left;
		width: 100%;
		font-family: 'Nunito-Bold';
                margin-top: 5px;
                font-size: 14px;
	}
	#compra #pedido .content-carrito .items .item .info .txt{
		float: left;
		width: 100%;
		color: #999;
		font-size: 14px;
	}
	#compra #pedido .content-carrito .items .item .pvp{
		float: right;
		text-align: right;
		margin-top: 25px;
                font-size: 13px;
                color: #000;
	}

	#compra #pedido .content-carrito .items .totales{
		display: inline-block;
		width: 100%;
	}
	#compra #pedido .content-carrito .items .totales .fila{
		display: inline-block;
		width: 100%;
		margin-bottom: 20px;
	}
	#compra #pedido .content-carrito .items .totales .fila .tit{
		float: left;
		width: 60%;
		text-align: left;
                font-size: 14px;
                margin-top: 0;
                margin-left: 0;
                color: #000;
	}
	#compra #pedido .content-carrito .items .totales .fila .val{
		float: left;
		width: 40%;
		text-align: right;
                font-size: 13px;
                color: #000;
	}
	#compra #pedido .content-carrito .items .totales .total{
		border-top: 1px solid #ccc;
		margin-top: 10px;
		padding-top: 20px;
	}
	#compra #pedido .content-carrito .items .totales .total .tit{
		font-weight: 500;
                color: #000;
                font-size: 16px;
	}
	#compra #pedido .content-carrito .items .totales .total .val{
		font-size: 20px;
                color: #000;
	}
        
        #compra #pedido .content-carrito .items .totales .total .val{
		font-size: 20px;
                color: #000;
	}
        
        #compra #pedido .container-check .txt{
		  margin-top: 10px;
                  line-height: 20px;
	}
        #compra #pedido .container-check .txt span{
		color: #000;
                font-size: 15px;
                margin-left: 22px;
                margin-top: -8px;
                display: block;
	}
        #compra #pedido .no-edit {
                pointer-events: none;
                background-color: #f9f9f9;
        }
        
        
        #compra #pedido .codigo_promo {
                width: 100%;
                margin-bottom: 40px;
        }
        #compra #pedido .codigo_promo input {
                display: inline-block;
                margin: 0px;
		border-radius: 4px;
		width: 77.5%;
		padding: 14px 15px !important;
		box-sizing: border-box; 
		-moz-box-sizing:border-box; /* Firefox */ 
		-webkit-box-sizing:border-box; /* Safari */	
                font-size: 15px;
                font-weight: 400;
                color: #000;
                margin-right: 1%;
        }
        #compra #pedido .codigo_promo .btn {
                display: inline-block;
                width: 15%;
                padding: 14px 15px !important;
                background-color: #bbb;
                border: none;
                border-radius: 4px;
        }
        #compra #pedido #msg_alert_promo {
                width: 100%;
                display: none;
                margin-top: 20px;
                color: #c00;
                font-size: 13px;
        }
        
        
        /* carrito
	------------------------------------------------------------------------------------------------------  */
	#carrito{
		position: fixed;
		top: 0px;
		right: 0px;		
		width: 50%;
                max-width: 600px;
		height: 100%;
		padding-top: 70px;
		background-color: #fff;
		z-index: 9999999;
                margin-right: -1000px;            
                transition: margin-right 1s ease-in-out;
                -moz-transition: margin-right 1s ease-in-out;
                -webkit-transition: margin-right 1s ease-in-out;   
                overflow: auto;
                margin-bottom: 500px;
                
	}
        #carrito.visible{
		margin-right: 0px;                
	}
	#carrito .aspa{
		float: left;
		margin-left: -25px;   
                position: fixed;
	}
	#carrito .aspa img{
		width: 50px;
		cursor: pointer;
	}
	#carrito .content-carrito{
		float: left;
		width: 85%;
		margin: 0px 5%;
		margin-left: 8%;
		margin-top: -40px;    
               
	}
	#carrito .content-carrito .items{
		float: left;
		width: 100%;
		margin: 0px;
	}
	#carrito .content-carrito .items .bar-superior{	
		float: left;
		width: 100%;
	}
	#carrito .content-carrito .items .bar-superior .icons{
		float: left;		
		margin: 0px;
		width: 50%;
	}
	#carrito .content-carrito .items .bar-superior .icons .icon{
		margin-left: 0px;
	}
	#carrito .content-carrito .items .bar-superior .titulo{
		float: left;
		text-align-last: right;		
		margin: 0px;
		width: 50%;
		font-size: 24px;
                color: #000;
	}
	#carrito .content-carrito .items .item{
		display: inline-block;
		width: 100%;
		padding-bottom: 20px;
		border-bottom: 1px solid #979899;
		margin-bottom: 30px;
                position: relative;
	}
	#carrito .content-carrito .items .item .foto{
		float: left;
		width: 16%;
		height: 85px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
		background-color: #f0f0f0;
	}
	#carrito .content-carrito .items .item .info{
		float: left;
		width: 50%;
		margin-left: 3%;
		margin-top: 18px;
	}
	#carrito .content-carrito .items .item .info .title{
		float: left;
		width: 100%;
		font-weight: 600;
                text-transform: uppercase;
                font-size: 13px;
                margin-top: 15px;
                line-height: 15px;
	}
	#carrito .content-carrito .items .item .info .txt{
		float: left;
		width: 100%;
		color: #999;
		font-size: 13px;                
	}
	#carrito .content-carrito .items .item .info .txt .texto{
		float: left;
		width: 100%;
                text-transform: uppercase;
                padding-top: 5px;
	}
	#carrito .content-carrito .items .item .remove{
		display: none;		
		color: #999;
		font-size: 11px;
		text-decoration: underline;
		font-weight: 500;
		color: #444;
                position: absolute;
                right: 0;
                margin-top: 70px;
                cursor: pointer;
	}
	#carrito .content-carrito .items .item:hover .info .txt .texto{
		width: 80%;
	}
	#carrito .content-carrito .items .item:hover .remove{
		display: inline-block;
	}
	#carrito .content-carrito .items .item .unidades{
		float: left;
		width: 15%;
		padding: 17px 0px;
		margin-top: 14px;
		margin-left: 2%;
	}
	#carrito .content-carrito .items .item .unidades .menos{
		float: left;
		width: 25%;
		text-align: center;
                cursor: pointer;
	}
	#carrito .content-carrito .items .item .unidades input{
		float: left;
		width: 46%;
		font-size: 16px;
		text-align: center;
		border: 0px;
		outline: none;
                padding: 0;
                color: #000;
                margin-top: -1px;
	}
	#carrito .content-carrito .items .item .unidades .mas{
		float: left;
		width: 20%;
		text-align: center;
                cursor: pointer;
	}
	#carrito .content-carrito .items .item .unidades img{
		width: 12px;
	}
	#carrito .content-carrito .items .item .unidades img:hover{
		opacity: 0.6;
	}
	#carrito .content-carrito .items .item .pvp{
		float: left;
		width: 14%;
		text-align: right;
		margin-top: 33px;
                font-size: 15px;
                color: #000;
	}
        
        #carrito .content-carrito .items .item .dto_promo{
		float: right;
		width: 100%;
		text-align: right;		
                color: #fb4751;
                font-size: 14px;
                margin-top: -25px;
	}
        #carrito .content-carrito .items .item .dto_promo .precio_ant{
		text-decoration: line-through;
                margin-left: 28px;
	}
        #carrito .content-carrito .items .item .promo_del{
		margin-top: 80px;
	}

	#carrito .content-carrito .items .totales{
		display: inline-block;
		width: 100%;
                
	}
        #carrito .content-carrito .items .totales.pie{
		width: 85%;
                position: absolute;
                bottom: 25px;
                left: 8%;                             
	}
        #carrito .content-carrito .items .totales.pie.no-bottom{
		width: 100%;
                position: relative;
                left: 0;
                margin-top: 20px;
	}
        
	#carrito .content-carrito .items .cab{
		border-bottom: 1px solid #979899;
		margin-bottom: 30px;
	}
        #carrito .content-carrito .items .cab.no-products{
		text-align: center;
                margin-top: 240px;
                border-bottom: none;
	}

	#carrito .content-carrito .items .totales .fila{
		display: inline-block;
		width: 100%;
		margin-bottom: 20px;
	}
	#carrito .content-carrito .items .totales .fila .tit{
		float: left;
		width: 60%;
		text-align: left;
                margin-left: 0;                
                font-size: 15px;
	}
	#carrito .content-carrito .items .totales .fila .cantidad{
		float: left;
		width: 25%;
		text-align: right;
                font-size: 14px;
                margin-left: 0;     
                margin-top: 65px;
	}
	#carrito .content-carrito .items .totales .fila .val{
		float: left;
		width: 15%;
		text-align: right;
                font-size: 14px;
                margin-left: 0;      
                margin-top: 65px;
	}
        #carrito .content-carrito .items .totales .fila.botones{
		margin-bottom: 100px;
	}
        #carrito .content-carrito .items .totales .fila.botones a {
		text-decoration: none;
                text-align: center;
                font-size: 17px;
                cursor: pointer;
	}
	#carrito .content-carrito .items .totales .total{
		border-bottom: 1px solid #979899;
		padding-bottom: 20px;
	}
	#carrito .content-carrito .items .totales .total .tit{
		width: 50%;
		font-weight: 500;
                color: #000;
                font-size: 18px;
	}
	#carrito .content-carrito .items .totales .total .val{
		width: 50%;
		font-size: 20px;
	}
	#carrito .content-carrito .items .totales .btn{
		padding: 20px 0px;
		width: 48%;
		font-size: 16px;
		border-radius: 4px;
		margin-top: 10px;
	}
	#carrito .content-carrito .items .totales .btn:hover{
		opacity: 0.7;
	}
	#carrito .content-carrito .items .totales .seguir-comprando{
		float: left;
		background-color: #fff;
		color: #000;
		border: 1px solid #000;
	}
	#carrito .content-carrito .items .totales .comprar{
		float: right;
		border: 1px solid #000;
                cursor: pointer;
                background-color: #2b2b2b;
                color: #fff;
	}
        
        #carrito .icons{
		float: right;
		margin-top: 2px;
	}
	#carrito .icons span{
		float: right;
		color:#000;
		font-size: 12px;
		margin-top: -4px;
	}
	#carrito .icons .icon{
		float: left;
		margin-left:50px;
		text-decoration: none;
	}
	#carrito .icons .icon img{
		width: 22px;
	}
	#carrito .icons .icon img:hover{
		opacity: 0.6;
	}
        
        
        #overlay{
		position: fixed;
		width: 100%;
                height: 100%;
		background-image: url('../img/overlay.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
                z-index: 999999;    
                display: none;
                opacity: 0.2;
	}
        
        
        
        
        
        /* confirm
	------------------------------------------------------------------------------------------------------  */
	#compra #confirm{
		display: inline-block;
		width: 100%;
		margin-top: 220px;
		text-align: center;
		padding-bottom: 250px;
	}
	#compra #confirm img{
		width: 125px;
	}
	#compra #confirm h1{
		margin: 0px;
		font-size: 26px;
		margin-top: 10px;
                font-family: 'Nunito-ExtraLight';
	}
	#compra #confirm p{
		margin-top: 0px;
	}
	#compra #confirm .btn{
		display: inline-block;
		margin-top: 30px;
		padding: 20px 70px;
		font-size: 18px;
	}
        
        
        @media only screen and (max-width: 1335px) {

		#compra #pedido .codigo_promo input {
                        width: 75%;                        
                }                                
                
	}
        
        @media only screen and (max-width: 1070px) {

		
                #compra #pedido{
			background: transparent;
		}
		#compra #pedido .col_50{
			width: 100%;
		}		
		#compra #pedido #info-carrito{
			background-image: url('../img/fondo-gris-cart.png');
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 100%;
			padding-bottom: 40px;
		}
		#compra #pedido .content-carrito{
			margin-top: 0px;
			width: 100%;
			padding-top: 60px;
			margin-left: 0px;
		}
		#compra #pedido .content-carrito .items{
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;
		}
		#carrito{
			width: 75%;
		}
                
                #compra #pedido .codigo_promo input {
                        width: 77.5%;                        
                }  
                
	}

        
        
        @media only screen and (max-width: 940px) {
	
		#compra h1{
			font-size: 30px;
			line-height: 30px;
		}
		#compra h2{
			font-size: 17px;
			line-height: 20px;
		}
		#compra h3{
			font-size: 14px;
			line-height: 18px;
		}
		
		#compra ::placeholder {
			font-size: 13px;
		}
		#compra :-ms-input-placeholder { /* Internet Explorer 10-11 */
			font-size: 13px;
		}
		#compra ::-ms-input-placeholder { /* Microsoft Edge */
			font-size: 13px;
		}
                
                #compra #confirm{
			margin-top: 150px;
			padding-bottom: 200px;
		}
		#compra #confirm img{
			width: 90px;
	
		}
		#compra #confirm h1{
			font-size: 22px;
		}
		#compra #confirm p{
			margin-top: 10px;
		}
		#compra #confirm .btn{
			margin-top: 20px;
			padding: 18px 50px;
			font-size: 14px;
		}
		
	}
        
        
        @media only screen and (max-width: 660px) {

		#carrito{
			width: 100%;
		}

		#carrito .aspa{
			position: absolute;
			top: 10px;
			left:10px;
			margin-left: 0px;
		}
		#carrito .aspa img{
			border: 1px solid #000;
			border-radius: 100%;
		}

		#carrito .content-carrito{
			float: left;
			width: 90%;
			margin-left: 0px;
			margin: 0px 5%;
			margin-top: 40px;
		}
                
                #compra #pedido .codigo_promo input {
                        width: 75%;                        
                }  
			

	}
        
        
        @media only screen and (max-width: 640px) {

		
		#compra form{
			margin-bottom: 30px;
			margin-top: 50px;
		}
		#compra form input, #compra form textarea{
			width: 90%;
			padding: 14px 5%;
		}
                
                
                #compra .w100{
			width: 100% !important;
		}
                #compra .w90 {
                    width: 100% !important;
                }
		#compra .w80{
			width: 100% !important;
			margin-right: 0px !important;
		}
		#compra .w70{
			width: 100% !important;
			margin-right: 0px !important;
		}
                #compra .w60{
			width: 100% !important;
		}
		#compra .w50{
			width: 100% !important;
		}
		#compra .w40{
			width: 100% !important;
			margin-right: 0px !important;
		}
		#compra .w30{
			width: 100% !important;
		}
		#compra .w20{
			width: 100% !important;
		}		
		#compra .container-check .txt img{
			height: 20px;
			margin-top: -20px;
			margin-right: 30px;
		}	
		#compra #pedido form .finalizar{
			margin-top: 0px;
		}
		#compra #pedido form .finalizar .btn{
			float: left;
			font-size: 14px;
                        width: 84%;
		}
		#compra #pedido .finalizar .container-check{
			float:left;
			margin-bottom: 70px;
		}
	
	}
        
        
        @media only screen and (max-width: 500px) {
			
		
                #compra #pedido .content-carrito .items .item .foto{
			width: 100%;
			height: 185px;
			background-size: 35%;
		}
		#compra #pedido .content-carrito .items .item .uds{
			float: right;
			width: 20px;
			height: 18px;
			margin-left: -15px;
			margin-top: -195px;
			font-size: 13px;
			padding-top: 2px;
			background-color: #666;
			color: #fff;
			border-radius: 100%;
			text-align: center;
		}
		#compra #pedido .content-carrito .items .item .info{
			width: 50%;
			margin-left: 3%;
			margin-top: 18px;
		}
		#compra #pedido .content-carrito .items .item .pvp{
			margin-top: 25px;
		}

		#carrito .content-carrito .items .totales .btn{
			width: 100%;
			margin-top: 10px;
		}
		#carrito .content-carrito .items .totales .comprar{
			float: left;
		}
                
                #carrito .content-carrito .items .totales .fila .tit {
                    margin-top: 65px;
                }
                
	}