body {
margin:0;
padding:0;
background: #003082 url(img/pozadi.jpg) top left repeat-x;
font: 80% Helvetica, Arial, sans-serif;
color: #333;
text-align: center;
}

#container
{
width: 757px;
margin:0 auto;
padding: 0;
text-align:center;
border: 5px solid #fff;
}

#hlavicka
{
padding: 0;
margin: 0;
background: #fff url(img/komora-foto.jpg) top left no-repeat;
height: 250px;
text-align: center;
position: relative;
}

#aktuality {
  float: right;
  width: 250px;
  border-left: 1px solid #ccc;
  padding: 0 0 0 15px; margin-left: 10px;
  font-size: 90%;
}

#aktuality h4{
  margin: 0;
  padding: 0;
    @font-size: 100%;
}

#aktuality h4 a{
  text-decoration: none;
  color: #333;

}

#aktuality hr{
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 10px 0 10px 0;
  @margin: 5px 0 5px 0;
}


#logo
{
padding: 0;
margin: 0;
position: absolute;
top: 38px;
left: 0;
background: #fff url(img/logo.jpg) top left no-repeat;
height: 128px;
width: 258px;
text-decoration: none;
}

#panel
{
padding: 0;
margin: 0;
position: absolute;
top: 0;
right: 20px;
background: #fff url('img/panel.jpg') bottom left no-repeat;
height: 25px;
width: 171px;
text-decoration: none;
}

#menu
{
padding: 0;
margin: 0;
position: absolute;
left: 0;
top: 214px;
background: #003082 url('img/menu-pozadi.jpg') top left repeat-x;
height: 43px;
text-align: center;
width: 757px;
color: #fff;
font-size: 135%;
font-weight: bold;
line-height: 230%;
}


#menu a
{
color: #fff;
text-align: center;
text-decoration: none;
}

#menu a:hover
{
color: #CC3300;
}



h2
{
color: #CC3300;
font-size: 125%;
padding: 0;
margin-top: 0;
margin-bottom: 10px;
}

h3
{
color: #003082;
}

p
{
  font-size: 100%;
  line-height: 150%;
  margin: 8px 0 8px 0;
}


li
{
  line-height: 150%;
  margin: 10px 0 10px 0;
}

a
{
  color: #CC3300;
}

a:hover
{
  text-decoration: none;
}

#hlavni
{
margin:0;
padding:20px 10px 50px 10px;
background-color: #fff;
text-align: left;
}



#paticka
{
margin: -39px 0 0 0;
padding: 0;
background: #003082 url(img/menu-pozadi.jpg) top left repeat-x;
height: 46px;
text-align: center;
color: #fff;
line-height: 230%;
position: relative;
}



#paticka a
{
color: #fff;
}

#paticka p.weby
{
font-size: 90%;
line-height: 180%;
}

#paticka p.copy
{
position: absolute;
top: 3px;
right: 8px;
font-size: 80%;
line-height: 1%;
color: #fff;
z-index: 5;
}

/*tridy*/

.kanoe
{
background: #CC3300 url('img/kanoe-a-kajaky.jpg') top left no-repeat;
width: 220px;
height: 197px;
float: left;
margin-right: 38px;
}

.motorove
{
background: #CC3300 url('img/motorove-cluny.jpg') top left no-repeat;
width: 220px;
height: 197px;
float: left;
margin-right: 39px;
}

.obytne
{
background: #CC3300 url('img/kajutove-lode.jpg') top left no-repeat;
width: 220px;
height: 198px;
float: left;
}

a span
{
display: none;
}

hr.cleaner 
{
clear:both;
visibility: hidden;
height: 0;
border: 0;
margin: 0; padding: 0;
}

hr 
{
clear:right;
height: 0px;
border: 0;
border-bottom: 1px solid #ccc;
margin: 30px 20px 30px 20px;

}

.apostrofy
{
background: #7698D1 url('img/apo-ld.jpg') bottom left no-repeat;
width: 100%;
color: #fff;
position: relative;
min-height: 60px;
margin-bottom: 20px;

}

.apostrofy p
{
background: transparent url('img/rozek.jpg') bottom right no-repeat;
margin: 0;
padding: 20px 130px 20px 130px;
line-height: 120%;
text-align: center;
}

.apostrofy div
{
background: #7698D1 url('img/apo-ph.jpg') top left no-repeat;
position: absolute;
top: 0;
right: 0;
width: 115px;
height: 57px;
}


.center 
{
text-align: center;

}

.obr_cenik 
{
float: right;
margin-bottom: 20px; 

}

table.cenik 
{
border-collapse: collapse;
}

table.cenik td
{
border: 1px solid #ccc;
padding: 3px; 
text-align: center;
}

table.cenik th
{
border: 1px solid #ccc;
background-color: #003082;
color: #fff;
padding: 5px 8px 5px 8px; 
text-align: center;
}

.red
{
color: #CC3300;
font-weight: bold;
margin-left: -60px;
display: block;
}

.beztecek
{
list-style: none;
padding-left: 80px;
@padding-left: 40px;
}

div.nahledy
{
width: 100%;
text-align: center;
}

div.nahledy img
{
margin: 0 8px 10px 8px;
padding: 2px;
border: 1px solid #ccc;
}





