ratinghtml {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 62.5%;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: black;
	background: #e2001a;
	line-height: 1.6em;
	}

/* global reset */
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0;}
ul {list-style: none;}
table {	border-collapse: collapse;	font-size: 1em;}
th {text-align: left;}
fieldset {border: 0;}

/* wysiwyg reset */	
font {
	font-family: inherit !important; 
	color: inherit !important;
	font-size: inherit !important;
	}
	
/* 
red #C10016
yellow #FAC221
*/

/* ************* COMMON ************* */

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	line-height: 0;
	}
.clear {clear: both;}
.small {font-size: 0.85em;}

.none {display: none;}
	
hr {
  	border: 0;
  	width: 100%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

a {color: #cb0014;}
a:hover, .anchorLike:hover {color: #000;}
img {border: none;}
p {margin-bottom: 15px;}
.postup {text-align: justify;}

.anchorLike {color: #cb0014; text-decoration: underline; font-style: normal; cursor: pointer;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

dt {
			display: block;
			float: left;
			margin-right: 4px;
			background: #c10016;
			color: #FFF;
			padding: 2px 8px;
			font-size: 1.1em;
			position: relative;
			font-weight: bold;
			margin-bottom: 0;
			clear: both;
			}
dd {
	margin: 0 0 20px 60px;
	 }

.bold       { font-weight:bold; }
.italic     { font-style:italic; }
.nopadding  { padding:0; }
#main .noborder {border: 0;}
.noindent   { margin-left:0;padding-left:0; }
.nobullet   { list-style:none;list-style-image:none;}
.mand 		{ color: #C10016; font-weight: normal;}
.dots {background: url(../img/dots-h.gif) repeat-x bottom left; padding-bottom: 15px; margin-bottom: 15px;}

.floatleft {
	float: left;
	margin: 0 15px 10px 0;
	}

.floatright {
	float: right;
	margin: 0 0 10px 15px;
	}
	
.rgt {float: right;}
.lft {float: left;}

img.rgt {margin: 0 0 10px 15px;}
img.lft {margin: 0 15px 10px 0;}

.leftcol {float: left; width: 49%;}
.rightcol {float: right; width: 49%;}

.rnd1, .rnd1 div {display: inline-block; float: left;}
.rnd1 img {margin: 4px 4px 1px 4px; =margin-bottom: 4px;}
.rnd1 {background: url(../img/round-tl.gif) no-repeat; margin-bottom: 10px;}
.rnd2 {background: url(../img/round-br.gif) no-repeat bottom right;}
.rnd3 {background: url(../img/round-tr.gif) no-repeat top right;}
.rnd4 {background: url(../img/round-bl.gif) no-repeat bottom left;}

.imgThmb {text-align: center; margin-bottom: 20px;}

.line {border-top: 1px solid #FAC221; padding-top: 10px;}

.vitanaProduct {
	background: url(../img/logo-vitana-mini2.gif) no-repeat 100% 60%;
	padding: 1px 50px 1px 0;
	color: #C10016;
	}

.vitanaProductNatur {
	background: url(../img/ico_natur.gif) no-repeat 100% 60%;
	padding: 1px 50px 1px 0;
	color: #C10016;
	}
	
.err, #err_msg {
	background: #D60019;
	color: #FFF;
	padding: 4px 8px;
	font-weight: bold;
	}
	#err_msg {margin-bottom: 15px;}
	#err_msg p {margin-bottom: 0;}

/* ************* HEADINGS ************* */

h1 {line-height: 33px; color: #C10016; =font-size: 30px; }
h2 {font-size: 1.1em; color: #C10016;}
h3 {font-size: 1.1em;}
h4, h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 5px; line-height: 1.3em;}

#sidecol2 h4 {
	border-top: 1px solid #FAC221;
	color: #C10016;
	padding-top: 15px;
	}

/* ********* zkratky ********* */

.focus {position: absolute; left: 198px;}

.focus a, .focus span {
	position: absolute;
	top: 0;
	left: -5000px;
	z-index: -10;
	white-space: nowrap;
	}

.focus a:focus, .focus a:active {
    z-index:2;
	top: 0;
	left: 248px;
    background:#FFED00;
	padding: 2px 5px 4px 6px;
	color: #A00000;
	font-size: 1.1em;
	font-weight: bold;
	}


/* ************* LISTS ************* */

#main ul, #main ol, #popUpArea ul {margin: 0 0 15px 15px;}
	#main ul ul, #main ol ol, #popUpArea ul ul {margin: 0 0 0 15px;}
	
	#sidecol2 ul {margin-left: 0;}
	
	#main li, #popUpArea li {background: url(../img/ico-li.gif) no-repeat 0 4px; padding-left: 20px; margin-bottom: 5px; zoom: 1;}
	
	
	
	#main ol {margin-left: 34px;}
	
	
	
/* ************* FORMS ************* */

input, select, textarea {
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	font-size: 0.85em;
	vertical-align: middle;
	}
	table input, table select {font-size: 1em;}
	

.field {
	color: #bd1a1d;
	border: 1px solid #C10016;
	width: 275px;
	}
	select.field {width: 277px;}
	textarea.field {width: 415px; height: 130px;}
	#main .w30 {width: 30px;}
	#main .w70 {width: 70px;}
	#main .w80 {width: 80px;}
	#main .w100 {width: 100px;}
	#main .w120 {width: 120px;}
	#main .w130 {width: 130px;}
	#main .w150 {width: 150px;}
	
	.leftcol input.field, .rightcol input.field {width: 156px;}
	.leftcol select.field, .rightcol select.field {width: 158px;}
	.leftcol select.halfField, .rightcol select.halfField {width: 77px;}
	
select#surovinySelect {
		width: 280px;
		height: 150px; 
		vertical-align: bottom;
		}
		#surovinySelect option { margin: 2px 6px;}
	
label span, .labelLike {
	display: block;
	width: 135px;
	float: left;
	font-weight: bold;
	}
	label.inlineLabel span {width: auto; float: none; display: inline;}
	
	
	
label {clear: both;  display: block;}
	label.inlineLabel {display: inline;}
	
	.searchRecept label, .searchRecept span.rightcol, .searchRecept span.leftcol {margin-bottom: 8px;}
	.searchRecept label.leftcol, .searchRecept label.rightcol {clear: none;}
	.searchRecept br {display: none;}
	.searchRecept p.rgt input {margin-right: 15px;}

legend {display: none;}

.note {
	font-size: 0.85em;
	margin-left: 140px;
	margin-top: -10px;
	display: block;
	}
	
.defaultFoto {
		width: 135px;
		float: left;
		display: block;
		overflow: hidden;
		margin-bottom: 10px;
}

.menuSelectBox {
	background: url(../img/menuSelectBox-bg.gif) no-repeat;
	padding: 41px 0 70px 80px;
}
.menuSelectBox .button {position: relative; top: 26px; margin-left: 10px; width: 45px;}
.menuSelectBox strong {font-size: 0.85em; line-height: 2.4em;}
/* IE button fix */
	
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}


/* ************* TABLES ************* */

table {
	border: 0;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	width: 100%;
	}
	th, td {
		padding: 8px 15px 5px 0;
		vertical-align: top;
		border: 0;
		border-bottom: 1px solid #FAC221;
		}
		
	.last td {
		border: 0;
		}

table.dataTable {
border: 1px solid gray;
	}
	table.dataTable th, table.dataTable td {
		border: 1px solid gray;
		}
		
		
table.ingredients {
	font-size: 0.85em;
	width: auto;
	float: right;
	}
	table.ingredients td {padding: 0 15px 5px 0; border: 0; text-align: right; vertical-align: middle;}
	table.ingredients td.right {white-space: nowrap;}
	table.ingredients td.right select {margin-left: 3px;}
	
	
	
table.tableBox {
	background: url(../img/hgltBox-bg.png) no-repeat bottom left;
	}
	table.tableBox .tl {background: url(../img/boxHeader-bg1.png) no-repeat #F8AB00;}
	table.tableBox th {background: url(../img/boxHeader-bg1.png) no-repeat top center #F8AB00; color: #FFF; padding: 10px 15px 7px 12px;}
	table.tableBox .tr {background: url(../img/boxHeader-bg2.png) no-repeat top right #F8AB00;}
	
	table.tableBox td {padding-left: 15px; padding-bottom: 8px;}

/* ********************************************* */
/* ************* IMAGE REPLACEMENT ************* */
/* ********************************************* */
#search span, #clubLogin h3 span, .loginButton span, .lang span, .testToo span, .viceInfo span, .homeBox span, .homeBox .vice span, .hpMainBox h2 span, .clubAd span, #anketa h3 span, .addOpinion1 span, .addOpinion2 span, .jakchutnalo span, .addRating span, .addRecept span, .pridejRecept span, .ukazRecept span, #hMenu span, .prehrajVideo span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
#search h3, #clubLogin h3, .loginButton, .lang a, .testToo, .viceInfo, .homeBox h2, .homeBox .vice, .hpMainBox h2, .clubAd, #anketa h3, .addOpinion1, .addOpinion2, .jakchutnalo, .addRating, .addRecept, .pridejRecept, .ukazRecept, #hMenu a, .prehrajVideo {position: relative; overflow: hidden; display: block;}
	#search h3 {
		width: 109px;
		height: 16px;
		}
		#search h3 span {background: url(../img/h-hledani.gif) no-repeat;}
		.sk #search h3 span {background: url(../img/sk/h-hledani.gif) no-repeat;}
		
	#clubLogin h3 {width: 182px; height: 33px;}
		#clubLogin h3 span {background: url(../img/h-prihlaseni.png) no-repeat;}
		.sk #clubLogin h3 span {background: url(../img/sk/h-prihlaseni.png) no-repeat;}
		
	.loginButton {width: 69px; height: 20px; display: block; position: relative; top: -3px; background: #C70017;}
		.loginButton span {background: url(../img/buttons/but-prihlasit.gif) no-repeat;}
		.sk .loginButton span {background: url(../img/buttons/sk/but-prihlasit.gif) no-repeat;}
		
	#sidecol2 h3.testToo {width: 200px;	height: 30px; border: 0;}
		.testToo span {background: url(../img/h-vyzkousejtetake.gif) no-repeat; top: -2px;}
		.sk .testToo span {background: url(../img/sk/h-vyzkousejtetake.gif) no-repeat;}
		
	#sidecol2 h3.clubAd {width: 226px; height: 161px; border: 0;}
		.clubAd span {background: url(../img/h-vitanaklub.jpg) no-repeat; cursor: pointer;}
		.sk .clubAd span {background: url(../img/sk/h-vitanaklub.jpg) no-repeat; cursor: pointer;}
		
	.lang a {
		width: 21px;
		height: 16px;
		float: left;
		margin-left: 5px;
		}
		.lang .cz span {background: url(../img/flag-cz.png) no-repeat 0 -16px;}
		.lang .sk span {background: url(../img/flag-sk.png) no-repeat 0 -16px;}
			.lang .active span {background-position: 0 0;}
			
	.viceInfo {width: 94px; height: 20px;}
		.viceInfo span {background: url(../img/buttons/but-viceInfo.gif) no-repeat;}
		.sk .viceInfo span {background: url(../img/buttons/sk/but-viceInfo.gif) no-repeat;}
	.prehrajVideo {width: 65px; height: 20px;}
		.prehrajVideo span {background: url(../img/but-prehrajVideo.png) no-repeat;}
		
	.homeBox h2 {
		width: 110px;
		height: 40px;
		margin-top: 5px;
		}
		#box1 h2 span {background: url(../img/h-neviteCoUvarit.png) no-repeat;}
			.sk #box1 h2 span {background: url(../img/sk/h-neviteCoUvarit.png) no-repeat;}
		#box2 h2 span {background: url(../img/h-uzJsteVyzkouseli.png) no-repeat;}
			.sk #box2 h2 span {background: url(../img/sk/h-uzJsteVyzkouseli.png) no-repeat;}
		#box3 h2 span {background: url(../img/h-napadyPodPoklickou.png) no-repeat;}
			.sk #box3 h2 span {background: url(../img/sk/h-napadyPodPoklickou.png) no-repeat;}
	
	#box1 .vice {width: 94px; height: 20px;}
		#box1 .vice span {background: url(../img/buttons/but-viceReceptu.gif) no-repeat; cursor: pointer;}	
		.sk #box1 .vice span {background: url(../img/buttons/sk/but-viceReceptu.gif) no-repeat; cursor: pointer;}	
	#box2 .vice {width: 94px; height: 20px;}
		#box2 .vice span {background: url(../img/buttons/but-viceProduktu.png) no-repeat; cursor: pointer;}
		.sk #box2 .vice span {background: url(../img/buttons/sk/but-viceProduktu.gif) no-repeat; cursor: pointer;}
	#box3 .vice {width: 79px; height: 20px;}
		#box3 .vice span {background: url(../img/buttons/but-viceTipu.png) no-repeat; cursor: pointer;}
		.sk #box3 .vice span {background: url(../img/buttons/sk/but-viceTipu.png) no-repeat; cursor: pointer;}
		
		
	#receptDne h2 {
		width: 226px;
		height: 114px;
		position: absolute;
		top: 0;
		left: 298px;
		}
		#receptDne h2 span {background: url(../img/receptDne-h.jpg) no-repeat;}
			.sk #receptDne h2 span {background: url(../img/sk/receptDne-h.jpg) no-repeat;}
		
	#vyzkousejte h2 {
		width: 189px;
		height: 122px;
		position: absolute;
		top: 1px;
		left: 308px;
		}
		#vyzkousejte h2 span {background: url(../img/vyzkousejte-h.jpg) no-repeat;}
		.sk #vyzkousejte h2 span {background-image: url(../img/sk/vyzkousejte-h.jpg);}
			
		
	#anketa h3 {width: 181px;height: 38px;}
		#anketa h3 span {background: url(../img/h-anketa.png) no-repeat;}		
	.addOpinion1, .addOpinion2 {width: 125px;height: 20px;}
		.addOpinion1 span, .addOpinion2 span {background: url(../img/buttons/but-pridejdalsinazor.gif) no-repeat; cursor: pointer;}		
	.jakchutnalo {width: 101px;	height: 40px;}
		.jakchutnalo span {background: url(../img/h-jakvamchutnalo.gif) no-repeat;}
		.sk .jakchutnalo span {background: url(../img/sk/h-jakvamchutnalo.gif) no-repeat;}		
	.addRating {width: 113px; height: 20px;}
		.addRating span {background: url(../img/buttons/but-pridejhodnoceni.gif) no-repeat;}
	.addRecept {width: 226px; height: 41px; clear: both;}
		.addRecept span {background: url(../img/buttons/but-pridejreceptdooblibenyc.gif) no-repeat; cursor: pointer;}
	.pridejRecept {width: 181px; height: 100px;}
		.pridejRecept span {background: url(../img/h-pridejrecept.jpg) no-repeat;}
	.ukazRecept {width: 95px; height: 20px;}
		.ukazRecept span {background: url(../img/buttons/but-ukazrecept.gif) no-repeat;}
		.sk .ukazRecept span {background: url(../img/buttons/sk/but-ukazrecept.gif) no-repeat;}
		
	
/* ************* FLOAT CLEAR ************* */

#actions, .hgltBox, .aktualitaBox, .discussion, #HodDivForm, .postup {
	overflow: hidden;
	_display: inline-block;
	}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	
/* ****************************************** */	
/* ******************* PAGE ***************** */
/* ****************************************** */	

#whiteBg {
	background: url(../img/top-bg-full.png) repeat-x #FFF;
	position: relative;
	height: 100%;
	overflow: hidden;
	min-width: 990px;
	}
	

#all {
	text-align: left;
	width: 990px;
	font-size: 1.3em;
	}

/* *************************************** */	
/* ************** HEADER ***************** */
/* *************************************** */	

#top {
	height: 97px;
	position: relative;
	background: url(../img/top-claim.png) no-repeat 204px 30px;
	}
		.sk #top {background: url(../img/sk/top-claim.png) no-repeat 186px 28px;}
	.logo {position: absolute; top: 0;	left: 0; font-weight: bold; font-size: 3em;}
	#search {
		position: absolute;
		top: 38px;
		left: 443px;
		}
		#search h3 {margin-bottom: 0;}
		#search input.field {
			background: url(../img/field-search-bg.gif) no-repeat #CCCCCC;
			width: 109px;
			=width: 107px;
			height: 15px;
			border: 0;
			}
		#search select.field {
			border: 0;
			color: #333333;
			width: auto;
			}
		#search .button {width: 56px;}
		
	#clubLogin {
		position: absolute;
		top: 21px;
		left: 755px;
		font-size: 0.85em;
		z-index: 400;
		}
		#clubLogin a {color: #FFF; float: left; margin-left: 15px; background: #C70017}
		
	.lang {
		position: absolute;
		top: 13px;
		right: 10px;
		font-size: 0.85em;
		z-index: 500;
		}
		
	
