body, html {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;	
}
#page {
	width: 760px;
	margin: 0 auto;
	background-color: #fff;
	min-height: 500px;
	font-size: 0.6875em;
	font-family: Arial, Verdana;	
}
#header {
	height: 51px;
	text-align: left;
	_margin-left: -5px;
}
#header h1 {
	margin: 0;
	padding: 0;
}
#header h1 a {
	display: block;
	line-height: 100px;
	width: 200px;
	height: 108px;
	background: url("../img/logo.gif") 0 0 no-repeat;
	text-decoration: none;
	text-align: center;
	position: relative;
}
#header h1 span {
	display: block;
	width: 200px;
	height: 108px;
	background: transparent url("../img/logo.gif") 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
#header #searchform {
	position: absolute;
	clear: both;
	margin-left: 595px;
	top: 10px;
	font-size: 11px;
	color: #fff;
}
#header #searchform input.text {
	border: 0;
	width: 130px;
	padding: 2px 3px;
	background-color: #fecf08;
	color: #fff;
	font-size: 80%;
}
#header #searchform input.image {
	border: 0;
	position: absolute;
	margin: 0 0 0 2px;
	cursor: pointer;
}
/* navbar ------------------------------------------ */
p#navbar {
	margin: 0 0 0 0;
	background-color: #fff;
	padding: 0 0 0 16px;
	line-height: 25px;
	color: #ff4444;
	font-weight: bold;
}
/* levy sloupec ------------------------------------------ */
#levy {
	float: left;
	width: 200px;
	margin-top: 58px;
	padding: 0;
}
/* obsah ------------------------------------------ */
#content {
	width: 560px;
	
	float: right;
	margin: 0 0 20px 0;
	text-align: left;
	color: #404040;
}
/* podminka pro homepage - posun nahoru */
#obal { position: relative; top: -20px;}
/* podminka pro HP konec */
#text {
	margin-left: 16px; 	
	background-color: #fff;
	margin-bottom: 10px;
	font-size: 100%;
}
#text h1 {
	color: #0081c6;
	font-size: 130%;
	margin-top: 15px;
}
#text h2 {
	color: #f89828;
	font-size: 120%;
	margin-top: 15px;
}
#text h3 {
	font-size: 110%;
	margin-top: 15px;
}
#text h2.prvni {
	color: #f89828;
	font-size: 120%;
	margin-top: 20px;
	margin-bottom: -10px;
	padding-left: 35px;
	background: url(../gfx/nadpisy/1.gif) no-repeat 0 0;
	height: 40px;
	line-height: 1.8;
}
#text h2.druhy {
	color: #f89828;
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: -5px;
	padding-left: 35px;
	background: url(../gfx/nadpisy/2.gif) no-repeat 0 0;
	height: 40px;
	line-height: 1.8;
}
#text h2.treti {
	color: #f89828;
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: -5px;
	padding-left: 35px;
	background: url(../gfx/nadpisy/3.gif) no-repeat 0 0;
	height: 40px;
	line-height: 1.8;
}
#text h2.ctvrty {
	color: #f89828;
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: -5px;
	padding-left: 35px;
	background: url(../gfx/nadpisy/4.gif) no-repeat 0 0;
	height: 40px;
	line-height: 1.8;
}
#text h2.paty {
	color: #f89828;
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: -5px;
	padding-left: 35px;
	background: url(../gfx/nadpisy/5.gif) no-repeat 0 0;
	height: 40px;
	line-height: 1.8;
}
#text h2.sesty {
	color: #f89828;
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: -5px;
	padding-left: 35px;
	background: url(../gfx/nadpisy/6.gif) no-repeat 0 0;
	height: 40px;
	line-height: 1.8;
}
#text h2.sedmy {
	color: #f89828;
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: -5px;
	padding-left: 35px;
	background: url(../gfx/nadpisy/7.gif) no-repeat 0 0;
	height: 40px;
	line-height: 1.8;
}
#text h2.osmy {
	color: #f89828;
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: -5px;
	padding-left: 35px;
	background: url(../gfx/nadpisy/7.gif) no-repeat 0 0;
	height: 40px;
	line-height: 1.8;
}
#text h2.devaty {
	color: #f89828;
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: -5px;
	padding-left: 35px;
	background: url(../gfx/nadpisy/9.gif) no-repeat 0 0;
	height: 40px;
	line-height: 1.8;
}
#text h2.desaty {
	color: #f89828;
	font-size: 120%;
	margin-top: 15px;
	margin-bottom: -5px;
	padding-left: 35px;
	background: url(../gfx/nadpisy/10.gif) no-repeat 0 0;
	height: 40px;
	line-height: 1.8;
}
#text p {
	line-height: 1.4;
}
#text ul {
	padding-left: 5px;
}
#text li {
	list-style-type: none;
	background: url(../gfx/li.gif) no-repeat 3px 7px;
	padding-left: 18px;
	line-height: 1.8;
}
#novinky {
	background: url(../gfx/novinky.gif) no-repeat top;
	min-height: 143px;
}
#novinky h2 {
	color: #1c347e;
	padding-left: 12px;
	padding-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 150%;
}
#novinky h3 {
	color: #f89828;
	padding-bottom: 0;
	padding-left: 123px;
	margin-bottom: 1px;
	margin-top: 15px;
	font-size: 110%;
}
#novinky img {
	margin-right: 10px;
    position: relative;
	top: -12px;
	float: left;
  }
