* {
	margin: 0;
	padding: 0;
	border: none
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, lucida, sans-serif;
	font-size: x-small;
	background: #A2C3E4 url("../img/body.jpg") repeat-x center top;
	text-align: center;
	line-height: 1.5
}
html>body {
	font-size: small
}
html, body {
	height: 100%
}
/* odkazy */
a:link, a:visited {
	color: #007DB8;
	font-weight: normal
}
a:hover {
	color: #DE9400
}
#footer a:link, #footer a:visited {
	color: #0E3663;
	font-weight: normal
}
#footer a:hover {
	color: #fff
}
a.print {
	background: url("../img/print3.gif") no-repeat center left;
	padding: 0 1px 0 24px
}
a.out {
	background: url("../img/out.gif") no-repeat right center;
	padding: 1px 9px 1px 1px
}
/* LAYOUT */
#top {
	width: 100%;
	min-height: 340px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url("../img/top.jpg") no-repeat center top
}
#top-in {
	width: 906px;
	min-height: 182px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #fff
}
#header {
	width: 906px;
	height: 187px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	text-align: center;
	background: url("../img/header.jpg") no-repeat center top
}
#header-in {
	width: 100%;
	height: 187px;
	margin: 0;
	padding: 0;
	background: url("../img/--header-test.jpg") no-repeat right top;
}
h1, h1 span {
	width: 234px;
	height: 124px;
	position: absolute
}
h1 {
	font-size: 130%;
	top: 62px;
	left: 42px;
	overflow: hidden;
	text-align: left;
	z-index: 1
}
h1 span {
	display: block;
	left: 0;
	top: 0;
	z-index: 2;
	background: url("../img/h1.jpg") no-repeat left top;
	cursor: pointer
}
#content {
	width: 906px;
	min-height: 100px;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	background: url("../img/content-repeat.jpg") repeat-y
}
#content-in {
	width: 906px;
	min-height: 100px;
	text-align: center;
	margin: 0;
	overflow: hidden;
	background: url("../img/content-top.jpg") no-repeat left top
}
#content-in2 {
	width: 906px;
	position: relative;
	min-height: 100px;
	text-align: center;
	margin: 0;
	overflow: hidden;
	background: url("../img/content-bottom.jpg") no-repeat left bottom
}
#text {
	width: 610px;
	min-height: 785px;
	float: left;
	color: #13467F
}
#text-in {
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0 0 55px 0
}
#text-gal-top {
	width: 600px;
	min-height: 20px;
	float: left;
	text-align: left;
	color: #13467F
}
#text-gal {
	width: 100%;
	min-height: 20px;
	float: none;
	text-align: left;
	color: #13467F
}
#right {
	width: 267px;
	float: right;
	color: #13467F;
	text-align: left
}
#right-in {
	width: 100%;
	padding: 42px 0 55px 0
}
#right img {
	margin: 0 0 25px 15px;
	vertical-align: top
}
#right-gal {
	width: 267px;
	float: right;
	color: #13467F;
	text-align: left
}
#right-gal-in {
	width: 100%;
	padding: 42px 0 0 0
}
#right-gal img {
	margin: 0 0 30px 15px;
	vertical-align: top
}
#footer {
	width: 906px;
	min-height: 72px;
	margin: 0 auto;
	clear: both;
	padding: 0;
	text-align: center;
	background: #A2C3E4 url("../img/footer.jpg") no-repeat center top
}
#footer p {
	font-size: 100%;
	color: #0E3663;
	padding: 25px 35px 100px 35px;
	text-align: center
}
#footer span {
	color: #0E3663;
	margin: 0 2px;
}
/* menu */
#menu {
	width: 600px;
	min-height: 28px;
	position: absolute;
	bottom: -2px;
	right: 30px;
	background: none
}
#menu ul {
	width: 600px;
	min-height: 28px;
	margin: 0;
	padding: 0;
	font-size: 85%;
	font-family: Tahoma, Verdana, lucida, sans-serif;
	text-align: center;
	font-style: normal
}
#menu li {
	width: 110px;
	float: left;
	list-style: none;
	margin: 0 3px 0 0
}
#menu li#p01, #menu li#p02 {
	width: 116px;
	float: left;
	list-style: none;
	margin: 0 3px 0 0
}
#menu li#p01 a, #menu li#p02 a {
	width: 116px;
	padding: 6px 0 8px 0;
	display: block;
	font-weight: bold;
	background: url("../img/menu2.gif") no-repeat left top;
}
#menu li#p01 a:hover, #menu li#p02 a:hover {
	width: 116px;
	padding: 6px 0 8px 0;
	display: block;
	font-weight: bold;
	background: url("../img/menu2.gif") no-repeat right top;
}
#menu li#p01.active, #menu li#p02.active {
	width: 116px;
	background: url("../img/menu2.gif") no-repeat right top;
	display: block;
	font-weight: bold;
	color: #E39700;
	padding: 6px 0 8px 0;
}
#menu a {
	width: 110px;
	padding: 6px 0 8px 0;
	display: block;
	background: url("../img/menu.gif") no-repeat left top;
	font-weight: bold
}
#menu a:link, #menu a:visited {
	color: #13467F;
	text-decoration: none
}
#menu a:hover {
	background: url("../img/menu.gif") no-repeat right top;
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: #E39700;
}
#menu li.active {
	width: 110px;
	background: url("../img/menu.gif") no-repeat right top;
	display: block;
	font-weight: bold;
	color: #E39700;
	padding: 6px 0 8px 0
}
/* menu2 */
#menu2 {
	width: 200px;
	margin: 0 0 0 15px;
	position: relative;
	padding: 0 0 14px 0;
	font-size: 85%;
	font-family: Tahoma, Verdana, lucida, sans-serif;
	text-align: center
}
#menu2 li {
	width: 200px;
	list-style: none;
	position: relative;
	min-height: 24px;
	margin: 0 0 10px 0
}
#menu2 a {
	width: 200px;
	min-height: 22px;
	position: relative;
	padding: 6px 0 2px 0;
	display: block;
	font-weight: bold
}
#menu2 a span, #menu2 li.active span {
	width: 200px;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: -1px;
	display: block;
	font-weight: bold;
	cursor: pointer;
	background: url("../img/menu2-bottom.jpg") no-repeat center bottom;
}
#menu2 a:link, #menu2 a:visited {
	color: #13467F;
	display: block;
	background: url("../img/menu2-top.jpg") no-repeat left top;
	text-decoration: none
}
#menu2 a:hover {
	background: url("../img/menu2-top.jpg") no-repeat right top;
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: #E39700
}
#menu2 li.active {
	width: 200px;
	min-height: 22px;
	position: relative;
	background: url("../img/menu2-top.jpg") no-repeat right top;
	display: block;
	font-weight: bold;
	color: #E39700;
	padding: 6px 0 2px 0
}
/* formatovani textu */
#text p, #text address, #text-gal-top p {
	padding: 7px 20px 7px 55px;
	font-style: normal
}
#text span.solar {
	color: #FFAD16 !important;
	font-family: Arial;
	font-size: 16px
}
#text span.komplet {
	font-family: Arial;
	font-size: 16px;
	color: #3E79B8 !important
}
address span {
	font-weight: bold !important;
	line-height: 2.0;
}
#text p {
	font-size: 110%
}
#text strong {
	color: #336396
}
#text p.big {
	font-size: 120% !important;
	font-weight: bold;
	padding: 15px 20px 7px 55px;
}
#text p.big img {
	vertical-align: baseline
}
#right address {
	padding: 0 35px 6px 15px;
	font-style: normal
}
address em, #form em, #form span {
	font-style: normal !important;
	font-weight: normal !important
}
#text h2, #text-gal-top h2 {
	font-size: 170%;
	margin: 40px 37px 3px 55px;
	font-weight: bold;
	font-style: normal;
	color: #3E79B8
}
#text h3, #text-gal-top h3 {
	font-size: 140%;
	padding: 12px 33px 6px 55px;
	font-weight: bold;
	font-style: normal;
	color: #E39700
}
#text h4, #text-gal-top h4 {
	font-size: 130%;
	padding: 6px 33px 6px 55px;
	font-weight: bold;
	font-style: normal;
	color: #000
}
#form h3 {
	font-size: 140%;
	margin: 0;
	padding: 12px 0 2px 0;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	color: #E39700
}
#text h3.box {
	font-size: 125%;
	padding: 6px 0 0 55px;
	font-weight: bold;
	font-style: normal;
	color: #E39700
}
#right h3 {
	font-size: 140%;
	text-align: left;
	padding: 0 40px 18px 15px;
	font-weight: bold;
	font-style: normal;
	color: #E39700
}
#right p {
	text-align: left;
	font-weight: normal;
	margin: 0;
	padding: 4px 50px 4px 15px
}
/* seznamy */
#text ul {
	margin: 4px 25px 3px 67px;
	text-align: left;
	font-size: 110%
}
#text ul li {
	list-style-type: none;
	margin: 3px 0 3px 0;
	padding: 0 0 0 15px;
	background: url("../img/li.jpg") no-repeat left 0.55em
}
#text ul li ul {
	margin: 4px 0 3px 10px;
	text-align: left;
	font-size: 110%;
	width: 100%
}
#text ul li ul li {
	list-style-type: none;
	margin: 3px 0 3px 0;
	padding: 0 0 0 15px;
	background: url("../img/li.jpg") no-repeat left 0.55em
}
#text ul li.chyba {
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
	font-weight: bold;
	color: #DF0E00;
	background: url("../img/li.jpg") no-repeat left 0.55em
}
/* tabulky */
table {
	border-collapse: collapse;
	font-size: 85%;
	color: #000;
	text-align: left;
	width: 480px
}
.table {
	padding: 15px 0 15px 26px;
	margin: 0;
	text-align: left
}
th, td, tr {
	padding: 2px 2px;
	border: 1px solid #000000;
	line-height: 1.5
}
/* formular */
#form {
	width: 99%;
	margin: 0 0 5px 55px;
	padding: 0;
	text-align: left;
	border: none;
	text-align: left
}
form {
	width: 99%;
	height: auto;
}
fieldset {
	width: 520px;
	margin: 0;
	padding: 0
}
legend {
	font-size: 99%;
	color: #850F0F;
	font-weight: bold;
	margin: 0;
	padding: 12px 10px 12px 55px;
	line-height: 1.5;
	border: none
}
label {
	margin: 0;
	padding: 0
}
input {
	width: 99%;
	margin: 5px 0 7px 0;
	border: 1px solid #DADEE3;
	background: #FCFCF7
}
input.dotaz {
	width: 60px;
	margin: 3px 0 3px 6px;
	border: 1px solid #DADEE3
}
textarea {
	width: 99%;
	height: 170px;
	margin: 5px 0 5px 0;
	border: 1px solid #DADEE3;
	background: #FCFCF7;
	font-family: Verdana, Tahoma, lucida, sans-serif;
	font-size: 100%
}
p.button input {
	width: 106px;
	height: 24px;
	text-align: center;
	padding: 1px 0 2px 0;
	margin: 7px 0 0 0;
	font-family: Verdana, Tahoma, lucida, sans-serif;
	font-size: 85%;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	color: #515770;
	overflow: hidden;
	background: #B5CFF5 url("../img/button.jpg") no-repeat left top;
	border: none
}
p.button input:hover {
	background: #DAE5F5 url("../img/button.jpg") no-repeat right top;
	color: #E39700;
	border: none
}
#form p {
	font-size: 100%;
	margin: 0 !important;
	padding: 10px 20px 8px 0 !important
}
#form p.pozn-form {
	font-size: 100%;
	color: #3E79B8;
	font-weight: bold;
	padding: 13px 15px 14px 0 !important;
	margin: 0
}
#form p.pozn-form2 {
	font-size: 100%;
	color: #3E79B8;
	font-weight: bold;
	margin: 6px 0 0 0;
	padding: 0
}
p#echo, .echo {
	font-weight: bold;
	color: #DF0E00;
	padding: 6px 0 6px 55px
}
#text p.small {
	font-size: 86%
}
/* ruzne */
abbr, acronym {
	border: none;
	cursor: help
}
.hidden {
	position: absolute;
	width: 300px;
	left: 0;
	top: -2000px
}
hr {
	display: none
}
div.end, div.cleaner {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	border: none
}
#pocitadlo {
	border: none;
	display: none
}
/* schemata */
#text div.box {
	width: 550px;
	min-height: 156px;
	padding: 6px 0 20px 0;
	overflow: hidden;
	margin: 0 0px 10px 55px;
	border-bottom: 1px solid #E1E8F0
}
#text div.box p {
	padding: 6px 0 0 0;
	margin: 0;
	text-align: left
}
#text div.imgleft {
	width: 173px;
	float: left;
	margin: 10px 0 0 0;
	background: none
}
#text div.imgleft p {
	margin: 0 0 5px 10px !important
}
#text div.imgleft p.marg2 {
	margin: 0 0 16px 10px !important
}
#text div.imgleft2 {
	width: 150px;
	float: left;
	margin: 10px 0 0 0
}
#text div.imgleft2 p {
	margin: 0 0 5px 0 !important
}
#text div.imgleft2 p.marg2 {
	margin: 0 0 22px 0 !important
}
a.lupa {
	background: url("../img/lupa5.jpg") no-repeat center left;
	padding: 0 0 0 23px;
}
/* mapa */
#mapa {
	position: relative;
	width: 200px;
	height: 292px;
	margin: 0 0 20px 15px;
	padding: 0;
	overflow: hidden;
	line-height: 1.0
}
#mapa span {
	position: absolute;
	width: 200px;
	height: 292px;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	cursor: pointer;
	background: url("../gal/mapa.gif") no-repeat left top
}
#mapa a {
	position: absolute;
	width: 200px;
	height: 292px;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	cursor: pointer;
	background: url("../gal/mapa.gif") no-repeat left top
}
#mapa a:link, #mapa a:visited {
	cursor: pointer;
}
#mapa a:hover span {
	cursor: pointer;
	background: url("../gal/mapa.gif") no-repeat right top
}
/* galerie */
div.gal {
	width: 100%;
	padding: 0;
	margin: 0
}
div.gal-in {
	width: auto;
	padding: 20px 0 45px 0;
	text-align: left;
	margin: 0 0 12px 52px
}
div.gal img {
	margin: 0 11px 16px 0;
	vertical-align: top;
}
div.gal a img {
	border: none
}
div.gal a:hover img {
	border: none
}
.cleaner {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	border: none;
	background: none
}
img.float-left {
	float: left;
	margin: 12px 20px 0 55px
}
div.box2 {
	width: 535px;
	min-height: 50px;
	margin: 12px 0 10px 53px;
	padding: 0;
	text-align: left;
	background: url("../img/box.jpg") no-repeat left top
}
div.box2-in {
	width: auto;
	min-height: 50px;
	margin: 0 0 0 0;
	padding: 13px 15px 17px 20px;
	overflow: hidden;
	background: url("../img/box-bottom.jpg") no-repeat left bottom
}
div.box2 p {
	margin: 0 !important;
	padding: 0 !important;
	font-weight: bold
}
p.big2 {
	font-size: 16px !important;
	font-style: italic !important;
	font-weight: bold !important;
	line-height: 1.3;
	color: #427DBD
}


div.linex {
  width: 535px;
  margin: 45px 0 15px 55px
}
div.linex-in {
  width: auto;
  border: 0px solid #000;
  padding: 20px;
  background: #E8E8E8
}


h2#x {
  color: #000 !important;
  padding: 0;
  margin: 0
}
p.xxx {
  color: #000 !important;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 5px 0 !important;
  margin: 0 !important;
}

div.box-sedy {
	width: 532px;
	min-height: 100px;
	margin: 45px 0 15px 55px;
	padding: 0;
	background: url("../img/box-sedy-top.gif") no-repeat center top
}
div.box-sedy-in {
	width: auto;
	min-height: 100px;
	margin: 0;
	padding: 20px 20px;
	background: url("../img/box-sedy-bottom.gif") no-repeat center bottom
}