@media screen,projection {
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, sans-serif;
	color: black;
	text-align: center;
  font-size: small;
	fo\nt-size: middle;
	background: #ffffcc url("bg000000.gif");
}
/*--- layout ---*/
#page {
  position: relative;
	min-width: 770px;
	max-width: 1005px;
	margin: 0 auto;
	font-size: 95%;
	text-align: left;
	background: #fff;
	border: 1px solid #103E92;
}
* html #page {
	font-size: 80%;
	width: 1005px;
/*	width: expression(document.body.clientWidth > 770 && document.body.clientWidth < 1005 ?  "auto" : document.body.clientWidth < 770 ? "770px" : "1005px" );*/
}
#zahlavi {
  height: 150px;
  background: url("bg-head0.jpg") repeat-x;
}
#logo {
	position: relative;
	text-align: right;
}
* html #logo {
  width: 100%;
}
#dokument {
	width: 100%;
  text-align: left;
  min-height: 700px;
  background: #FFFFE1 url("bg-doc00.gif") repeat-y;  
}
* html #dokument {
  height: 700px;
}
#menu {
  margin-left: 205px;
  height: 26px;
  background: #CDE3FE url("bg-menu0.jpg") repeat-x;
}

#text {
  /*position: relative;*/
  margin-left: 200px;
  padding: 20px;
  padding-right: 20px;
  background: transparent url("bg-text0.jpg") repeat-x;
}

*html #text {
padding-right: 10px;
padding-left: 10px;
}

#text p {
 padding-right: 10px; /* 20 */
 }
#submenu {
  position: absolute;
  top: 150px;
  left: 0;
  float: left;
  width: 205px;
  background: transparent url("bg-subme.gif") no-repeat;
  text-align: center;
  padding-top: 25px;
}
#zapati {
  text-align: center;
  padding: 3px;
  background: #A2BDDF;
  border-top: 1px solid #103E92;
}
/*--- zahlavi ---*/
#img-logo {
  position: absolute;
  top: 0;
  left: 20px;
  border: 0 none;
}
img.head {
  margin: 13px 3px 0 0;
}
/*--- menu ---*/
#menu li {
  float: left;
  list-style-type: none;
  padding-top: 6px;
}
#menu li a {
  display: block;
  padding: 0 7px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  border-left: 2px solid #103E92; 
}
#menu li a.first {
  padding-left: 20px;
  border-left: 0 none;
}
/*--- text ---*/
#text p, #text ul, #text ol, #text address {
  margin: 0 0 1em 0;
  line-height: 1.5em;
  text-align: justify;
  margin-bottom: 1em;
}

#text ul.row li, #text ul.pad li {
	float: left;
	list-style-type: none;
	list-style-position: inside;
	}

#text ul.pad {margin-bottom: 10em;}
*html #text ul.pad {margin-bottom: 3em;}


#text ul.pad li {
	width: 50%;
	}

*html #text ul.pad li {
	width: 35%;
	}


#text li {
  margin-bottom: 0.2em
}
#text ul li {
  list-style-type: disc;
  list-style-position: inside;
}
#text ul li ul li {
  list-style-type: square;
  list-style-position: inside;
  margin-left: 1em;
}
#text ul li ul li ul li {
	list-style-type: circle;
  list-style-position: inside;
  margin-left: 2em;
}

#text ol li {
	list-style-type: decimal;
  list-style-position: inside;
}
#text ol li ol li {
	list-style-type: lower-roman;
  list-style-position: inside;
  margin-left: 1em;
}
#text ol li ol li ol li {
	list-style-type: lower-alpha;
  list-style-position: inside;
  margin-left: 2em;
}

#text table {
  text-align: left;
  margin: 0 0 1em 0;  
}
/*--- detail zajezdu ---*/
#sidebar {
  float: right;
  width: 119px;
  padding: 10px;
  color: #00386A;
  background: #D6E8FD;
  margin: 0 10px 10px 10px;
}


*html #sidebar {
 margin-right: 5px; /* 5 */
}


#sidebar img {
/*	border: 1px solid #103E92;
	padding: 3px;*/
	background-color: transparent;
	margin: 3px;
	}

