/*  

	@company: www.actum.cz

	@author: Jan Panschab

	

---------------------------------------------------------------- */



/* obecne prvky

---------------------------------------------------------------- */

* { margin: 0; padding: 0; }

body { background: #141A63; color: #fff; font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif; font-size: 62.5%; }

a { color: #141A63; outline: 0; cursor: pointer; }

a:hover { text-decoration: none; }

a:visited { color: #559; }

h1, h2, h3, h4, h5, h6 { color: #141A63; padding: 0.5em 0 1em; font-weight: bold; }

h1 { font-size: 1.6em; line-height: 1em; }

h2 { font-size: 1.6em; }

h3 { font-size: 1.2em; padding: 0.3em 1em; }

h4 { font-size: 1.2em; }

p { font-size: 1.1em; line-height: 1.6em; padding: 0 0 1em; margin: 0; }

small { font-size: 0.9em; }

hr {

	border: none;

	height: 1px;

	padding-top: 7px;

	margin: 0 7px 7px 0;

	clear: both;

	border-bottom: 1px solid #141A63;

}

address { font-style: normal; font-size: 1.1em; padding: 0 0 1em; margin: 0; }

.half { float: left; width: 50%; }

.left { text-align: left !important; }

.right { text-align: right !important; }

.center { text-align: center !important; }

.bold { font-weight: bold !important; }

.fll { float: left; }

.flr { float: right; }

img { border: 0; }

img.fll { float: left; margin: 0 1em 1em 0; }

img.flr { float: right; margin: 0 0 1em 1em; }

.cleaner { clear: both; }

.clrl { clear: left; }

.clrr { clear: right; }

div.cleaner { height: 1px; font-size: 1px; line-height: 1px; }

.hid { visibility: hidden; }

.nod { display: none; }

.spaceman { position: absolute; top: -3000px; left: 0; }

a img { border: none; }

hr.hid { margin: 0 !important; padding: 0 !important; }



/* seznamy ------------------------------------------- */

ul { list-style: none; padding: 0 0 1em 0; }

ul li { font-size: 1.1em; padding: 0.25em 0 0.25em 2em; }

ul ul { padding: 0.25em 0 0; }

ul ul li { font-size: 1em; }

ol { list-style: decimal outside; padding: 0 0 1em 2em; }

ol li { font-size: 1.1em; margin-left: 1em; padding: 0.25em 0; }

ol ol { list-style: lower-latin outside; padding: 0.25em 0 0 1.75em; }

ol ol li { font-size: 1em; }

dl { float: left; font-size: 1.1em; }

dl dt { float: left; clear: left; width: 90px; padding: 0.3em 10px 0.3em 0; }

dl dd { float: left; width: 150px; padding: 0.3em 0; }

dl.ver2 { float: none; }

dl.ver2 dt { font-weight: bold; width: 180px; }

dl.ver2 dd { width: 315px; }

dl.ver3 { float: none; }

dl.ver3 dt { font-weight: bold; width: 75px; }

dl.ver3 dd { width: 420px; }



/* table ------------------------------------------- */

table { font-size: 1em; line-height: 1.2em; margin-bottom: 1em; border-collapse: collapse; }

td, th { vertical-align: top; text-align: center; padding: 0.4em; border: none; }

th { font-size: 1em; font-weight: bold; }

th.arrow { width: 25px; vertical-align: middle; }



/* special ------------------------------------------- */

.important {

	color: #900;

	border: 1px solid #900;

	padding: 0.5em 1em;

	margin-bottom: 1em;

	font-weight: normal;

}



/* rozmery ------------------------------------------- */

.w100 { width: 100px; }

.w150 { width: 150px; }

.w225 { width: 225px; }

.w250 { width: 250px; }





/* layout

---------------------------------------------------------------- */

#page {

	width: 761px;

	overflow: hidden;

	margin: 0 auto;

	background: #F8F9B9 url(../gfx/page-bg.gif) repeat-y 0 0;

	color: #141A63;

	position: relative;

}



/* menu ------------------------------------------- */

#menu { width: 711px; padding: 20px 0 0 45px; background: url(../gfx/page-top.png) no-repeat 0 0; }

.menu-de { padding-left: 50px !important; }

.menu-en { padding-left: 51px !important; }

#menu li { float: left; padding: 0; }

#menu li a { position: relative; display: block; }

#menu li span { position: absolute; top: 0; left: 0; display: block; height: 34px; }



#linkove span, #linkove a { width: 132px; background: url(../gfx/menu/linkove.gif) no-repeat 0 0; }

#okruzni span, #okruzni a  { width: 140px; background: url(../gfx/menu/okruzni.gif) no-repeat 0 0; }

#historie span, #historie a  { width: 77px; background: url(../gfx/menu/historie.gif) no-repeat 0 0; }

#flotila span, #flotila a  { width: 69px; background: url(../gfx/menu/flotila.gif) no-repeat 0 0; }

#pristaviste span, #pristaviste a  { width: 90px; background: url(../gfx/menu/pristaviste.gif) no-repeat 0 0; }

#odkazy span, #odkazy a  { width: 68px; background: url(../gfx/menu/odkazy.gif) no-repeat 0 0; }

#aktuality span, #aktuality a  { width: 86px; background: url(../gfx/menu/aktuality.gif) no-repeat 0 0; }



#linkove a:hover span { background: url(../gfx/menu/linkove_f2.gif) no-repeat 0 0; }

#okruzni a:hover span { background: url(../gfx/menu/okruzni_f2.gif) no-repeat 0 0; }

#historie a:hover span { background: url(../gfx/menu/historie_f2.gif) no-repeat 0 0; }

#flotila a:hover span { background: url(../gfx/menu/flotila_f2.gif) no-repeat 0 0; }

#pristaviste a:hover span { background: url(../gfx/menu/pristaviste_f2.gif) no-repeat 0 0; }

#odkazy a:hover span { background: url(../gfx/menu/odkazy_f2.gif) no-repeat 0 0; }

#aktuality a:hover span { background: url(../gfx/menu/aktuality_f2.gif) no-repeat 0 0; }



#linkove-de span, #linkove-de a { width: 118px; background: url(../gfx/menu-de/linkove.gif) no-repeat 0 0; }

#okruzni-de span, #okruzni-de a  { width: 109px; background: url(../gfx/menu-de/okruzni.gif) no-repeat 0 0; }

#historie-de span, #historie-de a  { width: 95px; background: url(../gfx/menu-de/historie.gif) no-repeat 0 0; }

#flotila-de span, #flotila-de a  { width: 58px; background: url(../gfx/menu-de/flotila.gif) no-repeat 0 0; }

#pristaviste-de span, #pristaviste-de a  { width: 106px; background: url(../gfx/menu-de/pristaviste.gif) no-repeat 0 0; }

#odkazy-de span, #odkazy-de a  { width: 81px; background: url(../gfx/menu-de/odkazy.gif) no-repeat 0 0; }

#aktuality-de span, #aktuality-de a  { width: 88px; background: url(../gfx/menu-de/aktuality.gif) no-repeat 0 0; }



#linkove-de a:hover span { background: url(../gfx/menu-de/linkove_f2.gif) no-repeat 0 0; }

#okruzni-de a:hover span { background: url(../gfx/menu-de/okruzni_f2.gif) no-repeat 0 0; }

#historie-de a:hover span { background: url(../gfx/menu-de/historie_f2.gif) no-repeat 0 0; }

#flotila-de a:hover span { background: url(../gfx/menu-de/flotila_f2.gif) no-repeat 0 0; }

#pristaviste-de a:hover span { background: url(../gfx/menu-de/pristaviste_f2.gif) no-repeat 0 0; }

#odkazy-de a:hover span { background: url(../gfx/menu-de/odkazy_f2.gif) no-repeat 0 0; }

#aktuality-de a:hover span { background: url(../gfx/menu-de/aktuality_f2.gif) no-repeat 0 0; }



#linkove-en span, #linkove-en a { width: 99px; background: url(../gfx/menu-en/linkove.gif) no-repeat 0 0; }

#okruzni-en span, #okruzni-en a  { width: 141px; background: url(../gfx/menu-en/okruzni.gif) no-repeat 0 0; }

#historie-en span, #historie-en a  { width: 76px; background: url(../gfx/menu-en/historie.gif) no-repeat 0 0; }

#flotila-en span, #flotila-en a  { width: 69px; background: url(../gfx/menu-en/flotila.gif) no-repeat 0 0; }

#pristaviste-en span, #pristaviste-en a  { width: 119px; background: url(../gfx/menu-en/pristaviste.gif) no-repeat 0 0; }

#odkazy-en span, #odkazy-en a  { width: 68px; background: url(../gfx/menu-en/odkazy.gif) no-repeat 0 0; }

#aktuality-en span, #aktuality-en a  { width: 83px; background: url(../gfx/menu-en/aktuality.gif) no-repeat 0 0; }



#linkove-en a:hover span { background: url(../gfx/menu-en/linkove_f2.gif) no-repeat 0 0; }

#okruzni-en a:hover span { background: url(../gfx/menu-en/okruzni_f2.gif) no-repeat 0 0; }

#historie-en a:hover span { background: url(../gfx/menu-en/historie_f2.gif) no-repeat 0 0; }

#flotila-en a:hover span { background: url(../gfx/menu-en/flotila_f2.gif) no-repeat 0 0; }

#pristaviste-en a:hover span { background: url(../gfx/menu-en/pristaviste_f2.gif) no-repeat 0 0; }

#odkazy-en a:hover span { background: url(../gfx/menu-en/odkazy_f2.gif) no-repeat 0 0; }

#aktuality-en a:hover span { background: url(../gfx/menu-en/aktuality_f2.gif) no-repeat 0 0; }



/* header ------------------------------------------- */

#header { width: 163px; /* width: 194px celkem */ float: left; clear: left; margin-left: 11px; padding: 40px 5px 0; text-align: center; }

#header p { line-height: 1.2em; }

#email { margin-top: 2em; }

#flags { margin-left: 25px; }

#flags li {

	float: left;

	display: block;

	width: 37px;

	height: 35px;

	overflow: hidden;

	padding: 0;

	position: relative;

}

#flags li span {

	display: block;

	width: 37px;

	height: 35px;

	position: absolute;

	top: 0;

	left: 0;

}

#flags .cs span { background: url(../gfx/flags/cs.gif) no-repeat 0 0; }

#flags .en span { background: url(../gfx/flags/en.gif) no-repeat 0 0; }

#flags .de span { background: url(../gfx/flags/de.gif) no-repeat 0 0; }

#flags .cs:hover span, #flags .cs .selected span { background: url(../gfx/flags/cs2.gif) no-repeat 0 0; }

#flags .en:hover span, #flags .en .selected span { background: url(../gfx/flags/en2.gif) no-repeat 0 0; }

#flags .de:hover span, #flags .de .selected span { background: url(../gfx/flags/de2.gif) no-repeat 0 0; }





/* content ------------------------------------------- */

#content { width: 527px; /* width: 567px celkem*/ float: right; padding: 40px 5px 0; margin-right: 20px; }

#content h2 { clear: both; }

#content h3 {

	height: 22px;

	float: left;

	margin-right: 10px;

	padding-bottom: 6px;

	background: url(../gfx/h3-bg.gif) repeat-x 0 0;

	position: relative;

}

