/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	font-family: Arial;
}

h2 {
	font-size: 20px;
	text-align: center;
}

.poutac {
	font-size: 14px;
	font-family: Arial;
}

.poutac li {
	margin-top: 10px;
}

.poutac li strong {
	color: #900;
}

.priceBox {
	width: 90px;
}

.gwt-Label {
	padding: 4px;
	font-weight: bolder;
	font-family: sans;
}

.sortArrowDisable {
	background: url('/icon/up-down.png') 100% 50% no-repeat;
}

.sortArrow {
	background: url('/icon/up-down-color.png') 100% 50% no-repeat;
}

#flag {
	/*	float: right;*/
	text-align: right;
	margin: auto;
}

#flag a img {
	border: 1px solid #000;
	margin: 3px
}

#login {
	margin: 5px
}

p {
	padding-right: 450px;
	margin: 5px;
}

/**
DEFINICE date selectu
*/
.gwt-DatePicker {
	border: 1px solid #A2BBDD;
	cursor: default;
}

.gwt-DatePicker td, .datePickerMonthSelector td:focus {
	outline: none
}

.datePickerDays {
	width: 100%;
	background: white;
}

.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel {
	font-size: 75%;
	text-align: center;
	padding: 4px;
	outline: none;
}

.datePickerWeekdayLabel, .datePickerWeekendLabel {
	background: #C3D9FF;
	padding: 0px 4px 2px;
	cursor: default;
}

.datePickerDay {
	padding: 4px;
	cursor: hand;
	cursor: pointer;
}

.datePickerDayIsToday {
	border: 1px solid black;
	padding: 3px;
}

.datePickerDayIsWeekend {
	background: #EEEEEE;
}

.datePickerDayIsFiller {
	color: #888888;
}

.datePickerDayIsValue {
	background: #aaccee;
}

.datePickerDayIsDisabled {
	color: #AAAAAA;
	font-style: italic;
}

.datePickerDayIsHighlighted {
	background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
	background: #bbddd9;
}

.datePickerMonthSelector {
	background: #C3D9FF;
	width: 100%;
}

td.datePickerMonth {
	text-align: center;
	vertical-align: center;
	white-space: nowrap;
	font-size: 70%;
	font-weight: bold;
	color: blue;
}

.datePickerPreviousButton, .datePickerNextButton {
	font-size: 120%;
	line-height: 1em;
	color: blue;
	cursor: hand;
	cursor: pointer;
	padding: 0px 4px;
}

/**
	DEFINICE MENU
*/
.mainmenu {
	background: #badc77;
	border-bottom: 1px solid #4a6319;
	padding-top: 5px
}

.gwt-MenuBar {
	cursor: pointer;
	margin: 15px 5px 0px 5px;
	width: -10px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	/*border: 1px solid #4a6319;
	background: #badc77;*/
/*height:48px;*/
}

.gwt-MenuBarPopup .gwt-MenuBar {
	margin: 0;
	padding: 0
}

.gwt-MenuBar-vertical {
	margin: 0;
	padding: 0;
	border: 1px solid #4a6319;
	background: #badc77;
	font-size: 12px;
}

.gwt-MenuBar-vertical {
	/*border: 1px solid #4a6319;
	/*background: #badc77;*/
	
}

.gwt-MenuBar .gwt-MenuItem {
	background: #badc77;
	/*border:1px solid #4a6319;*/
	border-bottom: 1px solid #badc77;
	padding: 2px 10px 2px 10px;
}

.gwt-MenuBar .gwt-MenuItem-selected {
	/*background: #fff;*/
	border-bottom: 1px solid #4a6319;
}

.gwt-MenuBar-vertical .gwt-MenuItem {
	text-align: left;
}

.gwt-MenuBar-vertical .gwt-MenuItem-selected {
	border-bottom: none;
	border-bottom: 1px solid #badc77;
	text-align: left;
}

.gwt-MenuBar .gwt-MenuItemSeparator {
	background: #4a6319;
	height: 1px;
}

.userinfo { /*border: 1px solid #4a6319;*/
	/*background: #badc77;font-size: 12px;*/
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 15px 10px 5px 10px;
}

/**
	KONEC DEFINICE MENU
*/
.gwt-DecoratorPanel {
	border: 3px solid #daeeb2;
	background: #badc77;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.gwt-DialogBox {
	border: 3px solid #badc77;
	background: #daeeb2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.gwt-DialogBox .Caption {
	border: 3px solid #daeeb2;
	background: #992929;
	font-size: 18px;
	font-family: sans;
	letter-spacing: 2px;
	color: #fff;
}

.gwt-DialogBox .dialogContent {
	border: 3px solid #daeeb2;
	background: #badc77;
}

