/************************************************************/
/************************************** rozložení stranky ***/
/************************************************************/
body {
	margin: 0 0 10px 0; padding: 0;
	font: 14px Arial, Verdana, Tahoma; color: #FFF;
	background: #000;
	/* text-align: center; */
}
#plocha {
	float: center; width: 930px; /* optimalizováno pro šířku 1024px */
	margin: 0 auto; padding: 0; background: none;
}
/****************************************/
/*************************** hlavička ***/
/****************************************/
#hlavicka {
	float: left; position: relative; top: 0px; left: 0px;
	height: 136px; width: 930px; margin: 0; padding: 0; background: #transparent;
}
#hlavicka #logo {
	position: absolute; height: 100px; width: 530px; top: 20px; left: 0px;
}
#hlavicka #sest {
	position: absolute; height: 120px; width: 184px; top: 0px; left: 530px;
	background: #000000 url() center top no-repeat;
}
#hlavicka #sest.y {	background-image: url(../img/sest_y.png); }
#hlavicka #sest.b {	background-image: url(../img/sest_b.png); }
#hlavicka #sest div {
  position: relative; width: 80px; margin: auto; height: 60px;
	font: bold 12px Tahoma, Arial; text-align: center; vertical-align: middle;
} /* top: 31px; */
#hlavicka #tool {
	position: absolute; height: 60px; width: 216px; top: 45px; left: 714px;
}
#hlavicka #tool div.search {
	position: relative; top: 20px; height: 20px;
	background: #000000 url("../img/bg-search.png") left top no-repeat;
}
#hlavicka #tool div.search form input {
	margin: 2px; font-size: 11px; border: 0 none; background: transparent url();
}
#hlavicka #tool div.search form input.send {
  top: 0; height: 20px; width: 30px; margin: 0; padding: 0; vertical-align: top;
	background: #000000 url("../img/bt-search.png") left top no-repeat;
}

/****************************************/
/************************ hlavní menu ***/
/****************************************/
#menu { float: left; top: 0; left: 0; width: 930px; margin: 0; padding: 0; border: 0 none; }
#menu #menu_l { float: left; left: -7px; width: 265px; text-align: left; }
#menu.en #menu_l { width: 260px; }
#menu #menu_r { float: right; left: 7px; width: 665px; text-align: right; }
#menu.en #menu_r { width: 670px; }
#menu div { font-weight: bold; position: relative; top: 0; left: 0; margin: 0; }
#menu div a { margin: 3px 7px; text-decoration: none; color: #FFF; }
#menu div a:hover, #menu.en div a:hover { color: #35B5B3; }
#menu div a.select, #menu.en div a.select { color: #35B5B3; text-decoration: underline; }
#menu.en div a { margin: 3px 6px; text-decoration: none; color: #FFF; }

/****************************************/
/**************************** submenu ***/
/****************************************/
#submenu {
	float: left; top: 0; left: 0; width: 930px; height: 56px; margin: 0; padding: 0;
	font-weight: bold; font-size: 12px; color: #FFFFFF; border: 0 none;
}
#submenu .le { float: left; left: -10px; width: 290px; text-align: left; }
#submenu .ri { float: right; width: 635px; text-align: right; margin-right: -8px; }
#submenu div { font-weight: bold; position: relative; top: 30px; left: 0; margin: 0; }
#submenu div a {
	padding: 0 15px 2px 0; margin: 3px 10px; text-decoration: none; color: #FFF;
	background: url(../img/li-bod.gif) right no-repeat;
}
#submenu div a.le {
	float: left; width: auto; padding: 0 0 2px 15px;
	background: url(../img/li-l.gif) left no-repeat;
}
#submenu div a.ri {
	float: left; width: auto;
	background: url(../img/li-r.gif) right no-repeat;
}
#submenu div a.rt {
	float: left; width: auto;
	background: url(../img/li-rt.gif) right no-repeat;
}
#submenu div a.sh {
	float: left; width: auto;
	background: url(../img/li-sh.gif) right no-repeat;
}
#submenu div a:hover { color: #35B5B3; }
#submenu div a.select { color: #35B5B3; text-decoration: underline; }

