/* -- start setup -- */

* {
font-family : Helvetica,Arial,sans-serif;
font-size : small;
margin : 0;
border : none;
padding : 0;
color:#8d6e48;
}

/* -- common -- */
.horniIndex {vertical-align : super; font-size:9px;}
.i {font-style : italic;}
sup {font-size: 0.7em;}

/* -- float -- */
.floatLeft {float : left;}
.floatRight {float : right;}
.clear {clear : both;}
.skryty {visibility:hidden;}

/* -- all pages -- */
hr {display : none;}

html {
text-align: center;
background-color: #d8c7ab;
/*background-image: url(images/background.jpg);*/
background-position: top left;
background-repeat: repeat-x;
}

body {

background-position: top center;
background-repeat: no-repeat;
}

#container {
width:1024px;
margin:0 auto;
text-align:left;
height:760px;
background-image: url(images/container-background.jpg);
background-position: top left;
background-repeat: repeat-x;
position:relative;
}

#content {

background-image: url(images/menu-background.gif);
background-position: bottom left;
background-repeat: no-repeat;
height:742px;
}

#cornerTopLeft
{
    background-image: url(images/top_left.gif);
background-position: top left;
background-repeat: no-repeat;
float:left;
width:520px;

}

#menu {

height:760px;
position:relative;

background-image: url(images/content-background.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

#topRightCorner
{
    float:right;
width:200px;

background-image: url(images/top_right.gif);
background-position: top right;
background-repeat: no-repeat;

}

#flash, #continueBcg {
position:absolute;
top:0;
right:200px;
}

#continueBcg {
background-position: center;
background-repeat: no-repeat;
width:301px;
height:760px;
}

.bcg1 {background-image: url(images/1.jpg);}
.bcg2 {background-image: url(images/2.jpg);}
.bcg3 {background-image: url(images/3.jpg);}
.bcg4 {background-image: url(images/4.jpg);}
.bcg5 {background-image: url(images/5.jpg);}
.bcg6 {background-image: url(images/6.jpg);}
.bcg7 {background-image: url(images/7.jpg);}
.bcg8 {background-image: url(images/8.jpg);}
.bcg9 {background-image: url(images/9.jpg);}
.bcg10 {background-image: url(images/10.jpg);}
.bcg11 {background-image: url(images/11.jpg);}
.bcg12 {background-image: url(images/12.jpg);}
.bcg13 {background-image: url(images/13.jpg);}
.bcg14 {background-image: url(images/14.jpg);}
.bcg15 {background-image: url(images/15.jpg);}


#header {
height:125px;
position:relative;
}

#homeRun {
width:370px;
display:block;

margin:18px 0 10px 0px;
/*margin:18px 0 16px 33px;*/


padding-top:7px;
text-align:center;
color:#f2e1c4;
text-decoration:none;
text-transform: uppercase;
font-size:30px;
font-weight:bold;
line-height:20px;
font-family : Georgia,Trebuchet MS, Helvetica,Arial,sans-serif;
}

#menu ul {
/*border-top:1px solid #eee2cb;*/
padding:7px 0 15px 0;
}

#menu li {
list-style-type: none;
}

#menu li a {
margin-left: 27px;
text-decoration:none;
text-transform: uppercase;
color:#61320f;
font-size:85%;
font-family : Trebuchet MS, Helvetica,Arial,sans-serif;
font-weight:bold;
}

#menu li a:HOVER, #menu li a.active { color:#8f7350;}


/*	main	*/
#langMenu {
float:left;
margin:18px 35px 60px 45px;
height:13px;
line-height:13px;
}

#langMenu li {
list-style-type: none;
float:left;
}

#langMenu li a {
margin-left:10px;
padding-left:25px;
background-position: top left;
background-repeat: no-repeat;
text-transform: uppercase;
text-decoration:none;
font-size:95%;
font-weight:bold;
color:#f4eddd;
}

#langMenu li a.cs {background-image: url(images/cz.gif);}
#langMenu li a.en {background-image: url(images/english.gif);}

