@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700,400,600&subset=latin,cyrillic);

html, body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

.container {
    margin: 0 auto;
    padding: 0;
    max-width: 1160px;
}

.parallax-window {
    min-height: 100px;
    background: transparent;
}

.form-control {
    border: 1px solid #000;
    border-radius: 0;
    padding: 0 10px;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

.pointer {
    cursor: pointer;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 440px;
}
/* footer
*****************************************************************/
footer {
    background-color: #9c1e2e;
    height: auto;
    text-align: center;
}

    footer table {
        margin-left: auto;
        margin-right: auto;
    }

    footer ul {
        text-align: center;
    }

        footer ul li {
            padding: 15px 15px 10px 15px;
            display: inline-block;
        }

    footer input {
        background-color: #FFF;
        border: 0;
        height: auto;
        color: #c7202e;
        text-align: center;
        padding: 10px 20px;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        width: 300px;
    }

    footer ::-webkit-input-placeholder {
        color: #c7202e;
        font-style: italic;
        font-weight: 300;
    }

    footer :-moz-placeholder { /* Firefox 18- */
        color: #c7202e;
        font-style: italic;
        font-weight: 300;
    }

    footer ::-moz-placeholder { /* Firefox 19+ */
        color: #c7202e;
        font-style: italic;
        font-weight: 300;
    }

    footer :-ms-input-placeholder {
        color: #c7202e;
        font-style: italic;
        font-weight: 300;
    }

    footer .txt {
        font-size: 14px;
        font-weight: 300;
        color: #FFF;
        padding: 10px 0;
    }

    footer a {
        color: #FFF;
    }

        footer a:hover {
            color: #FFF;
        }

    footer #newsletter-result {
        font-size: 14px;
        color: #FFF;
    }

#footer-favorites {
    height: 210px;
    position: fixed;
    width: 100%;
    padding: 0;
    display: none;
}

.favoritesbar {
    height: 212px;
    background-color: rgba(120, 120, 120, 0.7);
    position: fixed;
    width: 100%;
    padding: 0;
}

    .favoritesbar .save {
        position: absolute;
        height: 212px;
        background-color: rgba(120, 120, 120, 0.8);
        width: 120px;
        top: 0;
        right: 0;
        text-align: center;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 600;
        color: #FFF;
        padding-top: 65px;
    }

#footer-favorites ul {
    padding: 0 55px;
}

    #footer-favorites ul li {
        vertical-align: top;
        color: #FFF;
        font-size: 11px;
        padding: 0;
        margin: 0;
    }

        #footer-favorites ul li:first-child {
            padding: 0;
            margin: 0 6px;
        }

        #footer-favorites ul li .name {
            width: 90px;
        }

#footer-favorites .title {
    font-weight: 600;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 15px;
}



#footer-favorites .product-piece {
    cursor: pointer;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    #footer-favorites .product-piece .small_rem {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 0;
        right: 0;
        display: none;
    }

    #footer-favorites .product-piece:hover > .small_rem {
        display: block;
    }

#footer-favorites .bx-wrapper {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    left: 0;
}

    #footer-favorites .bx-wrapper .bx-viewport {
        text-align: left;
        left: 0;
        /*background: #fff;*/
        /*fix other elements on the page moving (on Chrome)*/
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    #footer-favorites .bx-wrapper .bx-pager,
    #footer-favorites .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    #footer-favorites .bx-wrapper .bx-prev {
        left: -30px;
        background: url(/images/prev.png) no-repeat;
    }

    #footer-favorites .bx-wrapper .bx-next {
        right: -40px;
        background: url(/images/next.png) no-repeat;
    }

#footer-favorites .slider-area {
    margin: 20px 30px 0 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 10px;
}

#footer-favorites .close {
    float: right;
    font-size: 21px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}

#footer-favorites .up, #footer-favorites .down {
    padding: 0 0;
    cursor: pointer;
}

#footer-favorites .updown {
    float: right;
    padding-right: 30px;
    position: relative;
    top: -5px;
}

#cookieDisc {
    position: fixed;
    bottom: 0;
    display: none;
    width: 100%;
    background: rgba(0,0,0,.7);
    padding: 6px 12px;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    height: auto;
}

    #cookieDisc a {
        color: #FFF;
        text-decoration:underline;
    }

.CookieAcept {
    background-color: rgba(255,0,0,.7);
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    color:#FFF;
}

footer .subnewsletter {
    display: inline-block;
    max-width: 100px;
}

footer .btnsubnewsletter {
    background-color: #000;
    font-size: 12px;
    margin-left: 20px;
    padding: 13px 20px;
}

