html {font-size: 100.01%;}
body {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 62.5%;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #c2c1c1;
	background: url(../img/meetingplanner/bg-body.jpg) no-repeat #141c2c;
	}

* {	margin: 0; padding: 0;}

h1 {font-size: 2em; font-weight: normal;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 10px;}

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
	
hr {
  	border: 0;
  	width: 80%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	}
	


a {color: #FFF;}
a:hover {color: #fed404;}
img {border: none;}
p {margin-bottom: 15px;}

.pdf {
	background: url(../img/meetingplanner/ico-pdf.gif) no-repeat 0 50%;
	padding-left: 22px;
	}

.borderLink {border-left: 1px solid #57607c; padding-left: 8px;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

	.leftcol {
		width: 49%;
		float: left;
		}
	.rightcol {
		width: 49%;
		float: right;
		}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none;}

img.lft, .floatleft {
	float: left;
	margin: 0 10px 10px 0;
	}

img.rgt, .floatright {
	float: right;
	margin: 0 0 10px 10px;
	}

#content ul, #content ol {margin: 0 0 15px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ol {margin-left: 34px;}
	
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */

/* IE button fix */
	
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}

.button {
	border: 1px solid #1c499b;
	padding: 1px 15px;
	color: #000;
	background: url(../img/meetingplanner/bg-button.gif) repeat-x #d6d0c5;
	cursor: pointer;
	}

input, select, textarea {font-size: 1em; border: 1px solid #7f9db9; padding: 1px;}
option {padding-right: 7px;}
label {font-weight: bold;}

/* tabulka bezna */
table {
	border: 1px solid gray;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	}	
	th, td {
		padding: 5px 10px;
		vertical-align: top;
		border: 1px solid gray;
		}
/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;
	}
	table.noformat th, table.noformat td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
		
/* nahrada obrazkem */

#h_menu span, h1 span, #navi h2 span, .thmb span, h3.poptavka span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
h1, #navi h2, h3.poptavka {
	display: block;
	overflow: hidden;
	position: relative;
	}
	h1, h3.poptavka {
		width: 555px;
		height: 15px;
		margin-bottom: 25px;
		}
		#krok2 h1 {margin-bottom: 15px;}
		 #krok1 h1 span {background: url(../img/meetingplanner/nadpis1-krok1.jpg) no-repeat;}
		 #krok2 h1 span {background: url(../img/meetingplanner/nadpis1-krok2.jpg) no-repeat;}
		 #krok3 h1 span {background: url(../img/meetingplanner/nadpis1-krok3.jpg) no-repeat;}
		 	#krok1.en  h1 span {background: url(../img/meetingplanner/nadpis1-krok1-en.jpg) no-repeat;}
			#krok2.en  h1 span {background: url(../img/meetingplanner/nadpis1-krok2-en.jpg) no-repeat;}
			#krok3.en  h1 span {background: url(../img/meetingplanner/nadpis1-krok3-en.jpg) no-repeat;}
	 #navi h2 {
	 	width: 190px;
		height: 15px;
		margin-bottom: 15px;
		}
		#krok1 #navi h2 span {background: url(../img/meetingplanner/nadpis2-krok1.jpg) no-repeat;}
		#krok2 #navi h2 span {background: url(../img/meetingplanner/nadpis2-krok2.jpg) no-repeat;}
		#krok3 #navi h2 span {background: url(../img/meetingplanner/nadpis2-krok3.jpg) no-repeat;}
			#krok1.en  #navi h2 span {background: url(../img/meetingplanner/nadpis2-krok1-en.jpg) no-repeat;}
			#krok2.en  #navi h2 span {background: url(../img/meetingplanner/nadpis2-krok2-en.jpg) no-repeat;}
			#krok3.en  #navi h2 span {background: url(../img/meetingplanner/nadpis2-krok3-en.jpg) no-repeat;}
		
	#detail h3.poptavka span {background:url(../img/meetingplanner/nadpis-nezavaznapoptavka.jpg) no-repeat; margin: 0;}
	.en #detail h3.poptavka span {background:url(../img/meetingplanner/nadpis-nezavaznapoptavka-en.jpg) no-repeat; margin: 0;}
		
