@import url('//fonts.googleapis.com/css?family=Arvo:400,700,700italic,400italic');

/*font-family: 'Arvo', serif;*/
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');
/*	font-family: 'Open Sans', sans-serif; */
/*@font-face {
    font-family: 'Handsome W01 Bold';
    src: url('../fonts/Handsome-Bold.eot?#iefix');
    src: url('../fonts/Handsome-Bold.eot?#iefix') format('eot'),
    url('../fonts/Handsome-Bold.woff') format('woff'),
    url('../fonts/Handsome-Bold.ttf') format('truetype'),
    url('../fonts/Handsome-Bold.svg#Handsome-Bold') format('svg');
    /*font-weight: normal;
    font-style: normal;
}*/
/*
h1 {
    font-family: "comic-serif-pro",serif;
}
*/
/* ============================= */
/* ========= reset css ========= */
/* ============================= */
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, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent }
ol, ul {list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width:0px; line-height:0px; font-size:0px;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
/* ============================= */
/* ========= HTML5 DISPLAY RULE ========= */
/* ============================= */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary, fieldset, legend { display:block;}


/* FRONTEND CSS
*********************************************/
html,body
{
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;


}
html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	/*overflow: hidden;*/
    /*border: 1px solid black;*/
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #1f1f1f;
    line-height: 21px;
}
body:after{
    display:none;
    content: url('../images/menu_quem_somos_b.png');
    /*content: url('../images/menu_quem_somos_b.png') url(img02.png) url(img03.png) url(img04.png);*/
}
/* GENERAL
********************************/
*{outline:none}
img{background:transparent;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);zoom:1}
.noMargin {margin: 0px !important}
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
a { text-decoration: none !important;}
.clearfix {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.arvo
{
    font-family: 'Arvo', serif;
}
.opensans
{
    font-family: 'Open Sans', sans-serif;
}
.handsome
{
    font-family: 'Handsome W01 Bold';
}
.quinta-main-content
{
    width: 940px;
    margin: 0 auto;
    padding: 0 10px;
    /*border: 1px solid #000000;*/
}
.comic-serif
{
    font-family: "comic-serif-pro",serif;
}
div#wrapper
{
    background:url('../images/pattern.jpg') repeat #ffffff;
    height: auto !important;
    min-height: 100%;
    min-width: 960px;
    position: relative;
    width: 100%;
    overflow-x:hidden;
}

#homepage-logo
{
    float:left;
    /*border:1px solid red;*/
    width:185px;
    top:20px;
    position:relative;
    height:100px;margin-left:10px
}
/*BEGIN MAIN MENU
*********************************************/
#menu
{
    position: relative;
    top:0;
    height: auto;
    display: block;
    width: 100%;
    /*overflow: hidden;*/

}
#menu #left-content
{
    width: 50%;left:-800px;position: absolute;height: 111px;
    background:url("../images/menu-left-content.gif") top right repeat-x;
    top: 0;z-index: 11;
}
#menu #middle-content
{
    height: 160px;
    margin:0 auto;
    background: url("../images/menu-middle-content.png") no-repeat top center;
    top: 0;
    position: relative;
    top: 0;z-index: 11;
}
#menu #right-content
{
    width: 50%;right:-800px;position: absolute;height: 111px;
    background:url("../images/menu-right-content.gif") repeat-x;
    top: 0;top: 0;z-index: 11;
}

#menu #middle-content #headerMenu {
    height: 160px;
    margin: 0 auto;
    width: 960px;
    position: relative;
}



#headerMenu .menuLeft	{
    width: 374px;
    height: 160px;
    display: inline-block;
    /*border: 1px solid red;*/
}
#headerMenu .menuRight	{
    width: 374px;
    height: 160px;
    display: inline-block;
    /*border: 1px solid red;*/
}

#headerMenu .menuLeft .items,
#headerMenu .menuRight .items
{
    float: left;
    width: 33.33%;
    margin-top: 64px;
    display: block;
    /*border: 1px solid red;*/
}
#headerMenu .menuLeft .items div.item-mid,
#headerMenu .menuRight .items div.item-mid
{
    text-align: center;
}
#headerMenu .menuLeft .items div.item-rig,
#headerMenu .menuRight .items div.item-rig
{
    text-align: right;
}

#headerMenu .menuLeft .items .menulink,
#headerMenu .menuRight .items .menulink
{
    color: #77992c;
    font-family: 'Arvo',serif;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    z-index: 60;
    height: 40px;
    line-height: 40px;
    padding: 0  5px;
    display: block;
}
#headerMenu .menuLeft .items a.menulink:hover,
#headerMenu .menuLeft .items a.menulink.selected,
#headerMenu .menuRight .items a.menulink:hover,
#headerMenu .menuRight .items a.menulink.selected
{
    font-size: 12px;
    text-shadow: 0 1px 1px #638025;
    font-family: 'Arvo', serif;
    text-transform: uppercase;
    font-weight: 700;
    /*background: url('../images/menu_tab.png') left top no-repeat;*/
    height: 40px;
    display: inline-block;
    margin-top: -3px;
    z-index: 550;
    position: relative;
    padding:0 10px 10px 10px;
    background-color: #9ecb3b;
    border-radius: 4px 4px 0 0;
    border-top: 2px solid #b2e643;
    color: #ffffff;
    text-shadow: 0 1px 1px #638025;
}

#headerMenu .menuLeft .items div.submenu,
#headerMenu .menuRight .items div.submenu
{
    background: url('../images/menu_quem_somos_b.png') no-repeat scroll left 31px rgba(0, 0, 0, 0);
    display: block;
    height: 227px;
    position: absolute;
    top: 68px;
    width: 960px;
}
#headerMenu .menuLeft .items div#sub1,
#headerMenu .menuLeft .items div#sub2,
#headerMenu .menuLeft .items div#sub3,
#headerMenu .menuRight .items div#sub4,
#headerMenu .menuRight .items div#sub5,
#headerMenu .menuRight .items div#sub6

{
    left:0;
    display: none;
}

#headerMenu .menuRight #main5
{
    width: 37%;
    margin-left: 2px;
}
#headerMenu .menuRight #main6
{
    width: 29%;
}
/* ============================= */
/* ========= SUB MENU BLOCK ========= */
/* ============================= */

.submenuBlock{ overflow:hidden; display:block; width:auto; padding:95px 5px 0; height:130px;}

.submenuBlock ul{ display:block; float: left; overflow: hidden; width: auto;}
.submenuBlock ul li{ display:block; overflow:hidden; float:left; width:auto; height:100%; padding:0 10px; background:url(../images/bg_separator_1.png) repeat-y 0 0;}
.submenuBlock ul li:first-child{ background:none;}

.submenuBlock ul li .title{ display: table; overflow: hidden; width:100%; height: 40px; margin-bottom:0px;}
.submenuBlock ul li .title strong{ display: table-cell; vertical-align: middle; font-size:16px; line-height:16px; color:#09391f; text-transform:uppercase; font-family: 'Arvo', serif;}
.submenuBlock ul li p{
    height: 30px;
    display:block; margin-bottom:5px; font-size:12px; line-height:13px; color:#09391f; font-family: 'Open Sans', sans-serif;}
.submenuBlock ul li .btn_knowmore{}

/* ========= SUB 1 ========= */
#sub1 .submenuBlock{}
#sub1 .submenuBlock ul{}
#sub1 .submenuBlock ul li{ width:170px; text-align:center;}

#sub1 .submenuBlock ul li .title{}
#sub1 .submenuBlock ul li .title strong{}
#sub1 .submenuBlock ul li p{}
#sub1 .submenuBlock ul li .btn_knowmore{}

/* ========= SUB 2 ========= */
#sub2 .submenuBlock{}
#sub2 .submenuBlock ul{}
#sub2 .submenuBlock ul li{ width:170px; text-align:center;}

#sub2 .submenuBlock ul li .title{}
#sub2 .submenuBlock ul li .title strong{}
#sub2 .submenuBlock ul li p{}
#sub2 .submenuBlock ul li .btn_knowmore{}

/* ========= SUB 3 ========= */
#sub3 .submenuBlock{}
#sub3 .submenuBlock ul{}
#sub3 .submenuBlock ul li{ width:170px; text-align:center;}

#sub3 .submenuBlock ul li .title{}
#sub3 .submenuBlock ul li .title strong{}
#sub3 .submenuBlock ul li p{}
#sub3 .submenuBlock ul li .btn_knowmore{}

#sub3 .submenuBlock .contactsHighlight{ position:relative; left:0; top:-51px; overflow:hidden; display:block; float:left; width:187px; height:174px; background:url(../images/bg_nav-highlight.png) no-repeat 0 0;}
#sub3 .submenuBlock .contactsHighlight span{ position:absolute; left: 25px; top: 73px; font-size:14px; line-height: 17px; color:#09391f; font-weight:bold; font-family: 'Arvo', serif;}
#sub3 .submenuBlock .contactsHighlight a{ display:block; background:none; padding:0; margin:0; position:absolute; left: 49px; top: 114px; font-size:18px; line-height: 18px; color:#ffffff; font-family: 'Handsome W01 Bold';}
#sub3 .submenuBlock .contactsHighlight a:hover{}

/* ========= SUB 4 ========= */
#sub4 .submenuBlock{}
#sub4 .submenuBlock ul{}
#sub4 .submenuBlock ul li{ width:auto; text-align:left;}
#sub4 .submenuBlock ul li .col{ width:187px; float:left;}
#sub4 .submenuBlock ul li .col:first-child{ width:99px; margin-right:10px;}

#sub4 .submenuBlock ul li .title{}
#sub4 .submenuBlock ul li .title strong{}
#sub4 .submenuBlock ul li p{

    height: 28px;
}
#sub4 .submenuBlock ul li .btn_knowmore{}

/* ========= SUB 5 ========= */
#sub5 .submenuBlock{}
#sub5 .submenuBlock ul{}
#sub5 .submenuBlock ul li{ width:170px; text-align:center;}

#sub5 .submenuBlock ul li .title{}
#sub5 .submenuBlock ul li .title strong{}
#sub5 .submenuBlock ul li p{}
#sub5 .submenuBlock ul li .btn_knowmore{}

/* ========= SUB 6 ========= */
#sub6 .submenuBlock{}
#sub6 .submenuBlock ul{}
#sub6 .submenuBlock ul li{ width:455px; text-align:left;}

#sub6 .submenuBlock ul li .row{ width:100%; height:100%; clear:both; overflow:hidden; margin-bottom:6px;}
#sub6 .submenuBlock ul li .row strong{ display:block; float:left; width:auto; margin-right:10px; font-size:18px; line-height:14px; color:#09391f; text-transform:uppercase; font-family: 'Arvo', serif;}
#sub6 .submenuBlock ul li .row .archiveBtn{ display:block; float:left; width:auto; height:16px;}
#sub6 .submenuBlock ul li .row .archiveBtn a{ color:#ffffff; font-size:10px; text-transform:uppercase; letter-spacing:1px; font-family: 'Open Sans', sans-serif;}
#sub6 .submenuBlock ul li .row .archiveBtn span.corner{ display:block; overflow:hidden; float:left; width:12px; height:16px; background:url(../images/bg_archive-corner.png) no-repeat 0 0;}
#sub6 .submenuBlock ul li .row .archiveBtn span.archive{
    background: url(../images/seta2.png)  #09391f no-repeat 55px 3px;
    display:block; overflow:hidden; float:left; width:70px; height:16px; padding-right:8px; border-radius: 0 10px 10px 0; line-height: 16px;
}
#sub6 .submenuBlock ul li .row .archiveBtn:hover span.corner{
    background: url(../images/bg_archive-corner-hover.png) no-repeat 0 0;
}
#sub6 .submenuBlock ul li .row .archiveBtn:hover span.archive{
    color: #09391f;
    background: url(../images/seta2-hover.png)  #FFF no-repeat 55px 3px;
}


