BODY {
	background-color: #333333;
	color: #ffffff;
	text-align: center;
	margin: 10px;
}

/* styl pro nahled obrazku */
#nahled_fotografie {
  font-size: 12px;
  font-family: arial;
}

/* navigace */

#indexheader {
	width: 760px;
	height: 218px;
	position: relative;
	text-align: left;
	font-family: arial;
	z-index: 1;
}

#indexheader SPAN.text1 {
	margin-left: 20px;
	color: #ffffff;
	font-size: 12px;
}

#indexheader SPAN.text2 {
	font-weight: bold;
	color: #ff6600;
	font-size: 12px;
}

#indexheader SPAN.text3 {
	position: absolute;
	bottom: 5px;
	left: 280px;
	font-weight: bold;
	font-size: 35px;
}

#indexpic1 {
	position: absolute;
	top: 73px;
	left: 0px;
	width: 760px;
	height: 101px;
}

#indexpic2 {
	top: 80px;
	left: 25px;
	width: 87px;
	height: 70px;
	position: absolute;
	background-image: url("images/menu3.gif");
	/*z-index: 10;*/
}
#indexpic2 A { width: 87px; height: 70px; display: block; }

#indexpic3 {
	width:145px;
	height: 192px;
	position: absolute;
	right: 30px;
	top: 20px;
	background-image: url("images/menu6.gif");
	z-index: 100;
}
#indexpic3 A { width: 145px; height: 192px; display: block; }

#indexpic4 {
	width: 760px;
	height: 4px;
	position: absolute;
	left: 0px;
	bottom: 10px;
	_bottom: 0px;
	background-image: url("images/linka.gif");
	background-repeat: repeat-x;
}

/* menu */
#indexmenu {
	position: absolute;
	left: 0px;
	top: 23px;
	height: 30px;
	background-image: url("images/menu1.gif");
	padding: 4px 8px 0px 8px;
	/*padding: 0px 8px;*/
	background-repeat: repeat-x;
}
#indexmenu A SPAN { display: none; }
/*
#indexmenu EM { display: block; float: left; position: relative; margin: 6px 0px 0px; padding: 0px; width: 20px; height: 15px; overflow: hidden; }
#indexmenu EM SPAN { position: absolute; top: 0px; left: 0px; width: 20px; height: 15px; background-image: url("images/m_separator.gif"); }

#klub { display: block; float: left; position: relative; margin: 6px 0px 0px; padding: 0px; width: 136px; height: 15px; overflow: hidden; cursor: pointer; }
#klub SPAN { position: absolute; top: 0px; left: 0px; width: 136px; height: 15px; background-image: url("images/m_klub.gif"); }

#akce { display: block; float: left; position: relative; margin: 6px 0px 0px; padding: 0px; width: 51px; height: 15px; overflow: hidden; cursor: pointer; }
#akce SPAN { position: absolute; top: 0px; left: 0px; width: 51px; height: 15px; background-image: url("images/m_akce.gif"); }

#ladies { display: block; float: left; position: relative; margin: 6px 0px 0px; padding: 0px; width: 62px; height: 15px; overflow: hidden; cursor: pointer; }
#ladies SPAN { position: absolute; top: 0px; left: 0px; width: 62px; height: 15px; background-image: url("images/m_ladies.gif"); }

#vzkazy { display: block; float: left; position: relative; margin: 6px 0px 0px; padding: 0px; width: 64px; height: 15px; overflow: hidden; cursor: pointer; }
#vzkazy SPAN { position: absolute; top: 0px; left: 0px; width: 64px; height: 15px; background-image: url("images/m_vzkazy.gif"); }

#kontakt { display: block; float: left; position: relative; margin: 6px 0px 0px; padding: 0px; width: 90px; height: 15px; overflow: hidden; cursor: pointer; }
#kontakt SPAN { position: absolute; top: 0px; left: 0px; width: 90px; height: 15px; background-image: url("images/m_kontakt.gif"); }

#route66 { float: left; position: relative; margin: 6px 0px 0px; padding: 0px; cursor: pointer; }
#route66 SPAN { display: block; width: 70px; height: 15px; background: url("images/m_kontakt.gif") top left no-repeat; position: absolute; margin: 0; padding: 0; left: 0; top: 0; z-index: 1;}
#route66 A, #route66 A:hover { background-color: transparent; display: block; position: relative; height: 15px; width: 70px; margin: 0; padding: 0; }


#indexmenu A {
	font-size: 10px;
	color: #ffffff;
}
*/


/* stred */