/* **************************************** */	
/* ***************** MENU ***************** */
/* **************************************** */	

	#hMenu ul {
		list-style: none;
		position: relative;
		width: 900px;
		left: 88px;
		}
		#hMenu ul li {
			display: inline;
			}
			#hMenu ul li a {
				display: block;
				float: left;
				text-decoration: none;
				color: #FFF;
				height: 44px;

				width: 90px;
				background: #c11a2d;
				}
				a.m1 span {background: url(../img/m1.png) no-repeat 0 0;}
				a.m2 span {background: url(../img/m2.png) no-repeat 0 0;}
				a.m3 span {background: url(../img/m3.png) no-repeat 0 0;}
				a.m4 span {background: url(../img/m4.png) no-repeat 0 0;}
				a.m5 span {background: url(../img/m5.png) no-repeat 0 0;}
				a.m6 span {background: url(../img/m6.png) no-repeat 0 0;}
					.sk a.m6 span {background: url(../img/sk/m6.png) no-repeat 0 0;}
				a.m7 span {background: url(../img/m7.png) no-repeat 0 0;}
					.sk a.m7 span {background: url(../img/sk/m7.png) no-repeat 0 0;}
				a.m8 span {background: url(../img/m8.png) no-repeat 0 0;}
					.sk a.m8 span {background: url(../img/sk/m8.png) no-repeat 0 0;}
				a.m9 span {background: url(../img/m9.png) no-repeat 0 0;}
					.sk a.m9 span {background: url(../img/sk/m9.png) no-repeat 0 0;}
				a.m10 span {background: url(../img/m10.png) no-repeat 0 0;}
				
				#hMenu ul li a:hover {
					background: #a70013;
					color: white;
					}
					
				#hMenu ul li a span {cursor: pointer;}					
				#hMenu ul li a:hover span {background-position: 0 -44px;}	
				#hMenu ul li.active a span {background-position: 0 -88px;}			

			