#sub6 .submenuBlock ul li .col{ position:relative; height:100px; min-width:125px; max-width:310px; margin-right:10px; float:left;}
#sub6 .submenuBlock ul li .col img{ width: 111px;height: 80px;
    border: 3px solid rgba(255, 255, 255, 0.4);
    border-radius: 3px;


}


#sub6 .submenuBlock ul li .title{ height:auto; }
#sub6 .submenuBlock ul li .title strong{ font-size:18px; color:#08522a; text-transform:capitalize; font-family: 'Open Sans', sans-serif; }
#sub6 .submenuBlock ul li p{
    height: 5px;
}
#sub6 .submenuBlock ul li .btn_readMore{ position:absolute; left:0; bottom:0; width:310px; padding-top:5px; border-top:1px dashed #ffffff;}
#sub6 .submenuBlock ul li .btn_readMore a{ font-size:10px; color:#09391f; text-transform:uppercase; font-weight:bold; letter-spacing:1px; font-family: 'Open Sans', sans-serif;}


/* BANNERS
******************************************/
#banners-wrapper
{
    position: relative;
    height: auto;
}
#banners-wrapper #green-bar
{
    background: url('../images/header_bar.png') repeat-x;
    width: 100%;
    height: 33px;
    position: absolute;
    bottom: 0;
    z-index: 11;
}
#banners
{
    /*
    width: 100%;
    position: absolute;
    z-index: 10;
    margin-top:-59px;
    height: auto;
    border: 1px solid #008000;
    max-height: 416px;
    */
    position: relative;
}
#banners{
    position: relative;
}
#banners img
{
    width:100%;
    height: auto;
    vertical-align: top;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

#banners-wrapper #green-bar .welcome
{
    line-height: 33px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
}


#banners-menu
{
    width:100%;
    height: 210px;
    position: relative;
}
#banners-menu img
{
    width:100%;
    height: 210px;
}
#banners-menu .title
{
    background: url("../images/header_title_sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 210px;
    left: 50%;
    margin-left: -502px;
    position: absolute;
    top: 0px;
    width: 940px;
}
#banners-menu .title h2 {
    background: url("../images/header_title_sprite.png") repeat-x scroll 0 -420px rgba(0, 0, 0, 0);
    color: #ffffff;
    float: left;
    font-size: 52px;
    height: 210px;
    line-height: 210px;
    margin-left: 32px;
    font-weight: normal;
}
#banners-menu .title .right-corner {
    background: url("../images/header_title_sprite.png") no-repeat scroll 0 -210px rgba(0, 0, 0, 0);
    float: left;
    height: 210px;
    width: 32px;
}


/*  BREADCRUMB
**************************************************/
.breadcrumbs
{
    height: 51px;
    line-height: 51px;
    vertical-align: middle;
    border-bottom: 1px solid #e6e5da;
    font-family: 'Open Sans',sans-serif;
    font-size: 10px;
}
.breadcrumbs img
{
    vertical-align: middle;
    padding: 0 5px 0 0;
}
.breadcrumbs .pathway
{
    text-transform: uppercase;
    padding: 0 5px;
    color: #799932;
}
.breadcrumbs span
{
    padding: 0 5px;
    color: #808080;
    text-transform: uppercase;
}

/* MAIN CONTENT
********************************************/
#container
{
    clear: both;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    top: -59px;
    width: 100%;
}

/* ============================= */
/* ========= CONTENT ========= */
/* ============================= */
#content{ width:940px; padding:0 10px; margin:0 auto; overflow:hidden; clear:both;}
/* ============================= */
/* ========= SIDEBAR ========= */
/* ============================= */
#content .sidebar{ overflow:hidden; display:block; float:left; min-height:587px; height:100%; width:210px; padding-right:15px; padding-top:30px; margin-right:20px; background: url(../images/bg_sidebar.png) no-repeat right 0;}
/* ============================= */
/* ========= MAIN ========= */
/* ============================= */
#content .main{ overflow:hidden; display:block; float:none; height:100%; width:100%;}
#content .main.with_nav{ width: 690px; float:left;padding: 40px 0 0 0;}

#container .main h1
{
    font-family: 'handsome w01 bold';
    text-align: center;
    color:#135732;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
}
#container .main h2
{
    font-family: 'Arvo', serif;
    font-size: 15px;
    line-height: 21px;
    color: #834d1a;
    text-align: center;
    font-style: italic;
    font-weight: normal;
    width: 450px;
    margin: 0 auto;
}



#container .main h3
{
    font-family: 'Arvo', serif;
    font-size: 15px;
    line-height: 21px;
    color:#834d1a;
    text-align: center;
    font-style: italic;
    font-weight: normal;
    width: 550px;
    margin: 0 auto;
    padding-bottom: 30px;
}
#content .main.with_nav .item-page h2
{
    font-family: 'handsome w01 bold';
    text-align: center;
    color:#135732;
    font-size: 50px;
}
#container .main .text p
{
    margin-bottom: 20px;
}
/* ============================= */
/* ========= SIDE NAV ========= */
/* ============================= */
#sideNav{ display:block;}

/* ============================= */
/* ========= SIDE NAV ========= */
/* ============================= */
#sideNav{ display:block;}
/* ========= LEVEL 1 ========= */
#sideNav ul.level_1{ display:block; overflow:hidden; width:100%; height:100%;}
#sideNav ul.level_1 > li{ display:block; overflow:hidden; width:auto; height:auto; text-align:right; background:url(../images/bg_level_1.png) repeat-x 0 bottom; padding:8px;  padding-bottom: 11px; margin-bottom:1px;}
#sideNav ul.level_1 > li:hover{ border-radius: 10px;}
#sideNav ul.level_1 > li > a{ display:block; overflow:hidden; width:100%; height:100%; font-size:18px; color:#135732; font-family: 'Arvo', serif;}
#sideNav ul.level_1 > li > a:hover{}
#sideNav ul.level_1 > li > a span{ display:block; width:100%; height:100%;}
#sideNav li.level_1.active { border-radius:10px; background: #f3f2da; color: #9ecb3b !important;}
#sideNav li.level_1:hover { border-radius:10px; background: #f3f2da;}

/*#sideNav ul.level_1 li.level_1.active a span{ color:red !important}*/

#sideNav ul.level_1 > li.level_1.active > a
{
    color: #9ecb3b !important;
}


/* ========= LEVEL 2 ========= */
#sideNav ul.level_2{ display:none; overflow:hidden; width:100%; height:100%;}
#sideNav ul.level_2 > li{ display:block; overflow:hidden; width:auto; height:auto; text-align:right; background:url(../images/bg_level_2.png) repeat-x 0 top; padding:8px;}
#sideNav ul.level_2 > li:first-child{ padding-top:10px; margin-top:5px; background:url(../images/bg_level_2_header.png) no-repeat right top;}
#sideNav ul.level_2 > li:hover{}
#sideNav ul.level_2 > li > a{ display:block; overflow:hidden; width:100%; height:100%; font-size:14px; color:#135732; font-weight:bold; font-family: 'Open Sans', sans-serif;}
#sideNav ul.level_2 > li > a:hover{}
#sideNav ul.level_2 > li > a cite{ display:block; width:100%; height:100%; font-style:normal;}
#sideNav ul.level_2 > li.active > a { color: #ff6600; }
/* ========= LEVEL 3 ========= */
#sideNav ul.level_3{ display:block; overflow:hidden; width:100%; height:100%;}
#sideNav ul.level_3 > li{ display:block; overflow:hidden; width:auto; height:auto; text-align:right; background:none; padding:2px 0;}
#sideNav ul.level_3 > li:hover{ border-radius: 10px;}
#sideNav ul.level_3 > li > a{ display:block; overflow:hidden; width:100%; height:100%; font-size:13px; color:#834d1a; font-weight:normal; font-family: 'Open Sans', sans-serif;}
#sideNav ul.level_3 > li > a:hover{ color:#ff6600;}
#sideNav ul.level_3 > li > a em{ display:block; width:100%; height:100%; font-style:normal;}

#sideNav ul.level_3 > li.active > a{ color:#ff6600;}

/* ========= LEVEL JS ========= */
#sideNav li.level_1.open{ background:#f3f2da; border-radius: 10px;}
#sideNav li.level_1.open ul.level_2{ display:block;}
#sideNav li.level_1.active ul.level_2{ display:block;}
#sideNav li.level_1.close{ background:url(../images/bg_level_1.png) repeat-x 0 bottom;}
#sideNav li.level_1.close ul.level_2{ display:none;}
#sideNav li.level_1.none ul.level_2{ display:none;}

#sideNav ul.level_1.active { border-radius:10px; background:#f3f2da;}
#sideNav ul.level_1.open { border-radius:10px; background:#f3f2da;}


