@import http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700; html {
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

body {
    font-family: Verdana,Geneva,sans-serif;
    color: #818181;
    font-size: .9em
}

* {
    margin: 0 auto;
    padding: 0
}

ul {
    list-style: none
}

a {
    text-decoration: none;
    border: none;
    color: #555;
}

a:hover {
    text-decoration: underline
}

p {
    margin-top: 1em;
    color: #555
}

img {
    border: none
}

.clear {
    clear: both
}

header {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 999
}

.menu {
    background: url(../images/logo.png) #f18720;
    margin-top: 3%;
    height: 76px;
    letter-spacing: .3em
}

.banner {
    background: url(../images/banner.png)no-repeat top;
    min-height: 523px;
    text-align: center;
    padding-top: 5.5%
}

.banner h1 {
    font-size: 2.5em!important;
    font-weight: 200!important;
    color: #213247!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner h1 span {
    font-size: 1.8em!important;
    font-weight: 300!important;
    color: #213247!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner p {
    font-size: 14px;
    padding-top: 3%;
    color: #213247!important
}

.banner a {
    color: #213247;
    text-transform: uppercase;
    border: 3px solid #213247;
    font-weight: bolder;
    padding: 4%
}

.bg-menu-produtos {
    background: url(../images/bg-menu-produtos.png) bottom repeat-x;
    position: absolute;
    margin-top: -5%;
    width: 100%
}

.bg-menu-botao {
    background: url(../images/bg-botao.png) center;
    height: 178px;
    width: 19%;
    margin-right: 1%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 19px;
    padding-top: 3%
}

.bg-menu-botao a {
    color: #fff
}

.conteudo-site {
    margin-top: 7%;
    font-size: 1.3em;
    padding: 1% 0
}

.conteudo-site h1 {
    color: #f18720;
    text-transform: uppercase;
    font-weight: 300
}

.bg-conteudo {
    background: url(../images/bg-circular.png) no-repeat center top;
    height: 120px;
    width: 100%;
    margin-top: 6px;
    z-index: 999;
    position: absolute
}

.bg-home-2 {
    background: url(../images/bg-home-1.png);
    padding: 2% 0;
    clear: both;
    border-bottom: 10px solid #213247;
    border-top: 10px solid #213247
}

.bg-home-2 h1 {
    color: #252c46;
    font-weight: 300;
    font-size: 35px!important
}

.bg-home-3 {
    background: url(../images/bg-home-3.png);
    padding: 1% 0;
    clear: both
}

.bg-home-3 h1 {
    color: #252c46;
    font-weight: 300;
    font-size: 35px!important
}

.saiba {
    background: #f49f4d;
    padding: 2%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    width: 20%;
    text-align: center;
    float: left
}

.saiba a {
    color: #fff
}

.produtos {
    background: #fff;
    border: 1px solid #ccc;
    padding: 2%;
    margin-bottom: 10%
}

.menu-infantil {
    background: url(../images/logo-infantil.png) #f18720;
    margin-top: 3%;
    height: 76px;
    letter-spacing: .3em
}

.bg-infantil {
    background: url(../images/bg-infantil.png) no-repeat center;
    padding: 4% 2%;
    border-top: 10px solid #213247;
    color: #fd861c;
    font-size: 3em;
    font-weight: 300;
    font-family: 'Dosis',sans-serif;
    min-height: 400px
}

.bg-infantil span {
    font-size: 2em
}

.bg-infantil a {
    color: #fd861c
}

.banner-infantil {
    background: url(../images/bg-infantil.png)no-repeat top;
    min-height: 523px;
    text-align: center;
    padding-top: 5.5%
}

.banner-infantil h1 {
    font-size: 2.5em!important;
    font-weight: 200!important;
    color: #025c82!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner-infantil h1 span {
    font-size: 1.8em!important;
    font-weight: 300!important;
    color: #fd861c!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner-infantil p {
    font-size: 18px;
    padding-top: 3%;
    color: #025c82!important
}

.banner-infantil a {
    color: #213247;
    text-transform: uppercase;
    border: 3px solid #213247;
    font-weight: bolder;
    padding: 4%
}

.bg-menu-produtos-infantil {
    background: url(../images/bg-menu-produtos-infantil.png) bottom repeat-x;
    position: absolute;
    margin-top: -5%;
    width: 100%
}

.bg-menu-produtos-infantil .bg-menu-botao {
    background: url(../images/bg-botao-infantil.png) center;
    height: 178px;
    width: 19%;
    margin-right: 1%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 19px;
    padding-top: 3%
}

.bg-menu-produtos-infantil .bg-menu-botao a {
    color: #fff
}

.bg-infantil-2 {
    background: url(../images/bg-produto-infantil.png);
    padding: 2% 0;
    clear: both
}

.bg-infantil-2 h1 {
    color: #f26522;
    font-weight: 300;
    font-size: 26px!important;
    text-transform: uppercase
}

.faixa-infantil {
    background: url(../images/faixa-produtos.png);
    height: 12px
}

.produtos-infantil {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 10%
}

.produtos-infantil .texto {
    border-top: 10px solid #0393cf;
    padding: 5%;
    color: #0393cf;
    font-size: 18px;
    text-transform: uppercase
}

.produtos-infantil .texto span {
    color: #555;
    font-size: 10px
}

.menu-mae {
    background: url(../images/logo-mae.png) #e38f82;
    margin-top: 3%;
    height: 76px;
    letter-spacing: .3em
}

.banner-mae {
    background: url(../images/bg-mae.png)no-repeat top;
    min-height: 523px;
    text-align: center;
    padding-top: 5.5%
}

.banner-mae h1 {
    font-size: 2.5em!important;
    font-weight: 200!important;
    color: #d24f60!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner-mae h1 span {
    font-size: 1.8em!important;
    font-weight: 300!important;
    color: #d24f60!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner-mae p {
    font-size: 18px;
    padding-top: 3%;
    color: #d24f60!important
}

.banner-mae a {
    color: #213247;
    text-transform: uppercase;
    border: 3px solid #213247;
    font-weight: bolder;
    padding: 4%
}

.bg-menu-produtos-mae {
    background: url(../images/bg-menu-produtos-mae.png) bottom repeat-x;
    position: absolute;
    margin-top: -5%;
    width: 100%
}

.bg-menu-produtos-mae .bg-menu-botao {
    background: url(../images/bg-botao-mae.png) center;
    height: 178px;
    width: 19%;
    margin-right: 1%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 19px;
    padding-top: 3%
}

.bg-menu-produtos-mae .bg-menu-botao a {
    color: #fff
}

.bg-mae-2 {
    background: url(../images/bg-produto-mae.png);
    padding: 2% 0;
    clear: both
}

.bg-mae-2 h1 {
    color: #d24f60;
    font-weight: 300;
    font-size: 26px!important;
    text-transform: uppercase
}

.faixa-mae {
    background: url(../images/faixa-mae.png);
    height: 12px
}

.produtos-mae {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 10%
}

.produtos-mae .texto {
    border-top: 10px solid #d24f60;
    padding: 5%;
    color: #d24f60;
    font-size: 18px;
    text-transform: uppercase
}

.produtos-mae .texto span {
    color: #555;
    font-size: 10px
}

.bg-mae {
    background: url(../images/bg-mae.png) no-repeat center;
    padding: 2%;
    border-top: 10px solid #213247;
    color: #fd861c;
    font-size: 3em;
    font-weight: 300;
    font-family: 'Dosis',sans-serif;
    min-height: 400px
}

.bg-mae span {
    font-size: 2em
}

.bg-mae a {
    color: #d24f60
}

h1.mae {
    color: #d24f60
}

.menu-pascoa {
    background: url(../images/logo-pascoa.png) #401f02;
    margin-top: 3%;
    height: 76px;
    letter-spacing: .3em
}

.banner-pascoa {
    background: url(../images/bg-pascoa.png) no-repeat top;
    min-height: 523px;
    text-align: center;
    padding-top: 5.5%
}

.banner-pascoa h1 {
    font-size: 2.5em!important;
    font-weight: 200!important;
    color: #401f02!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner-pascoa h1 span {
    font-size: 1.8em!important;
    font-weight: 300!important;
    color: #401f02!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner-pascoa p {
    font-size: 18px;
    padding-top: 3%;
    color: #401f02!important
}

.banner-pascoa a {
    color: #401f02;
    text-transform: uppercase;
    border: 3px solid #401f02;
    font-weight: bolder;
    padding: 4%
}

.bg-menu-produtos-pascoa {
    background: url(../images/bg-menu-produtos-pascoa.png) bottom repeat-x;
    position: absolute;
    margin-top: -5%;
    width: 100%
}

.bg-menu-produtos-pascoa .bg-menu-botao {
    background: url(../images/bg-botao-pascoa.png) center;
    height: 178px;
    width: 19%;
    margin-right: 1%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 19px;
    padding-top: 3%
}

.bg-menu-produtos-pascoa .bg-menu-botao a {
    color: #fff
}

.bg-pascoa-2 {
    background: url(../images/bg-produto-pascoa.png);
    padding: 2% 0;
    clear: both;
    border-top: 10px solid #6c3e2c
}

.bg-pascoa-2 h1 {
    color: #401f02;
    font-weight: 300;
    font-size: 26px!important;
    text-transform: uppercase
}

.faixa-pascoa {
    background: url(../images/faixa-pascoa.png);
    height: 12px
}

.produtos-pascoa {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 10%
}

.produtos-pascoa .texto {
    border-top: 10px solid #401f02;
    padding: 5%;
    color: #401f02;
    font-size: 18px;
    text-transform: uppercase
}

.produtos-pascoa .texto span {
    color: #555;
    font-size: 10px
}

.bg-pascoa {
    background: url(../images/bg-pascoa.png) no-repeat center;
    padding: 1%;
    border-top: 10px solid #401f02;
    color: #401f02;
    font-size: 3em;
    font-weight: 300;
    font-family: 'Dosis',sans-serif;
    min-height: 400px
}

.bg-pascoa span {
    font-size: 2em
}

.bg-pascoa a {
    color: #401f02
}

h1.pascoa {
    color: #401f02
}

.menu-namorados {
    background: url(../images/logo-namorados.png) #d24f60;
    margin-top: 3%;
    height: 74px;
    letter-spacing: .3em
}

.banner-namorados {
    background: url(../images/bg-namorados.png) no-repeat top;
    min-height: 523px;
    text-align: center;
    padding-top: 5.5%
}

.banner-namorados h1 {
    font-size: 2.5em!important;
    font-weight: 200!important;
    color: #fff!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner-namorados h1 span {
    font-size: 1.8em!important;
    font-weight: 300!important;
    color: #fff!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner-namorados p {
    font-size: 18px;
    padding-top: 3%;
    color: #fff!important
}

.banner-namorados a {
    color: #401f02;
    text-transform: uppercase;
    border: 3px solid #401f02;
    font-weight: bolder;
    padding: 4%
}

.bg-menu-produtos-namorados {
    background: url(../images/bg-menu-produtos-namorados.png) bottom repeat-x;
    position: absolute;
    margin-top: -5%;
    width: 100%
}

.bg-menu-produtos-namorados .bg-menu-botao {
    background: url(../images/bg-botao-namorados.png) center;
    height: 178px;
    width: 19%;
    margin-right: 1%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 19px;
    padding-top: 3%
}

.bg-menu-produtos-namorados .bg-menu-botao a {
    color: #fff
}

.bg-namorados-2 {
    background: url(../images/bg-produto-namorados.png);
    padding: 2% 0;
    clear: both;
    border-top: 10px solid #c50a30
}

.bg-namorados-2 h1 {
    color: #fff;
    font-weight: 300;
    font-size: 26px!important;
    text-transform: uppercase
}

.faixa-namorados {
    background: url(../images/faixa-namorados.png);
    height: 12px
}

.produtos-namorados {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 10%
}

.produtos-namorados .texto {
    border-top: 10px solid #c50a30;
    padding: 5%;
    color: #c50a30;
    font-size: 18px;
    text-transform: uppercase
}

.produtos-namorados .texto span {
    color: #555;
    font-size: 10px
}

.bg-namorados {
    background: url(../images/bg-namorados.png) no-repeat center;
    padding: 2%;
    border-top: 10px solid #213247;
    color: #fd861c;
    font-size: 3em;
    font-weight: 300;
    font-family: 'Dosis',sans-serif;
    min-height: 400px
}

.bg-namorados span {
    font-size: 1.5em
}

.bg-namorados a {
    color: #fff
}

h1.namorados {
    color: #c50a30
}

.menu-selvagens {
    background: url(../images/logo-selvagens.png) #401f02;
    margin-top: 3%;
    height: 76px;
    letter-spacing: .3em
}

.banner-selvagens {
    background: url(../images/bg-selvagens.png) no-repeat top;
    min-height: 523px;
    text-align: center;
    padding-top: 5.5%
}

.banner-selvagens h1 {
    font-size: 2.5em!important;
    font-weight: 200!important;
    color: #b6edae!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner-selvagens h1 span {
    font-size: 1.8em!important;
    font-weight: 300!important;
    color: #fff!important;
    font-family: 'Dosis',sans-serif;
    text-transform: none
}

.banner-selvagens p {
    font-size: 18px;
    padding-top: 3%;
    color: #b6edae!important
}

.banner-selvagens a {
    color: #401f02;
    text-transform: uppercase;
    border: 3px solid #401f02;
    font-weight: bolder;
    padding: 4%
}

.bg-menu-produtos-selvagens {
    background: url(../images/bg-menu-produtos-selvagens.png) bottom repeat-x;
    position: absolute;
    margin-top: -5%;
    width: 100%
}

.bg-menu-produtos-selvagens .bg-menu-botao {
    background: url(../images/bg-botao-selvagens.png) center;
    height: 178px;
    width: 19%;
    margin-right: 1%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 19px;
    padding-top: 3%
}

.bg-menu-produtos-selvagens .bg-menu-botao a {
    color: #fff
}

.bg-selvagens-2 {
    background: url(../images/bg-produto-selvagens.png);
    padding: 2% 0;
    clear: both;
    border-top: 10px solid #6c3e2c
}

.bg-selvagens-2 h1 {
    color: #401f02;
    font-weight: 300;
    font-size: 26px!important;
    text-transform: uppercase
}

.faixa-selvagens {
    background: url(../images/faixa-selvagens.png);
    height: 12px
}

.produtos-selvagens {
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 10%
}

.produtos-selvagens .texto {
    border-top: 10px solid #401f02;
    padding: 5%;
    color: #401f02;
    font-size: 18px;
    text-transform: uppercase
}

.produtos-selvagens .texto span {
    color: #555;
    font-size: 10px
}

.bg-selvagens {
    background: url(../images/bg-selvagens.png) no-repeat center;
    padding: 2%;
    border-top: 10px solid #213247;
    color: #fd861c;
    font-size: 3em;
    font-weight: 300;
    font-family: 'Dosis',sans-serif;
    min-height: 400px
}

.bg-selvagens span {
    font-size: 1.5em
}

.bg-selvagens a {
    color: #fff
}

h1.selvagens {
    color: #401f02
}

.logo {
    padding: 10px 0
}

.border {
    border-bottom: 10px solid #ab1014
}

.margin-top-4 {
    margin-top: -26px
}

.margin-bottom {
    margin-bottom: 2%
}

.padding-top {
    padding-top: 4%
}

.bg-circular {
    background: url(../images/bg-circular.png) no-repeat top center
}

h2 {
    color: #78787b!important;
    text-transform: uppercase!important;
    font-weight: bolder!important;
    font-size: 30px!important
}

h1 {
    color: #f18720;
    font-size: 25px!important
}

h3 {
    font-size: 30px!important;
    text-transform: uppercase!important;
    font-weight: 300!important
}

h4 {
    text-transform: uppercase!important;
    font-weight: bolder!important;
    background: url(../images/border-2.png) center bottom no-repeat;
    padding-bottom: 5%;
    font-size: 22px!important
}

footer {
    width: 100%;
    height: 120px;
    background: #213247;
    color: #d5d4d4;
    position: relative
}

footer a {
    color: #d5d4d4!important;
    text-decoration: none;
    font-weight: lighter;
    padding-right: 5%;
    text-transform: uppercase
}

.footer a {
    color: #818181
}

.endereco-bg {
    background: url(../images/bg-footer.png) no-repeat right bottom;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: .9em;
    height: 120px
}

.endereco {
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    padding-top: 12%
}

input,select {
    width: 100%;
    height: 40px;
    padding: 1%;
    margin-bottom: 2%
}

textarea {
    width: 100%;
    padding: 1%
}

footer .padding-top {
    padding-top: 1.5%
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #333;
    display: none
}

#boxes .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px
}