#cookieDisc .icon-cancel-disc {
    cursor: pointer;
    padding-left: 10px;
}
/* institucional
*****************************************************************/
.green {
    font-family: 'Quicksand','Open Sans', sans-serif;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}

    .green .bg1 {
        background-color: #f3f3f4;
    }

    .green .banner {
        text-align: center;
        position: relative;
        padding: 10px;
    }

    .green h1 {
        position: absolute;
        top: 20%;
        color: #FFF;
        font-size: 74px;
        right: 0;
        left: 0;
    }

    .green .habitar {
        max-width: 640px;
        margin: 0 auto;
        margin-top: 50px;
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 40px;
    }

        .green .habitar .titulo {
            font-size: 32px;
            font-weight: 400;
            padding-bottom: 20px;
        }

    .green .desenvolvimento {
        max-width: 940px;
        margin: 0 auto;
        margin-top: 50px;
        font-size: 15px;
        font-weight: 400;
        padding-bottom: 40px;
    }

        .green .desenvolvimento .titulo {
            max-width: 640px;
            margin: 0 auto;
            font-size: 32px;
            font-weight: 400;
            padding-bottom: 20px;
        }

    .green .last-panels .container {
        max-width: 1280px;
        margin: 0 auto;
    }

    .green .last-panels .block {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        padding: 20px 60px;
    }

    .green .last-panels h2 {
        font-size: 26px;
        padding: 0 0 20px 0;
        font-weight: 300;
    }

    .green .last-panels .even {
        background-color: #f3f3f4;
        padding: 20px 0;
    }

        .green .last-panels .even ul li {
            padding-bottom: 20px;
            font-size: 11px;
        }

    .green .last-panels ul {
        margin-top: 20px;
        display: block;
    }

        .green .last-panels ul li {
            padding: 0;
        }

    .green .last-panels .odd ul li {
        padding-bottom: 10px;
        font-size: 13px;
    }

    .green .last-panels .odd {
        padding: 20px 0;
    }

    .green .last-panels .col-md-6 {
        padding: 5px;
    }

    .green .list-of-circles {
        text-align: center;
        margin: 0 auto;
        width: 720px;
    }

        .green .list-of-circles .circle {
            float: left;
            margin-left: -30px;
            border-radius: 50%;
            height: 150px;
            width: 150px;
            text-align: center;
            background-color: #FFF;
            border: 8px solid #acacac;
            cursor: pointer;
            position: relative;
        }

            .green .list-of-circles .circle.active {
                border: 8px solid #9c1e2e;
                z-index: 20;
            }

            .green .list-of-circles .circle .title {
                font-size: 11px;
                text-transform: uppercase;
                width: 130px;
                padding: 0 12px;
                font-weight: 600;
                color: #000;
                position: relative;
                top: 50%;
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .green .list-of-circles .circle .more {
                position: absolute;
                top: 170px;
                z-index: 999;
                display: none;
                font-family: 'Open Sans', sans-serif;
                font-size: 14px;
                width: 280px;
                margin-left: -65px;
                border-bottom: 3px solid #9c1e2e;
                color: #9c1e2e;
                padding-bottom: 20px;
            }
			
			.green .iconheight + div {
				height:50px;
			}

/* empresa
*****************************************************************/
.empresa {
    font-family: 'Quicksand','Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    background-color: #f3f3f4;
    padding-bottom: 40px;
}

    .empresa .container {
        max-width: 640px;
        margin: 0 auto;
        padding: 0;
    }

    .empresa h1 {
        font-family: 'Quicksand','Open Sans', sans-serif;
        font-size: 32px;
        color: #000;
        font-weight: 400;
        text-align: left;
        text-transform: uppercase;
    }

/* private
*****************************************************************/
.private-page {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    background-color: #fff;
    padding-top: 30px;
}

    .private-page .menu {
        font-size: 13px;
        text-transform: uppercase;
        border-right: 1px solid #000;
        color: #000;
    }

        .private-page .menu li {
            padding: 14px 0 20px 60px;
            margin: 10px 0;
            background-position: left top;
        }

            .private-page .menu li:first-child {
                margin-top: 0;
            }

            .private-page .menu li a {
                font-size: 13px;
                color: #000;
            }

                .private-page .menu li a:hover {
                    font-size: 13px;
                    color: #9d2030;
                }

            .private-page .menu li .active a {
                color: #9d2030;
                font-weight: 600;
            }

            .private-page .menu li.folder.active > a {
                color: #9d2030;
                font-weight: 600;
            }

            /*.private-page .menu li div {
                padding: 5px 0 10px 0;
            }*/

            .private-page .menu li.user {
                background-image: url('/images/p_user_off.jpg');
                background-repeat: no-repeat;
            }

            .private-page .menu li.favorite {
                background-image: url('/images/p_fav_off.jpg');
                background-repeat: no-repeat;
            }

                .private-page .menu li.favorite.active a {
                    color: #9d2030;
                }

            .private-page .menu li.user.active a {
                color: #9d2030;
            }

            .private-page .menu li.user.active {
                background-image: url('/images/p_user_on.jpg');
                background-repeat: no-repeat;
            }

            .private-page .menu li.folder {
                background-image: url('/images/p_folder_off.jpg');
                background-repeat: no-repeat;
            }

                .private-page .menu li.folder.active {
                    background-image: url('/images/p_folder_on.jpg');
                    background-repeat: no-repeat;
                }

            .private-page .menu li > ul {
                display: none;
            }
                /*.private-page .menu li.active  {
                display:block;
            }*/
                .private-page .menu li > ul li {
                    padding: 8px 0;
                    margin: 0;
                }

                    .private-page .menu li > ul li > ul {
                        padding: 0 0 0 20px;
                        margin: 0;
                    }

    .private-page .product-piece {
        cursor: pointer;
        position: relative;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .private-page .product-piece .name {
            height: 32px;
            max-width: 90px;
            overflow: hidden;
        }

        .private-page .product-piece .small_rem {
            width: 25px;
            height: 25px;
            position: absolute;
            top: 0;
            right: 0;
            display: none;
        }

        .private-page .product-piece:hover > .small_rem {
            display: block;
        }

    .private-page .file {
        position: relative;
        margin-top: 20px;
        display: block;
        width: 160px;
        min-height: 160px;
        border: 1px solid #000;
    }

        .private-page .file .fileposition {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            padding: 2px;
        }

        .private-page .file img {
        }

        .private-page .file .file-download {
            position: absolute;
            bottom: 0;
            right: 0;
        }

    .private-page .file-title {
        font-size: 13px;
        color: #000;
        text-align: center;
        padding-top: 2px;
        min-height: 60px;
    }

    .private-page .no-files {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #000;
        padding: 10px 0;
    }

    .private-page .piece-type {
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
        padding-bottom: 5px;
        color: #010101;
        cursor: pointer;
    }

    .private-page .product-piece div {
        font-size: 11px;
        font-weight: 400;
        color: #231f20;
    }

    .private-page .tiles {
        display: none;
    }

    .private-page .coll-area {
        position: relative;
        margin-bottom: 10px;
    }

        .private-page .coll-area .title h3 {
            font-family: 'Quicksand','Open Sans', sans-serif;
            color: #FFF;
            position: absolute;
            right: 20px;
            font-weight: 400;
            bottom: 5px;
            font-size: 24px;
        }

        .private-page .coll-area .small_rem {
            width: 25px;
            height: 25px;
            position: absolute;
            top: 0;
            right: 0;
            display: none;
            cursor: pointer;
        }

        .private-page .coll-area:hover > .small_rem {
            display: block;
        }

    .private-page hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #999999;
        margin: 1em 0;
        padding: 10px 0 0 0;
    }

    .private-page .filter {
        text-align: left;
        margin-bottom: 20px;
    }

    .private-page .column {
        display: inline-block;
    }

    .private-page .filter .txt {
        font-size: 12px;
        color: #3d3b36;
        padding-right: 10px;
        padding-top: 10px;
        text-transform: uppercase;
    }

    .private-page .filter .space {
        padding: 0 20px;
    }

    .private-page .filter .form-control {
        width: 120px;
        height: 27px;
    }

    .private-page .btn-zip {
        background-color: #FFF;
        border: 0;
        text-transform: uppercase;
        background-image: url('/images/download-icon2.jpg');
        background-repeat: no-repeat;
        padding-left: 30px;
        height: 30px;
        margin-left: 15px;
    }

    .private-page .contact-form {
        padding: 40px 0;
    }

        .private-page .contact-form .name {
            text-align: left;
        }

    .private-page .form-control {
        background-color: #f3f3f4;
    }

    .private-page h1 {
        padding: 0;
        margin: 0;
    }

    .private-page .btnround {
        width: 80px;
        height: 80px;
        border-radius: 80px;
        background-color: #000;
        color: #FFF;
        text-align: center;
    }

/* recrutamento
*****************************************************************/
.recrutamento {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: 400;
    background-color: #f3f3f4;
}

    .recrutamento .banner .center {
        position: relative;
        text-align: center;
        margin: 0 auto;
    }

    .recrutamento .banner {
        position: relative;
        background-color: #f3f3f4;
        padding: 10px;
        text-align: center;
    }

    .recrutamento h1 {
        font-size: 36px;
        color: #333333;
        font-weight: 400;
        text-align: center;
    }

    .recrutamento .titulo {
        font-size: 14px;
        color: #333333;
        font-weight: 400;
    }

    .recrutamento .container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0;
    }

        .recrutamento .container .registo {
            max-width: 700px;
            margin: 0 auto;
            padding: 0;
        }

        .recrutamento .container h3 {
            padding-bottom: 20px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            color: #333333;
            font-weight: 400;
            text-transform: uppercase;
        }

    .recrutamento hr {
        max-width: 850px;
        /*border-top: 1px solid #000;*/
        padding: 10px 0;
    }

    .recrutamento .contact-form {
        padding: 40px 0;
    }

        .recrutamento .contact-form .name {
            text-align: right;
        }

    .recrutamento .form-control {
        background-color: #f3f3f4;
    }

    .recrutamento .css-checkbox {
        border: 0;
        padding: 0;
        box-shadow: none;
        font-weight: 300;
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
    }

    .recrutamento input[type=file] {
        font-size: 12px;
        border: 0;
        box-shadow: none;
    }

    .recrutamento .css-checkbox label {
        margin-right: 35px;
        margin-left: 5px;
    }

    .recrutamento .contact-form .aviso {
        font-style: italic;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .recrutamento .btnround {
        width: 80px;
        height: 80px;
        border-radius: 80px;
        background-color: #000;
        color: #FFF;
        text-align: center;
    }

/* register
*****************************************************************/
.register {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    background-color: #f3f3f4;
}

    .register h1 {
        font-size: 26px;
        color: #000;
        font-weight: 400;
        text-align: center;
    }

    .register .titulo {
        font-size: 14px;
        color: #000;
        font-weight: 400;
    }

    .register .container {
        max-width: 800px;
        margin: 0 auto;
        padding: 0;
    }

        .register .container .registo {
            max-width: 700px;
            margin: 0 auto;
            padding: 0;
        }

    .register .contact-form {
        padding: 40px 0;
    }

        .register .contact-form .name {
            text-align: right;
        }

    .register .form-control {
        background-color: #f3f3f4;
    }

    .register .css-checkbox label {
        margin-right: 35px;
        margin-left: 5px;
    }

    .register .contact-form .aviso {
        padding-top: 5px;
        padding-bottom: 10px;
        color: #9c1e2e;
        font-weight: 600;
    }

    .register .btnround {
        width: 80px;
        height: 80px;
        border-radius: 80px;
        background-color: #000;
        color: #FFF;
        text-align: center;
    }

/* contacts
*****************************************************************/
.contacts {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: 400;
}

    .contacts .banner .center {
        position: relative;
        text-align: center;
        margin: 0 auto;
    }

    .contacts .banner {
        position: relative;
        background-color: #f3f3f4;
        padding: 10px;
        text-align: center;
    }

        .contacts .banner .banner-titulo h3 {
            position: absolute;
            top: 15%;
            color: #333333;
            font-size: 42px;
            text-align: left;
            left: 10%;
            max-width: 380px;
        }

        .contacts .banner .banner-titulo div {
            position: absolute;
            top: 55%;
            color: #333333;
            font-size: 24px;
            text-align: left;
            left: 10%;
            max-width: 280px;
        }

        .contacts .banner .banner-titulo a {
            color: #333333;
        }

    .contacts .titulo {
        font-size: 14px;
        color: #333333;
        font-weight: 400;
    }

    .contacts .container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0;
    }

        .contacts .container .registo {
            max-width: 600px;
            margin: 0 auto;
            padding: 0;
        }

        .contacts .container h3 {
            padding-bottom: 20px;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            color: #333333;
            font-weight: 400;
            text-transform: uppercase;
        }

    .contacts hr {
        max-width: 850px;
        border-top: 1px solid #333333;
        padding: 10px 0;
    }

    .contacts .contact-form {
        padding: 40px 0;
    }

        .contacts .contact-form .name {
            text-align: right;
        }

        .contacts .contact-form .aviso {
            font-style: italic;
            padding-top: 5px;
            padding-bottom: 10px;
        }

    .contacts .map {
        padding-bottom: 40px;
    }

    .contacts .btnround {
        width: 80px;
        height: 80px;
        border-radius: 80px;
        background-color: #000;
        color: #FFF;
        text-align: center;
    }
