@charset "utf-8";
body{ padding:0; margin:0; background:#FFFFFF url('/images/body_bg.gif') repeat-x; }
div { text-align:left; }
form { padding:0; margin:0; }
h1{ font-size:18px; }
h2{ font-size:16px; }
hr.cleaner{ clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility:hidden; font-size:9px; }
img{ border:0; }
input,select,textarea{ border:1px solid #979797; }
ul{ margin-top:0; margin-bottom:0; }


/* ZAKLADNY LAYOUT - SIRKY / ZAROVNANIE STLPCOV ################################################################################################################## */

#page{ width:960px; }
#page_col_1{ width:650px; float:left; }
#page_col_2{ width:300px; float:right; }
#header{ height:95px; margin-bottom:10px; }
#primary-links{ background-color:#ffcc00; height:35px; line-height:35px; }
#mini-navigation{ font-size:11px; color:#999999; margin:3px 0 0 20px; }
#content{ width:468px; float:left; margin-left:10px; margin-top:10px; padding-bottom:20px; border:1px solid #dedede; }
#right-column{ width:300px; float:right; }
#left-column{ width:170px; float:left; }
#footer{ background-color:#353535; border-top:13px solid #3b3b3b; }


/*.title{ font-weight:bold; padding-left:15px; margin-top:5px; line-height:22px; }*/
.title.grey{ font-weight:bold; background:#f6f6f6 url('/images/title_grey_li.gif') no-repeat; }
.title.yellow{ font-weight:bold; background:#fff5cc url('/images/title_yellow_li.gif') no-repeat; }

/* ALL BOX STYLE ------------------------------------------------------------------------------------------------------------------------------------------------ */
.box{border:1px solid #dedede; padding:10px; margin-top:10px; }
.title{ font-weight:bold; margin-bottom:7px; }
.ctitle{ font-weight:bold; margin:20px 0 10px 0; border-bottom:1px solid #CCCCCC; clear:both; }
.button{ color:#FFFFFF; font-weight:bold; background-color:#ff007e; border-color:#ff007e; cursor:hand; margin:0; }
.button:hover{ background-color:#f40079; }
.grey_box{ background-color:#f6f6f6; }
.font_11{ font-size:11px; }
.font_11 input{ font-size:11px; }
.font_11 select{ font-size:11px; }
/* END ALL BOX STYLE -------------------------------------------------------------------------------------------------------------------------------------------- */

/* TOP LINK */
#toplink{ background-color:#e4e4e4; font-size:11px; line-height:25px; }
#toplink .content{ width:960px; margin:auto; line-height:25px; }
#toplink a{ color:#666666; font-weight:bold; padding:5px 10px 5px 10px; }
#toplink a:hover{ background-color:#d7d7d7; }
#toplink .active{ background-color:#d7d7d7; }

/* LOGO */
#box_logo{ width:650px; height:80px; padding:0; margin:0; border:none; }
#box_logo img{ margin-top:24px; }

/* NAVIGATION */
#box_navigation{ width:640px; height:30px; line-height:30px; border:none; padding:0; font-size:11px; background:#4d4d4d url('/images/navigation_bg.gif') repeat-x; clear:both; margin-top:0; }
#box_navigation .highlight{ background:#ff007e url('/images/navigation_highlight.gif') repeat-x; border-left:1px solid #7f003f; border-right:1px solid #7f003f; }
#box_navigation ul{	list-style-type:none; float:left; margin:0;	padding:0; }
#box_navigation ul li a{ font-weight:bold; padding:8px 10px 7px 10px; color:#FFFFFF; height:30px; line-height:30px; }

/* SEARCH */
#box_search{ width:628px; }

/* ERROR */
#box_error{ width:628px; font-size:14px; background-color:#ffcccc; }

/* INFO */
#box_info{ width:628px; font-size:14px; background-color:#ccff99; }

/* MENU HOME */
#box_menu_home{ width:648px; padding:10px 0 0 0; }
#box_menu_home .item{ width:190px; float:left; margin-left:10px; margin-right:10px; margin-bottom:15px; }
#box_menu_home .title{ font-size:16px; margin-top:10px; }

/* MINI NAVIGATION */
#box_mini_navigation{ width:650px; font-size:10px; padding:0; border:none; color:#999999; }

/* MENU */
#box_menu{ width:148px; font-size:12px; }
#box_menu .active{ color:#666666; }
#box_menu .content{	padding:10px 0 0 0; line-height:24px; }
#box_menu .content .content{ padding:3px 0 3px 5px; border-bottom:1px dashed #d0d0d0; }
#box_menu .content .content .content{ padding:3px 0 3px 10px; border-bottom:none; }
#box_menu ul{ list-style-type:none; padding:0; margin:0; border-top:1px dashed #d0d0d0; }
#box_menu ul li{ padding-top:0; }
#box_menu ul ul{ border:none; line-height:22px; }
#box_menu ul a{ font-weight:bold; display:block; border-bottom:1px dashed #d0d0d0; }
#box_menu ul ul a{ font-weight:normal; border:none; }

/* INQUIRY */
#box_inquiry{ width:148px; }
#box_inquiry .question{ }
#box_inquiry .answer{ }
#box_inquiry .grey{ margin-bottom:3px; background-color:#e8e8e8; }
#box_inquiry .total{ text-align:right; }

/* STATISTICS */
#box_statistics{ width:148px; }
#box_statistics ul{ padding:5px 0 0 15px; margin:0; }

/* INFORMATION */
#box_information{ width:148px; }
#category-pages{ font-size:14px; background-color:#f9f9f9; padding-top:15px; }
#box_information ul{ padding:5px 0 0 15px; margin:0; }

/* SEND COMMENTS */
#box_form_comments{ width:628px; }
#box_form_comments .title{ font-size:16px; }

/* CONTENT */
#box_content{ width:448px; float:right; }

/* RECIPE HOME */
#box_recipe_home{ width:448px; float:right; clear:both; }
#box_recipe_home .item{ border-top:1px solid #CCCCCC; padding:15px 0 0 0; }
#box_recipe_home .title{ font-size:18px; font-weight:normal; clear:both; }

/* LOGIN */
#box_login{ width:278px; }
#box_login input{ width:97px; margin-right:5px; }
#box_login .button{ width:65px; margin-right:0; }

/* LOGOUT */
#box_logout{ width:278px; font-size:11px; }
#box_logout img{ border:none; }
#box_logout table{ width:100%; border-bottom:1px dashed #CCCCCC; }
#box_logout th{ text-align:left; padding:0 10px 0 10px; vertical-align:top; }
#box_logout td{ vertical-align:top; }
#box_logout a{ font-weight:bold; }

/* BANNER 300 */
#box_banner_300{ width:300px; border:none; padding:0; margin-top:120px; }

/* RECIPE NEW */
#box_recipe_new{ width:278px; }

/* RECIPE TOP */
#box_recipe_top{ width:278px; }

/* NEWSLETTER */
#box_newsletter{ width:278px; }
#box_newsletter input{ width:190px; margin-right:5px; }
#box_newsletter .button{ width:72px; }

/* TAG */
#box_tag{ width:278px; line-height:normal; }
#box_tag .tag:hover{ text-decoration:underline; }

/* NEWS */
#box_news{ width:278px; }
#box_news .item{ margin-bottom:7px; }

#news_item .item{ border-top:1px solid #CCCCCC; padding-top:10px; }

/* FOOTER */
#box_footer{ display:block; clear:both; display:block; margin-bottom:20px; font-size:11px; }
#box_footer ul{	list-style-type:none; float:left; margin:0;	padding:0; }
#box_footer ul li a{ padding:0 5px 0 5px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* YELLOW BOX */
.yellow_box{ background-color:#fffae5; border:1px solid #fff0b2; padding:10px; margin:0 0 10px 0; font-size:11px; }
.yellow_box th{ text-align:left; padding:0 10px 0 10px; vertical-align:top; }
.yellow_box td{ vertical-align:top; }

/* FORMS */
.form{}
.form table{}
.form table tr{}
.form table th{}
.form table td{}
.form table td input{ font-size:12px; border:1px solid #999999; }
.form table td textarea{ font-size:12px; border:1px solid #999999; }
.text{ padding:20px 15px 5px 20px; }

/* ALL ITEMS / ORDER / PAGES */
.all_items{ float:left; font-size:11px; }
.order{ float:right; text-align:right; font-size:11px; }
.pages{ margin:10px 0 15px 0; padding:10px 0 0 0; text-align:center; font-weight:bold; border-top:1px solid #999999; }

/* RECEPTY */
#recipes{}
#recipes .item{ border-top:1px solid #CCCCCC; padding:15px 0 0 0; }
#recipes .title{ font-size:16px; margin:0;  }
#recipes p{ margin:7px 0 7px 0; }

#recipe_detail{ padding-bottom:20px; }

#recipes_similar{ font-size:11px; line-height:12px; }
#recipes_similar a{ padding-left:65px; }

/* KOMENTARE */
#comments{ font-size:11px; }
#comments .item{ background-color:#fafafa; border:1px dashed #ededed; padding:5px; }
#comments .item p{ margin:5px 0 5px 0; clear:both; }
#comments .photo{ float:left; }
#comments .photo img{ margin-bottom:5px; }
#comments .content{	padding:10px 0 0 0; }
#comments .content .content{ padding:3px 0 3px 20px; }
#comments .content .content .content{ padding:3px 0 3px 20px; }
#comments ul{ list-style-type:none; padding:0; margin:0; }
#comments ul li{ outline: dotted 1px; }
#comments ul ul{}
#comments ul a{ }
#comments ul ul a{}

.hover_oblast2{ width:200px; line-height:12px; height:12px; }
.prihlasit2{ float:left; position:absolute; background-color:#FFFFFF; visibility:hidden; z-index:10; }
.new_thread{ float:left; position:absolute; z-index:1; }
.hover_oblast2:hover .prihlasit2{ visibility:visible; }
.hover_oblast2:hover .new_thread{ visibility:hidden; }

.hover_oblast3{ width:200px; line-height:12px; height:12px; }
.prihlasit3{ float:left; position:absolute; background-color:#fafafa; visibility:hidden; z-index:10; }
.reply{ float:left; position:absolute; z-index:1; }
.hover_oblast3:hover .prihlasit3{ visibility:visible; }
.hover_oblast3:hover .reply{ visibility:hidden; }

/* RANK ------------------------------------------------------------------------------------------------------------------------------------------------------ */
.stats_row{ font-size:11px; line-height:13px; color:#8b8b8b; clear:both; margin-bottom:15px; }
.stats_row .col_left{ float:left; }
.stats_row .col_right{ float:right; }
.rating{
	width:60px;
	height:12px;
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url('/images/rating_star.gif') no-repeat 0 0;
	float:left;
}
.nostar {background-position:0 0}
.onestar {background-position:0 -12px}
.twostar {background-position:0 -24px}
.threestar {background-position:0 -36px}
.fourstar {background-position:0 -48px}
.fivestar {background-position:0 -60px}
ul.rating li {
	cursor: pointer;
	float:left;
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:12px;
	height:12px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:12px;}
ul.rating li.three a {left:24px;}
ul.rating li.four a {left:36px;}
ul.rating li.five a {left:48px;}
ul.rating li a:hover {
	z-index:2;
	width:60px;
	height:12px;
	overflow:hidden;
	left:0;	
	background: url('/images/rating_star.gif') no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -72px;}
ul.rating li.two a:hover {background-position:0 -84px;}
ul.rating li.three a:hover {background-position:0 -96px}
ul.rating li.four a:hover {background-position:0 -108px}
ul.rating li.five a:hover {background-position:0 -120px}

.rating{ float:left; position:absolute; }
.hover_oblast{ float:left; position:absolute; width:150px; }
.prihlasit{ width:85px; height:12px; float:left; position:absolute; background-color:#FFFFFF; visibility:hidden; left:65px; z-index:10; }
.pocet{ width:65px; height:12px; float:left; position:absolute; left:65px; z-index:1; }
.new_thread{ height:12px; float:left; position:absolute; z-index:1; }
.hover_oblast:hover .prihlasit{ visibility:visible; }








	/* NEWS LIST --------------------------------------------------------------------------------------------------------------------------------------------- */

	#news-list{ padding:20px 0 0 25px; }

	#news-list .item{ background-color:#353535; padding:20px 30px 20px 25px; margin-bottom:5px; }

	#news-list .item a{ font-size:12px; font-weight:bold; text-decoration:none; }

	#news-list .item a:hover{ text-decoration:underline; }

	#news-list .item .data{ padding-top:15px; }

	#news-list .item .data .publictime{ font-size:11px;}

	#news-list .item .data .title{ border:none; padding:0; font-weight:normal; }

	#news-list .item .data .description{}
	

/* OTHERS #################################################################################################################################################### */