.h3-left { position: absolute; left: 0; top: 0; width: 11px; height: 27px; background: url(../gfx/h3-left.gif) no-repeat 0 0; }

.h3-right { position: absolute; right: 0; top: 0; width: 12px !important; height: 27px; background: url(../gfx/h3-right.gif) no-repeat 0 0; }

.info, .boat, .back { float: right; position: relative; display: block; width: 30px; height: 28px; overflow: hidden; }

.back { margin: 5px 250px 0 0; }

.info span, .boat span, .back span {

	position: absolute;

	top: 0;

	left: 0;

	display: block;

	width: 30px;

	height: 28px;

	background: url(../gfx/ikony/ikony_i.gif) no-repeat 0 0;

}

.boat span { background-image: url(../gfx/ikony/ikony_lod.gif); }

.back span { background-image: url(../gfx/ikony/zpet_a.gif); }

.info:hover span { background-image: url(../gfx/ikony/ikony_i_f2.gif); }

.boat:hover span { background-image: url(../gfx/ikony/ikony_lod_f2.gif); }

.back:hover span { background-image: url(../gfx/ikony/zpet_b.gif); }

.block {

	clear: both;

	width: 507px;

	margin-bottom: 2em;

	padding: 0.6em 10px;

	background: #fffba1 url(../gfx/block-bg.gif) repeat-y 0 0;

	overflow: hidden;

	position: relative;

}