.agreeterms label {
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000;
}
.agreeterms div {
  
    float: left;
    margin-left: -40px;
}
/* login
*****************************************************************/
.login {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: 400;
}

    .login .form {
        text-align: center;
        padding: 80px 0 0 60px;
        width: 35%;
        right: 0;
        background-color: rgba(255, 255, 255, 0.9);
        float: right;
        overflow: hidden;
    }

        .login .form a {
            color: #9d2030;
        }

    .login h2 {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 50px;
    }

        .login h2 div {
            font-size: 18px;
            font-weight: 400;
            text-align: center;
            padding-top: 5px;
        }

    .login .form .name {
        text-align: right;
        padding-top: 7px;
    }

    .login .aviso {
        padding-top: 5px;
        padding-bottom: 10px;
        color: #9c1e2e;
        font-weight: 600;
    }

    .login .btnround {
        width: 85px;
        height: 85px;
        border-radius: 85px;
        background-color: #000;
        color: #FFF;
        padding: 0;
        margin: 0;
        text-align: center;
    }

/* login popup
*****************************************************************/
.login-popup {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    background-color: #efefef;
    height: 500px;
}

    .login-popup .back {
        position: absolute;
        cursor: pointer;
        right: 10px;
        top: 5px;
    }

    .login-popup .form {
        text-align: center;
        margin: 0 auto;
        width: 95%;
        padding: 20px 60px;
    }

        .login-popup .form a {
            color: #9d2030;
        }

    .login-popup h2 {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 20px;
    }

    .login-popup .form .name {
        text-align: left;
        padding-top: 7px;
    }

    .login-popup .aviso {
        padding-top: 5px;
        padding-bottom: 10px;
        color: #9c1e2e;
        font-weight: 600;
    }

    .login-popup .btnround {
        width: 80px;
        height: 80px;
        border-radius: 80px;
        background-color: #000;
        color: #FFF;
        text-align: center;
    }

