@font-face {
    font-family: "Electrolux light";
    src: url("../fonts/ElectroluxSans_2_Light.woff") format("woff");
}

@font-face {
 font-family: "Electrolux regular";
 src: url("../fonts/ElectroluxSans_3_Regular.woff") format("woff");
}

@font-face {
    font-family: "Electrolux semibold";
    src: url("../fonts/ElectroluxSans_4_Semibold.woff") format("woff");
}



#wrapper{
    width:768px;
    margin: auto;
}

p{
    font-family: "Electrolux light", sans-serif;
    font-size: 15px;
    line-height: 1.2em;
}

h1 {
    font-family: "Electrolux Sans light", sans-serif;
    font-size: 30px;
}

h2 {
    font-family: "Electrolux Sans light", sans-serif;
    font-size: 31px;
    line-height: 1.2em;
}  

h3{
    font-family: "Electrolux semibold", sans-serif;
    font-size: 16px;
}

h4{
    font-family: "Electrolux semibold", sans-serif;
    font-size: 24px;
}


.pink-highlight{
    color: #cd5599;
}

span.strong{
    font-family: "Electrolux semibold", sans-serif;
}






/* INTRODUÇÃO ##################################################### */


#introducao{
    background: url(../img/introducao_bg.jpg) center top no-repeat;
    height:1069px;
}

    #introducao #intro_content{
        margin-top: 40px;
        margin-left: 340px;
        width: 380px;
        color:#161840;
    }

        #introducao #intro_content h1{
            margin-top:20px;
            margin-bottom: 10px;
        }

        #introducao #intro_content p{
            font-size: 17px;
        }

    #introducao #intro_inovacao{
        margin-top: 262px;
        margin-left: 15px;
        width: 380px;
        color:#fff;
    }

        #introducao #intro_inovacao h2{
            font-family: "Electrolux Sans light", sans-serif;
            font-size: 40px;
            margin-bottom: 20px;
        }

        #introducao #intro_inovacao p{
            font-size: 17px;
            width:358px;
        }

        #introducao #features{
            margin-top: 30px;
            padding: 0 30px;
        }

            #introducao #features div{
                float:left;
                border-right: 1px solid #ffff;
            }

            #introducao #features #feature1{
                width:230px;
                margin-right:45px;
            }

            #introducao #features #feature2{
                width:219px;
            }

            #introducao #features #feature3{
                width:210px;
                border:none;
                padding-left:45px;
            }

            #introducao #features h4{
                font-size:16px;
                color:#fff;
                margin-top:10px;
            }

            #introducao #features p{
                color:#fff;
                padding-right:20px;
            }



#ideal{
    background:#020f43;
    padding:30px;
}

    #ideal h2{
       color:#fff;
       margin-bottom:20px;
       font-size: 26px;
     
    }

    #ideal span{
        color:#fff;
        font-family: "Electrolux semibold", sans-serif;
        display: inline-block;
        padding-top:115px;
        min-width: 100px;
        margin:0 30px;
        font-size: 17px;
        background-position:top center;
        background-repeat: no-repeat;
    }

        #ideal #tipo1{
            background-image: url(../img/icon_vinho.png);
        }
        #ideal #tipo2{
            background-image: url(../img/icon_molho.png);
        }
        #ideal #tipo3{
            background-image: url(../img/icon_cafe.png);
        }
        #ideal #tipo4{
            background-image: url(../img/icon_batom.png);
        }





#caneta{
    background: url(../img/caneta_bg.jpg) center top no-repeat;
    width: 768px;
    height: 302px;
    position: relative;
}

    #caneta h2{
        font-size: 35px;
        font-family: "Electrolux Sans", sans-serif;
        color: #161840;
        padding-top: 80px;
        padding-left: 52px;
        line-height: 1em;
    }

        #caneta h2 span{
            font-size: 16px;
            font-family: "Electrolux regular", sans-serif;
            display: block;
            margin-bottom: 15px;
        }

    #caneta p{
        position: absolute;
        top:88px;
        right:50px;
        font-family: "Electrolux regular", sans-serif;
        font-size: 16px;
        width:265px;
    }

        #caneta p img{
            display: block;
            margin-top: 10px;
        }





#video{
    padding:25px 30px;
}

    #video p{
        font-family: "Electrolux light", sans-serif;
        color: #161840;
        font-size: 18px;
        letter-spacing: 0.3em;
        text-align: center;
    }

    #video video{
        width: 678px;
        margin-top: 10px;
        height: 373px;
    }