/* UTF-8, 2009 (c) Jan Virt */

html {
font-size: 12px;
}

body {
margin: 0;
font-family: verdana, arial, sans-serif;
background: #9c9c9c url('blue/background.gif') top left repeat;
color: #ffffff;
}

h1 {
font-size: 1.6em;
font-weight: normal;
margin: 12px 0 8px 0;
}

h2 {
font-size: 1.3em;
font-weight: normal;
margin: 12px 0 2px 0;
}

h3 {
font-size: 1.2em;
font-weight: bold;
margin: 5px 0 2px 0;
}

p {
margin: 0 0 8px 0;
line-height: 1.4;
text-align: left;
}

a {
color: #253fff;
text-decoration: underline;
}

a:hover { text-decoration: underline; }

strong {
color: #555555;
}

table {
border-collapse: collapse;
margin: 5px 10px 10px 10px;
}

th {
font-weight: bold;
}

td, th {
text-align: left;
border: 0;
}

img {
border: 0;
}

#langbar {
width: 760px;
margin: 4px auto 2px auto;
font-size: 0.8em;
font-variant: small-caps;
text-align: right;
}
#langbar a { text-decoration: none; }
#langbar a:hover { text-decoration: underline; }

#container {
width: 760px;
margin: 0 auto 16px auto;
border: 1px solid #707070;
background: #ffffff;
color: #373737; /* #303030; */
}

#header {
height: 110px;
overflow: hidden;
}

#menubar {
padding: 6px 1px 6px 1px;
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
background: blue url('blue/menubar.png') left top repeat-x;
}

.menu,
.amenu {
padding: 2px 8px 2px 8px;
border-right: 1px dotted white;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
color: #ffe51c;
}
.menu:hover { text-decoration: underline; }
.amenu:hover { cursor: default; text-decoration: none; }

#footbar {
clear: both;
padding: 2px 10px 2px 10px;
background: blue url('blue/menubar.png') left top repeat-x;
text-align: center;
font-size: 0.8em;
color: #ffe51c
}

#footbar a {
color: #ffffff;
}

#content {
margin: 18px 26px 18px 26px;
}

.footnote {
margin-top: 20px;
font-size: 0.8em;
color: #727272;
}

.note { font-size: 0.9em; }

.flimage,
.frimage {
padding: 2px;
background: #ffbd47;
}

.flimage {
float: left;
margin: 8px 26px 24px 0;
}

.frimage {
float: right;
margin: 8px 0 24px 26px;
}

.flimage .title,
.frimage .title {
padding: 2px;
font-size: 0.9em;
}

.clear { clear: both; }

/* == Autupujcovna a pujcovna lodi == */

#cars h2 { margin: 22px 0 2px 0; }
.car_item { clear: both; margin: 6px 0 28px 0; }
.car_imgs {
margin: 0 0 28px 28px;
float: right;
}
.car_thumbs { text-align: center; }
.car_params {
width: 360px;
margin: 8px auto 16px auto;
font-size: 0.9em;
}
.car_params td, .car_params th { padding: 4px; border: 1px solid #929292; }
.car_params th { text-align: left; width: 160px; background: #d5dcff; }
.car_params td { text-align: center; }

/* == Kontakt == */

.maps { float: right; }
.maps a { display: block; margin: 2px 0 10px 10px; }