body {
		font-family: Book Antiqua;
	font-size: 80%;
	text-align: center;
	min-width: 1003px;
	padding: 0;
	margin: 0;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: url(foto/pozadihlav.JPG) repeat-x;
}
#obsah {
	height: auto;
	width: auto;
	padding: 18px 0 0 0;
	margin: 20px 0 20px 0;
	background-color: white;
}
#obsahaaa {
	height: auto;
	padding: 0;
	margin: 40px 0 20px 0;
	padding: 20px;
}
#obsahaab {
	height: auto;
	padding: 0;
	margin: 70px 0 20px 0;
}
#obsahab {
	height: auto;
	padding: 0;
	margin: 70px 0 20px 0;
	background-color: rgb(153,153,0);
}
#hlavni {
	width: 1003px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
*>.hlavni {
	height: auto 500px;
}
#stitek {
	margin: 50px 0 0 60px;
}
#logo {
	background-image: url(Fotky/logo.jpg)no-repeat fixed;
}
span.xhtml {
	float: left;
	margin: 7px 0 0 10px;
	padding: 0;
}
span.css {
	float: left;
	margin: 7px 0 0 10px;
	padding: 0;
}
h1 {
	color: #6B6B6B;
	padding: 10px;
	font-family: Book Antiqua;
	margin: 20px 15px 10px 40px;
	font-size: 20px;
}



h2 {
	font-size: 15px;
		color: #009597;
	margin: 0 0 20px 30px;
	padding: 0 5px 0 0;
	font-weight: bolder;
	display: block;
}
h3 {
	font-size: 15px;
	color: #868686;
	margin: 70px 0 20px 10px;
	font-weight: bolder;
	display: block;
}
h4 {
	color: #868686;
	font-family: sans-serif;
	margin: 30px 15px 15px 40px;
	font-size: 20px;
}
h5 {
	font-size: 12px;
	color: #8D8D8D;
	margin: 0 0 20px 40px;
	padding: 0 5px 0 0;
	font-weight: bolder;
	display: block;
}
h6 {
	color: #6D6D6D;
	padding: 5px;
	margin: 30px 15px 25px 0;
	font-size: 24px;
	background-color: #FF7F50;
}


strong {
	color: #009597;
	

}
a {
	color: black;
}
a:visited {
	color: black;
}
a:visited {
	color: black;
}
a img {
	border: none;
}
.p {
	text-decoration: underline;
	font-size: 15px;
	display: block;
	text-indent: 30px;
	margin: 0px;
	padding: 6px;
}
p {
	line-height: 1.4em;
	color: #6F6F6F;
	margin: 0;
	margin: 0px;
	padding: 6px;
	font-size: 15px;
}
*>p {
	line-height: 1.6em;
	color: #6F6F6F;
	margin: 0;
	padding: 6px;
	font-size: 15px;
}
.nazev {
	margin: 0 0 2px 0;
	width: 100px;
	padding: 2px;
	font-size: 14px;
	background-color: #FF7540;
	color: white;
}
em {
	&line-height: 1.2em;
	color: #4C4821;
}
li {
	line-height: 1.4em;
	color: #6C6C6C;
font-size: 14px;
}
*>li {
	line-height: 1.8em;
	color: #6C6C6C;
}

td {
	color: #6C6C6C;
}
th {
	color: White;
	padding: 4px;
}
#paticka {
	margin: 0 0 30px 0;
	padding: 0;
	height: 25px;
	background-color: #EDEDED;
	border: 1px solid #C7C7C7;
	clear: both;
	border-left: 1px double #C7C7C7;
	border-right: 1px double #C7C7C7;
	border-top: 1px double #C7C7C7;
	border-bottom: 1px double #C7C7C7;
}
span.w3c {
	float: left;
	margin: 6px 10px 0 20px;
	padding: 0;
}
.vlaj {
	width: 170px;
	text-align: left;
	font-size: 12px;
	margin: 50px 0 20px 0;
	padding: 10px 10px 10px 20px;
}
#dodavky {
	float: right;
	margin: 80px 0 0 50px;
	padding: 0;
	height: 450px;
	width: 400px;
}
#cenik {
	float: right;
	margin: 160px 0 0 50px;
	padding: 0 0 20px 0;
	height: 450px;
	width: 500px;
}