#sidebar a {
	display: block;
	border: 1px solid #103E92;
	background-color: transparent;
	}

#bottombar, #imindbar {
	margin: 10px 0 20px 0;
	padding: 0;
	}

#topbar img, #bottombar img {
	float: left;
	border: 1px solid #103F91;
	margin: 5px 10px 5px 0;
}


#imindbar div {
/*	width: 130px;*/
	height: 130px;
	float: left;
	margin: 3px;
	}

#imindbar img.active {
	border: 3px dotted;
	}


* html #sidebar {
  width: 139px;
} 
#topbar h3 , #sidebar h3 {
  color: #00386A;
  padding-bottom: 0.5em;
  font-size: 100%;
}

#text #kategorie ul, #text #pkategorie ul, #text #kategorie2 ul {
  list-style-type: none;
  margin: -8px 0 5px -8px;
  padding: 0;
  list-style-position: outside;
}
#text #kategorie li, #text #pkategorie li, #text #kategorie2 li {
  float: left;
  list-style-type: none;
  /* color: #6F6F6F; */
  margin: 0;
  padding: 0;
  list-style-position: outside;
  line-height: 200%;
}
#kategorie li a, #pkategorie li a, #kategorie2 li a {
  display: block;
  margin-left: 10px;
  color: #00386A;
}

div.linka, div.linky {
	border-bottom: 1px solid #FDD621;
	margin: 10px 10px 10px 0;
	padding: 10px 0;
	}

div.linky {
	border-top: 1px solid #FDD621;
	}


#kategorie, #kategorie2 {
	margin: 20px 0px 0px 0px;
	}


#fotog, #fotog p  {
	text-align: center;
	width: 100%;
	}

#obr_nav ul li {
	width: 59%;
	float: left;
	text-align: center;
	list-style-type: none;
	}

#obr_nav ul li.first, #obr_nav ul li.last  {
	width: 20%;
	}

#obr_nav ul li img {
	border: none;
	}

#obr_nav ul li.first {
	text-align: left;
	}

#obr_nav ul li.last {
	text-align: right;
	/*width: 34%;*/
	}

#obr_nav ul li.last span {
	margin-right: 1em;
	}

#obr_nav ul li.first a, #obr_nav ul li.last a { 
	text-decoration: none;
	}


#obr_nav {
	width: 100%;
	clear: both;
	margin: 0 auto 3em auto;
	}

#obr_nav ul {
	width: 100%;
	}


/*#main_pic {
	padding: 7px; border: 1px solid #000066;
	}
*/

#main_pic {
	/*display: block;*/
	margin: 0 auto 1em auto;
	}

#main_pic img {
	padding: 7px;
	border: 1px solid #fffff0;
	}

#kategorie2 {
	margin: 0 auto;
	min-height: 1em;
	}

#kategorie2 ul li {
	white-space: nowrap;
	display: block;
	text-align: center;
	}

#kategorie2 ul, #kategorie2 li {
	display: inline;
	}

#kategorie2 span {
	margin: 0 10px;
	}

#text p.narocnost {
	text-align: right;
	margin-bottom: 3px;
	padding-right: 0px;
	margin-right: 10px; /* 10 */
	}

#zajezdinfo {
	clear: both;
	margin: 0 10px;
	padding: 0 10px;
}

#page #dokument #text div.terminy {
	/* width: 99%; */
	clear: both;
	border-bottom: 1px solid #FBD81C;
	border: 1px solid #FBD81C;
	/* border: 1px solid #103E92; */
	background-color: rgb(255,255,204);
	margin: 0px 10px 10px 0;
	padding: 0px 0px 10px 0px;
}


#podobne_zajezdy, #podobne_zajezdyl {
	border-bottom: 1px solid #FDD621;
	border-top: 1px solid #FDD621;
	margin: 10px 10px 10px 0;
	padding: 10px 0;
	width: 600px;
	}

#zpopis, #zpopisl {
	width: 600px;
	}

#podobne_zajezdyl, #zpopisl {
	width: 100%;
	}

/*--- prehled zajezdu ---*/
#zajezdy {
 width: 100%;
 min_height: 1em;
 border-top: 1px solid #FDD621;
 border-bottom: 1px solid #FDD621;
