/* SYSTEM */
 
body { text-align: center; margin: 0; padding: 0; line-height: 1.4; font-family: arial, freesans, helvetica, sans-serif; font-size: 11px; background: #63685f url(images/background.jpg) repeat top left; } 

a, a:link, a:visited { color: #333; text-decoration: none; } 

a:hover { color: #333; text-decoration:none; } 

a img { border-style: none; text-decoration: none; } 

hr { color: #eeeeee; height: 3px; } 

form { padding: 0px; margin: 0px; display: inline; } 

td { font-size: 11px; } 

div { font-size: 11px; }

h2 { margin: 0px 2px 3px 2px; font-weight: bold; font-size: 14px; color: #333; } 

h3 { font-weight: bold; font-size: 12px; color: #333 } 

input { font-size: 11px; color: #727272; } 

textarea { font-size: 11px; overflow: auto; color: #222222; } 

select { font-size: 11px; color: #333333; background-color: #ffffff; } 

label { display: block; float: left; }

div.fix { clear: both; }

div.message { padding: 2px 2px 2px 6px; border: 1px solid #efefef; font-weight: bold; color: #333; } 


/* MAIN DESIGN */ 

div#design { text-align: left; width: 700px; margin: auto; margin-top: 0px; margin-bottom: 0; background: #ffffff; color: #333333; border: 1px solid #ffffff; border-top: 0; padding: 0; }

div#design div#header { float: left; margin: 0; padding: 0; width: 700px; height: 251px; background: #8fb03e; }

div#design div#topmenu { float: left; text-align: center; margin: 0; padding: 0; width: 700px; height: 24px; line-height: 24px; background: #999999 url(images/mainmenu_bg.gif) repeat-x 0 0; }

div#design div#topc { float: left; margin: 0; padding: 0; width: 700px; height: 11px; background: #ffffff url(images/con_bg.gif) repeat-x 0 0; }

div#design div#c { float: left; margin: 0; padding: 0; width: 700px; background: #ffffff url(images/cp_bg.gif) repeat-y 0 0; }

div#design div#c div#main1 { float: left; margin: 0; padding: 0; width: 254px; }

div#design div#c div#main2 { float: left; margin: 0; padding: 0; width: 446px; }


div#design div#c div#main1 div.m1 table.search { margin: 20px 0 0 10px; }

input.stext { border: 1px solid #ccc; height: 16px; background: #ffffff url(images/search_bg.gif) repeat-x 0 0; color: #333; }


div#design div#c div#main1 div.m1 { float: left; margin: 0 0 0 4px; padding: 0; width: 239px; }

div#design div#c div#main1 div.m1 p { text-align: justify; }

div#design div#c div#main1 div.m1 div.c { float: left; margin: 6px 0 0 14px; padding: 0; text-align: justify; }

div#design div#c div#main1 div.m1 div.c1 { float: left; margin: 6px 0 0 11px; padding: 0; text-align: justify; }

div#design div#c div#main1 div.m1 div.mi { float: left; margin: 0; padding: 0; text-align: right; }


div#design div#c div#main1 div.m1 div.c ul { margin: 4px 0 0 0; padding: 0; list-style: none; }

div#design div#c div#main1 div.m1 div.c ul li { text-indent: 10px; margin: 0; padding: 0; }

div#design div#c div#main1 div.m1 div.c ul li.a { margin: 0; padding: 0; background: #ffffff url(images/li_arrow.gif) no-repeat 0 50%; }


div#design div#c div#main2 div.pi_about { float: left; margin: 4px 0 0 25px; width: 395px; height: 162px; background: #ffffff url(images/pap_index.gif) repeat-y 0 0; }

div#design div#c div#main2 div.pi_about h2 { padding: 14px 10px 4px 10px; margin: 0; color: #456706; font-size: 14px; }

div#design div#c div#main2 div.pi_about td.im { padding: 5px 0 0 12px; }

div#design div#c div#main2 div.pi_about td.title { height: 18px; }

div#design div#c div#main2 div.pi_about td.con { padding: 0 16px 0 10px; text-align: justify; vertical-align: top; }


div#design div#c div#main2 div.iif { float: left; margin: 6px 0 0 0; padding: 0; background: #ffffff url(images/cp_bg1.gif) repeat-y 0 0; }

div#design div#c div#main2 div.iif div.lf { float: left; margin: 0 0 0 14px; padding: 0; width: 199px; }

div#design div#c div#main2 div.iif div.rf { float: left; margin: 0 0 0 4px; padding: 0; width: 199px; }

div#design div#c div#main2 div.iif div.c { float: left; margin: 0 0 0 14px; padding: 0; width: 197px; }

div#design div#c div#main2 div.iif ul { width: 170px; padding: 0; margin: 6px 0 0 0; list-style: none; }

div#design div#c div#main2 div.iif ul li { float: none; margin: 0; padding: 0 0 4px 18px; text-decoration: underline;  background: #ffffff url(images/cube_arrow.gif) no-repeat 0 4px; }

div#design div#c div#main2 div.iif h3 { padding: 0; margin: 6px 0 0 0; font-size: 12px; }

div#design div#c div#main2 div.iif p { padding: 0 30px 0 0; margin: 6px 0 0 0; font-size: 11px; }

div#design div#c div#main2 div.iif div.im { padding: 0; margin: 10px 0 0 0; font-size: 11px; }

div.tcon1 { float: right; margin: 0 6px 12px 0; }

div.tcon1a { float: right; margin: 0 6px 12px 0; }

div.tcon2 { float: left; margin: 0 0 12px 6px; }

div.tcon2a { float: left; margin: 0 0 6px 16px; }

div.imb1 { float: left; border: 1px solid #cccccc; margin: 8px 0 0 0; }

div.imb2 { float: left; border: 2px solid #ffffff; }

/* SP MENUS */

a.gt, a.gt:hover { color: #669900; text-decoration: underline; }

div.t1 { float: left; margin: 0 0 0 10px; padding: 0; width: 197px; height: 31px; line-height: 20px; text-indent: 20px; background: #ffffff url(images/menu_1.gif) no-repeat 0 0; }

div.t2 { float: left; margin: 0 0 0 10px; padding: 0; width: 187px; height: 31px; line-height: 20px; text-indent: 20px; background: #ffffff url(images/menu_2.gif) no-repeat 0 0; }

div.t3 { float: left; margin: 20px 0 0 10px; padding: 0; width: 197px; height: 31px; line-height: 20px; background: #ffffff url(images/menu_3.gif) no-repeat 0 0; }

div.t4 { float: left; margin: 0 0 0 10px; padding: 0; width: 187px; height: 31px; line-height: 20px; text-indent: 23px; background: #ffffff url(images/menu_4.gif) no-repeat 0 0; }

div.t5 { float: left; margin: 0 0 0 20px; padding: 0; width: 410px; height: 31px; line-height: 20px; background: #ffffff url(images/menu_5.gif) repeat-x 0 0; }

div.tcm1 { float: left; margin: 0 0 0 10px; padding: 0; width: 222px; height: 31px; line-height: 20px; text-indent: 20px; background: #ffffff url(images/vyberame_z_ponuky.gif) no-repeat 0 0; }

div.tcm2 { float: left; margin: 0 0 0 0; height: 140px; padding: 30px 0 0 0; width: 199px; background: #ffffff url(images/ponuka.gif) no-repeat 0 0; }

div.tcm3 { float: left; margin: 0 0 0 10px; height: 140px;  padding: 30px 0 0 0; width: 196px; background: #ffffff url(images/restauracia.gif) no-repeat 0 0; }


div.t h2 { margin: 0; padding: 0; color: #3c3c3c; font-weight: bold; font-size: 12px; }


/* FOOTER */ 

div#design div#footer { float: left; width: 700px; margin: 6px 0 0 0; padding: 8px 0 6px 0; height: 40px; line-height: 20px; text-align: right; background: #ffffff; color: #444; border-bottom: 5px solid #d5e3a5; }

div#design div#footer div.row { float: left; width: 660px; margin: 0 0 0 20px; padding: 6px 0 0 0; border-top: 1px dotted #ACACAC; }

div#design div#footer div.row a { font-weight: normal; color: #333333; }

div#design div#footer a.c1 { color: #ff7c00; text-decoration: underline; }

div#design div#footer a { color: #444; }

div#design div#footer a:hover { color: #444; }

div#foot_bg { margin: auto; width: 702px; margin-top: 0px; height: 7px; background: transparent url(images/foot_bg.gif) repeat-x 0 0; }

div#foot2_bg { margin: auto; width: 702px; margin-top: 0px; height: 9px; background: transparent url(images/foot2_bg.gif) repeat-x 0 0; }


div#footer2 { text-align: left; width: 700px; margin: auto; margin-top: 0px; margin-bottom: 0; color: #d5e3a5; padding: 0; }

div#footer2 a { color: #d5e3a5; }



/* STORIES */ 

div.stories { margin: 2px; padding: 3px 8px 3px 4px; }

div.stories h2 { margin: 0 0 6px 20px; padding: 0; font-size: 16px; text-decoration: underline; color: #444; }

div.stories h3 { margin: 0 0 0 0; padding: 0; font-size: 12px; }

div.stories img { border: 0; margin: 4px 4px 4px 0; }

div.stories img.r { border: 0; margin: 4px 0 4px 4px; }

div.stories img.r_border { border: 1px solid #777; margin: 4px 0 4px 4px; }

div.stories div.text { text-align: justify; padding: 0 10px 0 20px; }

div.stories div.info { clear: both; margin: 6px 0 20px 0; padding: 3px 0 0 0; border-top: 1px dotted #ddd; color: #555; }

div.stories div.info a { text-decoration: underline; }

div.stories div.categoryDesc { float: left; width: 98%; margin: 0 0 14px 0; padding: 3px 8px 3px 8px; text-align: justify; background: #FFFFB7; color: #111; }

div.stories div.categoryDesc img { margin: 0 4px 4px 0; }

div.stories div.cat { clear: both; border-top: 1px dotted #ddd; margin: 6px 0 0 0; padding: 4px 0 0 0; }

div.stories div.cat h4 { margin: 0; padding: 0; }

div.stories div.cat ul { margin: 0; padding: 0 0 0 16px; }

div.stories div.cat a { text-decoration: underline; }

div.stories a.blue { color: #333; }

div.stories a.green { color: #333; }

div.stories a.orange { color: #333; }

div.stories a.red  { color: #333; }

div.stories a.lightgreen { color: #333; }

div.stories div.imb1 { float: left; border: 1px solid #cccccc; margin: 0 0 3px 0; padding: 0; }

div.stories div.imb1 div.imb2 { float: left; border: 2px solid #ffffff; margin: 0; padding: 0; }

div.stories div.imb1 div.imb2 img { margin: 0; padding: 0; border: 0; }


/* OFFSET */

div.offset { margin: 6px 0 0 0; padding: 3px 0 0 0; border: 1px dotted #ddd; text-align: center; color: #999; }

div.offset a { text-decoration: underline; }


div.offset a.blue { color: #4d95e5; }

div.offset a.green { color: #364f00; }

div.offset a.orange { color: #ff8400; }

div.offset a.red  { color: #ca0000; }

div.offset a.lightgreen { color: #179c05; }

/* SEARCH */

div.searchResults { margin: 0 4px 6px 4px; padding: 2px; }

div.searchResults div.row { margin: 0 0 20px 0; }

div.searchResults div.row h3 { margin: 2px 0 0 0; font-size: 14px }

div.searchResults div.row div.con { margin: 6px 0 0 0; padding: 2px; }

div.searchResults div.row div.cat { margin: 2px 0 0 0; padding: 0; }

div.searchResults div.row div.cat ul { margin: 0; padding: 0 0 0 20px; color: #777;  }

div.searchResults div.row a { color: #777; text-decoration: underline; }

/* SEARCH COLORS */

div.searchResults div.row a.blue { font-weight: bold; color: #4d95e5; }

div.searchResults div.row a.green { font-weight: bold; color: #364f00; }

div.searchResults div.row a.orange { font-weight: bold; color: #ff8400; }

div.searchResults div.row a.red  { font-weight: bold; color: #ca0000; }

div.searchResults div.row a.lightgreen { font-weight: bold; color: #179c05; }


div.questions { padding: 5px 40px 5px 3px; }

div.questions h2 { color: #B6B900; font-size: 12px; font-weight: bold; margin: 1px 0 1px 0; }

div.discussion { margin: 0 10px 0 10px; }

div.discussion a { color: #B6B900; text-decoration: underline; }

div.discussion .con { padding: 10px; }

div.discussion p.row { text-align: justify; color: #333333; padding: 0 0 0 10px; }

div.discussion p.row a { color: #333; text-decoration: none; }

div.discussion p { font-size: 11px; vertical-align: top; text-align: justify; color: #333333; }

div.discussion p.info { font-size: 11px;  color: #666; text-align: left; margin: 4px 0 2px 4px; border-top: 1px dotted #cccccc; }

div.discussion img { padding: 0; }

div.discussion th { vertical-align: top; }

div.discussion p.content { margin:0; padding: 0; vertical-align: top; text-align; justify; }


div.rightBox { float: left; width: 157px; border: 1px solid #999; margin: 2px 0 0 0; }

div.rightBox h3 { margin: auto; padding: 3px 0 0 6px; margin-top: 0px; margin-bottom: 0px; }

div.rightBox div.m { margin: auto; padding: 3px 0 6px 5px; text-align: left; }

div.rightBox div.sp { float: left; margin: 0 0 4px 10px; padding: 0 0 6px 0; }

div.rightBox div.imBox { float: left; margin: 0 0 10px 5px; border: 1px solid #fff; width: 110px; text-align: center; }

div.rightBox div.imBox div.imCon { margin: auto; padding: 0; }

div.rightBox div.imBox div.imCon img { border: 1px solid #999; }

div.rightBoxFoot { float: left; width: 159px; margin: 0 0 4px 0; height: 4px; background: #ffffff url(images/box_foot.gif) top left repeat-x; }


div.leftBox { float: left; width: 198px; border: 1px solid #999; margin: 2px 0 0 0; padding: 0; }

div.leftBox h3 { margin: auto; padding: 3px 0 0 6px; margin-top: 0px; margin-bottom: 0px; }

div.leftBox div.m { margin: auto; padding: 3px 0 6px 5px; text-align: left; }

div.leftBoxFoot { float: left; width: 200px; margin: 0 0 4px 0; height: 4px; background: #ffffff url(images/box_foot.gif) top left repeat-x; }


div.gallery { margin: auto; width: 440px; text-align: center; }

div.gallery div.topRow { margin: auto; width: 440px; }

div.gallery div.topRow div.nav { float: left; width: 320px; height: 30px; line-height: 30px; }

div.gallery div.topRow div.presentation { float: left; width: 120px; margin: 2px 2px 2px 0; padding: 0 4px 0 4px; border: 1px solid #f0f0f0; }

div.gallery div.topRow div.presentation a { font-size: 12px; font-weight: bold; }

div.gallery h2 { margin: 0; font-size: 12px; }

div.gallery h2 a { text-decoration: underline; }

div.gallery div.preview { clear: both; margin: auto; width: 440px; background: #f0f0f0; padding: 6px 0 6px 0; }

div.gallery div.preview img { border: 1px solid #999; }

div.gallery div.previewDesc { clear: both; margin: auto; width: 440px; background: #f0f0f0; padding: 0 0 6px 0; }

div.gallery div.thumbs { clear: both; margin: auto; width: 450px; border-top: 1px solid #999; padding: 6px 0 6px 0; }

div.gallery div.thumbs div.box { float: left; margin: 3px; border: 1px solid #ddd; width: 103px; text-align: center; }

div.gallery div.thumbs div.boxActive { float: left; margin: 3px; border: 1px dotted #333; background: #aaa; width: 103px; text-align: center; }

div.gallery div.thumbs div.con { margin: auto; padding: 5px; }

div.gallery div.thumbs div.con img { border: 1px solid #999; }

div.gallery div.thumbs div.hidden { visibility: hidden; display: none; }

div.gallery div.categories { clear: both; margin: auto; text-align: left; width: 440px; border-top: 1px solid #999; background: #f0f0f0; padding: 6px 0 6px 0; }

div.gallery div.categories ul { margin: 0; padding: 0 10px 0 20px; }

div.gallery div.categories a { color: #222; }

div.gallery div.categories ul ul { margin: 0; padding: 0 0 0 10px; }

div.gallery div.categories ul li.active { font-weight: bold; }

div.gallery div.categories ul ul li.active { text-indent: 6px; background: #ddd; }


div.book { float: left; width: 544px; }

div.book h2 { margin: 6px 0 4px 6px; color: #46B359; }

div.book p { margin: 0 0 4px 0; color: #333; text-align: justify; color: #666; }

div.book p a { color: #46B359; text-decoration: underline; }

div.book p.info { border-bottom: 1px dotted #46B359; margin: 0 0 10px 0; padding: 2px 6px 8px 6px; color: #111111; }

div.book div.main_form { float: left; margin: 10px 0 0 40px; padding: 0 4px 4px 4px; border: 1px solid #B5E1BC; }

div.book div.main_form td { vertical-align: top; }

div.book div.main_form small { color: #cc0000; }


div.book div.paging { border-bottom: 1px dotted #46B359; border-top: 1px dotted #46B359; margin: 10px 0 6px 0; padding: 2px 6px 2px 6px; text-align: center;  }

div.book div.paging a { color: #46B359; text-decoration: underline; font-weight: bold; }

div.book div.query {  }

div.book div.query h3 { text-indent: 16px; background: transparent url(images/arrow.gif) no-repeat 0 50%; margin: 16px 0 0 0; }

div.book div.query p { padding-left: 14px; margin: 0; padding-right: 10px; }

div.book td.b1 { text-align: right; }

div.book td.im1 { width: 40px; text-align: center; }

div.book div.button { float: right; width: 40px; border: 1px solid #999; text-align: center; margin: 4px 0 0 6px; }




div.catalog { margin: 2px; padding: 3px; color: #333; text-align: left;}

div.catalog h2 { margin: 6px 0 0 0; font-size: 14px; color: #333; }

div.catalog h2 a { text-decoration: underline; }

div.cdesc { float: left; margin: 0; width: 600px; padding: 3px 10px 3px 10px; color: #333; }

div.paging { float: left; margin: 10px 0 0 0; width: 520px; text-align: center; color: #555; }

div.paging a { color: #333; }

div.catalog div.box1 { float: left; margin-bottom: 6px; text-align: center; width: 194px; height: 200px; background: #DE370D url(images/p1_bg.jpg) repeat-x 0 0; }

div.catalog div.box2 { float: left; margin-bottom: 6px; text-align: center; width: 194px; height: 204px; background: #DE370D url(images/p_bg.jpg) repeat-x 0 0; }

div.catalog div.title { color: #fff; padding: 3px 0 2px 0; }

div.catalog div.con { margin: auto; }

div.catalog div.zoom { margin: auto; color: #fff; padding: 0; }

div.catalog div.zoom a { color: #fff; }

div.catalog div.con img { border: 2px solid #ffffff; }

div.catalog div.thumbs div.hidden { visibility: hidden; display: none; }

div.catalog div.categories { clear: both; margin: auto; text-align: left;  padding: 6px 0 6px 0; }

div.catalog div.categories ul { margin: 0; padding: 0 10px 0 20px; font-size: 12px; }

div.catalog div.categories a { color: #333; }

div.catalog div.categories ul ul { margin: 0; padding: 0 0 0 10px; }

div.catalog div.categories ul li.active { font-weight: bold; }

div.catalog div.categories ul ul li.active { text-indent: 6px; background: #ddd; }



div#design div#c div.v_catalog { margin: auto; text-align: left; width: 440px; background: #fff; }

div#design div#c div.v_catalog div.top { float: left; margin: 2px 0 0 0; }

div#design div#c div.v_catalog div.top h2 { float: left; margin: 0 0 0 6px; padding: 0; font-family: freesans; font-size: 14px;  }

div#design div#c div.v_catalog div.top div.paging { float: right; width: 100px; margin: 0 14px 0 0; font-family: freesans; font-size: 14px; }

div#design div#c div.v_catalog div.con { float: left; margin: 2px 0 0 0; }

div#design div#c div.v_catalog div.con div.product { float: left; margin: 2px 0 0 0; }

div#design div#c div.v_catalog div.con div.product div.title { margin: 0 0 0 0; height: 26px; background: transparent url(images/jl_tbg.png) no-repeat 0 0; }

div#design div#c div.v_catalog div.con div.product div.title h2 { margin: 0 0 0 6px; padding: 4px 0 0 0; color: #ffffff; font-size: 12px; }

div#design div#c div.v_catalog div.con div.product div.title h2 a { color: #ffffff; }

div#design div#c div.v_catalog div.con div.product div.content { padding: 6px 8px 0 5px; font-size: 9px; text-align: justify; }

div#design div#c div.v_catalog div.con div.product div.more { float: right; }

div#design div#c div.v_catalog div.con div.product div.imb { float: left; border: 1px solid #ccc; padding: 2px; margin: 0 6px 6px 6px; }

div#design div#c div.v_catalog div.con div.product div.lp { float: left; width: 124px; }

div#design div#c div.v_catalog div.con div.product div.rp { float: left; width: 290px; }


