/* ------------------------------------------------------------- */
/*                          screen.css                           */
/* ------------------------------------------------------------- */
@media screen {
/* ----- home page */
	h1.hp {
		xbackground-color: #C7ECFF;
		color: #3277a1;
		font-size: 120%;
		padding: 5px 0;
		margin: 20px 0 0 0;
		border-bottom: 1px solid #C7ECFF;
	}
	h1.hp strong {
		color: #005083;
	}
	/* ----- logincontent */
		.logincontent {
			height: 300px;
			background-image:url(/img/bg/login.jpg);
			background-repeat: no-repeat;
			background-position: bottom;
		}
		.logincontent  .loginbox {
			border: 1px solid #c9ecff;
			width: 275px;
			position: relative;
			top: 25px; left: 250px;
		}
		.logincontent  .loginbox h2 {
			margin: 0; padding: 10px;
			background-color: #F1FAFE;
			color: #1a8bc3;
			font-size: 100%;
		}
		.logincontent form {
			margin: 20px 20px 10px 30px;
			color: #005084;
			font-size: 90%;
		}
		.logincontent form label {
			display: block;
			width: 60px; 
			float: left;
			margin: 5px 0;
		}
		.logincontent form input {
			margin: 3px 0;
		}
		.logincontent form input.image {
			margin: 20px 10px 0px 0px;
			float: right;
		}
	/* end. logincontent */
	
	/* -----Hotel reservation */
		#content .bg {
			background-color: #F1FAFE;
		}
		#content h2 {
			color: #1B8BC4;
			font-size: 110%;
			text-transform: uppercase;
			padding: 7px 20px; margin: 0;
			position: relative;
		}
		#content h2 span {
			position: absolute;
			top: 10px; right: 10px;
			font-size: 70%;
			font-weight: normal;
			color: #9AD8F8;
		}
		/* ----- box1 */
			#content .box1 {
				width: 572px;
				float: left;
				border: 1px solid #C8ECFF;
				margin: 8px 0 0 0;
			}
			#content .box1 .subbox1 {
				width: 195px;
				float: left;
				margin: 0 35px 0 50px;
				text-align: right;
				display: inline;
			}
			#content .box1 label {
				font-size: 90%;
			}
			#content .box1 input {
				width: 130px;
				padding: 1px 3px;
			}
			/* ----- table calendar */
				#content div.tcalendar {
					padding: 8px;
					border: 1px solid #E9E9E9;
					width: 176px;
					background-color: #FFFFFF;
					margin: 6px 0 14px 0;
				}
				#content table.calendar {
					background-color: #FFFFFF;
					border-collapse: collapse;
				}
				#content table.calendar .arrow {
					font-size: 110%;
					cursor: pointer;
					color: #1B8BC4;
				}
				#content table.calendar th,
				#content table.calendar td {
					padding: 2px;
					color: #005084;
					text-align: left;
				} 
				#content table.calendar td {
					cursor: pointer;
				}
				#content table.calendar th {
					color: #005084;
				}
				#content table.calendar th.top {
					color: #1B8BC4;
				}
			/* end. table calendar */
		/* end. box1 */
		
		/* ---- boxright */
			#content .boxright {
				float: right;
				width: 187px;
				border: 1px solid #C8ECFF;
				border-left: none;
				margin: 8px 0 0 0;
			}
			#content .boxright .main {
				padding: 20px;
			}
			/* ---- table rooms */
				#content .boxright table.rooms {
					background-color: #FFFFFF;
					border-collapse: collapse;
					font-size: 90%;
					margin: 25px 25px 25px 25px;
					/*_margin: 25px 25px 15px 25px;*/
				}
				#content .boxright table.rooms th {
					text-align: right;
					padding-right: 8px;
					font-weight: normal;
				}
				#content .boxright table.rooms input {
					width: 30px;
					padding: 1px 3px;
				}
			/* end. rooms */
		/* end. boxright */
		
		/* ---- boxbottom */
			#content .boxbottom {
				margin-top: 8px;
				border: 1px solid #C8ECFF;
			}
			#content .boxbottom .box1-2 {
				width: 285px;
				float: left;
				border-right: 1px solid #C8ECFF;
				height: 165px;
			}
			#content .boxbottom .box1-2 .main {
				padding: 20px 15px;
			}
			#content .boxbottom .box1-2 .main input.checkbox {
				position: relative;
				top: 3px;
			}
			#content .boxbottom .box1-2 .main label {
				padding-left: 4px;
				font-size: 95%;
			}
			#content .boxbottom .box1-2 .main select {
				font-size: 80%;
				margin-left: 5px;
				width: 245px;
			}
			#content .boxbottom .boxright {
				margin: 0;
				border: none;
			}
		/* end. boxbottom */
	/* end Hotel reservation */
	/* ---- searchbox */
		p.searchbox {
			text-align: right;
			padding: 10px 15px;
			background-color: #C8ECFF;
			margin: 8px 0 -8px 0;
		}
	/* end. searchbox */
	/* ---- wait */
		.wait {
			position: absolute;
			top: 165px; left: 50%;
			margin-left: -381px;
			width: 760px;
			height: 460px;
		}
		.wait .bgwait {
			background-color: black;
			filter: alpha(opacity=80);
			-moz-opacity: 0.8;
			opacity: 0.6;
			width: 760px;
			height: 460px;
			position: absolute;
			top: 0; left: 0;
		}
		.wait img {
			position: absolute;
			top: 50%; left: 50%;
			margin-top: -27px; margin-left: -95px;
			width: 189px; height: 57px;
		}
	/* end. wait */
	
	/* ---- kroky objednavky */
		#header #rightbox.krok {
			width: 400px;
			left: 430px;
		}
		#header #rightbox.krok .reimage {
			margin: 0; padding: 0;
			width: 400px;
		}
		#header #rightbox.krok .reimage {
			width: 330px; height: 68px;
		}
		#header #rightbox.krok .reimage span {
			width: 330px; height: 68px;
		}
		#header #rightbox.krok .reimage.selection span {
			background-image:url(/img/icons/selection.gif);
		}
		#header #rightbox.krok .reimage.suitable-hotels span {
			background-image:url(/img/icons/suitable-hotels.gif);
		}
		#header #rightbox.krok .reimage.new-reservation span {
			background-image:url(/img/icons/new-reservation.gif);
		}
	/* end. kroky objednavky */
	
	/* ----- result-navi */
		.result-navi {
			margin: 8px 0 0 0;
			background-color: #C8ECFF;
			padding: 5px 15px;
			line-height: 2.2em;
			width: 732px;
		}
		.result-navi p {
			width: 50%;
			float: left;
		}
		.result-navi p.right {
			width: 50%;
			float: right;
			text-align: right;
		}
		.result-navi p.right a {
			color: #0089CE;
		}
		.result-navi p.sort {
			text-align: right;
			width: 100%;
		}
		.result-navi p.sort span {
			padding-right: 70px;
		}
		.result-navi p.sort input{
			vertical-align: bottom;
		}
		.result-navi p.sort input.radio {
			vertical-align: middle;
			margin-left: 12px;
		}
	/* end. result-navi*/
	
	/* ----- search */
		.search {
			margin: 8px 0 0 0;
			background-color: #C8ECFF;
			padding: 5px 15px;
			line-height: 2.2em;
			width: 732px;
			text-align: right;
		}
		.search span {
			padding-right: 70px;
		}
		.search input,
		.search label {
			vertical-align: middle;
		}
	/* end. search */
	
	/* ---- table result */
		table.result {
			border: 1px solid #C9ECFF;
			border-left: none;
			margin: 8px 0 0 0;
			border-collapse: collapse;
		}
		table.result td,
		table.result th {
			border-left: 1px solid #C9ECFF;
			padding: 4px 10px;
		}
		table.result th {
			padding: 10px 10px;
			color: #50A6D2;
			background-color: #F1FAFE;
		}
		table.result td.vtop {
			vertical-align: top;
		}
		table.result tr.even td {
			background-color: #F1FAFE;
		}
		table.result tr.hiligh td{
			background-color: #fbde9d;
			border: 1px solid #FBC957;
		}
		table.result tr.hiligh-title td{
			background-color: #fbde9d;
			border: 1px solid #FBC957;
			border-bottom: 5px solid #FBC957;
			font-weight: bold;
			padding: 10px 10px;
		}
		table.result tr.hiligh-even td{
			background-color: #fbedcf;
			border: 1px solid #fbde9d;
		}
		table.result tr.hiligh-end td{
			border-bottom: 5px solid #FBC957;
		}
		table.result a {
			font-weight: bold;
		}
		table.result .href a {
			font-weight: normal;
			padding: 0 6px 0 6px;
		}
	/* end. result */
	
	/* ----- table search */
		table.search-hotel {
			width: 100%;
			border: 1px solid #C9ECFF;
			border-left: none;
			margin: 8px 0 0 0;
			border-collapse: collapse;
		}
		table.search-hotel td{
			border-left: 1px solid #C9ECFF;
			padding: 6px 15px;
			width: 50%;
		}
		table.search-hotel tr.even td {
			background-color: #F1FAFE;
		}
		table.search-hotel a {
			font-weight: bold;
		}
	/* end. table search /*
	
	/* ---- result-error */
		.result-error {
			margin: 55px 0;
			text-align: center;
		}
		.result-error .error {
			color: #FF0F0F;
			font-size: 130%;
			font-weight: bold;
		}
	/* end. result-error */
	
	/* ---- borderbox */
		.borderbox {
			margin: 8px 0;
			border: 1px solid #C9ECFF;
		}
		.borderbox .bgmain {
			background-color: #F1FAFE;
			padding: 20px 20px 15px 20px;
		}
		.borderbox .main {
			padding: 20px;
		}
		.borderbox h2 {
			color: #1B8BC4;
			font-size: 110%;
			text-transform: uppercase;
			padding: 7px 20px; margin: 0;
			background-color: #F1FAFE;
		}
	/* end. borderbox */
	
	/* ---- table form */
		table.form {
			border-collapse: collapse;
		}
		table.form.fw50p {
			width: 50%;
			float: left;
		}
		table.form.fw30p {
			width: 33%;
			float: left;
		}
		table.form th {
			font-weight: normal;
			text-align: right;
			padding: 10px 4px;
			vertical-align: top;
		}
		table.form td {
			padding: 8px 4px;
		}
		table.form .tleft {
			text-align: left;
		}
		/* inputy */
			input.text {
				padding: 1px 2px;
			}
			textarea.text {
				padding: 1px 2px;
			}
			input.xs {
				width: 20px;
			}
			input.s {
				width: 40px;
			}
			input.m {
				width: 90px;
			}
			input.l {
				width: 120px;
			}
			input.xxl {
				width: 250px;
			}
			input.xxxl {
				width: 350px;
			}
			textarea.xl {
				width: 230px;
				height: 90px;
			}
			select.m {
				width: 90px;
			} 
		/* end. inputy */
	/* end. table form */
	
	/* ---- hotel detail */
		h1 {
			color: #FBC957;
			font-size: 130%;
			margin: 10px 10px;
		}
		.borderbox .boxf30p {
			width: 27%;
			float: left;
			padding: 15px 20px 5px 20px;
		}
		ul.fleft50p {
			list-style-type: none;
			margin: 20px 0 0 10px; padding: 0;
			width: 32%;
			float: left;
		}
		ul.fleft50p li {
			padding: 2px 0;
		}
		.fotogalerie {
			margin: 30px 0 0 5px;
		}
		.fotogalerie a img{
			padding: 5px;
		}
	/* end. hotel detail */
	
	/* ----- contentBoxText */
		#content .contentBoxText {
			padding: 0 15px 15px 15px;
		}
		#content .contentBoxText h1,
		h1.index {
			border-top: 1px solid #C7ECFF;
			margin: 0 0 25px 0;
			padding: 10px;
			color: #3277A1;
			background-color: #C7ECFF;
			width: 738px;
		}
		#content .contentBoxText h1 {
			margin: 0 -15px;
		}
		#content .contentBoxText h2 {
			margin: 10px 0;
			padding: 0;
		}
		#content .contentBoxText ul {
			margin: 10px 0px 10px 30px;
			padding: 0;
		}
	/* end contentBoxText */
	
	/* ----- formTable */
		.formTable {
			border-collapse: collapse;
			margin: 15px 0;
		}
		.formTable td,
		.formTable th {
			vertical-align: top;
			padding: 3px 10px 3px 0;
		}
		.formTable th p.desription {
			font-size: 90%;
			font-weight: normal;
			margin: 0; padding: 0;
		}
		.formTable h3 {
			font-size: 110%;
			border-bottom: 1px solid #CCC;
			color: #000;
		}
		.formTable td input.text {
			font-size: 100%;
		}
		.formTable .error input.text {
			background-color: #edaaaa;
		}
		.formTable .error p {
			color: red;
			font-size: 90%;
			margin: 2px 0;
		}
	/* end. formTable */

}