/* ********************************************** */	
/* ************** PAGE STRUCTURE ***************** */
/* ********************************************** */

.breadcrumbs {
	padding: 0 0 15px 10px;
	margin-bottom: 0;
	font-size: 0.85em;
	}

.column {
	float: left;
	}

#main {
	margin: 0 0 0 0;
	padding: 15px 0 0 90px;
	}
	#mainIn {width: 100%;}
	#maincol {
		width: 100%;
		min-height: 440px;
		_height: 440px;
		}
			#Recepty #maincol {min-height: 360px; _height: 360px;}
		#contentContainer {padding: 0 226px 0 200px;}
				#homepage #contentContainer, #novinky #contentContainer , #Recepty #contentContainer {padding-left: 0; padding-right: 200px;}	
			#content {margin: 0 40px 15px 15px;}
				#Recepty #content {margin: 0 60px 15px 10px;}
	#sidecol1 {
		width: 181px;
		margin-bottom: 5px;
		margin-left: -100%;
		}
	#sidecol2 {
		width: 226px;
		margin-left: -226px;
		padding-top: 10px;
		position: relative;
		z-index: 2000;
		}
		#sidecol2.flash {padding-top: 350px;}
			#Recepty #sidecol2.flash {padding-top: 0;}
		
		#flashWoman {
			position: absolute;
			width: 275px;
			height: 460px;			
			top: -50px;
			left: -40px;
			z-index: 3000;
			}
			#homepage #flashWoman {top: -20px;}
			
	.zelenina {
		position: absolute;
		top: 129px;
		left: 0;
		width: 88px;
		height: 856px;
		background: url(../img/zelenina-bg2.png) no-repeat;
		}
		#bg1 {background: url(../img/zelenina-bg1.png) no-repeat;}
		#bg2 {background: url(../img/zelenina-bg2.png) no-repeat;}
		#bg3 {background: url(../img/zelenina-bg3.png) no-repeat;}
		
		.sk #bg1, .sk #bg2, .sk #bg3 {background: url(../img/sk/banner-side-1.jpg) no-repeat;}
		
