* {margin:0;padding:0;} 

html, body {height: 100%;}
object { outline:none; }
hr { width: 336px; height: 10px; background: transparent url('../images/hr.png') center top no-repeat; border: none; margin-top: 8px; text-align: left; }
#wrapper {min-height: 100%;}

#main {
	overflow:auto;
	overflow-x: hidden;
	padding-bottom: 95px;	/* must be same height as the footer */
}  
img { border: 0 }

#footer {
	position: relative;
	margin-top: -75px; /* negative value of footer height */
	height: 75px;
	clear:both;} 

#sliderbox { 
	position: absolute; 
	right: 18px; 
	top: 0;
	width:670px; 
 overflow: hidden;
 height: 249px;
	
}
#sliderinnerbox div { margin: 0; width:	672px;
height:	251px}
#sliderdiv1 { margin: 0 !important; height: 251px !important }
#slidernav { position: absolute; right: 30px; top: -30px }
#slidernav a { display: block; background: #00c3d8; border: 1px solid #00b3a8; cursor: pointer; padding: 5px 8px; float: left; margin-right: 2px; text-decoration: none; font-weight: bold }
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
#content { clear: both; overflow: visible; padding-bottom: 90px; } 
#header { 
	height: 75px;
}
#topinner { height: 38px;  }
#slider { height: 249px }
.inner {
	position: relative;
	width: 960px;
	left: 50%;
	margin-left: -480px;
}
#slider .inner {
	width: 1000px;
	margin-left: -500px;
}
.lcol, .ccol { float: left;  min-height: 300px }
.lcol, .rcol { width: 240px;  }
.rcol { float: right; padding-bottom: 10px; }
.ccol { width: 440px; padding-bottom: 25px }
.lcol { margin-right: 10px }
#prevs { padding-top: 20px; overflow: hidden; width: 970px; clear: both; padding-bottom: 80px; }
.prev {
	float:left;
	height:160px;
	margin-right:1px;
	width:240px;
}
.prev h3 span, .prev p {
	display: block;
	padding: 15px 30px;
	
}
.prev h3 { height: 44px !important; overflow: hidden; }
.prev h3 span { height: 44px !important; }
.prev p { padding-bottom: 30px; margin-top: 1px; padding-top:20px;  min-height:65px; }
h1 { 
	display:block;
	height:64px;
	margin-left:42px;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	top:5px;
	width:64px;
}
#logotyp { padding:6px 0 3px 20px; }

