@charset "UTF-8";

body,td,th {
	behavior: url(iepngfix.htc);
	font-family: georgia, serif;
	font-size: 12px;
	line-height: 16px;
	color:#494949;
	background-color:#F2F2F2;
	background-image:url(img/bg-main-blue.jpg);
	background-position:top;
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	background-attachment:fixed;}
	
body {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top:0px;
	padding:0px;}
	
#page {
	position:relative;
width:948px;
margin: auto}

/* navigace */
div.kategorie {
	display:block;
	padding-left:20px;
	margin-top:5px;
	margin-bottom:15px}
ul {opi:0px}
span.nadpis-sekce {
	display:block;
	width:232px;
	height:26px;
	background-image:url(img/bg-nadpis-sekce-leftcol.png);
	color:#2E3191;
	font-size:20px;
	padding-left:12px;
	padding-top:8px}

#navigace {
	margin-top:47px;
	}
	#navigace-right {
	margin-top:47px;
	margin-left:30px
	}
div.obsah-sekce {
	width:244px;
	background-image:url(img/bg-konec-sekce-leftcol.png);
	background-position:bottom;
	background-repeat:no-repeat;
	min-height:200px;
	background-color:#fff;}

li {
	color:#333;
	list-style:none;
	line-height:25px}
.users-number li {
	color:#333;
	list-style:none;
	line-height:15px}
	
a.leftcol {
	display:block;
	width:206px;
	padding-top:5px;
	padding-left:30px;
	height:25px;
	background-image:url(img/bg-a-leftcol.png);
	background-position:bottom;
	background-repeat:no-repeat;
	font-weight:300;
	color:#333;
	font-size:15px;
	text-decoration:none}
	
a.leftcol:hover {
	font-weight:400;
	color:#2E3191;
	text-decoration:underline;
	background-image:none;}

a.cat-1 {color:#2e3191;
font-weight:300;}
a.cat-1:hover {color:#2e3191;
font-weight:400;
background-image:url(img/ikony/anchor-kulicka-cat1.gif);
background-position:left;
background-repeat:no-repeat;}

a.cat-2 {color:#69c6d3;
font-weight:300;}
a.cat-2:hover {color:#69c6d3;
font-weight:400;
background-image:url(img/ikony/anchor-kulicka-cat2.gif);
background-position:left;
background-repeat:no-repeat;}

a.cat-4 {color:#a1e949;
font-weight:300;}
a.cat-4:hover {color:#a1e949;
font-weight:400;
background-image:url(img/ikony/anchor-kulicka-cat4.gif);
background-position:left;
background-repeat:no-repeat;}

a.cat-5 {color:#e93e47;
font-weight:300;}
a.cat-5:hover {color:#e93e47;
font-weight:400;
background-image:url(img/ikony/anchor-kulicka-cat5.gif);
background-position:left;
background-repeat:no-repeat;}

a.nounderline {
	background-image:none}
a.nounderline:hover {
	background-image:none}
	
a {
	color:#333;
	font-size:13px;
	text-decoration:none;
	line-height:20px;
	padding-left:23px;}
	
a:hover {
	font-weight:200;
	color:#2E3191;}
/* navigace */

#left {
position:absolute;
display:block;
width:262px;
left:0px;
padding-top:30px}

#right{
position:absolute;
display:block;
width:626px;
left:272px;
top: 240px;
}

#startpage {
	display:block;
	width:100%;
	padding:2px;
	padding-bottom:100px;
	margin-bottom:0px;
	background-image:url(img/bg-right-all.png);
	background-repeat:repeat-y;
	float:left}
#endpage {
	display:block;
	float:left;
	width:100%;
	min-height:50px;
	background-color:#f1f1f1;
	bottom:0px;
	border-top:solid;
	border-top-color:#CCC;
	border-top-width:1px;
	padding-bottom:20px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;}
	
	#endpage span {
		display:block;
		padding:10px;
		padding-left:30px;
		font-size:11px;
		color:#333;
		width:100%;
		height:20px}
	
	#endpage img {
	padding:5px;
	background-color:#CCC}
	#endpage img:hover {
	padding:5px;
	background-color:#fff}
	
	a.backlink-logo {
		text-decoration:none;
		border:none}
		a.backlink-logo img {
		border:none}