/* actions stripe */	
			
#actions {
	font-size: 1.2em;
	width: 990px;
	clear: both;
	}
	#main #actions {font-size: 0.9em;}
	#main #actions {width: 100%;}
#actions p.pageActions {
	background: url(../img/actions-1-bg.png) no-repeat;
	margin-bottom: 0;
	float: left;
	display: block;
	margin-left: 90px;
	_margin-left: 45px;
	}
	#main #actions p.pageActions  {margin-left: 0;}
	.pageActions span {
		display: block;
		padding: 12px 18px;
		background: url(../img/actions-2-bg.png) no-repeat top right;
		font-weight: bold;
		 color: #cb0014;
		}
		.pageActions em  {margin: 0 10px; font-style: normal; text-decoration: underline; cursor: pointer;}
			
			
			
#pager {
	background: url(../img/pager-bg1.png) no-repeat #6b0000;
	float: right;
	_width: 485px;
	}
	#pager fieldset {
		background: url(../img/pager-bg2.png) no-repeat top right;
		padding: 10px 20px 9px 20px;
		display: block;
		color: #FFF;
		}	
		#pager select {font-size: 1em; margin: 0 5px;}	
		#pager label {margin-right: 10px;}
		#pager a {padding: 3px 10px; font-size: 0.9em; color: #dcb3b3; text-decoration: none;}
			#pager a.next {background: url(../img/bg-odkaz.gif) no-repeat 10px 0; border-left: 1px solid #a13333; padding-left: 20px; margin-left: 0;}
			#pager a.prev {background: url(../img/bg-odkaz1.gif) no-repeat; border-right: 1px solid #a13333; padding-right: 20px; margin-right: 10px;}
			
			#pager a:hover {color: #FFF;}
			