.block div { float: right; width: 250px; }

.block-top, .block-bottom {

	position: absolute;

	width: 527px !important;

	height: 6px;

	float: none;

	background: url(../gfx/corners.gif) no-repeat 0 0;

}

.block-top { top: 0; left: 0; }

.block-bottom { bottom: 0; left: 0; background-position: 0 -6px; }



.small { width: 290px; min-height: 80px; background: #fffba1 url(../gfx/block-small-bg.gif) repeat-y 0 0; }

.small .block-top, .small .block-bottom { background: url(../gfx/corners-small.gif) no-repeat 0 0; }

.small .block-bottom { background-position: 0 -6px; }



.dospeli, .deti { display: block; height: 20px; padding: 5px 0 0 18px; background: url(../gfx/dospeli.gif) no-repeat 0 0; }

.deti { background-image: url(../gfx/deti.gif); }

.dospeli2, .deti2 { padding: 5px 0 1px 18px; background: url(../gfx/dospeli2.gif) no-repeat 0 0; }

.deti2 { background-image: url(../gfx/deti2.gif); }



/* crumbs ------------------------------------------- */

#crumbs {

	list-style: none;

	position: relative;

	left: -3em;

	overflow: hidden;

	width: 510px;

}

#crumbs li {

	float: left;

}