#novinky1 {
	float: left;
	margin: 20px 0 0 20px;
	padding: 0;
	height: 100%;
	width: 400px;
	text-align: left;
}
#novinky {
	float: right;
	margin: 150px 80px 30px 0;
	padding: 0;
	height: 470px;
	width: 400px;
	text-align: center;
}
#kata {
	float: left;
	margin: 30px 0 30px 40px;
	padding: 0 0 0 20px;
	height: 550px;
	width: 900px;
	text-align: left;
	border-bottom: 2px solid #D0D0D0;
	border-top: 2px solid #D0D0D0;
	border-left: 2px solid #D0D0D0;
	border-right: 2px solid #D0D0D0;
	background-color: #F1F1F1;
	
}
#kata2 {
	width: 220px;
	float: right;
	margin: -370px 150px 0 0;
	padding: 0;
}
*>.kata2 {
	width: 220px;
	float: right;
	margin: 0 150px 0 0;
	padding: 0;
}
#kata3 {
	width: 220px;
	float: right;
	margin: -320px 180px 0 0;
	padding: 0;
}

.imgtl {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}

#indexfot {
	float: right;
	margin: 20px 40px 0 0;
	padding: 0;
	
}
#konstru1 {
	float: left;
	margin: 20px 20px 0 0;
	padding: 0;
	width: 460px;
}
#konstru {
	float: right;
	margin: 20px 0 0 20px;
	padding: 0;
	width: 460px;
}
#kon {
	margin: 20px 0 20px 70px;
	padding: 0;
	float: left;
	width: 240px;
}
#kon1 {
	margin: 20px 100px 20px 20px;
	padding: 0;
	float: left;
	width: 240px;
}
#firmfoto {
	margin: 35px 20px 20px 20px;
	padding: 0;
	float: right;
}
#tablekontakt {
	margin: 20px 0 40px 0;
	width: 100%;
	padding: 0;
	float: left;
}
#mapa {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}
#dumklic {
	margin: 30px 50px -80px 290px;
	padding: 0;
	float: right;
}
#
 {
	margin: 20px 20px 20px 0;
	padding: 0;
	float: left;
}
#blok {
	margin: 0 20px 0 0;
	width: 320px;
	padding: 0;
	float: left;
}
#blok2 {
	margin: 0;
	width: 320px;
	padding: 0;
	float: left;
}
#blok3 {
	margin: 0 0 0 20px;
	width: 320px;
	padding: 0;
	float: left;
}
.te {
	margin: 15px 0 0 0;
}
#textbara {
	color: Green;
	float: left;
	margin: 10px 0 10px 30px;
	font-size: 14px;
background-image: url(foto/cara.JPG);
}
#textbarb {
	color: #FFA500;
	float: left;
	margin: 10px 0 0 0;
	font-size: 14px;
	background-image: url(foto/cara.JPG);
}

#textbarc {
	color: #FF4500;
	float: left;
	margin: 10px 10px 0 0;
	font-size: 14px;
	background-image: url(foto/cara.JPG);
}
#nad {
	
 	color: #6B6B6B;
	font-family: Book Antiqua;
	margin: 30px 0 28px 50px;
	font-size: 18px;
	
}

#indexp {

 	font-family: Book Antiqua;
	margin: 0;
	text-align: left;
	margin: 0 0 20px 0;
}
#odsaz {


		text-align: center;
		 font-family: "Book Antiqua";
	font-size: 14px;

	color: #6C6C6C;
}

	