/* Safari & Chrome hack */
 @media screen and (-webkit-min-device-pixel-ratio:0) { #pager { position: relative; top: 3px;} }
			
/* ********************************************* */	
/* *************** BOTTOM PART ***************** */
/* ********************************************* */				
#bottomPart {
	background: url(../img/bg-bottomPart.jpg) no-repeat;
	padding: 70px 0 20px 90px;
	margin-top: -25px;
	min-height: 350px;
	_height: 350px;
	position: relative;
	z-index: 1100;
	zoom: 1;
	}
	#bottomPartContent {font-size: 1.2em; width: 900px;}
	
	.bottomPartBox {
		width: 33%;
		float: left;
		background: url(../img/dots-v.gif) repeat-y 92% 0;
		margin-bottom: 25px;
		}
			.last {background: none;}
			
		.bottomPartBox h3, .bottomPartBox p {margin-right: 50px;}
		.bottomPartBox h3 {margin-bottom: 13px;}
		.bottomPartBox h3 a {color: #000;}
			.bottomPartBox h3 a:hover {color: #c10016;}
		
		.priznak {
			display: block;
			float: left;
			margin-right: 4px;
			background: #c10016;
			color: #FFF;
			padding: 2px 8px;
			font-size: 1.1em;
			position: relative;
			left: -4px;
			font-weight: bold;
			}
			
		.coverShade {
			float: right;
			margin-right: 37px;
			margin-left: 10px;
			}
			
		.icoBg {
			background: url(../img/homeIco-bg2.png) no-repeat bottom left;
			display: inline-block;
			float: right;
			margin-left: 10px;
			margin-right: 42px;
			}
			.icoBg img {
				background: url(../img/homeIco-bg1.png) no-repeat;
				padding: 5px;
				display: block;
				}
				
		.movieIco {
			background: url(../img/movieIco-bg2.png) no-repeat bottom left;
			display: inline-block;
			float: left;
			margin-right: 10px;
			}
			.movieIco img {
				background: url(../img/movieIco-bg1.png) no-repeat;
				padding: 5px;
				display: block;
				}
				
		.bottomPartBox .ratingResult {margin: 10px 0;}
		


.aktualitaBox .priznak {left: 0; margin-right: 15px;  }
.aktualitaBox p {margin-top: 15px;}
.aktualitaBox img {float: left; margin: 10px 10px 10px 0;}
.favBox .icoBg {background-image: url(../img/aktualita-ico-bg1.png); float: left; margin: 10px 10px 10px 0;}
.favBox .icoBg img {background-image:url(../img/aktualita-ico-bg2.png);}

.favBox {min-height: 95px; _height: 95px; position: relative;}
.favBoxDetails {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.85em;
	}
	.favBoxDetails p {margin-bottom: 30px;}
	.favBoxDetails em {
		text-decoration: underline;
		color: #cb0014;
		font-style: normal;
		cursor: pointer;
		}
	.favBox h3 {margin-right: 70px;}



.userInfo {font-size: 0.85em;}
	.userInfo a strong {font-size: 1.2em;}
	#sidecol2 .userInfo ul {margin-right: 55px;}


				
/* ********************************************* */	
/* *************** DISCUSSIONS ***************** */
/* ********************************************* */	

#discussionArea {margin-top: 20px;}

#content ul.discussion {margin-left: 0; margin-bottom: 15px;}
#content ul.discussion ul {margin-bottom: 15px;}

#content .discusItem {
	clear: both;
	background-image: none;
	padding-left: 0;
	padding-top: 10px;
	}
	#content .discusItem li {
		background: url(../img/forum-answer-bg.gif) no-repeat 10px 15px;
		padding-left: 40px;
		}