#top {
	position:absolute;
	left:272px;
	display:block;
	width:626px;
	height:240px;
	padding:0px;
	z-index:999}
	
	h1#hlavni {
	position:absolute;
	left:272px;
	background-image:url(img/bg-right-all.png);
	background-repeat:repeat-y;
	padding:10px;
	top:160px;
	display:block;
	width:606px;
	height:auto;
	z-index:9999;
	line-height:30px;
	visibility:hidden}
h1 {
font-size:25px;
padding-top:15px;
padding-left:15px;
font-weight:bold;
text-indent:5px;
/*max-width:270px;*/
background-image:url(img/h1-bg.png);
background-repeat:no-repeat;
background-position:bottom left;
padding-bottom:10px;
margin-top:0px;
margin-bottom:0px;
visibility:hidden}



h2 {
font-size:17px;
color:#333;
text-indent:5px;
display:block;
font-weight:bold;
min-width:212px;
padding-top:10px;
padding-bottom:7px;
background-image:url(img/h3-bg.png);
background-repeat:no-repeat;
background-position:left bottom;
margin-top:0px;
margin-bottom:0px;}


/* vana */
div.vana {
display:block;
width:201px;
height:150px;
background-image:url(img/bg-vana.png);
background-position:bottom;
background-repeat:no-repeat;
margin-left:5px;
text-decoration:none;
float:left}

span.popis-line {
	font-size:14px;
	margin-right:25px}
span.nazev-line {
	font-size:14px}
span.users-number {
	display:block;
	height:70px;
	max-width:80px;
	font-size:12px}

img.img-vana {
	float:left;
	display:block;
	margin-left:2px;}

img.img-vana-detail {
display:block;
float:right;
margin-right:30px;
margin-top:25px;}

#left-info-vana {
	float:left;
	width:250px}
#info-vana {
	float:right;
	width:270px;
	padding-top:20px;
	margin-right:35px}	

