html, body {
	margin: 0;
	border: 0;
	padding: 0;
	background: #D9B461 url(../images/back.jpg) no-repeat top center;
	color: #412805;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: left;
}
A { font-weight: normal; text-decoration: none; }
A:link { color: #2C0F04;
text-decoration: underline; }
A:visited { color: #2C0F04;
text-decoration: underline; }
A:hover { color: #2C0F04; 
text-decoration: none; }
img { border: none; 
padding: 0;
margin: 0;}
/*  layout dvousloupcovy BOX- wpj  */
#page {
position: relative;
margin: auto; width: 980px;}
#top {
height: 150px;}
#back-left {
width:280px;
height: 696px;
background-image: url(../images/back-left.jpg);
 background-repeat: no-repeat;
}

#back-top {
width:538px;
height: 15px;
background-image: url(../images/back-top.png);
 background-repeat: no-repeat;
}

#back-midlle {
width: 478px;
background-image: url(../images/back-midlle.png);
background-repeat: repeat-y;
padding: 10px 30px 5px 30px;
}
#back-midlle p{
margin: 0;
}
#back-bottom {
width:478px;
padding: 10px 30px 5px 30px;
height: 15px;
background: transparent url(../images/back-bottom.png) top right;
background-repeat: no-repeat;
}
A.menu-oz:link { color: #ED5700; }
A.menu-oz:visited { color: #ED5700; }
A.menu-oz:hover { color: #ED5700; }

#logo  a{ position: absolute; 
top: 40px; left: 28px;
padding: 0; margin: 0; 
border: 0;
z-index: 50;
background-image: none;
width: 530px;
height: 115px;}

#menu {
text-align: left; 
margin: 30px auto auto 35px;
padding: 0;
list-style: none;}


#loga {
text-align: left; 
margin: 15px 20px; 0 0;
padding: 0;
list-style: none;}

#loga li, #menu li { 
padding: 0;
margin: 0;
list-style: none;}

/*  layout hl BOX- wpj */
#sidebar { float: left; width: 220px; margin:0; padding:0;}
#sidebar-content { margin: 0; padding: 5px 0 0 0;
text-align: center;
}
#img-link{
padding: 10px 0 10px 0;
}
#main {
margin:0 150px 0 200px; padding:0;}
#main-content { margin: 0 0 10px 0; padding: 25px 40px 0 15px;
font-size: 105%;}

#main-content img {
margin:3px;
}
#main-content table, td, tr {
margin: 0;
padding: 0;
}
#main-content.mapa { margin:0; padding: 0 0 15px 0; font-size: 120%; color: #2C0F04;width: 600px;
float: left }

hr.cleaner { clear: both; margin: -1px 0 0 0; 
padding: 0; border: none; height: 1px; visibility: hidden;
 }
/*  layout hl BOX- wpj ende */
/*  layout dvousloupcovy BOX- wpj ende  */
/*  botton BOX- wpj */
#spodek {
	font: 80%  Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	position: relative;
	margin-bottom: 10px;
}
#spodek-left {
float: right; 
margin: 1px 230px 20px 20px }
#spodek-left A.wpj { 
font-weight: normal;
text-decoration: none; }
#spodek-right { float: right; 
margin: 6px 10px 0 0; }
#bottom A { text-decoration: none;
font-weight: bold }
#bottom A:link { color: #2C0F04; }
#bottom A:visited { color: #2C0F04; }
#bottom A:hover { color: #2C0F04;
text-decoration: none; }
/*  botton BOX- wpj  ende */

/*  hlavni-wpj  formatovani */

h1 {margin: 0; padding: 3px 0 3px 0; font-size: 230%; 
font-family: "Times New Roman", Times, serif;}
h2 {margin: 0; padding: 3px 0 3px 0; font-size: 180%; 
font-family: "Times New Roman", Times, serif;}
h3 {margin: 0; padding: 10px 0 5px 5px; font-size:140%;
font-family: "Times New Roman", Times, serif;}

h3.novinky {margin: 0; padding: 10px 0 5px 5px; font-size:180%;
font-family: "Times New Roman", Times, serif;}
h4, h5 {margin: 0; padding: 10px 0 1px 2px; font-size:110%;}