#all .discusItem .userIco {
	float: left;
	margin-right: 15px;
	background: url(../img/forum-ico-bg.gif) no-repeat;
	padding: 0;
	}
	#all .discusItem .userIco img {
		background: url(../img/forum-ico-bg2.gif) no-repeat bottom left;
		padding: 4px 5px 4px 4px;
		margin-bottom: 0;
		display: block;
		}
.discusItem span {
	padding-top: 8px;
	display: block;
	}
	.discusItem span.none {display: none;}
	
.discusItem em {font-style: normal; font-weight: bold;}
.discusItem strong {text-decoration: underline; color: #CD0018; cursor:pointer; font-weight: normal;}

.addOpinion {cursor: pointer;}


/* ***************************************** */	
/* *************** CONTENT ***************** */
/* ***************************************** */	
				
.hgltBox {
	clear: both;
	background: url(../img/hgltBox-bg.png) no-repeat bottom left #FFFBEE;
	margin-bottom: 20px;
	}
		#Recepty .hgltBox  {background-image: url(../img/hgltBox-bg2.png);}
	.hgltBox h3 {
		background: url(../img/boxHeader-bg1.png) no-repeat #F8AA00;
		font-size: 1em;
		margin-bottom: 0;
		}
		.hgltBox h3 span {
			background: url(../img/boxHeader-bg2.png) no-repeat top right;
			padding: 7px 19px 5px 19px;
			color: #FFF;
			display: block;
			}
	.hgltText {padding: 13px 19px 1px 19px;}
		#content .hgltText ul {margin-left: 0;}		
			#content .hgltBox li {
				background: none;
				border-bottom: 1px solid #FAC221;
				padding: 7px 8px;
				margin-bottom: 0;
				}
				#content .hgltBox li.last {border: none;}				

	
/* ***************************************** */	
/* ************** COLUMN 1 ***************** */
/* ***************************************** */	

#sideMenu {background: url(../img/sideMenu-top-bg.png) no-repeat #a00000; margin-bottom: 20px;}

	#sideMenu a {color: #FFF; text-decoration: none;}
		#sideMenu a:hover {text-decoration: underline;}
		#sideMenu li a.active {color: #fbd055;}
				
	#sideMenu ul {
		list-style: none;
		background: url(../img/sideMenu-bottom-bg.png) no-repeat bottom left;
		padding: 12px 13px 17px 13px;
		margin: 0;
		min-height: 120px;
		_height: 120px;
		}
		#sideMenu li {
			background: url(../img/ico-sideMenu-li.gif) no-repeat 0 4px;
			padding-left: 13px;
			margin-top: 3px;
			}
		#sideMenu ul ul {background: none; padding: 0; font-size: 0.85em; margin: 5px 0; min-height: 1px; _height: 1px;}
			#sideMenu ul ul li {
				background: url(../img/ico-sideMenu-sub-li.gif) no-repeat 0 8px;
				padding-left: 10px;
				
				}
				#sideMenu ul ul ul {font-size: 1em;}
					#sideMenu ul ul ul li {background: none;}
				
				
#anketa {
	background: url(../img/bg-anketa.png) no-repeat;
	 font-size: 0.85em;
	 margin-bottom: 30px;
	}
	#anketa p {margin: 0 0 5px 20px;}
	#anketa a {color: #000;}
	#anketa strong {font-size: 1.1em;}
	#anketa p.total {color: #7A7A7A;}
	.ank1, .ank2, .ank3, .ank4 	{
		height: 8px;
		display: block;
		line-height: 8px;
		margin-top: 3px;
		}
		.ank1 span, .ank2 span, .ank3 span, .ank4 span  {
			height: 8px;
			line-height: 8px;
			display: block;
			}		
		.ank1  {background: url(../img/ank-1.gif) no-repeat;}
		.ank2  {background: url(../img/ank-2.gif) no-repeat;}
		.ank3  {background: url(../img/ank-3.gif) no-repeat;}
		.ank4  {background: url(../img/ank-4.gif) no-repeat;}
		.ank1 span  {background: url(../img/ank-1a.gif) no-repeat top right;}
		.ank2 span  {background: url(../img/ank-2a.gif) no-repeat top right;}
		.ank3 span  {background: url(../img/ank-3a.gif) no-repeat top right;}
		.ank4 span  {background: url(../img/ank-4a.gif) no-repeat top right;}
		
