html, body {
	margin: 0px;
	padding: 0px;
	font:10pt "Arial",sans-serif;
	background-color: #006d9f;
	color: black;
}

a#adminLogin{
	display: block;
	width: 200px;
	height: 68px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
a#adminLogin img{
	margin: 0px;
	padding: 0px;
}


/* basic elements */
a{
	color: #006999;
	text-decoration: none;
}
a:hover{
	color: #004666;
}
p a{
	text-decoration: underline;
}
a img{
	border: 1px solid silver;
	padding: 5px;
	margin:5px;
}
a img:hover{
	border: 1px solid #ccefff;
}

table{
	border-collapse: collapse;
}
/* forms */
form {
	margin:0;
	padding:0;
}

input, textarea, select{
	font:10pt "Arial",sans-serif;
	background: white;
	border: 1px solid silver;
}

/* headers */
h1, h2, h3, h4, h5, h6, h7{
	color: #0093dd;
	font-weight: bold;
}
h1{
	font-size: 18px;
	border-bottom: 1px solid #0093DD;
}
h2{	font-size: 17px;	}
h3{	font-size: 15px;	}
h4{	font-size: 13px;	}
hr{ clear: both; }
/* basic styles */
.bold		{	font-weight: bold;	}
.center	{	text-align: center;	}
.left		{	text-align: left;		}
.right	{	text-align: right;	}
.noborder{	border: none;	}

span.comID{
	margin-left: 5px;
	font-size: 8pt;
	cursor: default;
	color: #007fcf;
}

p.hint{
	border-top: 1px solid black;
	margin: 5px;
	padding-top: 4px;
	text-align: left;
	font-size: 8pt; 
}

.warning,
p.error{
	clear: both;
	border: 1px solid red;
	background: #ffcccc;
	padding: 8px;
	margin: 8px auto;
	text-align: left;
	width: 80%;
}

.number{
	text-align: right;
}

.date,
.time{
	width: 70px;
}

p.info{
	display: block;
	background: #b2e7ff;
	border: 1px solid black;
	margin: 5px auto 5px auto;
	padding: 5px;
	text-align: left;
}

div.cleaner{
	clear: both;
	width: 100%;
	height: 1px;
}

/* main block */
.banner a{
	color: white;
}

#main{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
	border: 4px solid #b8dff8;
	background: white;
}

/* header */
#header{
	width: 100%;
	height: 215px;
	position:relative;
	background: url(../img/header.png) no-repeat top;
}

#header img{
	margin: 10px 0 0 20px;
	border: none;
}
#header h2{
	margin: -150px 0 0 0;
	width: 300px;
	text-align: right;
	color: white;
	font-size:14px;
	font-weight:bold;
	line-height: 25px;
}

/* content */
#content{
	width: 600px;
	padding: 10px 0px 5px 10px;
	float: left;
}
#content ul{
	line-height: 2em;
}

.silver{
	background-color: silver;
}

/* other layout parts */

#rightBar{	
	float: right;	
	width:175px;
	position: relative;
	z-index: 2;
}
#leftBar{
	float: left;
	width: 197px;
	padding-bottom: 18px;
	background: white url(../img/menu_left_foot.png) left bottom no-repeat;
}

.sidebar {
	margin: 0px;
}
.sidebar a:hover{
	color: #1f0f00;
}

.sideBlock{
	width: auto;
	background: white url(../img/menu_right_back.png) right repeat-y;
	margin-bottom: 6px;
}

.sideBlock h2, .sideBlock h3{
	margin: 0;
	padding: 5px;
	font-size: 10pt;
}
.sideBlock h2{
	color: red;
	border-bottom:1px solid red;
}	

.sideBlock p{
	font-size: 9pt;
}
/* footer */
#footer{
	clear:both;
	margin-top:20px;
	text-align:center;
	background-image: url(../img/footer.png);
	height: 48px;
	color: #0093dd;
}
#footer div{
	padding: 30px 0 0 0;
}