#novinky div {
	padding: 0px 10px 5px 13px;
	margin-top: 2px;
	margin-bottom: 5px;
	line-height: 1.7;
	position: relative;
	width: 490px;
	text-align: justify;
	/* background: transparent url(../gfx/stin.gif) repeat-x;
*/
}
#novinky div p{
	line-height: 1.7;
  padding: 0;
  margin: 0 0 0 110px;
	/* background: transparent url(../gfx/stin.gif) repeat-x;
*/
}
#novinky span {
	background: url(../gfx/novinky-spodni.gif) no-repeat 0 0;
	height: 13px;
	display: block;
}
#novinky span.cara {
	background: url(../gfx/novinky-cara.gif) no-repeat 0 0;
	height: 3px;
	margin-left: 12px;
	margin-bottom: 8px;
	clear: both;
}
#novinky span.cara a {
	background: url(../gfx/arrow.gif) no-repeat 0 0.6em;
	text-align: right;
	position: relative;
	left: 438px;
	top: -7px;
	color: #6e298d;
	font-weight: bold;
	padding-left: 8px;
}
.box {
	width: 199px;
	background:  url(../gfx/box.gif) no-repeat bottom;
	color: #404040;
	border-bottom: 1px solid #fff;
	margin: 8px 0 0 0;
	overflow: hidden;
}
.box h2 {
	display: block;
	width: 199px;
	height: 91px;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0;
}
.box h2.vyziva {
	display: block;
	width: 199px;
	height: 75px;
	overflow: hidden;
	position: relative;
}
.box h2 a, .box h2 a span {
	display: block;
	width: 199px;
	height: 91px;
}
.box h2.vyziva a span {
	display: block;
	width: 199px;
	height: 70px;
}
.box h2 a span {
	background: url(../img/nadoma.gif) no-repeat top;
	cursor: pointer;
	line-height: 91px;
	position: absolute;
	top: 0;
	left: 0;
}
.box h2.vyziva a span {
	background: url(../img/vyziva-deti.gif) no-repeat top;
	cursor: pointer;
	line-height: 84px;
	position: absolute;
	top: 0;
	left: 0;
}
.box p {
	line-height: 1.5;
	margin: 15px;
	text-align: left;
}
.box p a {
	background: url(../gfx/left-box-arrow.gif) no-repeat 0 0.325em;
	padding-left: 12px;
	color: #6e298d;
	font-weight: bold;
}
.box span.blue {
	color: #0081c6;
	font-weight: bold;
	background: url(../gfx/arrow.gif) no-repeat 0 0.42em;
	padding-left: 8px;
}