a.cs, a.en, a.flag1, a.flag2, a.flag3, a.flag4, a.flag5 {
display:block;
float:left;
width:28px;
height:21px;
background-position: center;
background-repeat: no-repeat;
padding-left:0!important;
margin-left:2px!important;
}

#langMenu li a.flag1 {background-image: url(images/de.gif);}
#langMenu li a.flag2 {background-image: url(images/flag2.jpg);}
#langMenu li a.flag3 {background-image: url(images/flag3.jpg);}
#langMenu li a.flag4 {background-image: url(images/flag4.jpg);}
#langMenu li a.flag5 {background-image: url(images/pl.gif);}


#mainContent {
clear: both;
padding:60px 35px 30px 35px;
}

h1, h2, h3, .title {
color:#61320f;
font-size:160%;
margin-bottom:1em;
text-transform: uppercase;
font-family : Georgia,Trebuchet MS, Helvetica,Arial,sans-serif;
}

h2, .title, .titleRezervace {
font-size:120%;
margin-bottom:5px;
}

.title, .titleRezervace {font-weight:bold;}



.introBox .nameOf
{
    display: block;
    width: 30px;
    clear: left;
    float: left;
    font-weight: bold;
}
.introBox .firstName
{
    padding-top: 5px;
}
.introBox span
{
    color: #61320f;
    font-size: 11px;
    margin-left: 25px;
}

.introBox .detailOf
{
    float: left;
}

.introBox a
{
    font-size: 10px;
    float: left;
    text-decoration: none;
    color: #61320f;
}

.introBox .nameHotel
{
    color: #61320f;
    font-size: 16px;
    font-weight: bold;
    font-family : Georgia,Trebuchet MS, Helvetica,Arial,sans-serif;
}

h3 {
font-size:100%;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #EEE2CB;
}

h1 span {
color:#61320f;
font-size:100%;
display:block;
text-transform: uppercase;
font-family : Georgia,Trebuchet MS, Helvetica,Arial,sans-serif;
}



p.ods, #mainContent p {
margin:.3em 0 1em 0;
font-size:90%;
}

p.ods strong, #mainContent p strong, p.ods a, #mainContent p a, p.ods span, #mainContent p span {font-size:100%;}

.itemList, #mainContent ul {
margin:.3em 0 1em 20px;
font-size:90%;
}

.introBox, .introBoxFull {
width:230px;
height:162px;
margin-left:2px;
float:left;

background-position: top left;
background-repeat: no-repeat;
}

.introBoxFull { height:310px;}

.introBox h2, .introBoxFull h2, .introBox p.title, .introBoxFull p.title, .introBox p.titleRezervace {
height:38px;
line-height:38px;
font-family : Georgia,Trebuchet MS, Helvetica,Arial,sans-serif;
color:#61320f;
margin-left:33px;
text-transform: uppercase;
}

.introBox p.titleRezervace {margin-left:25px;}

.introBox div, .introBoxFull div {margin:7px 25px 0 33px;}
.introBoxFull strong, .introBoxFull a { display:block; }
.introBoxFull div {font-size:90%;}

.introBoxFull div a {
font-size:90%;
color:#ee7f00;
margin-bottom:15px;
}

/*	form	*/
.introBox form  {
margin-top:15px;
width:219px;
}

.introBox form div {margin:3px 25px 0 25px;}

.introBox form select {
width:147px;
width:137px;
border:1px solid #7b1802;
background-color: #f4f4f4;
color: #7b1802;
font-size:10px;
padding:0 0 0 5px;
margin-bottom:15px;
}

.introBox form option {
background-color: #f4f4f4;
color: #7b1802;
font-size:10px;
padding:0 0 0 5px;
}

.introBox form input {
padding:3px 0 3px 5px;
width:125px;
width:110px;
border:1px solid #ded7d5;
background-color: White;
color: #ac8a8a;
font-size:10px;
margin-bottom:15px;
}

.introBox form input.submit {
width:83px;
height:27px;
line-height:27px;
border:none;
color: White;
font-size:10px;
font-weight:bold;
text-align:center;
background-image: url(images/submit-background.jpg);
background-position: center;
background-repeat: no-repeat;
padding:0;
margin:0;
text-transform:uppercase;
}