/* menu and vertical menu */
ul.menu{
	color: black;
	padding: 0px;
	margin: 0px;
}
ul.menu a{ display: block; }
.submenu{
	margin-left:20px;
}
ul.menu li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.menu li:hover{	background: #b2e7ff; }
ul.menu li.active{
	background: #b2e7ff;
	font-weight: bold;
}

/* Buttons */
.btnx, .btnrx,
.btn, .btnr, 
.btnMid, .btnMid2, .btnMid3{
	display: block;
	padding: 3px 7px 3px 7px;
	margin: 5px 2px 5px 2px;
	border: 1px solid black;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: #99dfff;
	float: left;
	cursor: pointer;
	color: #004666;
}
.btn{
	display: block;
	padding: 3px 7px 3px 7px;
	margin: 5px 2px 5px 2px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background:none;
	border: none;
	background: url(../img/btn.png) repeat-x;
	float: left;
	cursor: pointer;
	color: white;
}
.btn:hover{
	background-image: url(../img/btn2.png);
}

.btn img, .btnr img
.btnx img, .btnrx img, .btnMid img{
	border: none;
}

.btnrx,
.btnr{
	float: right;
}
.btnx, .btnrx{
	color: #1f1f1f;
	background: #cfcfcf;
	cursor: default;
}

.btnMid, 
.btnMid2,
.btnMid3{
	float: none;
	margin: 5px auto 5px auto;
	width: 70px;
}

.btnMid2{ width: 120px; }
.btnMid3{ width: 170px; }

/* Article */
div.artInfo{ 
	clear: both; 
	display: block;
	height: 11pt;
	margin: 5px 0px 0px 0px;
}
div.artInfo p{
	display: block;
	font-size: 8pt;
	color: #7f7f7f;
	margin: 0px;
}

p.aAuthor{	clear: left; 	float: left; width: 150px; }
p.aTime{ 		clear: right;	float: right; }
p.aCategory{ float: left; }





.pollStatus{		float:right;	font-size: 8pt;}
.pollText{			float:left;		}
div.pollText,
div.pollItem{
	padding: 0px;
}
div.pollItem{
	display: block;
	padding-top: 5px;
}
div.pollGraph{
	clear: both;
	border: 1px solid black;
	height: 8px;
	background-color: #007ab2;
	margin: 0;
	padding: 0;
}


.msg{
	border: 1px solid black;
	width: 70%;
	padding: 7px 0;
	margin: 5px auto;
	text-align: center;
	background: #cfffcf;}
/* Product list... */

div#plFilDisp,
div#plSearch{
	display: block;
	clear: both;
	margin: 0px;
	height: 25px;
}

.cascade option.category{
	font-weight: bold;
	color: #8f8f8f;
}

input.ibtn{
	border: none;
	margin: 0px;
	padding: 0px;
	margin-left: 2px;
	float: none;
	display: inline;
}
/*
div#plHead input.ibtn{
	margin-bottom: -4px;
}
*/
table.offer,
table.basket{
	width: 100%;
	height: auto;
	border: none;
	padding: 0px;
}
/* Product table */
table.offer{
	margin-bottom: 10px;
	border-top: 1px solid #b2e7ff;
}

table.offer h3{
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

table.offer a{
	color:	#007ab2;
	font-size: 16px;
	font-weight: bold;
}
table.offer h2{
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

table.fastSearch select{
	width: 100%;
}

td.paramName{
	width: 70%;
	font-weight: bold;
}
table.prodPriceT td.paramName{
	width: 50%;
}

td.prodCategory h3{
	display: inline;
	color: black;
	font-size: 12pt;
}
td.prodPhoto{	width: 145px; }
td.prodPhotoL{width: 300px; }
td.buy,
td.buyL,
td.prodPrice,
td.prodCategory{
	width: auto;
	vertical-align: middle;
}

td.prodPrice{
	text-align: right;
	height: 20px;
}

table.prodPrice,
table.prodPriceD{
	width: 300px;
	margin: 2px 0px 2px 0px;
	border: none;
}

table.prodPriceD{ width: 280px; }

p.withDph{
	display: inline;
	font-size: 8pt;
	margin: 0px 0px 0px 5px;
}
td.noDph{	width: 85px;	}
td.buy{		width: 80px;	}
td.buy input{
	border-color: #7f7f7f;
	text-align: right;
}

a.btnSAsc,
a.btnSDsc{
	display: block;
	border: none;
	cursor: pointer;
}

a.btnImg img{
	margin: 0px 0px -5px 0px;
	padding: 0px;
	cursor: pointer;
	border: none;
}

div.prodCnt{
	float: left;
	margin: 10px 20px 0px 10px;
}

a.btnOk,
a.btnDel{
	width: 16px;
	height: 16px;
	cursor: pointer;
	float: left;
}

a.btnOk{	background: url("../img/btnok.png");	}
a.btnDel{	background: url("../img/btndel.png");	}

/* Basket table */
table.basket th{
	font-weight: bold;
	border-bottom: 2px solid #238cdf;
}
tr.basketSummary td{
	font-weight: bold;
	border-top: 1px solid black;
}

div.prodRecomend{	margin-bottom: 10px;	}
table.prodRecomend{
	padding: 2px;
	width: 160px;
	border-collapse: separate;
	margin-left: -3px;
}
table.prodRecomend td.date{
	font-size: 9pt;
	white-space: pre;
}
table.prodRecomend td.photo{
	text-align: center;
}
table.prodRecomend td.photo img{
	border: 1px solid black;
	background-color: white;
}
table.prodRecomend h3{
	font-size: 10pt;
	padding: 0px;
	margin: 0px;
}

table.prodPriceT{
	border: none;
	width: 100%;
}
table.prodPriceT td{
	color: black;
	font-weight: normal;
	font-size: 8pt;
}
div.subAddCtrls select{
	float: left;
	width: 120px;
	margin-left: 5px;
}
div.subAddCtrls div.fleft{
	width: 300px;
}
div.xxrow{
	float: left;
	width: auto;
	margin-right: 10px;
}
div#xxe_rooms{ width: 150px; }
div#xxe_rooms select{
	width: 80px;
	float: left;
}
input#p_rooms_name{	width: 25px;	}
input#p_rooms_beds{	width: 20px;	}
input#p_rooms_comment{	width: 250px;	}

table#tab_rooms{
	width: 730px;
}

#filterSettings{
	width: 100%;
}
/*------------------*/
ul.locList,
ul.locList ul{
	margin: 0px;
	padding: 0px;
}