#main-menu { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 0;
	right: 0;
}
#main-menu li { display: inline; float: left; border-left:1px solid #34B4C8; }
#main-menu li a { 
	display: block;
	width: 140px;
	text-indent: -9999px;
	overflow:hidden;
	height: 50px;
}
#contactmap { 
	display:block;
	height:250px;
	margin-bottom:20px;
	width:434px;
	border: 2px solid white;
}
#contactform { margin-bottom: 14px }
#contactform form { 
	background:url("../images/semi.png") repeat scroll 0 0 transparent;
	margin-top:5px;
	padding:5px 8px;
	position:relative;
	width:420px;
	font-size: 8pt
}
#contactform form div {
	float:right;
	position:relative;
	top:-138px;
}
input, textarea { display: block; padding: 5px; margin-bottom: 5px; margin-top: 2px; width: 195px; font-family: Tahoma, Geneva, sans-serif; font-size: 9pt; background:url("../images/semi.png") repeat scroll 0 0 transparent; border: 1px solid #00374c; color: #fff }
textarea { height: 108px }
input[type=button] { width: 70px; padding: 3px }
.contactbox {
	padding: 25px;
	float: left;
	font-size: 10pt; line-height: 140%;
}
.contactbox h4 {
	width: 100px;
	height: 30px;
	text-indent: -999px;
}
.submenu h4 { height: 50px; text-indent: -9999px; overflow: hidden }

.sections { padding: 8px 20px; margin-top: 20px;  }
.newsmenu a {width: 400px;  height: 16px;  display: block; padding: 10px 20px;  border-top: 1px solid #206080; text-decoration: none !important }
.newsmenu a small { float: right; margin-right: 20px;}
#struktura { margin-top: 6px;}
/* colors images ect */
body { background: #00374c url('../images/bg.jpg') 50% 75px no-repeat; }

h1 { background: url('../images/jtlogo.png'); }
#header { background: #006487 url('../images/bgh.jpg') center top no-repeat; }
#mm1 a { background: transparent url('../images/mmn1.png') 10px 35px no-repeat; }
#mm2 a { background: transparent url('../images/mmn2.png') 10px 25px no-repeat; }
#mm3 a { background: transparent url('../images/mmn3.png') 10px 25px no-repeat; }
#mm4 a { background: transparent url('../images/mmn4.png') 10px 14px no-repeat; }
#mm5 a { background: transparent url('../images/mmn5.png') 10px 35px no-repeat; }

.submenu h4 { background: transparent url('../images/menu.png') 170px 50% no-repeat; }
#slider { background: #dcdeeb; }
#slider .inner { 
	height: 249px;	
	background: #dcdeeb url('../images/bgm.jpg') 0 -1px no-repeat;	
}
.submenu, .sections, .newsmenu { 
	background:  transparent url('../images/semi.png'); 
}
 .prev h3 { background: transparent url('../images/zbg.png'); }
 .prev p { background: transparent url('../images/zbg2.png'); }
 .prev h3 span { background: transparent url('../images/zbg3.png') 0 -60px no-repeat; }
.submenu ul ul {
	background:  transparent url('../images/semi.png'); 
	
}
.contactbox {
	background: #dcdeeb url('../images/bgm.jpg') -15px 0px  no-repeat;
}
.contactbox h4 {
	background: transparent url('../images/kontakt.png') top left no-repeat;
}
#slider .contactbox { background: none !important }
#footer { 
	background: #006487;
}
.logo { 
background: #fcfcff !important;
float:right;
margin-left:8px;
}
#footer .inner { padding: 30px 0; }
/* typo */
body { 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	color: #eee;
}

a, a:link, a:hover, a:active, a:visited { color: #eee; }
.prev { font-size: 8pt }
.prev h3 { text-align: right; }
.prev p { color: #ddd }

.contactbox, #slider .inner { color: #206080;}
#kontakt { font-size: 10pt; line-height: 140%; }
.when_date { float: right; font-size: 7pt; font-weight: lighter; display: block;  }

.submenu li { list-style-type: none; border-top: 1px solid #206080; overflow: hidden  }
.submenu ul li a { 
	text-decoration: none !important;
	display:block;
	height:26px;
	padding-left: 20px;
	padding-top:10px;
	position:relative;
	width:220px; 
	background: transparent url('../images/hover_bg.png') 0 32px repeat-x;
	font-size: 8pt; 
}
.newsmenu { overflow: hidden }
.newsmenu a {	
	background: transparent url('../images/hover_bg.png') 0 32px repeat-x;
}
.submenu ul li ul li a {
	padding-left: 40px;
	font-size: 8pt; 
}
.third_menu { display: none }
.ccol p { display: block; }
.ccol h3 {
	font-size: 16pt;
	font-weight: bold;
	padding-bottom: 5px;
	/* border-bottom: 3px double #00c2d6; */
}
.ccol .textcontent { padding: 30px 0 30px 0 }
.ccol .textcontent p { padding: 0 0 15px 0; }
.ccol .textcontent ul { margin-left: 20px; padding-bottom: 20px; }
.ccol .textcontent h2 { font-size: 11pt; font-weight: bold; 
	 width: auto; display: inline; margin-bottom: 4px }
.ccol .textcontent h3 { font-size: 10pt; font-weight: bold; border: none; }
.goback { float: right; font-size: 8pt; }
#footer .inner { font-size: 7pt; text-align: right }
#footer .inner  a { text-decoration: none !important }
.prev a { text-decoration: none !important }

#zaufali {
	margin-right:45px;
	padding-top:25px;
	width:150px;
	text-align: center;
}
#zaufali p { padding-bottom: 15px; }

#sflogos { float: right; margin-left:4px; }
#spgallery { width: 450px; height: 455px; margin-top: 50px;  }
#spgallery img { border: 2px solid #fff }

#bredcrumbs { 
	position:absolute;
	right:0;
	text-decoration:none !important;
	top:-24px;
}

#contactinfo h2 {
	background:url("../images/semi.png") repeat scroll 0 0 transparent;
	display: block;
	width: 400px;
	font-size: 10pt;
	padding: 5px;
	cursor: pointer
}
#contactinfo div {
	margin-left: 10px;	
}

.inner_top {
	background:none repeat scroll 0 0 #DCDEEB;
	margin-bottom:20px;
	width:50%;
	height:249px;
}

.inner_top .inner { 
	background:url("../images/bgm.jpg") no-repeat scroll 0 -1px #DCDEEB;
	height:249px;
	left:50%;
	margin-bottom:20px;
	margin-left:-500px;
	position:absolute;
	width:980px;
}
.inner_top .inner img { float: left; }

#logobox {
	float:left;
	font-size:10pt;
	line-height:140%;
	padding:25px;
}

#jowix_gallery {
 	color: 	#206080
}
#jowix_gallery_inside { width: 642px; height: 249px; margin-left: 41px; }
#out_gallery {
 	color: 	#206080
}
#out_gallery_inside { width: 642px; height: 249px; margin-left: 41px; }

#active_item { color: #CF0 }