/*#####################################*/
/*#               FONTS               #*/
/*#####################################*/

@font-face {
    font-family: 'Font1';
    src: url(../fonts/font1.eot);
    src: url(../fonts/font1.eot?iefix) format('embedded-opentype'),
        url(../fonts/font1.woff) format('woff'),
        url(../fonts/font1.ttf) format('opentype');
}

@font-face {
    font-family: 'Font2';
    src: url(../fonts/font2.eot);
    src: url(../fonts/font2.eot?iefix) format('embedded-opentype'),
        url(../fonts/font2.woff) format('woff'),
        url(../fonts/font2.ttf) format('truetype');
}

@font-face {
    font-family: 'Font3';
    src: url(../fonts/font3.eot);
    src: url(../fonts/font3.eot?iefix) format('embedded-opentype'),
        url(../fonts/font3.woff) format('woff'),
        url(../fonts/font3.ttf) format('opentype');
}

/*#####################################*/
/*#             GENERAL               #*/
/*#####################################*/

* {
    margin: 0em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-size: 1em;
    padding: 0em;
}

body {
    background-color: #eef6f9;
    background-image: url(../images/background-body.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    -webkit-transition: background-position 500ms;
    -moz-transition: background-position 500ms;
    transition: background-position 500ms;
}
body.cookies {
    background-position: center 80px;
}

body > .cart_image {
    display: none;
    position: absolute;
    opacity: 0.5;
    filter: alpha(opacity=50);
    max-width: 190px;
    z-index: 20;
}

body > .cart_image.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #C75C4E;
    color: #fff;
    font-family: 'Font1';
    font-size: 93.75%; /*15px*/
    text-align: center;
    line-height: 29px;
    width: 29px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.content_container {
    display: block;
    margin: auto;
    position: relative;
    padding: 0em 15px;
    width: 738px;
}
@media( min-width: 960px ){
    .content_container {
        padding: 0em;
        width: 950px;
    }
}



/*#####################################*/
/*#              HEADER               #*/
/*#####################################*/

body .header_container {
    display: block;
    float: left;
    width: 100%;
}

.header_container .logo_container {
    display: block;
    float: left;
    margin-top: 25px;
    margin-left: 2px;
    width: 217px;
}
@media( min-width: 960px ){
    .header_container .logo_container {
        width: 247px;
    }
}

.logo_container .logo_link {
    display: block;
    float: left;
    width: 100%;
}

.logo_link .logo_image {
    display: block;
    float: left;
    border: none;
    width: 100%;
}



/*#####################################*/
/*#               MAIN                #*/
/*#####################################*/

body .main_container {
    display: block;
    float: left;
    background-image: url(../images/background-main.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
    width: 100%;
}



.main_container .brand_container {
    display: block;
    float: left;
    margin-top: 40px;
    padding: 0em 2px 58px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*#####################################*/
/*#              FOOTER               #*/
/*#####################################*/

body .footer_container {
    display: block;
    float: left;
    background-image: url(../images/background-footer.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    padding-bottom: 17px;
    width: 100%;
}

.footer_container .semitransparent_container {
    display: block;
    float: left;
    background-color: #f0f4d9;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
}

.footer_container .opaque_container {
    display: block;
    float: left;
    background-color: #fff;
    width: 100%;
}
.footer_container .opaque_container + .opaque_container {
    margin-top: 5px;
}

.semitransparent_container .avail {
    display: block;
    float: left;
    background-image: url(../images/sprite-common.png);
    background-repeat: no-repeat;
    color: #3C67A5;
    font-family: 'Font1';
    font-size: 75%; /*12px*/
    line-height: 18px;
    padding-top: 21px;
    height: 53px;
}
.semitransparent_container .avail.safe {
    background-position: -2px 17px;
    padding-left: 34px;
    width: 42px;
}
.semitransparent_container .avail.norton {
    background-position: -4px -51px;
    width: 80px;
}
.semitransparent_container .avail.visa {
    margin-left: 2px;
    background-position: -4px -124px;
    width: 80px;
}
.semitransparent_container .avail.mastercard {
    background-position: -4px -189px;
    width: 66px;
}
.semitransparent_container .avail.paypal {
    background-position: -1px -1556px;
    width: 81px;
    margin-top: 9px;
}
.semitransparent_container .avail.order {
    margin-left: 2px;
    background-position: -2px -255px;
    padding-left: 40px;
    width: 87px;
}
.semitransparent_container .avail.free {
    position: relative;
    background-position: -2px -325px;
    padding-left: 43px;
    width: 43px;
    cursor: pointer;
}
.semitransparent_container .avail.collectives {
    background-position: -2px -386px;
    padding-left: 59px;
    width: 56px;
}
.semitransparent_container .avail.condisline {
    background-position: -2px -455px;
    padding-left: 37px;
    width: 67px;
}
@media( min-width: 960px ){
    .semitransparent_container .avail {
        font-size: 93.75%; /*15px*/
        line-height: 18px;
        padding-top: 21px;
        height: 53px;
    }
    .semitransparent_container .avail.safe {
        background-position: -2px 17px;
        padding-left: 34px;
        width: 56px;
    }
    .semitransparent_container .avail.norton {
        margin-left: 18px;
        background-position: -4px -51px;
        width: 80px;
    }
    .semitransparent_container .avail.visa {
        margin-left: 26px;
        background-position: -4px -124px;
        width: 80px;
    }
    .semitransparent_container .avail.mastercard {
        margin-left: 24px;
        background-position: -4px -189px;
        width: 66px;
    }
    .semitransparent_container .avail.paypal {
        margin-left: 24px;
        background-position: -1px -1556px;
        margin-top: 9px;
        width: 90px;
    }
    .semitransparent_container .avail.order {
        margin-left: 26px;
        background-position: -2px -255px;
        padding-left: 40px;
        width: 110px;
    }
    .semitransparent_container .avail.free {
        margin-left: 18px;
        background-position: -2px -325px;
        padding-left: 43px;
        width: 54px;
    }
    .semitransparent_container .avail.collectives {
        background-position: -2px -386px;
        padding-left: 59px;
        margin-left: 16px;
        width: 70px;
    }
    .semitransparent_container .avail.condisline {
        margin-left: 13px;
        background-position: -2px -455px;
        padding-left: 37px;
        width: 80px;
    }
}

.avail .tooltip {
    display: none;
    position: absolute;
    top: 60px;
    left: -11px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #a8ddf0;
    font-family: 'Font2';
    font-size: 100%; /*12px*/
    text-align: center;
    line-height: 14px;
    padding: 8px;
    width: 98px;
}
@media( min-width: 960px ){
    .avail .tooltip {
        font-size: 75%; /*12px*/
    }
}
.avail:hover .tooltip {
    display: block;
}

.opaque_container .footer_data_container {
    display: block;
    float: left;
    padding: 30px 0em 48px;
    width: 190px;
    height: 142px;
}
@media( min-width: 960px ){
    .opaque_container .footer_data_container {
        width: 402px;
    }
}
.opaque_container .footer_data_container.left {
    width: 242px;
}
.opaque_container .footer_data_container.right {
    width: 306px;
}

.footer_data_container .footer_logo {
    display: block;
    float: left;
    margin-top: 5px;
}

.footer_logo .logo_image {
    display: block;
    float: left;
    border: none;
}

.footer_data_container .contact_data {
    display: block;
    float: left;
    margin-top: 18px;
    background-image: url(../images/sprite-common.png);
    background-repeat: no-repeat;
    background-position: 4px -529px;
    padding-left: 38px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.footer_data_container .contact_secundary {
    margin-top: 0px;
    background-position: 4px -620px;
}


.contact_data .telephone {
    display: block;
    float: left;
    color: #3C67A5;
    font-family: 'Font1';
    font-size: 150%; /*24px*/
    width: 100%;
}

.contact_data .footer {
    display: block;
    float: left;
    color: #3C67A5;
    font-family: 'Font2';
    font-size: small;
    width: 100%;
}

.contact_data .email {
    display: block;
    float: left;
    color: #3C67A5;
    font-family: 'Font2';
    width: 100%;
}
@media( min-width: 960px ){
    .contact_data .email:hover {
        text-decoration: none;
    }
}

.footer_data_container .footer_links_container {
    display: block;
    float: left;
    margin-left: 23px;
    width: 167px;
}
@media( min-width: 960px ){
    .footer_data_container .footer_links_container {
        margin-left: 146px;
        width: 256px;
    }
}

.footer_links_container .footer_link_container {
    display: block;
    float: left;
    margin-top: 17px;
    width: 100%;
}

.footer_link_container .footer_link {
    display: block;
    float: left;
    background-image: url(../images/sprite-common.png);
    background-repeat: no-repeat;
    background-position: -8px -721px;
    color: #3C67A5;
    font-family: 'Font2';
    font-size: 87.5%; /*14px*/
    line-height: 18px;
    padding-left: 10px;
}
@media( min-width: 960px ){
    .footer_link_container .footer_link:hover {
        text-decoration: none;
    }
}

.footer_data_container .social_text {
    display: block;
    float: left;
    color: #3C67A5;
    font-family: 'Font3';
    font-size: 143.75%; /*23px*/
    width: 100%;
}

.footer_data_container .social_container {
    display: block;
    float: left;
    margin-top: 8px;
    margin-right: 16px;
    padding-bottom: 2px;
    width: 100%;
}

.social_container .social_button {
    display: block;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #4EC1E0;
    background-image: url(../images/sprite-common.png);
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    -webkit-transition: background-color 150ms;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
}
@media( min-width: 960px ){
    .social_container .social_button:hover {
        background-color: #3594ae;
    }
}
.social_container .social_button.fb {
    background-position: -6px -828px;
}
.social_container .social_button.tw {
    margin-left: 16px;
    background-position: -6px -863px;
}
.social_container .social_button.yt {
    margin-left: 16px;
    background-position: -5px -895px;
}

.footer_data_container .condis_link {
    display: block;
    float: left;
    width: 143px;
    margin-top: 5px;
}
@media( min-width: 960px ){
    .footer_data_container .condis_link:hover {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }
}
.footer_data_container .condis_link + .condis_link {
   margin-top: 5px;
   margin-left: 5px;
}
.footer_data_container .condis_link +  .condis_link + .condis_link {
    /*margin-left: 16px;*/
    margin-top: 5px;
}
.footer_data_container .condis_link +  .condis_link + .condis_link + .condis_link {
    margin-top: 5px;
    margin-left: 5px;
}

.condis_link .condis_logo {
    display: block;
    float: left;
    border: none;
}

.opaque_container .collaborator_container {
    display: block;
    float: left;
    text-align: center;
    padding-top: 16px;
    width: 100%;
    height: 61px;
}

.collaborator_container .collaborator {
    display: inline-block;
    width: 118px;
}
.collaborator_container .collaborator + .collaborator {
    margin-left: 25px;
}

.collaborator .collaborator_link,
.collaborator_link .collaborator_image {
    display: block;
    float: left;
    border: none;
    width: 100%;
}

.semitransparent_container .links_container {
    display: block;
    float: left;
    text-align: center;
    padding: 7px 0em 10px;
    width: 100%;
}

.links_container .link_container {
    display: inline-block;
    margin-left: -3px;
}

.link_container .legal_link {
    color: #5F633B;
    font-family: 'Font2';
    font-size: 81.25%; /*13px*/
    line-height: 14px;
    padding: 0em 7px;
}
@media( min-width: 960px ){
    .link_container .legal_link:hover {
        text-decoration: none;
    }
}
.links_container .link_container + .link_container .legal_link {
    border-left: 1px solid #5F633B;
}

