* {font-family: Arial; font-size: 12px}
body {text-align: center; margin: 0px; padding: 0px; border: 0px; background: white}
a {text-decoration: none}
a:hover {text-decoration: underline}

input, select {font-size: 100%}

#main {margin:0px auto; border-collapse: collapse; padding: 0px; text-align: left; border-right: 1px solid black}
#main td {padding: 0px}
#plachetnice {background: white URL(../images/yachting_pre_01.jpg) right bottom no-repeat; border-right: 1px solid black}
#darkblue {background: URL(../images/darkbluebg.jpg) top right}
#lightblue {background: URL(../images/lightbluebg.jpg)}
#pocasi {background: URL(../images/yachting_pre_05.jpg); text-align: center; vertical-align: middle}
#pocasi img {border: 0px}
#header img {border: 0px}

#yellowshade {background: #FFF200 URL(../images/yellowshade.jpg) top left repeat-x; text-align: center; height: 47px}
#yellowshade div {margin: 8px 4px 4px 0px; text-align: center}
#yellowshade img {margin-left: 8px; border: 1px solid black}


#blueshade {background: #035CC1 URL(../images/blueshade.jpg) top left repeat-x; text-align: right; color: #439CF1; font-size: 100%}
#blueshade div {margin: 8px 4px 4px; text-align: left}
#blueshade a {color: #83DCFF}

#flags {margin: 8px; float: right}
#flags img {border: 0px; margin-left: 8px}

#topnavi {margin: 8px}
#topnavi a {margin-right: 8px; color: silver; font-size: 100%}

#darkblue form {margin: 8px 0px 0px 0px; text-align: center}
#darkblue input.text {border: 1px solid black; background: white URL(../images/input_bg.gif) top center repeat-x}

.spacer {padding: 1em}

.menulevel1 {font-size: 100%}
.menulevel1 a {display: block; border: 1px solid gray; margin-bottom: 2px; padding: 2px; background: white; font-weight: bold; color: black; text-decoration: none; clear: right}
.menulevel1 a:hover {text-decoration: underline}
.menulevel1 .sel a {background: #FFF000 URL(../images/activelink.gif) right center no-repeat}
.menulevel2 {padding-left: 2em; padding-top: 4px; padding-bottom: 4px}
.menulevel2 a {background: white}
.menulevel2 .sel a {background: #FFF000 URL(../images/activelink.gif) right center no-repeat}

.content h1 {font-size: 150%; font-style: italic; background: white URL(../images/header_bg.gif) center right repeat-y}

#content p {
  margin: 0px;
}

.content h2 {font-size: 130%}
.content a:visited, .content a:active {color: blue}

.texy_content {margin-bottom: 2em}
.texy_content table {border-collapse: collapse}
.texy_content th, .texy_content td {font-size: 100%; padding: 1px}
.texy_content th {background: #FFF200}
.texy_content img {border: 0px; margin: 8px}
.texy_content p {margin: 0px}

.gallery {text-align: center}
.gallery img {border: 1px solid silver; margin:4px}

.dialog {margin: 1em; padding: 1em}
.dialog th {text-align: left; width: 18em; font-size: 11pt; padding-right: 0.5em; border-bottom: 1px solid #EEE}
.dialog input[type="submit"] {border: 1px solid black; background: #FFF200; color: black; font-size: 12px; font-weight: bold}
.dialog input[type="reset"] {border: 1px solid black; background: #FFF200; color: black; font-size: 12px}
.dialog input[type="text"], .dialog input[type="password"], .dialog select {width: 12em}


.error {color: red}

.gallerygrp {
  width: 100%
}

.gallerygrp td {
  padding: 8px;
  text-align: center
}

.gallerygrp img {
  border: 1px solid silver;
}