/* BUTTONS
********************************************/
div.button {
    background-image: url("../images/buttons_sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
}
div.button.readmore {
    background-position: right -53px;
    height: 32px;
    margin-left: 11px;
}
div.button.readmore span {
    background: url("../images/buttons_sprite.png") no-repeat scroll 0 -53px rgba(0, 0, 0, 0);
    float: left;
    height: 32px;
    margin-left: -11px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 11px;
}
div.button.readmore a {
    color: #ffffff;
    display: block;
    font-family: 'Handsome W01 Bold',sans-serif;
    margin-left: -11px;
    padding: 2px 11px 0;
    text-decoration: none;
    text-shadow: 0 1px #082c16;
}
div.button.readmore.small a {
    font-size: 19px;
    line-height: 30px;
}
div.button.readmore.standard a {
    font-size: 24px;
    line-height: 26px;
}
div.button.readmore:hover {
    background-position: right -85px;
    cursor: pointer;
}
div.button.readmore:hover span {
    background-position: 0 -85px;
}
div.button.readmore:hover a {
    padding-top: 0;
}
.circle-button {
    background: url("../images/buttons_sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.circle-button.top {
    color: #a4a69f;
    display: block;
    font-family: 'Arvo',serif;
    font-size: 10px;
    font-weight: 700;
    height: 23px;
    line-height: 10px;
    margin: 100px auto 0 auto;
    padding-top: 32px;
    text-shadow: 0 1px #ffffff;
    text-transform: uppercase;
    width: 52px;
}
.circle-button.top:hover {
    background-position: -52px 0;
    color: #09391f;
    text-shadow: none;
}
/* FOOTER
******************************************/

#footer
{
    background: url('../images/footer_padrao.png') repeat-x top center;
    height: 254px;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
}
#footer .wrapper {
    margin: 0 auto;
    padding: 160px 10px 0;
    width: 940px;

}
#footer .column.one {
    color: #ffd58b;
    float: left;
    line-height: 19px;
    font-size: 13px;
    padding-top: 10px;
}
#footer .column.two {
    float: right;
    padding-top: 14px;
}
#footer .column.one strong {
    font-weight: 700;

}
address {
    font-style: normal;
}
address a {
    color: #ef9800 !important;
}
.social-media {
    float: right;
    margin-bottom: 10px;
}
.social-media .icon {
    background: url("../images/social_sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 33px;
    margin-left: 5px;
    width: 33px;
}
.social-media .icon span {
    display: none;
}
icon.youtube
{
    background-position: 0 0;
}
.youtube:hover {
    background-position: -33px 0;
}
.icon.flickr {
    background-position: 0 -33px;
}
.flickr:hover {
    background-position: -33px -33px;
}
.icon.facebook {
    background-position: 0 -66px;
}
.facebook:hover {
    background-position: -33px -66px;
}
.icon.twitter {
    background-position: 0 -99px;
}
.twitter:hover {
    background-position: -33px -99px;
}

/* PAGINATION
**************************************/
.articleFooter{ overflow:hidden; padding-top:17px; background:url('../images/bg_article-footer.png') no-repeat 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;}

ul#pagination{ display:block; float:left; width:auto;}
ul#pagination li{ display:block; float:left; width:29px; height:29px; margin-left:12px; color:#135732; text-align:center; font-weight:bold; cursor:default;}
ul#pagination li a{ display:block; width:29px; height:29px; line-height: 29px; color:#135732; text-decoration:none; background:url('../images/article-footer-pagination-numbers.png') no-repeat 0 0;}
ul#pagination li a.inactive{ cursor:default; background:url('../images/article-footer-pagination-numbers.png') no-repeat 0 -29px;}
ul#pagination li a:hover{}

ul#previousNext{ display:block; float:right; width:auto; margin-right: 8px;}
ul#previousNext li{  display:block; float:left; height:29px; margin-left:12px;}
ul#previousNext li a{ display:block; width:auto; height:29px; color:#135732; font-size:13px; line-height:27px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
ul#previousNext li a span.arrow{ display:block; width:18px; height:29px;}
ul#previousNext li a.active{}
ul#previousNext li a:hover{}

ul#previousNext li.previous{ background: url('../images/bg_previous.png') no-repeat right 0; padding-right:8px;}
ul#previousNext li.previous span.arrow{ float:left; background:url('../images/bg_previous-arrow.png') no-repeat 0 0;}
ul#previousNext li.next{ background: url('../images/bg_next.png') no-repeat 0 0; padding-left:8px;}
ul#previousNext li.next span.arrow{ float:right; background:url('../images/bg_next-arrow.png') no-repeat 0 0;}

ul#previousNext li.inactive.previous{ background: url('../images/bg_previous.png') no-repeat right -29px; padding-right:8px; display: none}
ul#previousNext li.inactive.previous span.arrow{ float:left; background:url('../images/bg_previous-arrow.png') no-repeat 0 -29px;  display: none}
ul#previousNext li.inactive.next{ background: url('../images/bg_next.png') no-repeat 0 -29px; padding-left:8px; display: none}
ul#previousNext li.inactive.next span.arrow{ float:right; background:url('../images/bg_next-arrow.png') no-repeat 0 -29px; display: none}
ul#previousNext li.inactive a{ color:#b3b3b3;}


/* SELECTOR
**********************************************/
.sbHolder {
    background-color: #f2f2f2;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    display: inline-block;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    position: relative;
    width: 180px;
}
.sbHolder:focus .sbSelector {
}
.sbSelector {
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 150px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
    color: #717171;
    outline: medium none;
    text-decoration: none;
}
.sbToggle {
    background: url("../images/select-icons.png") no-repeat scroll 0 -116px rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.sbToggle:hover {
    background: url("../images/select-icons.png") no-repeat scroll 0 -167px rgba(0, 0, 0, 0);
}
.sbToggleOpen {
    background: url("../images/select-icons.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
}
.sbToggleOpen:hover {
    background: url("../images/select-icons.png") no-repeat scroll 0 -66px rgba(0, 0, 0, 0);
}
.sbHolderDisabled {
    background-color: #3c3c3c;
    border: 1px solid #515151;
}
.sbHolderDisabled .sbHolder {
}
.sbHolderDisabled .sbToggle {
}
.sbOptions {
    background-color: #f2f2f2;
    border: 1px solid #c3c3c3;
    left: -1px;
    list-style: none outside none;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 180px;
    z-index: 10;
}
.sbOptions li {
    padding: 0 7px;
}
.sbOptions a {
    border-bottom: 1px dotted #c3c3c3;
    display: block;
    outline: medium none;
    padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited {
    color: #717171;
    text-decoration: none;
}
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
    color: #799932;
}
.sbOptions li.last a {
    border-bottom: medium none;
}
.sbOptions .sbDisabled {
    border-bottom: 1px dotted #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup {
    border-bottom: 1px dotted #515151;
    color: #ebb52d;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbSub {
    padding-left: 17px;
}
/* RECIPES
*******************************************************/
#container .main.with_nav .item-page #recipe-hightlight-wrap
{
    position: relative;
    margin: 30px 0 0 0;
}
#container .main.with_nav .item-page .qta-recipe-maincontent
{
    width: 680px;
    padding: 20px 0 60px 10px;
    font-family: 'Open Sans', sans-serif;
    color: #1f1f1f;
    line-height: 28px;
}

#container .main.with_nav .item-page .qta-recipe-maincontent strong
{
    font-weight: 700;
}
#container .main.with_nav .item-page #recipe-hightlight
{
    background: url('../images/recipe-bg-highlight.png') center top no-repeat;
    display: block;
    height: 321px;
    padding:10px 0 0 10px;
    position: relative;
}

#recipe-ingredients
{
    background: url('../images/recipe-bg-ingredients.png') center top no-repeat;
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 10;
    display: block;
    width: 247px;
    height: 322px;
}
#container .main.with_nav .item-page #recipe-ingredients h1
{
    font-size: 28px;
    line-height: 21px;
    color: #135732;
    font-weight: 700;
    padding: 16px 0 0 35px;
    margin-bottom: 15px;
}
#recipe-ingredients-wrap
{
    width: 180px;
    height: 240px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin:  0 0 0 53px;
}
#recipe-ingredients-wrap .scroll-pane
{
    height: 240px;
}
#qta-page-items
{

}
#qta-page-items .articleHeader{ clear:both; height:30px; padding-top:14px; padding-bottom:11px; background:url('../images/bg_article-header.png') no-repeat 0 bottom;}
#qta-page-items.qta-page-news .articleHeader{ clear:both; height:39px; padding-top:14px; padding-bottom:11px; background:url('../images/news-social-bg.png') no-repeat 0 bottom;}
#qta-page-items .articleHeader strong{ display:block; float:left; width:auto; margin-left:13px; line-height:40px; font-size:22px; font-weight:bold; color:#135732; font-family: 'Arvo',serif;}
#qta-page-items.tips .articleHeader strong{ display:block; float:left; width:auto; margin-left:13px; line-height:40px; font-size:10px; font-weight:bold; color:#ff6600;font-family: 'Open Sans', sans-serif; }
#qta-page-items .articleHeader .articleHeaderSelect{ display:block; float:right; width:auto; text-align:left;position: relative}
#qta-page-items .articleHeaderSelect #qta-btn-print,
#qta-page-items .articleHeaderSelect #qta-btn-share
{
    width: 101px;
    height: 33px;
    float: left;
    text-align: left;
    margin: 0 0 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #808080;
    cursor: pointer;
}
#qta-page-items .articleHeaderSelect #qta-btn-print span,
#qta-page-items .articleHeaderSelect #qta-btn-share span
{
    display: block;
    margin-left: 30px;
    text-align: center;
}
#qta-page-items .articleHeaderSelect #qta-btn-print
{
    background: url("../images/btn-print.png") no-repeat;
}
#qta-page-items .articleHeaderSelect #qta-btn-share
{
    background: url("../images/btn-share.png") no-repeat;

}
#qta-page-items .articleHeaderSelect .addthis_sharing_toolbox
{
    width: 180px;
}
#qta-page-items.qta-page-news #qta-btns-likes-wrap
{
    background: none;
}
#qta-page-items.qta-page-news #qta-btns-likes-wrap ul
{
    padding: 0 0 0 12px;
}
#qta-page-items.qta-page-news .articleHeader div#source-wrap
{
     display:block;float:left; width:auto; margin-left:13px; line-height:30px;
}
#qta-page-items.qta-page-news .articleHeader div#source-wrap #source
{
    font-size: 10px;
    color:#808080;
}
#qta-page-items.qta-page-news .articleHeader div#source-wrap a
{
    font-size: 10px;
    color:#8bb926;
    background: url('../images/icon-pdf.png') 0 7px no-repeat;
    display: inline-block;
    padding: 0 0 0 15px;
}
#addthis-share
{
    float: left;
    overflow: hidden;
    width: 0;
}

/* BTNS LIKES
***********************************/
#qta-btns-likes-wrap
{
    background: url('../images/btns-likes-bg.png') left top no-repeat;
    display: block;
}
#qta-btns-likes-wrap ul
{
    display: inline-block;
    padding: 20px 0 0 12px;
}
#qta-btns-likes-wrap ul li
{
    float: left;
    width: 100px;
}
#qta-btns-likes-wrap ul li#googleplus
{
    width: 70px;
}
/* FB COMMENTS
***********************************************/
#qta-comments
{
    width: 690px;
    overflow-x: hidden;
    margin: 50px 0 0 0;
}

/* NEWS
************************************************/
h1.news-main-title
{
    background: url("../images/news-title-bg.png") center bottom no-repeat;
    padding: 0 0 25px;
    margin-bottom: 20px;
}
div.news-date
{
    font-size: 10px;
    color: #808080;

}
#container .main.with_nav .item-page h1.news-title
{
    font-family: 'Arvo', serif;
    font-size: 32px;
    line-height: 36px;
    text-align: left;
    font-weight: 300;
    color: #8bb926;

}
blockquote{
    display:block;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;
    color: #808080;
    font-family: 'Arvo', serif;
    font-size: 27px;
    line-height: 27px;
}

blockquote::before{
    content: "\201C"; /*Unicode for Left Double Quote*/
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #808080;
    /*Positioning*/
    position: absolute;
    left: 10px;
    top:5px;
}

blockquote::after{
    /*Reset to make sure*/
    content: "\201D"; /*Unicode for Left Double Quote*/
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #808080;
    /*Positioning*/
    position: absolute;
    right: 10px;
    bottom:-10px;
}
/* EXCEPTIONS
**********************************************/
.img-fulltext-left
{
    /*display: none;*/
}
/* ============================= */
/* ========= HOMEPAGE ========= */
/* ============================= */
#homePageBlock{ overflow:hidden; display:block; padding-top:33px;}

/* ============================= */
/* ========= homeMain ========= */
/* ============================= */
#homePageBlock .homeMain{ overflow:hidden; display:block; float:left; width:610px;}

/* ========= archiveNewsBlock ========= */
.archiveNewsBlock{ overflow:hidden; display:block; width:100%; height:100%;}
/**/
.archiveNewsBlock .archiveNewsHeader{ overflow:hidden; width:610px; padding-bottom:18px; background:url(../images/bg_line-gray.png) repeat-x 0 7px;}
.archiveNewsBlock .archiveNewsHeader strong{ display:block; float:left; width:auto; padding-right:15px; background:#ffffff; font-size:16px; line-height:16px; color:#b2b2b2; text-transform:uppercase; font-weight:normal; font-family: 'Arvo', serif;}

.archiveNewsBlock .archiveNewsHeader .archiveBtn{ display:block; float:right; width:auto; height:16px;}
.archiveNewsBlock .archiveNewsHeader .archiveBtn a{ color:#ffffff; font-size:10px; text-transform:uppercase; letter-spacing:1px; font-family: 'Open Sans', sans-serif;line-height: 15px}
.archiveNewsBlock .archiveNewsHeader .archiveBtn span.corner{ display:block; overflow:hidden; float:left; width:12px; height:16px; background:url(../images/bg_archive-corner-gray.png) no-repeat 0 0;}
.archiveNewsBlock .archiveNewsHeader span.archive{
    background: url(../images/seta2.png) #09391f no-repeat 55px 3px;
    font-family: 'Open Sans' !important; font-size: 10px !important; padding-top: 1px;
    display:block; overflow:hidden; float:left; width:auto; height:15px; padding-right:8px; background:#cccccc; border-radius: 0 10px 10px 0; }
/**/
.homeMain .archiveNewsBlock .archiveNewsMain{ overflow:hidden; margin-bottom:40px; }
.homeMain .archiveNewsBlock .archiveNewsMain .colBlock{ width:295px; float:left; margin-left:20px;}
.homeMain .archiveNewsBlock .archiveNewsMain .colBlock:first-child{ margin-left:0;}
.homeMain .archiveNewsBlock .archiveNewsMain .colBlock .imageDiv{ width:100%; height:168px; padding-bottom:22px; background:url(../images/bg_image-base.png) no-repeat 0 bottom;}
.homeMain .archiveNewsBlock .archiveNewsMain .colBlock .imageDiv img{ display:block; width:100%; height:168px; border-radius: 5px 5px 0 0;}
.homeMain .archiveNewsBlock .archiveNewsMain .colBlock .title{ display:table; width:100%; height:40px; margin-bottom:10px;}
.homeMain .archiveNewsBlock .archiveNewsMain .colBlock .title strong{ display: table-cell; vertical-align: middle; font-size:18px; line-height:18px; color:#799932; font-family: 'Open Sans', sans-serif;}
.homeMain .archiveNewsBlock .archiveNewsMain .colBlock .readMore{ padding:10px 0; border-bottom: 2px solid #cccccc; background:url(../images/bg_level_2.png) repeat-x 0 0;}
.homeMain .archiveNewsBlock .archiveNewsMain .colBlock .readMore a{ display:block; color:#799932; font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-family: 'Open Sans', sans-serif;}

/* ========= homeBanner ========= */
.homeBanner{ position:relative; overflow:hidden; display:block; width:610px; height:221px; margin-bottom:20px; background: url(../images/bg_home-banner.png) no-repeat 0 0; }
.homeBanner .joinTheClub{ position:absolute; right:5px; top:102px; width:235px; text-align:center; font-size:30px; font-weight:normal; color:#135732; font-family: 'Handsome W01 Bold';}
.homeBanner .knowMore{ position:absolute; right:5px; top:140px; width:235px; text-align:center;}

/* ========= archiveNewsBlock ========= */
.archiveRecipeBlock{ overflow:hidden; display:block; width:100%; height:100%;}
/**/
.archiveRecipeBlock .archiveRecipeHeader{ overflow:hidden; width:610px; padding-bottom:18px; background:url(../images/bg_line-gray.png) repeat-x 0 7px;}
.archiveRecipeBlock .archiveRecipeHeader strong{ display:block; float:left; width:auto; padding-right:15px; background:#ffffff; font-size:16px; line-height:16px; color:#b2b2b2; text-transform:uppercase; font-weight:normal; font-family: 'Arvo', serif;}

.archiveRecipeBlock .archiveRecipeHeader .archiveBtn{ display:block; float:right; width:auto; height:16px;}
.archiveRecipeBlock .archiveRecipeHeader .archiveBtn a{ color:#ffffff; font-size:10px; text-transform:uppercase; letter-spacing:1px; font-family: 'Open Sans', sans-serif;}
.archiveRecipeBlock .archiveRecipeHeader .archiveBtn span.corner{ display:block; overflow:hidden; float:left; width:12px; height:16px; background:url(../images/bg_archive-corner-gray.png) no-repeat 0 0;}
.archiveRecipeBlock .archiveRecipeHeader span.archive{
    margin-top: -2px;
    display:block; overflow:hidden; float:left; width:auto; height:18px; padding-right:8px; background:#cccccc; border-radius: 0 10px 10px 0; }
/**/
.archiveRecipeBlock .archiveRecipeMain{ overflow:hidden;}

.archiveRecipeBlock .archiveRecipeMain .colImg{ position:relative; width:270px; padding:12px; height:203px; overflow:hidden; float:left; background:url(../images/bg_image-block.png) no-repeat 0 0;}
.archiveRecipeBlock .archiveRecipeMain .colImg img{ display:block; width:270px;height: 180px}
.archiveRecipeBlock .archiveRecipeMain .colImg .colImgFlag{ position:absolute; right:15px; top:0; width:68px; height:73px; padding-top:10px; text-align:center; text-align:center; font-size:18px; line-height:20px; font-weight:normal; color:#ffffff; font-family: 'Handsome W01 Bold'; background:url(../images/bg_flag.png) no-repeat 0 0;}
.archiveRecipeBlock .archiveRecipeMain .colText{ position:relative; width:296px; height:204px; overflow:hidden; float:right;}
.archiveRecipeBlock .archiveRecipeMain .colText .title{ display:block; width:100%; max-height:38px; margin-bottom:10px; overflow:hidden;}
.archiveRecipeBlock .archiveRecipeMain .colText .title strong{ display:block; font-size:18px; line-height:18px; color:#799932; font-family: 'Open Sans', sans-serif;}

.archiveRecipeBlock .archiveRecipeMain .colText .description{ overflow:hidden; display:block; max-height:100px; font-family: 'Open Sans', sans-serif; margin-top: -4px;
    margin-bottom: -6px;}
.archiveRecipeBlock .archiveRecipeMain .colText .description ul{}
.archiveRecipeBlock .archiveRecipeMain .colText .description ul li{ display:block; width:auto; font-size:12px; color:#1f1f1f; line-height: 17px; }
.archiveRecipeBlock .archiveRecipeMain .colText .description ul li span{ font-size:16px; line-height:12px;}

.archiveRecipeBlock .archiveRecipeMain .colText .foodType{ padding:10px 0; color:#ff6600; font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-family: 'Open Sans', sans-serif;}

.archiveRecipeBlock .archiveRecipeMain .colText .readMore{ position:absolute; left:0; bottom:0; width:300px; padding:6px 0; border-bottom: 2px solid #cccccc; background:url(../images/bg_level_2.png) repeat-x 0 0;}
.archiveRecipeBlock .archiveRecipeMain .colText .readMore a{ display:block; color:#799932; font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-family: 'Open Sans', sans-serif;}

/* ============================= */
/* ========= homeSide ========= */
/* ============================= */
#homePageBlock .homeSide{ overflow:hidden; display:block; float:right; width:302px; }

/* ========= tree60Block ========= */
#homePageBlock .homeSide .tree60Block{ width:auto; height:274px; margin-bottom:40px; margin-top:5px; padding:16px 20px; background: url(../images/bg_tree60-block.png) no-repeat 0 0;}
#homePageBlock .homeSide .tree60Block a{ line-height: 28px; font-size:23px; color:#9ecb3b; text-transform:uppercase; font-family: 'Arvo', serif;}

/* ========= milkBlock ========= */
#homePageBlock .homeSide .milkBlock{ position:relative; width:auto; height:283px; padding:20px 0; margin-bottom:30px; background:url(../images/bg_milk.png) no-repeat 0 0;}
#homePageBlock .homeSide .milkBlock .milkText{ font-size:21px; color:#9ecb3b; text-transform:uppercase; text-align:center; font-family: 'Arvo', serif;}
#homePageBlock .homeSide .milkBlock .knowMore{ position:absolute; left:0; top:275px; width:302px; text-align:center;}

/* ========= milkBlock ========= */
#homePageBlock .homeSide .postIt{ position:relative; width:auto; height:217px; background:url(../images/bg_post-it.png) no-repeat 0 0;}
#homePageBlock .homeSide .postIt .postText{ text-align:center; font-size:37px; line-height:40px; padding-top:20px; font-weight:normal; color:#135732; font-family: 'Handsome W01 Bold';}
#homePageBlock .homeSide .postIt .knowMore{ position:absolute; left:0; top:150px; width:302px; text-align:center;}

/* ============================= */
/* ========= WHO WE ARE BLOCK ========= */
/* ============================= */
#whoWeAreBlock{ overflow:hidden; display:block; width:100%; height:auto; padding-top:35px; }

/* ========= whoWeAreHighlight ========= */
#whoWeAreBlock .whoWeAreHighlight{ overflow:hidden; display:block; margin-bottom:20px;}
#whoWeAreBlock .whoWeAreHighlight img{ overflow:hidden; display:block; }

/* ========= whoWeAreNames ========= */
#whoWeAreBlock .whoWeAreNames{ overflow:hidden; display:block; margin-bottom:45px;}
#whoWeAreBlock .whoWeAreNames ul{ overflow:hidden; display:block;}
#whoWeAreBlock .whoWeAreNames ul li{ display: block;
    float: left;
    width: 209px;
    height: 53px;
    padding-top: 14px;
    text-align: center;
    border: 1px dashed #9ecb3b;
    font-size: 15px;
    font-weight: bold;
    color: #135732;
    font-family: 'Arvo', serif;
    text-transform: uppercase;
    border-radius: 6px;
}
#whoWeAreBlock .whoWeAreNames ul li a{ display:block; color:#135732; width:100%; height:100%; text-decoration:none;}
#whoWeAreBlock .whoWeAreNames ul li a:hover{}

#whoWeAreBlock .whoWeAreNames ul.tree{ margin-bottom:30px;}
#whoWeAreBlock .whoWeAreNames ul.tree li{ margin-left:28px;}
#whoWeAreBlock .whoWeAreNames ul.tree li:first-child{ margin-left:0;}

#whoWeAreBlock .whoWeAreNames ul.two{}
#whoWeAreBlock .whoWeAreNames ul.two li{ margin-left:28px;}
#whoWeAreBlock .whoWeAreNames ul.two li:first-child{ margin-left:125px;}


/* ========= whoWeAreTextBlock ========= */
#whoWeAreBlock .whoWeAreTextBlock{ overflow:hidden; display:block; margin-bottom:45px;}
#whoWeAreBlock .whoWeAreTextBlock .whoWeAreText{ overflow:hidden; display:block; }
#whoWeAreBlock .whoWeAreTextBlock .whoWeAreText strong.title{ display:block; width:100%; height:100%; margin-bottom:10px; font-size:21px; color:#135732; font-family: 'Arvo', serif;}
#whoWeAreBlock .whoWeAreTextBlock .whoWeAreText p{ display:block; margin-bottom:28px;}
#whoWeAreBlock .whoWeAreTextBlock .whoWeAreText img{ display:block; clear:both; margin-bottom:10px;}
#whoWeAreBlock .whoWeAreTextBlock .whoWeAreText img.left{ float:left; margin-right:30px;}
#whoWeAreBlock .whoWeAreTextBlock .whoWeAreText img.right{ float:right; margin-left:30px;}

/* ============================= */
/* ========= PRODUCTS BLOCK ========= */
/* ============================= */
#productsBlock{ width:940px; margin-bottom:20px;}
#productsBlock strong.title{ font-size:36px; font-weight:bold; color:#135732; font-family: 'Arvo',serif; line-height: 40px;}
#productsBlock div p{ margin:0; display:block; line-height: 1.5em;}

/* ========= FRESH MILK BLOCK ========= */
#freshMilkBlock{ position:relative; width:100%; min-height:473px; height:100%; overflow:hidden; background:url(../../../images/bg_fresh-milk.png) no-repeat 0 0;}
#freshMilkBlock .first-paragraph{ margin-left:444px; height:145px; overflow:hidden;}
#freshMilkBlock .second-paragraph{ margin-left:584px; height:132px; overflow:hidden;}
#freshMilkBlock a.knowMore{ position:absolute; left:586px; top:283px; display:block; width:83px; height:80px; text-indent:-9000px;}

/* ========= YOGHURTS BLOCK ========= */
#yoghurtsBlock{ position:relative; width:100%; height:100%; margin-top:-40px; padding-bottom:524px; overflow:hidden; text-align:center; background:url(../../../images/bg_yoghurts.png) no-repeat 0 bottom;}
#yoghurtsBlock p{ margin:1em 2em !important;}
#yoghurtsBlock a.knowMore{ position:absolute; left:442px; bottom:186px; display:block; width:83px; height:80px; text-indent:-9000px;}

/* ========= CHEESE BLOCK ========= */
#cheeseBlock{ position:relative; width:100%; min-height:100%; height:100%; margin-top:-20px; margin-bottom:35px; padding-bottom:296px; overflow:hidden; text-align:center; background:url(../../../images/bg_cheese.png) no-repeat 0 bottom;}
#cheeseBlock p{ margin:1em 10em !important;}
#cheeseBlock a.knowMore{ position:absolute; left:489px; bottom:99px; display:block; width:83px; height:80px; text-indent:-9000px;}

/* ========= ICE CREAM BLOCK ========= */
#icecreamBlock{ position:relative; height:100%; min-height:234px; padding-right:500px; overflow:hidden; text-align:right; background:url(../../../images/bg_icecream.png) no-repeat right 0;}
#icecreamBlock p{ margin:1em 0 1em 3em !important;}
#icecreamBlock a.knowMore{ position:absolute; right:110px; top:52px; display:block; width:83px; height:80px; text-indent:-9000px; text-align:left;}

/* ========= MEAT BLOCK ========= */
#meatBlock{ position:relative; width:100%; min-height:100%; height:100%; padding-bottom:465px; overflow:hidden; text-align:center; background:url(../../../images/bg_meat.png) no-repeat 0 bottom;}
#meatBlock p{ margin:1em 10em !important;}
#meatBlock a.knowMore{ position:absolute; right:129px; bottom:174px; display:block; width:83px; height:80px; text-indent:-9000px;}


/* ============================= */
/* ========= VISION VALUE BLOCK ========= */
/* ============================= */
#visionValueBlock{ width:690px; margin:0 auto; height:100%;}
#visionValueBlock strong.title{ font-size:21px; font-weight:bold; color:#135732; font-family: 'Arvo',serif;}
#visionValueBlock div p{ margin:0; display:block; line-height: 1.5em;}


/* ========= TRUE BLOCK ========= */
#trueBlock{ padding-bottom:40px; text-align:left; background:url(../../../images/repeater-border.jpg) repeat-y 38px 47px; }
#trueBlock .row{ padding-left:182px; padding-right:28px; min-height:46px; background:url(../../../images/bg_trueblock.jpg) no-repeat 0 0;}
#trueBlock .row p{}

/* ========= HEATHY BLOCK ========= */
#healthyBlock{ text-align:left; background:url(../../../images/repeater-border.jpg) repeat-y 38px 0; }
#healthyBlock .row{ position:relative; padding-left:133px; padding-right:28px; padding-bottom:45px; background:url(../../../images/bg_healthyBlock.jpg) no-repeat left bottom; }
#healthyBlock .row p{}
#healthyBlock img.icon-healthy{ position:absolute; left:74px; bottom:27px;}

/* ========= RIGOROUS BLOCK ========= */
#rigorousBlock{ position:relative; text-align:right; padding-bottom:41px; background:url(../../../images/bg_rigorousBlock.jpg) no-repeat 0 bottom; }
#rigorousBlock .row{ padding-left:50px; padding-right:128px; background:url(../../../images/repeater-border.jpg) repeat-y 603px 0; }
#rigorousBlock .row p{}
#rigorousBlock img.icon-rigorous{ position:absolute; right:59px; top:0;}

/* ========= TASTY BLOCK ========= */
#tastyBlock{ position:relative; text-align:left; padding-bottom:44px; background:url(../../../images/bg_tastyBlock.jpg) no-repeat 0 bottom; }
#tastyBlock .row{ padding-left:132px; padding-right:28px; background:url(../../../images/repeater-border.jpg) repeat-y 81px 0; }
#tastyBlock .row p{}
#tastyBlock img.icon-tasty{ position:absolute; left:50px; top:10px;}

/* ========= INNOVATIVE BLOCK ========= */
#innovativeBlock{ position:relative; text-align:right; padding-bottom:38px; background:url(../../../images/bg_innovativeBlock.jpg) no-repeat 0 bottom; }
#innovativeBlock .row{ padding-left:50px; padding-right:112px; background:url(../../../images/repeater-border.jpg) repeat-y 631px 0; }
#innovativeBlock .row p{}
#innovativeBlock img.icon-innovative{ position:absolute; right:22px; top:10px;}

/* ========= ENVIRONMENT BLOCK ========= */
#environmentBlock{ position:relative; text-align:left; padding-bottom:90px; background:url(../../../images/bg_environmentBlock.jpg) no-repeat 0 bottom; }
#environmentBlock .row{ padding-left:132px; padding-right:28px; background:url(../../../images/repeater-border.jpg) repeat-y 83px 0; }
#environmentBlock .row p{}
#environmentBlock img.icon-environment{ position:absolute; left:42px; top:10px;}

/* ========= ENTHUSIASTIC BLOCK ========= */
#enthusiasticBlock{ position:relative; text-align:center; padding-bottom:81px; background:url(../../../images/bg_enthusiasticBlock.jpg) no-repeat 0 bottom; }
#enthusiasticBlock .row{ padding:0 60px; background:url(../../../images/repeater-border.jpg) repeat-y 661px 0; }
#enthusiasticBlock .row p{}

/* ========= HOSPITABLE BLOCK ========= */
#hostpitableBlock{ position:relative; text-align:center; padding-bottom:63px; background:url(../../../images/repeater-border.jpg) repeat-y 11px 0; }
#hostpitableBlock .row{ padding:0 60px; }
#hostpitableBlock .row p{}

/* ========= NEXT BLOCK ========= */
#nextBlock{ padding-bottom:40px; text-align:left; }
#nextBlock .row{ padding-left:182px; padding-right:28px; min-height:81px; background:url(../../../images/bg_nextBlock.jpg) no-repeat 0 0;}
#nextBlock .row p{}



#formBlock{}
#formBlock strong.title{ display:block; width:100%; height:100%; margin-bottom:10px; font-size:24px; color:#135732; text-align:center; text-transform:uppercase; font-family: 'Arvo', serif;}
#formBlock legend{ display:block; width:100%; height:auto; margin-bottom:20px; padding:8px 0; font-size:14px; color:#808080; text-align:center; text-transform:uppercase; font-weight:bold; font-family: 'Arvo', serif; background:#d9d9d9; border-radius:10px;}


#formBlock{}
#formBlock fieldset{ display:block; margin-bottom:30px;}
#formBlock .row{ display:block; overflow:hidden; clear:both; width:auto; padding-right:5px; margin-bottom:20px;}
#formBlock .row label{ display:block; width:100%; font-weight:bold; text-transform:uppercase; color:#808080; font-size:12px;}
#formBlock .row label span{ color:#00823b;}
#formBlock .row input[type='text']{ display:block; width:98%; padding:5px 1%; height:29px; border:1px solid #cccccc; border-radius:5px; background:#ffffff; color:#808080; font-size:14px;}
#formBlock .row .col input[type='text']{ width:96%; padding:5px 2%;}

#formBlock .row .col{ display:block; width:48%; float:right;}
#formBlock .row .col:first-child{ float:left;}

#formBlock .row .location {
    width: 73%;
}
#formBlock .row .postalCode {
    width: 25%;
}
#formBlock .row #cp1 {
    float: left;
    text-align: center;
    width: 40% !important;
}
#formBlock .row .postalCode em {
    display: block;
    float: left;
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    width: 12%;
}
#formBlock .row #cp2 {
    float: left;
    text-align: center;
    width: 30% !important;
}
#formBlock .row .childrenblock {
    background-color: #f2f2f2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
}
#formBlock .row .childrenyesno
{
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
#formBlock .row .childrenyesno input,
#formBlock .row .childrenyesno span
{
    float: left !important;
    display: inline-block;
    padding: 0 5px;
    ;

}
#formBlock .row .childrenyesno label

{
    float: left !important;
    width: 15%;
    display: inline-block;

}
#formBlock .row .childrennumber label
{
    float: left !important;
    width: 22%;
    display: inline-block;
    line-height: 40px;
}
#formBlock .row .childrennumber label.childrenages
{
    float: left !important;
    width: 10% !important;
    display: inline-block;
    line-height: 40px;
    padding: 0 0 0 20px;
}
#formBlock .row .childrennumber input#childrennumber
{
    width: 5%;
    float: left;
}
#formBlock .row .childrennumber input#childrenages
{
    width: 55%;
    float: left;
}

#formBlock .radioBlock {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #cccccc -moz-use-text-color;
    border-image: none;
    border-radius: 20px;
    border-style: solid none;
    border-width:0 0 2px 0;
    margin-top: 35px;
    overflow: hidden;
    padding: 20px 20px 10px;
}
#formBlock .radioBlock strong {
    color: #808080;
    display: block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
}
#formBlock .radioBlock label {
    color: #1f1f1f;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-right: 10px;
    text-transform: capitalize;
    width: auto;
}
#formBlock .regulation
{
    text-align: center;
    margin: 10px 0;
}

#formBlock #submit.row {
    text-align: center;
}

/* ============================= */
/* ========= JOIN THE CLUB ========= */
/* ============================= */
#joinTheClub{ overflow:hidden; padding-top:5px;}

#joinTheClub .joinTheClubHighlight{ overflow:hidden; display:block; margin-bottom:20px;}
#joinTheClub .joinTheClubHighlight img{ overflow:hidden; display:block; }

#joinTheClub p{ display:block; margin-bottom:28px;}
#joinTheClub img{ display:block; clear:both; margin-bottom:10px;}
#joinTheClub img.left{ float:left; margin-right:30px;}
#joinTheClub img.right{ float:right; margin-left:30px;}

#joinTheClub .clubDescription{ overflow:hidden; margin-bottom:50px;}
#joinTheClub .clubDescription ul{ display:block; float:left; width:385px;}
#joinTheClub .clubDescription ul li{ display:block; margin-bottom:10px; padding-left:10px;}
#joinTheClub .clubDescription ul li span{ margin-left:-10px;}

#joinTheClub #formBlock{}
#joinTheClub #formBlock strong.title{ display:block; width:100%; height:100%; margin-bottom:10px; font-size:24px; color:#135732; text-align:center; text-transform:uppercase; font-family: 'Arvo', serif;}
#joinTheClub #formBlock legend{ display:block; width:100%; height:auto; margin-bottom:20px; padding:8px 0; font-size:14px; color:#808080; text-align:center; text-transform:uppercase; font-weight:bold; font-family: 'Arvo', serif; background:#d9d9d9; border-radius:10px;}


#joinTheClub #formBlock{}
#joinTheClub #formBlock fieldset{ display:block; margin-bottom:30px;}
#joinTheClub #formBlock .row{ display:block; overflow:hidden; clear:both; width:auto; padding-right:5px; margin-bottom:20px;}
#joinTheClub #formBlock .row label{ display:block; width:100%; font-weight:bold; text-transform:uppercase; color:#808080; font-size:12px; letter-spacing:1px;}
#joinTheClub #formBlock .row label span{ color:#00823b;}
#joinTheClub #formBlock .row input[type='text']{ display:block; width:98%; padding:5px 1%; height:29px; border:1px solid #cccccc; border-radius:5px; background:#ffffff; color:#808080; font-size:14px;}
#joinTheClub #formBlock .row .col input[type='text']{ width:96%; padding:5px 2%;}

#joinTheClub #formBlock .row .col{ display:block; width:48%; float:right;}
#joinTheClub #formBlock .row .col:first-child{ float:left;}

/**/

#joinTheClub #formBlock .row .postalCode{ width:25%;}
#joinTheClub #formBlock .row .postalCode em{ display:block; float:left; width:12%; font-size:20px; line-height:33px; text-align:center;}
#joinTheClub #formBlock .row .postal1{ float:left; text-align:center; width:40% !important; }
#joinTheClub #formBlock .row .postal2{ float:left; text-align:center; width:30% !important; }

#joinTheClub #formBlock .row .location{ width:73%;}

/**/
#joinTheClub #formBlock .radioBlock{ overflow:hidden; border:2px solid #cccccc; border-right:0; border-left:0; border-radius: 20px; padding:20px 20px 10px; margin-top:35px;}
#joinTheClub #formBlock .radioBlock strong{ display:block; width:100%; font-weight:bold; text-transform:uppercase; color:#808080; font-size:12px; letter-spacing:1px;}
#joinTheClub #formBlock .radioBlock label{ font-size:12px; color:#1f1f1f; width:auto; float:left; font-weight:normal; margin-right:10px; text-transform:capitalize;}
#joinTheClub #formBlock .radioBlock input{ width:auto;}

#joinTheClub #formBlock .radioBlock2{ overflow:hidden; border-bottom:2px solid #cccccc; border-radius: 20px; padding:20px 20px 10px; margin-top:35px; margin-bottom:10px;}
#joinTheClub #formBlock .radioBlock2 strong{ display:block; width:100%; font-weight:bold; text-transform:uppercase; color:#808080; font-size:12px; letter-spacing:1px;}
#joinTheClub #formBlock .radioBlock2 label{ font-size:12px; color:#1f1f1f; width:auto; float:left; font-weight:normal; margin-right:10px; text-transform:capitalize;}
#joinTheClub #formBlock .radioBlock2 input{ width:auto;}

#joinTheClub #formBlock .childrenBlock{ display:block; overflow:hidden; width:auto; height:auto; padding:10px; background:#f2f2f2; border-radius:10px;}

/**/

#joinTheClub #formBlock .row#submit{ text-align:center; }

#visit-farm
{
    /*border: 1px solid red;*/
    width: 750px;
    margin: 0 auto;
}
#visit-farm fieldset div
{
    float: left;
}
#visit-farm label
{
    display: block;
    color: #808080;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#visit-farm input{
    height: 29px;
}
#visit-farm textarea
{
    resize: none;
    font-family: 'open sans';
    width: 748px;
    height: 120px;
}
#visit-farm input,
#visit-farm textarea
{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: #808080;
    display: block;
    font-size: 14px;
    text-indent: 5px;
}
#visit-farm .col
{
    margin-right: 20px;
}
#visit-farm .row
{
    margin: 10px 0;
}
#visit-farm #col-responsible input,
#visit-farm #col-entity input
{
    width: 362px;
}
#visit-farm #col-phone input
{
    width: 170px;
}
#visit-farm #col-email input
{
    width: 250px;
}
#visit-farm div#submit {
    text-align: center;
    margin: 30px 0 0 0;
}
/*
LIFETIPS
************************/
/* ========= TIPS BLOCK ========= */
#tipsBlock{ width:100%; height:480px; overflow:hidden; background:url('../images/bg_tips-block.png') no-repeat 0 0;}
#tipsBlock .tipsBlockHeader{ height:60px; margin-bottom:10px; background:url('../images/bg_tips-block-header.png') no-repeat 0 0;}
#tipsBlock .tipsBlockHeader strong{ display:block; font-size:24px; line-height:60px; color:#FFFFFF; text-align:center; font-weight:bold; font-family: 'Arvo',serif;}
#tipsBlock .tipsBlockMain{}
#tipsBlock .tipsBlockMain ul{ padding:0; display:block; overflow:hidden; width:46%; margin:0 1% 0 3%; float:left;}
#tipsBlock .tipsBlockMain ul li{ margin:0; padding:0; display:block; overflow:hidden;}
#tipsBlock .tipsBlockMain ul li span{ display:block; float:left;}
#tipsBlock .tipsBlockMain ul li span.bullet{ width:31px; height:25px; padding-top: 6px; text-align:center; font-size:16px; color:#FFFFFF; font-weight:bold; font-family: 'Arvo',serif; background:url('../images/bg_tips-block-main-bullet.png') no-repeat 0 0;}
#tipsBlock .tipsBlockMain ul li span.text{ width:260px; padding:0 10px; margin:4px 0 15px 0; font-size:14px;}
/*
JOGOS
/*************/
#container .main h3.games-title
{
    font-family: "comic-serif-pro",serif !important;
    color: #9ecb3b !important;
    font-size: 22px !important;
    line-height: 22px !important;
    text-shadow: 2px 2px #000;
    text-transform: uppercase;
    margin: 30px 0 15px 0;
    font-style: normal;
}

#container .main h3.games-title-pencil
{
    font-family: "comic-serif-pro",serif !important;
    color: #f887b7 !important;
    font-size: 40px !important;
    line-height: 74px !important;
    text-shadow: 2px 2px #000;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    font-style: normal;
    text-align: center;
    /*background: url('../images/games-title-pencil.png') right top no-repeat;*/
    height: 74px;
    /*float: left;*/
    /*padding:0 50px 0 0;*/
}
#container .main h3.games-title-pencil img
{
    left: -30px;
    position: relative;
    vertical-align: bottom;
}
#container .main h3.games-title-subtitle
{
    font-family: "comic-serif-pro",serif !important;
    color: #595959 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    margin: 30px 0 15px 0;
    font-style: normal;
    text-align: center;
    
}


.games-wrap
{
    position: relative;
}
.games-wrap .games-board
{
   /*background: url('../images/games-bg.png') no-repeat;
    position: relative;
    z-index: 10;
    width: 942px;
    height: 665px;*/
}
.games-wrap #games-content
{
    /*left: 29px;
    position: absolute;
    top: 21px;*/
}
.fancybox-title{ position:absolute; left:45px; top:27px; padding-bottom:3px; font-family: 'Arvo', serif; font-size:18px; color:#185131; text-transform:uppercase; border-bottom:3px dotted #cccccc;}

/* ============================= */
/* ========= GALLLERY BLOCK ========= */
/* ============================= */
#saladBlock{ display:block; overflow:hidden; width:100%; height:auto; padding-top:40px;}
#saladBlock .saladBox{ display:block; overflow:hidden; width:100%; height:auto; padding:30px 0; border-bottom:2px solid #9ecb3b; border-radius:20px;}
#saladBlock .saladBox:first-child{ border-top:2px solid #9ecb3b;}
/**/
#saladBlock .saladBox .saladImg{ float:left; position:relative; width:332px; height:auto; margin: 0 19px 0 9px;}
#saladBlock .saladBox .saladImg .sticker{ position:absolute;}
#saladBlock .saladBox .saladImg img.plate{ display:block; width:330px; height:230px; border:1px solid #e0e0e0; box-shadow: 0 3px 5px -2px gray;}
/**/
#saladBlock .saladBox .saladText{ float:left; width:317px; height:auto; margin-right:13px;}
#saladBlock .saladBox .saladText span.title{ display:block; margin-bottom:10px; font-size:32px; line-height:32px; color:#135732; text-transform:uppercase; font-family: 'Arvo', serif;}
#saladBlock .saladBox .saladText p{ display:block; border-bottom: 1px dashed #cccccc; padding-bottom: 10px; margin-bottom: -9px;}

#saladBlock .saladBox .saladText .saladNutrient{ padding-top:10px; margin-top:10px;}
#saladBlock .saladBox .saladText .saladNutrient strong.title{ display:block; width:100%; font-size:12px; color:#799932; text-transform:uppercase; font-family: 'Open Sans', sans-serif;}
#saladBlock .saladBox .saladText .saladNutrient ul{ display:block;}
#saladBlock .saladBox .saladText .saladNutrient ul li{ display:block; float:left; width:31px; height:45px; margin-right:5px;}
#saladBlock .saladBox .saladText .saladNutrient ul li em{ display:block; width:100%; text-align:center; font-size:11px; line-height:28px; color:#000000; font-style:normal; font-weight:bold;}
#saladBlock .saladBox .saladText .saladNutrient ul li cite{ display:block; width:100%; text-align:center; font-size:11px; line-height:16px; color:#ffffff; text-transform:uppercase; font-style:normal; font-weight:bold;}

#saladBlock .saladBox .saladText .saladNutrient ul li.nutri_green{ background:url(../images/sprite_salad-nutrient.png) no-repeat 0 0;}
#saladBlock .saladBox .saladText .saladNutrient ul li.nutri_blue{ background:url(../images/sprite_salad-nutrient.png) no-repeat -36px 0;}
#saladBlock .saladBox .saladText .saladNutrient ul li.nutri_red{ background:url(../images/sprite_salad-nutrient.png) no-repeat -72px 0;}
#saladBlock .saladBox .saladText .saladNutrient ul li.nutri_orange{ background:url(../images/sprite_salad-nutrient.png) no-repeat -108px 0;}

#saladBlock .saladBox div.composicaoTitle
{
    display:table;width:100%;
    margin: 15px;
}
#saladBlock .saladBox div.composicaoTitle div.left,
#saladBlock .saladBox div.composicaoTitle div.right
{
    background: url('../images/green-line.gif') repeat-x left center;
    height: 2px;
    display:table-cell;width:25%
}
#saladBlock .saladBox div.composicaoTitle div.title
{
    display:table-cell;width:50%;text-align:center;
    font-family: 'Arvo', serif;
    font-weight: 700;
    font-size: 12px;
    color: #799932;
    text-transform: uppercase;
}

.saladBox .nutriComposition{ display:block; width:100%; overflow:hidden; font-family: 'Open Sans', sans-serif;}

/* .row-top */
.nutriComposition .row-top{ display:block; width:auto; overflow:hidden;}
/**/
.nutriComposition .row-top .row-top-title{ display:block; width:auto; overflow:hidden; text-transform:uppercase;}

.nutriComposition .row-top .row-top-title ul{ display:block;}
.nutriComposition .row-top .row-top-title ul li{ display:block; float:left; width:24%; margin-left:1%; height:100%;}
.nutriComposition .row-top .row-top-title ul li.left{ text-align:left;}
.nutriComposition .row-top .row-top-title ul li.center{ text-align:center;}
.nutriComposition .row-top .row-top-title ul li.right{ text-align:right;}

.nutriComposition .row-top .row-top-title ul li strong{ font-size:12px; color:#799932;}
.nutriComposition .row-top .row-top-title ul li span{ font-size:11px; color:#999999;}
/**/
.nutriComposition .row-top .row-top-main{ display:block; width:auto; overflow:hidden; height:25px; padding-top:5px; background:#f7f7f7;}
.nutriComposition .row-top .row-top-main ul{ display:block;}
.nutriComposition .row-top .row-top-main ul li{ display:block; float:left; width:22%; margin-left:3%; height:100%; }
.nutriComposition .row-top .row-top-main ul li:first-child{ width:24%; margin-left:1%;}


/* row-center */
.nutriComposition .row-center{ display:block; width:auto; overflow:hidden; text-align:center;}
/**/
.nutriComposition .row-center .row-center-top{ display:block; width:auto; overflow:hidden; padding:5px 0 10px; border-bottom:2px dashed #cccccc; }
.nutriComposition .row-center .row-center-top strong{ font-size:12px; color:#799932; text-transform:uppercase;}
.nutriComposition .row-center .row-center-top span{ font-size:14px; color:#1f1f1f;}
/**/
.nutriComposition .row-center .row-center-bottom{ display:block; width:auto; overflow:hidden; padding:10px 0;}
.nutriComposition .row-center .row-center-bottom em{ font-size:14px; color:#595959;}


/* row-bottom */
.nutriComposition .row-bottom{ display:block; width:auto; overflow:hidden;}
/**/
.nutriComposition .row-bottom .row-bottom-main{ display:block; width:auto; overflow:hidden; height:25px; padding-top:5px; background:#f7f7f7;}
.nutriComposition .row-bottom .row-bottom-main ul{ display:block;}
.nutriComposition .row-bottom .row-bottom-main ul li{ display:block; float:left; width:22%; margin-left:3%; height:100%; }
.nutriComposition .row-bottom .row-bottom-main ul li:first-child{ width:24%; margin-left:1%;}


/* percent Block */
.nutriComposition .percentBlock{ text-align:right;}
.nutriComposition .percentBlock > div{ height:18px;}

.nutriComposition .percentBlock .percentText{ display:block; float:left; width:65px;}
.row-top .nutriComposition .percentBlock .percentText span{  color:#1f1f1f; font-size:14px;}
.row-top .nutriComposition .percentBlock .percentText span strong{  color:#1f1f1f; font-size:14px;}
.row-top .nutriComposition .percentBlock .percentText span{  color:#595959; font-size:13px;}
.row-top .nutriComposition .percentBlock .percentText span em{  color:#595959; font-size:13px;}

.nutriComposition .percentBlock .percentBarBlock{ position:relative; display:block; float:left; width:75px; margin-left:8px; background:#ededed; font-size:11px;}
.nutriComposition .percentBlock .percentBarBlock .percent-num{ position:absolute; right:5px; top:1px;}
.nutriComposition .percentBlock .percentBarBlock .percent-bar{ width:auto; height:18px;}
.nutriComposition .percentBlock .percentBarBlock .percent-bar.purple{ background:#cc8dc9;}
.nutriComposition .percentBlock .percentBarBlock .percent-bar.green{ background:#a2c700;}
.nutriComposition .percentBlock .percentBarBlock .percent-bar.red{ background:#ed5158;}
.nutriComposition .percentBlock .percentBarBlock .percent-bar.blue{ background:#79d4bd;}

.nutriComposition .percentBlock .percentBarBlock .percent-trace{ position:absolute; left:24px; top:0; width:1px; height:18px; background:#aaa;}



/* ============================= */
/* ========= YOGHURT MAIN BLOCK ========= */
/* ============================= */
#yoghBlock{ width:690px; margin:0 auto; height:100%;}
#yoghBlock p{ margin:0; display:block; line-height: 1.5em;}

/* ========= YOGHURT BANNER BLOCK ========= */
#yoghBannerBlock{ margin-bottom:4em;}
#yoghBannerBlock img{ display:block;}
#yoghBannerBlock p{ display:block; margin:0 0 2em 0;}

/* ========= YOGHURT BANNER BLOCK ========= */
#yoghIngredientBlock{ width:100%; height:100%; margin-bottom:4em; overflow:hidden; background:url(../images/bg_yogh_ingredient_block.jpg) repeat-y 38px 0;}
#yoghIngredientBlock .row{ padding-left:123px; height:100%; overflow:hidden;}
#yoghIngredientBlock .row strong{ color: #135732; text-transform:uppercase;}
#yoghIngredientBlock .row p{ margin-bottom:1em;}
#yoghIngredientBlock .row.ingredient{ min-height:71px; background:url(../images/bg_yogh-ingredient.jpg) no-repeat 0 0;}
#yoghIngredientBlock .row.validity{ min-height:71px; background:url(../images/bg_yogh-validity.jpg) no-repeat 0 0;}
#yoghIngredientBlock .row.conservation{ min-height:50px; background: url(../images/bg_yogh-conservation.jpg) no-repeat 0 bottom;}

/* ========= YOGHURT NUTRICIONAL BLOCK ========= */
#yoghNutricionalBlock{ position:relative; width:100%; height:393px; overflow:hidden; background:url(../images/bg_yoghNutricionalBlock.png) no-repeat 0 0;}
#yoghNutricionalBlock .yoghNutricional{ position:absolute; left:78px; top:25px; width:513px; height:320px; overflow:hidden;}
#yoghNutricionalBlock .yoghNutricional table{ width:513px;}
#yoghNutricionalBlock .yoghNutricional table td{ height:23px; vertical-align:middle;}
#yoghNutricionalBlock .yoghNutricional table td.col_1{ width:291px; text-align:left;}
#yoghNutricionalBlock .yoghNutricional table td.col_2{ width:111px; text-align:center;}
#yoghNutricionalBlock .yoghNutricional table td.col_3{ width:111px; text-align:center;}
#yoghNutricionalBlock .yoghNutricional .yoghNutricionalHeader{ height:30px; margin-bottom:10px; font-size:15px; line-height:30px; color:#8a5727; font-weight:bold; font-family: 'Arvo',serif;}
#yoghNutricionalBlock .yoghNutricional .yoghNutricionalRow_1{ height:80px; margin-bottom:8px;}
#yoghNutricionalBlock .yoghNutricional .yoghNutricionalRow_2{ height:138px; margin-bottom:14px;}
#yoghNutricionalBlock .yoghNutricional .yoghNutricionalRow_3{ font-size:10px; color:#595959;}

/* ============================= */
/* ========= CONTACTS ========= */
/* ============================= */
#contactsBlock{}

/**/
#contactsBlock #mapBlock{ overflow:hidden; width:692px; height:428px; margin:0 auto 26px; padding:14px 11px 0 11px; background:url(../images/bg_maps-block.png) no-repeat 0 0;}
#contactsBlock #mapBlock .mapHolder{ width:670px; height:379px;}

/**/
#contactsBlock #contactsInfo{ width:auto; height:100%; margin-left:190px; margin-bottom:4em; overflow:hidden; background:url(../images/bg_yogh_ingredient_block.jpg) repeat-y 0 0;}
#contactsBlock #contactsInfo .row{ padding-left:95px; height:100%; overflow:hidden; margin-bottom:20px;}
#contactsBlock #contactsInfo .row strong{ display:block; font-size:12px; color: #135732; text-transform:uppercase;}
#contactsBlock #contactsInfo .row p{ margin-bottom:1em;}
#contactsBlock #contactsInfo .row a{ color:#78a11e;}

#contactsBlock #contactsInfo .row .col{ width:270px; float:left;}
#contactsBlock #contactsInfo .row .col ul{ display:block; width:50%; float:left;}
#contactsBlock #contactsInfo .row .col ul li{ display:block; margin-bottom:.5em;}

#contactsBlock #contactsInfo .row.localization{ min-height:71px; background:url(../images/bg_localization.png) no-repeat 0 0;}
#contactsBlock #contactsInfo .row.telephone{ min-height:71px; background:url(../images/bg_telephone.png) no-repeat 0 0;}
#contactsBlock #contactsInfo .row.gps{ min-height:71px; background:url(../images/bg_gps.png) no-repeat 0 0;}
#contactsBlock #contactsInfo .row.clock{ min-height:71px; background:url(../images/bg_clock.png) no-repeat 0 0;}
#contactsBlock #contactsInfo .row.email{ min-height:55px; background:url(../images/bg_email.png) no-repeat 0 bottom; margin-bottom:0;}

#contactsBlock .contactsBanner{ width:730px; margin:0 auto;}

#qta-contact
{
    padding: 0 10px;
    height: 25px;
    border-bottom: 1px solid #FFFFFF;
    background-color: #9ecb3b;
    color: #FFFFFF;
    font-size: 11px;
    line-height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Arvo', serif;
    font-weight: 600;
    text-transform: uppercase;
}
#qta-contact:hover
{
    padding: 0px 10px 0px 10px;
    background-color: #106637;
    height: 30px;

}

/* ============================= */
/* ========= QUIET NAV ========= */
/* ============================= */
#quietNav{ display:block; overflow:hidden; width:208px; height:312px; padding-top:32px; text-align:center; background:url(../images/bg_nav_quiet.png) no-repeat 0 0;}
#quietNav strong{ display:block; font-weight:normal; font-size:36px; line-height:36px; margin-bottom:26px; color:#758125; font-family: 'Handsome W01 Bold'; text-shadow: 1px 1px #ffffff;}

#quietNav ul{ display:block;}
#quietNav ul li{ text-shadow: 0px 1px 1px rgba(31, 31, 31, 1); display:block; font-size:20px; line-height:20px; margin-bottom:26px; color:#135732; font-weight:bold; font-family: 'Arvo', serif;}
#quietNav ul li a{ color:#135732; padding:2px 5px}
#quietNav ul li a:hover{ color:#ffffff; background:url(../images/bg_nav_quiet-hover.png) no-repeat 0 0; background-size: 100% 100%;}
#quietNav ul li a.selected{ color:#ffffff; background:url(../images/bg_nav_quiet-hover.png) no-repeat 0 0; background-size: 100% 100%;}

/* ============================= */
/* ========= marketFarm ========= */
/* ============================= */
#marketFarm{}
#marketFarm p{ margin:1em 0;}
#marketFarm .marketFarmHighlight{ margin:20px auto;}
#marketFarm .marketFarmGetToKnow{ width:704px; height:62px; padding-top:22px; margin:30px auto; background:url(../images/bg_market-farm-get-to-know.png) no-repeat 0 0;}
#marketFarm .marketFarmGetToKnow .row{ display:block; width:100%; height:auto; text-align:center;}
#marketFarm .marketFarmGetToKnow .row strong{ width:auto; padding:2px 5px; font-size:20px; line-height:20px; color:#135732; font-weight:bold; font-family: 'Arvo', serif; background:url(../images/bg_market-farm-get-to-know-title.png) no-repeat 0 0; background-size:100% 100%;}
#marketFarm .marketFarmGetToKnow .row a{ position:relative; top:-2px; width:auto; padding:2px 5px; font-size:18px; line-height:18px; color:#ffffff; font-weight:bold; font-family: 'Handsome W01 Bold'; background:url(../images/bg_market-farm-get-to-know-link.png) no-repeat 0 0; background-size:100% 100%;}

/* ============================= */
/* ========= platesBlock ========= */
/* ============================= */
#platesBlock{ padding:40px 0}

#platesBlock .plateBox{ width:332px; margin:0 0 35px; float:left; cursor: pointer;}
#platesBlock .plateBox.even{ margin-left:26px;}
#platesBlock .plateBox .plateImg{ position:relative; width:330px; height:151px; border:1px solid #ccc; display:table;}
#platesBlock .plateBox .plateImg img{ display:block; width:330px; height:151px;}
#platesBlock .plateBox .plateImg .sticker{ position:absolute; left:0; right:0; top:-11px; bottom:0; background:url(../images/bg_sticker.png) no-repeat center 0;}

#platesBlock .plateText{ padding:12px 20px 20px; border:1px solid #ccc; border-bottom:0; text-align:center;}
#platesBlock .plateText .plateTextTitle{ font-size:36px; line-height:36px; margin-bottom:5px; color:#8bc81f; font-weight:bold; vertical-align:bottom; font-family: 'Handsome W01 Bold';}
#platesBlock .plateText .plateTextTitle img{ vertical-align:bottom;}
#platesBlock .plateText p{ font-size:13px; color:#595959;}
#platesBlock .plateBtn{ width:332px; height:39px; text-align:center; background:url(../images/bg_plate-btn.png) no-repeat 0 0;}
#platesBlock .plateBtn a{ display:block; font-size:14px; line-height:34px; color:#ffffff; text-transform:uppercase; letter-spacing:1px; font-weight:bold; font-family: 'Arvo', serif; }
#platesBlock .plateBtn:hover{ opacity:.8;}

/*GELATARIA*/
.gelataria_snack
{
    position: relative;
    background:url('../../../images/gelataria_snack_bg.png') no-repeat;
    width: 692px;
    height: 304px;
}
.gelataria_snack h1
{
    text-align: center;
    font-size: 44px !important;
    color:#86c11e !important;
    padding:90px 0 0 0 !important;
    margin-bottom: 0 !important;
}
.gelataria_snack p
{
    text-align: center;
    font-size: 15px;
    color: #595959;
    padding: 10px 0;
}
.gelataria_snack .btn_knowmore
{
    text-align: center;
}
.error-form
{
    border: 1px solid red !important;
}
.text-error-form
{
    color:red !important;
}
/* ============================= */
/* ========= shadowSeparator ========= */
/* ============================= */
.shadowSeparator{ text-decoration:line-through; width:100%; margin:30px auto 20px; clear:both; overflow:hidden; height:17px; background: url(../images/bg_shadow-separator.png) no-repeat center 0;}

/* ============================= */
/* ========= lineThroughHighlight ========= */
/* ============================= */
.lineThroughHighlight{ display:block; height:37px; margin:30px auto 20px; text-align:center;}
.lineThroughHighlight strong{ height:33px; padding:4px 10px; margin:30px auto 20px; font-size:30px; line-height:30px; color:#135732; letter-spacing:1px; font-family: 'Arvo', serif; background:url(../images/bg_line-through-highlight.png) no-repeat 0 0; background-size:100% 100%;}


.qta-green-content
{
    color:#9ECB3B;
}


div.highlight-wrap
{
    background-color: #9ecb3b;
    border-radius: 6px;
    padding: 20px 0;
    width: 200px;
    margin: 20px auto;
}
div.highlight-wrap h1
{
    text-align: center;
    font-family: 'Arvo', serif;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    padding: 0 0 10px 0;

}
div.highlight-wrap img
{
    position: relative;
    z-index: 99;
    padding: 5px 0;
    left: -3px;
}
div.highlight-wrap .btn_knowmore_highlight
{
    text-align: center;
}

#menu-5{
    height: 29px !important;
}

.contactos-barra{color: #594b31;}
.ler-mais-destaques{width: 65px !important; height: 9px !important;}
.ver-fotos{width: 75px !important; height: 9px !important;}

.setinha{width: 11px !important; height: 9px !important; border: none !important;}
.setinha2{width: 11px !important; height: 9px !important; border: none !important;}

#tree60Block{cursor: pointer;}
/*#postIt{cursor: pointer;}*/

#line-ingredients{line-height: 28px;}



/* MAPA */



.wrapper-mapa{
    width: 940px;
    height: 250px;
    padding-top: 30px;

}

.col-mapa{
   float: left;
   width: 205px;
   padding-right: 38px;

}

.col-mapa-last{ padding-right: 0px !important;}


.mapa-tit{
    font-size: 18px;
    color: #135732;
    font-family: 'Arvo', serif;
    background: url("../images/linha-sub.png") no-repeat 0px 25px;
    width: 205px;
    height: 33px;
    text-align: right;
    display: block;
}


.mapa-sub-tit{
    font-size: 14px;
    color: #135732;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    width: 205px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;

}

.mapa-linha-sep{
    border-bottom: 1px dashed #cccccc;
    width: 205px;
}



.mapa-tit2{
    font-size: 18px;
    color: #135732;
    font-family: 'Arvo', serif;
    background: url("../images/linha-sub2.png") no-repeat 0px 25px;
    width: 205px;
    height: 33px;
    text-align: right;
    display: block;
}


.links-footer-box{
    width: 339px;
    height: 20px;
    /* border: 1px solid red; */
    margin-top: 13px;
    position: absolute;
    left: 1030px;
}

.links-footer{
    color: #ef9800 !important;
    font-family: 'Arvo', serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
}

.col-mapa-fst{
    padding-left: 130px !important;
}
.wrapper-mapa2{
    height: 150px !important;
}
.anchor-top
{
    cursor: pointer;
    display: inline-block;
}

.frame-large
{
    background: url('../images/frame-large.png') no-repeat;
    /*width: 690px;*/
    height: 360px;
    margin: 20px 0;
    padding:10px 0 0 10px;
}
.frame-crono
{
    margin-left: -8px;
    background: url('../images/frame-crono.png') no-repeat;
    height: 299px;
    padding: 1px 0 0 24px;
    display: block;
}
/*
.fancybox-image,
.fancybox-inner,
.fancybox-outer
{
    width: 640px !important;
    height: 480px !important;
    max-height: 480px !important;
    max-width: 640px !important;
}
*/
/**/
/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}