.main_container .top_container {
    display: block;
    float: left;
    position: relative;
    border-bottom: 2px solid #fff;
    background-color: #D8F3F8;
    width: 100%;
}

.top_container .back_button {
    display: block;
    float: left;
    margin: 6px 0em 6px 8.75%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #3C67A5;
    background-image: url(../../images/mobile/sprite-common.png);
    background-repeat: no-repeat;
    background-position: -119px -653px;
    background-size: 143px 1235px;
    width: 29px;
    height: 28px;
}

.main_container .product_container {
    display: block;
    float: left;
    background-color: #fff;
    padding-bottom: 32px;
    width: 100%;
}

.product_container .product_category {
    display: block;
    float: left;
    background-color: #42B4D8;
    color: #fff;
    font-family: 'Font1';
    line-height: 40px;
    padding: 0em 8.75%;
    width: 82.5%;
}

.product_container .product {
    display: block;
    float: left;
    padding: 0em 8.75%;
    width: 82.5%;
}

.product .promotion_image {
    display: block;
    float: left;
}

.product .product_row {
    display: block;
    float: left;
    margin-top: 10px;
    padding-bottom: 15px;
    width: 100%;
}

.product_row .product_data {
    display: block;
    float: right;
    width: 56.8182%;
}

.product_data .name {
    background: none;
    padding-right: 0em;
}

.product_container .product_price_container {
    margin-top: 24px;
}

.product_price_container .product_previous_price {
    margin-left: 0em;
}

.product_price_container .product_weight_price {
    display: block;
    float: left;
    margin-left: 5px;
    color: #706F6F;
    font-family: 'Font2';
    font-size: 87.5%; /*14px*/
    text-align: right;
    width: 100%;
    margin-bottom: 25px;
}