ul.locList{
	background: white url(../img/menu_left_back.png) left repeat-y;
	overflow: hidden;
	padding: 10px 0;
}

ul.locList li{
	list-style: none;
	font-weight: bold;
	font-size: 11pt;
	padding-bottom: 2px;
}

ul.locList li a{
	background: transparent url(../img/menu_left_divider.png) bottom left no-repeat;
	padding: 4px 2px 4px 15px;
	display: block;
	width: 100%;
	margin-right: -100%;
}
ul.locList li a:hover{
	color: #0080d0;
}

ul.locList ul li a{
	font-size: 9pt;
	color: black;
	padding-left: 30px;
}

ul.locList ul li a.active,
ul.locList ul li a:hover{
	color: #0077a0;
}

ul.locList ul ul li a{	padding-left: 40px; }

#gallery a img{
	padding: 3px;
	margin:3px;
}
#kontakt,
#odlety{
	float: right;
	clear: right;
	color: white;
	display: block;
}

#odlety{
	font-size: 15pt;
	font-weight: bold;
	padding: 8px 15px;
}
#kontakt{
	font-size: 9pt;
	text-align: right;
	padding: 15px 170px 0 0;
}
#kontakt a{
	color: white;
}

div#final,
div#banner{
	clear: both;
	display: block;
	float: right;
	width: 582px;
	height: 17px;
	margin: 0px -20px 10px;
	position: relative;
	z-index: 1;
	padding: 4px 0 4px 8px;
	overflow: hidden;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 18px;
}

