html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
	color: #324f78;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	background: #CCD2DB url("_clip/bg-site.gif") top left repeat-x;
}

h1 {
	font-size: 145%;
	font-weight: bold;
	color: #006CB2;
	padding: 0; margin: 10px 0 25px 0;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
h1#detail {
    font-size: 180%;
}
h2 {
	font-size: 130%; 
	font-weight: bold;
	color: #AC0107;
	line-height: normal;
}
h2.nadpis-logo-yacht {
    padding: 10px 0px 10px 55px;
    background: transparent url('/_clip/nadpis-logo-yacht.gif') 0px 3px no-repeat;
}
h3 {
	padding: 5px 0; margin: 10px 0;
	font-weight: bold; font-size: 100%;
	color: #0A5490;
	line-height: normal;
}
h3#aktuality a {
    color: #CC2228;
    text-decoration: none;
}
h3#aktuality a:hover {color: #0A5490}


a {
    text-decoration: underline;
    color: #9A5866;
}
a:hover {text-decoration: none; color: #6B3580;}

img {border: none;} img.block {display: block}
form {margin: 0; padding: 0;}
.submit {
  border-top: #5E83CA 1px solid;
  border-right: #6C92DB 1px solid;
  border-bottom: #6C92DB 1px solid;
  border-left: #5E83CA 3px solid;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 90%;
  padding: 2px;
  background-color: #5C92DC;
}


.textRight {text-align: right;} .textCenter {text-align: center;} .textLeft {text-align: left;}
.floatLeft {float: left;} .floatRight {float: right;}
.clear {clear: both;} .clearLeft {clear: left;} .clearRight {clear: right;}
.hide {display: none;}

hr {
	border: none;
	height: 1px;
	border-top: 1px solid #D2D7DF;
}


acronym {
	cursor: help;
	border-bottom: 1px #324F78 dotted;
}

/**/

#page {
	margin: 0 auto; padding: 36px 0 25px 0;
/*	width: 794px; */
	text-align: left;
	min-width: 805px;
	max-width: 95%;
	width: expression(document.body.clientWidth<820 ? "810px" : (document.body.clientWidth>830 ? "98%" : "810px" ) );
}

#header {
	margin: 0; padding: 0;
	width: 100%; height: 78px;
	background: url(/_clip/bg-header.gif) top left repeat-x;
	position: relative;
}
.hp-btn a {
	display: block;
	width: 270px; height: 75px;
	margin: 0 0 0 21px;
}
.logo-yachtcharter {
	width: 325px; height: 122px;
	display: block;
	position: absolute;
	left: -21px; top: 0;
	background: url(/_clip/logo-yachtcharter.gif) left top no-repeat;
}
.logo-yachtcharter a {
	width: 288px; height: 122px;
	display: block;
}

.logo-jachting {
	width: 11px; height: 78px;
	display: block;
	position: absolute;
	right: 0; top: 0;
	background: url(/_clip/bg-header-right.gif) left top no-repeat;
}
#content-holder {
/*	background: url(/_clip/bg-page.gif) top right repeat-y; */
	background: white;
	width: 100%;
}
#left-side {
	float: left;
	width: 205px; height: 100%;
	margin: 0; padding: 0;
/*	background: url(/_clip/bg-menu.jpg) top left no-repeat; */
}
/* \*/ * html #left-side {margin-right: -3px;} /**/

#right-side {
	margin: 0 0 20px 205px;
}
#content {
	padding: 0; margin: 0 20px;
	line-height: 1.3em;
}

#footer {
	font-size: 95%;
	clear: both;
	padding: 10px 20px; margin: 0;
	color: #7788B2;
	background: #FFFFFF;
	border-top: 1px solid #D2D7DF;
}
.footer-corners {margin: 5px -20px -2px -20px;}
.footer-links {text-align: right; float: right;}

#vizual {
	background: url(/_clip/bg-vizual-repeater.jpg) top left repeat-x;
	height: 152px;
}
#aktuality {
/*	background: #EEF1F6; */
	background: #DAE5F3;
	font-size: 95%;
	padding: 5px 10px 10px 10px; margin: 15px 0 15px 2px;
	color: #033762;
/*	overflow: hidden; */
}
#aktuality h3 {
/*	background: url(/_clip/bg-h3.gif) top left no-repeat; */
	background: #F0F3F7;
	padding: 5px; margin: 10px 0;
	color: #CC2228;
}
#bannery {text-align: center;}
#bannery img {margin: 3px 0;}

.infoBox {
	padding: 10px 15px;
	/*margin: 15px 0;*/
	margin: 15px 0 0 0;
	background-color: #EEF1F6;
	color: #6B82A3;
	border-top: 1px solid #D2D7DF;
	clear: right;
    float: left;
    width: 73%;
}