#crumbs li a {

	padding-right: 1em;

}



/* footer ------------------------------------------- */

#footer { clear: both; padding: 0 25px 20px; background: url(../gfx/page-bottom.gif) no-repeat 0 bottom; overflow: hidden; }

#print { float: right; position: relative; display: block; width: 28px; height: 28px; margin-top: 0.5em; overflow: hidden; }

#print span {

	display: block;

	width: 28px;

	height: 28px;

	position: absolute;

	top: 0;

	left: 0;

	background: url(../gfx/ikony/tisk_a.gif) no-repeat 0 0;

}

#print:hover span { background: url(../gfx/ikony/tisk_b.gif) no-repeat 0 0; }





/* homepage

---------------------------------------------------------------- */

.homepage #content { width: 720px; margin: 0 19px 5px 0; text-align: center; }

.homepage #header { width: 723px; height: 90px; overflow: hidden; padding-top: 10px; }

.homepage #logo, .homepage #header h1, .homepage #print { display: none; }

.homepage #pleft { float: left; width: 220px; text-align: left; padding-left: 0.5em; }

.homepage #pright { float: right; width: 220px; text-align: right; padding-right: 0.5em; }

.homepage #email { margin-top: 0; }

.homepage address { padding-bottom: 0; }

.homepage #flags { margin-left: 305px; overflow: hidden; }

#hp-img { position: relative; width: 480px; height: 270px; margin: 0 auto 1.5em; }

#smoke { position: absolute; top: 83px; left: 273px; }

.hp-box { background: #141A63; color: #F8F9B9; padding: 0.6em 1em; font-size: 1.5em; }

.hp-box a { color: #F8F9B9; }





/* virtual

---------------------------------------------------------------- */

#virtual { float: left; width: 360; padding-left: 75px; }

#virtual img { padding-left: 140px; }

.quicktime { padding-left: 25px !important; }





/* odkazy

---------------------------------------------------------------- */

#links li {

	float: left;

	display: block;

	width: 210px;

	padding: 10px;

	text-align: center;

}

#links li a {

	display: block;

}