html, body {
	margin:0;
	padding:0;
	background:#c7c7c7;
	height:100%;
	font:12px/140% Verdana, Geneva, sans-serif;
	text-align:center;
	color:#464646;
	}
#page {
	min-height:100%;
	background:url(../images/bg.jpg) center 0 repeat-y;
	position:relative;
	}
	.center {
		width:850px;
		margin:0 auto;
		background:url(../images/bg.jpg) center 0 repeat-y;
		text-align:left;
		}
		#background {
			}
			.homepage {
				background: url(../images/homepage_bg.jpg) 225px 75px no-repeat;
				}
		#head {
			height:121px;
			border-bottom:1px solid #a6a6a6;
			background:url(../images/head_bg.jpg) 0 0 no-repeat;
			clear:both;
			}
			#logo {
				display:block;
				width:177px;
				height:43px;
				padding:40px 0 0 10px;
				float:left;
				}
			#languagemenu {
				height:20px;
				width:152px;
				padding:0 30px 1px 0;
				text-align:right;
				font-weight:bold;
				line-height:20px;
				background:#c81414;
				float:right;
				}
				#languagemenu a {
					color:#000;
					padding:0 2px;
					text-decoration:none;
					}
				#languagemenu a.selected {
					color:#fff;
					}
			#headtext {
				color:#464646;
				width:480px;
				padding:35px 0 0 0;
				float:right;
				clear:right;
				}
				.headtextcolumn {
					width:160px;
					float:left;
					}
					#sunrise {
						width:100px;
						padding:0 0 0 60px;
						background:url(../images/sunrise.gif) 30px 8px no-repeat;
						}
					#sunset {
						width:100px;
						padding:0 0 0 60px;
						background:url(../images/sunset.gif) 30px 8px no-repeat;
						}
					
					
		#left {
			width:218px;
			height:auto;
			float:left;
			}
			#menu {
				width:218px;
				padding:20px 0 50px 0;
				height:auto;
				}
				#menu a {
					display:block;
					height:26px;
					line-height:26px;
					padding:2px 0 1px 50px;
					border-top:1px solid #bcbcbc;
					color:#333;
					background-image:url(../images/a_bg.gif);
					background-repeat:no-repeat;
					background-position:0 0;
					font-weight:bold;
					text-decoration:none;
					overflow:hidden;
					}
				#menu a:hover {
					background-position:0 -30px;
					}
				#menu a.selected {
					border-top:0;
					padding-top:3px;
					background:#c81414 url(../images/a_bg_selected.gif) 0 0 no-repeat;
					}
				#menu #menu1 {
					border:0;
					}
				#menu .submenu {
					padding:10px 0 25px 0;
					}
					#menu .submenu a {
						border:0;
						font-weight:normal;
						height:20px;
						line-height:20px;
						background-image:none;
						background-position:5px 3px;
						}
					#menu .submenu a:hover {
						background-position:5px -17px;
						}
					#menu .submenu a.selected {
						background:none;
						color:#c81414;
						font-weight:bold;
						}
						#menu #menu_lokacni-servis {
							background-image:url(../images/menu/lokacni-servis.gif);
							}
						#menu #menu_zajisteni-zazemi {
							background-image:url(../images/menu/zajisteni-zazemi.gif);
							}
						#menu #menu_fotoprodukce {
							background-image:url(../images/menu/fotoprodukce.gif);
							}
			#contact {
				width:158px;
				padding:20px 0 20px 60px;
				height:auto;
				background:url(../images/kontakt.gif) 12px 20px no-repeat;
				font-weight:bold;
				}
				#contact strong {
					color:#c81414;
					font:bold 16px/140% Verdana, Geneva, sans-serif;
					}
			#registration {
				display:block;
				width:168px;
				height:auto;
				padding:10px 0 10px 50px;
				border-top:1px solid #bcbcbc;
				background:url(../images/registrace-nemovitosti.gif) 7px 15px no-repeat;
				font-weight:bold;
				color:#333;
				text-decoration:none;
				}
			#registration.selected {
				color:#c81414;
				}
			
		#content {
			width:577px;
			height:auto;
			padding:25px 0 0 55px;
			float:left;
			}
			.nase-sluzby {
				background:url(../images/nase-sluzby_bg.jpg) 0 0 no-repeat;
				}
				.nase-sluzby .intro {
					padding:0 0 10px 170px;
					font-size:14px;
					line-height:130%;
					}
			.homepage .intro {
				border-bottom:1px solid #ccc;
				height:210px;
				}

			.homepagecolumn {
				width:270px;
				height:180px;
				padding:20px 18px 45px 0;
				float:left;
				position:relative;
				}
				.homepagecolumn h2 {
					color:#c81414;
					}

			.redbutton {
				display:block;
				height:24px;
				width:145px;
				overflow:hidden;
				font:bold 12px/24px Verdana, Geneva, sans-serif;
				background:url(../images/redbutton.gif) 0 0 no-repeat;
				color:#fff;
				text-decoration:none;
				text-align:center;
				position:absolute;
				bottom:40px;
				left:30px;
				}

			.aktualne {
				min-height:140px;
				padding:25px 0 25px 220px;
				border-top:1px solid #ccc;
				clear:both;
				background:url(../images/aktualne_bg.jpg) 0 0 no-repeat;
				}
				.aktualne h3 {
					font:normal 22px/110% Verdana, Geneva, sans-serif;
					color:#333;
					}
				.aktualne h4 {
					font:bold 32px/110% Verdana, Geneva, sans-serif;
					color:#333;
					padding:0 0 15px 0;
					}
			
				
			.quote {
				padding:10px 0 25px 45px;
				background:url(../images/quote.gif) 3px 8px no-repeat;
				font-size:18px;
				line-height:120%;
				color:#898989;
				}
			.servicesbox {
				width:480px;
				padding:24px 0 20px 0;
				background:url(../images/services_bg.gif) 200px 10px no-repeat;
				}
				.servicesbox p {
					padding:15px 20px 15px 50px;
					background:#dcdcdc url(../images/services_ico.gif) 17px 20px no-repeat;
					}
				.servicesbox a {
					color:#434343;
					text-decoration:none;
					font-weight:bold;
					}
				.servicesbox a:hover {
					text-decoration:underline;
					}
			.h1_profil-spolecnosti {
				padding-left:55px;
				background:url(../images/headlines/profil.gif) 0 13px no-repeat;
				}
			.h1_kontakt {
				padding-left:40px;
				background:url(../images/headlines/kontakt.gif) 0 10px no-repeat;
				}
			.h1_reference {
				padding-left:70px;
				background:url(../images/headlines/reference.gif) 0 10px no-repeat;
				}
			.h1_finders {
				padding:40px 0 11px 47px;
				background:url(../images/headlines/finders.gif) 0 32px no-repeat;
				}
			.h1_databaze-lokaci {
				padding-left:60px;
				background:url(../images/headlines/databaze-lokaci.gif) 0 8px no-repeat;
				}
			.h1_registrace-nemovitosti {
				padding-left:35px;
				background:url(../images/headlines/registrace-nemovitosti.gif) 0 8px no-repeat;
				}
			.h2_lokacni-servis {
				padding-left:40px;
				background:url(../images/headlines/lokacni-servis.gif) 0 12px no-repeat;
				}
			.h2_zazemi {
				padding-left:40px;
				background:url(../images/headlines/zazemi.gif) 0 17px no-repeat;
				}
			.h2_fotoprodukce {
				padding-left:40px;
				background:url(../images/headlines/fotoprodukce.gif) 0 13px no-repeat;
				}
			.h2_zaregistruj-nemovitost {
				padding-left:70px;
				background:url(../images/headlines/zaregistruj-nemovitost.gif) 0 15px no-repeat;
				}
			.h2_databaze-lokaci {
				padding-left:60px;
				background:url(../images/headlines/databaze-lokaci.gif) 0 13px no-repeat;
				}
			.h2_co-je-to-lokace {
				padding-left:40px;
				background:url(../images/headlines/co-je-to-lokace.gif) 0 15px no-repeat;
				}
			.h2_jaka-nemovitost {
				padding-left:40px;
				background:url(../images/headlines/jaka-nemovitost.gif) 2px 12px no-repeat;
				}
			.h2_co-ziskate {
				padding-left:40px;
				background:url(../images/headlines/co-ziskate.gif) 0 15px no-repeat;
				}
			.h2_zabezpeceni {
				padding-left:40px;
				background:url(../images/headlines/zabezpeceni.gif) 2px 9px no-repeat;
				}
			.h2_od-registrace-po-realizaci {
				padding-left:40px;
				background:url(../images/headlines/od-registrace-po-realizaci.gif) 3px 13px no-repeat;
				}
			.h2_jak-zaregistrovat {
				padding-left:40px;
				background:url(../images/headlines/jak-zaregistrovat.gif) 3px 12px no-repeat;
				}
			.h2_formular {
				padding-left:40px;
				padding-bottom:5px;
				background:url(../images/headlines/formular.gif) 3px 15px no-repeat;
				}
			.h3_prilozene-fotky {
				font:bold 14px/110% Verdana, Geneva, sans-serif;
				padding:10px 0 10px 35px;
				background:url(../images/headlines/prilozene-fotky.gif) 2px 8px no-repeat;
				border-bottom:1px solid #ccc;
				}
			.a_jak-fotografovat {
				padding:10px 0 10px 35px;
				background:url(../images/headlines/jak-fotografovat.gif) 8px 50% no-repeat;
				}
			.grayborders {
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				padding:15px 0;
				margin:0 0 12px 0;
				}
			#map {
				width:573px;
				height:390px;
				overflow:hidden;
				border:1px solid #ccc;
				padding:1px;
				margin-bottom:40px;
				background:#fff;
				}

			.contactbox {
				display: flex;
				flex-wrap: wrap;
			}
			.contactboxleft,
			.contactboxright {
				padding:15px 8px 45px 10px;
				width:150px;
				/* float:left; */
				}
			.contactboxleft {
				/* float:left; */
				}
			.contactboxright {
				/* float:right; */
				}
				.contactboximg {
					width:103px;
					height:89px;
					padding:6px 8px 8px 6px;
					margin:0 15px 0 0;
					overflow:hidden;
					float:left;
					}
				.contactboxleft .contactboximg {
					background:url(../images/contactboxleft_bg.gif) 0 0 no-repeat;
					}
				.contactboxright .contactboximg {
					background:url(../images/contactboxright_bg.gif) 0 0 no-repeat;
					}
				.contactboxleft h2,
				.contactboxright h2 {
					font-size:12px;
					line-height:120%;
					padding:8px 0 3px 0;
					}
				.contactboxleft h3,
				.contactboxright h3 {
					font-size:12px;
					line-height:120%;
					padding:0 0 15px 0;
					color:#c81414;
					font-weight:normal;
					}
			.referencesbox {
				width:577px;
				padding:15px 0 0 0;
				border-top:1px solid #ccc;
				clear:both;
				}
				.referencesboxtext {
					width:357px;
					float:left;
					padding:0 10px 15px 10px;
					}
				.referencesboxfoto,
				.referencesboxvideo {
					width:100px;
					padding:10px 0 10px 0;
					float:left;
					}
				.referencesboxfoto a,
				.referencesboxvideo a {
					padding:2px 0 2px 25px;
					color:#464646;
					font-weight:bold;
					}
				.referencesboxfoto a {
					background:url(../images/foto.gif) 0 50% no-repeat;
					}
				.referencesboxvideo a {
					background:url(../images/video.gif) 0 50% no-repeat;
					}
			.firstreferencesbox {
				width:577px;
				padding:35px 0 25px 0;
				clear:both;
				background:url(../images/firstreferencesbox_bg.gif) 0 0 no-repeat;
				}
				.firstreferencesboxfoto {
					width:159px;
					height:108px;
					border:6px solid #cdcdcd;
					float:left;
					overflow:hidden;
					background:#fff;
					}
				.firstreferencesboxtext {
					width:250px;
					float:left;
					padding:8px 16px 10px 40px;
					}
					.firstreferencesboxtext h3 {
						font:bold 18px/115% Verdana, Geneva, sans-serif;
						color:#666;
						}

			#contentmenu {
				width:577px;
				padding:15px 0 35px 0;
				border-top:1px solid #ccc;
				background:url(../images/firstreferencesbox_bg.gif) 0 bottom no-repeat;
				clear:both;
				}
				/*
				#contentmenu a {
					display:block;
					width:192px;
					height:22px;
					font:bold 12px/22px Verdana, Geneva, sans-serif;
					color:#333;
					text-decoration:none;
					float:left;
					}
				*/
				#contentmenu a {
					display:block;
					width:182px;
					height:auto;
					margin:0 10px 0 0;
					padding:6px 0 6px 0;
					font:bold 12px/14px Verdana, Geneva, sans-serif;
					color:#333;
					text-decoration:none;
					float:left;
					}
				#contentmenu a:hover,
				#contentmenu a.selected {
					color:#c81414;
					}

			.dbbox {
				width:577px;
				padding:25px 0 25px 0;
				border-top:1px solid #ccc;
				clear:both;
				}
				.dbboxfoto {
					width:159px;
					height:108px;
					border:6px solid #cdcdcd;
					float:left;
					overflow:hidden;
					background:#fff;
					}
				.dbboxtext {
					width:386px;
					padding:0 0 0 20px;
					float:left;
					}
					.dbboxtext h3 {
						font:normal 18px/110% Verdana, Geneva, sans-serif;
						padding:3px 0 10px 0;
						}
						.dbboxtext h3 strong {
							color:#c81414;
							}
					.dbboxtext p {
						padding:0 0 10px 0;
						}
					.dbboxtext a {
						display:block;
						width:162px;
						height:24px;
						margin:3px 0 0 0;
						background:#ccc;
						font-weight:bold;
						text-align:center;
						line-height:24px;
						text-decoration:none;
						color:#333;
						overflow:hidden;
						}
			
			.formcolumn {
				width:285px;
				float:left;
				}
			.formline {
				width:570px;
				clear:both;
				}
			.formnote {
				text-align:right;
				padding:0 35px 0 0;
				font-style:italic;
				}
				.formnote span {
					color:#c81414;
					}
			.formimagebox {
				width:150px;
				height:138px;
				overflow:hidden;
				padding:5px;
				margin:5px 20px 10px 0;
				border:1px solid #ccc;
				background:#eee;
				float:left;
				}
				.formimageboxcontent {
					width:150px;
					height:113px;
					background:#fff;
					overflow:hidden;
					}
				.formimagebox a {
					display:block;
					height:20px;
					width:150px;
					margin:5px 0 0 0;
					font:bold 12px/20px Verdana, Geneva, sans-serif;
					float:right;
					text-align:center;
					text-decoration:none;
					background:#bbb;
					color:#000;
					}
				.formimagebox a:hover {
					color:#fff;
					background:#333;
					}
		#spacer {
			height:120px;
			clear:both;
			}
	#footer {
		height:103px;
		width:100%;
		padding:8px 0 0 0;
		position:absolute;
		background:#000;
		color:#4d4d4d;
		position:absolute;
		left:0;
		bottom:0;
		}
		#footer .center {
			background:0;
			}
		#footer img {
			float:left;
			padding:0 167px 0 5px;
			}
		#footer a {
			color:#4d4d4d;
			font-weight:bold;
			padding:0 5px;
			text-decoration:none;
			}