#boxes #dialog2 {
    background: transparent;
    width: 650px;
    margin: 0 auto;
    margin-top: -160px
}

.close {
    display: block;
    float: left;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 1px #64799e;
    background: #191d2f;
    border: .1px solid #051c44;
    background-color: #25a9e0;
    background-position: 0 0;
    margin: 10px 30px 10px 0;
    padding: 6px 8px
}

@media only screen and (max-width : 1600px) {
    .margin-top-4 {
        margin-top:-12%
    }

    .padding {
        padding-top: 20%
    }
}

@media only screen and (max-width : 1440px) {
    .conteudo-site {
        margin-top:9%
    }
}

@media only screen and (max-width : 1370px) {
    .bg-menu-produtos,.bg-menu-produtos-selvagens,.bg-menu-produtos-namorados,.bg-menu-produtos-mae,.bg-menu-produtos-infantil,.bg-menu-produtos-pascoa {
        margin-top:-7%
    }

    .banner,.banner-selvagens,.banner-namorados,.banner-mae,.banner-infantil,.banner-pascoa {
        padding-top: 7%
    }
}

@media only screen and (max-width : 1024px) {
    .margin-top-4 {
        margin-top:-20%
    }

    .padding {
        padding-top: 25%
    }

    .banner,.banner-selvagens,.banner-namorados,.banner-mae,.banner-infantil,.banner-pascoa {
        padding-top: 10%
    }

    .bg-conteudo {
        margin-top: -20px
    }

    .bg-menu-produtos,.bg-menu-produtos-selvagens,.bg-menu-produtos-namorados,.bg-menu-produtos-mae,.bg-menu-produtos-infantil,.bg-menu-produtos-pascoa {
        margin-top: -10%
    }
}

