/* www.spolvyziva.cz, CSS styly pro zobrazeni */

/* zakladni nastaveni */

html
{
	font-size: 100.01%;
	background: #ffffff url('html.gif') repeat-x;
}

body
{
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

body.editor
{
	font-size: 0.8em;
	background: #ffffff;
}

a img, a:link img
{
	border: none;
}

p
{
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h1
{
	font-size: 1.6em;
	font-weight: normal;
	color: #2082cd;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h2
{
	font-size: 1.4em;
	font-weight: normal;
	color: #2d8554;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h3
{
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h4
{
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h5
{
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h6
{
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

ol
{
	padding-left: 2.3em;
}

ul
{
	padding-left: 2.3em;
}

ul li
{
	list-style: none;
	background: url('ul-li.gif') no-repeat 0em 0.5em;
	padding-left: 16px;
}

ul li ul
{
	margin: 0em 0em 0em 33px;
}

ul li ul li
{
	background: url('ul-li-ul-li.gif') no-repeat 0em 0.5em;
	padding-left: 19px;
}

a
{
	color: #2082cd;
}

a:hover
{
	color: #cc0000;
}

fieldset
{
	border: 1px solid #cccccc;
	padding: 0.3em;
}

legend
{
	border: none;
	padding: 0.3em;
}

input.text, input.password, input.captcha-number
{
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cce2d5;
	padding-left: 2px;
	padding-right: 2px;
	width: 210px;
}

input.checkbox
{
	width: 12px;
	height: 12px;
}

input.radio
{
	width: 12px;
	height: 12px;
}

input.submit, input.reset, input.button
{
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background: #cce2d5;
	border: none;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}

input.file
{
	width: 200px;
	height: 21px;
}

input.image
{
	padding: 0px;
	border: none;
}

textarea
{
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cce2d5;
	padding-left: 2px;
	padding-right: 2px;
	overflow: auto;
	width: 290px;
	height: 130px;
}

select
{
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background: #ffffff;
}

hr
{
	color: #cccccc;
	height: 1px;
	border: none;
	background-color: #cccccc;
}

img.border
{
	border: 10px solid #ffffff;
}

table
{
	font-size: 1em;
}

table th, table td
{
	padding-left: 5px;
	padding-right: 5px;
}

table.standard
{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

table.standard td
{
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #f0efef;
}

table.standard th
{
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #f0efef;
}

table.colored
{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

table.colored td
{
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #f0efef;
}

table.colored th
{
	background: #cce2d5;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

/* stranka */

div.homepage, div.page
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.wrapper
{
	clear: both;
}

div.layout
{
	width: 1000px;
	clear: both;
	min-height: 302px;
	background: url('layout.gif') no-repeat 271px 0px;
}

* html div.layout
{
    height: 302px;
}

div.layout div.left
{
	float: left;
	width: 688px;
	margin-left: 15px;
	display: inline;
}

div.layout div.right
{
	float: right;
	width: 280px;
	margin-right: 15px;
	font-size: 0.8em;
	display: inline;
}

/* vrstva pro tisk */

div.print-header
{
	display: none;
}

/* presun na obsah */

div.shift-to-content
{
	position: absolute;
	left: -10000px;
}

/* hlavicka */

div.header
{
	position: relative;
	min-height: 306px;
	margin-bottom: 95px;
}

* html div.header
{
    height: 306px;
}

/* logo + titulek + adresa */

div.logo
{
	width: 75px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	left: 81px;
	top: 18px;
}

div.logo p
{
	width: 75px;
	height: 88px;
	overflow: hidden;
	position: relative;
	padding: 0em;
}

div.logo span
{
	width: 75px;
	height: 88px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	background: url('spolecnost-pro-vyzivu.gif');
}

div.logo a span
{
	cursor: pointer;
}

div.site-vendor
{
	width: 339px;
	height: 34px;
	overflow: hidden;
	position: absolute;
	left: 204px;
	top: 45px;
}

div.site-vendor p
{
	width: 339px;
	height: 34px;
	overflow: hidden;
	position: relative;
	padding: 0em;	
}

div.site-vendor span
{
	width: 339px;
	height: 34px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	background: url('spolecnost-pro-vyzivu.gif') 0px -88px;
}

div.address
{
	width: 242px;
	height: 12px;
	overflow: hidden;
	position: absolute;
	left: 301px;
	top: 87px;
}

div.address p
{
	width: 242px;
	height: 12px;
	overflow: hidden;
	position: relative;
	padding: 0em;
}

div.address span
{
	width: 242px;
	height: 12px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	background: url('spolecnost-pro-vyzivu.gif') 0px -122px;
}

/* obrazek v hlavicce */

div.image
{
	width: 677px;
	height: 253px;
	position: absolute;
	left: 12px;
	top: 130px;
	background: url('image.jpg');
}

/* obsah */

div.content
{
	padding-top: 20px;
}

/* sloupce */

div.columns div.left
{
	width: 186px;
	float: left;
	overflow: hidden;
	font-size: 0.8em;
	padding-top: 20px;
	display: inline;
}

div.columns div.right
{
	width: 445px;
	float: right;
	overflow: hidden;
	font-size: 0.8em;
	padding-left: 20px;
	border-left: 1px solid #ffffff;
	display: inline;
}

/* levy sloupec */

/* box */

div.box
{
	background: #ffffff;
	position: relative;
	padding-top: 16px;
	padding-bottom: 15px;
}

* html div.box
{
    padding: 0px;
    border-top: 16px solid #ffffff;
    border-bottom: 15px solid #ffffff;
}

div.box div.container
{
	margin: 0px 10px 0px 11px;
	padding: 4px 12px 4px 12px;
	background: #e0dee3 url('box-container-gradient.gif') repeat-x;
}

span.paperclip
{
	display: block;
	width: 46px;
	height: 47px;
	background: url('paperclip.png');
	position: absolute;
	top: -15px;
	right: 10px;
	z-index: 2;
}

* html span.paperclip
{
    display: none;
}

div.shadow-left
{
	width: 178px;
	background: url('shadow-left.png') no-repeat bottom;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 9px;
	margin-bottom: 10px;
}

div.shadow-right
{
	width: 272px;
	background: url('shadow-right.png') no-repeat bottom;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 9px;
	margin-bottom: 10px;
}

* html div.shadow-left, * html div.shadow-right
{
    background: none; 
}

/* box s odkazy + box vyhledavaci + box s recepty */

div.box.links div.container, div.box.searchform div.container
{
	min-height: 155px;
}

* html div.box.links div.container, * html div.box.searchform div.container
{
	height: 155px;
}

div.box.recipes div.container
{
	background: #ffffff;
}

div.box.searchform div.container
{
	background: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
}

div.box.links h2, div.box.recipes h2, div.box.searchform h2
{
	color: #000000;
	font-size: 1.4em;
}

div.box.links a
{
	/* background: url('box-links-a.gif') no-repeat 0px 0.5em; 
	padding-left: 10px; */
}

div.box.links .container
{
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
}

div.box.recipes p
{
	width: 136px;
	height: 87px;
	overflow: hidden;
	position: relative;
}

div.box.recipes a
{
	display: block;
	width: 136px;
	height: 87px;
	overflow: hidden;
}

div.box.recipes a span
{
	display: block;
	width: 136px;
	height: 87px;
	background: url('box-recipes.jpg');
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
}

/* newsletter box + login box */

div.box.newsletter div.container, div.box.loginform div.container
{
	background: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
}

div.box.newsletter h2, div.box.loginform h2
{
	color: #000000;
	font-size: 1.4em;
}

div.newsletter form
{
	background: url('box-newsletter.jpg') no-repeat;
	padding-top: 100px;
}

div.box.newsletter input.text, div.box.loginform input.text, div.box.loginform input.password, div.box.searchform input.text
{
	width: 141px;
	background: #ffffff url('input-text-textarea.gif') repeat-x;
	border: 1px solid #b8b8b8;
}

div.box.newsletter input.submit, div.box.loginform input.submit, div.box.searchform input.submit
{
	border: 1px solid #e8e7e7;
	background: #e8e7e7;
}

/* clanky + kalendar */

div.articles span.img-nest img, div.calendar span.img-nest img
{
	xborder: 10px solid #ffffff;
	float: right;
	margin-left: 10px;
}

div.articles ins, div.calendar ins
{
	text-decoration: none;
}

/* strankovani */

div.pager
{
	clear: both;
	padding-top: 10px;
}

/* navigace na strane */

div.page-navigation
{
	clear: both;
	padding-top: 20px;
	text-align: right;
}

/* pravy sloupec */

/* cesta */

div.path p
{
	font-size: 0.8em;
	font-weight: bold;
	color: #165d36;
}

div.path a
{
	color: #165d36;
	font-weight: normal;
	text-decoration: none;
}

/* fotogalerie */

div.item.galleries
{
    float: left;
    min-height: 230px;
    width: 170px;
    margin-right: 30px;
    margin-bottom: 15px;
	margin-top: 15px;
}

div.item.galleries img
{
	border: 10px solid #ffffff;
}

* html div.item.galleries
{
    height: 230px; 
}

div.item.gallery
{
    float: left;
    min-height: 250px;
    width: 170px;
    margin-right: 30px;
    margin-bottom: 15px;
	margin-top: 15px;
}

div.item.gallery img
{
	border: 10px solid #ffffff;
}

* html div.item.gallery
{
    height: 250px;
}

div.photo div.img-nest
{
    margin-top: 20px;
    margin-bottom: 20px;
}

/* formulare */

div.captcha img
{
	border: 1px solid #cccccc;
	float: left;
	margin-right: 5px;
}

td.label
{
	vertical-align: top;
}

div.form form
{
	margin-bottom: 20px;
}

div.form label
{
	width: 10em;
	float: left;
}

div.form input.text
{
	margin-bottom: 5px;
}

div.form textarea
{
	margin-bottom: 5px;
}

div.form input.submit
{
	margin-top: 15px;
}

/* sekundarni menu */

div.secondarymenu
{
	margin-top: 18px;
	margin-bottom: 36px;
}

div.secondarymenu h2
{
	position: absolute;
	left: -10000px;
}

div.secondarymenu ul
{
	margin: 0em;
	padding: 0em;
}

div.secondarymenu li
{
	list-style: none;
	background: none;
	display: inline;
	border-right: 1px solid #ffffff;
	padding-right: 14px;
	padding-left: 0px;
	margin-right: 14px;
}

div.secondarymenu li.last
{
	border-right: none;
	padding-right: 14px;
	margin-right: 14px;
}

div.secondarymenu a{
	color: #ffffff;
}

/* hlavni menu */

div.mainmenu h2
{
	position: absolute;
	left: -10000px;
}

div.mainmenu ul
{
	margin: 0em;
	padding: 0em;
	min-height: 236px;
}

* html div.mainmenu ul
{
    height: 236px;
}

div.mainmenu li
{
	list-style: none;
	background: none;
	font-size: 1.4em;
	padding-left: 0px;
}

div.mainmenu a
{
	padding-left: 29px;
	background: url('mainmenu-a.gif') no-repeat 11px 0.7em;
	display: block;
	padding: 3px 10px 3px 29px;
	color: #ffffff;
	text-decoration: none;
}

div.mainmenu a:hover
{
	background: #165d36 url('mainmenu-a.gif') no-repeat 11px 0.7em;
}

div.mainmenu a.active
{
	background: #165d36 url('mainmenu-a.gif') no-repeat 11px 0.7em;
}


/* sublevely mainmenu */

div.mainmenu-sublevels
{
	margin-bottom: 30px;
}

div.mainmenu-sublevels h3
{
	color: #3d8f61;
	font-weight: normal;
	background: #cce2d5;
	padding: 9px 0px 9px 21px;
}

div.mainmenu-sublevels ul
{
	margin: 0em;
	padding: 4px 22px 20px 22px;
	background: #cce2d5;
}
div.mainmenu-sublevels ul ul
{
  padding: 4px 0 5px 14px;
}
div.mainmenu-sublevels li
{
	list-style: none;
	background: none;
	padding-left: 0px;
	font-weight: bold;
	padding: 2px 0;
}

div.mainmenu-sublevels a
{
	color: #706f6f;
	text-decoration: none;
	padding-left: 14px;
	background: url('mainmenu-sublevels-a-dark.gif') no-repeat 0px 0.5em;
	display: block;
}
div.mainmenu-sublevels a.active
{
  color: #2D8554;
}
/* box kalendar */

div.box.calendar td
{
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.box.calendar td a.event
{
	font-weight:bold;
	color: #165d36;
}

div.box.calendar table
{
	width: 100%;
}
*html div.box.calendar table
{
	width: 225px;
}
div.box.calendar table a
{
	text-decoration: none;
}

div.box.calendar tr.days td
{
	font-weight: bold;
}

/* paticka */

div.footer
{
	background: url('footer.gif') repeat-x left top;
	font-size: 0.7em;
	padding-top: 17px;
	padding-bottom: 17px;
}

div.footer div.credits
{
	float: left;
	width: 40%;
	margin-left: 22px;
	display: inline;
}

div.footer div.contact
{
	float: right;
	width: 50%;
	margin-right: 22px;
	display: inline;
	text-align: right;
}

div.credits p, div.contact p
{
	padding: 0em;
}

p.status
{
    font-weight: bold;
}

p.status.ok
{
    color: green;
}

p.status.ko
{
    color: red;
}
.articles .item
{
  margin-bottom: 5px;
  padding-bottom: 10px;
}
.articles h3 a, .articles h2 a
{
  color: #2D8457;
  text-decoration: none;
  font-size: 1.1em;
}
.articles h3, .articles h2
{
  padding-bottom: 5px;
}
.articles .additional
{
  font-weight: bold;
  color: #5B5B5D;
  padding: 0;
  padding-bottom: 8px;
}
.articles .article-comment, 
.articles .link-recommend,
.articles .link-print,
.articles .pager a,
.page-navigation a
{
  color: #2D8457;
}
.articles .article-comment
{
  text-decoration: none;
}