@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	background:#f1f1f1;
	font-size:14px;
}
h3 a,h3 a:visited {color:#000; text-decoration:underline}
#page{
	width:1000px;
	margin: 20px auto;
}
	#header{margin: 0 auto;}
		#headings{}
			#top{ background:url(img/znojesmske_strojirny.jpg); height:76px; width:725px; float:left; text-indent:-99999px;margin: 0 auto;margin-bottom:15px;}
			#languages{ width:200px; float:right; text-align:right; font-size:10px}
			#languages ul{list-style: none; text-decoration:none; padding: 0;margin-left: 25px;}
			#languages ul li a { text-decoration:none; margin-bottom:5px}
			#languages ul li a:active {text-decoration:none; color:#000}
			#languages ul li a:visited {text-decoration:none; color:#000}
			#languages ul li a:hover {text-decoration:underline; color:#000}
			#languages img { position:relative; top:3px}
		#menu{ background:#FFF url(img/menu.jpg) no-repeat; height:59px; margin-top:10px; width:1011px; position:relative; left:-5px; clear:both; margin-bottom:-10px}
		#menu ul{list-style: none;padding: 0;margin-left: 25px;}
		#menu ul li{float:left; margin-right:10px; margin-top:6px}
		#menu ul li a{display:block; text-decoration:none; padding:14px; color:#000}
		#menu ul li a:active{ background:#f1f1f1; text-decoration:underline; padding:14px}
		#menu ul li a:visited{ background:#f1f1f1; text-decoration:underline; padding:14px}
		#menu ul li a:hover{ background:#f1f1f1; text-decoration:underline; padding:14px}
		#slider{ height:300px}
#nadpis{}
	#content{}
		#id_part{ height:184px; background:url(img/id_part.jpg) repeat-x #666; clear:both}
		.id1{ width:380px; float:left; padding:20px 20px 20px 30px}
		.id1 h3 {font-size:14px; margin:0px; padding:0px}
		.id1 p{ font-size:12px;}
		.id1 h2 { color: red; margin-top:15px; margin-bottom: 10px;}
		.id2{ width:250px; float:left; padding:20px; margin-left:40px}
		.id2 h3 {font-size:14px; margin:0px; padding:0px}
		.id2 p{ font-size:12px; margin:7px 0 0 0}
		.id3{ width:290px; float:right; padding:20px}
		.id3 h3 {font-size:14px; margin:0px; padding:0px}
		.id3 p{	font-size:12px;	text-align: left; padding-left:10px}
		#main{}
			#text{ width:650px; padding:0px 30px 30px 30px; float:left; font-size:13px;}
			.f_big{ font-size:18px; font-weight:bold; color:#666}
			#front_side{ background: #FBFBFB; width:260px; padding:0px 10px 10px 10px; float:right; font-size:13px;}
#button{ height:50px; width:134px; text-indent:-99999px; background: url(img/prihlasit.png);border:none; cursor: pointer}
	#footer{ clear:both; border-top: 1px solid #000; padding:20px; margin-bottom:10px; font-size:13px; position:relative}
	#footer a {text-decoration:none; color:#000}
	#footer a:visited { text-decoration:none; color:#000}
	#footer a:hover { text-decoration: underline; color:#000}
	#content2{ width:867px; background:#FFF; margin:0 auto; padding:20px 70px 20px 63px; margin: 0 0 20px 0}
	#content2 h1{}
	.ctext{ font-size:12px}
	.clear { clear:both} 
#str{
	background:#FFF url(img/content_bg2.jpg) repeat-y ;margin:-13px 0 30px 0; padding:40px 20px 20px 20px}

 #strcontetleft{width:600px; padding-left:40px; float:left}
 #strcontetleft h1{ color:#0045a4; font-size:20px}
 #strcontetleft p{ font-size:13px; line-height:18px}
 #strcontetleft li { font-size:13px; line-height:18px}
 #strcontentright{ width:205px; padding:7px 10px 10px 10px; float:right}
 #strcontentright p{
	font-size:13px;
	text-align: left;
}
 #strcontentright h2 {color:#0045a4; font-size:16px}
 .clr {clear:both}
.white { background: #FFF}

/* CSS Document */

.jqueryslidemenu{ background:#FFF url(img/menu.jpg) no-repeat;margin: 0 auto; height:59px; width:1011px; position:relative; left:-5px; clear:both;}

.jqueryslidemenu ul{
margin: 0px;
padding: 6px;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{display:block; text-decoration:none; padding:14px; color:#4e4e4e}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #4e4e4e;
}

.jqueryslidemenu ul li a:hover{
background: #bcbcbc; /*tab link background during hover state*/
color: white;

}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
font-size:12px;
visibility: hidden;
background: #DADAFE
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font-size: 11px;
width: 170px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;

}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #bcbcbc;
color: white;
width: 170px;
}
.jqueryslidemenu ul li ul li ul li a{
font-size: 11px;
width: 170px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;

}
.jqueryslidemenuz ul li ul li ul lia:hover{ /*sub menus hover style*/
background: #bcbcbc;
color: white;
width: 170px;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
display:none;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	z-index:-1;
}
/*--Window/Masking Styles--*/
.window {
	height:270px;	width: 730px;
	overflow: hidden;
	position: relative;
	float:left;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
	text-indent:-99999px;
}
.image_reel img {float: left;}

#titulka{
	width:260px;
	height:260px;
	float:right;
	background: #0442a5;
	padding:5px;
	}
#titulka h2{
	text-align:center;
	color:#fff}
#titulka h3{
	text-align:left;
	padding: 10px 0 0 20px;
	font-size:13px;
	color:#fff}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: 263px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	font-size:10px;
	background: url(img/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #c58c10;
	border: 1px solid #0a4395;
}
.paging a:hover {font-weight: bold;}
.ode{
	margin:20px auto;
	width:100%;
	background:#0D5BBF;
	height:5px;
}
.odeg{
	margin:20px auto;
	width:100%;
	background: #999;
	height:5px;
}