@media only screen and (max-width : 855px) {
    .banner,.banner-selvagens,.banner-namorados,.banner-mae,.banner-infantil,.banner-pascoa {
        padding-top:16%;
        min-height: 500px
    }

    .bg-conteudo {
        display: none
    }

    .bg-menu-botao,.bg-menu-produtos-namorados .bg-menu-botao,.bg-menu-produtos-selvagens .bg-menu-botao,.bg-menu-produtos-infantil .bg-menu-botao,.bg-menu-produtos-pascoa .bg-menu-botao {
        width: 30%;
        margin-right: 2%;
        margin-bottom: 2%
    }

    .bg-menu-produtos-mae .bg-menu-botao {
        width: 30% !important;
        margin-right: 2% !important;
        margin-bottom: 2% !important
    }

    .bg-menu-produtos {
        background: #213247;
        padding-top: 5%;
        position: relative
    }

    .bg-menu-produtos-infantil {
        background: #51b6d7;
        padding-top: 5%;
        position: relative
    }

    .bg-menu-produtos-namorados {
        background: #d82742;
        padding-top: 5%;
        position: relative
    }

    .bg-menu-produtos-mae {
        background: #eec5c5;
        padding-top: 5%;
        position: relative
    }

    .bg-menu-produtos-selvagens {
        background: #b6edae;
        padding-top: 5%;
        position: relative
    }

    .bg-menu-produtos-pascoa {
        background: #90533b;
        padding-top: 5%;
        position: relative
    }

    .exclui-coluna {
        display: none!important
    }

    .bg-home-3 {
        padding: 3% 0 1%
    }

    .nav {
        background: #f18720
    }

    .bg-selvagens {
        min-height: 0;
        font-size: 2em
    }

    .bg-namorados {
        min-height: 0;
        font-size: 2em
    }

    .bg-pascoa {
        min-height: 0;
        font-size: 2em
    }

    .bg-mae {
        min-height: 0;
        font-size: 2em
    }

    .bg-infantil {
        min-height: 0;
        font-size: 2em
    }
}

@media only screen and (max-width : 650px) {
    .text-right {
        text-align:center!important
    }

    .servicos {
        min-height: 0
    }

    .endereco {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        padding-top: 12%;
        text-align: center;
        background: none
    }

    .endereco-bg {
        background: none
    }

    .produtos {
        margin-bottom: 2%
    }

    .banner {
        background: url(../images/banner.png) repeat top
    }

    .menu {
        padding-top: 3%
    }
}

@media only screen and (max-width : 500px) {
    .menu {
        width:100%
    }

    .itens-home-padding {
        min-height: 0
    }

    .fone {
        font-size: 18px!important;
        clear: both;
        padding-bottom: 5%;
        float: none
    }

    .bg-menu-botao,.bg-menu-produtos-namorados .bg-menu-botao,.bg-menu-produtos-selvagens .bg-menu-botao,.bg-menu-produtos-mae .bg-menu-botao,.bg-menu-produtos-infantil .bg-menu-botao,.bg-menu-produtos-pascoa .bg-menu-botao {
        width: 100%;
        margin-bottom: 2%;
        height: auto;
        padding-top: 5%;
        padding-bottom: 5%
    }

    header {
        position: relative
    }

    footer {
        height: 210px;
    }
}