.datumovnik {
display:block;
float: right;
width:25px;
height:23px;
margin-right:15px;
background-image: url(images/datumovnik.gif);
background-position: center;
background-repeat: no-repeat;
}

.datumovnik2 {
display:block;
float: right;
margin-right: 120px;
width:25px;
height:23px;
background-image: url(images/datumovnik.gif);
background-position: center;
background-repeat: no-repeat;
}

.introBox table {border-collapse: collapse;}
.introBox table td {padding:3px 5px 3px 0;}

#footer {
width:928px;
margin:9px auto;
text-align:right;
position:relative;
}

#footer p {
position:absolute;
top:80px;
left:175px;
font-size:80%;
color:#997a5e;
text-decoration:none;
text-align:left;
}

#footer p a {
font-size:100%;
color:#997a5e;
text-decoration:none;
}

#footerLinks {
width:956px;
margin:30px auto 0 auto;
font-size:80%;
color:#997a5e;
text-decoration:none;
text-align:center;
}

#footerLinks a {
font-size:100%;
color:#997a5e;
text-decoration:none;
}

#certLink {
text-align:left;
position:absolute;
left:230px;
top:0;
width:60px;
padding-top:39px;
background-image: url(images/cert.jpg);
background-position: top left;
background-repeat: no-repeat;
font-size:9px;
color:#6d271b;
font-family: "MS Sans Serif", Geneva, sans-serif;
line-height:11px;
}

#certLink a {
font-size:9px;
color:#a7786b;
font-family: "MS Sans Serif", Geneva, sans-serif;
line-height:11px;
}

#cernaHoraLink {
text-align:left;
position:absolute;
left:170px;
top:5px;
width:70px;
padding-top:34px;
background-image: url(images/cernahora.jpg);
background-position: top left;
background-repeat: no-repeat;
font-size:9px;
color:#6d271b;
font-family: "MS Sans Serif", Geneva, sans-serif;
line-height:11px;
}

#cernaHoraLink a {
font-size:9px;
color:#70251f;
font-family: "MS Sans Serif", Geneva, sans-serif;
line-height:11px;
}

.credits {
font-size:80%;
color:#9f8165;
text-decoration:none;


}

.myMenu li
{
    border-bottom: 1px solid #bb9d83;
    padding-bottom: 10px;
    padding-top: 10px;
    
    padding-left: 0px;
    margin-left: 0px;
}
.myMenu
{
    margin-right: 20px;
    margin-left: 20px;
}


.footerIco1, .footerIco2, .footerIco3 {
margin-top:5px;
float:left;
height:37px;
display:block;
background-position: center;
background-repeat: no-repeat;
}

.footerIco1 {
font-size: 10px;
width:61px;
}
a.footerIco1 {
text-decoration: none;
}

.footerIco2 {
background-image: url(images/footer-ico2.jpg);
width:36px;
}

.footerIco3 {
background-image: url(images/footer-ico3.jpg);
width:54px;
}

/*	galerie	*/
.imgLeft, .imgLeftLast {float:left; margin: 0 15px 10px 0;}
.imgLeftLast {float:left; margin: 0 0 10px 0;}

/*	rezervace	*/
/*forms*/
#formbox		{
/*position: relative; */
width: 370px;
}

/*label, input	{ display: block; float: left; margin-bottom: 5px; }*/
label	{ display: block; float: left; margin-bottom: 5px; }

