/**************************************************** * Mabel Main CSS * ****************************************************/ /******************************************** Style Reset by Eric Meyer meyerweb.com ********************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /******************************************** Definitions ********************************************/ html { height: 100%; } body { font: normal normal 9px/11px Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; color: #8a0101; background: #feaa00 url(../images/background.jpg) fixed center top; height: 100%; } p { font-family: Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif !important; } a { text-decoration: underline; color: #620206; } a:hover { text-decoration: none; color: #620206; } a:visited { color: #620206; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { height: 1%; } hr { display: none; } .ninja { display: none; } h2 { font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; line-height: 1em; font-size: 12px; background: none; color: #8a0101; margin-bottom: 15px; } .sIFR-active h2 { visibility: hidden; margin-bottom: 0; } #content-inner h2 { font-size: 18px; width: 350px; line-height: 24px; padding-bottom: 5px; padding-top: 6px; visibility: hidden; margin-bottom: 0; } #product-data #product-title { font-size: 38px; text-align: center; width: 420px; height: 36px; margin: 14px 0 0; visibility: hidden; overflow: hidden; } #content-inner #recipe-content-main h2 { padding-bottom: 0; } h3 { font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; line-height: 1em; font-size: 12px; background: none; color: #8a0101; margin-bottom: 15px; } .sIFR-active h3 { visibility: hidden; margin-bottom: 0; } #content-inner h3 { font-size: 12px; } #content-inner #recipes-list h3 { font-size: 14px; } #content-inner #recipe-content-main h3 { font-size: 14px; padding: 20px 0 10px; } /******************************************** Helpers ********************************************/ .hidden { display: none; } .btl, .btr, .bbl, .bbr { position: absolute; background: url(../images/sprite_rounded_corners.png); width: 10px; height: 10px; display: block; z-index: 20; } .btl { top: 0; left: 0; background-position: left top; } .btr { top: 0; right: 0; background-position: right top; } .bbl { bottom: 0; left: 0; background-position: left bottom; } .bbr { bottom: 0; right: 0; background-position: right bottom; } .ie-bg { position: absolute; top: 0; left: 0; } /******************************************** sIFR styles ********************************************/ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0; padding: 0; overflow: auto; letter-spacing: 0; float: none; } /******************************************** Grid ********************************************/ #container { width: 960px; margin: 0 auto; } #header { width: 960px; height: 132px; position: relative; } #content { width: 960px; margin-bottom: 20px; position: relative; z-index: 100; } #content-inner { padding-bottom: 60px; background-position: left bottom; background-repeat: no-repeat; } #content-menu { width: 153px; float: left; padding-top: 30px; } #content-main { width: 434px; float: left; display: inline; margin: 0 40px 0 61px; padding-top: 30px; min-height: 450px; } * html #content-main { height: 500px; } #content-side-about { width: 262px; position: absolute; right: 10px; top: 0; } #content-side { width: 262px; position: absolute; right: 10px; bottom: 60px; } #recipe-content-main { width: 430px; float: left; display: inline; margin: 0 0 0 214px; padding-top: 34px; } #recipe-side { width: 262px; float: left; margin-left: 44px; display: inline; padding-top: 34px; } #footer { width: 960px; height: 60px; position: relative; } /******************************************** Header ********************************************/ /* Logo */ #header h1 { width: 427px; height: 132px; margin: 0 auto; } /* Languages menu */ #language { position: absolute; right: 0; top: 14px; width: 125px; } #language li { width: 35px; height: 15px; float: left; margin-right: 10px; display: inline; } #language li.last { margin-right: 0; } #language li a { text-decoration: none; width: 35px; height: 15px; display: block; text-align: center; font-size: 9px; line-height: 14px; background: url(../images/bg_lang.png) no-repeat left top; cursor: pointer; } /* Main navigation menu */ ul#main-menu { width: 960px; height: 30px; background: url(../images/sprite_menu.png) no-repeat left top; margin-bottom: 10px; position: relative; z-index: 200;} ul#main-menu li.level1 { float: left; height: 30px; display: inline; position: relative; } ul#main-menu li.level1 a { height: 30px; background: url(../images/sprite_menu.png) no-repeat; display: inline; display: block; text-indent: -9999px; } ul#main-menu li#menu-new-products { margin-left: 90px; width: 95px; } ul#main-menu li#menu-new-products a { width: 95px; background-position: -90px 0; } ul#main-menu li#menu-new-products.active a, ul#main-menu li#menu-new-products a:hover { background-position: -90px -30px; } ul#main-menu li#menu-products { margin-left: 35px; width: 70px; } ul#main-menu li#menu-products a { width: 70px; background-position: -220px 0; } ul#main-menu li#menu-products.active a, ul#main-menu li#menu-products a:hover, ul#main-menu li#menu-products.over a { background-position: -220px -30px; } ul#main-menu li#menu-products a:hover .menu-bg, ul#main-menu li#menu-products.over .menu-bg { display: block; } ul#main-menu li#menu-recipes { margin-left: 35px; width: 65px; } ul#main-menu li#menu-recipes a { width: 65px; background-position: -325px 0; } ul#main-menu li#menu-recipes.active a, ul#main-menu li#menu-recipes a:hover { background-position: -325px -30px; } ul#main-menu li#menu-institutional { margin-left: 35px; width: 100px; } ul#main-menu li#menu-institutional a { width: 100px; background-position: -425px 0; } ul#main-menu li#menu-institutional.active a, ul#main-menu li#menu-institutional a:hover { background-position: -425px -30px; } ul#main-menu li#menu-institutional a:hover .menu-bg, ul#main-menu li#menu-institutional.over .menu-bg { display: block; } ul#main-menu li#menu-social { margin-left: 35px; width: 160px; } ul#main-menu li#menu-social a { width: 160px; background-position: -560px 0; } ul#main-menu li#menu-social.active a, ul#main-menu li#menu-social a:hover { background-position: -560px -30px; } ul#main-menu li#menu-relationship { margin-left: 35px; width: 150px; } ul#main-menu li#menu-relationship a { width: 115px; background-position: -755px 0; } ul#main-menu li#menu-relationship.active a, ul#main-menu li#menu-relationship a:hover { background-position: -755px -30px; } ul#main-menu .menu-bg { display: none; position: absolute; left: -17px; top: 30px; padding-bottom: 10px; width: 162px; background: url(../images/sprite_menu_products_bg.png) no-repeat -324px bottom; } ul#main-menu ul { width: 162px; z-index: 130; padding-top: 10px; background: url(../images/sprite_menu_products_bg.png) no-repeat left top; } ul#main-menu ul li { width: 160px; padding-left: 2px; height: auto; background: url(../images/sprite_menu_products_bg.png) repeat-y -162px top; line-height: 16px; cursor: pointer; } ul#main-menu #menu-products ul li a, ul#main-menu #menu-institutional ul li a { width: 145px !important; height: auto; padding: 1px 0 1px 15px; text-indent: 0; background: none !important; font-size: 12px; color: #f9f2bf; text-decoration: none; font-family: "Trebuchet MS", Trebuchet, Tahoma, Helvetica, Arial, sans-serif; cursor: pointer; overflow: hidden; } ul#main-menu #menu-products ul li a:hover, ul#main-menu #menu-institutional ul li a:hover { background: #a20304 url(../images/bullet_beige.png) no-repeat left center !important; } .lang-en ul#main-menu { background: url(../images/sprite_menu_en.png) no-repeat left top; } .lang-en ul#main-menu li.level1 a { background: url(../images/sprite_menu_en.png) no-repeat; } .lang-en ul#main-menu li#menu-products { margin-left: 20px; width: 85px; } .lang-en ul#main-menu li#menu-products a { width: 85px; background-position: -205px 0; } .lang-en ul#main-menu li#menu-products.active a, .lang-en ul#main-menu li#menu-products a:hover, .lang-en ul#main-menu li#menu-products.over a { background-position: -205px -30px; } .lang-es ul#main-menu { background: url(../images/sprite_menu_es.png) no-repeat left top; } .lang-es ul#main-menu li.level1 a { background: url(../images/sprite_menu_es.png) no-repeat; } .lang-es ul#main-menu li#menu-products { margin-left: 15px; width: 90px; } .lang-es ul#main-menu li#menu-products a { width: 90px; background-position: -200px 0; } .lang-es ul#main-menu li#menu-products.active a, .lang-es ul#main-menu li#menu-products a:hover, .lang-es ul#main-menu li#menu-products.over a { background-position: -200px -30px; } /******************************************** Footer ********************************************/ #footer ul { width: 436px; height: 16px; margin: 0 auto; margin-bottom: 16px; } #footer ul li { width: 132px; height: 16px; background: url(../images/bg_footer_links.png) no-repeat left top; float: left; margin-right: 20px; } #footer ul li.last { margin-right: 0; } #footer ul li a { width: 132px; height: 16px; display: block; text-decoration: none; text-align: center; font-size: 9px; line-height: 14px; } #copyright { text-align: center; color: #be7202; font-size: 9px; } #footer img { position: absolute; right: 0; top: 0; } /******************************************** Home ********************************************/ #home-splash { width: 960px; height: 230px; position: relative; } #home-splash-nav { width: 107px; height: 35px; background: url(../images/bg_splash_nav.png) no-repeat left top; position: absolute; bottom: 0; right: 0; z-index: 120; } #home-splash-nav ol { text-align: center; margin-top: 15px; padding-left: 29px; font-size: 10px; } #home-splash-nav li { float: left; padding-right: 10px; width: 7px; } #home-splash-nav li span { display: none; } #home-splash-nav li a { color: #f9f2bf; text-decoration: none; display: block; width: 7px; height: 20px; } #home-splash-nav li.active a { background: url(../images/arrow_up.png) no-repeat left bottom; } #home-produtos { width: 960px; height: 95px; position: relative; margin-bottom: 15px; } #home-produtos #home-produtos-nav { z-index: 121; } #home-produtos #home-produtos-nav li { position: absolute; top: 0; width: 10px; height: 95px; text-indent: -9999px; cursor: pointer; background: url(../images/sprite_splash_produtos.png) no-repeat; } #home-produtos #home-produtos-nav li.prev { left: 0; background-position: left top ; } #home-produtos #home-produtos-nav li.next { right: 0; background-position: right top ; } #home-produtos #home-produtos-wrapper { width: 940px; height: 95px; background: #e5a700; position: absolute; top: 0; left: 10px; z-index: 122; overflow: hidden; } #home-produtos #home-produtos-wrapper ul { width: 5000px; position: relative; top: 0; left: 30px; } #home-produtos #home-produtos-wrapper li { float: left; width: 90px; height: 90px; margin-right: 40px; margin-top: 5px; } #home-contents { width: 960px; height: 296px; position: relative; background: url(../images/bg_home_contents.png) no-repeat left top; margin-bottom: 20px; } * html #home-contents { background: none; } #home-contents .ie-bg { display: block; width: 960px; height: 296px; position: absolute; top: 0; left: 0; background: url(../images/bg_home_contents.png) no-repeat left top; z-index: 10; } #home-contents h2 { margin-bottom: 2px; } #home-contents h2, #home-contents p { margin: 0 11px; } #home-contents a { text-decoration: none; } #home-contents a:hover { text-decoration: underline; } .home-img-s { width: 215px; height: 64px; position: relative; background: url(../images/bg_home_img_s.png) no-repeat left bottom; margin-bottom: 5px; } .home-img-l { width: 215px; height: 144px; position: relative; z-index: 12; margin-top: 2px; overflow: hidden; } .home-img-s img { position: absolute; left: 0; bottom: 0; } .home-img-l img { position: relative; z-index: 19; } .home-img-l .btl { background: url(../images/border_tl.png) no-repeat left top; width: 8px; height: 8px; } .home-img-l .btr { background: url(../images/border_tr.png) no-repeat left top; width: 8px; height: 8px; } .home-img-l .bbl { background: url(../images/border_bl.png) no-repeat left top; width: 8px; height: 8px; } .home-img-l .bbr { background: url(../images/border_br.png) no-repeat left top; width: 8px; height: 8px; } .home-img-l .view-more { width: 18px; height: 19px; text-indent: -9999px; position: absolute; top: 0; right: 0; z-index: 101; margin: 0 !important; } .home-img-l .view-more a { display: block; width: 18px; height: 19px; background: url(../images/bg_plus_corner.png) no-repeat left top; } #home-contents-about { width: 215px; height: 130px; position: absolute; top: 15px; left: 340px; z-index: 11; font-size: 10px; line-height: 13px; } #home-contents-about .home-img-s { margin-top: 2px; } #home-contents-social { width: 215px; height: 100px; position: absolute; top: 145px; left: 340px; z-index: 11; font-size: 10px; line-height: 13px; } #home-contents-social .home-img-s { margin-top: 2px; } #home-contents-recipes { width: 215px; height: 245px; position: absolute; top: 15px; left: 40px; font-size: 10px; line-height: 14px; z-index: 11; } #home-recipes-list { margin-top: 7px; } #home-contents #home-recipes-list p { margin: 0 0 0 11px; } #home-recipes-list p a { display: block; padding-right: 11px; background: url(../images/arrow_right.png) no-repeat right center; } #home-recipes-list strong { color: #c21115; } #home-recipes-list .suggestion { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #df9901; } #home-contents-news { width: 282px; height: 110px; position: absolute; top: 15px; left: 638px; font-size: 10px; line-height: 14px; z-index: 11; } #home-contents-news h3 { width: 200px; } #home-contents-news ol { margin-top: 2px; } #home-contents-news li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #df9901; } #home-contents-news .date { color: #c21115; font: normal normal 10px/14px Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; float: left; padding-left: 11px; width: 43px; margin: 0 5px 0 0; display: inline; font-weight: normal; overflow: hidden; visibility: visible; } #home-contents-news ol p.dated-news { font-size: 10px; line-height: 13px; float: left; width: 220px; margin: 0 !important; } #home-contents-news ol p.dated-news a { display: block; padding-right: 11px; width: 209px; background: url(../images/arrow_right.png) no-repeat right center; text-decoration: none; } #home-contents-news ol p.dated-news a:hover { text-decoration: underline; } #home-contents-news li.item0 { border-bottom: none; padding-bottom: 0; position: relative; min-height: 63px; } #home-contents-news li.item0 .thumb { width: 110px; height: 64px; position: absolute; top: 0; left: 0; overflow: hidden; } #home-contents-news li.item0 .date { padding-top: 5px; border-top: 1px solid #df9901; width: 158px; padding-left: 0; margin: 0 0 0 123px; float: none; display: block; } #home-contents-news li.item0 p.dated-news { width: 158px; float: none; margin-left: 123px !important; border-bottom: 1px dashed #df9901; padding-bottom: 5px; min-height: 38px; } #home-contents-news li.item0 p.dated-news a { width: 145px; } #home-contents-news .view-more { display: block; position: absolute; right: 0; top: 1px; width: 11px; height: 11px; margin: 0; } #home-contents-news .view-more a { display: block; width: 11px; height: 11px; background: url(../images/bg_plus.png) no-repeat left top; text-indent: -9999px; } #home-contents-subscribe { width: 282px; height: 120px; position: absolute; top: 154px; left: 638px; z-index: 11; } #home-contents-subscribe form { height: 16px; margin-bottom: 19px; margin-top: 2px; } #home-contents-subscribe input.text { width: 103px; height: 12px; background: url(../images/bg_input.png) no-repeat left top; float: left; text-transform: uppercase; border: none; padding: 3px 10px 1px; font-size: 9px; color: #8a0101; } #home-contents-subscribe input.default { color: #b85301; } #home-contents-subscribe #subscription-submit { width: 24px; height: 14px; background: url(../images/bg_okay_bt.png) no-repeat left top; float: left; margin: 1px 0 0 9px; display: inline; text-indent: -9999px; border: none; padding: 0; cursor: pointer; font-size: 1px; line-height: 1px; } #home-contents-subscribe h3 { margin: 0 0 8px 12px; font-size: 10px; visibility: visible !important; } #social-list { width: 278px; height: 34px; margin-left: 1px; } #social-list li { width: 34px; height: 34px; margin-right: 27px; display: inline; float: left; } #social-list li.flickr { margin-right: 0; } #social-list li a { width: 34px; height: 34px; display: block; background: url(../images/sprite_social.png) no-repeat; text-indent: -9999px; } #social-list li.twitter a { background-position: 0 0; } #social-list li.facebook a { background-position: -34px 0; } #social-list li.orkut a { background-position: -68px 0; } #social-list li.youtube a { background-position: -102px 0; } #social-list li.flickr a { background-position: -136px 0; } /******************************************** Common Elements ********************************************/ #content-main .content-box { width: 434px; padding-top: 15px; background: url(../images/sprite_content.png) no-repeat left top; } #content-main .content-box .separator { width: 434px; height: 20px; background: url(../images/sprite_content.png) no-repeat -868px top; } #content-main .content-box-bottom { width: 434px; height: 15px; background: url(../images/sprite_content.png) no-repeat right bottom; } #content-main .content-box-block { width: 394px; padding: 0 10px 0 30px; background: url(../images/sprite_content.png) repeat-y -434px top; position: relative; } .content-box p { font-size: 12px; line-height: 16px; padding-bottom: 16px; } .news-box { position: relative; } .news-box h3 { width: 200px; } .news-box ol { padding-top: 5px; border-top: 1px solid #df9901; } .news-box li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #df9901; } /* news with date */ .news-box .date { color: #c21115; font: normal normal 10px/14px Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; float: left; padding-left: 11px; width: 43px; margin: 0 5px 0 0; display: inline; font-weight: normal; overflow: hidden; visibility: visible; } .news-box ol p.dated-news { font-size: 10px; line-height: 14px; float: left; width: 220px; margin: 0 !important; } .news-box ol p.dated-news a { display: block; padding-right: 11px; width: 209px; background: url(../images/arrow_right.png) no-repeat right center; text-decoration: none; } .news-box ol p.dated-news a:hover { text-decoration: underline; } #content-side .news-box .date { padding-left: 0; } #content-side .news-box ol p.dated-news { width: 214px; } #content-side .news-box ol p.dated-news a { width: 203px; } /* faq */ .news-box ol p.faq-title { font-size: 9px; line-height: 12px; } .news-box ol p.faq-title a { text-decoration: none; display: block; background: url(../images/sign-plus.png) no-repeat right 2px; padding-right: 10px; } .news-box ol .faq-content { font: normal normal 9px/12px Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif !important; margin-top: 3px; } .news-box ol .faq-content font { font: normal normal 9px/12px Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif !important; } .news-box ol li.open p.faq-title, .news-box ol li.open .faq-content { color: #c21114; } .news-box ol li.open p.faq-title a { background: url(../images/sign-minus.png) no-repeat right 2px; } .news-box .view-more { display: block; position: absolute; right: 0; top: 2px; width: 11px; height: 11px; margin: 0; } .news-box .view-more a { display: block; width: 11px; height: 11px; background: url(../images/bg_plus.png) no-repeat left top; text-indent: -9999px; } .side-highlight { position: relative; margin-bottom: 30px; width: 262px; } .side-highlight .highlight-image { position: relative; z-index: 100; } .side-highlight .highlight-image a { text-decoration: none; } .side-highlight .highlight-desc { background: url(../images/bg_highlight.png) no-repeat left bottom; padding: 13px 9px 6px; font-size: 11px; line-height: 14px; margin-top: -10px; position: relative; z-index: 99; } .side-highlight .highlight-desc a { color: #8a0101; text-decoration: none; } .side-highlight .highlight-desc a:hover { text-decoration: underline; } .side-highlight .view-more { width: 18px; height: 19px; text-indent: -9999px; position: absolute; top: 0; right: 0; z-index: 101; } .side-highlight .view-more a { display: block; width: 18px; height: 19px; background: url(../images/bg_plus_corner.png) no-repeat left top; } .promo-image { text-align: right; } .subsections-menu { width: 153px; border-top: 1px solid #e5a500; } .subsections-menu li { height: 32px; border-bottom: 1px dashed #e5a500; } .subsections-menu li.last { border-bottom: 1px solid #e5a500; } .subsections-menu li a { width: 141px; height: 32px; padding-left: 12px; display: block; font: normal normal 12px/32px "Trebuchet MS", Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; text-decoration: none; background: none; color: #c21115; } .subsections-menu li a:hover { background: url(../images/bullet_menu.png) no-repeat left center; } .subsections-menu li.active a { color: #8a0101; background: url(../images/bullet_menu.png) no-repeat left center; } #content-main .content-box em strong { visibility: visible !important; font: normal normal 12px/18px "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; color: #d31419; padding-left: 14px; margin-left: -14px; background: url(../images/sign-plus.png) no-repeat left 4px; text-decoration: none; } #content-main .content-box strong { font-weight: bold; } #content-main .content-box em { font-style: italic; } #content-main .content-box p { font: normal normal 12px/16px Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; padding-bottom: 16px; margin-bottom: 0; } #content-side .subsections-menu { width: 262px; } #content-side .subsections-menu li { height: 28px; } #content-side .subsections-menu a { width: 239px; line-height: 30px; } .content-box .print { height: 21px; padding-bottom: 0; position: absolute; top: 10px; right: 10px; } .content-box .print a { width: 16px; height: 13px; float: right; text-indent: -9999px; background: url(../images/ico_print.png) no-repeat left top; } .content-box .post-date { font-size: 10px; color: #c31515; position: absolute; top: 10px; right: 40px; text-align: right; } /******************************************** Relacionamentos ********************************************/ .contact-page { background-image: url(../images/footer_social.png); } .contact-page #content-main { margin-left: 214px; } .contact-page .content-box .contact-phone { color: #d31419; padding-bottom: 5px; } .contact-page .content-box .contact-cv { color: #d31419; padding-bottom: 5px; font-size: 11px; line-height: 14px; } .contact-page .content-box .contact-cv a { text-decoration: none; color: #d31419; } .contact-page .content-box .contact-cv a:hover { text-decoration: underline; } #contact-form form { padding-top: 5px; } #contact-form li { margin-bottom: 17px; } #contact-form label { display: none; } #contact-form #contact-error { margin: 10px 0; font-size: 10px; padding: 10px; background: #cc7b7d; color: #fff; } #contact-form #contact-reason { width: 362px; } #contact-form input.text { height: 13px; padding: 1px 12px 5px; width: 338px; border: none; line-height: 15px; } #contact-form input, #contact-form #contact-message-bg { background: url(../images/sprite_contact.png) no-repeat; font: normal normal 11px/15px Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; color: #8a0101; } #contact-form input#contact-name, #contact-form input#contact-mail { background-position: left top; } #contact-form .address .text { width: 228px; float: left; background-position: left -19px; } #contact-form .address select { width: 97px; float: left; margin-left: 13px; display: inline; } #contact-form .message { margin-bottom: 0; position: relative; } #contact-form #contact-message-bg { position: absolute; top: 0; left: 0; z-index: 40; width: 362px; height: 69px; background-position: left -38px; } #contact-form textarea { background: transparent; font: normal normal 11px/15px Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; color: #8a0101; width: 338px; height: 63px; padding: 3px 12px; border: none; margin-bottom: 10px; position: relative; z-index: 41; } #contact-form #message-chars { color: #c38080; font-size: 9px; padding-bottom: 0; width: 180px; position: relative; z-index: 40; } #contact-form .submit { margin-top: -12px; width: 166px; padding-left: 196px; margin-bottom: 0; padding-bottom: 10px; z-index: 41; position: relative; } #contact-form .submit .clear-bt { float: left; margin-right: 10px; display: inline; width: 78px; height: 21px; background: url(../images/sprite_contact.png) no-repeat left bottom; text-indent: -9999px; cursor: pointer; } #contact-form .submit .submit-bt { float: right; width: 78px; height: 21px; background-position: -78px bottom; text-indent: -9999px; border: none; padding: 0; cursor: pointer; font-size: 1px; line-height: 1px; } #faq-box li { padding-bottom: 15px; } .contact-page #content-side { position: relative; float: left; padding-top: 35px; top: 0; left: 0; } /******************************************** Institutional - Mabel ********************************************/ .mabel-page { background-image: url(../images/footer_social.png); } /******************************************** Institutional - Centros de Producao ********************************************/ .institutional-page { background-image: url(../images/footer_news.png); } /******************************************** Institutional - News ********************************************/ .news-page { background-image: url(../images/footer_news.png); } .news-page h2 { width: 310px !important; } /******************************************** Institutional - Social ********************************************/ .social-page { background-image: url(../images/footer_social.png); } .social-page #content-main .content-box-block p a { color: #d31419; text-decoration: none; } .social-page #content-main .content-box-block p a:hover { text-decoration: underline; } #social-link { width: 260px; height: 24px; float: right; margin-top: -4px; } #social-link a { width: 260px; height: 24px; background: url(../images/bg_social_link.png) no-repeat left top; display: block; text-indent: -9999px; } /******************************************** Products ********************************************/ .products-page { background-image: url(../images/footer_news.png); } .products-page .subsections-menu li { height: 25px; } .products-page .subsections-menu li a { height: 25px; line-height: 25px; } .products-page #content-main { width: 462px; height: 478px; margin: 0 29px 0 76px; background: url(../images/bg_product.png) no-repeat 21px 30px; } #product-data { width: 420px; margin-left: 21px; } #product-subtitle { font: normal normal 10px/14px "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; color: #a81714; text-align: center; width: 255px; margin: 0 auto 15px; height: 30px; overflow: hidden; } #product-image { width: 420px; height: 275px; text-align: center; margin-bottom: 20px; overflow: hidden; } #product-description { font: normal normal 12px/16px "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; color: #a81714; text-align: center; width: 255px; margin: 0 auto 15px; height: 36px; overflow: hidden; } #product-links { width: 304px; height: 16px; margin: 0 auto; } #product-links li { width: 142px; height: 16px; float: left; margin-right: 20px; } #product-links li.last { margin-right: 0; } #product-links li a { width: 142px; height: 16px; display: block; background: url(../images/bg_product_links.png) no-repeat left top; text-align: center; text-decoration: none; line-height: 14px; } .products-page #content-side { width: 240px; height: 478px; top: 30px; position: absolute; right: 0; } #products-carousel { width: 240px; height: 476px; position: relative; } #products-carousel #products-carousel-nav { z-index: 121; } #products-carousel #products-carousel-nav li { position: absolute; left: 0; width: 100px; height: 10px; text-indent: -9999px; cursor: pointer; background: url(../images/sprite_carousel_vert.png) no-repeat; } #products-carousel #products-carousel-nav li.prev { bottom: 0; background-position: left bottom; } #products-carousel #products-carousel-nav li.next { top: 0; background-position: left top; } #products-carousel #products-carousel-wrapper { width: 240px; height: 456px; position: absolute; top: 10px; left: 0; z-index: 122; overflow: hidden; } #products-carousel #products-carousel-wrapper ul { width: 100px; height: 2000px; background: #ebb600; position: relative; top: 0; } #products-carousel #products-carousel-wrapper li { height: 80px; padding-top: 5px; margin-bottom: 5px; text-align: center; position: relative; } #products-carousel #products-carousel-wrapper li .description { width: 125px; position: absolute; text-align: left; font-size: 10px; line-height: 12px; color: #c21115; left: 110px; top: 30px; } #products-carousel #products-carousel-wrapper li a { text-decoration: none; } #products-carousel #products-carousel-wrapper li a .description { display: none; } #products-carousel #products-carousel-wrapper li a:hover .description, #products-carousel #products-carousel-wrapper li a.over .description { display: block; } #nutr-info-wrapper { display: none; } #nutr-info { width: 509px; height: 322px; background: url(../images/bg_nutritional.png) no-repeat; font-size: 10px; } #nutr-info h3 { display: none; } #nutr-info #close-thickbox { width: 25px; height: 19px; display: block; text-indent: -9999px; position: absolute; top: 0; left: 454px; } #nutr-info p.portion { position: absolute; left: 18px; top: 79px; width: 478px; text-align: center; padding-bottom: 10px; border-bottom: 1px dashed #e5a500; line-height: 16px; } #nutr-info table { position: absolute; left: 18px; top: 132px; width: 485px; line-height: 18px; } #nutr-info table .name { width: 304px; } #nutr-info table .portion { width: 99px; } /******************************************** Fancybox ********************************************/ div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 10000; } * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } div#fancy_wrap { text-align: left; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 10100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/fancy_progress.png') no-repeat; } div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; } div#fancy_loading_icon { position: absolute; background: url('../images/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 10090; padding: 19px 25px 60px 25px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; } div#fancy_content { margin: 0; z-index: 10000; position: absolute; } div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 10000; } img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 10000; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -19px; right: 31px; height: 19px; width: 25px; background: url('../images/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 10181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { width: 100%; height: 100%; overflow: auto; } a#fancy_left, a#fancy_right { position: absolute; top: 50%; margin-top: -13px; width: 21px; height: 25px; cursor: pointer; z-index: 10111; } a#fancy_left { left: -21px; } a#fancy_right { right: -21px; } span.fancy_ico { z-index: 10112; cursor: pointer; display: block; width: 21px; height: 25px; position: relative; } span#fancy_left_ico { background: transparent url('../images/fancy_left.png') no-repeat; } span#fancy_right_ico { background: transparent url('../images/fancy_right.png') no-repeat; } .fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent !important; } .fancy_bigIframe body { background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10170; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 10170; border: 0; padding: 0; margin: 0; } div.fancy_bg_n { top: 0; left: 13px; height: 4px; background: #fff; line-height: 1px; font-size: 1px; } div.fancy_bg_ne { top: 0; right: 0; width: 13px; height: 13px; background: transparent url('../images/fancy_shadow_ne.png') no-repeat; } div.fancy_bg_e { right: 0; top: 13px; width: 4px; background: #fff; } div.fancy_bg_se { bottom: 0; right: 0; width: 13px; height: 13px; background: transparent url('../images/fancy_shadow_se.png') no-repeat; } div.fancy_bg_s { bottom: 0; width: 100%; height: 4px; background: #fff; line-height: 1px; font-size: 1px; } div.fancy_bg_sw { bottom: 0; left: -0; width: 13px; height: 13px; background: transparent url('../images/fancy_shadow_sw.png') no-repeat; } div.fancy_bg_w { left: 0; top: 13px; width: 4px; background: #fff; } div.fancy_bg_nw { top: 0; left: 0; width: 13px; height: 13px; background: transparent url('../images/fancy_shadow_nw.png') no-repeat; } div#fancy_title { position: absolute; left: 0; width: 100%; z-index: 10000; display: none; overflow: hidden;} div#fancy_title #fancy_title_main { color: #8a0101; font-size: 12px; padding-bottom: 3px; background: #fff; padding: 8px 0 15px; text-align: center; margin: 0 13px; } div#fancy_title_left { height: 120px; width: 13px; background: transparent url(../images/fancy_title_left.png) no-repeat left bottom; position: absolute; left: 0; bottom: 0; } div#fancy_title_right { height: 120px; width: 13px; background: transparent url(../images/fancy_title_right.png) no-repeat left bottom; position: absolute; right: 0; bottom: 0; } /******************************************** Receitas ********************************************/ .recipes-page { background-image: url(../images/footer_social.png); } #recipes-list { width: 737px; height: 487px; background: url(../images/bg_recipes_list.png) no-repeat left bottom; padding-top: 34px; margin-left: 214px; } #recipes-list-header { height: 36px; margin-bottom: 20px; padding: 12px 20px 0 30px; } #recipes-list-header p.view-more { float: right; margin-top: -22px; } #recipes-list-header p.view-more a { display: block; width: 103px; height: 12px; background: url(../images/bg_more_recipes.png) no-repeat left top; text-indent: -9999px; } #recipes-list-content { height: 390px; overflow: hidden; } #recipes-list table { width: 690px; margin-left: 29px; font-size: 11px; } #recipes-list table th.stars, #recipes-list table td.stars { width: 125px; } #recipes-list table th.type, #recipes-list table td.type { width: 87px; } #recipes-list table th.ingredient, #recipes-list table td.ingredient { width: 135px; } #recipes-list table th.name, #recipes-list table td.name { width: 250px; } #recipes-list table td.type { color: #e50f12; } #recipes-list table th { padding-bottom: 5px; } #recipes-list table td { padding: 5px 0; } #recipes-list table td.name ul { display: none; } #recipes-list table td.name:hover ul { } #recipes-list table td.ingredient a, a.recipe-name { text-decoration: none; } #recipes-list table td.ingredient a:hover, a.recipe-name:hover { text-decoration: underline; } .recipe-rating { display: block; width: 85px; height: 13px; background: url(../images/sprite_rating.png) no-repeat; text-indent: -9999px; } .ratingno { background-position: left -65px; } .ratingone { background-position: left -52px; } .ratingtwo { background-position: left -39px; } .ratingthree { background-position: left -26px; } .ratingfour { background-position: left -13px; } .ratingfive { background-position: left 0; } #recipe-content-main .content-box { width: 430px; padding-top: 10px; background: url(../images/sprite_recipe_content.png) no-repeat left top; } #recipe-content-main .content-box .separator { width: 430px; height: 20px; background: url(../images/sprite_recipe_content.png) no-repeat -860px top; } #recipe-content-main .content-box-bottom { width: 430px; height: 10px; background: url(../images/sprite_recipe_content.png) no-repeat right top; } #recipe-content-main .content-box-block { width: 390px; padding: 0 10px 0 30px; background: url(../images/sprite_recipe_content.png) repeat-y -430px top; position: relative; } #recipe-content-main p { font-size: 11px; } #recipe-rating { position: absolute; top: 0; right: 10px; } #recipe-rating h4 { font-size: 10px; text-align: center; margin-bottom: 2px; } #recipe-side #side-gallery { margin-bottom: 30px; } #recipes-small-list { position: relative; } #recipes-small-list h3 { width: 220px; padding-bottom: 2px; } #recipes-small-list ul { padding-top: 10px; border-top: 1px solid #df9901; } #recipes-small-list li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #df9901; } #recipes-small-list li a { display: block; padding-right: 11px; background: url(../images/arrow_right.png) no-repeat right center; text-decoration: none; } #recipes-small-list li a:hover { text-decoration: underline; } #recipes-small-list .view-more { display: block; position: absolute; right: 0; top: 2px; width: 11px; height: 11px; margin: 0; } #recipes-small-list .view-more a { display: block; width: 11px; height: 11px; background: url(../images/bg_plus.png) no-repeat left top; text-indent: -9999px; } #recipes-small-list .view-less { display: block; position: absolute; right: 17px; top: 2px; width: 11px; height: 11px; margin: 0; } #recipes-small-list .view-less a { display: block; width: 11px; height: 11px; background: url(../images/bg_minus.png) no-repeat left top; text-indent: -9999px; } /* Espaco ID */ .arrumar_content-side{ bottom:0; top:20px; }