/**
* 2007-2022 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2022 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/


.desktop--hidden {
    display: none !important
}

@media (max-width: 979px) {
    .desktop--hidden {
        display: initial !important
    }
    .desktop--visible {
        display: none !important
    }
}


@media (max-width: 767px) {
    .phone--hidden {
        display: none !important
    }
    .phone--visible {
        display: initial !important
    }
}

.phone--visible {
    display: none !important
}


@media (max-width: 979px) {
    .tablet--hidden {
        display: none !important
    }
    .tablet--visible {
        display: initial !important
    }
}

.tablet--visible {
    display: none
}


@media (max-width: 480px) {
    .hidden-xsphone {
        display: none !important
    }
    .visible-xsphone {
        display: initial !important
    }
}

.visible-xsphone {
    display: none
}

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

.container:before, .container:after {
    display: table;
    content: "";
    line-height: 0
}

.container:after {
    clear: both
}

.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
    line-height: 0
}

.container-fluid:after {
    clear: both
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}


/*!
 * Bootstrap Responsive v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.hidden {
    display: none;
    visibility: hidden
}

.visible-phone {
    display: none !important
}

.visible-tablet {
    display: none !important
}

.hidden-desktop {
    display: none !important
}

.visible-desktop {
    display: inherit !important
}

@media (min-width: 768px) and (max-width: 979px) {
    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-tablet {
        display: inherit !important
    }

    .hidden-tablet {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-phone {
        display: inherit !important
    }

    .hidden-phone {
        display: none !important
    }
}

@media (min-width: 1200px) {


    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 30px
    }

    .span12 {
        width: 1170px
    }

    .span11 {
        width: 1070px
    }

    .span10 {
        width: 970px
    }

    .span9 {
        width: 870px
    }

    .span8 {
        width: 770px
    }

    .span7 {
        width: 670px
    }

    .span6 {
        width: 570px
    }

    .span5 {
        width: 470px
    }

    .span4 {
        width: 370px
    }

    .span3 {
        width: 270px
    }

    .span2 {
        width: 170px
    }

    .span1 {
        width: 70px
    }

    .row-fluid {
        width: 100%;
        *zoom: 1
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.5641%;
        *margin-left: 2.51091%
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0
    }

    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.5641%
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94681%
    }

    .row-fluid .span11 {
        width: 91.45299%;
        *width: 91.3998%
    }

    .row-fluid .span10 {
        width: 82.90598%;
        *width: 82.85279%
    }

    .row-fluid .span9 {
        width: 74.35897%;
        *width: 74.30578%
    }

    .row-fluid .span8 {
        width: 65.81197%;
        *width: 65.75877%
    }

    .row-fluid .span7 {
        width: 57.26496%;
        *width: 57.21177%
    }

    .row-fluid .span6 {
        width: 48.71795%;
        *width: 48.66476%
    }

    .row-fluid .span5 {
        width: 40.17094%;
        *width: 40.11775%
    }

    .row-fluid .span4 {
        width: 31.62393%;
        *width: 31.57074%
    }

    .row-fluid .span3 {
        width: 23.07692%;
        *width: 23.02373%
    }

    .row-fluid .span2 {
        width: 14.52991%;
        *width: 14.47672%
    }

    .row-fluid .span1 {
        width: 5.98291%;
        *width: 5.92971%
    }

}

@media (min-width: 768px) and (max-width: 979px) {
    .row {
        margin-left: -20px;
        *zoom: 1
    }

    .row:before, .row:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row:after {
        clear: both
    }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }

    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 724px
    }

    .span12 {
        width: 724px
    }

    .span11 {
        width: 662px
    }

    .span10 {
        width: 600px
    }

    .span9 {
        width: 538px
    }

    .span8 {
        width: 476px
    }

    .span7 {
        width: 414px
    }

    .span6 {
        width: 352px
    }

    .span5 {
        width: 290px
    }

    .span4 {
        width: 228px
    }

    .span3 {
        width: 166px
    }

    .span2 {
        width: 104px
    }

    .span1 {
        width: 42px
    }

    .row-fluid {
        width: 100%;
        *zoom: 1
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.76243%;
        *margin-left: 2.70924%
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0
    }

    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 2.76243%
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94681%
    }

    .row-fluid .span11 {
        width: 91.43646%;
        *width: 91.38327%
    }

    .row-fluid .span10 {
        width: 82.87293%;
        *width: 82.81974%
    }

    .row-fluid .span9 {
        width: 74.30939%;
        *width: 74.2562%
    }

    .row-fluid .span8 {
        width: 65.74586%;
        *width: 65.69266%
    }

    .row-fluid .span7 {
        width: 57.18232%;
        *width: 57.12913%
    }

    .row-fluid .span6 {
        width: 48.61878%;
        *width: 48.56559%
    }

    .row-fluid .span5 {
        width: 40.05525%;
        *width: 40.00206%
    }

    .row-fluid .span4 {
        width: 31.49171%;
        *width: 31.43852%
    }

    .row-fluid .span3 {
        width: 22.92818%;
        *width: 22.87499%
    }

    .row-fluid .span2 {
        width: 14.36464%;
        *width: 14.31145%
    }

    .row-fluid .span1 {
        width: 5.8011%;
        *width: 5.74791%
    }

}

@media (max-width: 767px) {

    .container-fluid {
        padding: 0
    }

    .container {
        width: auto
    }

    .row-fluid {
        width: 100%
    }


    .span12, .row-fluid .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .row-fluid [class*="offset"]:first-child {
        margin-left: 0
    }

}

@media (max-width: 979px) {

    .btn-op {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

}


.selection_sans {
    padding: 20px;
    background: #fff;
    color: #3c3c3c
}

.selection_sans hr {
    margin: 15px 0px 5px;
    padding: 5px
}

.selection_sans .btn-op {
    color: #fff
}

.btn-op {
    background: #009e4b;
    background-position: 8px 9px
}

.row-flex {
    clear: both;
    width: 100%
}

.row-flex [class*="flex-"] {
    display: block;
    margin-left: 1%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.row-flex [class*="flex-"]:first-child {
    margin-left: 0
}

.row-flex:before, .row-flex:after {
    display: table;
    line-height: 0;
    content: ""
}

.row-flex:after {
    clear: both
}

.row-flex {
    zoom: 1
}

.flex-1 {
    width: 7.416%
}

.flex-2 {
    width: 15.83%
}

.flex-3 {
    width: 24.25%
}

.flex-4 {
    width: 32.66%
}

.flex-5 {
    width: 41.08%
}

.flex-6 {
    width: 49.5%
}

.flex-7 {
    width: 57.91%
}

.flex-8 {
    width: 66.33%
}

.flex-9 {
    width: 74.75%
}

.flex-10 {
    width: 83.16%
}

.flex-11 {
    width: 91.58%
}

.flex-12 {
    width: 100%
}

.rowflex {
    clear: both;
    width: 100%
}

.rowflex:before, .rowflex:after {
    display: table;
    line-height: 0;
    content: ""
}

.rowflex:after {
    clear: both
}

.rowflex [class*="flex"] {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}


.flex1 {
    width: 8.33%
}

.flex2 {
    width: 16.66%
}

.flex3 {
    width: 24.99%
}

.flex4 {
    width: 33.33%
}

.flex5 {
    width: 41.65%
}

.flex6 {
    width: 50%
}

.flex7 {
    width: 58.31%
}

.flex8 {
    width: 66.64%
}

.flex9 {
    width: 74.97%
}

.flex10 {
    width: 83.3%
}

.flex11 {
    width: 91.63%
}

.flex12 {
    width: 100%
}

@media (max-width: 979px) {
    .row-mov .flex-1, .row-mov .flex-2, .row-mov .flex-3, .row-mov .flex-4, .row-mov .flex-5, .row-mov .flex-6, .row-mov .flex-7, .row-mov .flex-8, .row-mov .flex-9, .row-mov .flex-10, .row-mov .flex-11 {
        width: 100%;
        margin-left: 0
    }

    .rowmov .flex1, .rowmov .flex2, .rowmov .flex3, .rowmov .flex4, .rowmov .flex5, .rowmov .flex6, .rowmov .flex7, .rowmov .flex8, .rowmov .flex9, .rowmov .flex10, .rowmov .flex11 {
        width: 100%
    }
}

[class*="flex"].hide, .row-flex [class*="flex"].hide, [class*="flex-"].hide, .row-mov [class*="flex-"].hide {
    display: none
}

@media (max-width: 979px) {
    .force-sm-span12 {
        width: 100% !important
    }
}

.positionRelative {
    position: relative
}

.positionAbsolute {
    position: absolute
}

.spacer {
    margin: 1.42857em
}

.spacer-small {
    margin: 0.71429em
}

.spacer-mini {
    margin: 0.35714em
}

.spacer-none {
    margin: 0
}

.top-spacer {
    margin-top: 1.42857em
}

.top-spacer-small {
    margin-top: 0.71429em
}

.top-spacer-mini {
    margin-top: 0.35714em
}

.top-spacer1 {
    margin-top: 1%
}

.top-spacer2 {
    margin-top: 2%
}

.bottom-spacer {
    margin-bottom: 1.42857em
}

.bottom-spacer-small {
    margin-bottom: 0.71429em
}

.bottom-spacer-mini {
    margin-bottom: 0.35714em
}

.bottom-spacer1 {
    margin-bottom: 1%
}

.bottom-spacer2 {
    margin-bottom: 2%
}

.left-spacer {
    margin-left: 1.42857em
}

.left-spacer-small {
    margin-left: 0.71429em
}

.left-spacer-mini {
    margin-left: 0.35714em
}

.right-spacer {
    margin-right: 1.42857em
}

.right-spacer-small {
    margin-right: 0.71429em
}

.right-spacer-mini {
    margin-right: 0.35714em
}

.padded {
    padding: 15px
}

.padded-small {
    padding: 0.71429em
}

.padded-mini {
    padding: 0.35714em
}

.padded-none {
    padding: 0
}

.top-padded {
    padding-top: 1.42857em
}

.top-padded-small {
    padding-top: 0.71429em
}
.div-spinner{
    display: none;
}
.top-padded-mini {
    padding-top: 0.35714em
}

.bottom-padded {
    padding-bottom: 1.42857em
}

.div-center{
    text-align: center;
}

.bottom-padded-small {
    padding-bottom: 0.71429em
}

.bottom-padded-mini {
    padding-bottom: 0.35714em
}

.left-padded {
    padding-left: 1.42857em
}

.left-padded-small {
    padding-left: 0.71429em
}

.left-padded-mini {
    padding-left: 0.35714em
}

.right-padded {
    padding-right: 1.42857em
}

.right-padded-small {
    padding-right: 0.71429em
}

.right-padded-mini {
    padding-right: 0.35714em
}

.resumen-box {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background-color: #1f978d;
    color:white;
    height: 110px
}

.resumen-box .highlight {
    font-size: 150%;
    margin: 0 0 15px 0
}

.resumen-box i {
    font-size: 150%;
    margin: 0 10px 0 0
}

@media (max-width: 767px) {
    .resumen-box {
        height: auto
    }
}

.opiniones_container .opinion {
    position: relative
}

.opiniones_container .opinion .quote {
    margin: 0 0 0 40px
}

.opiniones_container .opinion .quote:before {
    font-family: Arial, sans-serif;
    content: "\201C";
    position: absolute;
    font-size: 90px;
    color: #ddd;
    font-style: normal;
    left: 0;
    top: 30px
}

.opiniones_container.opiniones-small {
    font-size: 0.92857em
}

.opiniones_container.opiniones-small A, .opiniones_container.opiniones-small A:hover {
    color: #3c3c3c;
    text-decoration: underline
}

.opiniones_container.opiniones-small .quote {
    margin: 0 0 0 25px;
    font-weight: 200
}

.opiniones_container.opiniones-small .quote:before {
    font-size: 45px;
    top: 12px
}

.opiniones_container.opiniones-small .quote .icon-user.useri {
    margin: 1px 5px 0 0;
    padding: 2px 3px;
    font-size: 12px
}

.opiniones_container.some-opinions-box {
    border: dashed 1px #ddd;
    padding: 10px;
    line-height: 1.21429em
}

.opiniones_container.some-opinions-box hr {
    margin: 5px 0;
    border-top: dashed 1px #ddd
}

.opiniones_container.some-opinions-box a {
    text-transform: uppercase;
    font-size: 0.85714em
}

.rating-footer p {
    color: #ddd !important
}

.rating-footer .similar-title {
    color: #ddd
}

@media (max-width: 767px) {
    .rating-opinion .padded {
        padding-left: 0
    }
}

.rating-opinion .useri {
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
    border-radius: 99px;
    color: #999;
    border: 1px solid #999;
    margin: -3px 3px 0 0;
    padding: 5px 5px 4px 4px;
    width: 16px
}

.rating-widget {
    color: #888
}

.rating-ver {
    color: #888
}