.kapitani {background: #ffffff;}

/*.infoBox .message {
	margin: 5px 0 8px 0;
	width: 50%;
}*/

.infoBox .messageimportant {
	/*margin: 5px 0 8px 0;
	width: 50%;*/
	font-size: 110%;
}

.infoBox h3 {
	margin: 0; padding: 0;
}
.infoBox a h3 {text-decoration: underline;}
.infoBox a:hover h3 {color: #C72226;}
.content-right {
	float: right;
	/*margin: 0 0 15px 15px;*/
	margin: 3px 0 15px 0;
	width: 150px;
}



#razeny_atribut {
	background-color: #f9f4df;
}

.seznam-lodi { width: 200px; float: left; margin: 10px 10px 10px 0; height: 300px; overflow: auto; background: #EEF1F6; position: relative; }
.seznam-lodi h2 { background: #DAE5F3; position: absolute; padding: 5px; }


/* --- Menu --- */

ul#main-menu {
	padding: 44px 0 0 0; margin: 0;
	list-style: none;
	font-size: 95%; font-weight: bold;
}
#main-menu li a {
	display: block;
	padding: 7px 5px 7px 40px;
	border-bottom: 1px solid #9BBCD2;
	background: url(/_clip/main-menu-bullet.gif) left top no-repeat;
	color: #4267AD;
	text-decoration: none;
}
#main-menu li a:hover, #main-menu li.active a {
	background: #DAE5F3 url(/_clip/main-menu-bullet-on.gif) left top no-repeat;
}
#main-menu li ul {
	list-style: none;
	margin: 0; padding: 0;
}
#main-menu li ul li a {
	background: #F9F4DF !important;
	font-weight: normal;
}
#main-menu li ul li a:hover {
	background: #DAE5F3 !important;
}

/* \*/ * html #main-menu li a {height:1%;} /**/

ul#top-menu {
	padding: 0 11px 0 0; margin: 0;
	list-style: none;
	position: absolute;
	top: 0; right: 0;
}
#top-menu li {float: right}
#top-menu li a {
	display: block;
	overflow: hidden;
	position: relative;
	cursor: pointer; cursor: hand;
}
#top-menu li span {
	position: absolute;
	top: 0; left: 0;
}
#top-menu li.btn-01 a {width: 88px; height: 21px;}
#top-menu li.btn-02 a {width: 139px; height: 21px;}
#top-menu li.btn-03 a {width: 47px; height: 21px;}
#top-menu li.btn-01 span {background: url(/_clip/top-menu-btn-01.gif) top left no-repeat; width: 88px; height: 21px;}
#top-menu li.btn-02 span {background: url(/_clip/top-menu-btn-02.gif) top left no-repeat; width: 139px; height: 21px;}
#top-menu li.btn-03 span {background: url(/_clip/top-menu-btn-03.gif) top left no-repeat; width: 47px; height: 21px;}
#top-menu li.btn-01 a:hover span {background: url(/_clip/top-menu-btn-01-on.gif) top left no-repeat;}
#top-menu li.btn-02 a:hover span {background: url(/_clip/top-menu-btn-02-on.gif) top left no-repeat;}
#top-menu li.btn-03 a:hover span {background: url(/_clip/top-menu-btn-03-on.gif) top left no-repeat;}

/* --- DETAIL LODE, OBRAZKY --- */
a.dalsi-obrazek-link {
	padding: 1px 5px 1px 5px;
	background-color: #eef1f6;
	border: 1px solid #000;	
	text-decoration: none;	
}
a.dalsi-obrazek-link:hover {
	background-color: #4db0d0;
	border: 1px solid #cf185d;
	text-decoration: none;
}

/* --- TABLES --- */
table.default-table {
	width: 100%;
	border: 1px solid #9BBCD2;
}
.default-table th, .shaded-table th {
    padding: 3px 6px;
	background: #E0E7e0;
}
.default-table th span, .shaded-table th span {
    padding-left: 20px;
    background: transparent url('/_clip/polozka-sipka.gif') 0px 3px no-repeat;
    color: #9A5866;
    font-weight: bold;
    /* font-size: 110%; */
    /* text-transform: uppercase; */
}
.default-table th a, .shaded-table th a {
	color: #A7575D;
	text-decoration: underline;
}
.default-table td, .shaded-table td {
	padding: 3px 6px;
	background: #EEF1F6;
}
.default-table td.polozka {
    background: #E0E7F1;
}
.default-table td#info-lode, .shaded-table td#info-lode {
    width: 150px;
}

table.shaded-table {
	width: 99%;
	border: 1px solid #8FA4BF;
    color: #8FA4BF;
}
.shaded-table th {
	background: #EFEFEF;
}
.shaded-table th span {
    background: transparent url('/_clip/polozka-sipka.gif') 0px 3px no-repeat;
    color: #8FA4BF;
}
.shaded-table th a {
	color: #8FA4BF;
}
.shaded-table td {
	background: #EFEFEF;
}
.shaded-table td.polozka {
    background: #EFEFEF;
}

/**/
table.table-kapinanos {
	width: 100%;
}
.table-kapinanos td {padding: 6px}

/* \*/ * html table.table-noborder, table.table-kapinanos, table.default-table {width:99%} /**/

/* --- TABLES end --- */

label {
	display: block;
	text-align: right;
	padding-right: 5px;
}

.perex {width: 100%; /*height: 85px;*/ margin: 0 0 25px 0;}
.perex img.ico_pic {float: left; width: 100px; margin: 0 15px 0 0;}
.perex a img.ico_pic {border: 2px solid #D2D7DF;}
.perex a:hover img.ico_pic {border: 2px solid #9A5866;}
.perex h2, .perex p, perex em {}

.dnes {color: #ff0000;}

@media print {
	body {
		background: white; color: black;
		font-size: 10pt;
		font-family: "Times New Roman", Times, serif;
		}
	h1, h2, h3, h4 {font-family: "Times New Roman", Times, serif; color: black;}
	#page {width: 100%; padding: 0; margin: 0; position: relative;}
	#header, #vizual, #left-side, .footer-links, .footer-corners {display: none;}
	#content, #content-holder, #right-side {width: 100%; line-height: normal; margin: 0; padding: 0; overflow: visible; height: 100%;}
	#content-holder {margin-top: 100px}
	#footer {position: absolute; top: 0; width: 100%; border-bottom: 1px solid #D2D7DF; padding: 15px 0;}

}