body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,  ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}

body {
	background:#1a171b;
}

#bg {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;
}

#bg img {
	height:100%;
}

#body {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:10;
}

/* --------------------------------------- header */
.adress {
	width:100%;
	height:20px;
	border-bottom:solid 1px #333;
	background:#1a171b;
	position:fixed;
	z-index:12;
}

.adress h2 {
	padding:4px 8px 0 200px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;
}

.adress-fix h2 {
	padding:4px 8px 0 290px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;
}

.adress h2 a, .adress-fix h2 a {
	color:#fff;
	text-decoration:none;
}

.adress h2 a:hover, .adress-fix h2 a:hover {
	color:#f49d14;
 	text-decoration:underline;
}

/* --------------------------------------- logo and menu at the left side */
.left-side {
	float:left;
	width:200px;
}

.left-side-logo {
	position:fixed;
	left:0;
	width:250px;
	padding:61px 0 0 40px;
}

.left-side ul {
	float:left;
	width:175px;
	padding:228px 0 10px 25px;
	text-shadow:#1a171b 2px -1px 2px;
}

.left-side ul li {
	float:left;
	width:175px;
	list-style-type:none;
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:9px 0 9px 0;
}

.left-side ul li a {
	float:left;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 20px;
}

.left-side ul li a:hover {
	float:left;
	color:#fff;
	padding:0 0 0 20px;
	background:url(../images/orange.png) no-repeat 0px 5px;
}

.submenu {
	float:left;
	width:500px;
	padding:233px 0 0 0;
	text-shadow:#1a171b 2px -1px 2px;
}

.submenu ul {
	float:left;
	width:500px;
}

.submenu ul li {
	float:left;
	width:500px;
	list-style-type:none;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:4px 0 4px 0;
}

.submenu ul li a {
	float:left;
	color:#fff;
	text-decoration:none;
}

.submenu ul li a:hover {
	float:left;
	color:#fff;
	text-decoration:underline;
}

.bytove-domy {
	padding:270px 0 0 0;
}

.administrativa {
	padding:307px 0 0 0;
}

.rodinne-domy {
	padding:345px 0 0 0;
}

.materske-skoly {
	padding:382px 0 0 0;
}

.sport {
	padding:419px 0 0 0;
}

.souteze {
	padding:456px 0 0 0;
}

.detail {
	padding:493px 0 0 0;
}

.selected {
	float:left;
	padding:0 0 0 20px;
	background:url(../images/orange.png) no-repeat 0px 5px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
}

/* --------------------------------------- logo and menu at the left side black */
.left-side-black {
	float:left;
	width:200px;
	position:fixed;
}
.left-side-black ul {
	float:left;
	width:175px;
	padding:228px 0 10px 25px;
}

.left-side-black ul li {
	float:left;
	width:175px;
	list-style-type:none;
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:9px 0 9px 0;
}

.left-side-black ul li a, .submenu-black ul li a {
	float:left;
	color:#000;
	text-decoration:none;
	padding:0 0 0 20px;
}

.left-side-black ul li a:hover {
	float:left;
	color:#000;
	padding:0 0 0 20px;
	background:url(../images/orange.png) no-repeat 0px 5px;
}

.selected-black {
	float:left;
	color:#000;
	padding:0 0 0 20px;
	background:url(../images/orange.png) no-repeat 0px 5px;
	font:bold 16px Arial, Helvetica, sans-serif;
}

.submenu-black {
	float:left;
	width:200px;
	left:200px;
	padding:233px 0 0 0;
	position:fixed;
}

.submenu-black ul {
	float:left;
	width:200px;
}

.submenu-black ul li {
	float:left;
	width:200px;
	list-style-type:none;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000;
	padding:4px 0 4px 0;
}

.submenu-black ul li a {
	float:left;
	color:#000;
	text-decoration:none;
}

.submenu-black ul li a:hover {
	float:left;
	color:#000;
	text-decoration:underline;
}

.submenu-selected {
	float:left;
	color:#000;
	padding:0 0 0 20px;
	text-decoration:underline;
}
/* --------------------------------------- site with detail */
.adress-fix {
	position:fixed;
	width:100%;
	height:20px;
	border-bottom:solid 1px #333;
	background:#1a171b;
}

.left-side-fix {
	float:left;
	width:290px;
	padding:61px 0 0 0;
	position:fixed;
}

.left-side-fix ul {
	float:left;
	width:245px;
	padding:228px 0 0 25px;
}

.left-side-fix ul li {
	float:left;
	width:245px;
	list-style-type:none;
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:10px 0 10px 0;
}

.left-side-fix ul li a {
	color:#fff;
	text-decoration:none;
	padding:0 0 0 20px;
	background:url(../images/back.png) no-repeat 0px 5px;
}

.left-side-fix ul li a:hover {
	color:#f49d14;
}

.data {
	width:710px;
	padding:61px 0 0 290px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#fff;
}

.data table {
	width:710px;
}

.what {
	width:150px;
}

.who {
	width:500px;
}

.data p {
	float:left;
	width:710px;
	padding:5px 0 5px 0;
	line-height:20px;
}

.data h1 {
	float:left;
	width:700px;
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 20px 0;
}

.data img {
	float:left;
	padding:40px 0 40px 0;
}

/* --------------------------------------- site contact */
.contact {
	left:400px;
	top:238px;
	width:600px;
	position:absolute;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:22px;
	text-shadow:#1a171b 2px -1px 2px;
}

.contact h1 {
	float:left;
	width:600px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0;
}

.contact p {
	float:left;
	width:600px;
	padding:0 0 30px 0;
}

.contact a, .copy a, .copy-detail a {
	color:#fff;
	text-decoration:none;
}

.contact a:hover, .copy a:hover, .copy-detail a:hover {
	color:#fff;
	text-decoration:underline;
}

/* --------------------------------------- site atelier */
.text-atelier {
	left:400px;
	top:61px;
	width:600px;
	position:absolute;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:22px;
}

.text-atelier table {
	width:600px;
}

.text-atelier h1 {
	float:left;
	width:600px;
	font:normal 16px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 0 20px 0;
}

.text-atelier h2 {
	float:left;
	width:600px;
	padding:0 0 5px 0;
	font:bold 14px Arial, Helvetica, sans-serif;
}

.text-atelier ul {
	float:left;
	width:580px;
	padding:0 0 40px 20px;
	list-style-type:square;
}

.text-atelier td {
	vertical-align:top;
}

.text-atelier a {
	color:#000;
	text-decoration:none;
}

.text-atelier a:hover {
	color:#000;
	text-decoration:underline;
}

.vic {
	height:12px;
}

.foto-atelier {
	left:400px;
	top:135px;
	width:600px;
	position:absolute;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:22px;
}

/* --------------------------------------- site copyright */
.copy {
	float:left;
	width:245px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 55px 0 0 45px;
}

.copy-detail {
	float:left;
	width:245px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 200px 0 0 45px;
}

.copy-black {
	float:left;
	width:245px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	padding: 55px 0 0 45px;
}

.copy-black a {
	color:#000;
	text-decoration:none;
}

.copy-black a:hover {
	color:#000;
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------- Upnet Multimedia (C) 2009 */