/* menu menu-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
 {
	background: #EAF6FF;
	font-family: "Book Antiqua";
	font-size: 14px;
}
.menu {
	padding: 0;
	margin: 0;
}
.menu a {
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: center;
	color: #009597;
	padding: 0;
	margin: 0;
}
.menu ul, .menu li {
	list-style-type: none;
	margin: 0;
	padding: 0 .6em;
}
ul.uroven1 li.polozka1 {
	float: left;
	position: relative;
	font-weight: bold;
	background: #FAFAFA;
	padding: 7px 18px;
	height: 24px;
	width: 107px;
	overflow: visible;
	_width: 1px;
	 font-family: "Book Antiqua";
	font-size: 13px;
/* IE */
	background-image: url(foto/lista.JPG);
}
.menuvrch {
	margin: 0 0 0 3px;
	color: #009597;
}
.menuvrch2 {
	margin: 0 0 0 20px;
	color: #009597;
}
.menuvrch3 {
	margin: 0 0 0 15px;
	color: #009597;
}
ul.uroven2 {
	position: absolute;
	margin: 14px 0 0 0;
	left: 0;
	top: 2.0em;
	_top: 2.0em;
/* IE */
	width: 200px;
	background: white;
	border: 1px solid #CCCCCC;
	text-align: center;
	visibility: hidden;
	padding: .8em .5em;
}
ul.uroven2 img {
	margin: 0 0 15px 0;
}
ul.uroven2 li.polozka2 a {
	font-weight: normal;
	text-align: center;
	padding: 0;
	margin: 0 0 5px 0;
	background: #ECECEC;
}
ul.uroven2 li.polozka2 a:hover {
	background: #FFE075;
}
.menu a:hover {
	text-decoration: underline;
	text-decoration: none;
}
ul.uroven1 li.polozka1 {
	behavior: url(hover.htc);
}
ul.uroven1 li.polozka1:hover, ul.uroven1 li.polozka1hover {
	background-image: url(foto/lista2.JPG);
}
ul.uroven1 li.polozka1hover ul.uroven2, ul.uroven1 li.polozka1:hover ul.uroven2 {
	visibility: visible;
}

/*fotogalerieXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#galerie {
	margin: 20px 0 0 0;
	padding: 0;
}
#galerie img {
	border: none;
	padding: 6px 12px 6px 0;
}
/*tlacitkaXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
a.tlacitko {
	border-bottom: 1px solid #9F9F9F;
	border-top: 1px solid #F7F7F7;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #C2C2C2;
	font-weight: bolder;
	font-size: 100%;
	padding: 3px 15px 3px 15px;
	color: White;
	text-decoration: none;
	background: Silver;
	
}
#tlacitko {
	border-bottom: 2px solid #7C7C7C;
	border-top: 2px solid #7C7C7C;
	border-left: 2px solid #7C7C7C;
	border-right: 2px solid #7C7C7C;
}
a.tlacitko:hover {
	border-bottom: 2px solid #7D7D7D;
	border-top: 2px solid #C4C4C4;
	border-right: 2px solid #999999;
	border-left: 2px solid #B4B4B4;
	background: #D3D3D3;
}
a.activ {
	border-bottom: 2px solid #CFCFCF;
	border-top: 2px solid #CFCFCF;
	border-left: 2px solid #CFCFCF;
	border-right: 2px solid #CFCFCF;
	font-weight: bolder;
	font-size: 100%;
	padding: 3px 15px 3px 15px;
	color: #009597;
	text-decoration: none;
	background: #C9FF79;
}
/*tabulky*/
.border {
	border-collapse: collapse;
	border: 1px solid black;
	border-color: #E2E2E2;
	width: 410px;
	text-align: center;
	margin: 40px 0 20px 0;
	background-color: #FF7F50;
	color: White;
}
.border  td {
	padding: 5px;
	border: 1px solid black;
	border-color: #E2E2E2;
	background-color: White;
	color: #6C6C6C;
			text-align: center;
}
.border1 {
	border-collapse: collapse;
	border: 1px solid black;
	border-color: #E2E2E2;
	width: 410px;
	text-align: left;
	margin: 60px 0 10px 0;
	background-color: #FF7F50;
	color: White;
}
.border1  td {
	padding: 5px;
	border: 1px solid black;
	border-color: #E2E2E2;
	background-color: White;
	color: #6C6C6C;
}
.border2 {
	border-collapse: collapse;
	width: 320px;
	text-align: center;
	margin: 0;
	background-color: white;
	line-height: 18px;
}
.border2  td {
	padding: 20px 0 0 0;
	width: 200px;
	background-color: #F8F8F8;
	border-top: 2px solid #FFD17B;
}