/* background-color: #f0f0f0;*/
 margin: 10px 10px 20px 0;
 padding: 10px 0 5px 0;
}

.zajezd1, .zajezd2, .over, .mark_over, .mark {
	width: 100%;
	clear: both;
	background-color: #ffffff;
	padding: 5px 10px 0 10px;
	margin-bottom: 5px;
	}

.zajezd2 {
	background-color: #ffffcc;
	}

*html .zajezd1, .zajezd2, .over, .mark_over, .mark {
	margin-bottom: -7px;
	}

.over {background-color: #ffcc66;}
.mark_over {background-color: #ccffcc;}
.mark {background-color: #D6E8FD;}

#zajezdy h3 {
	margin: 0 0 0.1em 0;
	font-size: 120%;
	}

/*#zajezdy .anotace {
	margin: 1em 0;
	}
*/

*html #zajezdy .anotace {
	/*width: 60%;
	float: left;*/
	height: 1em;
	}

#zajezdy ul, #text div.terminy ul {
	display: block;
	clear: both;
	padding-bottom: 0px;
	margin-bottom: 5px;
	}


#text div.terminy ul, #text div.terminy li, #text div.terminy span {
	margin: 0 0 0.2em 0;
	padding: 0;
	line-height: 100%;
	}

#text div.terminy ul {
	margin: 0px 0 0 0;
	}

#zajezdy ul li, #text div.terminy ul li {
	list-style-type: none;
	float: left;
	width: 10%;
	padding-bottom: 3px;
	margin-bottom: 0px;
	}

#text #zajezdy ul li p {
	margin-bottom: 0px;
	}

#zajezdy li.an {width: 60%; font-size: 110%;}
#text div.terminy li.oc {width: 12%;}
#zajezdy li.te, #text div.terminy li.te {width: 20%;}
#zajezdy li.dn, #text div.terminy li.dn {width: 10%; text-align: center;}
#zajezdy li.ce, #text div.terminy li.ce {width: 10%; text-align: right;}
#text div.terminy li.od {width: 12%; text-align: right;}

#text div.terminy td.oc {width: 12%; text-align: center;}
#text div.terminy td.te {width: 20%;}
#text div.terminy td.dn {width: 10%; text-align: center;}
#text div.terminy td.ce {width: 10%;}
#text div.terminy td.od {width: 12%;}

div.terminy th, div.terminy td, div.terminy table {
	background-color: #FFFFCC;
	border-collapse: collapse;
	border: 0px solid #FFFFE1;
	 text-align: center;
	}

div.terminy th {
	text-align: center;
	}

#zajezdy ul li span, #text div.terminy ul li span {
	font-weight: bold;
	}

#zajezdy ul li span.skrt, #text div.terminy ul li span.skrt {
	font-weight: normal;
	font-size: 90%;
	text-decoration: line-through;
	}

#text div.terminy td span.skrt {
	font-weight: normal;
	font-size: 90%;
	text-decoration: line-through;
	}


#text div.terminy h3 {
	background-color: #ffeea4; /*FFD520*/
	padding: 0.2em;
	}

#text div.terminy table {
	margin-bottom: 0px;
	}

h2.ano {
	color: #707070;
	font-weight: bold;
	font-size: 120%;
	}

/*--- submenu ---*/
#submenu div.box {
  margin: 0 auto 10px 10px;
  text-align: left;
  width: 177px;
  border: 1px solid #103E92;
  background: #D6E8FD url("bg-box00.gif") repeat-y;

}
* html #submenu div.box {
  margin: 0 7px 10px auto;
}
#submenu div.box h3 {
  font-size: 1.1em;
  background: #FFD520;
  border-bottom: 1px solid #103E92; 
  margin-bottom: 0;
  text-align: center;
}
* html #submenu div.box h3 {
  font-size: 1em;
}

#submenu div.box .h3 {
  font-size: 1.1em;
  background: #FFD520;
  border-bottom: 1px solid #103E92; 
  margin-bottom: 0;
  text-align: center;
  font-weight: bold;
}
* html #submenu div.box .h3 {
  font-size: 1em;
}