img {
	border:0;
	}
a {
	color:#00c;
	}
h1 {
	margin:0;
	padding:15px 0 25px 0;
	font:bold 21px/110% Verdana, Geneva, sans-serif;
	}
h2 {
	margin:0;
	padding:15px 0 15px 0;
	font:bold 18px/110% Verdana, Geneva, sans-serif;
	}
	h2 span {
		color:#c81414;
		}
h3 {
	margin:0;
	padding:0;
	}
h4 {
	margin:0;
	padding:0;
	}
p {
	margin:0;
	padding:0 0 18px 0;
	}
ul {
	margin:0 90px 0 0;
	padding:0;
	list-style:none;
	}
	li {
		padding:5px 0 5px 40px;
		margin:0;
		background:url(../images/li_bg.gif) 0 9px no-repeat;
		border-top:1px solid #ccc;
	}
	li.firstli {
		border-top:0;
	}
form {
	margin:0;
    margin-top:10px;
	padding:0;
	}
label {
	color:#c81414;
	font:bold 12px/120% Verdana, Geneva, sans-serif;
	}

.cleaner {
	width:100%;
	height:1px;
	overflow:hidden;
	clear:both;
	}
.textinput,
.widetextinput {
	border:1px solid #ccc;
	padding:2px 5px;
	margin:2px 0 15px 0;
	color:#333;
	}