.thmb {
	width: 74px;
	height: 74px;
	margin: 0 auto;
	position: relative;
	display: block;
	}
	.thmb span {
		background: url(../img/meetingplanner/bg-rohy.png) no-repeat;
		_background: url(../img/meetingplanner/bg-rohy.gif) no-repeat;
		}
	
/* float clear */

.linkaDouble {
	overflow: hidden;
	_display: inline-block;
	}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	

/**********obsah**********/

#all {
text-align: left;
width: 816px;
height: 584px;
overflow: hidden;
font-size: 1.1em;

}

/* ******* hlavicka ******* */

#top {
	height: 103px;
	position: relative;
	}

		
	
/* ******* menu ******* */

#h_menu {
	height: 26px;
	width: 517px;
	position: absolute;
	bottom: 1px;
	_bottom: 0;
	right: -1px;
	}
	#h_menu ul {
		list-style: none;
		position: relative;
		width: 100%;
		}
		#h_menu ul li {
			display: inline;
			}
			#h_menu ul li a {
				display: block;
				float: left;
				color: #FFF;
				width: 173px;
				height: 26px;
				position: relative;
				overflow: hidden;
				}
				#h_menu ul li.m3 a {width: 170px;}
				
				#h_menu ul li a:hover {
					background: #666666;
					color: white;
					}					
					.m1 span {background: url(../img/meetingplanner/m1.jpg) no-repeat 0 -26px; cursor: pointer;}
					.m2 span {background: url(../img/meetingplanner/m2.jpg) no-repeat 0 -26px; cursor: pointer;}
					.m3 span {background: url(../img/meetingplanner/m3.jpg) no-repeat 0 -26px; cursor: pointer;}
						.en .m1 span {background: url(../img/meetingplanner/m1-en.jpg) no-repeat 0 -26px; cursor: pointer;}
						.en .m2 span {background: url(../img/meetingplanner/m2-en.jpg) no-repeat 0 -26px; cursor: pointer;}
						.en .m3 span {background: url(../img/meetingplanner/m3-en.jpg) no-repeat 0 -26px; cursor: pointer;}
					
				#h_menu a:hover span, #krok1 .m1  span, #krok2 .m2  span, #krok3 .m3  span {background-position: 0 0;}

			
/* **** hlavni cast **** */

#main {
	margin: 30px 0 0 0;
	overflow: auto;
	height: 426px;
	}
	
/* **** leve menu **** */

#navi {
	float: right;
	width: 212px;
	}
	#navi p {margin-right: 25px;}
	
	#helpBox {
		background: url(../img/meetingplanner/bg-sidebar.jpg) no-repeat;
		top: 10px;
		position: relative;
		}
		#helpBox div {
			background: url(../img/meetingplanner/bg-sidebar-bottom.gif) no-repeat bottom left;
			padding: 15px 0 1px 20px;
			display: block;
			}
			#helpBox h3 {padding: 5px 0 5px 30px; color:#FFF; font-size: 1em;}
			#krok1 #helpBox h3 {background: url(../img/meetingplanner/ico-1.gif) no-repeat 0 50%;}
			#krok2 #helpBox h3 {background: url(../img/meetingplanner/ico-2.gif) no-repeat 0 50%;}
			#krok3 #helpBox h3 {background: url(../img/meetingplanner/ico-3.gif) no-repeat 0 50%;}
			
.linka {
	border-bottom: 1px solid #515d71;
	padding-bottom: 7px;
	margin-bottom: 7px;
	}
.linkaDouble {
	background: url(../img/meetingplanner/linka.gif) no-repeat bottom left;
	margin-bottom: 15px;
	}
	
	form.linkaDouble {padding-bottom: 20px;}

		
/* **** obsah **** */

#content_container {
	float: left;
	width: 582px;
	}
	#content {
		margin: 0 0 15px 25px;
		}
		
/* *********************** KROK 1 ************************** */

.definitions {
	float: left;
	width: 340px;
	}
	.definitions input, .definitions select {
		width: 140px;
		margin-bottom: 20px;
		}
		.definitions select {width: 143px;}
	.definitions label {line-height: 2em;}

	