/* institucional
*****************************************************************/
.institucional {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}

    .institucional .col-md-6 {
        padding: 5px;
    }

    .institucional .even {
        background-color: #f3f3f4;
        padding: 20px 0;
    }

    .institucional .odd {
        padding: 20px 0;
    }

    .institucional .block {
        padding: 20px 50px;
    }

    .institucional .more {
        padding: 20px 50px;
        font-weight: 400;
        display: none;
    }

    .institucional h2 {
        font-family: 'Quicksand','Open Sans', sans-serif;
        font-size: 22px;
        color: #333333;
        font-weight: 400;
        text-align: center;
        text-transform: uppercase;
    }

    .institucional .readmore {
        font-family: 'Quicksand','Open Sans', sans-serif;
        font-size: 14px;
        padding-top: 20px;
        color: #333333;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

/* productpage listing
*****************************************************************/
.productpage #videoarea {
    /*width: 435px;*/
    /*height: 240px;*/
    height: 100%;
}

    .productpage #videoarea img.youtubeimg {
        width: 435px;
        height: 240px;
    }

.productpage .product-piece .small_fav {
    width: 33px;
    height: 33px;
    position: absolute;
    top: -10px;
    right: -10px;
    display: none;
}

.productPiece .lslide {
    cursor: pointer;
}

.productpage .product-piece .small_fav:hover {
    width: 33px;
    height: 33px;
    position: absolute;
    top: -10px;
    right: -10px;
}

.productpage .product-piece {
    cursor: pointer;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 90px;
    width: 90px;
}

    .productpage .product-piece .name {
        max-width: 90px;
        font-size: 11px;
    }

.productpage .piece-size {
    text-align: center;
    width: 90px;
}

.productpage .product-piece:hover > .small_fav {
    display: block;
}

.productpage {
    font-size: 14px;
    font-weight: 400;
}

    .productpage a {
        color: #333;
    }

    .productpage .otherproducts {
        text-align: center;
    }

    .productpage .coll-area {
        position: relative;
        margin-bottom: 30px;
    }

        .productpage .coll-area .title h3 {
            font-family: 'Quicksand','Open Sans', sans-serif;
            color: #FFF;
            position: absolute;
            right: 20px;
            font-weight: 400;
            bottom: 5px;
            font-size: 20px;
        }

    .productpage .product-header {
        background-color: #9c1e2e;
        padding: 20px;
        text-align: center;
        color: #FFF;
        margin: 0;
        display: block;
    }

    .productpage h1 {
        font-family: 'Quicksand','Open Sans', sans-serif;
        font-size: 44px;
        font-weight: 300;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .productpage .seeall {
        font-size: 16px;
        font-weight: bold;
        font-family: 'Quicksand','Open Sans', sans-serif;
        text-align: center;
        padding: 10px 0;
        text-decoration: underline;
    }

    .productpage .arrow-left {
        z-index: 2000;
        width: 50px;
        height: 50px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        text-indent: -90000px;
        cursor: pointer;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        left: 3%;
    }

    .productpage .arrow-right {
        z-index: 2000;
        width: 50px;
        height: 50px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        text-indent: -90000px;
        cursor: pointer;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        right: 3%;
    }

    .productpage .banner-control {
        position: absolute;
        top: 50%;
        z-index: 3000;
        display: block;
        width: 100%;
        margin-top: -50px;
    }

    .productpage .mainbanner {
        position: relative;
    }

    .productpage .share {
        text-align: center;
        position: relative;
        top: -80px;
        width: 55px;
        margin: 0 auto;
    }

        .productpage .share .show {
            margin: 0 auto;
        }

        .productpage .share .sharelist {
            display: none;
        }

        .productpage .share ul {
            width: 190px;
            background-color: #FFF;
            padding: 15px 10px;
            border-radius: 25px;
            position: absolute;
            top: 0;
            margin-left: -63px;
        }

    .productpage .txt {
        font-size: 14px;
        font-weight: 300;
    }

    .productpage .txtb {
        font-size: 14px;
        font-weight: 600;
    }

    .productpage .main-descricao {
        margin-bottom: 65px;
    }

        .productpage .main-descricao .extratxt {
            display: none;
        }

        .productpage .main-descricao .descricaoarea {
            /*max-height: 300px;
            overflow: hidden;*/
        }

    .productpage .main-cores {
        margin-top: 15px;
    }

        .productpage .main-cores li {
            margin-bottom: 10px;
            width: 33%;
            float: left;
            list-style: none;
        }

    .productpage .main-outrosprodutos {
        background-color: #f3f3f4;
        padding: 40px 0 60px 0;
    }

        .productpage .main-outrosprodutos h2 {
            font-family: 'Quicksand','Open Sans', sans-serif;
            font-size: 22px;
            color: #010101;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
        }

    .productpage .main-sugestoes {
        background-color: #f3f3f4;
        padding: 40px 0 60px 0;
    }

        .productpage .main-sugestoes h2 {
            font-family: 'Quicksand','Open Sans', sans-serif;
            font-size: 22px;
            color: #010101;
            font-weight: 600;
            text-align: center;
        }

        .productpage .main-sugestoes .legenda {
            font-family: 'Open Sans', sans-serif;
            font-size: 11px;
            color: #231f20;
            font-weight: 300;
            padding: 20px 0 40px 0;
            text-align: center;
        }

    .productpage .tilessugestoes {
        text-align: center;
        width: 198px;
        margin: 0 auto;
        padding-top: 10px;
    }

        .productpage .tilessugestoes li {
            margin-bottom: 5px;
            width: 66px;
            float: left;
            list-style: none;
            border: 3px solid transparent;
            cursor: pointer;
            padding: 0;
        }

            .productpage .tilessugestoes li.active {
                border: 3px solid #333333;
            }

    .productpage #sug-revestimento-selected, .productpage #sug-decoracao-selected, .productpage #sug-pavimento-selected {
        display: block;
        clear: both;
        font-size: 11px;
        text-align: left;
        padding-top: 20px;
        padding-left: 50px;
    }

        .productpage #sug-revestimento-selected img, .productpage #sug-decoracao-selected img, .productpage #sug-pavimento-selected img {
            padding-left: 5px;
            padding-bottom: 5px;
        }

    .productpage .main-piece, .productpage .main-revestimento, .productpage .main-decoracao, .productpage .main-pavimento, .productpage .main-pecasespeciais {
        background-color: #FFF;
        padding: 40px 0;
    }

        .productpage .main-piece h2, .productpage .main-revestimento h2, .productpage .main-decoracao h2, .productpage .main-pavimento h2, .productpage .main-pecasespeciais h2 {
            font-family: 'Quicksand','Open Sans', sans-serif;
            font-size: 22px;
            color: #010101;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
        }

        .productpage .main-piece .tiles, .productpage .main-revestimento .tiles, .productpage .main-decoracao .tiles, .productpage .main-pavimento .tiles, .productpage .main-pecasespeciais .tiles {
            text-align: center;
            margin: 0 auto;
            padding-top: 10px;
            font-size: 11px;
            width: auto;
        }

    .productpage .tiles li {
        margin-bottom: 5px;
        list-style: none;
        font-size: 12px;
        font-weight: 300;
        padding: 5px;
        text-align: left;
        vertical-align: top;
    }

        .productpage .tiles li .strong {
            font-weight: 600;
        }

    .productpage .tiles2 li {
        margin-bottom: 5px;
        list-style: none;
        font-size: 12px;
        font-weight: 300;
        padding: 5px;
        text-align: left;
        vertical-align: top;
    }

        .productpage .tiles2 li .strong {
            font-weight: 600;
        }

    .productpage .bx-wrapper .bx-viewport {
        margin: 0 auto;
        text-align: center;
    }

    .productpage .bx-wrapper .bx-pager,
    .productpage .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: 30px;
        width: 100%;
    }

    .productpage .bx-wrapper .bx-prev {
        left: 10px;
        background: url(/images/prev.png) no-repeat;
    }

    .productpage .bx-wrapper .bx-next {
        right: 10px;
        background: url(/images/next.png) no-repeat;
    }

    .productpage .bx-wrapper .bx-controls-direction a {
    }

    .productpage .bx-wrapper {
        left: 0;
    }

    .productpage .download-argamassas {
        position: absolute;
        right: 0;
        top: -30px
    }
