/* Body - Cele telo dokumentu */
body,html {
 font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; 
 font-size: 82%;
 color: #000000; 
 margin: 0;
 text-align: center;
} 

body#page {
 background: #003084; 
}
/* Konec Body - Cele telo dokumentu */



/* Globalni styly */
hr {

}

A:link {
 color: #3B88C0; 
 text-decoration: underline; 
} 

A:visited {
 color: #3B88C0; 
 text-decoration: underline; 
} 

A:active, A:hover {
 color: #8DB40A; 
 text-decoration: underline; 
} 

a img {
 border: 0px solid #B1B8B8;
}

a:hover img {
 border: 0px solid #000000;
}

h1 {
 width: auto;
 margin: 20px 10px 0 0; 
 padding: 0 0 22px 0; 
 color: #3A88C0;
 text-align: left;
 font-size: 169%;
 font-weight: normal;
 font-family: Georgia, "Times New Roman", Times, serif; 
} 


h2 {
 width: auto;
 height: auto;
 border-style: none;
 padding: 2px 2px 0 0;
 margin: 15px 0 0 0;
 font-size: 130%; 
 font-weight: normal; 
 font-family: Georgia, "Times New Roman", Times, serif; 
 color: #8DB40A; 
 clear: left;
} 

h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
 font-weight: normal;
 font-size: 100%; 
}

h2 a:link {
 color: #8DB40A;
 text-decoration: none;
}

h2 a:visited {
 color: #8F1F84;
 text-decoration: none; 
}

h2 a:active {
 color: #8DB40A;
 text-decoration: none; 
}

h2 a:hover {
 color: #8DB40A;
 text-decoration: none; 
}

h3 {
 width: auto;
 height: auto;
 padding: 0 5px 0 0;
 margin: 15px 0 0 0;
 font-size: 100%; 
 font-weight: bold;
 color: #3B88C0;  
} 

h4 {
 font-size: 100%; 
 margin: 4px 0 -10px 0;
 padding: 5px 0 0 0; 
 width: auto;
 color: #4B6870;
}


ul {
 padding: 0; 
 margin: 0 0 0 17px; 
}

ul li {
 list-style-type: none;
} 
/* Konec Globalni styly */


/* Globalne pouzite styly */
.clear {
 display: block;
 clear: left;
 width: 400px;
 height: 1px;
 font-size: 1px;
 margin: 0;
 padding: 0;
}

.chyba {
 color: #BE050A;
 font-weight: bold;
}

.ok {
 color: #131684;
 font-weight: bold;
}
/* Konec Globalne pouzite styly */


div#top {
 border: 2px solid #317CC2;
 border-width: 0 0 4px 0;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}

div#top p#logo {
 width: 140px;
 height: 69px;
 color: #317CC2;
 font-size: 199%;
 font-weight: bold;
 text-decoration: none;
 font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE"; 
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 position: relative;
 right: 12px;
}

div#top p#logo img {
 display:block;
 width: 140px;
 height: 69px;
 cursor: pointer;
 }

div#top p#logo A:link,div#top p#logo A:visited {
 color: #8DB40A; 
 text-decoration: none; 
 font-weight: bold; 
} 

div#top p#logo A:active,div#top p#logo A:hover {
 color: #8DB40A; 
 text-decoration: none; 
 font-weight: bold; 
}

div#top p#logo strong {
 color: #317CC2;
 display: block;
 position: relative;
 right: 10px;
 top: 7px;
}

/* Konec  Top - Cast nad hlavickou */




/* Hlavicka */
div#header {
 display: none;
} 

div#top-hledani {
 display: none;
}

div#top-hledani input.txt {
 border: 1px solid #0B3A8A;
 background: #F8FAFC;
}


/* Hlavni navigace */
div#menu {
 display: none;
} 


.mozi {
 display: none;
} 


/* Submenu */
div#submenu {
 display: none;
} 

.txt {
background: #F7F9FD;
border: 1px solid #6797C7;
}

.mozi2 {
 width: auto;
 height: 10px;
 clear: both;
 font-size: 0px;
 background: #8DB40A;
 margin: 0 0 0 0; 
} 

