/* CSS Document */

/* ---------------------------------- BODY ---------------------------------- */
html, body {
	margin: 0;
	padding: 0;
  }

body {
  background : white;
	text-align : center;
	color : black;
	font-family : verdana, sans-serif;
  font-size : 80%;
	line-height : 150%;
  }
#body {
	width : 100%;
	margin : 0;
	min-width: 960px;
  }
#page {
	position: relative;
	width: 940px;
	margin: auto;
	text-align: left;
  }


/* ---------------------------------- TAGY ---------------------------------- */
abbr, acronym, dfn {
  border-bottom : 1px dashed; 
  cursor : help;
  }
p {
  font-size : 1.0em;
  margin-top : 0px;
  margin-bottom : 10px;
  }
ul {
  margin-top : 5px;
  margin-bottom : 10px;
  margin-left : 5px;
  }
html>body ul {
	padding-left: 0px;
  }
li {
  list-style-type : none;
	background : url('images/li.gif') no-repeat left 0.5em;
  padding-left : 12px;
  }
html>body li {
	margin: 0px;
  }
table {
  width : 610px;
  border : 0px;
  margin-top : 5px;
  margin-bottom : 5px;
  text-align : left;
  }
caption {
  text-align : left;
  font-size : 1.2em;
  font-weight : bold;
  margin-top : 15px;
  margin-bottom : 2px;
  }
col {
  background : rgb(0,147,221);
  color : white;
  padding : 3px;
  text-align: left;
  }
thead {
  background : rgb(0,147,221);
  color : white;
  padding : 3px;
  text-align : center;
  font-weight : bold;
  }
tfoot {
  font-style : italic;
  }
tbody {
  padding : 2px;
  background : rgb(202,222,232);
  color : inherit;
  }
tr {
  padding : 0px;
  vertical-align: top;
  text-align : left;
  font-size : 0.85em;
  }
th {
  background : rgb(0,147,221);
  color : white;
  padding : 3px;
  text-align : left;
  }
td {
  text-align : left;
  }
#terminy table {
  width : 607px;
  }
#terminy th, #terminy td {
  text-align : center;
  }
#overflow {
  overflow : auto;
  width : 627px;
  max-height : 200px;
  }
#objednavka td {
  background : white;
  color : inherit;
  font-size: 1.2em
  }
form {
  margin-top : 5px;
  margin-bottom : 5px;
  }
input {
  font-family : verdana, sans-serif;
  font-weight : bold;
  }

/* -------------------------------- HLAVIČKA -------------------------------- */
#flash a {
  display : block;
  width : 940px;
  height : 120px;
	position : relative;
	overflow : hidden;
	z-index : 0;
  }

#header h1 {
  margin : 0 auto;
  font-size : 80%;
  text-align : center;
 
} 
#header a {
	display : block;
	width : 1000px;
	height : 150px;
	position : relative;
	overflow : hidden;
} 
#header a:visited {
  border : 0 !important; 
} 
#header span {
  background : url('images/header.jpg') no-repeat;
  width : 1000px; 
  height : 150px; 
  z-index : 1;
  display : block;
  position : absolute;
  padding : 0;
  top : 0;
  left : 0; 
}
a.skipmenu {
  position : absolute; 
  top : 143px;
  z-index : 0; 
  margin-left : 20px;
  padding : 0.2em 0.5em; 
  border-bottom : 0 !important;
}
a.skipmenu:focus, a.skipmenu:active {
  z-index : 2; 
  background : #fff;
}

/* --------------------------------- MENU ----------------------------------- */
#menu {
	float : left;
	background : url('images/menu.png') no-repeat top !important;
	width : 940px;
	height : 50px;
	line-height : 100%;
	font-size : 1.15em;
	font-weight : bold;
	margin : 0px;
	border : 0px;
	padding : 0px;
	position: relative;
	display: block;
	text-align: center;
}
#menu p {
  line-height : 100%;
  height : 50px;
  margin : 0px;
  padding: 15px 5px 10px 5px;
}
#menu span {
  line-height : 100%;
  height : 50px;
  padding-top : 15px;
  padding-bottom : 15px;
  margin : 0px;
}
#menu a {
  height : 50px;
  padding-left : 0.9em;
  padding-right : 0.9em;
  padding-top : 15px;
  padding-bottom : 15px;
  color : black;
  text-decoration : none;
  margin : 0px;
}
#menu a:hover {
  background : url('images/menu_hover.png') repeat-x top center;
  height : 50px;
  padding-left : 0.9em;
  padding-right : 0.9em;
  padding-top : 15px;
  padding-bottom : 15px;
  margin : 0px;
}
#aquanews {
  display: block;
  background: url('../images/aquanews.png');
  width: 150px;
  height: 78px;
  padding-left: .2em;
  margin-bottom: 5px;
  }
