/* www.jlz.cz, CSS styly pro zobrazeni */

/* zakladni nastaveni */

html {
	background: #898989 url(html.gif) repeat-y center;
	font-size: 100.01%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #555555;
	font-weight: normal;
	font-style: normal;
	
	text-align: center;
}

body.editor {
	background: #ffffff;
	font-size: 0.7em;
}

a img, a:link img {
	border: none;
}

p {
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h1 {
	font-size: 1.2em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	color: #009ee0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h2 {
	font-size: 1.1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	color: #009ee0;
	text-transform: uppercase;
}

h3 {
	font-size: 1.1em;
	font-weight: bolder;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	color: #009ee0;
}

h4 {
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	color: #009ee0;
}

h5 {
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h6 {
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

ol {
	margin-left: 0em;
	padding-left: 2.3em;
}

ul {
	margin-left: 0em;
	padding-left: 2.3em;
}

ul li {
	list-style-type: square;
	list-style-image: url(ul-li.gif);
}

sub {
	font-size: 85%;
}

sup {
	font-size: 85%;
}

strong {
	color: #009ee0;
}

em {
	color: #009ee0;
}

a {
	color: #000000;
}

a:hover {
	color: #ff0000;
}

fieldset {
	border: 1px solid #cccccc;
	padding: 0.3em;
}

legend {
	border: 1px dotted #cccccc;
	padding: 0.3em;
}

input.text, input.password, input.captcha-number {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #999999;
	width: 10em;
}

input.checkbox {
	width: 12px;
	height: 12px;
}

input.radio {
	width: 12px;
	height: 12px;
}

input.submit, input.reset, input.button {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #ffffff;
	background: #009ee0;
	font-weight: bold;
	border: none;
	cursor: pointer;
	padding: 5px;
}

input.file, input.customFormFile {
	width: 18em;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #999999;
}

input.image {
	padding: 0px;
	border: none;
}

textarea {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #999999;
	overflow: auto;
	width: 10em;
}

select {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #ffffff;
	width: 10em;
}

img.captcha-image {
	float: left;
	margin-right: 5px;
}

span.required {
	color: #cc0000;
}

td.label {
	font-weight: bold;
	vertical-align: top;
}

td.label strong {
	color: #555555;
}

hr {
	color: #cccccc;
	height: 1px;
	border: none;
	background-color: #cccccc;
}

table {
	font-size: 1em;
}

table th, table td {
	padding-left: 5px;
	padding-right: 5px;
}

table th {
	text-align: left;
	font-weight: normal;
}

table.standard {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}

table.standard td {
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

table.standard th {
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

table.colored {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}

table.colored td {
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

table.colored th {
	background-color: #eeeeee;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

img.border {
	border: 3px solid #9a9a93;
}

/* stranka */

div.homepage, div.page {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
}

/* vrstva pro tisk */

div.print-header {
	display: none;
}

/* presun na obsah */

div.shift-to-content {
	position: absolute;
	left: -10000px;
}

/* hlavicka */

div.header {
	width: 1000px;
	height: 359px;
	border-bottom: 1px solid #ffffff;
	position: relative;
}
div.page div.header {
	background: #cccccc url(header.page.jpg);
	background-repeat:no-repeat;
}

div.homepage div.header {
	background: #cccccc url(header.homepage.jpg);
	background-repeat:no-repeat;
}


div.page div.header.novinky {
	background: #cccccc url(header.novinky.jpg);
	background-repeat:no-repeat;
}
div.page div.header.reference {
	background: #cccccc url(header.reference.jpg);
	background-repeat:no-repeat;
}
div.page div.header.kontakt {
	background: #cccccc url(header.kontakt.jpg);
	background-repeat:no-repeat;
}

div.page div.header.ke-stazeni {
	background: #cccccc url(header.kontakt.jpg);
	background-repeat:no-repeat;	
}

div.page div.header.news {
	background: #cccccc url(header.novinky.jpg);
	background-repeat:no-repeat;
}

/* vyber jazyka */

div.langmenu {
	position: absolute;
	left: 12px;
	top: 10px;
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: bold;
}

div.langmenu h2 {
	position: absolute;
	left: -10000px;
}

div.langmenu ul {
	margin: 0em;
	padding: 0em;
}

div.langmenu li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	margin-right: 3px;
}

div.langmenu a {
	background: url(langmenu-a.png) no-repeat center center;
	color: #ffffff;
	text-decoration: none;
	min-width: 2.2em;
	min-height: 2.2em;
	line-height: 2.1em;
	display: block;
	text-align: center;
	float: left;
	margin-right: 3px;
}

* html div.langmenu a {
	width: 2.1em;
	height: 2.1em;
	background: #a3a3a3;
}

div.langmenu a:hover {
	color: #cc0000;
}

div.langmenu a.active {
	background: url(langmenu-a-active.png) no-repeat center center;
}

* html div.langmenu a.active {
	background: #0094dd;
}

/* logo */

div.logo {
	width: 461px;
	height: 82px;
	overflow: hidden;
	position: absolute;
	left: 37px;
	top: 194px;
}

div.logo p {
	width: 461px;
	height: 82px;
	overflow: hidden;
	position: relative;
}

div.logo span {
	width: 461px;
	height: 82px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}

div.homepage div.logo span {
	/*background: #cccccc url(header.homepage.png);*/
	background-position: -37px -194px;
}

div.page div.logo span {
	/*background: #cccccc url(header.page.png);*/
	background-position: -37px -194px;
}

/* hlavni menu */

div.mainmenu {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: table;
	padding-top: 10px;
	font-size: 0.8em;
	font-weight: bold;
}



div.mainmenu h2 {
	position: absolute;
	left: -10000px;
}

div.mainmenu ul {
	margin: 0em;
	padding: 0em;
	
	width: 100%;
	display: table;
}

* html div.mainmenu ul {
	
}

div.mainmenu li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	padding: 13px 19px 11px 19px;
}

div.mainmenu a {
	color: #ffffff;
	text-decoration: none;
}

div.mainmenu a:hover, div.mainmenu a.active {
	color: #0097d6;
	text-decoration: none;
}

div.mainmenu-2ndlevel {
	float: right;
	width: 100%;
	display: table;
	text-align: right;
}

div.mainmenu-2ndlevel ul {
	margin: 0em;
	padding: 0em;
}

div.mainmenu-2ndlevel li {
	list-style-type: none;
	list-style-image: none;
	display: inline;
	margin-right: 7px;
}

div.mainmenu-2ndlevel a {
	color: #009ee0;
}

div.mainmenu-2ndlevel a:hover {
	color: #cc0000;
}

div.mainmenu-2ndlevel a.active {
	color: #009ee0;
	font-weight: bold;
}

/* osoby na kopci */

p.jarusek, p.laznicka {
	font-size: 0.6em;
	font-weight: bold;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	text-transform: uppercase;
	position: absolute;
	top: 55px;
	z-index: 2;
	display: none;
}

p.jarusek {
	right: 360px;
	padding-right: 8px;
}

p.laznicka {
	left: 675px;
	padding-left: 8px;
}

p.jarusek a, p.laznicka a {
	color: #666666;
	text-decoration: none;
}

p.jarusek a:hover, p.laznicka a:hover {
	color: #000000;
	text-decoration: none;
}

/* pointers */

span.pointer {
	position: absolute;
	overflow: hidden;
	background: url(pointers.gif);
}

span.pointer.left {
	left: 0px;
}

span.pointer.right {
	right: 0px;
}

p.jarusek span.pointer, p.laznicka span.pointer {
	width: 5px;
	height: 7px;
	top: 0.7em;
	cursor: pointer;
}

p.laznicka span.pointer.left {
	background-position: 0px 0px;
}

p.jarusek span.pointer.right {
	background-position: -5px 0px;
}






/* obsah */

div.content {
	width: 100%;
	display: table;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 0.7em;
	background: #ffffff url(content.gif) repeat-y;
}

/* sloupce */

div.content div.left {
	width: 793px;
	float: left;
}

div.content div.right {
	width: 206px;
	float: right;
}

/* levy sloupec */

div.text {
	min-height: 525px;
	background: url(watermark.gif) no-repeat center center;
	margin: 26px 19px 26px 19px;
	line-height: 1.6em;
}

* html div.text {
	height: 525px;
}

/* pravy sloupec */

div.box {
	padding: 17px 15px 17px 15px;
	border-bottom: 1px solid #cccccc;	
}

div.box strong {
	color: #666666;
}

/* novinky */

div.news {
	background: #009ee1;
	color: #ffffff;
}

div.news h2 {
	color: #000000;
}

div.news a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

/* galerie */

div.page-navigation {
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

div.img img {
	border: 3px solid #999999;
}

div.photo-item {
	float: left;
	width: 170px;
	margin-right: 10px;
}

div.gallery-item {
	border-bottom: 1px solid #cccccc;
	width: 100%;
	display: table;
	padding-bottom: 9px;
	margin-bottom: 9px;
}

div.gallery-item th {
	text-transform: uppercase;
}

div.gallery-item div.img {
	float: left;
	margin-right: 10px;
}

div.gallery th {
	text-transform: none;
	font-weight: bold;
	color: #009ee0;
}

div.gallery table {
	margin-bottom: 20px;
}

div.gallery th, div.gallery-item th {
	padding-left: 0px;
}

/* pata */

div.footer {
	border-top: 1px solid #bbbbbb;
	background: #d1d1d1 url(footer.gif) repeat-x left bottom;
	width: 100%;
	display: table;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #999999;
	padding-top: 8px;
	padding-bottom: 11px;
}

div.footer div.servicemenu {
	float: left;
	display: inline;
	margin-left: 14px;
}

div.footer div.credits {
	float: right;
	display: inline;
	margin-right: 14px;
}

div.servicemenu ul {
	margin: 0em;
	padding: 0em;
}

div.servicemenu li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	padding-right: 17px;
	margin-right: 14px;
}

div.servicemenu a {
	color: #999999;
}

div.credits p {
	float: left;
	border-right: 1px solid #999999;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-right: 5px;
	margin-right: 5px;
}

div.credits p.last {
	border-right: none;
	padding-right: 0px;
	margin-right: 0px;
}

div.credits a {
	color: #009ee0;
}

span.bullet {
	width: 7px;
	height: 8px;
	overflow: hidden;
	background: url(bullet.gif);
	margin-right: 6px;
	margin-top: 6px;
	float: left;
}

div.box span.bullet {
	margin-top: 3px;
}

* html span.bullet {
	margin-right: 2px;
}