h1 {
	margin: 5px 5px 2px 5px;
	padding: 10px;
	font-size: 2em;
	font-weight: bold;
	color: #4a6319;
	letter-spacing: 1px;
	text-align: left;
	/*border: 1px solid #4a6319;*/
/**border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

.cubPanel {
	border: 1px solid #4a6319;
	background: #badc77;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: auto;
}

#admin {
	margin: 2px 5px 2px 5px;
	width: -10px;
	border: 1px solid #4a6319;
	/**	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	text-align: left;
}

table.statistics {
	position: relative;
	bottom: 0;
	width: 100%;
	margin: auto;
	border: 1px solid #4a6319;
	background: #badc77;
	color: #000;
	font-weight: 14px
}

table.statistics .desc {
	letter-spacing: 1px;
	font-weight: bolder
}

#footer {
	margin: 0px 5px 0px 5px;
	/*position: absolute;*/
	height: 28px;
	font-size: 12px;
	width: -10px;
	text-align: right;
	border: 1px solid #4a6319;
	/**border-radius: 5px 5px 0 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;*/
}

#footer table {
	width: 100%
}

#footer table td.copy {
	width: 150px;
	text-align: right;
}

#footer table table {
	width: auto;
}

.gxButton {
	padding: 0px;
	width: 150px;
	height: 28px;
}