#aquanews h3 {
  background: none !important;
  }
#aquanews h3 a {
  display: block;
  width: 150px;
  height: 78px;
  margin-top: -5px !important;
  padding: 5px 0 0 10px !important;
  color: black;
  font: bold 1.0em !important;
  text-decoration: none;
  }


/* ---------------------------------- HLAVNÍ -------------------------------- */
#main {
	width : 940px;
	height : 100%;
	margin : 0px;
	padding : 0px;
	display: block;
}


/* ------------------------------------ OBSAH ------------------------------- */
#content {
	float : right;
	width : 780px;
	padding : 0px;
	position: relative;
	margin: 0px;
	display: block;
}
#content a {
  color : black;
  font-weight : bold;
  text-decoration : none;
  border-bottom : 1px solid rgb(0,147,221);
}
#content a:hover {
  color : #0099CC;
  font-weight : bold;
  text-decoration : none;
  border-bottom : 2px solid black;
}
#content h2 {
  font-size : 1.7em;
  line-height : 150%;
  margin-top : 0px;
  margin-bottom : 5px;
  padding-top: 0px !important;
}
#content h3 {
  font-size : 1.3em;
  margin-top : 0px;
  margin-bottom : 3px;
  padding-top : 0px !important;
  border-bottom : 1px solid rgb(0,147,221);
}
#content h4 {
  font-size : 1.2em;
  margin-top : 0px !important;
  margin-bottom : 2px;
  border-bottom : 1px solid Highlight;
}
#content h5 {
  font-size : 1.1em;
  margin-top : 0px;
  margin-bottom : 0px;
  border-bottom : 1px solid rgb(0,147,221);
}
#content h6 {
  font-size : 1.0em;
  margin-top : 0px;
  margin-bottom : 3px;
}
#content span {
  float : right;
  margin-right : 10px;
}
#content blockquote {
  background-color : rgb(202,222,232);
  border : 1px solid rgb(0,147,221);
  margin-top : 0px;
  margin-left : 5px;
  margin-bottom : 10px;
  margin-right : 220px;
  padding : 5px;
  font-size : 1.2em;
  text-align : justify;
}
#content fieldset {
  padding : 5px;
  border : 1px solid rgb(0,147,221);
}
#content legend {
  font-weight : bold;
  color : rgb(0,147,221);
}
#content img {
  margin-top : 0px;
  margin-left : 5px;
  margin-bottom : 5px;
  margin-right : 0px;
  padding : 2px;
  border : 1px solid rgb(0,147,221);
}
#content a:hover img {
  background : rgb(0,147,221);
}
#content img.foto {
  padding : 2px;
  margin : 5px;
  border : 5px solid black;
  background-color : white;
}


/* ---------------------------------- SUBMENU ------------------------------- */
#submenu {
	background-color : inherit;
	color : rgb(119,136,153);
	font-size : 0.85em;
	padding-left : 0px;
	margin-bottom : -10px;
	position: relative;
	display: block;
}
#submenu p a {
  color : rgb(119,136,153);
  text-decoration : none;
  border : 0px;
}
#submenu a:hover {
  border-bottom  : 1px solid rgb(51,102,255);
}


/* ----------------------------------- ÚVOD --------------------------------- */
#uvod h2 {
  margin: 0px !important;
  padding: 0 0 0 5px !important;
  border-bottom: 0px !important;
  line-height : 100% !important;
  }
#uvod h3 {
  font-size: 1.1em;
  margin-top: 0px !important;
  padding: 0px !important;
  border-bottom: 0;
  line-height : 100% !important;
  }
#uvod h4 {
  font-size: 1.2em;
  padding: 0;
  border-bottom: 0;
  }
#uvod p {
  font-size: 0.85em;
  margin: 5px;
  line-height: 1.2em;
  }
#uvod font {
  font-size: 0.8em;
  font-weight: normal;
  }
#uvod ul {
  margin-top: -3px;
}
#uvod li {
  line-height : 1.4em;
  font-size : 0.85em;
}
#uvod img {
  margin-right : 5px;
  margin-bottom : 3px;
}
#pobytove {
  float : left;
  background : url('images/pobytove1.jpg') no-repeat top left;
  width : 380px;
  height : 270px;
}
#poznavaci {
  float : right;
  background : url('images/poznavaci1.jpg') no-repeat top left;
  width : 400px;
  height : 270px;
}
#potapecske {
  float : left;
  background : url('images/potapecske1.jpg') no-repeat top left;
  width : 380px;
  height : 270px;
}
#tematicke {
  float : right;
  background : url('images/tematicke1.jpg') no-repeat top left;
  width : 400px;
  height : 270px;
}