.box2 { width: 199px; color: #404040;	margin: 8px 0 10px 0; overflow: hidden; background: url('/gfx/box.gif') no-repeat 0 100%; }
.box2 h2 { height: 91px; overflow: hidden; position: relative; margin: 0; padding: 0; }
.box2 h2 a,
.box2 h2 a span { display: block; width: 199px; height: 91px; }
.box2 h2 a span { background: url('/img/nadoma.gif') no-repeat top; cursor: pointer; line-height: 91px; position: absolute; top: 0; left: 0; }
.box2 p { line-height: 1.5; margin: 15px; text-align: left; }
.box2 p a { padding-left: 12px; color: #6e298d; font-weight: bold; background: url('/gfx/left-box-arrow.gif') no-repeat 0 65%; }
.box2 span.blue { color: #0081c6; font-weight: bold; padding-left: 8px; background: url('/gfx/arrow.gif') no-repeat 0 50%; }

.box3 { width: 199px; color: #404040; margin: 10px 0; overflow: hidden; background: url('/gfx/box.gif') no-repeat 0 100%; }
.box3 h2 { height: 132px; overflow: hidden; position: relative; margin: 0; padding: 0; }
.box3 h2 span { display: block; width: 199px; height: 132px; position: absolute; left: 0; top: 0; background: url('/gfx/box3-head.gif') no-repeat 0 0; }
.box3 p { line-height: 1.5; margin: 15px; text-align: left; }
.box3 p a { padding-left: 12px; color: #6e298d; font-weight: bold; background: url('/gfx/left-box-arrow.gif') no-repeat 0 65%; }
.box3 span.blue { color: #0081c6; font-weight: bold; padding-left: 8px; background: url('/gfx/arrow.gif') no-repeat 0 50%; }


/* menu -------------------------------------------------------*/
#menu {
	width: 160px;
	position: relative;
	float: left;
	text-align: left;
	margin-bottom: -8px;
}
#menu ul {
	background-color: #fff;
	padding: 0;
	list-style-type: none;
	margin-left: 16px;
	width: 100%;
}
#menu li {
	width: 160px;
	background: url(../gfx/menu.gif) no-repeat;
}
#menu li a {
	display: block;
	width: 140px;
	background: url(../gfx/menu-new.gif) no-repeat 3px 50%;
	padding: 10px 0 11px 19px;
	line-height: 1.2;
	color: #0054a4;
	font-weight: bold;
	text-decoration: none;
}
#menu li a:hover {
	text-decoration: underline;
	background: url(../gfx/menu-new-hover.gif) no-repeat 0 0;
	color: #fff;
	background-color: #0081c6;
}
#menu li.active a {
	background: url(../gfx/menu-active.gif) no-repeat 3px 50%;
}
#menu li.active a:hover {
	color: #0054a4;
	text-decoration: none;
	background: url(../gfx/menu-active.gif) no-repeat 3px 50%;
}
/*level 2*/
#menu ul ul {
	background-color: #fff;
	margin: -5px 0 2px 0;
	padding: 0;
	list-style-type: none;
}
#menu ul ul li {
	margin-left: 3px;
	padding: 0;
	background: none;
}
#menu ul ul li li {
	margin-left: 0;
	padding: 0;
	background: none;
}
#menu ul ul li a {
  width: 135px;
	padding: 4px 4px 4px 15px;
	margin: 0;
	background: #fff2ad url(../gfx/arrow-submenu.gif) no-repeat 5px 0.7em !important;
	font-weight: normal;
	border-top: 1px solid #f0e9c5;
	font-size: 100%;
}
/*level 3*/
#menu ul ul ul {
	margin: 0;
}
#menu ul ul li.active a {
	padding: 4px 4px 4px 15px;
	margin: 0;
	background: #fff2ad url(../gfx/ball-submenu.gif) no-repeat 5px 0.7em !important;
	font-weight: normal;
	font-size: 100%;
	border-top: 1px solid #f0e9c5;
	text-decoration: underline;
	color: rgb(255,102,0);
}
#menu li.active li.active ul {
/*  pexeso submenu */
	position: relative;
	left: -4px;
}
#menu li li ul {
/*  pexeso submenu */
	position: relative;
	left: -4px;
}
#menu li.active li.active ul li {
/*  pexeso submenu */
	margin-left: 4px;
}
#menu li li ul li {
/*  pexeso submenu */
	margin-left: 4px;
}
#menu li.active li.active li a {
/*  pexeso submenu */
	padding: 4px 4px 4px 21px;
	margin: 0;
	width: 129px;
	background: #fff7ce url(../gfx/arrow-submenu2.gif) no-repeat 10px 0.7em !important;
	font-weight: normal;
	font-size: 100%;
	border-bottom: 1px solid #f0e9c5;
	border-top: none;
}
#menu li li li a {
/*  pexeso submenu */
	padding: 4px 4px 4px 21px;
	margin: 0;
	width: 129px;
	background: #fff7ce url(../gfx/arrow-submenu2.gif) no-repeat 10px 0.7em !important;
	font-weight: normal;
	font-size: 100%;
	border-bottom: 1px solid #f0e9c5;
	border-top: none;
}
#menu li.active li.active li.active a {
/*  pexeso submenu */
	padding: 4px 4px 4px 21px;
	border-bottom: 1px solid #f0e9c5;
	background: #fff7ce url(../gfx/submenu2active.gif) no-repeat 10px 0.7em !important;
}
#menu li li li.active a {
/*  pexeso submenu */
	padding: 4px 4px 4px 21px;
	border-bottom: 1px solid #f0e9c5;
	border-top: none;
	background: #fff7ce url(../gfx/submenu2active.gif) no-repeat 10px 0.7em !important;
}
#menu li li.active li.active a {
/*  pexeso submenu */
	padding: 4px 4px 4px 21px;
	border-bottom: none;
	background: #fff7ce url(../gfx/submenu2active.gif) no-repeat 10px 0.7em !important;
	
}
#menu li li.active li a {
/*  pexeso submenu */
	padding: 4px 4px 4px 21px;
	border-bottom: none;
	background: #fff7ce url(../gfx/arrow-submenu2.gif) no-repeat 10px 0.7em !important;
	text-decoration: none;
	color: #0054a4;
}
#menu ul ul li a:hover {
	text-decoration: underline !important;
	background: none;
	background-color: red;
	color: #0054a4 !important;
}
#menu li.other {
	width: 160px;
	color: #0081c6;
	list-style-type: none;
}
#menu li.other a {
	color: #0081c6;
	background: url(../gfx/menu-last2.gif) no-repeat 0 50%;
}
#menu li.other a:hover {
	background: #0081c6 url(../gfx/menu-hover.gif) no-repeat 0 0;
	color: #fff;
}
#menu li.last a {
	background: url(../gfx/menu-last.gif) no-repeat 0 0;
	padding: 11px 0 10px 19px;
}
#menu li.last a:hover {
	background: #0081c6 url(../gfx/menu-last3.gif) no-repeat 0 0;
}
/* submenu */
/* paticka ------------------------------------------------------*/
#footer {
	border: 2px solid #fec606;
	width: 760px;
	margin-top: 0px;
	margin-bottom: 20px;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	padding: 12px 10px 15px 0;
}
#footer ul.footer-ul {
	margin-top: -31px;
	padding: 0;
	margin-right: 10px;
	margin-bottom: 15px;
}
#footer ul.header {
	position: absolute;
	display: block;
	width: 570px;
	top: 22px;
	margin: 0;
	padding: 0;
	clear: both;
}
#footer ul.header li {
	float: right;
}
#footer li {
	display: inline;
}
#footer li a {
	background: url(../gfx/arrow.gif) no-repeat 2px 60%;
	padding: 0 0 0 10px;
	margin-right: 4px;
	color: #6e298d;
}
#footer li.else a {
	background: url(../gfx/arrow-menu2.gif) no-repeat 0 60%;
	padding: 0 0 0 14px;
	margin-right: 4px;
	color: #0081c6;
}
#footer p.copyright {
	color: red;
	text-align: right;
	margin-bottom: 10px;
	margin-top: 0;
	margin-right: 227px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 8px;
	background: url(../gfx/arrow-footer.gif) no-repeat right;
}
#footer p.copyright a{
	color: red;
	text-decoration: none;
}
.actum { text-align: right; position: relative; top: -15px; color: rgb(150,213,231);}
.actum a{ color: #999; }
/* obecne -------------------------------------------- */
a {
	color: #6e298d;
}
a:hover {
	text-decoration: none;
}
strong {
	color: #0081c6;
	font-weight: normal;
}
b {
	color: #0081c6;
	font-weight: normal;
}
.spaceman {
	position: absolute;
	top: -2000px;
	left: -3000px;
}
.nod {
	display: none;
}
img {
	border: 0;
	margin: 0;
}
.cleaner {
	clear: both;
}
.fll {
	float: left;
}
.flr {
	float: right;
}
.center {
	text-align: center;
}
/* dimensions */
.w300 { width: 360px; padding: 0 10px 10px 0; font-weight: bold;}
.w300 img{ margin: 0 10px 10px 0; }
.w300b { width: 360px; padding: 0 10px 80px 0; font-weight: bold;}
.w300b img{ margin: 0 10px 10px 0; }
.w300c { width: 360px; padding: 0 10px 100px 0; font-weight: bold;}
.w300c img{ margin: 0 10px 10px 0; }
.w200 { width: 200px;}
.mr20 { margin-right: 20px;}
.m10 { margin: 10px;}

address {font-style: normal; }

table {
	border: 0;
	font-size: 100%;
	margin: 0 0 10px 0;
	width: 80%;
	text-align: left;
}
tr {
	border: 0;
}
td {
	padding: 3px;
	background-color: #fcf5ce;
	border-right: 1px solid #f7e9b0;
	border-left: 1px solid #fcf5ce;
	color: #5d5017;
	font-size: 100%
	vertical-align: top;
}
td.red {
	background-color: red;
	color: #fff;
}
td.green {
	background-color: rgb(102,255,51);
}
th {
	padding: 3px;
	background-color: #fcf5ce;
	border-right: 1px solid #f7e9b0;
	border-left: 1px solid #fcf5ce;
	color: #5d5017;
	font-size: 100%
	text-align: left;
}
tr.darker th{
	background-color: #f7e9b0;
	text-align: left;
}
tr.darker td{
	background-color: #f7e9b0;
}
tr.darker td.red{
	background-color: red;
}
tr.darker td.green{
	background-color: rgb(102,255,51);
}
td.spacer {
  height: 5px;
  background: #fff;
  border: 0;
}
.textred { color: red;}
.textgreen { color: rgb(102,255,51);}

/* thumbnails */
#thumbBox {
  color: #45423e;
	font: 0.68em Tahoma, "Lucida Grande CE", lucida, sans-serif;
	line-height: 135%;
  width: auto;
  width: 820px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;	
	padding: 10px;
	background: #fff;
	border: solid 1px #d9f1ff;
	visibility: hidden;	
	cursor: pointer;
}
#thumbBox img {
	margin-bottom: 10px;
}
#thumbBox p {
  text-align: left;
	margin-right: 10.0em;
	margin-bottom: 0;
}
#thumbBox p.close {
  width: 2.4em;
	text-align: right;
	padding-left: 15px;
	margin: 0;	
	float: right;
	background: url('/gfx/bullet.gif') 0 80% no-repeat;
}
#thumbLoading {
	position: absolute;
	z-index: 5;
	padding: 5px;
	visibility: hidden;
}