/* projects
*****************************************************************/
.projects .pesquisa {
    background-color: #e8e8e8;
    padding: 20px 0;
}

.projects .titulo {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}

.projects .list {
    font-size: 13px;
    padding-top: 40px;
    min-height: 400px;
}

.projects .checkboxarea label {
    font-weight: 300;
    padding-left: 15px;
}

.projects .spinner {
    font-weight: 300;
    font-size: 28px;
    text-align: center;
}

.projects #no-results {
    display: none;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
}


.newsletterpage .banner .center {
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.newsletterpage .banner {
    position: relative;
    background-color: #f3f3f4;
    padding: 10px;
    text-align: center;
}

    .newsletterpage .banner .banner-titulo h3 {
        position: absolute;
        top: 15%;
        color: #333333;
        font-size: 42px;
        text-align: left;
        left: 10%;
        max-width: 380px;
    }

    .newsletterpage .banner .banner-titulo div {
        position: absolute;
        top: 55%;
        color: #333333;
        font-size: 24px;
        text-align: left;
        left: 10%;
        max-width: 280px;
    }

    .newsletterpage .banner .banner-titulo a {
        color: #333333;
    }

/* product Piece
*****************************************************************/
.fancybox-outer, .fancybox-inner, .fancybox-skin {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 !important;
    padding: 0;
}

.productPiece {
    font-size: 13px;
    font-weight: 400;
    padding: 20px;
}

    .productPiece .container {
        max-width: 800px;
        margin: 0 auto;
        padding: 0;
    }

    .productPiece .piece-header {
        font-size: 32px;
        color: #000;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .productPiece .table th {
        font-weight: 600;
        padding-bottom: 20px;
        border: 0;
    }

        .productPiece .table th img {
            padding-bottom: 5px;
        }

    .productPiece .GalleryTitle {
        padding: 20px 0;
    }

    .productPiece .aplicacoesgallery {
        padding-bottom: 10px;
        font-size: 18px;
    }

    .productPiece ul.Gallery {
        padding-left: 0;
        list-style: none;
    }

        .productPiece ul.Gallery li {
            float: left;
            padding-left: 5px;
            cursor: pointer;
        }

.productPieceImage ul.Gallery li {
    float: none;
    padding-left: 5px;
    cursor: pointer;
}

.productPiece.gallery {
    padding: 10px 20px 0 70px;
}

    .productPiece.gallery .bx-viewport {
        margin: 0;
        padding: 0;
    }

.productPiece .back {
    position: absolute;
    cursor: pointer;
    right: 10px;
}

.productPiece .back2 {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 20px;
}

/* projectdetail
*****************************************************************/
.projectdetail {
    text-align: center;
}

    .projectdetail h1 {
        font-weight: 300;
    }

        .projectdetail h1 a, .projectdetail h2 a {
            color: #1e1e1e;
        }

    .projectdetail h2 {
        font-weight: 300;
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    .projectdetail .thumb {
        margin-bottom: 30px;
    }

    .projectdetail .back, .projectdetail .back a {
        padding-top: 20px;
        text-align: center;
        color: #000000;
        text-transform: uppercase;
        font-size: 12px;
        padding-bottom: 40px;
    }
/* collections listing
*****************************************************************/
.collspage .coll-area {
    position: relative;
    margin-bottom: 30px;
}

    .collspage .coll-area .title h1 {
        font-family: 'Quicksand','Open Sans', sans-serif;
        color: #FFF;
        position: absolute;
        right: 40px;
        font-weight: 400;
        font-size: 60px;
        bottom: 10px;
    }

.collspage .search {
    font-family: 'Quicksand','Open Sans', sans-serif;
    background-color: #9c1e2e;
    padding: 20px 0;
    text-align: center;
    margin: 0 0 30px 0;
    font-size: 16px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
}

.collspage .gobutton {
    cursor: pointer;
}

.collspage .more {
    vertical-align: bottom;
    font-size: 22px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
}

.collspage .showfilter {
    cursor: pointer;
}

.collspage .spinner {
    font-weight: 300;
    font-size: 22px;
    text-align: center;
}

    .collspage .spinner .bullet {
        font-weight: 600;
        font-size: 38px;
        text-align: center;
    }

.collspage .theFilter {
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    display: none;
}

.collspage label {
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
}

.collspage .titpesquisa {
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    width: 150px;
    margin-bottom: 20px;
    padding-left: 14px;
}

.collspage .semantic {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .collspage .semantic span:hover {
        background-color: #c47b84;
        cursor: pointer;
    }

    .collspage .semantic span.active {
        background-color: #c47b84;
        cursor: pointer;
        color: #FFF;
        padding: 0 10px;
    }

.collspage #semantic-options {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    margin: 0 auto;
    padding: 20px 0;
}

    .collspage #semantic-options ul li:hover {
        font-weight: 600;
        cursor: pointer;
    }

    .collspage #semantic-options .semantic-options-list {
        display: none;
    }

.collspage #no-results {
    display: none;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
}

/* startpage
*****************************************************************/
.startpage header {
    position: fixed;
    display: block;
    width: 100%;
    height: 108px;
    background-color: #FFF;
}

.startpage #result {
    padding: 0 20px;
}