/* ***************************************** */	
/* ************** COLUMN 2 ***************** */
/* ***************************************** */

#sidecol2 .receptOverview {
	font-weight: bold;
	list-style: none;
	margin-bottom: 30px;
	clear: both;
	}
	#sidecol2 .receptOverview li, #sidecol2 .userInfo ul li {
		text-align: right; 
		border-bottom: 1px solid #FAC221; 
		line-height: 2.4em; 
		margin-bottom: 0;
		background: none;
		padding: 0;
		clear: both;
		width: 100%;
		}
		#sidecol2 .receptOverview li.last {border: 0;}
	.receptOverview strong {font-weight: normal; float: left;}
	
	#sidecol2 .userInfo ul li {text-align: left;}
	
.receptOverview input.button {
		font-weight: bold;
		text-decoration: underline;
		border: 0;
		background: #FFF;
		color: #B00D0D;
		cursor: pointer;
		padding: 0;
		text-align: right;
		font-size: 1em;
		_position: relative;
		_top: 4px;
}
	
#DocumentEditForm input.button  {
	background: url(../img/bg-button.gif) no-repeat #cc0014;
	color: #FFF;
	padding: 2px 15px;
	border: 0;
	cursor: pointer;
	
	}
	
#DocumentEditForm p.right em {font-size: 0.85em;}
#DocumentEditForm .button {margin-left: 10px;}


/* ***************************************** */	
/* ************** HOMEPAGE ***************** */
/* ***************************************** */

.homeBox {
	float: left;
	position: relative;
	left: -15px;
	margin-bottom: 25px;
	margin-top: 5px;
	z-index: 180;
	zoom: 1;
	min-height: 90px;
	_height: 90px;
	}
	#box1 {
		background: url(../img/bg-box1.png) no-repeat;
		width: 210px;	
		}
		#box1 h2, #box1 ul, #box1 .vice {margin-left: 115px;}
	#box2 {
		background: url(../img/bg-box2.png) no-repeat 0 0;
		width: 200px;
		_left: -30px;
		}
		#box2 h2, #box2 ul, #box2 .vice {margin-left: 90px;}
	#box3 {
		background: url(../img/bg-box3.png) no-repeat;
		width: 210px;
		_left: -30px;
		}
		#box3 h2, #box3 ul, #box3 .vice {margin-left: 115px;}

#homepage .homeBox ul {
	margin-left: 0;
	}
	#homepage .homeBox li {
		background: none;
		padding-left: 0;
		position: relative;
		margin-bottom: 0;
		float: left;
		}
		#homepage .homeBox ul ul {
			position: absolute;
			top: -5px;
			left: 20px;
			background: #FFF;
			width: 180px;
			font-size: 0.85em;
			padding-bottom: 5px;
			background: url(../img/over-bg.png) no-repeat bottom left;
			_background: url(../img/over-bg-IE6.gif) no-repeat bottom left;
			line-height: 1.3em;
			display: none;
			zoom: 1;
			}
			#homepage .homeBox ul ul li {float: none; zoom: 1;}
			#homepage .homeBox ul ul li.first {background: url(../img/over-top.png) no-repeat; padding-top: 5px;}
			#homepage .homeBox ul li:hover ul, #homepage .homeBox ul li.hover ul {display: block;}
			
			#homepage .homeBox ul li {_behavior: url(_dataPublic/js/hover.htc);}
			
			#homepage .homeBox ul ul a {
				display: block;
				padding: 2px 10px 2px 22px;
				background: url(../img/ico-sipky.gif) no-repeat 10px 7px;
				text-decoration: none;
				color: #000;
				}
				#homepage .homeBox ul ul a:hover {
					background: url(../img/homeBox-a-bg.gif) repeat-x #e0001a;
					color: #FFF;
					}
					
.bigBanner {margin-bottom: 60px; clear: both;}
.smallBanner {float: left; margin-right: 35px; margin-bottom: 30px; margin-top: 10px;}
					
/* ********************************************************* */	
/* ************** RECEPT DNE a VYZKOUSEJTE ***************** */
/* ********************************************************* */