.mozi3 {
 width: auto;
 height: 300px;
 clear: both;
 font-size: 0px;
} 

/* Hlavni Obsah - cela sirka vcetne sidebaru */
.obsah {
 text-align: left;
} 

 
/* Pole pro text */ 
.pole {
 width: auto;
 height: auto;
 padding: 0 0 20px 0;
 color: #1C2F66;
 font-size: 120%;
}

.pole p {
 margin: 10px 0;
 color: #0D6BB1;
}

.pole h2.nclr {
 clear: none;
 margin: 25px 0 0 0; 
}
/* Konec pole pro text */ 


/* Homepage */
img.homefoto {
 display: block;
 width: 211px;
 height: 172px;
 float: left;
 border: 1px solid #0B5A95;
 margin: 30px 30px 10x 10px; 
}

ul#homeok {
 width: 250px;
 margin: 0 0 0 0;
 padding: 5px 0 15px 30px;
 float: left;
 position: relative;
 left: 20px;
}

ul#homeok li {
 width: 250px;
 margin: 0 0 0 0;
 padding: 2px 0 2px 3px;
 font-weight: bold;
 color: #0D6BB1;
 list-style-image: url("grafika/ok.gif"); 
 font-size: 120%;
}
/* Konec Homepage */


/* Strankovani */
.pagi {
 display: none;
}

/* Sidebar */
.side {
 display: none;
} 


.foto {
 width: 500px;
 height: 400px;
 padding: 0 0 0 0;
 margin: 20px 0 0 0;
 overflow: auto;
 clear: left;
}

.foto img {
 display: block;
 margin: 0;
}

.fotka {
 display: block;
 width: 152px;
 height: 117px;
 float: left;
 margin: 10px 10px 1px 1px;
 background:url("grafika/podfoto.gif") 0% 0% no-repeat #fff; 
}

.fotka img {
 display: block;
 width: 140px;
 height: 105px;
 position: relative;
 margin: 6px;
 
}


/* xxxxxxxxxxx Stranka lodicky xxxxxxxxxxxxx */
.lodicka {
 width: auto;
 height: 168px; 
 margin: 0 0 20px 0;
 padding: 0 0 0 0;
 position: relative;
 border: 1px dotted #D3E4F1; 
 border-width: 0 0 1px 0; 
}

.lodicka h2 {
 width: auto;
 height: auto;
 margin: 7px 0 0 0;
 padding: 0 0 0 0;
 clear: none;
}

.lodicka p.fotka {
 width: 200px;
 height: 150px; 
 margin: 0 5px 0 0;
 float: left;
}

.lodicka p.fotka img {
 width: 197px;
 height: 148px; 
 margin: 0 0 0 0;
}
.lodicka strong { 
 font-family: Georgia, "Times New Roman", Times, serif; 
 font-size: 160%;
 color: #3B88C0;
}

.lodicka strong span { 
 font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"; 
 font-size: 70%;
 color: #ADB607;
 font-weight: bold;
}

.lodicka p.viceinfo {
 width: 300px;
 height: 20px;
 position: absolute;
 bottom: 0;
 right: 0;
}

.lodicka p.viceinfo a {
 display: block;
 width: 133px;
 height: 34px;
 padding: 0 0 0 0;
 text-align: center;
 font-size: 0;
 position: absolute;
 right: 0px;
 bottom: 5px; 
}

.lodicka p.viceinfo a:link, .lodicka p.viceinfo a:visited  {
 background:url("grafika/viceinfo.gif") 0% 0% no-repeat; 
}

.lodicka p.viceinfo a:active, .lodicka p.viceinfo a:hover {
 background:url("grafika/viceinfo.gif") 0% -34px no-repeat;
}
/* xxxxxxxxxxx Stranka lodicky konec xxxxxxxxxxxxx */


/* xxxxxxxxxxx Detailni stranky lodicek xxxxxxxxxxxxx */
.ilustrace { 
 width: 299px;
 height: 173px;
 float: left;
 border: 1px dashed #BBD6EA;
 border-width: 0 1px 0 0;
}