/* ---------------------------------- SIDEBAR ------------------------------- */
#sidebar {
	float : left;
	width : 150px;
	margin : 0px;
	border : 0px;
	padding-left : 0px;
	padding-right : 0px;
	position: relative;
	display: block;
}
#sidebar h3 {
  background : url('images/sidebar2.png') no-repeat top left;
  width : 150px;
  height : 30px;
  margin-bottom : -5px;
  border : 0px;
  padding-top : 5px;
  font-size : 0.9em;
  color : rgb(0,147,221);
}
#sidebar h4 {
  margin : 0px;
  padding-left : 7px;
  font-size : 0.85em;
  line-height : 1.2em;
}
#sidebar p {
  margin : 0px;
  padding-left : 10px;
  padding-bottom : 5px;
  font-size : 0.85em;
  line-height : 1.2em;
}
#sidebar a {
  color : black;
  text-decoration : none;
}
#sidebar a:hover {
  color : black;
  text-decoration : none;
  border-bottom : 1px solid rgb(0,147,221);
}
#sidebar ul {
  margin-top : 0px;
  margin-bottom : 10px;
  margin-left : 0px;
}
#sidebar span {
  margin-left : 10px;
}
#sidebar font {
  color : rgb(0,147,221);
  font-size : 0.85em;
 }
#sidebar li {
  list-style-type : none;
	background : url('images/li.png') no-repeat left 0.5em;
  padding-left : 12px;
}
#kurzy_main {
  text-align:center;
}
#kurzy_main td {
  background: white;
}


/* -------------------------------- FOTOBOX --------------------------------- */
#fotobox span {
  float : right;
  width : 170px;
  margin : 0px -20px 0px 0px;
}
#fotobox img {
  border : 1px; 
  padding : 2px;
  margin : 5px 0px 5px 5px;
  width : 140px;
  height : 105px;
}
#fotobox a {
  border : 0px;
}
#fotobox a:hover {
  border : 0px;
  background : rgb(0,147,221);
}


/* ------------------------------- KONTAKT ---------------------------------- */
#kontakt table {
  width: 300px;
  }
#kontakt td {
  background: white;
  font-size: 1.2em;
  }
#map {
  position: absolute;
  right: 0px;
  top: 30px;
  width: 470px;
  height: 480px;
  }
#map_info {
  padding: 0px;
  max-height: 53px;
  overflow: hidden;
  }
#map_info p {
  margin-bottom: 0px;
  }


/* ------------------------------- PATIČKA ---------------------------------- */
#footer {
 	display: block !important;
	width: 940px !important;
  position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}
#footer p {
	line-height : 150%;
	text-align : center;
	color : rgb(119,136,153);
	font-size : 0.85em;
}
#footer a {
  color : rgb(119,136,153);
  background: inherit;
  text-decoration : none;
}
#footer a:hover {
  color : black;
  border-bottom : 1px solid rgb(0,147,221);
}


/* ----------------------------------- ADMIN -------------------------------- */
#admin td {
  background: white;
}


/* ---------------------------------- NOPRINT ------------------------------- */
#noprint, .noprint {
  display : inline;
}


/* ----------------------------------- CLASS -------------------------------- */
.invisible {
  position : absolute; 
  top : -10000px; 
  left : 0; 
  height : 1px; 
  overflow : hidden; 
}
.hidden {
  position : absolute; 
  top : -10000px; 
  left : 0; 
  height : 1px; 
  overflow : hidden; 
}
.subtext {
  font-size : 0.9em;
  font-style : italic;
}
input.odkaz {
  background : white;
  border-top : 0px;
  border-left : 0px;
  border-right : 0px;
  border-bottom : 1px solid rgb(0,147,221);
  margin : 0px;
  padding-top : 0;
  padding-left : 0;
  padding-right : 0;
  padding-bottom : 0;
  font-weight : bold;
  color : black;
}
.block {
  display : block;
}
#navigace span {
  float : left;
}

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

#zlutejramecek div{
background-color:yellow;
font-size:20px;
border-style:dashed;
border-color:gold;
line-height:1.4}

#zlutejramecek a:link, a:visited {
text-decoration: none}

#zlutejramecek div:hover{
background-color:greenyellow;
font-size:20px;
border-style:dashed;
border-color:lime;
line-height:1.4}