@CHARSET "UTF-8";
html {margin: 0px}
body {color:#FFF;}
.width-max{overflow:hidden;max-width:960px}
.center{overflow:hidden;margin: 0 auto}
header {background-image: url("../img/header-bg.png");background-repeat: no-repeat;background-size: 100% 100%;height: 730px;}
#header-logo {float: left}
#header-informacoes{float: right;}
#header-telefone {float: left;margin-left: 205px;}
#header-recomendacao {margin-left: 170px;margin-top: 260px;}
#assinar-content {margin-left: 50px;margin-top: 40px;}
#contato {height: 295px;margin-top: 90px;background-image: url("../img/12.png");}
#assinar-titulo {color: #db4427; font-size: 42px;font-family: 'Pacifico', cursive;text-align: center;}
#assinar-subtitulo {font-family: 'Kreon', serif; font-size: 22px; color: #6d6d6d; font-weight: bolder;text-align: center;}
#assinar-texto {color: #6d6d6d; font-size: 28px;text-align: center}
#assinar-subtexto {font-family: 'Kreon', serif; color: #55d679; font-size: 24px;text-align: center;}

#oquevendemos {background-image: url("../img/bg-papel.png");background-repeat: no-repeat;margin-top: 20px;background-color: #749347;background-position: bottom; background-size: 100%}
#oqvendemos-titulo {color: #db4427; font-size: 42px;font-family: 'Pacifico', cursive;text-align: center;margin-top: 40px;}
#oqvendemos-subtitulo {font-family: 'Kreon', serif; font-size: 22px; color: #6d6d6d; font-weight: bolder;text-align: center;}
.oqvendemos-itens {float: left; width: 200px; height: 260px;}
.oqvendemos-itens-texto {text-align: center;font-family: 'Kreon', serif; font-size: 17px}
.oqvendemos-itens-img {padding-left: 45px;}
#oquevendemos-produtos {margin-top: 40px;padding-left: 70px}

#sobre-titulo {color: #000; font-size: 42px;font-family: 'Pacifico', cursive;text-align: center;margin-top: 40px;}
#sobre-subtitulo {font-family: 'Kreon', serif; font-size: 22px; color: #6d6d6d; font-weight: bolder;text-align: center;}
#sobre-content-titulo {font-family: 'Kreon', serif; font-size: 28px; color: #749347; margin-top: 40px;}
#sobre-content-texto {font-family: 'Kreon', serif; font-size: 17px; color: #6d6d6d;text-align: left;width: 570px;margin-top: 40px;}
.endereco {color: #FFF;font-family: 'Kreon', serif;font-size: 17px;margin-left: 45px;}
.telefone {color: #FFF;font-family: 'Arial black', cursive; font-size: 27px;margin-left: 45px;}
.informacoes {margin-top: 120px;}
#menu {font-size: 25px; margin-left: 110px;margin-top: 30px;float: left;}
#menu ul {float: left; font-family: 'Indie Flower', cursive}
.sobre-content {float: left;}
p {color: #FFF}
#form {margin-left: 280px;}
.sublinhado {margin-left: 430px;padding-top: 10px; padding-bottom: 20px}
.form-control {width: 200px;margin-top: 40px;}
.form-enviar {margin-left: 185px;margin-top: -41px;}
.viver-img {margin-top: 40px;}
#bonecos {margin-top: -107px;position: absolute;}
.bonecos {margin:0px auto}
.footer-logo {float: right;margin-top: -70px;}
.volta-topo {position:fixed; bottom:0px; right:20px;display: block}

/*==============================================================================( NAV )*/
nav{
    width:100%;
    height: 50px;
    margin-bottom: 10px;
}
nav ul{margin:0;padding:0;list-style-type:none;text-align: center;margin-right: 10px;}
nav ul li {display:inline-block;margin-left: 80px}
nav ul li a {display:block;padding:15px 10px;color:#FFF; text-decoration: none;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;}
nav ul li a:hover{color: #CC3300;text-decoration: none;}
.tel-icon {position: absolute;margin-top: 10px;}

#header {float: left;width: 100%;margin-top: 60px;}

@media screen and (max-width: 55em) {
#menu {margin-left: 0px;}

}
/*==============================================================================( RESPONSIVE )*/

@media screen and (max-width: 35em) {

    /* #menu is the original menu */
    #form {margin-left: 0px}
    #header-menu {margin-left: 40px;}.
    #header-telefone {margin-left: -100px;}
    #sobre-content-texto {
    color: #6d6d6d;
    font-family: "Kreon",serif;
    font-size: 17px;
    margin-top: 40px;
    text-align: left;
    width: 320px;
}
.tel-icon {position: relative;margin-top: 14px;margin-left: 50px;}
#sobre-content-titulo {
    color: #749347;
    font-family: "Kreon",serif;
    font-size: 28px;
    margin-top: 40px;
    text-align: center;
    width: 300px;
}
.sobre-content {
    float: left;
    margin-left: 10px;
}
#header {float: left;width: 100%;margin-top: 10px;}
.sublinhado {margin-left: 125px;padding-top: 10px; padding-bottom: 20px}
.footer-logo {margin-top: -70px;}
#oquevendemos-produtos {
    margin-top: 40px;
    padding-left: 30px;
}
.viver-img {width: 100%}
#assinar-content {
    margin-top: 40px;
    margin-left: 1px;
}
#assinar-texto {
    color: #6d6d6d;
    font-size: 26px;
    text-align: center;
}
#assinar-titulo {
    color: #db4427;
    font-family: "Pacifico",cursive;
    font-size: 38px;
    text-align: center;
}
.oqvendemos-itens {
    float: left;
    height: 230px;
    margin-left: 40px;
    width: 200px;
}
.informacoes {
    margin-left: 25px;
    margin-top: 130px;
}


#header-informacoes{float: none; margin: 0 auto;text-align: center;}
#header-logo{float: none;margin: 0 auto; text-align: center;}
#header-recomendacao {
    margin-top: 260px;
    margin-left: 0px;
}
.img-recomendacao {size: 470px;width: 100%;}
#menu {font-size: 30px; margin-left: -20px;margin-top: 10px;}
.form-control {width: 80%;margin-top: 40px;}
nav ul li {
    display: inline-block;
    margin-left: 30px;
}
.form-enviar {float: right;margin-top: -41px;}
}