* {margin: 0; padding: 0;}

body {
	color: #000;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	padding: 10px 0;
	background: url(../graphics/bg.png)  repeat-y center  ;
}

h2 {color: #36c; font-size: 190%; text-align: right;}

h3 {
	color: #6c0;
	font-size: 140%;
	text-transform: uppercase;
	margin: 30px 0 15px 0;
}

h4 {
	color: #333;
	background: url(../graphics/bgH4.gif) 0 4px no-repeat;
	font-size: 100%;
	padding-left: 15px;
}

table {font-size: 100%;}
label {font-size: 85%; font-weight: bold;}

/* layout */

#main {
	background: url(../graphics/bgMain.png) top left repeat-y;
	background-color: #fff;
	text-align: left;
	position: relative;
	margin: 0 auto;
	width: 818px;
}

#language{position:absolute;top:26px;left:845px;}
#language img{border:0;}

#header {background: url(../graphics/bgHeader.jpg) right 22px no-repeat; background-color: #fff; height: 172px;}
#content {background: url(../graphics/bgContent.png) bottom left no-repeat;}

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

#rightHolder {
	background: url(../graphics/bgRightHolder.jpg) top right no-repeat;
	position: relative;
	float: right;
	width: 573px;
}

#left {margin: 20px 20px 0 30px;}
#left img{margin: 15px ; border: 4px solid white;}
#left .article-text {line-height: 1.5em; margin-bottom: 1.33em; padding-left: 15px; font-size: 90%;}
#left .article-perex {line-height: 1.5em; margin-bottom: 1.33em; padding-left: 15px;font-size: 90%;}
#right {margin: 125px 0 40px 30px;}

#footer {
	color: #999;
	background-color: #fff;
	font-size: 80%;
	padding: 5px 0 10px 275px;
}

/* main */

p#kontakt {
	color: #666;
	font-size: 95%;
	text-align: center;
	position: absolute;
	top: 3px; left: 246px;
	width: 475px;
}
.noborder{
	border: 0px;
}
p#kontakt a {color: #36c;}

p#kontakt a:hover {color: #6c0; text-decoration: none;}

p#lang {position: absolute; top: 3px; right: 20px;}
p#lang img {border:0;}

p#lang a, p#lang a span {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 22px;
	height: 15px;
}

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

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

/* header */

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

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

/* right */

#topMenu {color: #fff; position: absolute; top: 76px; left: 0;}
#topMenu p {margin-left: 15px}
#topMenu a {color: #fff; font-weight: bold; text-decoration: none; margin: 0 15px;}
#topMenu a:hover {color: #000;}

#right p {font-size: 110%; line-height: 1.5em; margin-bottom: 1.33em;}
.article-text{font-size: 110%; line-height: 1.5em; margin-bottom: 1.33em;}
.article-perex{font-size: 110%; line-height: 1.5em; margin-bottom: 1.33em;}
#right a {color: #36c;}
#right a:hover {color: #6c0; text-decoration: none;}

#right ul {list-style: none; line-height: 1.5em; margin: .33em 0 1.33em 1em;}
#right ul li {background: url(../graphics/bgLiRight.gif) 0px 7px no-repeat; margin-bottom: .33em; padding-left: 12px;}

table.tblKontakt th, table.tblKontakt td {padding-bottom: 15px;}
table.tblKontakt th {text-align: left; padding-right: 10px;}

.nahled {float: left; margin: 10px 10px;	width: 160px; display: inline;}
.nahled p {text-align: center; font-size: 95%;}
.nahled img {border: 0; margin-bottom: 7px;}

table.cenik {border: 1px solid #e4e4e4; margin-bottom: 1.33em;}
table.cenik th, table.cenik td {text-align: center; padding: 5px 8px;}
table.cenik th.right {text-align: right;}
table.cenik th {background: #e4e4e4;}
table.cenik tr.darkRow td {background: #ededed;}

/* left */

ul#leftMenu {
	background: url(../graphics/bgLine.gif) bottom left repeat-x;
	list-style: none;
	font-size: 130%;
	font-weight: bold;
	padding: 30px 20px 15px 30px;
}

ul#leftMenu li {margin-bottom: .8em;}
ul#leftMenu a {color: #000; text-decoration: none;}
ul#leftMenu a:hover {color: #666;}

#left p {line-height: 1.5em; margin-bottom: 1.33em; padding-left: 15px;}
#left a {color: #36c;}
#left a:hover {text-decoration: none;}

#jmeno, #email {margin-bottom: 8px; width: 200px;}

/* footer */

#footer a {color: #999; text-decoration: none;}

/* obecné třídy */

.clnr {font-size: 0; clear: both; width: 100%;}
.fr {float: right;}
.fl {float: left;}

.obr {
	background: url(../graphics/bgObr.gif) top right repeat-y;
	background-color: #E4E4E4;
	line-height: 0em;
	margin: 4px 0 5px 0;
	padding: 5px 10px 5px 5px;
}

.obr img {border: 2px solid #fff;}
.ir {margin-left: 15px; clear: both;}
.il {margin-right: 15px;}
.red {color: #c00;}
.ttn {text-transform: none;}

.right {text-align: right;}
table img{
	border: 0px;
}
table.gallery{margin:30px 0px;width:100%;}
table.gallery td{background-color:#cccccc;vertical-align:top;text-align:center;width:180px;font-size:8pt;padding:15px 0 15px;/*border:solid 1px #C7C8CB;*/}
table.gallery img{border:0;line-height:0;}
table.gallery p{margin:5px 5px 0 5px;}

/*------------------------------------ */
table.popt{width:100%;margin:2em 0;}
input.short{width:200px;}
input.long{width:250px;}
.pozn{width:250px; height: 100px;}
.pov{border:2px solid #1e90ff;background-color:#FFE6E6;}
.tr{text-align:right;}
fieldset{margin:2em 0;border:3px solid  #77f000;}
legend{color:#656565;font-weight:bold;border:3px solid  E1DDD2 ;padding:2px 8px;background-color:#E1DDD2;}
table{font-size:100%;}