#submenu div.box ul {
  margin: 0;
  padding: 0.5em 0;

}
#submenu div.box li {
  list-style-type: none;
  width: 167px;
}
*html #submenu div.box li {
  width: 176px;
}
body #submenu div.box li a {
  display: block;
  width: 156px;
  border-left: 5px solid #BCD0E9;
  border-right: 5px solid #BCD0E9;
  margin: 0;
  padding: 0 0 0 10px;
  font-weight: bold;
  text-decoration: none;
}

*html #submenu div.box li a {
  width: 100%;
}

body #submenu div.box li a:hover {
	background-color: #FFFFE1;
	border-left: 5px solid #FFD520;
	border-right: 5px solid #FFD520;
}

br.nul {
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	}

div.upoutavka {
	float: left;
	background-color: #FFD521;
	width: 218px;
	min_height: 178px;
	border: 2px solid #1d1169;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0 15px 20px 10px;
	}

*html div.upoutavka {height: 178px;}
div.upoutavka h2 {font-size: 18px;}
div.upoutavka a {text-decoration: none;}



/*--- zapati ---*/

/*--- obecne tridy ---*/
div.ukonceniobtekani, div.uo {
  clear: both; 
  font-size:0px; 
  height: 0px;
  margin: 0px;
}

.disabled {
	color: #999;
	}



.alignL {
  float:left;
  margin: 0 10px 10px 0;
}
.alignC {
  text-align: center;
}
.alignR {
  float:right;
  margin: 0 0 10px 10px;
}
/*--- obecne tagy (typografie) ---*/
hr {
  display: none;
}

hr.v {
 display: block;
 color: #FDD621;
 background-color: #FDD621;
 height: 1px;
 margin-right: 0px; /* 20 */
}

h1, h2, h3, h4, h5, h6  {
  margin: 0 0 0.5em 0;
  /*border-left: 0.5em solid #FFD520;
  padding-left: 0.5em; */
  /*line-height: 1.1em;*/
  color: #1F1075;
  /* height: 1em;*/
}

h1 {font-size: 190%; color: #1F1075;} /*  font-variant: small-caps;  letter-spacing: 0.2em; */
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}

caption, dfn, cite, q, em {
	font-style: italic;
}
dfn, abbr, acronym {
  border-bottom: 1px dotted;
	cursor: help;
	font-variant: normal;
	font-style: normal;
}
address {
	font-variant: normal;
	font-style: normal;
}
code {
	font-family: monospace;
	font-size: 1.2em;
}
strong {
	font-weight: bold;
}
fieldset {
	clear: both;
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin: 0 20px 10px 0;
}
legend {
	margin: 0 .5em;
	padding: .5em 0;
  color: #666;	
}
textarea {
	width: 300px;
}
label span {
	display: block;
	float: left;
	width: 170px;
	clear: inherit;
	font-size: 0.9em;
	padding-right: .5em;
}

form div.clear em {
	padding-left: 1em;
	}

table {
  border-collapse: collapse;
  font-size: 1em;
}
th {
  border: 1px solid #CCCCCC;
  padding: 2px 5px;
  background: #EFEFEF;
}
td {
  border: 1px solid #CCCCCC;
  padding: 2px 5px;
}
a img {
  border: 0 none;
}

a:link {color: #00386A;}
a:hover{text-decoration: none;}
a:visited {color: #33689a;}
a:active {color: #33689a;}

li {
list-style-type: none;
 }

.b {
	font-weight: bold;
	}
.red {
	color: #FF0000;
	}

/* ul dny */
ul.dny {
	list-style-type: none;
	margin-right: 0px; /* 10 */
	}

#text ul.dny li {
	list-style-type: none;
	list-style-position: inside;
	list-style-position: outside;
	text-indent: 0px;
	margin: 0.5em 10px 0.5em 0;
	}

*html #text ul.dny li {
	}

ul.dny span {
	font-weight: bold;
	}

ul.dny span.misto {
	font-weight: normal;
	}

span.misto {
	font-weight: normal;
	font-variant: small-caps;
	}

.clear {
  clear: both;
  margin: 1em 0 0.2em 0;
}

}

