.produtos {
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0 60px 0;
    background: url(../../../images/dot.png);
    position: relative;
}

.produtos .box-obs {
    width: 100%;
    height: 40px;
    position: relative;
    top: -45px;
}

.produtos .box-obs p {
    font-size: 14px;
    padding-right: 20px;
}

.produtos .box-obs p span {
    font-family: 'opensans-bold';
}

#produtos {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

#produtos span.text {
    line-height: 1.5;
    padding: 20px;
    display: block;
	text-align: left;
}

#produtos .title {
    width: 100%;
    float: left;
    display: block;
    font-size: 34px;
    color: #000000;
    font-family: 'klavika-bold';
    line-height: 1em;
    margin-bottom: 15px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

#produtos .title::after {
    content: url(../../../images/red.png);
    position: absolute;
    left: 20px;
    bottom: 0px;
    width: 240px;
    overflow: hidden;
}

#produtos a:hover .title::after {
    bottom: 10px;
}

#produtos a:hover .title {
    background-color: #000000;
    color: #ffffff;
}

#produtos figure {
    width: 288px;
    height: 278px;
    float: left;
   /* background: url(../../../images/tmp/produto.jpg)no-repeat center center;*/
	background-image: url(../../../images/tmp/produto.jpg);
	background-repeat: no-repeat;
	background-position: center center;
    background-size: 100%;
}

#produtos a:hover figure {
    background-size: 103%;
}

#produtos .wrapper-produtos {
    width: 288px;
    height: 288px;
    float: left;
    background-color: #ffffff;
    position: relative;
}

#produtos .mais {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}


/*
#produtos a:hover .mais{
    transform: rotate(90deg);
}
*/

#produtos .mais img {
    width: 100%;
    height: auto;
    float: left;
}

#produtos li {
    list-style: none;
    padding: 0;
    margin: 0 0px 10px 0px;
}

#produtos li a {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

#produtos li:nth-child(1),
#produtos li:nth-child(2) {
    width: 278px;
    float: left;
    margin-right: 10px;
}

#produtos li:nth-child(1) {
    margin-right: 20px;
}

#produtos li:nth-child(1) .wrapper-produtos,
#produtos li:nth-child(2) .wrapper-produtos,
#produtos li:nth-child(1) figure,
#produtos li:nth-child(2) figure {
    width: 278px;
}

#produtos li:nth-child(4),
#produtos li:nth-child(6) {
    width: 576px;
    float: left;
    background-color: #ffffff;
    margin-top: 10px;
}

#produtos li:nth-child(5),
#produtos li:nth-child(7) {
    width: 576px;
    float: right;
    margin: 0 0 10px 0;
    background-color: #ffffff;
    margin-top: 10px;
}

#produtos li:nth-child(3) {
    width: 576px;
    height: 711px;
    float: right;
    margin-top: -145px;
    margin-right: 0;
}

#produtos li:nth-child(3) figure {
    width: 576px;
    height: 423px;
    background-size: 100%;
}

#produtos li:nth-child(3) a:hover figure {
    background-size: 103%;
}

#produtos li:nth-child(3) .wrapper-produtos {
    width: 100%;
    text-align: center;
    padding: 0px 150px;
}

#produtos li:nth-child(3) .mais {
    width: 62px;
    height: 62px;
    right: 50%;
    margin-right: -31px;
}

#produtos a:hover .mais,
#produtos a .mais,
#produtos a figure,
#produtos a:hover figure,
#produtos a .title,
#produtos a:hover .title,
#produtos a:hover .title::after,
#produtos a .title::after {
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
}


/* ---------------------------------------------------------------------------------------------------------- 
08 Media queries  -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


/* ultrawide and down */

@media screen and (min-width: 1921px) and (max-width: 2560px) {}


/* 1099 and down */

@media screen and (max-width:1199px) {
    #produtos li:nth-child(3) {
        width: 376px;
    }
    #produtos li:nth-child(3) .wrapper-produtos {
        padding: 0px 46px;
    }
    #produtos li a {
        overflow: hidden;
    }
    #produtos li:nth-child(4),
    #produtos li:nth-child(5),
    #produtos li:nth-child(4),
    #produtos li:nth-child(7) {
        width: 474px;
    }
    #produtos li:nth-child(4) .wrapper-produtos,
    #produtos li:nth-child(5) .wrapper-produtos,
    #produtos li:nth-child(4) .wrapper-produtos,
    #produtos li:nth-child(7) .wrapper-produtos {
        width: 220px;
        height: 238px;
    }
    #produtos li:nth-child(4) figure,
    #produtos li:nth-child(5) figure,
    #produtos li:nth-child(4) figure,
    #produtos li:nth-child(7) figure {
        width: 238px;
        height: 238px;
    }
}



/* 991 and down */

@media screen and (max-width:991px) {
    #produtos li:nth-child(even),
    #produtos li:nth-child(odd) {
        width: 49%;
        height: auto;
        float: left;
        margin-right: 10px;
        background-color: #fff;
        margin-top: 10px;
    }
    #produtos li:nth-child(even) {
        margin-left: 1%;
        margin-right: 0;
    }
    #produtos li:nth-child(odd) {
        margin-right: 1%;
        margin-left: 0;
    }
    #produtos li:nth-child(even) figure,
    #produtos li:nth-child(odd) figure {
        width: 100%;
        height: 280px;
    }
    #produtos li:nth-child(even) .wrapper-produtos,
    #produtos li:nth-child(odd) .wrapper-produtos {
        width: 100%;
        height: 260px;
        text-align: center;
    }
    #produtos .title::after {
        left: 60px;
    }
    #produtos li:nth-child(3) .wrapper-produtos {
        padding: 0;
    }
}


/* 767 and down */

@media screen and (max-width:767px) {
    h1.interna {
        font-size: 40px;
        margin: -10px 0 10px 0;
    }
    .produtos {
        padding: 40px 15px 30px 15px;
    }
    .produtos .box-obs {
        height: auto;
        top: 0px;
    }
}


/* 349 and down */

@media screen and (max-width:590px) {
    #produtos {
        width: 280px;
        position: relative;
        left: 50%;
        margin-left: -140px;
    }
    #produtos li:nth-child(even) figure,
    #produtos li:nth-child(odd) figure {
        width: 100%;
        height: 210px;
    }
    #produtos .title::after {
        left: 20px;
    }
    #produtos li:nth-child(even),
    #produtos li:nth-child(odd) {
        width: 280px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: 10px;
    }
    #produtos li:nth-child(even) .wrapper-produtos,
    #produtos li:nth-child(odd) .wrapper-produtos {
        height: 240px;
    }
}

@media screen and (max-width:349px) {}


/* Retina Display */

@media screen and (-webkit-min-device-pixel-ratio:2) {}