html, body {
	margin: 0;
	padding: 0;
  }
body {
  background: white url('../images/background.png') center top repeat-x;
  text-align: center;
  color: black;
  font-family: Verdana;
  }
h1 {
  font-family: Georgia;
  }
h2 {
  color: #0066ff;
	margin: 0;
	padding: 5px 0 .2em 0;
	font-size: 1.2em;
  }
h3, caption, legend, #tabulka caption {
	margin: 1em 0 .2em 0;
	color: #0066ff;
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
  }

h4, label {
  margin: .2em 0;
  color: black;
	font-size: .9em;
	font-weight: bold;
  }
h5, .window caption {
  margin: .2em 0;
  color: black;
  font-size: .8em;
  font-weight: bold;
}
h6 {
  margin: .1em 0;
  color: black;
  font-size: .8em;
  font-weight: bold;
}
p, li, td {
  margin: 0;
  padding: 0 0 .5em 0;
  line-height: 1.5em;
  font-size: .8em
  }
li {
  padding: 0 !important;
  }
img {
  border: 5px solid white;
  padding: 0;
  margin: 5px 0px 10px 20px;
  }
a:hover img {
  border: 5px solid #0066ff;
  background: white !important;
  }
a {
  color: #0066ff;
  }
a:link, a:visited {
  color: #0066ff;
  }
a:hover p {
  background: #e0eaef;
  color: #0066ff;
  }
ul {
	margin: 0;
	padding: 0 0 .5em 15px;
	list-style-type: square;
  }
table, input, textarea, label, form {
	font-size: 100%;
  }
table {
  margin-right: 5px !important;
  }
th {
  padding: .2em .4em !important;
  background:  #0066ff;
  color: #ffffff;
  font-weight: bold;
  font-size: .8em;
  }
.tr_over {
  background: #66ccff;
  }
.tr_out {
  background: #99ccff;
  }
td {
  padding: 0 .4em;
  }
table, form {
  margin: 0;
  padding-bottom: 10px !important;
  }
fieldset {
  border: 2px solid #0066ff;
  padding: 5px;
  }
legend {
  margin-top: 0px;
  padding: 0 .2em;
  }
label {
  margin-top: 5px !important;
  }
input, select, textarea {
  margin: 5px 0;
  border: 0;
  border-bottom: 2px solid #0066ff !important;
  padding: .3em;
  background: white;
  color: black;
  font-family: Verdana;
  }
textarea {
  border: 2px solid #0066ff !important;
  }
button, .tlacitko a {
  border: 2px solid #0066ff;
  background: white;
  text-align: center !important;
  color: black;
  font: bold 1.2em/1.8 Verdana;
  margin-top: 5px;
}
.tlacitko a {
  display: block;
  width: 300px;
  text-decoration: none !important;
  }
hr, #menu b {
	position: absolute;
	top: -5000px;
	width: 1px;
	height: 1px;
  }
  
  
/* --------------------------------------------------------------------- BODY */
#body-helper {
  width: 100%;
	min-width: 980px;
	margin: 0;
  }
#page {
	position: relative;
	width: 960px;
	margin: auto;
	text-align: left;
  }
    

/* --------------------------------------------------------------------- MENU
#menu {
  margin-bottom: -5px;
  padding: 10px 0 0 0;
  font-family: Georgia;
  font-size: 12pt;
  }
#menu .active {
  background: white;
  border-bottom: 2px solid white !important;
  padding-top: .4em;
  }
#menu a {
  background: #e5f7ff;
  color: #0066ff;
  padding : .3em .8em .3em .8em;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #0066ff;
  border-right: 0 !important;
  }
#menu a:link, #menu a:visited, #footer a:link, #footer a:visited {
  color: #0066ff;
  }
#menu a:hover, #footer a:hover {
  background: #e0eaef;
  color: #0066ff;
  padding-top: .4em;
  }
*/

/* -------------------------------------------------------------------- MENU2 */
#menu {
  background: white;
  margin-bottom: 7px !important;
  padding: 10px 0 0 0;
  font-family: Georgia;
  font-size: 12pt;
  }
#menu .active {
  background: white;
  border: 2px solid #0066ff;
  border-bottom: 2px solid white !important;
  }
#menu a {
  color: #0066ff;
  padding : .3em .8em .3em .8em;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 2px solid #0066ff !important;
  }
#menu a:link, #menu a:visited, #footer a:link, #footer a:visited {
  color: #0066ff;
  }
#menu a:hover, #footer a:hover {
  background: #e0eaef;
  color: #0066ff;
  text-decoration: none;
  }