/* dimensions */
.mb15 {
	margin-bottom: 40px;
	_margin-bottom: 49px;
	margin-right: 7px;
}
.mb11 {
	margin-bottom: 20px;
	_margin-bottom: 25px;
	margin-right: 7px;
}
.mb18 {
	margin-bottom: 30px;
	margin-right: 7px;
}
.mb25 {
	margin-bottom: 80px;
	margin-right: 7px;
}
.mb40 {
	margin-bottom: 40px;
	margin-right: 7px;
}
.mb20 {
	margin-bottom: 65px;
	margin-right: 7px;
}
.mb35 {
	margin-bottom: 100px;
	margin-right: 7px;
}
.mr7 {
	margin-right: 7px;
}
.mb10 {
	margin-bottom: 10px;
}
/* Interaktivni metr */
#text #metr {
	position: relative;
	width: 435px;
	_width: 400px;
	margin-top: 15px;
}
#text #metr h1 {
	font-family: Arial;
	color: #dc7722;
	font-size: 160%;
	margin-top: 8px;
	_margin-top: 0;
	margin-bottom: -5px;
	_margin-bottom: 5px;
}
#text #metr h2 {
	font-family: Arial;
	color: #dc7722;
	font-size: 110%;
	margin-top: 15px;
	margin-bottom: -5px;
	_margin-bottom: 5px;
}
#text #metr h2.hpmetr {
	font-family: Arial;
	color: #dc7722;
	font-size: 160%;
	margin-top: 8px;
	_margin-top: 0;
	margin-bottom: -5px;
	_margin-bottom: 5px;
}
#text #metr h1 span, #text #metr h2 span, #text #metr h2.hpmetr span {
	color: #9b2100;
}
#text #metr strong {
	color: #0081c6;
}
#text #metr p.perex {
	color: #0081c6;
	font-weight: bold !important;
}
#text #metr p.perex span.red {
	color: red;
	font-weight: bold !important;
}
#text #metr p.perex span.orange {
	color: #dc7722;
	font-weight: bold !important;
}
#text #metr .first {
	margin-right: 7px;
	margin-bottom: 20px;
	margin-top: 10px;
}
#text #metr p.perex strong, #text #metr p.perex b {
	color: #0081c6;
	font-weight: bold !important;
}
#text #metr b {
	font-weight: bold !important;
	color: #404040;
}
#text #metr img.hlavni {
	margin: 0 10px 65px 0;
	_margin: 10px 10px 85px 0;
}
#text #metr img.absolute {
	margin-bottom: 20px;
}
#text #metr img.hlavni2 {
	margin: 0 7px 55px 0;
	_margin: 0 7px 60px 0;
}
#text #metr img.hlavni3 {
	margin: 0 7px 90px 0;
}
#text #metr img.hlavni5, #text #metr img.hlavni6 {
	margin: 0 7px 100px 0;
}
#text #metr img.hlavni7, #text #metr img.hlavni9 {
	margin: 0 7px 50px 0;
}
#text #metr img.hlavni10 {
	margin: 0 7px 40px 0;
}
#text #metr img.hlavni8 {
	margin: 0 7px 70px 0;
}
#text #metr p strong {
	color: #404040;
	font-weight: bold;
}
#text #metr #zirafometr {
	position: absolute;
	top: 0;
	right: -108px;
	_right: -135px;
}
#text .recept {
  width: 550px;
  position: relative;
	margin-top: 20px;
	background: url(../gfx/recept-bottom.gif) bottom no-repeat;
  min-height: 380px;
  _height: 380px;
}
#text .recept span{
  display: block;
  height: 147px;
  width: 550px;
  position: absolute;
  top: 0;
  left: 0;
	background: url(/gfx/vcelky.jpg) no-repeat;
}
#text .recept h2 {
  color: #9b2100;
  margin-top: 60px;
  margin-left: 15px;
  font-size: 180%;
}
#text .recept h3 {
  color: #f89828;
  margin-left: 15px;
  margin-top: 8px;
  font-size: 120%;
}
#text .recept ul {
  float: left;
  list-style-type: square;
  color: #0081c6;
  font-weight: bold;
  margin-left: 8px;
  margin-top: 55px; 
  margin-right: 25px;
  _margin-bottom: 20px;
}
#text .recept p {
  margin-left: 15px;
  margin-right: 10px; 
  line-height: 1.8;
}
/* recept 2 */
#text .recept2 {
  width: 550px;
  position: relative;
	margin-top: 20px;
	background: url(/gfx/recept-bottom.gif) bottom no-repeat;
  min-height: 390px;
  _height: 390px;
  clear: both;
}
#text .recept2 span{
  display: block;
  height: 147px;
  width: 550px;
  position: absolute;
  top: 0;
  left: 0;
	background: url(/gfx/medvedi-rok.jpg) no-repeat;
}
#text .recept2 h2 {
  color: #9b2100;
  margin-top: 60px;
  margin-left: 15px;
  font-size: 180%;
}
#text .recept2 h3 {
  color: #f89828;
  margin-left: 15px;
  margin-top: 8px;
  font-size: 120%;
}
#text .recept2 ul {
  float: left;
  list-style-type: square;
  color: #0081c6;
  font-weight: bold;
  margin-left: 8px;
  margin-top: 55px; 
  margin-right: 25px;
  _margin-bottom: 20px;
}
#text .recept2 p {
  margin-left: 15px;
  margin-right: 10px; 
  line-height: 1.8;
}
/* recept 3 */
#text .recept3 {
  width: 550px;
  position: relative;
	margin-top: 20px;
	background: url(/gfx/recept-bottom.gif) no-repeat bottom;
  min-height: 420px;
  _height: 420px;
  clear: both;
}
#text .recept3 span{
  display: block;
  height: 147px;
  width: 550px;
  position: absolute;
  top: 0;
  left: 0;
	background: url(/gfx/dobrota.jpg) no-repeat;
}
#text .recept3 h2 {
  color: #9b2100;
  margin-top: 60px;
  margin-left: 15px;
  font-size: 180%;
}
#text .recept3 h3 {
  color: #f89828;
  margin-left: 15px;
  margin-top: 8px;
  font-size: 120%;
}
#text .recept3 ul {
  float: left;
  list-style-type: square;
  color: #0081c6;
  font-weight: bold;
  margin-left: 8px;
  margin-top: 55px; 
  margin-right: 25px;
  _margin-bottom: 20px;
}
#text .recept3 p {
  margin-left: 15px;
  margin-right: 10px; 
  line-height: 1.8;
}
/* recept 4 */
#text .recept4 {
  width: 550px;
  position: relative;
	margin-top: 20px;
	background: url(/gfx/recept-bottom.gif) bottom no-repeat;
  min-height: 400px;
  _height: 400px;
  clear: both;
}
#text .recept4 span{
  display: block;
  height: 147px;
  width: 550px;
  position: absolute;
  top: 0;
  left: 0;
	background: url(/gfx/toast.jpg) no-repeat;
}
#text .recept4 h2 {
  color: #9b2100;
  margin-top: 60px;
  margin-left: 15px;
  font-size: 180%;
}
#text .recept4 h3 {
  color: #f89828;
  margin-left: 15px;
  margin-top: 8px;
  font-size: 120%;
}
#text .recept4 ul {
  float: left;
  list-style-type: square;
  color: #0081c6;
  font-weight: bold;
  margin-left: 8px;
  margin-top: 55px; 
  margin-right: 25px;
  _margin-bottom: 20px;
}
#text .recept4 p {
  margin-left: 15px;
  margin-right: 10px; 
  line-height: 1.8;
}
/* recept 5 */
#text .recept5 {
  width: 550px;
  position: relative;
	margin-top: 20px;
	background: url(/gfx/recept-bottom.gif) bottom no-repeat;
  min-height: 430px;
  _height: 430px;
  clear: both;
}
#text .recept5 span{
  display: block;
  height: 147px;
  width: 550px;
  position: absolute;
  top: 0;
  left: 0;
	background: url(/gfx/kobliha.jpg) no-repeat;
}
#text .recept5 h2 {
  color: #9b2100;
  margin-top: 60px;
  margin-left: 15px;
  font-size: 180%;
}
#text .recept5 h3 {
  color: #f89828;
  margin-left: 15px;
  margin-top: 8px;
  font-size: 120%;
}
#text .recept5 ul {
  float: left;
  list-style-type: square;
  color: #0081c6;
  font-weight: bold;
  margin-left: 8px;
  margin-top: 55px; 
  margin-right: 25px;
  _margin-bottom: 20px;
}
#text .recept5 p {
  margin-left: 15px;
  margin-right: 10px; 
  line-height: 1.8;
}
/* recept 6 */
#text .recept6 {
  width: 550px;
  position: relative;
	margin-top: 20px;
	background: url(/gfx/recept-bottom.gif) bottom no-repeat;
  min-height: 400px;
  _height: 400px;
  clear: both;
}
#text .recept6 span{
  display: block;
  height: 147px;
  width: 550px;
  position: absolute;
  top: 0;
  left: 0;
	background: url(/gfx/kolac.jpg) no-repeat;
}
#text .recept6 h2 {
  color: #9b2100;
  margin-top: 60px;
  margin-left: 15px;
  font-size: 180%;
}
#text .recept6 h3 {
  color: #f89828;
  margin-left: 15px;
  margin-top: 8px;
  font-size: 120%;
}
#text .recept6 ul {
  float: left;
  list-style-type: square;
  color: #0081c6;
  font-weight: bold;
  margin-left: 8px;
  margin-top: 55px; 
  margin-right: 25px;
  _margin-bottom: 20px;
}
#text .recept6 p {
  margin-left: 15px;
  margin-right: 10px; 
  line-height: 1.8;
}
/* recept 7 */
#text .recept7 {
  width: 550px;
  position: relative;
	margin-top: 20px;
	background: url(/gfx/recept-bottom.gif) bottom no-repeat;
  min-height: 455px;
  _height: 455px;
  clear: both;
}
#text .recept7 span{
  display: block;
  height: 147px;
  width: 550px;
  position: absolute;
  top: 0;
  left: 0;
	background: url(/gfx/zamotek.jpg) no-repeat;
}
#text .recept7 h2 {
  color: #9b2100;
  margin-top: 60px;
  margin-left: 15px;
  font-size: 180%;
}
#text .recept7 h3 {
  color: #f89828;
  margin-left: 15px;
  margin-top: 8px;
  font-size: 120%;
}
#text .recept7 ul {
  float: left;
  list-style-type: square;
  color: #0081c6;
  font-weight: bold;
  margin-left: 8px;
  margin-top: 55px; 
  margin-right: 25px;
  _margin-bottom: 20px;
}
#text .recept7 p {
  margin-left: 15px;
  margin-right: 10px; 
  line-height: 1.8;
}
/* recept 8 */
#text .recept8 {
  width: 550px;
  position: relative;
	margin-top: 20px;
	background: url(/gfx/recept-bottom.gif) bottom no-repeat;
  min-height: 455px;
  _height: 455px;
  clear: both;
}
#text .recept8 span{
  display: block;
  height: 147px;
  width: 550px;
  position: absolute;
  top: 0;
  left: 0;
	background: url(/gfx/susi.jpg) no-repeat;
}
#text .recept8 h2 {
  color: #9b2100;
  margin-top: 60px;
  margin-left: 15px;
  font-size: 180%;
}
#text .recept8 h3 {
  color: #f89828;
  margin-left: 15px;
  margin-top: 8px;
  font-size: 120%;
}
#text .recept8 ul {
  float: left;
  list-style-type: square;
  color: #0081c6;
  font-weight: bold;
  margin-left: 8px;
  margin-top: 55px; 
  margin-right: 25px;
  _margin-bottom: 20px;
}
#text .recept8 p {
  margin-left: 15px;
  margin-right: 10px; 
  line-height: 1.8;
}

/* recepty */
.recepty h1 {
	color: #069;
	font-size: 20px !important;
	font-weight: bold;
	font-style: italic;
}
.recepty h2 {
	color: #069 !important;
	font-size: 15px !important;
	font-weight: bold;
	font-style: italic;
}
.recepty h3 {
	color: #069;
}
.recept-box {
	width: 230px;
	padding: 0 15px;
	border: 2px solid #fc3;
}
.recepty p {
	padding-left: 20px;
}
.recepty img {
	margin-bottom: 10px;
}
.recepty img.border {
	border: 2px solid #fc3;
}
img.fll {
	margin: 3px 20px 3px 0;
}

.recepty.party h2 a , .recepty.party a{
    color: #ff0066;
}
.recepty.party .xBox{
    background-color: #ff0066;
}

.recepty.svaciny h2 a , .recepty.svaciny a{
    color: #9966ff;
}
.recepty.svaciny .xBox{
    background-color: #9966ff;
}

.recepty.tri h2 a , .recepty.tri a{
    color: #ff6600;
}

.recepty.tri .xBox{
    background-color: #ff6600;
}