.homepage-slider .title {
    position: relative;
}

    .homepage-slider .title h1 {
        font-family: 'Quicksand','Open Sans', sans-serif;
        color: #FFF;
        position: absolute;
        right: 80px;
        font-weight: 400;
        font-size: 60px;
    }
/*ie11 fix*/
.homepage-slider .ie11 h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.homepage-slider .title h1 a {
    color: #FFF;
}

#emotionalsearch {
    color: #FFF;
    text-align: center;
    font-family: 'Quicksand','Open Sans', sans-serif;
}

    #emotionalsearch .title {
        padding: 60px 0 20px 0;
        font-size: 44px;
        font-weight: 300;
        line-height: 42px;
    }

    #emotionalsearch .productlink, #emotionalsearch .productlink a {
        font-size: 22px;
        font-weight: 300;
        color: #FFF;
        padding-top: 20px;
    }

    #emotionalsearch .question {
        font-size: 18px;
        font-weight: 300;
        padding-bottom: 60px;
    }

    #emotionalsearch .options {
        font-weight: 300;
        width: 90%;
        margin: 0 auto;
    }

        #emotionalsearch .options .name {
            padding: 5px 0;
            font-weight: 400;
            font-size: 14px;
        }

        #emotionalsearch .options .option-desc {
            font-weight: 300;
            font-size: 13px;
        }

    #emotionalsearch .stage {
        margin-top: 40px;
    }

    #emotionalsearch .closewindow {
        padding: 20px;
        cursor: pointer;
        position: absolute;
        right: 0;
    }

    #emotionalsearch .main {
        display: none;
        right: 0;
        background-color: rgba(157, 32, 48, 0.7);
        position: absolute;
        top: 0;
        width: 600px;
    }

    #emotionalsearch .calltoaction {
        display: block;
        right: 5%;
        position: absolute;
        top: 0;
        background-color: rgba(157, 32, 48, 0.7);
        padding: 12px 30px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        font-size: 20px;
        cursor: pointer;
    }

        #emotionalsearch .calltoaction .desc {
            display: none;
            padding-top: 5px;
        }

        #emotionalsearch .calltoaction .plus {
            font-size: 40px;
            font-weight: 300;
        }

    #emotionalsearch .sharetext {
        padding-bottom: 5px;
    }

    #emotionalsearch .sharelist li {
        padding: 0 10px;
    }

/* project
*****************************************************************/
.projectdetail .project-header h1 {
    font-family: 'Quicksand','Open Sans', sans-serif;
    font-size: 44px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    text-align: center;
}

.projectdetail .project-header {
    background-color: #9c1e2e;
    padding: 20px;
    text-align: center;
    color: #FFF;
    margin: 0;
    display: block;
}

/* header
*****************************************************************/

.navbar {
    display: block;
    height: 85px;
    background-color: #FFF;
}

.navbar-nav {
    background-color: #FFF;
    color: #000;
}

header .left {
    position: absolute;
    left: 0;
    width: 140px;
    height: 100%;
    padding-left:20px
  
}

header .center {
    height: 100%;
    margin: 0 140px;
}

header .right {
    position: absolute;
    right: 0;
    top: 0;
    width: 280px;
    height: 100%;

}

header {
    width: 100%;
    /*background-color: #FFF;*/
    padding-bottom: 20px;
    position: fixed;
    top: 0;
    z-index: 8000;
}

    header .logotipo {
        padding: 20px 0 0 20px;
        z-index: 9999;
    }

    header .menu-space {
        padding: 30px 0 20px 0;
    }

    header .menu {
        text-align: center;
    }

    header .loginarea {
        position: relative;
        width: 55px;
        height: 21px;
    }

    header .line {
        border-top: 2px solid #9d2030;
        width: 30px;
        padding: 5px 0;
        margin: 0 auto;
    }

    header .loginarea > div {
        position: absolute;
        text-align: center;
    }

        header .loginarea > div a {
            font-size: 12px;
            color: #9c1e2e;
            font-weight: 600;
            text-transform: uppercase;
            text-align: center;
        }

    header .submenu {
        margin: 0 auto;
        text-align: center;
        background-color: #FFF;
    }

        header .submenu ul {
            display: inline-block;
            width: auto;
            padding-top: 14px;
        }

            header .submenu ul li, header .submenu ul li a {
                font-size: 14px;
                text-transform: uppercase;
                color: #000;
                font-weight: 400;
                margin: 0;
                padding: 0;
            }

                header .submenu ul li.sep {
                    padding: 0 6px;
                }

                header .submenu ul li.active a {
                    color: #a53241;
                    font-weight: 600;
                }

                header .submenu ul li a:hover {
                    color: #a53241;
                    text-decoration: none;
                }

    header .submenumedia {
        margin: 0 auto;
        text-align: center;
        background-color: #e8e8e8;
        padding: 0;
        display: none;
    }

        header .submenumedia ul {
            display: block;
            margin-top: 0;
            padding: 15px 0;
        }

    header #submenumedia ul li.active a {
        color: #a53241;
        font-weight: 600;
    }

    header .submenumedia ul li, header .submenumedia ul li a {
        font-size: 14px;
        text-transform: uppercase;
        color: #000;
        font-weight: 400;
        margin: 0;
        padding: 0;
    }

        header .submenumedia ul li.sep {
            padding: 0 10px;
        }

        header .submenumedia ul li a:hover {
            color: #a53241;
            text-decoration: none;
        }

    header .share {
        cursor: pointer;
    }

    header .sharelist {
        display: none;
    }

        header .sharelist ul {
            background-color: #FFF;
            width: 240px;
            margin-top: 5px;
            padding-top: 5px;
            border-top: 1px solid #000;
            position: absolute;
            margin-left: -110px;
        }

    header .btn-langs {
        padding: 10px;
        border: 0;
        font-size: 12px;
    }

    header ul.ddlang li {
        padding: 0;
        margin: 0;
        font-size: 12px;
    }

    header .ddlang {
        min-width: 40px;
        padding: 0;
        margin: 0;
    }

    header .header-bg {
        background-color: #FFF;
    }

    header #submenupesquisa {
        background-color: rgba(51, 51, 51, 0.7);
        padding: 20px 10px 20px 43px;
        position: relative;
        display: none;
    }

        header #submenupesquisa .close-search {
            float: right;
            position: relative;
            padding-top: 5px;
        }

        header #submenupesquisa .search-string input[type=text] {
            max-width: 350px;
            margin: 0 auto;
            background-color: #333333;
            border: 0;
            text-align: center;
            color: #FFF;
            box-shadow: none;
            font-size: 18px;
            font-weight: 300;
        }

        header #submenupesquisa .search-string ::-webkit-input-placeholder {
            color: #FFF;
        }

        header #submenupesquisa .search-string ::-moz-placeholder { /* Firefox 19+ */
            color: #FFF;
        }

        header #submenupesquisa .search-string :-ms-input-placeholder {
            color: #FFF;
        }

        header #submenupesquisa .search-string :-moz-placeholder {
            color: #FFF;
        }