.parameters {
	float: right;
	width: 200px;
	}
	.parameters strong {
		margin-bottom: 15px;
		display: block;
		margin-top: 3px;
		}
	.parameters label {
		width: 50%;
		float: left;
		margin-bottom: 10px;
		}
	.parameters input {
		margin-right: 5px;
		border: 0;
		}
	.parameters br {clear: both;}
		
#flash {margin: 0 0 25px 0;}
	#detail #flash {margin-bottom: 10px;}


/* ********************************* KROK 2 ************************** */

.sorter {margin-bottom: 0; width: 100%; border: 0; font-weight: bold; width: 540px; margin-bottom: 4px;}
	.sorter td {border: 0; padding: 0;}
		.sorter td.hotel {width: 40%;}
		.sorter td.rooms {width: 28%;}
		.sorter td input { border: none; }

#resultsTable {
	border-top: 1px solid #4d5a71;
	border-bottom: 1px solid #4d5a71;
	position: relative;
	background: url(../img/meetingplanner/bg-resultstable.jpg) no-repeat;
	height: 360px;
	overflow: auto;	
	position: relative;	
	}
	#resultsTable table {
		margin-bottom: 0;
		border: 0;
		width: 540px;
		}
		#resultsTable td {
			border: 0;
			border-left: 1px solid #394459;
			padding: 8px 0;
			 text-align: center;
			 vertical-align: middle;
			}
			#resultsTable td.thumb, #resultsTable td.hotel {
				border: 0;
				}
			#resultsTable a {
				font-weight: bold;
				}
			#resultsTable td.thumb {width: 94px;}
			#resultsTable td.hotel {width: 100px;}
			#resultsTable td.salon {width: 110px;}
			#resultsTable td.capacity {width: 68px;}
			#resultsTable td.rooms {width: 68px;}
			#resultsTable td.detail {width: 100px;}
			
/* ********************************* KROK 3 ************************** */

#detail {position: relative;}

#detail .borderLink {
	float: right;
	position: relative;
	top: -10px;
	}

#detail h3 {
	font-size: 1em;
	font-weight: normal;
	}
	#detail h3 span {margin: 0 10px; color: #57607c;}
	
	#detail h3.poptavka {margin-bottom: 15px; margin-top: 25px;}

.roomType {float: left;}
.konfnabidka {float: right; display: block; margin-top: 20px;}
	
#detail h2 {
	clear: both;
	padding-top: 20px;
	=padding-top: 5px;
	color: #FFF;
	font-size: 1.2em;
	}	

#detail .thmb {
	float: left;
	margin-right: 25px;
	}
#detail .leftcol {
	width: 41%;
	margin-bottom: 0;
	}

#parametersHolder {
	border-top: 1px solid #4d5a71;
	border-bottom: 1px solid #4d5a71;
	position: relative;
	width: 188px;
	background: url(../img/meetingplanner/bg-parametersholder.jpg) no-repeat;
	padding: 5px 0;
	margin-bottom: 5px;
	}
	#parametersHolder table {
		border: none;
		width: 168px;
		margin: 0 0 0 10px;	
		}
		#parametersHolder td, #parametersHolder th {
			border: none;
			border-bottom: 1px solid #59697f;
			padding: 1px 3px;
			}
			#parametersHolder tr.last td, #parametersHolder tr.last th {border: none;}
			
		#parametersHolder th {color: #FFF;}
		
#detail form .leftcol {
	width: 25%;
	}
	#detail form .mid {width: 50%; _width: 48%;}
	
	#detail .pole {
		width: 120px;
		margin-bottom: 5px;
		}
		#detail textarea.pole {width: 260px; _width: 250px; height: 50px;}
	


		
/* **** paticka **** */

#ender {
	clear: both;
	width: auto;
	width: 100%;
	font-size: 0.9em;
	}
	#ender p {margin-bottom: 0;}
	
	.copyright {
		float: left;
		padding: 0 0 10px 25px;		
		}
	.developer {
		float: right;
		padding: 0 20px 10px 0;
		font-size: 1.1em;
		}