.cena { 
 width: 160px;
 height: 60px;
 color: #BBD6EA;
 float: left;
 position: relative;
 left: 10px;
}

.rezervuj { 
 width: 187px;
 height: 51px;
 color: #3B88C0;
 font-weight: bold;
 float: left;
 position: relative;
 left: 8px;
}

.rezervuj a { 
 display: block;
 width: 133px;
 height: 50px;
 font-weight: bold;
}

.rezervuj a span { 
 font-size: 0;
}

.rezervuj a:link, .rezervuj a:visited { 
 background:url("grafika/buton1.gif") 0% 0% no-repeat; 
}

.rezervuj a:active, .rezervuj a:hover { 
 background:url("grafika/buton1.gif") 0% -50px no-repeat; 
}


.cena span.num { 
 font-size: 210%;
 font-family: Georgia, "Times New Roman", Times, serif;
 position: relative;
 bottom: 10px;
 color: #3B88C0;
}

.cena span.kch { 
 font-size: 110%;
 color: #ADB607;
 font-weight: bold;
 position: relative;
 bottom: 12px;
}

#vor .ilustrace { 
 width: 314px;
 height: 189px;
}
#jachta .ilustrace { 
 width: 370px;
 height: 219px;
}

#vor .cena { 
 width: 145px;
 left: 10px;
}
#jachta .cena { 
 width: 130px;
 right: 5px;
}

#vor .rezervuj { 
 width: 145px;
 height: 120px;
}
#jachta .rezervuj { 
 width: 130px;
 height: 120px;
}

/* Minigalerie v detailnich strankach lodicek */
p.minigalerie {
 width: 520px;
 height: 80px;
 margin: 0 0 0 0;
 padding: 0;
}

p.minigalerie span {
 display: block;
 width: 96px;
 height: 80px;
 margin: 5px 5px 0 0;
 background:url("grafika/podfoto4.gif") 0% 0% no-repeat; 
 float: left;
}

p.minigalerie span img {
 display: block;
 width: 90px;
 height: 68px;
 margin: 1px;
}
/* Minigalerie v detailnich strankach lodicek KONEC */

/* Galerie */
p.slimgalerie {
 width: auto;
 margin: 0 0 0 0;
 padding: 0;
}

p.slimgalerie span {
 display: block;
 width: 120px;
 height: 75px;
 margin: 5px 5px 0 0;
 float: left;
 text-align: center;
}

p.slimgalerie span a {
 display: block;
 width: 114px;
 height: auto;
 margin: 0 0 0 0;
 text-align: center;
}

p.slimgalerie span a:link, p.slimgalerie span a:visited {
 background: #EEEEEE;
 border: 1px solid #D1D1D1; 
}

p.slimgalerie span a:active, p.slimgalerie span a:hover {
 background: #F3FDD0;
 border: 1px solid #8DB40A; 
}


p.slimgalerie span img {
 display: block;
 width: 100px;
 height: 50px;
 margin: 5px auto 6px auto;
}

p.slimgalerie span a img {
 border: 1px solid #A3A3A3;
}

p.slimgalerie span a:hover img {
 border: 1px solid #8DB40A;
}
/* Galerie KONEC */


p.back {
 width: 400px;
 padding: 0 0 0 20px;
 background:url("grafika/back.gif") 0% 50% no-repeat; 
 position: relative;
 bottom: 25px;
}

p.back a {
 display: block;
 width: 200px;
 padding: 3px 2px;
}

p.back a:link, p.back a:visited {
 color: #8CBA18;
 font-weight: bold;
}

p.back a:active, p.back a:hover {
 color: #0D6BB1;
 font-weight: bold;
}

p.prevnext {
 width: 512px;
 height: auto;
 text-align: right;
}

p.bigfoto {
 width: 512px;
 height: 384px;
 background: #0D6BB1;
 text-align: center;
}

p.bigfoto img {
 width: 512px;
 height: 384px;
 border: 1px solid #000;
 margin: 0;
 background: #C8DEED;  
}
/* xxxxxxxxxxx Detailni stranky lodicek konec xxxxxxxxxxxxx */

