/* DESKTOP */
@media only screen and (min-width: 700px) {
    .fondo { width:100%; background-image:url(../image/fondo6.png); background-position: right bottom; background-size:cover; display:flex; flex-direction:column; }
    .fondo-mobil-forced { width:100%; background-image:url(../image/fondo-mobil.png); background-position: right bottom; background-size:cover; display:flex; flex-direction:column; }

	.bcolor { background:#FFC107; }
	.fcolor { color:#A1A1A1; }
    .bselected { color: #FFB889; font-size:14pt; text-decoration:underline; }
    
    /* MAIN PAGE */
    .text-presentation { display:flex; flex-direction:column; align-items:center; justify-content:center; width:50%; }
    .text-explanation { margin:0px 0px 0px 70px; }

    /* MENU PAGE */
    .div-operation { padding:20px; display:flex; flex-direction:row; height:90%; width:100%; }
    .div-container { width:100; height:100%; }
    .div-calender { height:100%; width:50%; padding:20px; }
    .div-menu { height:80%; width:50%; }
    .logo-top-bar { width:20%; }
    .top-menu { text-align:right; padding-right:30px; width:100%; }
    .top-menu-month-desc { height:10%; } 
    .div-deal { padding:50px; width:35%; height:90%; }    

    /* SHOPPING CART */
    .cart-width { width:35%; }    
    .sp-cart-day { width:30%; font-size:7pt; }
	.sp-cart-name { width:80%; font-size:10pt; } 
	.sp-cart-remove { width:20%; font-size:8pt; } 
    .sp-cart-price { width:20%; font-size:12pt; text-align:right; }    

    /* SHIPPING INFO */
    .div-payment { display:flex; flex-direction:row; }
    .div-shipping { display:flex; flex-direction:row; height:100%; width:50%; padding:30px; }
    .div-personal-info { width:100%; padding-right:30px; }

    /* CONFIRMATION */
    .div-confirmation { width:50%; }

    /* SPECIAL ORDER */
    .div-special-operation { display:flex; flex-direction:row; height:100%; width:100%; }
    .div-special-desc { width:40%; }
    .div-special-menu { width:60%; padding-left:50px; overflow:auto; }
    .div-special-explanation { display:flex; flex-direction:row; }
    .div-special-explanation-title { display:online-block; width:60%; }
    .div-special-btn-1 { display:flex; flex-direction:column; align-items:center; }
    .div-special-btn-2 { display:none; }
    .div-special-form { width:100%; padding-left:50px; }

    /* ADMIN PAGE*/
    .admin-logo { width: 18%; } 
    .div-operation-admin { padding:20px; display:flex; flex-direction:row; height:70%; width:100%; }

    /* ESTILOS TRAIDOS DE XOOM */
    .container { display:flex; width:80%; flex-wrap:wrap; border-bottom:3px dashed #FFD800; } 
    .box { width:33%; float:left; height:300px; } 
    .border-days { width:25%; height:25%; border-right:1px solid black; border-bottom:1px solid black; }

    .cell-full { width:100%; float:left; } 
    .cell-left { width:25%; float:left; } 
    .cell-right { width:75%; float:left; padding:30px; }		

    .top_image { width:100%; background-image: url(../image/banner_2.jpg); height:316px; }
    .div-divider-top { height:170px; } 
    
    .div-date { background:#FFF; }
    .div-date:hover { background:#FFF7D1; }

    .div-footer { 
                background: #FFD800; 
                font-family: Poppins;
                height:200px; 
                padding-left: 50px;
                width:100%;
            }

    .div-image-foot { width:20% }
    
    .div-invisible { display: none; }
    .div-love { float:left; width:10%; text-align:center; padding-top:20px; } 
    .div-recent { clear:both; width:95%; padding-left:20px; }
    
    .div-line-favorite-love { cursor:pointer; float:left; text-align:left; font-family:Poppins; font-size:1.2vw; }
    .div-line-favorite { float:left; text-align:left; padding-left:60px; font-family:Poppins; font-size:1.2vw; }
    .div-line-favorite-description { display:inline-block; font-size:1vw; font-family: Poppins; line-height:1.2; }

    .div-login { width:30%; background:#FFF; }
    .div-login-top { width:30%; background:#FFD800; }
    
    .div-profile { width:50%; background:#FFF; }
    
    .menu-admin-profile { display:inline-block; padding:20px; border-bottom: 1px dashed black; 
                        font-family:Poppins; padding-left:30px; font-size:1.2vw; text-align:left; 
                        cursor:pointer; }
    
    .form-forgot { cursor:pointer; display:inline-block; width:200px; text-align:left; font-family:Poppins; font-size:0.8vw; }
    .form-login { font-family:Poppins; font-size:1.2vw; width:90%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-login-error { display:inline-block; font-family:Poppins; font-size:0.8vw; color:red; padding:15px 0px 15px 0px; border:none; }
        
    .div-prod-detail-photo { float:left; width:30%;  } 
    .div-prod-detail-product { width:100%; text-align:left; font-size:2vw; height:60px; } 
    .div-prod-detail-brief { width:100%; padding-left:50px; text-align:left; font-size:1vw; } 
    .div-prod-detail-price {  width:100%; padding-top:20px; } 
    .div-prod-detail-price_full { width:100%; font-size:2vw; padding-top:20px; } 
    .div-prod-full-detail { width:70%; }
    .div-product-photo { width:40%; }

    .confirmation-title { font-size:1.5vw; padding:20px 0px 0px 0px; display:inline-block; width:100%; }

    .div-confirmation { font-family:Poppins; font-size:1vw; width:50%; padding:0px 0px 0px 50px; float:left; }
    .div-account { font-family:Poppins; font-size:1vw; width:49.9%; padding:0px 100px 0px 50px; float:left; }
    
    .menu_qt { font-family:Poppins; font-size:0.8vw; line-height:25px; text-align:center; color:white; height:25px; width:25px; background-color:#000; border-radius:50%; display:inline-block; }
    
    .text-confirmation { font-size:1vw; font-family: Poppins; line-height:2; }
    
    .sq-input {
        float:left;
        width:90%;
    }

    /* Define how SqPaymentForm iframes should look when they have focus */
    .sq-input--focus { }

    /* Define how SqPaymentForm iframes should look when they contain invalid values */
    .sq-input--error { }

    .form-email { font-family:Poppins; font-size:1.2vw; width:49.5%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-phone { font-family:Poppins; font-size:1.2vw; width:49.5%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-name { font-family:Poppins; font-size:1.2vw; width:49.5%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-address { font-family:Poppins; font-size:1.2vw; width:100%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-city { font-family:Poppins; font-size:1.2vw; width:49.5%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }
    .form-state { font-family:Poppins; font-size:1.2vw; width:23.9%; padding:15px 0px 15px 0px; border:none; border-bottom:1px dashed black; }

    .shopping-detail-header {
        display: grid;
        grid-template-columns: 10% 50% 20% 10% 10%;
        background-color: white;
        padding: 0px;
        cursor:pointer;
        width:100%;
    }			

    .shopping-detail-column {
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        padding: 5px;
        overflow: auto;
        background-color: white;
        border-bottom: 1px dashed black;
        color:black;
        cursor:pointer;
        font-size:1vw; 
        font-family:Poppins;
        padding-top:20px;
    }

    .payment-contact-email {
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        padding: 5px;
        overflow: auto;
        background-color: white;
        color:black;
        cursor:pointer;
        font-size:1vw; 
        font-family:Poppins;
    }
    
    .payment-contact-state {
        float:left;
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        padding: 5px;
        overflow: auto;
        background-color: white;
        color:black;
        cursor:pointer;
        font-size:1vw; 
        font-family:Poppins;
        width:25%;
    }		
    
    .payment-contact-name {
        float:left;
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        padding: 5px;
        overflow: auto;
        background-color: white;
        color:black;
        cursor:pointer;
        font-size:1vw; 
        font-family:Poppins;
        width:80%;
    }		
    
    .shopping-detail-price { display:inline-block; height:50px; font-size:1.3vw; }
    
    .shopping-section { height:100px; padding:0px 80px 20px 0px; font-family:Poppins; width:100%; }
    .edit-quantity { padding:5px; font-size:1vw; text-align:center; border:1px solid #DADADA; width:60px; }
    .shopping-product-name { font-size:1vw; }
    .shopping-product-desc { font-size:1vw; }
    
    .shopping-image 	{ border:1px solid red; width:10%; font-size:1vw; font-family:Poppins; height:100px; padding:0px 0px 20px 50px; float:left; }
    .shopping-product 	{ border:1px solid red; width:60%; font-size:1vw; font-family:Poppins; height:100px; padding:0px 50px 0px 15px; float:left; }
    .shopping-quantity 	{ border:1px solid red; width:10%; font-size:1vw; font-family:Poppins; height:100px; padding:0px 0px 0px 0px; 	float:left; }
    .shopping-price 	{ border:1px solid red; width:10%; font-size:1vw; font-family:Poppins; height:100px; padding:0px 40px 0px 0px; 	float:left; }
    
    .shopping-divider { clear:both; padding:0px 120px 0px 50px; }
    
    .increase-btn { cursor:pointer; font-size:1vw; }
    .shopping-main { padding:20px 0px 0px 50px; display:inline-block; width:100%; }
    .edit-coupon { font-size:0.9vw; width:80%; border:none; }
    .div-shopping { clear:both; width:100%; }

    .shopping-title { border:1px solid #FFD800; background:#FFD800; padding:10px 0px 10px 20px; border-radius:5px; -webkit-border-radius:5px; }
    
    .shopping-detail { float:left; width:60%; padding-left:50px; }
    
    .shopping-summary { float:left; width:30%; }
    .summary-title  { border:1px solid #FFD800; background:#FFD800; padding:10px 0px 10px 20px; border-radius:5px; -webkit-border-radius:5px; }
    .div-summary { clear:both; width:90%; padding:0px 0px 20px 40px; }
    .div-detail { font-family:Poppins; float:left; width:50%; font-size:1.2vw; padding:10px 0px 20px 10px; border-bottom:1px dashed black; } 
    .div-value  { font-family:Poppins; float:left; width:50%; font-size:1.2vw; text-align:right; padding:10px 20px 20px 0px; border-bottom:1px dashed black; }

    .payment-detail { font-family:Poppins; float:left; width:50%; font-size:1vw; padding:10px 0px 20px 10px; border-bottom:1px dashed black; } 
    .payment-qt { font-family:Poppins; float:left; width:20%; font-size:1vw; padding:10px 0px 20px 10px; border-bottom:1px dashed black; } 
    .payment-value  { font-family:Poppins; float:left; width:30%; font-size:1vw; text-align:right; padding:10px 20px 20px 0px; border-bottom:1px dashed black; }
    .payment-value-summary { font-family:Poppins; float:left; width:50%; font-size:1vw; text-align:right; padding:10px 20px 20px 0px; border-bottom:1px dashed black; }

    .div-detail-photo { 	
                font-family: Poppins; 
                width:100%;
                text-align: center;
                vertical-align:middle;
                line-height:300px;
            }	

    .cell-product { width:25%; height:520px; border-right:1px dashed #DADADA;border-bottom:1px dashed #DADADA; padding-top:24px; padding-bottom:48px; float:left; text-align:center; }
    .div-product-detail { width:80%; font-family:Poppins; float:left; position:relative; padding:10px; }
    .gallery-yellow { 	
                        font-family: Poppins;
                        background: #FFD800; 
                        font-size: 1.2vw;
                        padding: 15px 50px 15px 50px;
                        border:none;
                        border-radius: 10px;
                        display:inline-block;
                        text-align:center; 
                        cursor: pointer;
                    }

    .title-description-yellow { font-size:5vw; color:#FFD800; }
    .subtitle-description-yellow { font-size:1.5vw; color:#FFD800; }
    
    .title-description-black { font-size:5vw; color:black; }
    .subtitle-description-black { font-size:2vw; color:black; }		
    .subtitle-description-yellow { font-size:2vw; color:#FFD800; }
    
    .div-top { 	
                font-family: Poppins; 
                background-image: url(../image/test-1.jpg);  
                background-repeat: no-repeat; 
                background-position: center center;
                text-align:left;
            }
            
    .div-marisco { 	
                font-family: Poppins; 
                height:800px; 
                width:100%; 
                background-image: url(../image/test_1.png);  
                background-repeat: no-repeat; 
                background-size: 100%;
            }
            
    .div-party { 	
                font-family: Poppins; 
                height:800px; 
                width:100%; 
                background-image: url(../image/party.png);  
                background-repeat: no-repeat; 
                background-size: 100%;
            }
            
    .div-top-menu { 
                background: #FFD800; 
                font-family: Poppins; 
                position: -webkit-fixed;
                position: fixed;
                top:0;
                left:0;
                height:170px; 
                width:100%; 
                z-index:9;
            }
    
    .div-body { 	
                font-family: Poppins; 
                width:100%;
                background-repeat: no-repeat; 
                background-size: auto auto;
                text-align:center;
            }
            
    .div-product-definition { 	
                font-family: Poppins; 
                width:100%;
                background-repeat: no-repeat; 
                background-size: auto auto;
                text-align: center;
                font-size: 1.2vw; 
                font-weight: bold;
                padding: 30px 0px 10px 0px;
            }
            
    .div-definition { 	
                font-family: Poppins; 
                width:100%;
                background-repeat: no-repeat; 
                background-size: auto auto;
                text-align: center;
                font-size: 1.5vw; 
                font-weight: bold;
                padding: 0px 0px 10px 0px;
            }
            
    .div-service { font-size:0.7vw; }
    
    .div-description { 	
                font-family: Poppins; 
                width:100%;
                font-size: 0.8vw; 
                padding: 10px 30px 0px 30px;
                text-align:center;
            }			

    .div-price { 	
                font-family: Poppins; 
                width:100%;
                background-repeat: no-repeat; 
                background-size: auto auto;
                text-align: center;
                font-size: 2vw; 
                padding: 20px 0px 0px 0px;
            }	
    
    .div-product-price { 	
                font-family: Poppins; 
                width:100%;
                background-repeat: no-repeat; 
                background-size: auto auto;
                text-align: center;
                font-size: 2vw; 
                padding: 20px 0px 0px 0px;
            }
    
    .div-center-no-padding {  }
    .div-center { padding-left:10%; }
    .div-center-padding-5 { padding-left:5%; }
    .photo-presentation { width:30%; } 
    
    .menu-cart { cursor:pointer; font-size:1.2vw; display:inline-block; padding:0px 20px 0px 20px; height:50px; border-bottom: 5px solid #FFD800; }
     
    .menu-float { cursor:pointer; font-size:1.2vw; display:inline-block; padding:0px 20px 0px 20px; height:50px; border-bottom: 5px solid #FFD800; }
    .menu-float:hover { font-size:1.2vw; display:inline-block; padding:0px 20px 0px 20px; height:50px; border-bottom: 5px solid black; }
    
    .div-box { width:50%; }
}
/* END DESKTOP */