.border3 {
	border-collapse: collapse;
	width: 440px;
	text-align: left;
	margin: 20px 0 0 0;
	color: rgb(0,0,0);

	line-height: 18px;
}
.border3  td {
	padding: 2px;
	width: 440px;
		border: 1px solid black;
		border-color: #E2E2E2;
		 font-family: "Book Antiqua";
	font-size: 14px;
} 
.border3  th {
	padding: 2px;
	border: 1px solid black;
	border-color: #E2E2E2;
		text-align: center;
		 font-family: "Book Antiqua";
	font-size: 15px;

	color: #6C6C6C;
}

/*písmoXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.pismo {
	font-weight: bolder;
	font-size: 12px;
	color: #3D3B18;
	text-decoration: none;
}
.pismo1 {
	font-weight: bolder;
	font-size: 100%;
	background-color: #FF8C00;
	text-decoration: none;
	padding: 20px;
}

div.obly {
	width: 750px;
	height: 100pxpx;
	float: left;
	margin: 0 0 0 10px;
}
#obly1 {
	width: 480px;
	height: 640px;
	float: left;
	margin: 0 0 0 10px;
	background: url(foto/ramec.jpg);
	background-repeat: no-repeat;
font-size: 15px;
}
#obly2 {
	width: 490px;
	height: 640px;
	float: left;
	margin: 60px 0 0 20px;
	background: url(foto/ramec.jpg);
	background-repeat: no-repeat;
font-size: 15px;
}
div.hl {
	width: 350px;
	float: left;
	margin: 20px 0 20px 0;
	background-image: url(foto/pozadi4.JPG);
	background-repeat: no-repeat;
}
div.hl2 {
	width: 300px;
	float: left;
	margin: 20px 20px 20px 10px;
	background-image: url(foto/pozadi4.JPG);
	background-repeat: no-repeat;
}
div.hl3 {
	width: 250px;
	text-align: center;
	float: right;
	margin: -200px 30px 20px 0;
	background-color: white;
}
div.hl4 {
	width: 300px;
	text-align: center;
	float: right;
	margin: 10px 0 50px 0;
	background-color: white;
}
div.obly2 {
	background: #C4C4A9;
	width: 1000px;
	float: left;
	margin: 20px 0 0 0;
}
div#container {
	width: 1000px;
	text-align: left;
	margin: 0 0 20px 0;
}
div.velky {
	background: white;
	width: 320px;
	height: 250px;
	margin: 20px 20px 40px 0;
	float: left;
	background-image: url(foto/pozadi2.JPG);
	background-repeat: no-repeat;
}
div.velky2 {
	background: white;
	width: 320px;
	float: left;
	margin: 20px 0 40px 0;
	background-image: url(foto/pozadi3.JPG);
	background-repeat: no-repeat;
}
div.menu2 {
	float: right;
	width: 250px;
	height: 100px;
	background: white;
	margin:  10px 0 0 0;
}
div.maly2 {
	float: right;
	width: 310px;
	height: 250px;
	background: white;
	margin:  20px 0 40px 20px;
	background-image: url(foto/pozadi.JPG);
	background-repeat: no-repeat;
}
 div.menu3 {
	float: right;
  	margin:  10px 10px 10px 10px;
  	text-align: center;	
}
 .imgindex {

  	margin: 0 5px 0 0;
  	
}