/******************************************************************
 RESET CSS - Normalize
******************************************************************/
body, img, p, h1, h2, h3, h4, h5, fieldset { margin: 0; padding: 0; border: 0; resize: none; }
a:hover { text-decoration: none !important; }
input[type=submit] { cursor: pointer; }
*:focus { outline: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
::selection { background: #000; color: #fafafa; }
::-moz-selection { background: #000; color: #fafafa; }
._v-align { display: inline-block; vertical-align: middle; line-height: normal; }
.relative { position: relative; }
.unstyled { background: none; border: 0; box-shadow: none; }
ul, li { margin: 0px; padding: 0px; list-style: none; }
.row { margin: 0px !important; margin: auto !important; }
body { margin-top: 150px; }

@font-face { font-family: 'Spring LP'; src: url('/Content/app/fonts/springLP/springlp-webfont.eot'); src: url('/Content/app/fonts/springLP/springlp-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/app/fonts/springLP/springlp-webfont.woff') format('woff'), url('/Content/app/fonts/springLP/springlp-webfont.ttf') format('truetype'), url('/Content/app/fonts/springLP/springlp-webfont.svg#spring_lpregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Aleo Light'; src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_light/Aleo-Light-webfont.eot'); src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_light/Aleo-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_light/Aleo-Light-webfont.woff') format('woff'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_light/Aleo-Light-webfont.ttf') format('truetype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_light/Aleo-Light-webfont.svg#aleolight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Aleo LightItalic'; src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_lightitalic/Aleo-LightItalic-webfont.eot'); src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_lightitalic/Aleo-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_lightitalic/Aleo-LightItalic-webfont.woff') format('woff'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_lightitalic/Aleo-LightItalic-webfont.ttf') format('truetype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_lightitalic/Aleo-LightItalic-webfont.svg#aleolightitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Aleo'; src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_regular/Aleo-Regular-webfont.eot'); src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_regular/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_regular/Aleo-Regular-webfont.woff') format('woff'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_regular/Aleo-Regular-webfont.ttf') format('truetype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_regular/Aleo-Regular-webfont.svg#aleoregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Aleo Italic'; src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_regularitalic/Aleo-Italic-webfont.eot'); src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_regularitalic/Aleo-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_regularitalic/Aleo-Italic-webfont.woff') format('woff'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_regularitalic/Aleo-Italic-webfont.ttf') format('truetype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_regularitalic/Aleo-Italic-webfont.svg#aleoitalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Aleo Bold'; src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_bold/Aleo-Bold-webfont.eot'); src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_bold/Aleo-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_bold/Aleo-Bold-webfont.woff') format('woff'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_bold/Aleo-Bold-webfont.ttf') format('truetype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_bold/Aleo-Bold-webfont.svg#aleobold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Aleo BoldItalic'; src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_bolditalic/Aleo-BoldItalic-webfont.eot'); src: url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_bolditalic/Aleo-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_bolditalic/Aleo-BoldItalic-webfont.woff') format('woff'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_bolditalic/Aleo-BoldItalic-webfont.ttf') format('truetype'), url('/Content/app/fonts/aleo-fontfacekit/web fonts/aleo_bolditalic/Aleo-BoldItalic-webfont.svg#aleobolditalic') format('svg'); font-weight: normal; font-style: normal; }

/******************************************************************
Geral Html
******************************************************************/
.close { position: absolute; z-index: 3; right: 7px; top: 8px; }
.modal-header { border-bottom: 0 solid #e5e5e5; }
.modal-body { padding: 0; }
.modal-content { width: 96%; }
.pull-bottom { padding-top: 240px; }
.center { display: block; margin: auto !important; }
.wrapper { position: relative; display: block; margin: auto; width: 1010px; }
.small-wrapper { position: relative; display: block; margin: auto; width: 915px; }
.extraSmall-wrapper { position: relative; display: block; margin: auto; width: 825px; }
.extraSmall-wrapper-promo { position: relative; display: block; margin: auto; width: 930px; }
.right { float: right; margin-right: 40px; }
.marg25 { margin-left: 25px; }
.marg10 { margin-left: 10px; }
.line { display: block; }
    .line img { position: absolute; }
.uppercase { text-transform: uppercase; }
.fixed-page { position: fixed; top: 680px; width: 200px; }


/* back */
.backTo { float: left; vertical-align: middle; }
    .backTo a { color: #452C28; font-size: 16px; font-family: Aleo; }
        .backTo a:hover { color: #87A328; }
        .backTo a .green { color: #87A328; }

/* button social */
.socialTag { float: right; vertical-align: middle; }
    .socialTag a { margin: 0px 3px; vertical-align: middle; }
        .socialTag a .green { color: #87A328; font-size: 12px; font-family: Arial; position: relative; top: 0px; }

/* circle button */
.circle { position: relative; width: 40px; height: 40px; display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center; }
    .circle.bgbrown { background-color: #452C28; color: #F5ECDD; margin-top: 4px; -moz-transition: ease-out 1s; -o-transition: ease-out 1s; -webkit-transition: ease-out 1s; transition: ease-out 1s; }
        .circle.bgbrown:hover { background-color: #87A328; }
    .circle.bgblue { background-color: #294F9C; color: white; -moz-transition: ease-out 1s; -o-transition: ease-out 1s; -webkit-transition: ease-out 1s; transition: ease-out 1s; }
        .circle.bgblue:hover { background-color: #87A328; }
    .circle .fa-facebook { position: absolute; display: block; top: 8px; left: 14px; font-size: 25px; }

.section-content { font-family: 'Spring LP'; color: white; position: absolute; left: 0; right: 0; z-index: 1; text-align: center; top: 30px; }
    .section-content.color-brown { color: #452C28; -webkit-transition: ease-out 1s; -moz-transition: ease-out 1s; -o-transition: ease-out 1s; transition: ease-out 1s; }
    .section-content.top { top: 305px; }
    .section-content.medtop { top: 200px; }
    .section-content.medmedtop { top: 130px; }
    .section-content.minTop { top: 140px; }
    .section-content h1 { font-size: 170px; line-height: 180px; display: inline-block; margin-bottom:15px;}
    .section-content h2 { font-size: 60px; display: block; margin-bottom: 30px; }
    .section-content h3 { font-size: 72px; display: block; text-transform: initial; line-height: 0px; }
    .section-content h4 { font-size: 21px; display: block; font-family: Aleo Bold; text-transform: uppercase; }
    .section-content h5 { font-size: 145px; display: inline-block; }
    .section-content a { font-size: 48px; display: block; color: white; margin-top: -30px; }
    .section-content img{display:block; margin:auto;}
        .section-content a:hover { color: #C5C71E; }
    .section-content.color-brown a { color: #452C28; }
        .section-content.color-brown a:hover { color: #F5ECDD; }
    .section-content .icon-logo-ground { margin-top: 60px; }
#HomePage .section-brown .content .icon-ground { display: none; }

.nav { font-size: 14px; text-transform: uppercase; font-family: Aleo; }
    .nav ul { padding: 15px 0; }
        .nav ul li { text-align: center; }
            .nav ul li:before { content: url('/Content/app/images/large-line-nav.png'); }
            .nav ul li:last-child::after { content: url('/Content/app/images/large-line-nav.png'); }
            .nav ul li a { color: #452C28; vertical-align: middle; -moz-transition: ease-out 1s; -o-transition: ease-out 1s; -webkit-transition: ease-out 1s; transition: ease-out 1s; font-size: 14px; }
                .nav ul li a:hover { color: #87A328; }
                .nav ul li a.active { color: #87A328; font-family: 'Aleo Bold'; }
            .nav ul li ul { margin-bottom: -19px; text-align: center; text-transform: initial; font-family: 'Aleo LightItalic'; font-size: 14px; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
                .nav ul li ul:before { content: url('/Content/app/images/large-line-nav.png'); padding-bottom: 10px; }
                .nav ul li ul::content { background-color: #F5ECDD; }
                .nav ul li ul li { background-color: #F5ECDD; position: relative; top: -6px; }
                    .nav ul li ul li:first-child { padding-top: 10px; }
                    .nav ul li ul li:last-child { padding-bottom: 10px; }
                    .nav ul li ul li:before { content: none; }
                    .nav ul li ul li:last-child::after { content: none; }
                    .nav ul li ul li a.active { font-family: 'Aleo BoldItalic'; color: #87A328; }

.section-title { text-align: center; margin-top: 20px; }
    .section-title h2 { font-size: 60px; color: #87A328; font-family: 'Spring LP'; text-align: center; margin: 20px 0px; display: inline-block; vertical-align: middle; line-height: 50px; }
    .section-title h4 { font-size: 28px; color: #452C28; font-family: Aleo Italic; text-align: center; display: block; vertical-align: middle; margin: -15px 0px 25px 0px; }
    .section-title h5 { font-size: 20px; color: #452C28; font-family: Aleo Italic; text-align: center; display: block; vertical-align: middle; margin: -15px 0px 5px 0px; }
    .section-title .icon-trace { margin: 0 25px; vertical-align: middle; }

.spotlight { margin: 35px 0; }
    .spotlight.fixed { margin: 25px 0; position: fixed; top: 680px; }
    .spotlight .social { position: relative; width: 230px; height: 60px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-align: center; background-color: #88A329; color: #F4EBDD; font-size: 20px; font-family: Aleo; }
        .spotlight .social .face { position: absolute; left: 20px; top: 15px; }
        .spotlight .social .circle { float: right; margin-right: 20px; margin-top: 10px; }
            .spotlight .social .circle:hover { background-color: #F4EBDD; color: #452C28; }
    .spotlight .box-spot { width: 232px; height: 253px; background: url('../images/sprites-src.png') -766px -141px; display: block; color: white; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin: 10px 0px 20px 0px; text-align: center; }
        .spotlight .box-spot.food { width: 233px; height: 253px; background: url('../images/sprites-src.png') -765px -394px; color: #452C28; }
        .spotlight .box-spot h5 { font-family: 'Spring LP'; font-size: 49px; padding: 20px 0px 10px 0px; }
        .spotlight .box-spot.food h4 { font-family: 'Spring LP'; font-size: 64px; padding-top: 20px; }
        .spotlight .box-spot span { font-family: 'Spring LP'; font-size: 24px; color: white; display: block; margin-top: -10px; }
        .spotlight .box-spot .slogan { font-family: 'Spring LP'; font-size: 26px; line-height: 20px; margin-top: 10px; }
        .spotlight .box-spot .soon { font-family: 'Aleo Bold'; font-size: 14px; padding: 10px 0px; }

.content { width: 760px; margin: auto; }
    .content h3 { color: #87A328; font-size: 36px; font-family: 'Aleo Italic'; display: block; margin: 10px 0px 35px 0px; }
    .content .content-recipe { font-family: Aleo; font-size: 12px; color: #452C28; width: 240px; display: inline-block; margin-right: 10px; vertical-align: top; }

        .content .content-recipe h4 { color: #87A328; font-size: 27px; font-family: 'Aleo BoldItalic'; display: block; margin-top: 10px; }
        .content .content-recipe img { max-height: 237px; max-width: 237px; }
        .content .content-recipe .social-cat { padding: 5px 0px; }
            .content .content-recipe .social-cat .categorie { text-transform: uppercase; color: #452C28; }
            .content .content-recipe .social-cat .social { float: right; vertical-align: middle; margin-right: 5px; }
                .content .content-recipe .social-cat .social .brown { color: #452C28; font-size: 10px; font-family: Arial; vertical-align: middle; }
        .content .content-recipe .time { margin-bottom: 50px; display: block; }
            .content .content-recipe .time .green { color: #87A328; }

.content-detail { margin-bottom: 40px; }
    .content-detail h2 { font-family: 'Aleo BoldItalic'; font-size: 60px; color: #87A328; }
    .content-detail h4 { font-family: Aleo; font-size: 14px; color: #452C28; text-transform: uppercase; margin-top: 20px; }
    .content-detail .time { display: block; font-size: 16px; font-family: Aleo; color: #452C28; margin-bottom: 40px; }
        .content-detail .time .green { color: #87A328; }
    .content-detail .col-md-8, .content-detail .col-md-4 { padding: 0; }
    .content-detail .recipe { font-family: 'Aleo Bold'; font-size: 16px; color: #452C28; text-transform: uppercase; margin-bottom: 10px; }
        .content-detail .recipe.green { color: #87A328; margin-left: 60px; }
    .content-detail ul { padding-left: 18px !important; }
        .content-detail ul li { list-style: initial; padding: 5px 0px; font-family: 'Aleo Italic'; font-size: 20px; color: #452C28; line-height: 17px; }
            .content-detail ul li span { font-family: 'Aleo Italic'; font-size: 16px; color: #87A328; }
    .content-detail .buttons { margin-top: 50px; }
        .content-detail .buttons .download a { margin-right: 10px; }
        .content-detail .buttons .share { float: right; }
            .content-detail .buttons .share a { margin-right: 10px; color: #452C28; vertical-align: middle; display: inline-block; }
            .content-detail .buttons .share .brown { vertical-align: middle; color: #452C28; }
        .content-detail .buttons .backTo { color: #452C28; font-size: 16px; font-family: Aleo; margin-top: 30px; }
    .content-detail ol { padding-left: 80px !important; width: 440px; }
        .content-detail ol li { list-style: inherit; color: #87A328; font-size: 16px; font-family: Aleo; padding: 5px 0px; }
            .content-detail ol li span { list-style: inherit; color: #452C28; font-size: 16px; font-family: Aleo; }
.mobile-backTo { display: none; }


/******************************************************************
Header Html
******************************************************************/
#Header { height: 185px; width: 100%; position: relative; font-family: Aleo; text-transform: uppercase; font-size: 18px; font-weight: 400; z-index: 2; top: 0; position: fixed; background-color: white; }
    #Header .lang { position: relative; }
        #Header .lang .language { position: absolute; top: 10px; right: 0; }
            #Header .lang .language li { display: inline-block; padding: 15px 13px; vertical-align: bottom; }
                #Header .lang .language li::after { content: url('/Content/app/images/line-nav.png'); position: absolute; top: 0; margin-left: 15px; }
                #Header .lang .language li:last-child::after { content: none; }
                #Header .lang .language li a { color: #452C28; font-size: 14px; transition: 0.3s; outline: none; }
                    #Header .lang .language li a.active, #Header .lang .language li a:hover { color: #87A328; }
    #Header .menu .wrapper { width: 1350px; }
    #Header .menu { height: 100px; width: 100%; background-color: #F5ECDD; bottom: 0px; position: absolute; }
        #Header .menu .logo { background: url('/Content/app/images/sprites-src.png') -2px -2px; width: 230px; height: 230px; display: inline-block; position: absolute; top: -60px; left: 0; z-index: 1; }
        #Header .menu ul { display: inline-block; }
        #Header .menu li { display: inline-block; padding: 15px 13px; vertical-align: bottom; }
        #Header .menu .nav-left li { padding: 9px 13px; }
        #Header .menu ul li a { color: #452C28; display: inline-block; text-align: center; }
            #Header .menu ul li a:hover { color: #87A328; }
        #Header .menu ul li::after { content: url('/Content/app/images/line-nav.png'); position: absolute; top: 10px; margin-left: 15px; }
        #Header .menu ul li:last-child::after { content: none; }
        #Header .menu .bar { display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
    #Header .active { color: #87A328 !important; }
#Mobile { display: none; }

#Header .menu .col-md-5 { width: 41.66666667% !important; display: inline-block !important; float: left !important; padding: 0 15px !important; position: relative !important; }
#Header .menu .col-md-2 { display: inline-block !important; float: left !important; width: 16.66666667% !important; padding: 0 15px !important; position: relative !important; }

/******************************************************************
HomePage Html
******************************************************************/
#HomePage { background-color: #FCF9F5; width: 100%; display: block; }
    #HomePage .none { display: block; }
    #HomePage .navegation-section ul { margin-top: 350px; position: fixed; right: 20px; }
    #HomePage .navegation-section .ball { width: 16px; height: 16px; display: inline-block; background-color: #C5C71E; position: relative; z-index: 2; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
    #HomePage .navegation-section .active { background-color: #741409; }
    #HomePage .flexslider { margin: 0 0 0; margin-top: -225px; background: #fff; z-index: 0; border: 0 solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -ms-zoom: 1; zoom: 1; }
        #HomePage .flexslider .flex-direction-nav a { height: 46px; }
    #HomePage .flex-control-nav { width: 0%; position: absolute; bottom: 200px; right: 40px; text-align: center; }
    #HomePage .flex-control-paging li a.flex-active { background-color: #741409; }
    #HomePage .flex-control-paging li a { background-color: #C5C71E; border: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

    #HomePage .section-brown .content .col-md-5 { width: 41.66666667% !important; display: inline-block !important; float: left !important; padding: 0 15px !important; position: relative !important; }
    #HomePage .section-brown .content .col-md-4 { width: 33.33333333% !important; display: inline-block !important; float: left !important; padding: 0 15px !important; position: relative !important; }
    #HomePage .section-brown .content .col-md-3 { width: 25% !important; display: inline-block !important; float: left !important; padding: 0 15px !important; position: relative !important; }


    #HomePage .section-brown { color: #F0EBE0; height: 65px; width: 1500px; margin: auto; background: #452D29; }
        #HomePage .section-brown .content { padding-top: 8px; }
            #HomePage .section-brown .content .line { position: relative; top: -5px; }
            #HomePage .section-brown .content h5 { text-align: right; font-family: 'Spring LP'; font-size: 24px; line-height: 22px; display: inline-block; }
            #HomePage .section-brown .content .apple { font-family: 'Aleo Light'; font-size: 18px; text-transform: uppercase; float: right; margin-right: 30px; }
                #HomePage .section-brown .content .apple a { color: white; }
                    #HomePage .section-brown .content .apple a:hover { color: #87A328; }
            #HomePage .section-brown .content .icon-ground { float: right; margin-right: 10px; }
            #HomePage .section-brown .content .social { text-transform: uppercase; font-family: 'Aleo Light'; font-size: 14px; position: relative; top: 5px; }
                #HomePage .section-brown .content .social .facebook { display: inline-block; vertical-align: middle; margin-right: 10px; }
                #HomePage .section-brown .content .social .circle { display: inline-block; vertical-align: middle; }

/******************************************************************
Company Html
******************************************************************/
#Company { background-color: #FCF9F5; display: block; padding-top: 150px; position: relative; }
    #Company .box-content { padding: 10px 41px 25px 41px; font-family: 'Aleo Light'; }
        #Company .box-content p { font-size: 14px; color: #452C28; text-align: justify; margin-bottom: 10px; }
            #Company .box-content p .ground { text-transform: uppercase; font-weight: bold; }
            #Company .box-content p a { color: #452C28; font-weight: bold; text-decoration: underline !important; }
                #Company .box-content p a:hover { color: #87A328; }
        #Company .box-content h5 { font-family: 'Aleo BoldItalic'; color: #87A328; font-size: 16px; }
        #Company .box-content ul { padding: 10px 0px; padding-left: 15px; }
            #Company .box-content ul li { list-style: initial; text-align: justify; color: #452C28; padding-bottom: 5px; }

    #Company .section-content.medtop { top: 237px; }
/******************************************************************
ProductsIndex Html
******************************************************************/
#ProductsIndex { background-color: #FCF9F5; display: block; }
    #ProductsIndex .box-content { font-family: 'Aleo Light'; width: 675px; margin: auto; }
        #ProductsIndex .box-content p { font-size: 16px; color: #452C28; text-align: center; margin-bottom: 10px; }
    #ProductsIndex .box-prod { font-family: 'Aleo Light'; text-align: center; }
        #ProductsIndex .box-prod .box { display: inline-block; vertical-align: top; width: 215px; padding: 10px 0px; margin: 0px 10px; text-align: center; }
            #ProductsIndex .box-prod .box h4 { font-size: 26px; font-family: 'Aleo Italic'; color: #87A328; margin: 10px 0px; }
            #ProductsIndex .box-prod .box p { color: #452C28; font-size: 13px; font-family: 'Aleo Light'; }

/******************************************************************
ListProducts Html
******************************************************************/
#ListProducts { background-color: #FCF9F5; display: block; }
    #ListProducts .box-content { font-family: 'Aleo Light'; width: 550px; margin: auto; }
        #ListProducts .box-content p { font-size: 16px; color: #452C28; text-align: center; margin-bottom: 10px; }
    #ListProducts .box-prod { font-family: 'Aleo Italic'; font-size: 18px; }
        #ListProducts .box-prod .box { display: inline-block; vertical-align: top; width: 160px; padding: 10px 0px; margin: 0px 10px; text-align: center; }
            #ListProducts .box-prod .box img { max-width: 160px; }
            #ListProducts .box-prod .box h5 { font-size: 18px; font-family: 'Aleo Italic'; color: #87A328; margin: 10px 0px; }


/******************************************************************
ProductsDetail Html
******************************************************************/
#ProductsDetail { background-color: #FCF9F5; display: block; }
    #ProductsDetail .productWrapper { min-height: 700px; }
    #ProductsDetail .box-content { font-family: 'Aleo Light'; width: 100%; margin: auto; text-align: center; }
        #ProductsDetail .box-content h3 { font-size: 32px; font-family: 'Aleo Italic'; color: #87A328; margin: 10px 0px; }
        #ProductsDetail .box-content p { font-size: 16px; color: #452C28; margin-bottom: 10px; text-align: justify; display: block; }
        #ProductsDetail .box-content img { max-width: 100%; }
    #ProductsDetail .socialTag { float: left; margin: 15px 0; }

    #ProductsDetail .box-content .price { color: #452C28; font-family: 'Aleo Bold'; font-size: 20px; position: relative; text-transform: uppercase; right: 0; top: 10px; vertical-align: top; float: right; }
        #ProductsDetail .box-content .price .euro { font-size: 34px; position: relative; top: 0; }
        #ProductsDetail .box-content .price .kg { font-size: 18px; font-family: Aleo Italic; position: absolute; text-transform: initial; right: 0; top: 40px; }


/******************************************************************
PromoProducts Html
******************************************************************/
#PromoProducts { background-color: #FCF9F5; display: block; }
    #PromoProducts .box-content { font-family: 'Aleo Italic'; width: 715px; margin: auto; text-align: center; }
        #PromoProducts .box-content h4 { font-size: 24px; color: #452C28; margin: 40px 0px; }
    #PromoProducts .box-prod .box { display: inline-block; vertical-align: top; width: 310px; margin-right: 20px; margin-bottom: 20px; }
        #PromoProducts .box-prod .box .box-image { position: relative; width: 316px; height: 316px; background-color: white; padding: 15px; }
            #PromoProducts .box-prod .box .box-image img { max-width: 64%; max-height: 100%; padding-bottom: 10px; position: absolute; bottom: 0; }
            #PromoProducts .box-prod .box .box-image .name { top: 20px; color: #452C28; font-family: Aleo; font-size: 14px; position: absolute; text-transform: uppercase; }
            #PromoProducts .box-prod .box .box-image .sub-name { line-height: 19px; color: #87A328; font-family: 'Aleo BoldItalic'; font-size: 20px; position: absolute; text-transform: uppercase; top: 40px; left: 15px; width: 145px; }
            #PromoProducts .box-prod .box .box-image .desc { color: #452C28; font-family: 'Aleo LightItalic'; font-size: 16px; position: absolute; top: 100px; left: 10px; width: 90px; }
            #PromoProducts .box-prod .box .box-image .price { color: #452C28; font-family: 'Aleo Bold'; font-size: 20px; position: absolute; text-transform: uppercase; right: 10px; top: 20px; vertical-align: top; }
                #PromoProducts .box-prod .box .box-image .price .euro { font-size: 34px; position: relative; top: -4px; }
                #PromoProducts .box-prod .box .box-image .price .kg { font-size: 18px; font-family: Aleo Italic; position: absolute; text-transform: initial; right: 0; top: 40px; }
        #PromoProducts .box-prod .box .date { color: #87A328; font-family: 'Aleo'; font-size: 12px; }
    #PromoProducts .socialTag { display: block; margin-top: 10px; }

    #PromoProducts .section-content { top: 0; }
        #PromoProducts .section-content h2 { font-size: 40px; margin-top: 50px; vertical-align: middle; }
            #PromoProducts .section-content h2:hover { color: #C5C71E; }
            #PromoProducts .section-content h2 .icon-pdf { vertical-align: middle; }
            #PromoProducts .section-content h2:hover .icon-pdf { background: url('/Content/app/images/sprites-src.png') -452px -430px; width: 36px; height: 46px; }
    #PromoProducts .box-prod { margin-top: 50px; }



/******************************************************************
RecipesIndex Html
******************************************************************/
#RecipesIndex { background-color: #FCF9F5; display: block; position: relative; }
    #RecipesIndex .socialTag { position: absolute; bottom: -790px; left: 0; right: 0px; width: 180px; margin: auto; vertical-align: middle; }
        #RecipesIndex .socialTag a .brown { color: #452C28; font-size: 18px; font-family: Arial; margin: 0px 2px; vertical-align: middle; }
    #RecipesIndex .content { text-align: center; }
    #RecipesIndex .box-content { font-family: 'Aleo Italic'; width: 715px; margin: auto; text-align: center; }
        #RecipesIndex .box-content h4 { font-size: 28px; color: #452C28; margin: 40px 0px; }

/******************************************************************
RecipesDetail Html
******************************************************************/
#RecipesDetail { background-color: #FCF9F5; display: block; }

/******************************************************************
Contact Html
******************************************************************/
#Contact { background-color: #FCF9F5; display: block; }
    #Contact .address { margin: 85px -15px; }
        #Contact .address .logo { background: url('/Content/app/images/sprites-src.png') -2px -787px; width: 204px; height: 202px; display: inline-block; position: absolute; top: 54px; left: -29px; z-index: 1; }
        #Contact .address .contacts { float: none; margin-top: 15px; font-family: Aleo; font-size: 15px; color: #452C28; display: inline-block; margin-right: 20px; }
            #Contact .address .contacts .green { color: #87A328; }
    #Contact h2 { margin-top: 10px; margin-bottom: 20px; font-family: 'Aleo Italic'; font-size: 36px; color: #87A328; }
    #Contact h3 { margin-top: 50px; margin-bottom: 20px; font-family: 'Aleo Italic'; font-size: 30px; color: #87A328; }
    #Contact .btn-default { background-color: #452C28; color: #F4EBDD; font-size: 15px; font-family: 'Aleo Italic'; border-radius: 0px; }
    #Contact .btn { padding: 1px 22px; }
    #Contact .form-control { border-radius: 0px; font-family: 'Aleo LightItalic'; font-size: 12px; color: #452C28; }
    #Contact form button { margin: 20px 0px; }
    #Contact ::-webkit-input-placeholder { color: #452C28; }
    #Contact :-moz-placeholder { color: #452C28; opacity: 1; }
    #Contact ::-moz-placeholder { color: #452C28; opacity: 1; }
    #Contact :-ms-input-placeholder { color: #452C28; }
    #Contact .margbtn { margin-bottom: 5px; }
    #Contact .sucess { color: #87A328; font-family: 'Aleo Italic'; }

#Map { display: block; width: 100%; height: 450px !important; top: 0; left: 0; margin-bottom: 50px; }

/******************************************************************
Popup Html
******************************************************************/
#Popup { background-color: #EFEBDF; width: 100%; height: 100%; display: block; margin: auto; position: relative; z-index: 2; }
    #Popup .extraSmall-wrapper { width: 573px; position: relative; display: block; margin: auto; }
        #Popup .extraSmall-wrapper .incorp { margin: auto; margin-top: 20px; margin-bottom: 20px; }
            #Popup .extraSmall-wrapper .incorp span { display: none; }
            #Popup .extraSmall-wrapper .incorp a { color: #452C28; }
    #Popup .logotipo { background: url('/Content/app/images/sprites-src.png') -672px -650px; width: 326px; height: 323px; display: inline-block; position: absolute; top: 0px; left: 0; right: 0; margin: auto; }
    #Popup .program { font-family: Aleo; font-size: 18px; color: #452C28; text-transform: uppercase; text-align: center; margin-top: 150px; }
        #Popup .program.bold { font-family: 'Aleo Bold'; font-size: 20px; margin-top: 0px; }
    #Popup .form { color: #452C28; text-decoration: underline !important; text-transform: uppercase; padding: 40px 0px; font-family: Aleo; display: block; text-align: center; }


/******************************************************************
Footer Html
******************************************************************/
#Footer { background-color: #F5ECDD; width: 100%; }
    #Footer .copyright a { color: #87A328; }
    #Footer .footer-top { padding: 25px 0px 0px 0px; font-family: Aleo; }
        #Footer .footer-top h6 { text-transform: uppercase; color: #87A328; font-size: 10px; margin-top: 0px; margin-bottom: 10px; }

    #Footer .footer-center { padding: 0px 0px 25px 0px; }
        #Footer .footer-center .address { font-family: Tahoma; font-weight: normal; font-size: 10px; margin-right: 7px; color: #452C28; float: right; }
        #Footer .footer-center .icon-coop, .icon-logotipo { margin-right: 5px; }
        #Footer .footer-center .col-md-5{padding-right:0;}
    #Footer .footer-bottom { font-family: Aleo; }
        #Footer .footer-bottom .row .col-md-7 { padding: 0 !important; }
        #Footer .footer-bottom .row .col-md-5 { padding: 0 !important; }
        #Footer .footer-bottom ul { display: inline-block; vertical-align: middle; }
            #Footer .footer-bottom ul li { display: inline-block; vertical-align: top; text-transform: uppercase; font-size: 10px; padding: 0px 10px; }
                #Footer .footer-bottom ul li a { color: #87A328; }
                    #Footer .footer-bottom ul li a:hover { color: #452C28; }
        #Footer .footer-bottom .copyright { float: right; color: #87A328; font-family: Tahoma; font-size: 11px; font-weight: normal; vertical-align: top; }
    #Footer .line img { position: absolute; top: -10px; }
    #Footer .active { color: #452C28 !important; }

    #Footer .footer-center .row .col-md-3 { width: 21%; }
    #Footer .footer-center .row .col-md-2 { width: 21%; }
    #Footer .footer-center .row .col-md-5 { width: 58%; text-align: left !important; }
    #Footer .footer-center .row .col-md-1 { display: none; }

    #Footer .footerAddress { display: inline-block; }

/******************************************************************
icons Html
******************************************************************/
.icon { display: inline-block; }
    .icon.icon-coop { background: url('/Content/app/images/sprites-src.png') -267px -0px; width: 73px; height: 57px; }
    .icon.icon-logotipo { background: url('/Content/app/images/sprites-src.png') -347px -2px; width: 55px; height: 55px; }
    .icon.icon-projects { background: url('/Content/app/images/sprites-src.png') -406px -1px; width: 370px; height: 43px; }
    .icon.icon-agencia { background: url('/Content/app/images/sprites-src.png') -776px -2px; width: 60px; height: 10px; }
    .icon.icon-ground { background: url('/Content/app/images/sprites-src.png') -837px -2px; width: 70px; height: 42px; }
    .icon.icon-quality-prod { background: url('/Content/app/images/sprites-src.png') -234px -64px; width: 223px; height: 70px; }
        .icon.icon-quality-prod.color-brown { background: url('/Content/app/images/sprites-src.png') -234px -138px; width: 236px; height: 71px; }
        .icon.icon-quality-prod.prod { background: url('/Content/app/images/sprites-src.png') -481px -64px; width: 249px; height: 72px; }
    .icon.icon-cabaz-prod.prod { background: url('/Content/app/images/sprites-src.png') -218px -918px; width: 263px; height: 71px; }
    .icon.icon-quality-prod.promo { background: url('/Content/app/images/sprites-src.png') -730px -64px; width: 256px; height: 71px; }
    .icon.icon-quality-prod.city { background: url('/Content/app/images/sprites-src.png') -481px -138px; width: 236px; height: 71px; }
    .icon.icon-logo-ground { background: url('/Content/app/images/sprites-src.png') -2px -232px; width: 421px; height: 300px; }
    .icon.icon-trace { background: url('/Content/app/images/sprites-src.png') -918px -2px; width: 71px; height: 2px; }
    .icon.icon-promo { background: url('/Content/app/images/sprites-src.png') -0px -541px; width: 134px; height: 37px; }
        .icon.icon-promo.food { background: url('/Content/app/images/sprites-src.png') -0px -580px; width: 150px; height: 46px; }
    .icon.icon-heart { background: url('/Content/app/images/sprites-src.png') -918px -13px; width: 22px; height: 21px; }
        .icon.icon-heart:hover { background: url('/Content/app/images/sprites-src.png') -918px -36px; width: 22px; height: 21px; }
    .icon.icon-mail { background: url('/Content/app/images/sprites-src.png') -945px -12px; width: 23px; height: 21px; }
        .icon.icon-mail:hover { background: url('/Content/app/images/sprites-src.png') -945px -36px; width: 23px; height: 21px; }
    .icon.icon-face { background: url('/Content/app/images/sprites-src.png') -971px -12px; width: 23px; height: 23px; }
        .icon.icon-face:hover { background: url('/Content/app/images/sprites-src.png') -971px -37px; width: 23px; height: 23px; }
    .icon.icon-heart.brown { background: url('/Content/app/images/sprites-src.png') -722px -223px; width: 34px; height: 33px; }
        .icon.icon-heart.brown:hover { background: url('/Content/app/images/sprites-src.png') -722px -261px; width: 34px; height: 33px; }
    .icon.icon-mail.brown { background: url('/Content/app/images/sprites-src.png') -639px -221px; width: 34px; height: 33px; }
        .icon.icon-mail.brown:hover { background: url('/Content/app/images/sprites-src.png') -639px -260px; width: 34px; height: 33px; }
    .icon.icon-face.brown { background: url('/Content/app/images/sprites-src.png') -680px -221px; width: 36px; height: 35px; }
        .icon.icon-face.brown:hover { background: url('/Content/app/images/sprites-src.png') -680px -260px; width: 36px; height: 35px; }
    .icon.small-icon-heart { background: url('/Content/app/images/sprites-src.png') -569px -224px; width: 16px; height: 15px; }
        .icon.small-icon-heart:hover { background: url('/Content/app/images/sprites-src.png') -569px -244px; width: 16px; height: 15px; }
    .icon.small-icon-mail { background: url('/Content/app/images/sprites-src.png') -616px -224px; width: 16px; height: 15px; }
        .icon.small-icon-mail:hover { background: url('/Content/app/images/sprites-src.png') -616px -244px; width: 16px; height: 15px; }
    .icon.small-icon-face { background: url('/Content/app/images/sprites-src.png') -592px -224px; width: 17px; height: 17px; }
        .icon.small-icon-face:hover { background: url('/Content/app/images/sprites-src.png') -592px -244px; width: 17px; height: 17px; }
    .icon.small-icon-heart.green { background: url('/Content/app/images/sprites-src.png') -569px -244px; width: 16px; height: 15px; }
        .icon.small-icon-heart.green:hover { background: url('/Content/app/images/sprites-src.png') -569px -224px; width: 16px; height: 15px; }
    .icon.small-icon-mail.green { background: url('/Content/app/images/sprites-src.png') -616px -244px; width: 16px; height: 15px; }
        .icon.small-icon-mail.green:hover { background: url('/Content/app/images/sprites-src.png') -616px -224px; width: 16px; height: 15px; }
    .icon.small-icon-face.green { background: url('/Content/app/images/sprites-src.png') -592px -244px; width: 17px; height: 17px; }
        .icon.small-icon-face.green:hover { background: url('/Content/app/images/sprites-src.png') -592px -224px; width: 17px; height: 17px; }

    .icon.icon-print { background: url('/Content/app/images/sprites-src.png') -236px -4px; width: 25px; height: 25px; }
        .icon.icon-print:hover { background: url('/Content/app/images/sprites-src.png') -236px -37px; width: 25px; height: 25px; }
    .icon.icon-download { background: url('/Content/app/images/sprites-src.png') -612px -267px; width: 20px; height: 25px; }
        .icon.icon-download:hover { background: url('/Content/app/images/sprites-src.png') -585px -267px; width: 20px; height: 25px; }
    .icon.face { background: url('/Content/app/images/sprites-src.png') -691px -304px; width: 27px; height: 27px; }
        .icon.face:hover { background: url('/Content/app/images/sprites-src.png') -691px -339px; width: 27px; height: 27px; }
    .icon.mail { background: url('/Content/app/images/sprites-src.png') -730px -305px; width: 26px; height: 25px; }
        .icon.mail:hover { background: url('/Content/app/images/sprites-src.png') -730px -340px; width: 26px; height: 25px; }
    .icon.heart { background: url('/Content/app/images/sprites-src.png') -652px -304px; width: 26px; height: 25px; }
        .icon.heart:hover { background: url('/Content/app/images/sprites-src.png') -652px -339px; width: 26px; height: 25px; }

    .icon.icon-pdf { background: url('/Content/app/images/sprites-src.png') -500px -430px; width: 36px; height: 46px; }



@media print {
    /* All your print styles go here */
    #Header, #Footer, .section, img, .content, .spotlight, .buttons { display: none !important; }

    #RecipesDetail .content-detail .col-md-4 { display: inline-block; vertical-align: top; width: 30%; }
    #RecipesDetail .content-detail .col-md-8 { display: inline-block; vertical-align: top; width: 65%; }
    #RecipesDetail .content-detail ol { width: 550px; }
}