/* --- WHOLE BODY AND PAGE --- */

/* GENERAL */
body {
background-color: #dbdbdb;
font-family: Times New Roman;
}

.anchor {
color: #555;
text-decoration: underline;
}

.anchor:hover {
color: #000;
}

.black {
color: #000;
text-decoration: underline;
}

h1{
text-transform: capitalize;
font-size: 175%;
}

.center {
text-align: center;
}

a, a:hover {
outline: none;
text-decoration: none;
color: #0000FF;
}

img {
border: 0px;
}

.left {
float: left;
}

.right {
float: right;
}

.clear{
clear: both;
}

.doubleline {
border-bottom: 3px double;
}

.pricelist {
text-align: left;
border-spacing: 0px;
border-collapse: collapse;
}

table.pricelist td { 
border: 1px solid #660000;
padding:0 10px 0 10px; }

.distance {
border: 1px solid #000;
text-align: left;
}

.distance td {
padding:0 15px 0 5px;
}

.hours {
margin-left: auto;
margin-right: auto;
border-spacing: 0px;
border-collapse: collapse;
}

.hours td {
border: 1px solid #660000;
padding: 5px 15px 5px 5px;
}

tr.nadpis {
background-color: #ddd;
font-weight:bold;
}

.breakfast {
border: 1px #660000;
text-align: left;
border-spacing: 0px;
border-collapse: collapse;
width: 99%;
height: 277px;
}

table.breakfast td { 
border: 1px solid #660000;
padding:0 5px 0 5px; }

td#breakpic {
width: 150px;
height: 277px;
padding: 0;
}

tr.even {
background-color: #eee;}

tr.italic {
font-style:italic;
width: 350px;
font-size: 85%;
}

.acc,.acc2 {
background-color: #eee;
border: 1px solid #660000;
width: 190px;
height: 200px;
float: left;
text-align: left;
padding: 5px;
}

.acc td,.acc2 td {
vertical-align: top;
}

.acc2 {
width: 270px;
height: 200px;
}

.space
{
display: table-cell;
}

.att {
padding: 5px 0 0 0;
background-color: #eee;
width: 100%;
text-align: center;
}

.attin {
background-color: #fff;
width: 95%;
text-align: justify;
margin-left: auto;
margin-right: auto;
}

#attlakedc {
width: 55%;
}

#attlakedc2 {
width: 45%;
}

#attholker {
width: 65%;
}

#attholker2 {
width: 35%;
}

.attsteam {
width: 60%;
}

.attsteam2 {
width: 40%;
}

#attbigland {
width: 50%;
}

#attbigland2 {
width: 50%;
}

#attskydive {
width: 100%;
height: 100%;
} 

.texttd {
padding: 5px 10px 5px 10px;
}

/* OUTER PAGE */

#xupshadow {
background: url(style/xupshadow.png);
width: 820px;
height: 20px;
margin-left: auto;
margin-right: auto;
}

#xdownshadow {
background: url(style/xdownshadow.png);
width: 820px;
height: 20px;
margin-left: auto;
margin-right: auto;
}
/* --- UPPER PAGE --- */

#upperpage{
background: url(style/body.png) repeat-y;
margin-left: auto;
margin-right: auto;
width: 820px;
height: 340px;
}

/* MENU */
#menu{
width: 800px;
height: 40px;
padding-top: 20px;
padding-left: 10px;
}

.menusep{
background: #dbdbdb;
width: 1px;
height: 40px;
float: left;
}

/* MENU BUTTONS */

#mb1{
width: 89px;
height: 40px;
background-image: url(style/button1.png);
float: left;
}

#mb1:hover{
width: 89px;
height: 40px;
background-image: url(style/button1s.png);
float: left;
}

#mb2{
width: 161px;
height: 40px;
background-image: url(style/button2.png);
float: left;
}

#mb2:hover{
width: 161px;
height: 40px;
background-image: url(style/button2s.png);
float: left;
}

#mb3{
width: 186px;
height: 40px;
background-image: url(style/button3.png);
float: left;
}

#mb3:hover{
width: 186px;
height: 40px;
background-image: url(style/button3s.png);
float: left;
}

#mb4{
width: 141px;
height: 40px;
background-image: url(style/button4.png);
float: left;
}

#mb4:hover{
width: 141px;
height: 40px;
background-image: url(style/button4s.png);
float: left;
}

#mb5{
width: 119px;
height: 40px;
background-image: url(style/button5.png);
float: left;
}

#mb5:hover{
width: 119px;
height: 40px;
background-image: url(style/button5s.png);
float: left;
}

#mb6{
width: 99px;
height: 40px;
background-image: url(style/button6.png);
float: left;
}

#mb6:hover{
width: 99px;
height: 40px;
background-image: url(style/button6s.png);
float: left;
}

/* MAIN LOGO PART */

#mainlogopart{
width: 800px;
height: 260px;
padding-top: 20px;
}

#logoleft{
width: 270px;
height: 240px;
text-align: right;
float: left;
}

#logoright{
width: 500px;
height: 240px;
float: left;
padding-left: 20px;
}

/* MAIN PAGE SECTION */

#upmainbody {
background: url(style/upmainbody.png);
width: 820px;
height: 3px;
margin-left: auto;
margin-right: auto;
}

/* MAIN PAGE */

#mainbody {
background: url(style/mainbody.png) repeat-y;
width: 820px;
margin-left: auto;
margin-right: auto;
}

/* SIDE PANEL */

td.sidepanelblock{
width: 240px;
font-size: 14px;
padding-left: 45px;
vertical-align: top;
}

/* MAIN TEXT */

.navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

td.maintextblock {
width: 500px;
text-align: justify;
vertical-align: top;
padding-left: 5px;
padding-right: 35px;
padding-bottom: 10px;
}      

#downmainbody {
background: url(style/downmainbody.png);
width: 820px;
height: 3px;
margin-left: auto;
margin-right: auto;
clear: both;
}

#downmaintext{
padding-left: 0px;
width: 780px;
height: 3px;
}
#sign{
width: 800px;
font-size: 11px;
text-align: right;
padding-top: 8px;
padding-right: 0px;
margin-left: auto;
margin-right: auto;
}

/* FORM LAYOUT */

/* contact page - form layout */

.contactform{
  border: 1px solid #690014;
}

form{margin-top: 0px;}

.row
{ clear: both;
  width: 468px;
}

.formlabel 
{ float: left;
  width: 150px;
  text-align: left;
}

.forminput
{ float: right;
  text-align: right;
} 

.spacer
{ clear: both;
  width: 80px;
}

.spacer2
{ float: left;
  width: 20px;
}

input, textarea
{ width: 260px; 
  font-family: verdana, arial, sans-serif;
  border: 1px solid;
  font-size: 80%;
  margin: 2px;
  background: #FFFFFF;
  color: #5A6370;
  border-color: #690014;
}

.submit
{ font-family: verdana, arial, sans-serif;
  border: 1px solid;
  width: 70px;
  height: 22px;
  cursor: pointer;
  font-size: 80%;
  color: #000;
}