html {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #404040;
	line-height: 1.6em;
	background: url(../img/bg-body.gif) repeat-y top center #1a3259;
	}
	#shade {background: url(../img/bg-shade.png) no-repeat;}

* {	margin: 0; padding: 0;}

h1 {font-size: 1.5em; margin-bottom: 20px; padding-top: 2px; color: #697897; text-transform: uppercase;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 15px;}

#rezervace h2, h3.sekce, .hpbox1 h2, .hpbox2 h2, h2.hgltHeading {
	font-weight: normal;
	background: url(../img/pruh.gif) repeat-x bottom left;
	margin-bottom: 16px;
	_display: inline-block;
	}
	#rezervace h2 span, h3.sekce span, .hpbox1 h2 span, .hpbox2 h2 span, h2.hgltHeading span {
		background: #FFF;
		padding-right: 20px;
		}
	h3.sekce .hpbox1 h2, .hpbox2 h2 {font-size: 1.3em; margin-bottom: 17px;}
	h2.hgltHeading {font-weight: bold;}
	

		
#rezervace h4 {
	font-size: 1em;
	margin-bottom: 1px;
	font-weight: normal;
	}

.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;
	}
.none {display: none;}
	
hr {
  	border: 0;
  	width: 80%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	}
	
a:link {color: #1d3662;}
a:visited {color: #666666;}
a:hover {color: #000;}
a:active {color: #CC0033;}
img {border: none;}
p {margin-bottom: 1.8em;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

.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;
	clear: both;
	}

img.rgt, .floatright {
	float: right;
	margin: 0 0 10px 10px;
	clear: both;
	}

#content ul, #content ol {margin: 0 0 1.8em 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ol {margin-left: 34px;}
	
	#content ul {list-style: none; margin-left: 0;}
		#content ul li {
			background: url(../img/square.gif) no-repeat 0 4px;
			padding-left: 20px;
			position: relative;
			font-weight: bold;
			color: #1d3662;
			}
	
a.tisk {
	background: url(../img/ico-tisk.gif) no-repeat 0 70%;
	padding-left: 20px;
	}
	
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */

/* ***** formulare ****** */

input, select {vertical-align: middle; font-size: 1em;}

textarea {
	font-size: 100%;
	font-family: "MS Shell Dlg";
}

.button {
	background: url(../img/bg-button.gif) repeat-x #dcdcdc;
	border: 1px solid #8c8fa5;
	padding: 0 6px;
	cursor: pointer;
	}
.pole, select, .hours, .minutes, .roomsCount {
	border: 1px solid #8c8fa5;
	padding: 1px;
	}
option {padding-right: 9px;}


	#form span {
		width: 10em;
		float: left;
		display: block;
		margin-bottom: 5px;
		}
	#form select, #form img { margin-bottom: 4px; }
	#form img { margin-right: 15px; }
	#form .pole {
		width: 300px;
		margin-bottom: 5px;
		}
	#form .hours, #form .minutes, #form .roomsCount {
		width: 30px;
		margin-bottom: 5px;
		}
	#form br {clear: both;}
	#form .button {margin-left: 10em;}
	#form textarea.pole {height: 100px;}
	#form #day, #form #month, #form .hours, #form .minutes, #form .roomsCount, #form #day_out, #form #month_out { margin-right: 3px; }
	
	#form .checkbox {		
		display: block;
		float: left;
		margin-right: 25px;
		}
		#form .checkbox span {width: auto; margin-right: 5px;}

/* IE button fix */
	
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}

/* tabulka bezna */
table {
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 1.8em;
	margin-left: 1px;
	border: 1px solid #8793ac;
	clear: both;
	width: 99%;
	}	
	th, td {
		padding: 5px 15px;
		vertical-align: top;
		}
		th {
			background: #697897;
			color: #FFF;
			padding-top: 8px;
			}
		td {
			border-top: 1px solid #c9ced9;
			}