.hpMainBox {
	clear: both;
	position: relative;
	width: 100%;
	z-index: 150;
	margin-bottom: 30px;
	min-height: 210px;
	_height: 210px;
	}
	.hpMainBox .in {
		color: #FFF;
		padding-bottom: 1px;
		zoom: 1;
		}
	#receptDne {background: url(../img/receptDne-bottom-bg.png) no-repeat bottom left;}	
	#vyzkousejte {background: url(../img/vyzkousejte-bottom-bg.png) no-repeat bottom left;}				
	#receptDne .in {background: url(../img/receptDne-head-bg.png) no-repeat;}
		.sk #receptDne .in {background: url(../img/sk/receptDne-head-bg.png) no-repeat;}
	#vyzkousejte .in {background: url(../img/vyzkousejte-bg.png) no-repeat;}
		
		.hpMainBox .thmbBg {
			position: relative;
			top: 5px;
			left: 41px;
			margin-bottom: 13px;
			display: inline-block;
			float: left;
			background: url(../img/receptDne-thmb-bg1.gif) no-repeat;
			}
			.hpMainBox .thmbBg span {
				background: url(../img/receptDne-thmb-bg2.gif) no-repeat top right;
				padding: 5px;
				display: block;
				}
			#vyzkousejte img {top: 14px; _top: 0;}
		.hpMainBox h3 {font-size: 1.5em; clear: both;}
		.hpMainBox h3 a {color: #FFF;}
		.hpMainBox h3, .hpMainBox p {
			margin-left: 20px;
			margin-right: 200px;
			}
			#vyzkousejte p {margin-right: 100px;}		


/* ********************************************** */	
/* ************** RATING SYSTEM ***************** */
/* ********************************************** */		
.ratingResult {
	width: 96px;
	height: 36px;
	}
	#homepage .hpMainBox .ratingResult {
		position: absolute;
		top: 180px;
		left: 469px;
		}
	.favBox .ratingResult {margin-left: 100px;}
	.r0 {background: url(../img/rating-0.png) no-repeat;}
	.r1 {background: url(../img/rating-1.png) no-repeat;}
	.r2 {background: url(../img/rating-2.png) no-repeat;}
	.r3 {background: url(../img/rating-3.png) no-repeat;}
	.r4 {background: url(../img/rating-4.png) no-repeat;}
	.r5 {background: url(../img/rating-5.png) no-repeat;}
	
	p.ratingRes {margin-bottom: 0; padding-top: 20px; font-size: 0.85em;}
	.favBox p.ratingRes {font-size: 1em; padding-top: 10px;}

#bannersHP img {margin-right: 20px; z-index:1300;}
#bannersHP {margin-bottom: -25px; margin-top: -25px; position: relative;  z-index:1290;}

#HodDivForm {clear: both; margin-bottom: 15px;}

/* *************************************** */	
/* ************** POP UP ***************** */
/* *************************************** */
#popUp {background: #FFF;}
#popUpArea {
	background: url(../img/popUp-bg.png) no-repeat;
	padding: 130px 50px 50px 50px;
	font-size: 1.2em;
	}
	#popUp form {width: 415px;}

/* *************************************** */	
/* ************** FOOTER ***************** */
/* *************************************** */	

#footer {
	background: url(../img/footer-bg1.png) repeat-x #e2001a;
	clear: both;
	font-size: 1.15em;
	color: #edb3ba;	
	}
	#footerBg {
		background: url(../img/footer-bg2.png) no-repeat;
		min-height: 84px;
		_height: 84px;
		width: 990px;
		padding-top: 40px;
		text-align: center;
		}
	#footer p {margin-bottom: 0;}
	#footer a {color: #edb3ba;}
	#footer a:hover {color: #fff;}
	#footer a, #footer span {margin: 0 4px;}
	
	#footer form {
		float: left;
		background: url(../img/newsletter-form-bg.gif) no-repeat;
		margin: 0 0 0 22px;
		padding: 24px 0 15px 184px;
		text-align: left;
		width: 140px;
		}
			.sk #footer form {background: url(../img/sk/newsletter-form-bg.gif) no-repeat;}
		#footer form .field {
			border: 0;
			background: #FFF;
			width: 103px;
			height: 13px;
			}
		#footer form .button {position: relative; top: 1px; left: 2px; width: 17px; height: 14px;}
			
	
	.copyright {
		float: right;
		padding: 28px 55px 28px 10px;
		background: url(../img/logo-vitana-mini.gif) no-repeat 100% 50%;
		margin-right: 15px;
		}
	.footerLinks {padding-top: 27px;}
	.footerLinks img {vertical-align: bottom;}
		
		
/* **************************************** */	
/* ************** VARIOUS ***************** */
/* **************************************** */
		
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;

	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

/*.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}*/

.pdf #all, .pdf #footerBg {width: 640px;}
.pdf #top {height: 160px; background: url(../img/top-claim.png) no-repeat 213px 40px;}
.pdf .logo {top: 10px;}
.pdf #contentContainer {padding-left: 0; }
.pdf #main {padding-left: 0;}
.pdf #whiteBg {overflow: visible; height: auto;}
.pdf .hgltBox {background: #FFFBEE;}
.pdf {background: #FFF;}
.pdf #footerBg {padding-top: 20px;}
.poznamky {width: 215px; height: 25px; background: url(../img/h-poznamky.gif) no-repeat; display: block;}

.movieText {width: 588px; margin-bottom: 15px; display: block; _display: inline;}
.movieText br {display: none; _display: block;}

.movie {height: 390px; position: relative; border: 1px; }
.movie object {position: absolute; top: 0; left: 0;}

.tiskReceptu {
	position: relative;
	float: right;
	top: 20px;
}