a.product-detail span {
	display: none;
	padding-left:10px;
	padding-top:10px;
	color:#000}

a.product-detail:hover span {
	display: none;
   	position: absolute; bottom: 15px; right: -35px;
	width:86px;
	height:60px;
	background-repeat:no-repeat;
	background-image:url(img/bg-tooltip-detail.png);
	line-height:13px;
	font-size:12px}


/* vana */

p.line-info {
	padding-top:5px;
	font-size:12px;
	text-align:justify}

div.rada {
display:inline-block;
max-height:700px;
min-height:200px;
width:626px;
margin-bottom:25px;
padding-bottom:20px;
padding-left:0px;
clear:both}

div.right-end {
	display:none}

img {border:none}

#login {opi:25px}


.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
	

	
span.vybava {
		display:block;
		max-width:250px}

div.trysky {
	display:block;
	width: 270px;
	float:left}
div.popis-vany {
	display:block;
	width: 270px;
	float:right;
	margin-right:25px}


.one {
	display:block;
	width:90px;
	height:24px;
	font-size:14px;
	float:left;
	vertical-align:bottom;
	}
.two {
	display:block;
	width:142px;
	height:24px;
	margin-right:25px;
	font-size:17px;
	float:right;
	vertical-align:bottom;
	}
	
	
span.pocet-trysek {
	display:block;
	width:25px;
	height:21px;
	font-size:16px;
	font-weight:bold;
	float:right;
	margin-right:30px;
	vertical-align:bottom;}
	
span.trysky {
	display:block;
	width:200px;
	height:21px;
	font-size:15px;
	float:left;
	vertical-align:middle;}

div.vybava-standart {
	display:block;
	width: 270px;
	float:left}
	
div.vybava-dokup {
	display:block;
	width: 270px;
	float:right;
	margin-right:25px}
	
p {
	margin-bottom: 15px;}

a.owebu {
	display:block;
	background-image:url(img/bg-a-owebu.png);
	background-position:top;
	width:45px;
	height:45px;
	background-repeat:no-repeat;
	margin-left:25px;
	float:left;}
	
span.copyright {
	display:block;
	padding-top:9px;
	height:30px;
	font-size:13px;
	color:#2e3191;
	font-weight:bold;
	margin-left:2px;
	float:left;}
	
div.vana {
	position:relative;
	z-index:999;}
	
div.vana img {
	position:absolute;
	display:block;
	top:8px;
	left:0px;
	z-index:1;}
	
div.vana .popisek {
	position:absolute;
	width:85px;
	min-height:80px;
	right:3px;
	top:10px;}

a.skorepina {
	padding-left:0px;}

div.content-o-spolecnosti {
	width:601px;
	min-height:450px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:25px;
	padding-top:10px;}
	
div.pohled-do-nitra {
	width:601px;
	min-height:450px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:25px;
	padding-top:10px;}
	
.rada-info {
	display:block;
	max-width:500px;
	padding-left:25px;
	font-size:15px;
	line-height:17px;
	text-align:justify;
}

p {
	padding:10px}
	
#jobrnet {
	background-image:url(../img/logo-jobrnet.png);
	display:block;
	position: fixed;
	margin-left:50px;
	bottom:30px;
	width:130px;
	height:70px;
	background-position:bottom;
	background-repeat:no-repeat;
	z-index:22}
	span#powered {
		padding-top:20px;
		padding-left:8px;}
		
.reference img {
	display:block;
	width:100px;
	height:auto;
	max-height:150px;
	max-width:150px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#f1f1f1;
	-moz-box-shadow: 0px 0px 3px #ccc;
	padding: 2px;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	margin:10px;
	float:right;
	}
	
h2 {
	margin-left:35px;
	max-width:550px}
	
	
/* CONTENT */

div.pruh {
	display:block;
	width:100%;
	padding:20px;
	margin-bottom:20px;
	clear:both;}
	
	p.donitra {
		display:block;
		width:35%;
		float:left;
		padding:10px;
		}
	p.ninghty {
		display:block;
		width:90%}
		
		.pruh img {
			float:left;
			margin:10px;
			padding:2px}
						
div#menu-nitro {
	display:block;
	width:100%;
	clear:both;
	height:110px;}

	div#menu-nitro a {
	display:block;
	background-color:#f1f1f1;
	padding:25px;
	padding-top:5px;
	padding-bottom:3px;
	color:#2e3191;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow: 2px 4px 5px #f2f2f2;
	-webkit-box-shadow: 2px 4px 5px #f2f2f2;
	font-size:14px;
	max-width:150px;
	float:left;
	margin:10px
	}
	
	div#menu-nitro a:hover {
	display:block;
	background-color:#f2f2f2;
	-moz-box-shadow: 1px 2px 3px #f2f2f2;
	-webkit-box-shadow: 1px 2px 3px #f2f2f2;
	}
	
	div#menu-nitro a.active {
		background-color:#2e3191;
		color:#FFF}
		
		
		.bunka {
			display:block;
			width:210px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			-moz-box-shadow: 2px 4px 5px #f2f2f2;
			-webkit-box-shadow: 2px 4px 5px #f2f2f2;
			float:left;
			margin-right:10px;
			margin-left:25px;
			margin-top:50px}
			
			.bunka img {
				display:block;
				max-width:206px;
				height:auto}
			
			
div.list-blue-numbers {
	display:block;
	width:100%;
	width:500px
	}
	
/*div.vybava-standart a {
	width:150px;
	padding-right:10px;
	background-image:url(img/yes.gif);
	background-position:right;
	background-repeat:no-repeat}