.gxButton table {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.gxButton table td {
	vertical-align: center;
	font-size: 80%;
	text-align: center;
}

.gxButtonSmall {
	padding: 0px;
	width: 150px;
	height: 20px;
}

.gxButtonSmall table {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.gxButtonSmall table td {
	vertical-align: center;
	font-size: 12px;
	text-align: center;
}

/** Zacatek dekorovaneho okna */
.DecoratedSubPanel {
	background: #ddd;
	border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: none;
}

/** Zacatek dekorovaneho okna */
.gwt-DecoratedPopupPanel {
	background: #badc77;
	border: 1px solid #4a6319;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupContent {
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupTopLeft {
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupTopCenter {
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupTopRight {
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupMiddleLeft {
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupMiddleRight {
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupBottomLeft {
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupBottomCenter {
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupBottomRight {
	background-image: none;
}

.gwt-DecoratedPopupPanel .popupTopRightInner {
	background-image: none;
}

/** Konec dekorovaneho okna */
.termofuse {
	border: 1px solid #aaa;
	background: #fff;
	padding: 3px;
}

.termofuse h1 {
	background: #badc77;
}

table {
	margin: 0px;
}

.gwt-TextBox {
	color: #000;
	background: #fff;
	border: 1px solid #aaa;
}

.accomHead {
	font-size: 16px;
	color: #500;
	letter-spacing: 1px;
	font-family: Arial;
	width: 100%;
	font-weight: bolder;
	text-align: center;
}

#obal {
	width: 100%;
}

.hotelMapLegend {
	background: #555;
	text-align: right;
}

.hotelMapLegend td {
	background: #fff;
	padding-right: 3px;
}

td.sep {
	background: #afa;
	padding-right: 3px;
}

.hotelMap {
	background: #555;
	text-align: center;
	table-layout: fixed;
}

.hotelMap td.besitz {
	cursor: pointer;
}

.hotelMap td.besitz div {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.hotelMap td {
	background: #fff;
	width: 40px;
}

.hu {
	border: 1px solid #aaa;
	text-align: center;
}

.pleaseWait {
	font-size: 12px;
	font-weight: bolder;
	color: #005;
}

.pleaseWaitTable {
	text-align: center;
}

.sum {
	border: 1px solid #000;
	border-top: 3px solid #900;
	text-align: center;
	font-weight: bolder;
	font-size: 14px;
}

.roomTypeName {
	font-weight: bolder;
	text-align: right;
	border-bottom: 1px dotted #000;
	padding-right: 5px;
}

.dateFieldCell {
	border: 1px solid #aaa;
	text-align: center;
	font-weight: bolder;
	background: #00acfc;
	border-bottom: 2px solid #000;
	cursor: pointer;
}

.dateFieldCellw {
	border: 1px solid #aaa;
	text-align: center;
	font-weight: bolder;
	background: #fcfc94;
	border-bottom: 2px solid #000;
	cursor: pointer;
}

.sendButton {
	display: block;
	font-size: 16pt;
}

.gwt-RadioButton {
	font-family: Arial;
	letter-spacing: 1px
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.pager .gxTable {
	cursor: pointer;
}

.serverResponseLabelError {
	color: red;
}

.gxWarning {
	width: 100%;
	font-family: Arial;
	font-size: 14px;
}

.gxWarningPanel {
	text-align: center;
}

.gxWarnButton {
	margin: auto;
	color: #900;
}

.gxWarning strong {
	font-size: 15px;
	color: #900;
}

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

.gxBigButton td {
	background: #fff;
	color: black;
	font-size: 20px;
	padding: 10px;
	border: 1px solid #000;
	width: 100%;
	text-align: center;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

#mainmenu {
	width: 100%;
	height: 50px;
}

.whiteBlackBorder {
	background: #fff;
	border: 1px solid #000;
	padding: 5px;
}

.gxTable {
	margin: 2px;
	width: 100%
}

.gxTable tr.canceled {
	color: #999;
}

.gxTable .gxHeadCell {
	font-weight: bolder;
	letter-spacing: 1px;
	text-align: right;
	padding-right: 5px;
	width: 150px;
}

table.gxTable tr.gxHead {
	margin: 0;
	padding: 3px 5px;
	text-decoration: none;
	font-size: small;
	cursor: pointer;
	cursor: hand;
	background: #ddd; /*#bca9d6;*/
	color: #000;
	font-weight: bolder;
	border: 1px outset #ccc;
	text-align: center;
	letter-spacing: 1px
}

table.gxTable tr.cursor td {
	letter-spacing: 2px;
	font-weight: bolder;
	background: #eee;
}

table.gxTable td.gxHeadCell {
	margin: 0;
	padding: 3px 5px;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	letter-spacing: 1px;
	text-align: right;
}

.gxTable .gwt-ListBox { /*width: 250px;*/
	
}

.gxTable .gwt-TextBox {
	border: 1px solid #aaa;
	width: 250px;
}

.gxTable .gwt-SuggestBox {
	border: 1px solid #aaa;
	width: 250px;
}

.gxTable .gwt-TextArea {
	width: 250px;
	border: 1px solid #aaa;
}

.gxTable .gwt-PasswordTextBox {
	border: 1px solid #aaa;
	width: 250px;
}

.alert {
	font-size: 14px;
	font-family: Arial;
	letter-spacing: 1px;
	padding: 5px;
	font-weight: bolder;
	color: #500;
	text-align: center;
}

.selectOneHotel {
	border: 1px solid #000;
	width: 400px;
	text-align: center;
	margin: 10px;
	background: #fff;
}

.selectOneHotel .hotelName {
	font-weight: bolder;
	letter-spacing: 1px;
	font-size: 24px;
	font-family: Arial
}

.selectOneHotel .hotelInfo {
	font-family: Times;
	font-size: 10px
}

.pickdate .gwt-TextBox {
	width: 100px
}

.ndays:disabled {
	border: 1px solid #aaa;
	width: 30px;
	text-align: center;
	color: #000;
	background: #fff;
}

.ndays {
	border: 1px solid #aaa;
	width: 30px;
	text-align: center;
	color: #000;
	background: #fff;
}

.priceBox {
	border: 1px solid #aaa;
	width: 120px;
	text-align: right;
	color: #000;
	background: #fff;
}

.gwt-TabBar {
	background: #eee;
	font-size: 12px;
	margin: 0
}

.gwt-TabBar .gwt-TabBarFirst {
	border-bottom: 1px solid #aaa
}

.gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid #aaa
}

.gwt-TabBar .gwt-TabBarItem {
	padding: 4px;
	margin: 2px 0 0 0;
	border-bottom: 1px solid #aaa
}

.gwt-TabBar .gwt-TabBarItem-selected {
	background: #fff;
	padding: 4px;
	letter-spacing: 2px;
	border: 1px solid #aaa;
	border-bottom: none;
	margin: 2px 0 0 0
}

.requiry {
	background: #fff url("icon/red-star.gif") no-repeat right 0
}

.needLogged {
	font-size: 16px;
	background: #fff;
	border: 1px solid #000;
	margin: 5px;
	padding: 10px;
	line-height: 24px
}

table.npl {
	background: #fcfccc;
}

table.npl .categoryHead {
	font-size: 12px;
	text-align: center;
	font-weight: bolder;
	background: #ddd;
	letter-spacing: 1px;
	border: 1px solid #99f;
}

table.npl .gwt-TextBox {
	border: 1px solid #99f;
	width: 170px;
	text-align: right;
}

table.npl .name {
	border-bottom: 1px solid #99f;
	width: 100px;
	font-weight: bolder;
	letter-spacing: 1px;
	text-align: right;
}

table.npl .odd {
	font-size: 12px;
	padding: 2px;
	background: #00acfc;
	text-align: center;
}

table.npl .even {
	font-size: 12px;
	padding: 2px;
	text-align: center;
	background: #fcfc94;
}

.panelTitle {
	background: #fff;
	border: 1px solid #fc3000;
	padding: 3px;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bolder;
	font-size: 16px;
}

.gwt-SplitLayoutPanel {
	
}

.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger {
	background: #badc77;
	cursor: col-resize;
}

.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger {
	background: #badc77;
	cursor: row-resize;
}

.invoiceTopLabel {
	font-size: 20px;
	padding-right: 3px;
	border-top: 1px solid #4a6319;
}

input.totalBox {
	font-size: 16px;
	padding: 2px;
	border: 1px solid #000
}

.recaptbl {
	font-size: 14px
}

table.rSep {
	border: 1px solid #000;
	height: 80px;
	background: #badc77
}

table.rSep table.head {
	font-size: 14px;
	background: #fff;
	height: 80px;
	border: 1px solid #000
}

table.rSep table.head td.name {
	font-weight: bolder;
}

table.rSep table.head td.date {
	font-size: 12px
}

table.sugTable {
	width: 100%;
	border: 1px solid #badc77;
	table-layout: fixed
}

table.sugTable td {
	height: 25px;
	border-bottom: 1px solid #000
}

table.sugTable td.head {
	width: 250px;
	border-right: 2px solid #000
}

table.sugTable td.date {
	width: 50px;
	border-bottom: 1px solid #000;
	text-align: center
}

table.sugTable td.suggestion {
	border: 1px solid #000;
	text-align: center;
	cursor: pointer;
	height: 24px;
}

table.sugTable td.block {
	border: 1px solid #000;
	text-align: center;
	cursor: pointer;
	height: 24px;
}

table.sugTable td.block div {
	padding: 0 3px 0 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

table.sugTable td.suggestion div {
	padding: 0 3px 0 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.rlabel {
	font-size: 16px;
	border-bottom: 1px solid #000;
	text-align: center;
	padding: 10px;
}

.statusLabel {
	font-weight: bolder;
	font-size: 20px;
}

.cellTableCell {
	padding: 4px;
	overflow: hidden;
	font-size: 10px;
	font-family: ARIAL;
	text-align: center;
	height: 25px;
	max-height: 25px;
}

.gwt-SuggestBox {
	border: 1px solid #aaa
}

.gwt-SuggestBoxPopup .item {
	border: 1px solid #aaa;
	padding: 4px;
	background: #fff;
}

.gwt-SuggestBoxPopup .item-selected {
	border: 1px solid #000;
	font-size: 110%;
	padding: 4px;
	background: #eee;
}

.gwt-DatePicker {
	font-size: 18px;
	font-family: "Arial", Helvetica, sans-serif;
}

.wizard {
	font-size: 16px;
}

.wizard .topLabel {
	font-size: 32px;
	text-align: center;
	border-bottom: 1px solid #000
}

.wizard .steps .current {
	font-weight: bolder
}

.wizard .headline {
	font-size: 18px;
	margin: 20px
}

.wizard .gxTable td {
	border-bottom: 1px solid #eee
}

.wizard .gwt-TextBox {
	font-size: 18px;
	padding: 3px;
}

.totalTable {
	text-align: center;
	border: 1px solid #000
}

.printPanel {
	background: #fff;
	border: 1px solid #000;
	text-color: #000;
	font-size: 16px
}

.printPanel h1 {
	text-align: left;
	color: #000;
	background: #fff none;
	font-size: 20px
}

.selectNumber {
	width: 40px;
	padding: 2px
}

.optionSetup {
	font-size: 14px;
	border: 1px solid #000
}

.optionSetup td {
	text-align: center
}

.optionSetup td.selected {
	font-size: 16px;
	font-weight: bolder
}

.sBox {
	width: 300px;
	height: 25px
}

.warn {
	padding: 10px 5px 10px 5px;
	background: #fff;
	font-size: 20px
}

.gxRightPanel {
	margin: 0;
	border: 0;
}

.totalPrice {
	text-align: right;
	font-size: 20px;
	background: white;
	border: 1px solid #000
}

.markingButton strong {
	font-size: 120%
}

.markingButton {
	text-align: center;
	border: 1px solid #000;
	background: #fff;
	font-size: 13px;
	width: 94%;
	height: 50px;
	padding: 5px;
}

.gxHeadCell {
	width: 150px;
	font-size: 110%;
	font-weight: bolder;
	text-align: right
}

.gxTable .gwt-TextBox-valid {
	border: 3px solid #0a0;
}

.gxTable .gwt-TextBox-invalid {
	border: 3px solid #a00;
}

.gxTable .gwt-TextBox-validating {
	border: 3px solid #00a;
}

.gxTable .gwt-PasswordTextBox-valid {
	border: 3px solid #0a0;
}

.gxTable .gwt-PasswordTextBox-invalid {
	border: 3px solid #a00;
}

.gxTable .gwt-PasswordTextBox-validating {
	border: 3px solid #00a;
}

.registerTitle {
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
	border-bottom: 1px solid #000
}