.textinput {
	width:250px;
	}
.widetextinput {
	width:535px;
	}
textarea {
	border:1px solid #ccc;
	width:535px;
	height:80px;
	padding:2px 5px;
	margin:2px 0 15px 0;
	color:#333;
	font:12px/120% Verdana, Geneva, sans-serif;
	}
.fileinput {
	/*width:360px;*/
	margin:2px 0 15px 0;
	}
.submitinput {
	background:#c81414;
	color:#fff;
	border:none;
	padding:5px 20px;
	margin:2px 0 15px 0;
	}

.hide span,
.show span {
	display:none;
	}
.hide .linkhide {
	display:none;
	}
.show .linkmore {
	display:none;
	}
.linkhide,
.linkmore {
	color:#000;
	font-weight:bold;
	}


/* 100un */
.error {
    color:#f00;
    font-weight:bold;
    }
.photoLabel {
	font-weight:bold;
    color:#464646;
	}
#btnUpload {
	line-height:105%;
	margin:0 10px;
	}
#popup {
    display:none;
    }
    #popup-content {
        padding:10px 20px;
		color:#000;
		background:#fff;
    	}
		#popup-content ul {
			list-style:square;
			margin:5px 0 15px 20px;
			}
			#popup-content ul li {
				padding:0 100px 7px 5px;
				border:0;
				background:none;
				}
		#popup-content h3 {
			padding:15px 0 5px 0;
			font-size:16px;
			}