/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;
	}
	table.noformat th, table.noformat td {
		padding: 5px 15px;
		vertical-align: top;
		border: 0;
		}
		.noformat th {background: none; color: #404040;}
		
/* tabulka reference */
table.reference {
	border: 0;
	border-collapse: collapse;
	}
	table.reference th, table.reference td {
		padding: 0 15px 0 0;
		vertical-align: top;
		border: 0;
		}
		
/* ********* zkratky ********* */

.focus {position: absolute; left: 0; top: -30x;}

.focus a, .focus span {
	position: absolute;
	top: -20px;
	z-index: -10;
	white-space: nowrap;
	}

.focus a:focus, .focus a:active {
    z-index:2;
	top: 85px;
    background:#1C3662;
	padding: 2px 5px 4px 6px;
	color: #FFF;
	}	
		
/* nahrada obrazkem */

.logo span, #h_menu span, #lang a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	
/* float clear */

#navi, #content, .corporate {
	overflow: hidden;
	_display: inline-block;
	}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	
/* ie png fix */

#shade {behavior: url(http://www.hotelpyramida.cz/_dataPublic/js/iepngfix.htc)}
	

/**********obsah**********/

#all, #ender {
margin: 0 auto;
text-align: left;
width: 940px;
font-size: 1.1em;
}
#all {background: url(../img/bg-page.gif) no-repeat bottom left #FFF;}

/* ******* hlavicka ******* */

#top {
	height: 345px;
	position: relative;
	}
	.logo {
		position: absolute;
		top: 70px;
		width: 258px;
		height: 108px;
		overflow: hidden;
		text-align: center;
		}
		.logo span {background: url(../img/logo-hotelpyramida.png) no-repeat;}
	#search {
		position: absolute;
		top: 90px;
		right: 30px;
		z-index: 500;
		}
	#lang {
		position: absolute;
		top: 98px;
		left: 260px;
		z-index: 1000;
		}
		#lang a {
			display: block;
			float: left;
			margin-right: 6px;
			width: 19px;
			height: 13px;
			position: relative;
			overflow: hidden;
			}
			#lang a.en span {background: url(../img/flag-en.gif) no-repeat 0 -13px; cursor: pointer;}
			#lang a.cz span {background: url(../img/flag-cz.gif) no-repeat 0 -13px; cursor: pointer;}
			#lang a.ru span {background: url(../img/flag-ru.gif) no-repeat 0 -13px; cursor: pointer;}
			#lang a.de span {background: url(../img/flag-de.gif) no-repeat 0 -13px; cursor: pointer;}
				.czech #lang a.cz span {background-position: 0 0;}
				.english #lang a.en span {background-position: 0 0;}
			
	#flash {
		position: absolute;
		top: 60px;
		right: -31px;
		z-index: 1;
		width: 721px;
		height: 276px;
		}
	#rezervace {
		position: absolute;
		top: 158px;
		left: 0;
		width: 235px;
		padding: 23px 0 0 0;
		}
		#rezervace p, #rezervace h2, #rezervace h4 {margin-left: 25px;}
		#day, #month, #day_out, #month_out {margin-right: 10px;}
		#year, #year_out {margin-right: 5px;}
		#rezervace a {
			font-weight: bold;
			margin: 0 13px 0 0;
			}
		#rezervace a.calendar {margin: 0;}
		.calendar img {vertical-align: middle;}
		#rezervace h2 {font-size: 1.3em; font-weight: bold; margin-bottom: 10px;}
		
		#rezervace p {margin-bottom: 10px;}
		#rezervace .resActions {padding-top: 5px;}
		.resActions {text-align: right; margin-right: 23px;}
			
		
	