label			{ width: 100px; font-size: 90%; }
input, select, textarea { margin-bottom: 5px; border: 1px solid #63100A; background-color: #FFF; color: #63100A; }
textarea		{ width: 300px; height: 100px; padding: 2px; }
input			{ width: 150px; padding: 2px; }
input.long		{ width: 300px; }
label			{ text-align: left; padding-top: 4px; color: #63100A; }
#kalkulator label{ width: 90px; padding-top: 2px; }
fieldset		{ border: none; }
#formbox2 br		{ clear: left; line-height: 10px; }
#formbox label	{ width: 150px !important; }
#formbox input	{ width: 200px; }
.nvisible		{ visibility: hidden; }
.chckb		{ width: 20px; }
.odeslat	{ text-align: center; padding: 3px 10px; width: 300px; }

/*	reference	*/
.referenceName {
color:#61320F;
font-weight:bold;
}

.listovani {
border-top:1px solid #EEE2CB;
border-bottom:1px solid #EEE2CB;
padding:5px 0;
margin:1em 0;
}

.listovani a {
color:#61320F;
}

.menuTab {
width: 390px;
height: 470px;
overflow: auto;
padding-right:15px;
}

/*	listky	*/
table.jl 		{
font-size: 90%;
padding: 0;
margin: 5px 0 15px 0;
border-collapse: collapse;
width:95%;
}

table.jl h2	{ font-size: 1.2em; }

table.jl th, table.jl td		{
padding: 3px 0;
margin: 0px;
vertical-align: top;
}

table.jl th			{
font-size: 90%;
color: #000;
padding-top:15px;
}

.jl th			{
text-align: left;
font-size: 90%;
color: #6D271B;
border-bottom: 1px solid #E1CCA7;
}

.jl th a		{
font-size: 100%;
color: #61320F;
font-weight: bold;
}

.jl td {
font-size: 86%;
color: #9B856A;
}

/*	tab rezervace	*/
.sumary		{ width: 90%; }
.sumary th	{ text-align: left; }
.sumary th input	{ width: 20px; }

.sumary td	{ padding: 2px 6px;}

.sumary th	{ color:Black;}
.sumary th strong	{ color:#8d6e48;}

.sumary td strong	{ color:#8d6e48;}
.sumary td, .sumary th, .sumary td *, .sumary th *	{ font-size:10px; }

.odeslat, .odeslatSmall {
background-color: #a4785f;
color: White;
border:none;
text-align:center;
font-size:12px;
font-weight:bold;
height:25px;
line-height:25px;
padding:0;
}

.odeslat:hover, .odeslatSmall:hover, .submit:hover {
cursor:pointer;
}

.odeslat {width:300px;}
.odeslatSmall {width:120px;}
.error {color:#f00;font-size:1.1em;font-weight:bold;}
input.nvisible {width:0px;height:0px;margin:0;padding:0;}

.imgRight {
float:right;
margin:0 0 10px 15px;
}

#boxPocasi {height:135px;}

#path {
position:absolute;
top:78px;
right:35px;
font-size:10px;
}

#path a {
text-decoration:none;
font-size:10px;
}

#path a:HOVER {	text-decoration:underline;}

#stayInTouch {
position:absolute;
bottom:50px;
right:20px;
color:Black;
text-align:right;
font-size:11px;
}

.facebook {
float:right;
display:block;
width:97px;
height:30px;
background-image: url(images/facebook.jpg);
background-position: center;
background-repeat: no-repeat;
margin-left:4px;
}

.trip {
float:right;
display:block;
width:158px;
height:30px;
background-image: url(images/trip-advisor.gif);
background-position: center;
background-repeat: no-repeat;
}

#container-text {
padding: 30px;
text-align: left;
}

#chybove_odeslani {color:Red;}

.leftText
{
    display: block;
    width: 190px;
    
    font-weight: bold;
    float:left;
}
.rightText
{
    float: right;
    
    /*display: table-cell;*/
    width: 260px;
}

.pricelistH2
{
    clear: both;
}

.priceListTable .headT
{
    font-weight: bold;
}

.priceListTable tr td
{
    padding-right: 10px;
}

.priceListTable
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.bold
{
    font-weight: bold;
}

.leftCell
{
    display: block;
    width: 50px;
    float: left;
    clear: left;
}
.rightCell
{
    display: block;
    width: 150px;
    float: right;

}
#photogallery a img
{
    width: 130px;
    height: auto;
    margin-bottom: 5px;
}
#map
{

    float: right;
}

.needed
{
    font-weight: bold;
}

#reservation .value
{
    width: 300px;
}

#reservation p
{
    line-height: 10px;
    margin: 0;
    padding: 0;
}

.italic
{
    font-style: italic;
}

.justify
{
    text-align: justify;
}
