﻿html{
	background-color: #a6afac;
	background-image: url(Images/bg_main.jpg);
	background-repeat: repeat-y;
	background-position: center top;}
body { margin: 0px; padding: 0px;height:100%; text-align: center; height: inherit;
	  font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #9aa2a0; text-align: center;	   
	  overflow-y: scroll;
	  }
html { margin-left: -1px;  width: 100%; height: 100%; }	  
*html body { margin-left: 1px; background: #a6afac url(Images/bg_main.jpg) repeat-y center top;}

div{position: relative;}

input{font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;}
#bgPage{width:900px; height: 100%; margin: 0 auto 0 auto;}  
#wrapper{width:900px;height:100%;margin:auto;padding-bottom:0px; border:0px;text-align:left; text-align: center;}
* html .wrapper {width:900px;height:100%;margin:auto;}
#mainContent{width:900px;height:100%;margin:0px;padding-bottom:0px;	border:0px;text-align:left;}
* html .mainContent {width: 900px;height: 100%;}
#header{height:228px;position:relative;	background-repeat: no-repeat;text-align: right;}
#langFlags{height:228px;width: 100px;position: relative;visibility: visible;	display: block; float: right;}
#langFlags input{margin: 10px;}
#centercolumn{height: 100%;float: right;width: 649px;margin-left: 0px;padding-top:5px;}
#menuHeader{border: 0px;}
#contentwrapper{position: relative;width: 649px;margin-left: 251px;	height: 100%;}
#leftcolumn {position: relative;width: 251px;margin-left: -251px;padding-top: 0px;height: 100%;}
* html #leftcolumn {float:left;	padding-top:0px;}
*>html #leftcolumn {width:251px;}   /*** Fix only for IE/Mac ***/
#leftcolcontainer{width: 250px;}    /*** Critical left col dimension value ***/
#container{width: 620px; text-align: left;}
.divCnt{width: 620px; text-align: left; }
h1, h2, h3, h4, h5, h6 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
h1, h2 {color:#cb8d28;}
h2{margin:0.5em 0 0 0;font-size: 1.3em;font-weight: bold;margin-bottom: 10px;}
ul{margin-top: 5px;}
p  {margin: 1em 0;line-height: 1.5em;}
#pageContent{}
#pageContent .container{margin: 0px 5px 5px 10px; overflow: hidden;}
#pageContent .regioncard{
	background:none repeat scroll 0 0 #333A38;
	border:1px solid #424B48;
	padding:10px;
	text-align:center;
	width:320px;
	margin: auto auto;	
}
a:link{color: #dda657;}
a:visited{color: #dda657;}
a:active{color: #c98822;}
a:hover{color: #c98822;}
#cntContact img {padding: 10px 0px 10px 0px;}
#tblGrid{text-align: center;}
#tblGrid table{text-align: left;background: #333a38;border: solid 1px #424b48;}
#tblGrid th{background: #353d38;border: solid 1px #424b48;color: #b4ab80;padding: 1px 1px 1px 3px;}
#tblGrid td{height: 18px;padding: 1px 1px 1px 3px;}
#tblGrid td.empty{height: 18px;background: #313735;}
#tblGrid td.Price_Old1{text-decoration: line-through; height: 18px; color: Red }
#tblGrid td.Price_Old2{text-decoration: line-through; height: 18px; }
.lstItemSt1 li{padding-bottom: 15px;}
#apaWrapper{width: 620px; text-align: left;}
#apaCnt{width: 425px; float: left; margin: 0px; height: auto;}
#apaImg{width: 180px; float: right;margin: 0px;background: #333a38;border: solid 1px #424b48;text-align: center;padding: 5px 0px 5px 0px; margin-bottom: 20px; height: auto;}
#apaImg img{border: 0px;padding: 5px 0px 5px 0px;}

.pCnt{width: 425px; float: left; height: 127px;}
.pImg{width: 180px; float: right;margin: 0px 0px 0px 0px;background: #333a38;border: solid 1px #424b48;text-align: center;padding: 5px 0px 5px 0px;}
.pImg img{border: 0px;padding: 5px 0px 5px 0px;}
.gSection{float: left; width: 600px; margin: 1px;}
.pnlImg{margin: 10px 10px 10px 0px; background: #333a38; border: solid 1px #424b48; text-align: center; padding: 5px; float: left; width: 600px; }
.pnlImg img{ border: 0px; padding: 5px; height: 105px; width: 140px; }
.fLeter{text-align: left; font-weight: bold;color: #dda657;}
.fTextSectionCaption{text-align: left;font-size: 1.2em;  font-weight: bold;color: #dda657;}
.fTextAction{font-weight: Bold;color: #CCFF66;}

.spacer div{margin:  5px 3px 5px 0px;}
#resTable {text-align: left; background: #333a38;border: solid 1px #424b48; width: 500px; margin-left: 30px;}
#resTable th{width: 140px; padding: 6px 3px 1px 10px; vertical-align: top;}
.resTxtBox{border: solid 1px #424b48; color: #e89919; background: #2d3331; height: 15px; width: 170px; padding: 3px 5px 3px 5px; text-align: center; }
.resInputBox input{border: solid 1px #424b48; color: #e89919; background: #2d3331; height: 15px; width: 170px; padding: 3px 5px 3px 5px; text-align: center; }
.resTxtArea{border: solid 1px #424b48; color: #e89919; background: #2d3331; height: 130px; width: 300px; padding: 3px 5px 3px 5px; text-align: left; white-space: normal;}
.resButton{border: solid 1px #2d3331; color: #2d3331; background: #9aa2a0; height: 22px; width: 100px; margin: 10px 5px 10px 5px; text-align: center; font-weight: bold;}
.resCombo{border: solid 1px #424b48; color: #e89919; background: #2d3331; height: 22px; width: 190px; padding: 3px 0px 3px 5px; text-align: left; font-size: 8pt; }

 /*---- obr. map apartmany ----*/
#map_rooms {margin:0px 0px 0px 20px; display: block; background: url(../../images/photo/podorys.jpg) no-repeat; width: 384px; position: relative; height: 260px;}
#map_rooms DD { PADDING-RIGHT: 0; MARGIN: 0; POSITION: absolute; }

#map_rooms #a1 {Z-INDEX: 21; LEFT: 199px; TOP: 6px; }
#map_rooms a#i1 { DISPLAY: block; Z-INDEX: 21; BACKGROUND: url(../../images/photo/podorys1.jpg) no-repeat -200px -200px; WIDTH: 156px; HEIGHT: 126px; TEXT-DECORATION: none; }
#map_rooms a#i1:hover { BACKGROUND-POSITION: 0px 0px; }

#map_rooms #a2 {Z-INDEX: 21; LEFT: 201px; TOP: 136px; }
#map_rooms a#i2 { DISPLAY: block; Z-INDEX: 21; BACKGROUND: url(../../images/photo/podorys2.jpg) no-repeat -200px -200px; WIDTH: 156px; HEIGHT: 123px; TEXT-DECORATION: none; }
#map_rooms a#i2:hover { BACKGROUND-POSITION: 0px 0px; }

#map_rooms #a3 {Z-INDEX: 21; LEFT: 57px; TOP: 151px; }
#map_rooms a#i3 { DISPLAY: block; Z-INDEX: 21; BACKGROUND: url(../../images/photo/podorys3.jpg) no-repeat -200px -200px; WIDTH: 142px; HEIGHT: 105px; TEXT-DECORATION: none; }
#map_rooms a#i3:hover { BACKGROUND-POSITION: 0px 0px; }

#map_rooms #a4 {Z-INDEX: 21; LEFT: 5px; TOP: 5px; }
#map_rooms a#i4 { DISPLAY: block; Z-INDEX: 21; BACKGROUND: url(../../images/photo/podorys4.jpg) no-repeat -200px -200px; WIDTH: 145px; HEIGHT: 108px; TEXT-DECORATION: none; }
#map_rooms a#i4:hover { BACKGROUND-POSITION: 0px 0px; }