/* utils
*****************************************************************/
.shown {
    display: block;
}

.container_960 {
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
}

.alert {
    color: #9c1e2e;
    font-weight: 600;
}

.txt12 {
    font-size: 12px;
    font-weight: 300;
}

.f-s-12 {
    font-size: 13px;
    font-weight: 400;
}

.f-s-13 {
    font-size: 13px;
    font-weight: 400;
}

.f-s-14 {
    font-size: 14px;
    font-weight: 400;
}

.f-s-18 {
    font-size: 18px;
    font-weight: 300;
}

.w130 {
    width: 130px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-t-5 {
    margin-top: 5px;
}

.p-r-20 {
    padding-right: 20px;
}

/* homepage Nav
*****************************************************************/

nav#homepage {
    z-index: 5;
    position: fixed;
    top: 50%;
    left: 20px;
    margin-top: -40px;
}

    nav#homepage li {
        position: relative;
        height: 20px;
    }

    nav#homepage a {
        display: block;
        border-radius: 50%;
        text-indent: -9999px;
        width: 20px;
        height: 20px;
        margin: 10px;
        background: none;
        border: 2px solid #FFF;
    }

        nav#homepage a:hover, nav#homepage a.active {
            display: block;
            border-radius: 50%;
            text-indent: -9999px;
            width: 20px;
            height: 20px;
            margin: 10px;
            background: #FFF;
            border: 2px solid #FFF;
        }

/* faqs
*****************************************************************/
.faqs .container {
    max-width: 720px;
    margin-bottom: 40px;
    color: #333333;
}

.faqs .showfaq {
    cursor: pointer;
    font-size: 28px;
    font-weight: 400;
    color: #333333;
}

.faqs hr {
    margin-top: 25px;
    border-top: 1px solid #333333;
}

.faqs .showfaq2 {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    text-decoration: underline;
    padding: 0 0;
}

.faqs .tfaq2 {
    padding-left: 20px;
    font-size: 14px;
    padding-top: 20px;
}

.faqs .tfaq {
    padding-top: 20px;
}

/* search
*****************************************************************/

.searchpage .container {
    max-width: 720px;
    margin-bottom: 40px;
}

.searchpage .input-search {
    margin: 5px 0;
    border-radius: 0;
    background-image: url('/images/search-right.jpg');
    background-position: right center;
    background-repeat: no-repeat;
}

.searchpage .btn-search {
    margin: 5px 0;
    border-radius: 0;
}

.searchpage .desc {
    font-size: 14px;
    color: #666666;
}

.searchpage .what {
    font-size: 18px;
    color: #666666;
}

.searchpage .title {
    font-size: 18px;
    color: #666666;
}

.searchpage .area {
    font-size: 22px;
    color: #666666;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.searchpage .more, .searchpage .more a {
    font-size: 14px;
    font-weight: 600;
    color: #666666;
    text-transform: uppercase;
    padding-top: 5px;
}

.searchpage .alert {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}
/* glossary
*****************************************************************/
.glossary .container {
    max-width: 720px;
    margin-bottom: 40px;
}

.glossary .glossarioIndex a {
    font-size: 20px;
    color: #333333;
    padding: 0 10px;
}

.glossary .glossarioIndex {
    padding-bottom: 20px;
    text-align: center;
}

.glossary .search {
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
}

    .glossary .search input[type=text] {
        border: 1px solid #333333;
        height: auto;
        font-size: 14px;
        padding: 5px 10px;
        width: 250px;
        /*background:url('/images/search-right.jpg') no-repeat;
    background-position:right center;*/
    }

    .glossary .search input[type=image] {
        position: relative;
        top: 10px;
    }

.glossary .title {
    font-size: 18px;
    color: #333333;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.glossary hr {
    border-top: 1px solid #333333;
}

.glossary .desc {
    font-size: 14px;
    color: #333333;
    padding-bottom: 10px;
}

.glossary .glossarioIndex a.active {
    border-radius: 50%;
    padding: 4px 11px 4px 11px;
    border: 3px solid #9c1e2e;
}

.glossary .pagination {
    text-align: center;
    padding-top: 40px;
    display: block;
}

    .glossary .pagination .dp_list {
        font-size: 15px;
        color: #1e1e1e;
        font-weight: 400;
        padding: 8px 15px 8px 15px;
        border-radius: 50%;
    }

    .glossary .pagination .dp_current {
        font-size: 15px;
        color: #000;
        font-weight: 600;
        padding: 8px 15px 8px 15px;
        border-radius: 50%;
        border: 3px solid #666;
    }

    .glossary .pagination .next, .glossary .pagination .prev {
        font-size: 35px;
        color: #1e1e1e;
        font-weight: 300;
        position: relative;
        padding: 0 20px;
        top: 5px;
        font-family: 'Quicksand','Open Sans', sans-serif;
        text-decoration: none;
    }

/* galeria
*****************************************************************/
.gallery .container {
    max-width: 1280px;
    margin-bottom: 40px;
}

.gallery .pagination {
    text-align: center;
    padding-top: 40px;
    display: block;
}

.gallery h1 {
    font-family: 'Quicksand','Open Sans', sans-serif;
    font-size: 36px;
    color: #000;
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
}

.gallery .pagination .dp_list {
    font-size: 15px;
    color: #1e1e1e;
    font-weight: 400;
    padding: 8px 15px 8px 15px;
    border-radius: 50%;
}

.gallery .pagination .dp_current {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    padding: 8px 15px 8px 15px;
    border-radius: 50%;
    border: 3px solid #666;
}

.gallery .pagination .next, .gallery .pagination .prev {
    font-size: 35px;
    color: #1e1e1e;
    font-weight: 300;
    position: relative;
    padding: 0 20px;
    top: 5px;
    font-family: 'Quicksand','Open Sans', sans-serif;
    text-decoration: none;
}

/*.gallery .cropflickr {
    width: 220px;
    height: 130px;
    overflow: hidden;
      position: relative;
}

.gallery .cropcropflickr img {
      width: 220px;
    height: 130px;
    margin: -75px 0 0 -100px;
}*/

.gallery .back, .gallery .back a {
    padding-top: 40px;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    font-size: 12px;
}

.gallery .cropflickr h2 {
    font-family: 'Quicksand','Open Sans', sans-serif;
    color: #FFF;
    position: absolute;
    right: 10%;
    font-weight: 400;
    font-size: 28px;
    bottom: 5%;
    text-shadow: 0 0 2px #000;
    -moz-text-shadow: 0 0 2px #000;
    -webkit-text-shadow: 0 0 2px #000;
}

