* {margin: 0; padding: 0;}

body {
	color: #000;
	background: url(../graphics/bgBody.png) top left repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-bottom: 10px;
}

h1 {position: absolute; top: 0; right: 0;}
h2 {color: #f93; font-family: "Times New Roman", Times, serif; font-size: 170%; margin-bottom: 15px;}
h3 {color: #4D5B53; font-size: 100%; margin: 15px 0 5px 0;}
h4 {color: #f63; font-size: 85%;}
sup {font-family: sans-serif; font-size: 65%; position: relative;	top: 1px;}
table {font-size: 85%;}
form {margin-bottom: 1.33em;}

/* layout */

#main {width: 842px;}

#header {
	background: url(../graphics/bgHeader.jpg) top left no-repeat;
	position: relative;
	height: 113px;
}

#leftHolder {
	background: url(../graphics/bgLeft.jpg) top left no-repeat;
	float: left;
	width: 308px;
}

#rightHolder {
	background: url(../graphics/bgRight.png) bottom left no-repeat;
	float: right;
	width: 534px;
}

#right {background-color: #fff; margin-bottom: 10px; padding: 25px 20px 5px 25px; min-height: 470px;}
#left {position: relative; height: 447px;}

#footer {
	color: #4D5B53;
	background-color: #D4DFD1;
	font-size: 75%;
	padding: 10px 0 30px 10px;
}

/* header */

h1 a, h1 a span {
	background: url(../graphics/logo.jpg) top left no-repeat;
	display: block;
	width: 534px;
	height: 113px;
}

h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0;}

/* left */

#left ul {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	position: absolute;
	top: 16px; right: 0;
	width: 175px;
}

#left li {margin-bottom: .7em;}
#left li a {color: #000; text-decoration: none;}
#left li a:hover {color: #f63;/*#4D5B53*/; text-decoration: underline;}

/* right */

#pruh {
	color: #fff;
	background-color: #879B8F;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 29px;
	padding-left: 24px;
	position: relative;
	height: 29px;
}

#pruh p.fr {position: absolute; top: 6px; right: 0;}

#pruh p.fr a, #pruh p.fr a span {
	background-position: top left;
	background-repeat: no-repeat;
	width: 24px;
	height: 17px;
}

#pruh p.fr a {position: relative; z-index: 1; overflow: hidden; float: left; margin-left: 7px;}
#pruh p.fr a span {position: absolute; z-index: 2; top: 0; left: 0;}

#fCs, #fCs span {background-image: url(../graphics/fCs.gif);}
#fDe, #fDe span {background-image: url(../graphics/fDe.gif);}
#fEn, #fEn span {background-image: url(../graphics/fEn.gif);}
#fEs, #fEs span {background-image: url(../graphics/fEs.gif);}

#right p, #right ul {color: #333; font-size: 85%; line-height: 1.6em; margin-bottom: 1.33em;}
#right a {color: #f63;}
#right ul {margin: .33em 0 1.33em 2em;}
#right li {background: url(../graphics/bgLi.gif) 0px 6px no-repeat; padding-left: 12px; list-style: none;}

table.cenik {background-color: #fff; margin-bottom: 1.33em; width: 100%;}
table.cenik th, table.cenik td {padding: 5px 10px;}
table.cenik th {background-color: #EAF0E4; font-weight: normal; width: 160px;}
table.cenik td {background-color: #eaeaea;}

table.foto {position: relative; left: -8px; right: -8px; width: 500px;}
table.foto td {vertical-align: middle; text-align: center; width: 160px; height: 100px;}
table.foto tr.popis td {padding: 5px 0 15px 0; height: auto;}
table.foto img {border: 1px solid #fff;}

table.foto a {
	line-height: 0em;
	display: block;
	border: 14px solid #eaeaea;
	margin: 0 auto;
	width: 122px;
}

#right table.foto tr.popis a {
	color: #4D5B53;
	line-height: normal;
	text-decoration: none;
	display: inline;
	border: 0;
	width: auto;
}

table.foto a:hover {border-color: #D4DFD1;}
#right table.foto tr.popis a:hover {text-decoration: underline;}

#right form p {margin-bottom: 8px;}
form table {margin-bottom: 20px;}
form table th, form table td {padding-bottom: 10px;}
form table th {text-align: right; width: 120px;}
form table th.bt {vertical-align: bottom;}
form table th.tp {vertical-align: top;}
form table td {padding-left: 10px;}
#pocet, #pd, #od {width: 45px;}
#pr, #or {margin-right: 15px; width: 60px;}
#gy, #gn, #by, #bn {position: relative; top: 2px;}
#psc {width: 50px;}
.sbt {margin-right: 24px;}

/* footer */

#footer p {line-height: 1.4em;}
#footer a {color: #4D5B53; text-decoration: none;}

/* obecné třídy */

.clnr {font-size: 0; clear: both;}
.fl {float: left;}
.fr {float: right;}
.obr {line-height: 0em; border: 4px solid #D4DFD1; margin: 4px 0 5px 0;}
.obr img {border: 1px solid #fff;}
.il {margin-right: 15px;}
.ir {margin-left: 15px;}
.left {text-align: left;}
.red {color: #f63;}