/****************/
/* BASIC COLORS */ 
/****************/

body {
	background-color: white;
	color: black;
	font-family: sans-serif;
}

/*********/
/* LINKS */ 
/*********/

a:link {
	color: #DB008C;
	text-decoration: underline;
}

a:visited {
	color: #DB008C;
	text-decoration: underline;
}

a:hover {
	color: red;
	text-decoration: underline;
}

img {
	border: none;
}

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

h1 {
	margin-top: 1ex;
	color: #DB008C;
	text-align: center;
}

h2, h3, h4, h5, h6 {
	text-align: left;
}

/**********/
/* ALIGNS */ 
/**********/

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.center2 {
	margin-left: auto;
	margin-right: auto;
}

.right {
	text-align: right;
}

.leftfloat {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.rightfloat {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.clearfloat {
	clear: both;
}

/***************/
/* POSITIONING */ 
/***************/

#leftmenu {
	overflow: hidden;
	position: absolute; /* Just for IE, other gets fixed */
	width: 230px;
	height: auto;
	left: 0;
	top: 0;
	right: auto;
	bottom: 0;
}

#leftmenu a:link {
	color: #DB008C;
	text-decoration: underline;
}

#leftmenu a:visited {
	color: #DB008C;
	text-decoration: underline;
}

#leftmenu a:hover {
	color: red;
	text-decoration: underline;
}

/* Non-IE set fixed position correctly */
html>body #leftmenu {
	position: fixed; /* nezavisle skrolovani na main */
	overflow: auto; /* rolovaci lista se nastavuje, jen kdyz je potreba */
}

#leftmenu ul {
	padding-left: 20px;
	font-size: large;
	font-weight: bold;
}

#leftmenu img#logo {
	border: 0;
	margin: 4ex 0 0 0;
	padding: 0 0;
}

.leftmenu-frame {
	margin: 1ex 0ex 1ex 1ex;
	padding: 10px;
	border: 1px solid #e1e1e1;
/*	background-image: url("../img/lr.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
*/
}
img.ul_roh{
	float: left;
	margin: -11px 0 0 -11px;
	padding: 0 0;
}
img.ur_roh{
	float: right;
	margin: -11px -11px 0 0;
	padding: 0 0;
}
img.ll_roh{
	float: left;
	margin: 0 0 -0 -11px;
	padding: 0 0 0 0;
}
img.lr_roh{
	float: right;
	margin: 0 -11px 0 0;
	padding: 0 0 0 0;
}

#main {
	position: absolute;
	height: 100%;
	width: auto;
	left: 230px;
	top: 0;
	right: 0;
	bottom: 0;
	top: 0;
	padding: 10px 10em 2em 5em;
}

#infotable {
	position: absolute;
	top: 300px;
	margin-left: auto;
	margin-right: auto;
	padding: 0em;
	border: 0em;
}

#infotable th {
	text-align: right;
}

#titul, #podtitul {
	/* background: #eb2300; */
	/* background: white; */
	/* color: #7d7def; */
	color: #4b7bac;
	/* padding-left: 0.5em; */
	/* padding-right: 0.5em; */
}

#main-intro {
	position: absolute;
	height: 100%;
	width: auto;
	left: 230px;
	top: 0;
	right: 0;
	bottom: 0;
	top: 0;
	padding-top: 5em;
	z-index: 1;
	height: 600px;
	padding-left: 20px;
	padding-right: 20px;
	padding: 10px 10em 2em 5em;
}

#main-recept {
	position: absolute;
	height: 100%;
	width: auto;
	left: 230px;
	top: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px;
	padding: 10px 10em 2em 5em;
}

#main-about {
	position: absolute;
	height: 100%;
	width: auto;
	left: 230px;
	top: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1;
	padding: 10px 10em 2em 5em;
}

#main-about dt {
	margin-top: 10px;
	font-weight: bold;
}

#main-org {
	position: absolute;
	height: 100%;
	width: auto;
	left: 230px;
	top: 0;
	right: 0;
	bottom: 0;
	top: 0;
	padding-top: 10px;
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px;
	padding: 10px 10em 2em 5em;
}

#main-prihlaska {
	position: absolute;
	height: 100%;
	width: auto;
	left: 230px;
	top: 0;
	right: 0;
	bottom: 0;
	top: 0;
	padding-top: 10px;
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px;
	padding: 10px 10em 2em 5em;
}

#main-aperitiv {
	position: absolute;
	height: 100%;
	width: auto;
	left: 230px;
	top: 0;
	right: 0;
	bottom: 0;
	top: 0;
	padding-top: 10px;
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px;
	padding: 10px 10em 2em 5em;
}

img.aperitiv {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

div.orgpic {
	text-align: center;
}

	
span.bx {
/*	background-color: #DB008C;
	color: white;
*/	
	color: #DB008C;
	font-weight: bold;
}
div#skladacka {
	font-size: xx-large;
}


div#recept {
	font-style: italic;
	background-color: #fff8a0;
	background-image: url("../img/blok2.gif");
	background-repeat: repeat-y;
	background-position: top left;
	height: 400px;
	width: 30em;
	padding: 1em 20px 1em 80px;
	margin: 0 auto;
}
div#recept hr {
	margin: 0;
	padding: 0;
	margin-left:-20px;
	border-width: 0px;
	border-top: 1px solid #a0e1ff;
}