/*----------------------------------------
Q2 CSS Framework v1.1
Developed by: Q2 Interactive | david.krasensky@q2.cz
Based on: Elements CSS Framework | http://elements.projectdesigns.org
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("reset.css");
/* @import url("externalLinks.css"); */


/* Elements
----------------------------------------*/
html {
	height: 100%;
}
body
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99C2D6;
	color: #333333;
	font-size: 12px;
	line-height: 150%;
	height: 100%;
	background-image: url(../img/web-bg.jpg);
	background-repeat: repeat-x;
}
	body.popup
	{
		background-color: #ffffff;
		background-image: none;
	}

/*--- Link Styles ---*/
a
{
	color: #006091;
	text-decoration: underline;
}

a:hover
{
	color: #006091;
	text-decoration: none;
}


/* Standard Definitions
----------------------------------------*/
h1 {
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 20px 0;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 20px 0;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	padding: 4px 0 10px 0;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0 10px 0;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0 10px 0;
}

h6 {
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0 10px 0;
}

blockquote	{
	margin: 0 0 18px 18px; 
	color: #666666; 
	font-style: italic;
}
strong	{
	font-weight: bold;
}
em	{
	font-style: italic;
}

.hide {
	display: none;
}
.nobg {
	background-image: none;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clear {
	clear: both;
}
.clear:after { /* fixed > fix-ie.css */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Forms
----------------------------------------*/

input.text {
	padding: 1px 4px;
	border: 1px solid #BBBBBB;
}
textarea {
	padding: 1px 4px;
	border: 1px solid #BBBBBB;
}
input.text:focus, textarea:focus {
	border: 1px solid #000000;
}

.error, .notice, .success {
	padding: 10px; 
	border: 2px solid #dddddd;
	margin: 10px 0;
}
.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.error a {
	color: #8a1f11;
}
.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.notice a {
	color: #514721;
}
.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.success a {
	color: #264409;
}



#web-container {
	width: 972px;	
	margin: 0px auto;	
}


/* Header
----------------------------------------*/

#header {

}
	#header .logo {
		height: 62px;
		text-align: right;
	}

	
	
	
	
	
		