div#final{
	background: white url(../img/bg_fees.png) no-repeat;
}

div#banner{
	background: white url(../img/bg_scroll.png) no-repeat;
	margin-left: -500px;
}

p#scroll{
	margin: 0px;
	padding: 0px;
	color: red;
	position: relative;
	display: block;
	width: auto;
	float: left;
}
.termTable{
	border: 1px solid black;
	width: 100%;
	float: left;
	margin: 0px 0px 5px 0px;
	table-layout:fixed; }
.termTable th,
.termTable td{
	border: 1px solid black;
	padding: 4px;
}
.termTable th{
	font-size: 8pt;
	font-weight: normal;
	background: #b2e7ff;
}
.termTable tr.odd{	background: #e5f7ff; }
.termTable tr.even{	background: white; }
.termTable tr.disabled{
	background: #dfdfdf;
	color: #7f7f7f;
}
th.oNights{	width: 25px;}
th.oTerm	{	width: 145px;}
th.oNo{			width: 60px;}
th.oNote{		width: 50px; padding: 4px 0; }
/*th.oPrice{	width: 90px;}*/
th.oReserv{	width: 58px; }

table.resParamsS,
table.resParamsL,
table.resParams{
	width: 300px;
	float: left;
}
table.resParams input{
	width: 130px;
}
table.resParams td{
	height: 20px;
}
table.resParamsS{
	width: 200px;
}
table.resParamsL{
	width: 100%;
}
table.resParamsS input{
	width: 50px;
}

table.resParamsL input,
table.resParamsL select{
	width: 100%;
}

h3.resSec{
	clear: both;
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

table.passList{
	width: 100%;
}

a.btnReserv{
	width: 32px;
	height: 24px;
	display: block;
	background: url(../img/reserve.png);
}

ul#quick-menu{
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	height: 30px;
	float: right;
}

ul#quick-menu li{
	list-style-type: none;
	float: left;
	padding: 8px 0 7px;
}
ul#quick-menu li a{
	display: block;
	color: black;
	border-left: 1px solid #e4e4e4;
	padding: 4px 15px;
}

div#final,
ul.locList li a,
ul#quick-menu li a:hover,
ul#quick-menu li.active a{
	color: #0060b0;
}

ul#quick-menu li.active{
 	background: transparent url(../img/menu_top_active.png) center bottom no-repeat;
}

.sb_head,
.sb_foot{
	clear: both;
	widht: 175px;
	display: block;
}
.sb_content{
	padding: 0 3px 0 10px;
}

.sb_head{
	background: white url(../img/menu_right_head.png) no-repeat;
	height: 7px;
	font-size: 1px;
}

.sb_foot{
	background: white url(../img/menu_right_foot.png) no-repeat;
	height: 13px;
}

#flyerGen{
	width: 800px;
}

#flyerTerms{
	width: 80%;
}

tr.ord_e{					background: #ffefef; }
tr.ord_e_active{	background: #ffcfcf; }
tr.ord_c{					background: #efffef; }
tr.ord_c_active{	background: #cfffcf; }
tr.ord_u{					background: #ffffcf; }
tr.ord_u_active{	background: #ffff7f; }

table.entList tr.ord_e:hover td,
table.entList tr.ord_c:hover td,
table.entList tr.ord_u:hover td,
table.entList tr.ord_e_active:hover td,
table.entList tr.ord_c_active:hover td,
table.entList tr.ord_u_active:hover td{
	background: #ffffff;
}

div#calculator{
	border: 1px solid #7f7f7f;
	padding: 5px;
	width: 500px;
	margin: 10px auto 2px auto;
	display: block;
}

div#calculator h4 {
	margin: 0 0 5px 0;
}

tr.total td{
	border-top: 1px solid black;
	font-weight: bold; }
#sending{
	display: none; }