html { } 
body { width:100%;margin:0 auto; padding:0;background:#fce638 url(../images/instance/page_bg.png) top center repeat-x; } 

.clear {clear:both;}
.noDefault { border: 0 !important; padding: 0 !important; margin: 0 !important; }

p {margin:0;}

/*******************************************************************************/

#wrap { width:1001px; margin:0 auto; padding:0; text-align: left;} 
  
#container {float:left; width:100%; margin:0; padding:0; background:url(../images/instance/wrap_bg.png) top center repeat-y;}

.header {float:left; clear:both; width:985px; padding:0; margin:0 0 0 8px;height:200px; background:url(../images/instance/wrap_header.png) top center no-repeat;}

/*******************************************************************************/

ul#menuTop {float:left; clear:none; list-style:none; width:600px;text-align:left; margin:0; padding:10px 0 0 20px;}

ul#menuTop li {display:inline; padding:5px 2px 5px 2px; font-size:11px; font-family:Tahoma, Helvetica, sans-serif; color:#ffffff;}

ul#menuTop li a, ul#menuTop li a:hover {color:#474747; text-decoration:none;}

ul#menuTop li a:hover {color:#000;}


ul#menu {float:left;clear:none;list-style:none;width:600px;text-align:left;margin:0;padding:20px 0 0 17px;}

ul#menu li {display:inline;padding:5px 5px 5px 5px;font-size:17px;font-family: 'Barmeno-MediumRoRegular', sans-serif;color:#ffffff;}

ul#menu li a, ul#menu li a:hover {color:#3868a4;text-decoration:none;}

ul#menu li a:hover {color:#f46717;}


#logoRama {float:left;clear:right;display:block;width:160px;height:80px;margin:-10px 0;background:url(../images/instance/logo_rama.png) top left no-repeat;text-indent:-9999px;}

/*******************************************************************************/

                                           
#menuLeft {float:left;clear:none;display:block;width:250px;min-height:400px;padding:0;margin:-40px 0 0 8px;}

#menuLeft .detailed {padding:0;margin:2px 0 1px 0;display:none;width:165px;height:100px;overflow:hidden;}

/*******************************************************************************/

#wrapRight {float:left;clear:none;width:796px;min-height:500px;padding:70px 0 0 0;margin:-113px 0 0 -60px;font-family:Tahoma, Arial, sans-serif;color:#064394;font-size:13px;line-height:140%;}

#wrapRight {}
#wrapRight h1,#wrapRight h2,#wrapRight h3 {padding:0 70px 0 0;font-family: 'Barmeno-RegularRoRegular', sans-serif;color:#064394;font-size:20px;line-height:100%;}
#wrapRight h1 a,#wrapRight h2 a,#wrapRight h3 a {color:#064394;text-decoration:none;}

#wrapRight h1 a:hover,#wrapRight h2 a:hover,#wrapRight h3 a:hover {color:#006acd;text-decoration:none;}

#wrapRight h1 {font-size:26px;}
#wrapRight h2 {font-size:26px;}   

/*******************************************************************************/

#containerRight {float:left;clear:none;width:530px;padding:0;margin:0; margin-top: -2px;}
#containerRight img {margin:5px;padding:0;border:2px solid white;}

#menuRight {float:right;clear:none;width:210px;height:300px;padding:0;margin:0 30px 0 0;vertical-align:bottom;position:relative;}

#rightMenuBox .detailed {display:none;height:90px;}
#rightMenuBox .toggleTitle {cursor:default;}
#rightMenuBox .toggleTitle a,#rightMenuBox .toggleTitle a:hover {text-decoration:none;color:#fff}

#rightMenuBox {display:none;list-style:none;background:transparent url(../images/instance/bg_rightMenu.png) bottom left;width:100%;text-align:left;margin:0;padding:0;border:2px solid #fbbe36;position:absolute;bottom:0;}

#rightMenuBox li {text-align:left;font-size:12px;color:#fff;font-family:Tahoma, Arial, sans-serif;border-bottom:1px solid #fff;margin:4px;padding:5px;}
#rightMenuBox li.last {border:0;padding-bottom:20px;}

.rightToggleButton {background:#f99d2c url(../images/instance/arrow_red.gif) 5px 9px no-repeat;position:absolute;bottom:-10px;left:60px;padding:4px 4px 4px 16px;cursor:default;
                    text-align:left;font-size:12px;color:#fff;text-decoration:none;font-family:Tahoma, Arial, sans-serif;}

#rightMenuBox .showed .detailed {display:block;}

/*******************************************************************************/

#menuIngredients {float:right;clear:both;width:100%;height:100px;padding:0;margin:40px 0 0 0;vertical-align:bottom;position:relative;}

#wrapRight #ingredientsList p.name {float:left;clear:none;width:65%;display:block}
#wrapRight #ingredientsList p.qty {float:left;clear:none;text-align:right;color:#81741c;width:30%;display:block}

#ingredientsList {display:none;list-style:none;background:transparent url(../images/instance/bg_ingredients.png) bottom left;width:300px;text-align:left;padding:0 0 55px 0;margin:0;border:1px solid #b8ad3b;position:absolute;bottom:50px;right:40px;}

#ingredientsList li {text-align:left;font-size:12px;color:#044776;font-family:Tahoma, Arial, sans-serif;margin:4px;padding:8px;}

.ingredientsToggleButton {background:transparent url(../images/instance/nutrition_star.png) 0px 0px no-repeat;position:absolute;bottom:0;right:0;padding:35px 25px;cursor:default;
                    text-align:center;font-size:12px;color:#fff;text-decoration:none;font-family:Tahoma, Arial, sans-serif;}


/*******************************************************************************/

.bottomRelationalArea  {position:relative;float:left;clear:both;width:100%;margin:20px 0;}

.bottomRelational {cursor:default;position:absolute;width:250px;width:250px;border:2px solid white;display:block;background:yellow;}

.bottomArea_1 .bottomR_1 {bottom:0px;left:0%;}
.bottomArea_1 .bottomR_2 {bottom:0px;left:50%;}

.bottomArea_2 .bottomR_1 {bottom:200px;left:0%;}
.bottomArea_2 .bottomR_2 {bottom:200px;left:50%;}
.bottomArea_2 .bottomR_3 {bottom:0px;left:0%;}
.bottomArea_2 .bottomR_4 {bottom:0px;left:50%;}

.bottomArea_3 .bottomR_1 {bottom:400px;left:0%;}
.bottomArea_3 .bottomR_2 {bottom:400px;left:50%;}
.bottomArea_3 .bottomR_3 {bottom:200px;left:0%;}
.bottomArea_3 .bottomR_4 {bottom:200px;left:50%;}
.bottomArea_3 .bottomR_5 {bottom:0px;left:0%;}
.bottomArea_3 .bottomR_6 {bottom:0px;left:50%;}


.bottomArea_1 .bottomBu_1 {bottom:-10px;left:32%;}
.bottomArea_1 .bottomBu_2 {bottom:-10px;left:82%;}

.bottomArea_2 .bottomBu_1 {bottom:190px;left:32%;}
.bottomArea_2 .bottomBu_2 {bottom:190px;left:82%;}
.bottomArea_2 .bottomBu_3 {bottom:-10px;left:32%;}
.bottomArea_2 .bottomBu_4 {bottom:-10px;left:82%;}

.bottomArea_3 .bottomBu_1 {bottom:390px;left:32%;}
.bottomArea_3 .bottomBu_2 {bottom:390px;left:82%;}
.bottomArea_3 .bottomBu_3 {bottom:190px;left:32%;}
.bottomArea_3 .bottomBu_4 {bottom:190px;left:82%;}
.bottomArea_3 .bottomBu_5 {bottom:-10px;left:32%;}
.bottomArea_3 .bottomBu_6 {bottom:-10px;left:82%;}

.bottomArea_1 {height:200px;}
.bottomArea_2 {height:400px;}
.bottomArea_3 {height:600px;}

.bottomRelational .containerText {height:160px;}

#containerRight .bottomRelational .title {padding:5px 0 0 5px;font-size:16px;font-family: 'Barmeno-MediumRoRegular', sans-serif;}

#containerRight .bottomRelational .detailed {padding:0 5px;display:none;}

#containerRight .showed .detailed {display:block;}

.bottomRelationalArea .rightToggleButton a {text-decoration:none;color:#fff;}
.bottomRelationalArea .rightToggleButton a:hover {text-decoration:underline;color:#fff;}


/*******************************************************************************/

.pageCounter {font-size:13px;font-family:Tahoma;color:#064394;text-align:left;padding:10px;}

.pageCounter a, .pageCounter a:hover {background:#064394;color:#ffffff;text-align:left;text-decoration:none;padding:3px;}

.pageCounter a:hover {background-color:#0b53b4;color:#ffffff;}

.pageCounter #sel {background-color:#0b53b4;color:#ffffff;}

/*******************************************************************************/

#homeFooter {float:left;width:100%;height:150px; background:url(../images/instance/footer_home.png) top center no-repeat;}
#allFooter {float:left;width:100%;height:150px; background:url(../images/instance/footer_all.png) top center no-repeat;}

#homeFooter p,#allFooter p {text-align:left;margin:90px 197px;font-size:8pt;font-family: Arial, Tahoma, sans-serif;color:#064394}
#homeFooter a,#allFooter a {color:#064394;text-decoration:none}
#homeFooter a:hover, #allFooter a:hover {color:#064394;text-decoration:underline}

#allFooter p {margin:54px 206px}

/*******************************************************************************/

.home .header {height:736px; background:url(../images/instance/wrap_home.png) -1px 0 no-repeat;}

.home #menuLeft {margin:-617px 0 0 8px;}

.home #wrapRight {margin:-650px 0 0 200px;}

.home #containerRight {width:620px;padding-left:140px}

.home .bottomRelational {width:190px;}

.home .bottomRelational .rightToggleButton {left:130px;}

.home .bottomArea_1 .bottomR_1 {bottom:0px;left:0%;}
.home .bottomArea_1 .bottomR_2 {bottom:0px;left:34%;}
.home .bottomArea_1 .bottomR_3 {bottom:0px;left:68%;}
.home h1 {display:none}

.home #containerRight p.text1 {text-align:right;padding:70px 60px 0 0;font-size:22px;font-family: 'Barmeno-MediumRoRegular', sans-serif;}
.home #containerRight p.text2 {text-align:right;padding:20px 110px;font-size:34px;font-family: 'Barmeno-MediumRoRegular', sans-serif;}
.home #containerRight p.text3 {text-align:right;padding:5px 0px;font-size:18px;font-family: 'Barmeno-MediumRoRegular', sans-serif;}

.homeText {background: url(../images/instance/home_text.png) center right no-repeat; text-indent:-9999px; width:638px; height:238px; }

/*********************** CONTACT FORM ***************************/

#frmContact { border: 3px solid #FFF; width: 554px; margin: 12px 0; font-family: Arial, sans-serif; background-color: #FDED74; position: relative; }
	#frmContact ul { margin: 0px; padding: 0px; list-style: none; }
		#frmContact ul li { padding-left: 20px; }
		#frmContact ul ul li { padding-left: 0; margin-bottom: 6px; }
	.formCategory { display: block; background-color: #F99D2C; height: 23px; color: #295194; line-height: 17px; font-size: 12px; font-weight: bold; margin: 0 auto 4px -20px; padding: 5px 0 0 20px; }
	#frmContact label { width: 200px; display: block; float: left; font-size: 12px; font-family: Arial, sans-serif; }
	#frmContact input.txtInput { border: 1px solid #02488D; padding: 2px 4px; width: 196px; }
	#frmContact #txtCP { border: 1px solid #02488D; padding: 2px 4px; width: 37px; }
	#frmContact #txtOras { border: 1px solid #02488D; padding: 2px 4px; width: 145px; }
	#frmContact textarea { width: 500px; height: 100px; border: 1px solid #02488D; padding: 2px 4px; clear: both; }
	#frmContact #lblAccept { width: auto; float: left; }
	#frmContact #chkAccept { float: left; }
	#frmContact #btnSubmit { position: absolute; width: 124px; color: #fff; border: 0; text-align: left; padding: 5px 10px; margin-top: -10px; left: 420px; background: url("../images/instance/arrow_red.gif") no-repeat 5px 9px #F99D2C; }
	
.frmError { display: block; background-color: #F99D2C; margin-top: 20px; padding: 4px; width: 554px; }
.frmSuccess { display: block; background-color: #fff; margin-top: 20px; padding: 4px; width: 554px; }
	

/*********************** BREADCRUMBS ***************************/
	
a.breadcrumbs { color: #04478B; font-size: 11px; text-decoration: none; }
	a.breadcrumbs:hover { color: red; }


/* #containerRight img { border: 3px solid #fff; } */