/* Content
----------------------------------------*/
#content {
	background-image: url(../img/background/photo01.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
	#content .top-bar {
		background-image: url(../img/header-bg.png);
		background-repeat: no-repeat;
		width: 927px; /* 972 */
		height: 35px; /* 43 */
		padding: 8px 45px 0 0;
		text-align: right;
		position: absolute;
		z-index: 2;
	}
		#content .top-bar strong {
			font-size: 14px;
			padding: 0 4px 0 0;
		}
	
	#content .sidebar {
		width: 198px;
		padding: 6px 0 0 18px;
		float: left;
	}
		#content .menu {
			width: 198px;
			background-image: url(../img/menu-bg.png);
			background-repeat: repeat;
		}
		#content .menu .title {
			width: 198px;
			height: 165px;
			/* padding: 95px 0 0 0; */
			background-image: url(../img/menu-title-bg.png);
			background-repeat: no-repeat;
			display: block;
		}
			#content .menu .title h1 {
				font-size: 28px;
				font-weight: bold;
				color: #FFCC00;
				padding: 103px 0 8px 20px;
			}
			#content .menu .title h2 {
				font-size: 13px;
				color: #FFFFFF;
				font-weight: normal;
				padding: 0 0 0 20px;
			}
		#content .menu ul {
			padding: 10px 0 0 0;
		}
			#content .menu ul li {
				padding: 6px 0 7px 20px;
			}
				#content .menu ul a {
					color: #FFCC00;
					text-decoration: none;
					font-size: 14px;
				}
					#content .menu ul a:hover {
						text-decoration: underline;
					}
					#content .menu ul a.active {
						font-weight: bold;
					}
		
		
	#content .main {
		width: 710px;
		padding: 6px 18px 0 0;
		float: right;
	}
	
		#content .main .weather-box {
			background-image: url(../img/box-weather-bg.png);
			background-repeat: no-repeat;
			width: 338px; /* 338 */
			height: 216px; /* 216 */
			color: #ffffff;
			float: right;
		}
			#content .main .weather-box a {
				color: #FFCC00;
			}
			#content .main .weather-box .items {
				padding: 35px 0 0 14px;
				height: 100px;
			}
			#content .main .weather-box .item {
				width: 60px;
				padding: 0 21px 0 0;
				float: left;
			}
				#content .main .weather-box .item .forecast {
					text-align: center;
					font-size: 10px;
				}
				#content .main .weather-box .item .temp {
					text-align: center;
					font-size: 14px;
					font-weight: bold;
				}
			#content .main .weather-box .links {
				color: #FFCC00;
				padding: 0 0 0 14px;
			}
			#content .main .weather-box .item .flash { /* kdyz jsou hromy a blesky */
				position: absolute;
				margin: 0 0 0 -20px;
				width: 18px;
			}
			
			
		#content .main .welcome-box {
			width: 290px; /* 358 */
			height: 70px; /* 162 */
			padding: 92px 54px 0 14px;
			color: #FFCC00;
			float: right;
			text-align: right;
			font-size: 24px;
			line-height: 28px;
		}
			#content .main .welcome-box strong {
				font-size: 29px;
			}
				#content .main .welcome-box strong span {
					font-size: 40px;
				}

		#content .main .webcam-box {
			color: #FFCC00;
			padding: 10px 0 10px 10px; 
		}
		
				#content .main .webcam-box .icon {
					float: left;
					margin: 0px 0 0 0;
				}
				#content .main .webcam-box h3 {
					font-size: 14px;
					font-weight: normal;
					text-align: right;
					width: 80px;
					padding: 2px 15px 0 0;
					float: left;
				}
					#content .main .webcam-box h3 strong {
						font-size: 18px;
					}
				#content .main .webcam-box a.link {
						float: left;
						display: block;
						padding: 20px 0 0 10px;
					}
		
		#content .main .news-box {
			width: 339px; /* 339 */
			height: 106px; /* 106 */
			padding: 0;
			float: right;
			margin: 0;
			background-image: url(../img/news-bg.png);
			background-repeat: no-repeat;
			color: #ffffff;
		}
			#content .main .news-box h3 {
				font-size: 14px;
				font-weight: normal;
				text-align: right;
				width: 70px;
				padding: 10px 0 0 0;
				float: left;
			}
				#content .main .news-box h3 strong {
					font-size: 18px;
				}
			#content .main .news-box .items {
				float: right;
				width: 240px;
				padding: 10px 10px 0 0;
			}
				#content .main .news-box .item {
					padding: 0 0 4px 0;
					height: 18px;
					overflow: hidden;
				}
					#content .main .news-box .item a {
						color: #ffffff;
					}
		
		#content .main .jobs-box {
			width: 339px; /* 339 */
			height: 58px; /* 58 */
			padding: 0;
			float: right;
			margin: 15px 0;
			background-image: url(../img/jobs-bg.png);
			background-repeat: no-repeat;
		}
			#content .main .jobs-box h3 {
				font-size: 14px;
				font-weight: normal;
				text-align: right;
				width: 70px;
				padding: 10px 0 0 0;
				float: left;
			}
				#content .main .jobs-box h3 strong {
					font-size: 18px;
				}
			#content .main .jobs-box .items {
				float: right;
				width: 240px;
				padding: 10px 10px 0 0;
			}
				#content .main .jobs-box .item {
					padding: 0 0 4px 0;
					height: 18px;
					overflow: hidden;
				}
					#content .main .jobs-box .item a {
						color: #333333;
					}
					#content .main .jobs-box .item.actual a {
						color: #FF0000;
					}
		
		#content .home-boxes {
			padding: 15px 18px 0 18px;
			height: 180px;
			display: block;
		}
			#content .advert-box {
				width: 169px;
				height: 158px;
				padding: 4px 15px;
				background-image: url(../img/advert-bg.png);
				background-repeat: no-repeat;
				float: left;
			}
				#content .sidebar .advert-box {
					margin: 15px 0 0 0;
				}
				#content .advert-box span {
					text-align: right;
					color: #999999;
					font-size: 11px;
					display: block;
				}
				#content .advert-box a {
					color: #006598;
				}
			
			#content .home-boxes .boxes-wrapper {
				height: 166px;
				float: right;
				width: 340px;
			}
			#content .home-boxes .realestate-box {
				width: 159px;
				height: 116px;
				padding: 50px 0 0 10px;
				background-image: url(../img/realestate-bg.png);
				background-repeat: no-repeat;
				float: left;
				color: #ffffff;
			}
				#content .home-boxes .realestate-box #realEstateFlash {
					float: left;
					width: 150px; 
					height: 80px;
				}
				#content .home-boxes .realestate-box h4 {
					font-size: 13px;
					font-weight: normal;
					padding: 8px 0 0 0;
					margin: 0;
					float: left;
				}
				#content .home-boxes .realestate-box a {
					color: #ffcc00;
					text-decoration: none;
				}
					#content .home-boxes .realestate-box a:hover {
						text-decoration: underline;
					}
			#content .home-boxes .arosanight-box {
				width: 159px;
				height: 116px;
				padding: 50px 0 0 10px;
				background-image: url(../img/arosanight-bg.png);
				background-repeat: no-repeat;
				float: left;
				color: #ffffff;
			}
				#content .home-boxes .arosanight-box #arosaNightFlash {
					float: left;
					width: 150px; 
					height: 80px;
				}
				#content .home-boxes .arosanight-box h4 {
					font-size: 13px;
					font-weight: normal;
					padding: 8px 0 0 0;
					margin: 0;
					float: left;
				}
				#content .home-boxes .arosanight-box a {
					color: #ffffff;
					text-decoration: none;
				}
					#content .home-boxes .arosanight-box a:hover {
						text-decoration: underline;
					}
			
			#content .home-boxes .lastminute-box {
				width: 299px;
				height: 136px;
				padding: 15px 20px;
				margin: 0 0 0 35px;
				background-image: url(../img/lastminute-bg.png);
				background-repeat: no-repeat;
				float: left;
				color: #006598;
			}			
				#content .home-boxes .lastminute-box h3 {
					font-size: 24px;
					font-weight: bold;
					padding: 0 0 4px 0;
					margin: 0;
				}
				#content .home-boxes .lastminute-box h4 {
					font-size: 14px;
					font-weight: normal;
					padding: 0 0 10px 0;
					margin: 0;
				}
				#content .home-boxes .lastminute-box a {
					color: #006598;
					text-decoration: none;
				}
					#content .home-boxes .lastminute-box a:hover {
						text-decoration: underline;
					}
	
		#content .partners-box {
			background-image: url(../img/partners-bg.png); /* ie6 fix */
			background-repeat: no-repeat;
			margin: 15px 18px 0 18px;
			padding: 10px 0 10px 0;
		}
			#content .partners-box .logos {
				margin: 0 10px 0 10px;
				padding: 4px 0 0 0;
				background-color: #ffffff;
			}
				#content .partners-box .logos a {
					padding: 0 5px;
				}
				
		#content .main .subpage-buttons {
			height: 72px;
			padding: 94px 0 0 0;
		}
			#content .main .subpage-buttons .jobs {
				background-image: url(../img/sub-button-jobs.png);
				background-repeat: no-repeat;
				width: 249px;
				height: 72px;
				float: right;
			}
				#content .main .subpage-buttons .jobs h3 {
					font-size: 24px;
					font-weight: bold;
					padding: 15px 0 4px 20px;
					margin: 0;
				}
				#content .main .subpage-buttons .jobs h4 {
					font-size: 14px;
					font-weight: normal;
					padding: 2px 0 10px 20px;
					margin: 0;
				}
				#content .main .subpage-buttons .jobs a {
					color: #333333;
					text-decoration: none;
				}
					#content .main .subpage-buttons .jobs a:hover {
						text-decoration: underline;
					}
			
			#content .main .subpage-buttons .lastminute {
				background-image: url(../img/sub-button-lastminute.png);
				background-repeat: no-repeat;
				width: 250px;
				height: 72px;
				float: right;
				margin: 0 10px 0 0;
				color: #006598;
			}
				#content .main .subpage-buttons .lastminute h3 {
					font-size: 24px;
					font-weight: bold;
					padding: 15px 0 4px 20px;
					margin: 0;
				}
				#content .main .subpage-buttons .lastminute h4 {
					font-size: 14px;
					font-weight: normal;
					padding: 2px 0 10px 20px;
					margin: 0;
				}
				#content .main .subpage-buttons .lastminute a {
					color: #006598;
					text-decoration: none;
				}
					#content .main .subpage-buttons .lastminute a:hover {
						text-decoration: underline;
					}
		
		#content .main .subpage-content {
			width: 702px;
			 margin: 15px 0 0 8px;
		}
			#content .main .subpage-content .top {
				height: 12px;
				line-height: 1px;
			}
			#content .main .subpage-content .bottom {
				height: 11px;
				line-height: 1px;
			}
			#content .main .subpage-content .inner {
				background-image: url(../img/sub-bg.png);
				background-repeat: repeat;
				padding: 20px;
			}

		#content .main .object-bar {
			height: 25px;
			border-bottom: 1px solid #FDCA00;
			margin: 0 0 10px 0;
		}

			#content .main .object-bar h1 {
				color: #006091;
			}
			#content .main .object-listing {
				float: left;				
			}
				#content .main .object-listing span {
					color: #999999;
				}
				#content .main .object-listing a {
					padding: 0 2px;			
				}
			
			#content .main .object-text {
				padding: 0 0 10px 0;
			}
				#content .main .object-text h3 {
					color: #999999;
				}
				
			#content .main .object-filter {
				float: right;
			}
				#content .main .object-filter form {
					display: inline;
				}
				#content .main .object-filter select {
					font-size: 11px;
				}
				#content .main .object-filter span {
					padding: 0 4px;
				}
				
			#content .main .object-stars {
				float: left;		
				margin: 0 10px 0 0;		
			}
				#content .main .object-stars span {
					position: relative;
					top: -5px;	
					color: #999999;
				}
				#content .main .object-stars a {
					color: #C9A000;
					font-family: "Times New Roman",Times,serif;
					font-size: 20px;
					font-weight: bold;
					text-decoration: none;
					padding: 8px 0 0 0;
					height: 12px;
					line-height: 24px;
					margin: 0 6px 0 0;
				}
					#content .main .object-stars a:hover {
						color: #006091;
					}
				
		#content .main .object-list {
			
		}
		#content .main .object-list#last-minute {
			
		}
			#content .main .object-list .item { /* ie6 bugfix*/
				width: 210px;
				padding: 0 15px 10px 0;
				float: left;
			}
			#content .main .object-list .item.highlight { /* ie6 bugfix*/
				background-image: url(../img/item-highlight-bg.png);
				background-repeat: repeat-y;
			}
			#content .main .object-list#detail .item.highlight { /* ie6 bugfix*/
				background-image: url(../img/item-highlight-bg.png);
				background-repeat: repeat;
				width: 662px;
				padding-right: 0;
			}
				#content .main .object-list#detail .item .detail-image { /* ie6 bugfix*/
					height: 120px; 
					text-align: left; 
					float: left;
				}
				#content .main .object-list#detail .item .detail-info { /* ie6 bugfix*/
					float: left; 
					margin-left: 15px; 
					width: 200px;
				}
				#content .main .object-list#detail .item .re-detail-info { 
					margin-top: 15px; 
					width: 100%;
				}
				#content .main .object-list#detail .item .re-detail-gallery {
					
				}
				#content .main .object-list#detail .item .re-detail-gallery a {
					display: block;
					width: 50px;
					height: 50px;
					overflow: hidden;
					margin: 5px 5px 0 0;
					float: left;
					border: 1px solid #dddddd;
				}
				#content .main .object-list#detail .item .re-detail-gallery a:hover {
					border: 1px solid #808080;
				}
				#content .main .object-list .item.highlight h2,
				#content .main .object-list .item.highlight span,
				#content .main .object-list .item.highlight .desc,
				#content .main .object-list .item.highlight .others {
					padding-left: 4px;
				}
				#content .main .object-list .item.highlight .highlight-top {
					text-align: center;
					width: 210px;
					height: 20px;
					padding: 4px 0 0 0;
					background-image: url(../img/item-highlight-top.jpg);
					background-repeat: no-repeat;
					color: #006598;
					font-size: 14px;
					/*position: absolute;*/
				}
				#content .main .object-list#detail .item.highlight .highlight-top {
					width: 662px;
					background-repeat: repeat-x;
				}
				#content .main .object-list#detail .item { /* ie6 bugfix*/
					width: 642px;
					float: left;
				}
				
			#content .main .object-list#apts .item { /* ie6 bugfix*/
				width: 320px;
				padding: 0 20px 10px 0;
			}
				#content .main .object-list#apts .item.highlight { /* ie6 bugfix*/
					background-image: url(../img/item-highlight-bg2.png);
				}
				#content .main .object-list#apts .item .highlight-top  {
					width: 320px;
					background-repeat: repeat-x;
				}
			
			
			#content .main .object-list#last-minute .item {
				width: 662px;
				padding: 0 0 10px 0;
				float: none;
				border-bottom: 1px solid #FDCA00;
			}
				#content .main .object-list .item .image {
					height: 136px;
					overflow: hidden;
					text-align: center;
				}
				#content .main .object-list#detail .item .image {
					height: 136px;
					width: 210px;
					overflow: hidden;
					text-align: center;
				}
				#content .main .object-list#apts .item .image {
					height: 200px;
				}
			#content .main .object-list .item.last {
				padding-right: 0;
			}
			#content .main .object-list#apts .item.last {
				padding-right: 0;
			}
				#content .main .object-list .item h2 {
					color: #006091;
					font-size: 16px;
					font-weight: bold;
					margin: 0;
					padding: 4px 0 6px 0;
				}
					#content .main .object-list .item h2 a{
						text-decoration: none;
					}
					#content .main .object-list .item h2 a:hover{
						text-decoration: underline;
					}
				#content .main .object-list .item span {
					color: #C9A000;
					font-size: 20px;
					font-weight: bold;
					font-family: "Times New Roman", Times, serif;
					display: block;
					line-height: 16px;
					height: 16px;
				}
				#content .main .object-list#last-minute .item .desc {
					width: 180px;
					padding: 0 10px 0 0;
					float: left;
				}
					#content .main .object-list#last-minute .item .desc.last {
						width: 280px;
						padding: 0;
						font-size: 11px;
					}
		#content .main .news-list {			
		}
			#content .main .news-list h1 {	
				padding: 5px 0 15px 0;		
			}
			#content .main .news-list .item {	
				padding: 0 0 20px 0;		
			}
				#content .main .news-list .item h2 {
					color: #006091;
					font-size: 16px;
					font-weight: bold;
					margin: 0;
					padding: 0 0 2px 0;
				}
					#content .main .news-list .item h2 span {
						color: #999999;
						font-size: 12px;
						font-weight: normal;
					}
		
					
					
				
		#content .main .item-webcam {
			float: left;
			width: 330px;
			padding: 0 0 25px 0;
		}
			#content .main .item-webcam h2 {
				margin: 0;
				padding: 0 0 6px 0;
				font-size: 14px;
			}
				#content .main .item-webcam h2 a {
					text-decoration: none;
				}
					#content .main .item-webcam h2 a:hover {
						text-decoration: underline;
					}


	.job-detail {
		width: 450px;
	}
		.job-detail th {
			padding: 4px 6px;
			width: 100px;
			text-align: right;
			font-weight: bold;
			border-bottom: 1px solid #f0f0f0;
		}
		.job-detail td {
			padding: 4px 6px;
			border-bottom: 1px solid #f0f0f0;
		}
		.job-detail .header {
			background-color: #22567E;
			color: #ffffff;
			font-weight: bold;
			font-size: 14px;
		}
			.popup form .job-detail input {
				width: 250px;
				padding: 1px 4px;
				border: 1px solid #BBBBBB;
			}
			.popup form .job-detail textarea {
				width: 250px;
				height: 80px;
				padding: 1px 4px;
				border: 1px solid #BBBBBB;
			}
			.popup .button-sub {
				text-align: center;
				padding: 4px;
			}
		
	.buttons {
		height: 43px;
	}	
		.buttons .item {
			width: 152px;
			height: 43px;			
			margin: 0 20px 0 0;
		}
			.buttons .item.b01 {
				background-image: url(../img/button-01.png);
				background-repeat: no-repeat;
				float: left;
			}
			.buttons .b01 a {
				background-image: url(../img/button-01.png);
				background-repeat: no-repeat;
				font-size: 14px;
				font-weight: bold;
				color: #FFCC00;
				display: block;
				padding: 12px 0 0 15px;
			}
			.buttons .item.b02 {
				background-image: url(../img/button-02.png);
				background-repeat: no-repeat;
				margin: 0 auto;
			}
			.buttons .b02 a {
				background-image: url(../img/button-02.png);
				background-repeat: no-repeat;
				font-size: 14px;
				font-weight: bold;
				color: #006699;
				display: block;
				padding: 12px 0 0 15px;
			}

	.sep {
		height: 1px;
		line-height: 1px;
	}


/* Footer
----------------------------------------*/
#footer {
	margin: 0 0 30px 0;
	width: 932px;
	height: 33px;
	padding: 20px 20px 0 20px;
	background-image: url(../img/footer-bg.png);
	background-repeat: no-repeat;
	color: #FFCC00;
	font-size: 11px;
}
	#footer a {
		color: #FFCC00;
	}
	#footer .copy {
		float: left;
	}
	#footer .q2 {
		float: right;
	}