/****************************************/
/*************** střední část stránky ***/
/****************************************/
#telo {
	float: left; position: relative; width: 930px; margin: 0; padding: 0;
	font-size: 13px; color: #FFF; text-align: left; /*clear: both;*/
}
#telo div { float: left; position: relative; top: 0px; left: 0px; width: 930px; } /* obecná buňka */

/*** "čarový kód": hp.css a pp.css ***/

/*** popis pod náhledem ***/
#telo #popis {
	margin: 6px 0px; font-weight: bold; line-height: 130%;
	width: 680px; height: auto; background: none; overflow: hidden;
}
#telo #popis p { text-align: left; } #telo #popis span { color: #35B5B3; }
#telo #popis sup { _font-size: 12px; line-height: 130%; vertical-align: top; }
#telo #popis a.vice { cursor: pointer; _cursor: hand; }

/*** galerie: galerie.css ***/

/*** mapy, kontakty ***/
#telo #mapa { float: left; width: 480px; height: 340px; }
#telo #mapa_detail { float: right; width: 432px; height: 340px; }

/*** ***/
#telo .h20 { height: 20px; }
#telo .h30 { height: 30px; }
#telo .h40 { height: 40px; }
#telo .w730 { width: 730px; }

/****************************************/
/**************************** patička ***/
/****************************************/
#paticka {
	float: left; position: relative; top: 0px; left: 0px;
	height: 25px; width: 930px; margin: 0px; padding: 0px;
	font-size: 11px; color: #B2B2B2; clear: both;
}
#paticka #text {
	float: left; position: relative; top: 7px; left: 0px; width: 930px;
}
#paticka #text #vlevo {
	float: left; position: relative;
	top: 0px; left: 20px;
}
#paticka #text #vpravo {
	float: right; position: relative;
	top: 0px; right: 20px;
}
#paticka #text span { color: #9F9FFF; } /* oddělovač */
#paticka #text a {
	text-decoration: none; color: #3F3FFF;
	background-color: transparent;
}
#paticka #text a:hover { color: #9F9FFF; }

/************************************************************/
/****************************** obecné tagy a formátování ***/
/************************************************************/
.le { text-align: left; }
.ce { text-align: center; }
.ri { text-align: right; }
.ju { text-align: justify; }

.co_blue { color: #35B5B3; }

h1 {
	font-weight: normal; font-size: 18px; color: #35B5B3; text-align: left;
	padding: 0; margin: 12px 0 6px;
}
h2 {
	font-weight: bold; font-size: 14px; color: #35B5B3; text-align: left;
	padding: 0; margin: 12px 0 4px;
}
h3 {
	font-weight: bold; font-size: 12px; color: #35B5B3; text-align: left;
	padding: 0; margin: 12px 0 3px;
}

img { border: 0 none; }

p { font-weight: bold; font-size: 13px; text-align: left; padding: 0px; margin: 6px 0px; line-height: 130%; }
p span { color: #35B5B3; }
p img.vlevo { float: left; padding: 5px 10px 5px 0px; }
p img.vpravo { float: right; padding: 5px 0px 5px 10px; }
p.mini { line-height: 50%; }
p.info {
	color: #EFAF0F; padding: 5px 10px;
	border: 1px solid; border-color: #5F5F5F #1F1F1F #1F1F1F #5F5F5F;
}
#telo p.hlaska {
	color: #EFAF0F; padding: 4px 9px;
	border: 2px solid; border-color: #7F0000 #3F0000 #3F0000 #7F0000;
	background: #5F0000;
}

ol, ul {
	left: 0; margin: 0px; padding: 0 0 0 17px; _padding: 0px; _margin: 0 0 0 16px;
}
ol li {
 	left: 0; margin: 1px 0px;
}
ul li {
 	left: 0; margin: 0; /* 1px 0px */
	list-style-image: url(../img/li.gif); list-style-position: outside;
}
ul.sub li {
 	left: 0; margin: 0px 0px 0px 17px; padding: 0px;
	list-style-image: url(../img/lis.gif); list-style-position: outside;
}

a, a:visited { text-decoration: none; color: #FFF;}
a:hover { text-decoration: none; color: #35B5B3; }

hr { border: 1px solid; border-color: #042A3C #000E14 #000E14 #042A3C; }