#price-doporucena {margin: 0; padding: 1px 0 1px 5px; font-size:120%;
color: Red;}

#price-doporucena  span{
text-decoration: line-through; }

#main-content ul { margin: 5px 0 10px 10px; padding: 0px; }
#main-content li { 
margin: 0 0 0 5px;
padding: 5px 0px 5px 0px;
list-style: square;}
/*  hlavni-wpj  formatovani ende*/


A.main, A.text { font-weight: bold; font-size: 100%; text-decoration: none;}
  
 #main-foto ul{
 padding: 0;
 margin: 10px 0 10px 0;
 display: block;
}

 #main-foto li{
 display: inline;
 list-style: none;
}

 #text-foto {
 padding: 5px;
}
 #text-foto img{
 padding: 0;
 margin: 0;
  border: solid 2px #2C0F04;
}
 #text-foto ul{
 margin: 0;
 padding: 0px 0 0 0;
 list-style: none;
}

 #text-foto li{
 display: inline;
 padding: 3px;
 margin: 0;
}

#bottom {
width: 100%;
margin-bottom: 25px;
background-color: #2C0F04;
height: 85px;}

#bottom-middle {
padding: 12px 15px 0 15px;
width: 950px;
margin: auto;
font-size: 90%;
color: #2C0F04;}

#bottom-middle img {
padding: 8px 10px 0 10px;}

span.wpj{
line-height: 170%;}

#bottom-middle p.left{
padding: 0;
margin: 0;
float: left;}

#bottom-middle p.right{
padding: 0;
margin: 0;
float: right;}

/*  kontakt*/
#kontakt-mapa {
float: right;
text-align: center;
padding: 15px 30px 0 0;
}
#kontakt-mapa img{
border: none;
}
#adresa{
padding: 25px 0px 50px 15px;
}
#adresa p {
padding: 5px 0 0 5px;
margin: 0;
}
#user{
padding: 20px 0px 0px 0px;
}
#user td {
padding: 3px 3px 15px 5px;
font-size: 90%;
}
#user li {
	margin: 0 0 0 5px;
	padding: 5px 0px 5px 0px;
	list-style: square inside;
}

#user ul{
margin: 0px; padding: 0px; 
}

#user p {
margin: 0px;
padding: 0px;
}
#user em {
padding-left: 2px;
padding-top: 2px;
}
/*  end kontakt */

/* fotogalerie */
#fotogalerie {
text-align: center;
padding: 1px 0 20px 0;
margin-bottom:10px;
}
#fotogalerie  h3{
padding-left: 0; 
}
#fotogalerie img{
margin: 10px 7px 3px 7px;
padding: 0;
width: 140px;
height: 140px;
}
#fotogalerie a{
text-decoration: none;
border: 0; 
margin: 0;
padding: 0;
}
.back-images{
background: url(../images/back-images.jpg) no-repeat;
height: 187px;
width: 154px;
float: left;
margin: 8px 5px 0 0;
}

/* fotogalerie end */
div.baner {
width: 301px;
margin: 10px 0 10px 0;
}
h2.baner {
color: #2C0F04;
padding: 5px 10px 5px 15px;
font-size: 150%;
}
#last-minute{
color: #2C0F04;
background-color: #2C0F04;
}
#last-minute-text{
padding: 1px 15px 10px 15px;
}
#last-minute-text p {
padding: 3px 0 3px 0;
margin: 0;
}
#bar{
background-color: #B11300;
}
#ubytovani{
background-color: #9FA31C;
}

#news-email{
padding: 10px;
width: 280px;
border: solid 1px #2C0F04;
margin-bottom: 10px;
}

#news-email h2{
padding: 0 0 5px 0;
color: #2C0F04;
}

#last-minute strong{
color: #E5852D;
}

.foto1{
position: absolute;
top: 98px;
right: 0;
z-index: 100;
width: 230px;
height: 253px;
}
.foto2{
position: absolute;
top: 230px;
right: 63px;
z-index: 100;
}
.foto3{
position: absolute;
top: 315px;
right: 0;
z-index: 100;
}
.foto4{
position: absolute;
top: 420px;
right: 70px;
z-index: 100;
}
.foto5{
position: absolute;
top: 572px;
right: 0;
z-index: 100;
}