.product_weight_price span {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.product_row .product_image_container {
    display: block;
    float: left;
    width: 40%;
    min-width: 105px;
    max-width: 210px;
}

.product .product_image {
    display: block;
    float: left;
    text-decoration: none;
    width: 100%;
}
.product_image_container .product_image {
    margin-top: 0em;
}

.product_image_container span {
    display: block;
    float: left;
    margin-top: 8px;
    color: #706F6F;
    font-family: 'Font2';
    font-size: 87.5%; /*14px*/
    text-align: center;
    text-decoration: underline;
    width: 100%;
}

.product .data_container {
    display: block;
    float: left;
    margin-top: 20px;
    width: 100%;
}

.data_container .data_text {
    display: block;
    float: left;
    color: #4EC1E0;
    font-family: 'Font2';
    font-size: 87.5%; /*14px*/
    line-height: 32px;
    width: 100%;
}
.data_container .data_text + .data_text {
    margin-top: 8px;
}
.data_container .data_text.kcal {
    color: #B0B0A2;
    font-family: 'Font1';
    line-height: 24px;
}

.data_text img {
    display: block;
    float: left;
    margin-right: 10px;
    width: 35px;
}

.data_text span {
    display: inline-block;
    border-right: 2px solid #B0B0A2;
    color: inherit;
    font-family: inherit;
    font-size: 128.5714%; /*18px*/
    padding-right: 3px;
}

.product .offer_container {
    display: block;
    margin: auto;
    width: 264px;
}

.offer_container .offer {
    display: block;
    float: left;
    margin-top: 25px;
    border: 1px solid #C42B20;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.offer .offer_title {
    display: block;
    float: left;
    position: relative;
    -webkit-border-radius: 4px 4px 0em 0em;
    -moz-border-radius: 4px 4px 0em 0em;
    border-radius: 4px 4px 0em 0em;
    background-color: #C42B20;
    color: #fff;
    font-family: 'Font1';
    text-align: center;
    padding: 20px 0em 5px;
    width: 100%;
}

.offer_title .star {
    display: inline-block;
    margin: 0em 10px -4px;
    background-image: url(../../images/mobile/sprite-products.png);
    background-repeat: no-repeat;
    background-position: -6px -306px;
    background-size: 94px 435px;
    width: 21px;
    height: 21px;
}

.offer_title .arrow {
    display: block;
    position: absolute;
    top: 46px;
    left: 0em;
    border-top: 15px solid #C42B20;
    border-left: 131px solid transparent;
    border-right: 131px solid transparent;
    width: 0em;
    height: 0em;
    -webkit-transform: scale(0.9999);
    -moz-transform: scale(0.9999);
    transform: scale(0.9999);
}

.offer .offer_text {
    display: block;
    float: left;
    color: #706F6F;
    font-family: 'Font2';
    line-height: 18px;
    padding: 25px 8.0153%;
    width: 83.9694%;
}

.offer_text span {
    display: block;
    float: left;
    color: #3C67A5;
    font-family: inherit;
    line-height: 18px;
    width: 100%;
}

.main_container .info_container,
.info_container .info_list,
.info_list .info {
    display: block;
    float: left;
    width: 100%;
}

.info .info_name {
    display: block;
    float: left;
    border-bottom: 2px solid #fff;
    background-color: #79C4DD;
    color: #fff;
    font-family: 'Font1';
    text-decoration: none;
    line-height: 40px;
    padding: 0em 8.75%;
    width: 82.5%;
}

.info_name span {
    display: block;
    float: right;
    margin-top: 13px;
    margin-right: 14px;
    background-image: url(../../images/mobile/sprite-products.png);
    background-repeat: no-repeat;
    background-position: -71px -266px;
    background-size: 94px 435px;
    width: 18px;
    height: 12px;
}
.info_name.open span {
    background-position: -71px -236px;
}

.info .info_content {
    display: none;
    float: left;
    border-bottom: 2px solid #fff;
    background-color: #d4e8f4;
    padding-bottom: 10px;
    width: 100%;
}

.main_container .info_text {
    display: block;
    float: left;
    color: #706F6F;
    font-family: 'Font2';
    font-size: 93.75%; /*15px*/
    line-height: 17px;
    padding: 10px 8.75%;
    width: 82.5%;
}
.main_container .product .info_text {
    margin-top: 30px;
    padding: 0px;
    width: 100%;
}
.main_container .info_text.blue {
    color: #3C67A5;
}

.info_text .do {
    display: block;
    float: right;
    width: 100px;
}

.info_text span {
    color: #1F4290;
    font-family: inherit;
    font-size: inherit;
}

.info_text .pairing {
    display: inline-block;
    margin: 8px 11px 0em 0em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #79C4DD;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    width: 38px;
    height: 38px;
}
.info_text .pairing.cheese {
    background-image: url(../../images/mobile/wine-pairing-cheese.png)
}
.info_text .pairing.duck {
    background-image: url(../../images/mobile/wine-pairing-duck.png)
}
.info_text .pairing.fish {
    background-image: url(../../images/mobile/wine-pairing-fish.png)
}
.info_text .pairing.ice_creams {
    background-image: url(../../images/mobile/wine-pairing-ice_creams.png)
}
.info_text .pairing.meat {
    background-image: url(../../images/mobile/wine-pairing-meat.png)
}
.info_text .pairing.pasta {
    background-image: url(../../images/mobile/wine-pairing-pasta.png)
}
.info_text .pairing.pastries {
    background-image: url(../../images/mobile/wine-pairing-pastries.png)
}
.info_text .pairing.sausage {
    background-image: url(../../images/mobile/wine-pairing-sausage.png)
}
.info_text .pairing.shellfish {
    background-image: url(../../images/mobile/wine-pairing-shellfish.png)
}
.info_text .pairing.starters {
    background-image: url(../../images/mobile/wine-pairing-starters.png)
}
.info_text .pairing.vegetable {
    background-image: url(../../images/mobile/wine-pairing-vegetable.png)
}

.info_text .info_title {
    display: block;
    float: left;
    margin: 8px 0em 10px;
    border-bottom: 1px solid #1F4290;
    color: #1F4290;
    font-family: 'Font2';
    font-size: 106.6667%; /*16px*/
    width: 100%;
}

.info_content .capsules_container {
    display: block;
    float: left;
    padding: 0em 4.5296%;
    width: 90.9408%;
}

.capsules_container .capsule {
    display: block;
    float: left;
    margin-top: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #42B4D8;
    color: #fff;
    font-size: 93.3333%; /*14px*/
    text-indent: 0em;
    line-height: 36px;
    padding: 0em 4.5296%;
    width: 90.9408%;
    overflow: hidden;
}

.capsule .name {
    display: block;
    float: left;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-align: left;
    width: 47.3485%;
}

.capsule .quantity {
    display: block;
    float: left;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-align: left;
}

.capsule .percentage {
    display: block;
    float: right;
    margin: -28px -7% -27px 0em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #3C67A5;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-align: right;
    padding-right: 7.5472%;
    line-height: 91px;
    width: 71px;
}

.info_content .nutritional_table {
    display: block;
    float: left;
    margin-bottom: -10px;
    border-spacing: 0em;
    background-color: #fff;
    width: 100%;
}

.nutritional_table .tbody {
    display: table;
    float: left;
    width: 100%;
}

.nutritional_table tr {
    display: table;
    float: left;
    padding: 0em 8.75%;
    width: 82.5%;
}
.nutritional_table .table_header {
    background-color: #D8F3F8;
}

.nutritional_table th,
.nutritional_table td {
    display: table-cell;
    float: left;
    font-family: 'Font2';
    padding: 8px 4px 8px 0em;
    width: 32.5758%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nutritional_table th {
    color: #3C67A5;
    font-size: 93.75%; /*15px*/
    font-weight: normal;
}
.nutritional_table td {
    color: #706F6F;
    font-size: 87.5%; /*14px*/
}
.nutritional_table .divisor td {
    border-top: 1px solid #3C67A5;
}
.nutritional_table .last td {
    padding: 20px 0em;
    width: 100%;
}
.nutritional_table th + th,
.nutritional_table td + td {
    padding-right: 0em;
    width: 25%;
}
.nutritional_table th + th + th + th,
.nutritional_table td + td + td + td {
    width: 17.4242%;
}
.nutritional_table th + th + th + th {
    text-align: center;
}
.nutritional_table td + td + td + td {
    text-align: right;
}

.main_container .button_seccion {
    display: block;
    float: left;
    background-color: #fff;
    padding: 42px 0em;
    width: 100%;
}

.button_seccion .social_buttons {
    display: block;
    margin: auto;
    width: 161px;
}