/* videos
*****************************************************************/
.videos .container {
    max-width: 960px;
    margin-bottom: 40px;
}

.videos .pagination {
    text-align: center;
    padding-top: 40px;
    display: block;
}

    .videos .pagination .dp_list {
        font-size: 15px;
        color: #1e1e1e;
        font-weight: 400;
        padding: 8px 15px 8px 15px;
        border-radius: 50%;
    }

    .videos .pagination .dp_current {
        font-size: 15px;
        color: #000;
        font-weight: 600;
        padding: 8px 15px 8px 15px;
        border-radius: 50%;
        border: 3px solid #666;
    }

    .videos .pagination .next, .videos .pagination .prev {
        font-size: 35px;
        color: #1e1e1e;
        font-weight: 300;
        position: relative;
        padding: 0 20px;
        top: 5px;
        font-family: 'Quicksand','Open Sans', sans-serif;
        text-decoration: none;
    }

.videos .title {
    font-size: 14px;
    font-weight: 300;
    padding-top: 10px;
    text-align: center;
}
/* news
*****************************************************************/
.news .container {
    max-width: 780px;
    margin-bottom: 40px;
}

.news .title a {
    font-size: 17px;
    color: #333333;
    font-weight: 400;
}

.news hr {
    border-top: 1px solid #333333;
}

.news .date {
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    padding: 5px 0 15px 0;
}

.news .resume {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

.news .filter {
    text-align: center;
    margin-bottom: 20px;
}

.news .column {
    display: inline-block;
}

.news .filter .txt {
    font-size: 12px;
    color: #333333;
    padding-right: 10px;
    padding-top: 10px;
}

.news .filter .space {
    padding: 0 20px;
}

.news .filter .year .form-control {
    width: 120px;
    height: 27px;
}

.news .filter .month .form-control {
    width: 150px;
    height: 27px;
}

.news .pagination {
    text-align: center;
    padding-top: 40px;
    display: block;
}

    .news .pagination .dp_list {
        font-size: 15px;
        color: #1e1e1e;
        font-weight: 400;
        padding: 8px 15px 8px 15px;
        border-radius: 50%;
    }

    .news .pagination .dp_current {
        font-size: 15px;
        color: #000;
        font-weight: 600;
        padding: 8px 15px 8px 15px;
        border-radius: 50%;
        border: 3px solid #666;
    }

    .news .pagination .next, .news .pagination .prev {
        font-size: 35px;
        color: #1e1e1e;
        font-weight: 300;
        position: relative;
        padding: 0 20px;
        top: 5px;
        font-family: 'Quicksand','Open Sans', sans-serif;
        text-decoration: none;
    }

/* clipping
*****************************************************************/
.clipping .container {
    max-width: 1200px;
    margin-bottom: 40px;
}

.clipping .title {
    /*min-height: 50px;*/
}

    .clipping .title a {
        font-size: 17px;
        color: #333333;
        font-weight: 400;
    }

.clipping .date {
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    padding: 5px 0 15px 0;
}

.clipping hr {
    border-top: 1px solid #333333;
}

.clipping .resume {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

.clipping .filter {
    text-align: center;
    margin-bottom: 20px;
}

.clipping .column {
    display: inline-block;
}

.clipping .filter .txt {
    font-size: 12px;
    color: #333333;
    padding-right: 10px;
    padding-top: 10px;
}

.clipping .filter .space {
    padding: 0 20px;
}

.clipping .filter .year .form-control {
    width: 120px;
    height: 27px;
}

.clipping .filter .month .form-control {
    width: 150px;
    height: 27px;
}

.clipping .pagination {
    text-align: center;
    padding-top: 40px;
    display: block;
}

    .clipping .pagination .dp_list {
        font-size: 15px;
        color: #1e1e1e;
        font-weight: 400;
        padding: 8px 15px 8px 15px;
        border-radius: 50%;
    }

    .clipping .pagination .dp_current {
        font-size: 15px;
        color: #000;
        font-weight: 600;
        padding: 8px 15px 8px 15px;
        border-radius: 50%;
        border: 3px solid #666;
    }

    .clipping .pagination .next, .clipping .pagination .prev {
        font-size: 35px;
        color: #1e1e1e;
        font-weight: 300;
        position: relative;
        padding: 0 20px;
        top: 5px;
        font-family: 'Quicksand','Open Sans', sans-serif;
        text-decoration: none;
    }

/* news detail
*****************************************************************/
.newsdetail .container {
    max-width: 720px;
    margin-bottom: 40px;
}

.newsdetail h1 {
    font-size: 36px;
    color: #333333;
    font-weight: 300;
    text-align: center;
    padding-bottom: 15px;
}

.newsdetail .date {
    font-size: 14px;
    color: #3d3b36;
    font-weight: 400;
    text-align: center;
    padding-bottom: 15px;
}

.newsdetail .desc {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    text-align: left;
    padding-top: 15px;
}

.newsdetail .img {
    text-align: center;
}

.newsdetail .back, .newsdetail .back a {
    text-align: center;
    color: #333333;
    text-transform: uppercase;
    font-size: 12px;
}

/* share page
*****************************************************************/
.sharepage .container {
    max-width: 720px;
    margin-bottom: 40px;
}

.sharepage h1 {
    font-size: 36px;
    color: #3d3b36;
    font-weight: 300;
    text-align: center;
    padding-bottom: 15px;
}

.sharepage .desc {
    font-size: 14px;
    color: #3d3b36;
    font-weight: 400;
    text-align: center;
    padding-top: 15px;
}

.sharepage .img {
    text-align: center;
}

.sharepage .productlink {
    font-size: 26px;
    color: #3d3b36;
    font-weight: 300;
    text-align: center;
    padding-top: 15px;
}

    .sharepage .productlink a {
        color: #3d3b36;
    }

    .sharepage .productlink .plus {
        font-size: 30px;
        padding-left: 15px;
    }

.sharepage .sharelist {
    text-align: center;
}

.sharepage .sharetext {
    text-align: center;
    padding-bottom: 5px;
    color: #3d3b36;
}

.newsletter-footer {
    font-weight: 600;
    color: #FFF;
    font-size: 16px;
    text-transform:uppercase;
}

/* loader
*****************************************************************/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9c1e2e;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #fff;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        -moz-animation: spin 3s linear infinite;
        -o-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #7f7f7f;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        -moz-animation: spin 1.5s linear infinite;
        -o-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #222;
    z-index: 1000;
}

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%); /* IE 9 */
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%); /* IE 9 */
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%); /* IE 9 */
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    -moz-transition: all 0.3s 1s ease-out;
    -o-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out; /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}

.img-responsive {
    margin: 0 auto;
}