@charset "utf-8";

.produto h1{
    font-family: "ubuntu_lightregular", monospace;
    padding:0;
    color:#ffffff;
    float:left;
    font-size:35px;
    margin-right:5px;
    margin-top:10px;
}

.produto h2{
    font-family: "ubuntu_lightitalic", monospace;
    padding:0;
    color:#d0f133;
    float:left;
    font-size:18px;
    padding-top:18px;
    margin-top:10px;
}

.produto .description {
    background: url(../images/interior_produto_bg.png) no-repeat #fff;
    width: 100%;
    height: 588px;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    /*background-size:100% auto;*/
}


.produto .description .text{
    color:#333333;
    font-size:15px;
    padding-top:30px;
}


.produto .composicao {
    max-width: 100%;
    padding-top: 128px;
    background: url(../images/frascos.png) top right no-repeat;
    min-height: 201px;
    background-size:100% auto;
}


.produto .description h3 {
    color: #35bbe5;
    font-family: "ubuntu_lightregular", monospace;
    font-size: 28px;
    padding-left: 60px;
    line-height: 0;
    padding-bottom:20px;
}

.produto .options .option_title{
    height:73px;
    font-family:"ubuntubold", monospace;
    padding-top:10px;
}

.produto .options .option1, .produto .options .option2, .produto .options .option3{
    width:240px;
    float:left;
    margin-bottom:5px;
    margin-left:15px;
}



.produto .options .option1 .option_title{
    background:url(../images/option1.png) no-repeat;
    width: 240px;
}

.produto .options .option2 .option_title{
    background:url(../images/option2.png) no-repeat;
    width: 240px;
}

.produto .options .option3 .option_title{
    background:url(../images/option3.png) no-repeat;
    width: 240px;
}

.produto .options .option_title .title{
    color:#000000;
    font-size:30px;
    display:block;
    text-align:center;
    height:34px;
}

.produto .options .option_title .sub_title{
    color:#ffffff;
    font-size:14px;
    display:block;
    text-align:center;
}

.produto .options .option_text{
    background:url(../images/options_bg.png) bottom no-repeat;
    padding-top:5px;
    padding-bottom:10px;
    font-size:12px;
    color:#333333;
    min-height:210px;
    width:240px;
}
.produto .description .more_text {
    font-size: 15px;
    padding-left: 30px;
    padding-right: 30px;
    color: #333333;
    font-size: 14px;
}
.produto .description .utilizacao {
    background: url(../images/image2.png) no-repeat #fff;
    width:100%;
    height: 661px;
}
.produto .description .utilizacao .text {
    padding-left: 350px;
}
.produto .description .text_utilizacao {
    color: #333333;
    font-size: 15px;
}
.area_azul{
    border-radius: 10px;
    background: #DCF3FA;
    height: auto;
    padding-top:30px;
    width:95%;
}


/* DISPOSITIVOS MEDIA QUERIES */

/* iPhone 5 portrait · width: 320px */
@media (max-width: 320px){
    .produto .description .text{
        font-size: 12px;
    }
    .produto .composicao {
        padding-top: 45px;
        min-height: 0px;
    }
    .produto .description h3{
        padding-left: 30px;
        font-size: 14px;
    }
    .produto .options .option1, .produto .options .option2, .produto .options .option3 {
        margin-left:0px;
    }
    .produto .description .more_text {
        font-size: 12px;
    }
    .area_azul{
        padding-top: 5px;
    }
    .area_azul h3{
        padding-top:15px;
        font-size: 20px !important;
    }
}
/* iPhone 5 landscape · width: 568px */
@media (min-width: 550px) and (max-width: 590px) {
    .produto .composicao {
        padding-top: 80px;
        min-height: 0px;
    }
    .produto .options .option1, .produto .options .option2, .produto .options .option3 {
        margin-left: 20%;
    }
}
/* iPhone 6 portrait · width: 375px*/
/* Android (Nexus 4) portrait · width: 384px*/
@media (min-width: 360px) and (max-width: 385px) {
    .produto .composicao {
        padding-top: 55px;
        min-height: 0px;
    }
    .produto .description h3{
        font-size: 14px;
    }
    .produto .options .option1, .produto .options .option2, .produto .options .option3 {
        margin-left: 8%;
    }
    .area_azul h3{
        font-size: 20px !important;
    }
}
/* iPhone 6 landscape · width: 667px */
@media (min-width: 650px) and (max-width: 670px) {
    .produto .composicao {
        padding-top: 95px;
        min-height: 0px;
    }
    .produto .description p {
        padding-left:50px;
    }
}
/* iPhone 6 Plump portrait · width: 414px */
@media (min-width: 400px) and (max-width: 420px) {
    .produto .composicao {
        padding-top: 60px;
        min-height: 0px;
    }
    .produto .description h3{
        padding-left: 20px;
        font-size: 18px;
    }
    .produto .options .option1, .produto .options .option2, .produto .options .option3 {
        margin-left: 12%;
    }
}

/* iPhone 6 Plump landscape · width: 736px */
@media (min-width: 720px) and (max-width: 740px) {
    .produto .composicao {
        padding-top: 105px;
        min-height: 0px;
    }
    .produto .description p {
        padding-left:60px;
    }
}

/* Android (Nexus 4) landscape · width: 600px */
@media (min-width: 600px) and (max-width: 610px) {
    .produto .composicao {
        padding-top: 85px;
        min-height: 0px;
    }
    .produto .options .option1, .produto .options .option2, .produto .options .option3 {
        margin-left: 0px;
    }
}
/* iPad portrait · width: 768px */
@media (min-width: 750px) and (max-width: 770px) {
    .produto .composicao {
        padding-top: 110px;
    }
    .produto .description .utilizacao {
        background-size:20% auto;
    }
}
/* iPad landscape · width: 1024px */
@media (min-width: 1010px) and (max-width: 1030px) {
    .produto .composicao {
        padding-top: 148px;
    }
}