/* xxxxxxxxxxx Fotogalerie xxxxxxxxxxxxx */
#galerie h2 {
 clear: none;
 margin: 0 0 0 0;
}

#galerie p.image {
 width: 102px;
 height: 75px;
 margin: 0 5px 20px 0;
 float: left; 
}

#galerie p.image img {
 margin: 6px 0 0 0;
}

#galerie p.image a img {
 border: 1px solid #000;
}

#galerie p.image a:hover img {
 border: 1px solid #8DB40A;
}

/* xxxxxxxxxxx Fotogalerie konec xxxxxxxxxxxxx */

/* xxxxxxxxxxx Ke stazeni xxxxxxxxxxxxx */
div.wallpaper {
 width: 400px;
 height: 200px;
 margin: 5px 0;
 background: #eee;
 border: 1px solid #ADB607;
  
}
/* xxxxxxxxxxx Ke stazeni konec xxxxxxxxxxxxx */

/* Paticka */
#footer {
 width: auto;
 height: auto; 
 position: relative;
 top: 0px;
 margin: 0 auto;
 padding: 0 0 8px 0;
 text-align: left;
 font-size: 100%;
 color: #ABD90D;
}

#footer p {
 padding: 5px 0 0 0;
}

#footer A:link {
 color: #ABD90D; 
 text-decoration: underline; 
} 

#footer A:visited {
 color: #ABD90D; 
 text-decoration: underline; 
} 

#footer A:active, #footer A:hover {
 color: #fff; 
 text-decoration: underline; 
} 
/* Konec Paticka */



h4, .pole, .side h2, .side h3, .side ul li, .sidekontakt, #fotodetail, .supatlacitko {
 font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE";
}


/* Konec Sezony */
.pozor {
 width: auto;
 height: auto;
 background: #F3FDD0;
 margin: 0 0 20px 0;
 padding: 0 0 0 0; 
}

.pozor p {
 color: #5E7706;
 margin: 0 0 0 0;
}
/* Konec Sezony konec */



/*
Nasledujici kod je css pro Lightbox.
Lightbox je JavaScript, ktery je na tomto webu pouzit pro otevirani fotografii.
Vlastni script Lightbox je licencovany pod Creative Commons Attribution 2.5 License,
Original verzi je mozne stahnout na teto adrese: http://www.huddletogether.com/projects/lightbox2/
CSS i vlastni script na tomto webu byl upraven.  
*/

/* LIGHTBOX */
#lightbox {
	position: absolute;
	top: 55px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
 border: 1px solid #eee;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	border: 1px solid #000; 
  border-width: 1px 1px 0 1px;	
	width: 500px;
	height: 500px;
	margin: 0 auto;
	padding: 4px; 
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#loading a img, #loading a:hover img {
 display: block;
 width: 60px;
 height: 60px;
 border: 0px;
 margin: 0 auto;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
 left: 0;
}

#hoverNav a {
 outline: none;
}

#prevLink, #nextLink {
 width: 49%;
 height: 100%;
 background: transparent url(grafika/blank.gif) no-repeat; /* Trick IE into showing hover */
 display: block;
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(grafika/prevlabel.gif) left 0% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(grafika/nextlabel.gif) right 0% no-repeat; }

#imageDataContainer {
  font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE";
	background-color: #fff;
	border: 1px solid #000; 
  border-width: 0 1px 1px 1px;		
	margin: 0 auto;
	padding: 4px;
	line-height: 1.4em;
	color: #6F7277;
}

#imageData {
	padding: 0 10px;
}

#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}	

#imageData a img {
 border: 1px solid #3A88C0;
 background: #3A88C0; 
}

#imageData a:hover img {
 border: 1px solid #B4171D;
 background: #B4171D; 
}

#imageData #bottomNavClose { height: 20px; float: right;  padding-bottom: 0.7em;	}	

#imageData #bottomNavClose img {width: 84px; height: 20px; }	

		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;	
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
/* LIGHTBOX KONEC */