A, A:visited {color: #cccccc; text-decoration: none; }
A:hover {color: #aaaaaa; text-decoration: underline; }

#indexmiddle {
	width: 740px;
	height: 250px;
	min-height: 250px;
	position: relative;
	background-color: #444546;
	text-align: left;
	padding: 10px;
	font-family: arial;
	font-size: 80%;
}
[class="body"] #indexmiddle { height: auto; }

#indexleft { float: left; }
#indexmleft {
	background-color: #3d3e3f;
	margin: 8px 10px 2px 10px;
	padding: 10px;
	width: 393px;
	min-height: 180px;
	height: 210px;
}
[class="body"] #indexmleft { height: auto; }

#indexmleft-long {
	background-color: #3d3e3f;
	margin: 8px 10px 2px 10px;
	padding: 10px;
	width: 700px;
	min-height: 180px;
	height: 210px;
}
[class="body"] #indexmleft-long { height: auto; }

#indexright {
	float: left;
	margin-left: 12px;
	width: 290px;
}

#indexmright {
	background-color: #CCCCB6;
	width: 272px;
	padding: 9px;
	margin-top: 10px;
}

DIV.ram { border: 1px solid #F2F2E6; margin: 5px 0px; padding: 8px; color: #444546; }
DIV.ram HR { background-color: #F2F2E6; color: #F2F2E6; height: 1px; border: 0px; }

/* spodek */
#indexfooter {
	margin-top: 10px;
	padding-top: 6px;
	width: 760px;
	height: 25px;
	clear: both;
	font-family: verdana;
	background: url("images/linka.gif") repeat-x top #333333;
}


.reklama {
	text-align: left;
	font-size: 70%;
	width: 60px;
	font-family: arial, verdana;
	padding-top: 6px;
}


#indexfooter SPAN {
	font-size: 11px;
}

/* inline button */
.inline-button {
	_width:12em;
	font: bold 65%/1 Verdana, sans-serif;
	margin: 0 0.2em; padding: 0.1em 0; _padding:0;
	border: 1px solid black;
	white-space: nowrap;
	text-decoration: none;
	vertical-align: middle;
	background: #ccc;
	color: black;
}
.inline-button em {
	_width:1em; _cursor:hand;
	font-style: normal;
	margin:0; padding: 0.1em 0.5em;
	background: white;
	color: black;
}
.inline-button span {
	_width:1em; _cursor:hand;
	margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
	font-weight: normal;
}

.orange { background: orange; color: black;  }
.orange em { background: white; color: #c60; }

H1 { color: #999966; margin: 0px; padding: 0px 0px 6px 0px; font-size: 125%; }
H2 { color: #999966; margin: 0px; padding: 6px 0px; font-size: 110%; }
H3 { color: #999966; margin: 0px; padding: 6px 0px; font-size: 100%; font-weight: bold; }

.clear { clear:both; }
A.title, .title { color: #999966; text-decoration:none; font-weight: bold; }
A.title:hover { text-decoration: underline; }
A.title:visited { color: #999966; }

A IMG { border: 0px; margin: 3px; }
.Left { float: left; }
.Right { float: right; }

.textright { text-align: right; }
.textjustify { text-align: justify; }
.textcenter { text-align: center; }

.gallery {
	width: 130px;
	height: 150px;
	float: left;
	text-align: center;
	font-size: 80%;
	background-color: #444546;
	margin: 2px;
	padding: 1px 2px 2px 1px;
	border-color: #666666 #222222 #222222 #666666;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
}
.gallery:hover {
	width: 130px;
	height: 150px;
	float: left;
	text-align: center;
	font-size: 80%;
	background-color: #444546;
	margin: 2px;
	padding: 2px 1px 1px 2px;
	border-color: #222222 #666666 #666666 #222222;
	border-width: 1px;
	border-style: solid;
}

.clen {
	margin-left: 10px;
	font-size: 90%;
	font-weight: bold;
	color: #ff6600;
}

TABLE.tdright TR TD { text-align: right; }
TABLE.tdright TR TD INPUT.ins { width: 350px; background-color: #cccccc; }
TABLE.tdright TR TD TEXTAREA { width: 350px; height: 60px; font-family: arial; font-size: 100%; background-color: #cccccc; }
INPUT.btn { width: 60px; }

DIV.guestbook { border-style: dashed; border-color: #6d6e6f; border-width: 1px; padding: 3px; background-color: #4D4E4F; }
TABLE.tdright TR TD.error { text-align: left; color: #ff6655; padding-left: 15px; font-weight: bold;}