/* ******* menu ******* */

	#h_menu {
		list-style: none;
		position: relative;
		padding-left: 25px;
		z-index: 2000;
		}
		#h_menu  li {
			float: left;
			position: relative;
			}
			#h_menu li a {
				display: block;
				text-align: center;
				height: 50px;
				line-height: 50px;
				position: relative;
				}	
				#h_menu span {cursor: pointer;}
				
				/* english */			
					.english .m1 {width: 71px;}
					.english .m2 {width: 98px;}
					.english .m3 {width: 122px;}
					.english .m4 {width: 75px;}
					.english .m5 {width: 151px;}
					.english .m6 {width: 85px;}
					.english .m7 {width: 108px;}
					.english .m8 {width: 92px;}
					.english .m9 {width: 98px;}
							.english .m1 span {background: url(../img/m1.png) no-repeat 0 0;}
							.english .m2 span {background: url(../img/m2.png) no-repeat 0 0;}
							.english .m3 span {background: url(../img/m3.png) no-repeat 0 0;}
							.english .m4 span {background: url(../img/m4.png) no-repeat 0 0;}
							.english .m5 span {background: url(../img/m5.png) no-repeat 0 0;}
							.english .m6 span {background: url(../img/m6.png) no-repeat 0 0;}
							.english .m7 span {background: url(../img/m7.png) no-repeat 0 0;}
							.english .m8 span {background: url(../img/m8.png) no-repeat 0 0;}
							.english .m9 span {background: url(../img/m9.png) no-repeat 0 0;}
							
					/* czech */							
					.czech .m1 {width: 76px;}
					.czech .m2 {width: 75px;}
					.czech .m3 {width: 87px;}
					.czech .m4 {width: 115px;}
					.czech .m5 {width: 114px;}
					.czech .m6 {width: 107px;}
					.czech .m7 {width: 103px;}
					.czech .m8 {width: 88px;}
					.czech .m9 {width: 133px;}
							.czech .m1 span {background: url(../img/m1-cz.png) no-repeat 0 0;}
							.czech .m2 span {background: url(../img/m2-cz.png) no-repeat 0 0;}
							.czech .m3 span {background: url(../img/m3-cz.png) no-repeat 0 0;}
							.czech .m4 span {background: url(../img/m4-cz.png) no-repeat 0 0;}
							.czech .m5 span {background: url(../img/m5-cz.png) no-repeat 0 0;}
							.czech .m6 span {background: url(../img/m6-cz.png) no-repeat 0 0;}
							.czech .m7 span {background: url(../img/m7-cz.png) no-repeat 0 0;}
							.czech .m8 span {background: url(../img/m8-cz.png) no-repeat 0 0;}
							.czech .m9 span {background: url(../img/m9-cz.png) no-repeat 0 0;}
							
					#h_menu li a:hover {
						background-color: #19226F;
						color: white;
						}
						#h_menu li a:hover span, #h_menu li.selected span {background-position: 0 -50px;}	
						
			/* vnorene menu */
			
			#h_menu ul {
				padding: 0 0 12px 0;
				width: 176px;
				position: absolute;
				list-style: none;
				background: url(../img/bg-dropdown1.png) no-repeat bottom left;
				_background-image: url(../img/bg-dropdown1.gif);
				z-index: 2010;
				top: 50px;
				display: none;
				}
				#h_menu ul li {
					float: none;
					line-height: normal;
					padding: 0 9px;				
					}
					#h_menu ul li.first {
						background: url(../img/bg-dropdown.gif) no-repeat 0 0;
						padding-top: 12px;
						}
					#h_menu ul li a {
						height: auto;
						_height: 1px;
						line-height: normal;
						float: none;
						text-align: left;
						color: #000;
						text-decoration: none;
						padding: 2px 9px;
						background: #FFF;
						}
						#h_menu ul li a:hover {	background: #697897;}
							
				#h_menu li:hover ul, #h_menu li.hover ul {display: block;	}
				
				#h_menu li {behavior: url(_dataPublic/js/hover.htc);}
					
			
/* **** hlavni cast **** */

#main {
	margin: 0 25px;
	}
	
/* **** leve menu **** */

#navi {
	width: 212px;
	float: left;
	padding-bottom: 25px;
	}
	#navi ul {
		list-style: none;
		margin-bottom: 45px;
		}
		#navi ul li {
			margin-bottom: 5px;
			}
			#navi ul li a {
				font-weight: bold;
				background: url(../img/square.gif) no-repeat 0 3px;
				padding-left: 20px;
				}
			
			#navi ul ul {
				margin: 5px 0 0 20px;
				}
				#navi ul ul li a {				
					font-weight: normal;
					background: none;
					padding-left: 0;					
					}
					
		#navi img {margin-bottom: 15px;}
		
/* **** obsah **** */

#content_container {
	float: right;
	width: 678px;
	font-size: 1.1em;
	}
	#content {
		margin: 0 0 15px 25px;
		}
		
	.breadcrumbs {text-align: right; margin-bottom: 2px;}
		.breadcrumbs a, .breadcrumbs span {margin: 0 5px;}
		