/* -------------------------------------------------------------------- FLASH */  
#flash {
  background: white;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 240px;
  }

/* ------------------------------------------------------------------ CONTENT */
#content-helper {
  background: white;
  color: black;
  padding: 0px !important;
  display: block;
  float: none;
  width: 960px;
	height : 100%;
	margin : 0px !important;
  }
#content {
  margin: 10px 0 10px 0 !important;
  padding: 0px !important;
  }

/* ------------------------------------------------------------------- INDEX  */
#left, #middle {
  float: left;
  width: 200px;
  margin-top: 10px;
  margin-right: 15px;
  }
#middle, #right {
  width: 360px !important;
  }
#right {
  float: right;
  margin-top: 10px;
  margin-right: 5px;
  }
#news h2, #shop h2, #clanky h2, #pojisteni h2 {
  display: block;
  width: 200px;
  background: #e0eaef;
  color: black;
  font: bold 1.0em Georgia !important;
  padding-left: .2em;
  }
#pojisteni a img, #pojisteni a:hover img {
  border: 0px !important;
  padding: 5px 0px 15px 0px !important;
  margin: 0px !important;
  }
#news, #shop, #clanky, #pojisteni, #emailem {
  margin-bottom: 5px;
  }
#emailem {
  display: block;
  background: url('../images/aquanews.png');
  width: 200px;
  height: 54px;
  padding-left: .2em;
  }
#emailem h3 a {
  display: block;
  width: 200px;
  height: 54px;
  margin-top: -10px !important;
  padding-top: 5px !important;
  color: black;
  font: bold 1.0em Georgia !important;
  text-decoration: none;
  }
#box a {
  display: block;
  width: 360px !important;
  color: black;
  text-decoration: none;
  padding: 2px;
  margin-bottom: 10px;
  border: 2px solid white;
  }
#box a:hover {
  border: 2px solid #0066ff;
  background: #e0eaef;s
  }
.nadpis {
  display: block;
  color: white;
  font: bold 20px Georgia !important;
  /*margin: 0px !important;*/
  margin-bottom: -10px !important;
  padding: 3px 0px 123px 5px !important;
  }
.popisek {
  display: block;
  font-size: .8em;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: -5px;
  }
.popisek a:hover {
  background: #0066ff;
  color: white;
  }
#kurzy .nadpis {
  background: url('../images/kurzy.jpg');
  }
#obchod .nadpis {
  background: url('../images/obchod.jpg');
  }
#diving-bali .nadpis {
  background: url('../images/diving-bali.jpg');
  }
#selang-resort .nadpis {
  background: url('../images/selangresort.jpg');
  }
#diving-istria .nadpis {
  background: url('../images/diving-istria.jpg');
  }
#aquatravel .nadpis {
  background: url('../images/aquatravel.jpg');
  }

/* ------------------------------------------------------------------ WINDOW */
.window {
  height: 1px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.window h4 {
  margin: 0px !important;
}
.window p {
  margin: 0px !important;
  }
.window img {
  position: relative;
  float: right;
  margin: 0 10px 10px 10px !important;
  border: 0 !important;
  }

/* ------------------------------------------------------------------ TABULKA */
#tabulka table {
  margin-top: 10px;
  width: 900px;
  }
#tabulka th, #tabulka td {
  padding: .4em !important;
  border-bottom: 1px solid #0066ff !important;
  }

/* ------------------------------------------------------------------ GALLERY */
#gallery {
  background: black;
  margin-top: 0px;
  margin-bottom: 0px;
  }
#gallery h2 {
  margin: 0px;
  color: white;
  }
#gallery img {
  margin: 0px 15px 15px 0px;
  }

/* ---------------------------------------------------------------------- MAP */
#map {
  margin: 10px 0;
}
#map p, #map h4, #map a {
  font-size: 1.0em;
  color: #99ccff;
  margin: 0;
  padding: 0;
}
  
/* ------------------------------------------------------------------- FOOTER */
#footer {
 	display: block !important;
	width: 940px !important;
  position: relative;
	float: left;
	margin: 10px 0 0 0 !important;
  color: #0066ff;
  text-align: center;
  font-size: .8em;
  }
#footer-helper {
  padding: 10px 0 0 0 !important;
  border-top: 2px solid #0066ff !important;
}
#footer a {
  padding: .1em .2em .1em .2em;
  font-weight: normal;
  }
.invisible {
  position: absolute; 
  top: -10000px; 
  left: 0; 
  height: 1px; 
  overflow: hidden;
  }