/* **** paticka **** */

#ender {
	clear: both;
	color: #fff;
	font-size: 1em;
	text-align: right;
	padding: 1.6em 0 1.8em 0;
	position: relative;
	}
	#ender p {margin-bottom: 0; padding: 0;}	
	#ender a {
		margin: 0 3px;
		text-decoration: none;
		color: #d3d9e3;
		}
	
	#ender .copyright {
		padding: 0 8px 0 0;
		color: #91a0ba;
		float: right;
		}
		#ender .copyright a {color: #91a0ba; text-decoration: none; margin: 0;}
		
	#ender .iso {
		padding: 0 20px 0 40px;
		color: #91a0ba;
		float: left;
		}
		
				#ender a:hover {color: #FED404;}
				
	#ender p.ender_menu {padding-right: 5px; margin-bottom: 35px;}
	
	.logoLinks {
		float: left;
		margin-left: 25px;

		}
		.logoLinks li {float: left; list-style: none;}
		#ender .logoLinks a {display: block; height: 28px; margin-right: 23px;}
		.orealink span, .ahrlink span, .pcblink span {display: none;}
		#ender a.orealink {width: 60px; background: url(../img/logo-footer-orea.gif) no-repeat; margin-right: 18px}
		.ahrlink {width: 38px; background: url(../img/logo-footer-ahr.gif) no-repeat;}
		.pcblink {width: 85px; background: url(../img/logo-pcb.gif) no-repeat;}
				
/* ************* HOMEPAGE *************** */

.hpbox1 {
	width: 227px;
	float: left;
	padding-top: 20px;
	}
.hpbox2 {
	width: 390px;
	float: right;
	padding-top: 20px;
	}
	.hpbox2 img {
		float: left;
		margin-right: 17px;
		margin-bottom: 25px;
		}
	.hpbox2 p {clear: both;}
		.hpbox2 p strong {font-weight: normal;}
			.hpbox2 p strong a {font-weight: bold;}
		

#club {
	background: url(../img/bg-club.jpg) no-repeat;
	padding: 14px 13px 1px 14px;
	color: #FFF;	
	}
#club .pole {
	width: 85px;
	float: left;
	border: 0;
	}
	#club #name {margin-right: 8px;}
	
#club a {
	color: #FFF;
	margin: 0 12px 0 5px;
	}
#club p.r2 {clear: both; padding-top: 5px;}

#club .button {padding: 0 8px; float: right;}
h2.club {font-size: 1.2em; font-weight: normal; margin-bottom: 3px; margin-left: 3px; padding-top: 5px;}

.ender_menu a { text-transform: uppercase; }

/* coporate */
.corporate {
	background: url(../img/banner-corporate.jpg) no-repeat;
	padding: 43px 10px 10px  14px;
	color: #FFF;
	}
	.corporate a {color: #FFF;}
	.corporate a.button {color: #000; padding:3px 15px; text-decoration: none;}
	
	.corporate .viceInfo {float: left;}
		.corporate .viceInfo a {border-left: 1px solid #FFF;  padding-left: 7px}
	.corporate .logButton  {float: right;}


/* kalendar */
.CalendarDIV .click { padding:5px; cursor: pointer; }

.CalendarDIV {background: #1F3C6B; border: 1px solid #FFF; color: #FFF;}
.CalendarDIV table {background: none; margin-bottom: 0; border: 0; }
.CalendarDIV a {color: #FFF;}
.CalendarDIV th {background: none;}

.CalendarDIV td { /*width: 36px;*/ }
.CalendarDIV td.overed, .CalendarDIV td.selected { background: #697897; }
.CalendarDIV table td, .CalendarDIV table th, table.calendar td, table.calendar th { border: 1px solid #1F3C6B; }

#dateid_calendar table {}
#dateid_calendar td, #dateid_calendar th { text-align: center; /*width: 30px;*/ padding: 3px 4px; }
#dateid_calendar td, #dateid_calendar th { text-align: center; /*width: 30px;*/ padding: 3px 4px; }

.calendar td { padding:3px; }

.Icon {margin-right: 8px;}