* { margin:0; padding:0;}
body { background:#ebebeb; font-size:100%; line-height:1em; font-family:Arial; color:#000000; font-size:0.75em; line-height:1.33em; text-align:center}

.top-bg {background:url(design/top_bg.gif) repeat-x center top #fff}
.right-bg {background:url(design/right_bg.jpg) repeat-x center top ; height:435px; width:50%; right:0; top:0; position:absolute}

/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:Arial; color:#7a7a7a; font-size:1em; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}
p {line-height: 1.4em;}

ul, ol {padding: 0 0 1.25em 2.5em; line-height: 1.5em;}

ul {list-style-type: disc;}

ol {list-style-type: decimal;}

small {font-size: 0.85em;}

/* GLOBAL
==============================================================================*/
.noscreen {
	display: none;
}

.screen {
	display: block;
}

.invisible {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

.cleaner {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.nofloat {
	float: none;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

.textjustify {
	text-align: justify;
}
 
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	border-bottom: 1px solid;
}

.imgleft {
	float: left;
	margin: 4px 10px 4px 0;
}

.imgright {
	float:right;
	margin: 4px 0 4px 10px;
}

.imgborder {
	border: 1px solid #686657;
}

.offsetborder {
	border: 1px solid #686657;
	padding: 1px;
}
 
.nopadding {
	padding: 0;
}

.noindent {
	margin-left: 0;
	padding-left: 0;
}

.nobullet {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}

.nobackground {
	background: none;
}

.half {
	width: 48%;
}

.fourth {
	width: 26%;
}

.three-fourths {
	width: 72%;
}

.hand {
	cursor: pointer;
}

/*==================list====================*/

ul.list-1 {margin-top:4px}
ul.list-1 li { line-height:2em; background:url(design/list_bg.gif) repeat-x bottom}
ul.list-1 li a{text-decoration:none; font-weight:bold; color:#db4307; background:url(design/marker_list.gif) no-repeat 0 4px; padding-left:10px}
ul.list-1 li a:hover{ text-decoration:none; color:#328f14}



ul.list-11 {margin-top:4px}
ul.list-11 li { line-height:2em;}
ul.list-11 li a{text-decoration:none; font-weight:bold; color:#db4307; padding-left:10px}
ul.list-11 li a:hover{ text-decoration:none; color:#328f14}




ul.list-2 {margin-top:4px}
ul.list-2 li { line-height:2em; background:url(design/list_bg2.gif) repeat-x bottom}
ul.list-2 li a{text-decoration:none; font-weight:bold; color:#db4307; background:url(design/marker_list.gif) no-repeat 0 4px; padding-left:10px}
ul.list-2 li a:hover{ text-decoration:none; color:#328f14}

ul li.none {background:none}
.list-indent {margin:0 0 20px 0}

.li {width:247px; height:26px}
.li2 {width:163px; height:26px}
/*==========================================*/

a {text-decoration:underline; color:#db4307}
a:hover {text-decoration:none}

a.link {text-decoration:underline; color:#b9f582}
a.link:hover {text-decoration:none}

a.link-2 {text-decoration:underline; color:#fff; font-weight:bold}
a.link-2:hover {text-decoration:none}

a.link-3 {text-decoration:none; font-weight:bold; color:#db4307; background:url(design/marker_list.gif) no-repeat 0 4px; padding-left:10px}
a.link-3:hover{ text-decoration:none; color:#328f14}

h4 {color:#7a7a7a; font-size:1em; line-height:1.33em; text-transform:uppercase; margin:0 0 4px 0}

.clear { clear:both;}
.fright {float:right}

p {margin:0 0 16px 0}
.p1 {margin:0 0 5px 0}
.p2 {margin:0 0 25px 0}
.p3:first-line {color:#7a7a7a; font-size:1em; text-transform:uppercase; font-weight:bold}

/*header*/
#header { height:405px; background:url(design/header_bg.jpg) no-repeat 0 0}

.logo {position:absolute; margin:116px 0 0 70px}

/* NAVIGATION
==============================================================================*/

/* top menu */
#topmenu {
	margin: 0;
}

#topmenu ul {
	float: left;
	margin: 0;
	padding: 0;
	font-size:1.18em; 
	padding-left:38px;
	list-style-type: none;
}

#topmenu ul ul {
	position: absolute;
	z-index: 500;
	text-align: left;
	width: 230px;
}

#topmenu ul ul ul {
	top: 0;
	left: 100%;
	padding-left: 1px;
}

#topmenu li {
	float: left;
	position: relative;
	line-height: 1em;
	background:url(design/menu_separator.gif) no-repeat right 23px;
	margin-right: 6px;
}

#topmenu li.last {
	background:none;
}

#topmenu a {
	display: block;
	color: #fff; 
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 25px 30px 19px 30px;
}

#topmenu ul li {
	behavior: url(/csshover.htc);
}

#topmenu ul ul li {
	display: block;
	width: 100%;
	background: #C0E18C;
	line-height: 20px;
	margin: 0;
}

#topmenu ul ul a {
	border-top: 1px solid white;
	display: block;
	text-align:  left;
}

#topmenu ul ul li:hover {
	background: #527D11;
}

#topmenu ul ul li:hover a {
	color: white;
} 

/*#topmenu li:hover,*/
#topmenu li a:hover, 
#topmenu li a.selected {
	text-decoration:none; background:url(design/marker_menu_hover.gif) no-repeat center bottom; color:#69c118
}

div#topmenu ul ul,
div#topmenu ul li:hover ul ul,
div#topmenu ul ul li:hover ul ul {
	display: none;
}

div#topmenu ul li:hover ul,
div#topmenu ul ul li:hover ul,
div#topmenu ul ul ul li:hover ul {
	display: block;
}

/* HEADERS
==============================================================================*/
h1, h2, h3, h4, h5, h6 {
	color: #000000;
	margin: 5px 0 10px 0;
}
 
h1 {
	font-size: 2em;
}

h1 a {
	color: #E74306;
	text-decoration: none;
}

h1 a:hover {
	color: #fff;
	text-decoration: none;
}

h2 {
	font-size: 1.4em;
	padding: 0.1em 0;
	letter-spacing: 0;
}
 
h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

h5 {
	font-size: 0.8em;
	font-weight: bold;
}

h6 {
	font-size: 0.6em;
	font-weight: bold;
}

.header-box { margin:202px 0 0 70px; background:url(design/header_box.jpg) no-repeat 0 0; width:567px; height:149px; position:absolute}

.box-title {background:url(design/title_bg.jpg) repeat-x top; margin:2px 3px 0 2px}
.box-title .left {background:url(design/title_left.jpg) no-repeat left top}
.box-title .right {background:url(design/title_right.jpg) no-repeat right top; width:100%; height:35px}
.box-title img {margin:12px 0 0 22px}
.header-box .indent {padding:20px 0 0 23px}
.header-box .form-col-1 {width:63px; height:27px}
.header-box .form-col-2 {width:209px; height:27px}
.header-box .form-col-3 {width:69px; height:27px}
.header-box .form-col-4 {width:177px; height:27px}

.search {margin:0 4px 0 2px; vertical-align:middle}

.font-1 {color:#b9f582}
.font-2 {line-height:2.2em}
.font-3 {color:#db4307}
.font-4 {color:#fff}
.font-5 {color:#b9f582}

/*content*/
#content {}
.title {margin-bottom:10px}

.title {
font-size: 1em;
font-weight: bold;
 margin-bottom:10px
}



.img {margin:0 0 13px 0}
.img-left {float:left; margin:0 20px 0 0}
.img2 {margin:0 3px 0 0}

.login {margin:14px 0 7px 0}

.indent-2 {padding:0 42px 9px 36px}
.indent-4 {padding:14px 67px 30px 69px}

.col-1 .indent-1 {padding:14px 43px 20px 69px}
.col-1 .indent-2 {padding:14px 30px 20px 69px}
.col-1 .indent-3 {padding:0 48px 0 36px}

.inner {padding:0 0 20px 0; width:100%; overflow:hidden}
.inner2 {padding:2px 0 0 0}
.inner3 {padding:0 0 40px 0; width:100%; overflow:hidden}

.line {background:url(design/line_bg.gif) repeat-x top; height:20px}
.line-indent {margin-bottom:-10px}

/*footer*/
#footer { height:45px; color:#7a7a7a; font-weight:bold}
#footer .indent {padding:10px 40px 0 0; text-align:right}
#footer a {color:#7a7a7a; text-decoration:none; font-weight:bold}
#footer a:hover {text-decoration:underline}

.phones {float:right; margin:0 130px 0 0}
.checkbox {width:13px; height:13px; margin-right:5px}
.jump {width:174px; height:20px; color:#717171;}
.input-1 {width:165px; height:17px; color:#717171;}
input {width:245px; height:17px}
.div_input {height:28px}
textarea {width:245px; height:110px; overflow:auto; margin-bottom:10px; display:block}
.div_links {text-align:right; word-spacing:20px}

/*==================block====================*/
.box-indent {margin:3px 0 3px 0}
.box-indent2 {margin:3px 0 26px 0}

.box { background:#fff; width:100%}
.box .corner-top-left { background:url(design/corner_top_left.gif) left top no-repeat; width:100%}
.box .corner-top-right { background:url(design/corner_top_right.gif) right top no-repeat;}
.box .corner-bot-right { background:url(design/corner_bot_right.gif) right bottom no-repeat;}
.box .corner-bot-left { background:url(design/corner_bot_left.gif) left bottom no-repeat;}
.box .border-left {background:url(design/border.gif) repeat-y left}
.box .border-top {background:url(design/border.gif) repeat-x top}
.box .border-right {background:url(design/border.gif) repeat-y right}
.box .border-bot {background:url(design/bot_1.gif) repeat-x bottom}
.box .indent {padding:24px 24px 24px 24px; overflow: hidden}

.box-2 { background:#3a7504; color:#fff}
.box-2 .corner-top-left { background:url(design/corner_top_left2.jpg) left top no-repeat;}
.box-2 .corner-top-right { background:url(design/corner_top_right2.jpg) right top no-repeat;}
.box-2 .corner-bot-right { background:url(design/corner_bot_right2.jpg) right bottom no-repeat;}
.box-2 .corner-bot-left { background:url(design/corner_bot_left2.jpg) left bottom no-repeat; width:100%}
.box-2 .border-top {background:url(design/top_2.jpg) repeat-x top}
.box-2 .border-bot {background:url(design/bot_2.jpg) repeat-x bottom}
.box-2 .indent {padding:20px 26px 30px 24px}
.box-2 .indent-1 {padding:16px 20px 32px 24px}
.box-2 .indent-2 {padding:24px 26px 30px 24px}

.box-3 { background:url(design/right_3.jpg) repeat-y right #3a7504; color:#fff}
.box-3 .corner-top-left { background:url(design/corner_top_left3.jpg) left top no-repeat;}
.box-3 .corner-top-right { background:url(design/corner_top_right3.jpg) right top no-repeat;}
.box-3 .corner-bot-right { background:url(design/corner_bot_right3.jpg) right bottom no-repeat;}
.box-3 .corner-bot-left { background:url(design/corner_bot_left3.jpg) left bottom no-repeat; width:100%}
.box-3 .border-top {background:url(design/top_3.jpg) repeat-x top}
.box-3 .border-bot {background:url(design/bot_3.jpg) repeat-x bottom}
.box-3 .indent {padding:20px 26px 30px 24px}
.box-3 .indent-1 {padding:16px 20px 32px 24px}
.box-3 .indent-2 {padding:24px 26px 30px 24px}

.box-4 { background:url(design/right_4.jpg) repeat-y right #3a7504; color:#fff}
.box-4 .corner-top-left { background:url(design/corner_top_left4.jpg) left top no-repeat;}
.box-4 .corner-top-right { background:url(design/corner_top_right4.jpg) right top no-repeat;}
.box-4 .corner-bot-right { background:url(design/corner_bot_right4.jpg) right bottom no-repeat;}
.box-4 .corner-bot-left { background:url(design/corner_bot_left4.jpg) left bottom no-repeat; width:100%}
.box-4 .border-top {background:url(design/top_4.jpg) repeat-x top}
.box-4 .border-bot {background:url(design/bot_4.jpg) repeat-x bottom}
.box-4 .indent {padding:20px 26px 30px 24px}
.box-4 .indent-1 {padding:16px 20px 32px 24px}
.box-4 .indent-2 {padding:24px 26px 30px 24px}

.box-5 { background:#ebebeb; width:100%}
.box-5 .corner-top-left { background:url(design/corner_top_left5.gif) left top no-repeat; width:100%}
.box-5 .corner-top-right { background:url(design/corner_top_right5.gif) right top no-repeat;}
.box-5 .corner-bot-right { background:url(design/corner_bot_right5.gif) right bottom no-repeat;}
.box-5 .corner-bot-left { background:url(design/corner_bot_left5.gif) left bottom no-repeat;}
.box-5 .border-left {background:url(design/border5.gif) repeat-y left}
.box-5 .border-top {background:url(design/top_5.gif) repeat-x top}
.box-5 .border-right {background:url(design/border5.gif) repeat-y right}
.box-5 .border-bot {background:url(design/border5.gif) repeat-x bottom}
.box-5 .indent {padding:24px 24px 34px 24px}


.box-title2 {background:url(design/title_bg2.jpg) repeat-x top; margin:0 4px 0 3px}
.box-title2 .left {background:url(design/title_left2.jpg) no-repeat left top}
.box-title2 .right {background:url(design/title_right2.jpg) no-repeat right top; width:100%; height:35px}
.box-title2 img {margin:12px 0 0 21px}

.box-title3 {background:url(design/title_bg2.jpg) repeat-x top; margin:0 4px 0 3px}
.box-title3 .left {background:url(design/title_left2.jpg) no-repeat left top}
.box-title3 .right {background:url(design/title_right3.jpg) no-repeat right top; width:100%; height:35px}
.box-title3 img {margin:12px 0 0 21px}

/*==========================================*/




















.pagination{
padding: 5px;
padding-bottom: 10px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 2px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #DB4307;
text-decoration: none; 
color: #DB4307;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #DB4307;
color: #ffffff;
background-color: #DB4307;
}

.pagination a.currentpage{
background-color: #DB4307;
color: #FFF !important;
border-color: #DB4307;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #DB4307;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}


.vypis { margin:16px 0 20px 0; display:block; }


.zaznam { margin:15px 0px 0 8px; display:block; }

.popis { display:block; }

.popis a {text-color: #8e8e8e; }


.zamestnavatel { float:right; color:#000000; font-size:0.77em; padding:2px 0 0 0; }

.kraj { float:left; color:#000000; font-size:0.77em; padding:2px 0 0 0;}

.both {clear:both;}

/*================ DETAIL VOLNEHO MISTA ===============*/

.vm-detail {  }

.vm-detail h1 {
	margin: 5px 0 10px 0;
	line-height: 1em; 
}

.vm-detail h2 {
	margin: 5px 0;
}

.vm-detail label {
	float: left;
	width: 130px;
	margin: 5px 10px 5px 10px;
}

.vm-detail .hodnota {
	float: left;
	width: 400px;
	margin: 5px 0;
}

.vm-detail li {
	margin: 0 0 5px 0;
}

.vm-detail .navigation {
	margin: 30px 0 0 0;
}

/*================ SEZNAM URADU PRACE ===============*/

.up-list { 
	float: left;
	width: 32%;
	margin: 10px 0;
}

.up-detail h1 {
	margin: 5px 0 10px 0;
	line-height: 1em; 
}

.up-detail h2, .up-detail h3 {
	margin: 10px 0;
}

.up-detail label {
	float: left;
	width: 130px;
	margin: 5px 10px 5px 10px;
}

.up-detail .hodnota {
	float: left;
	width: 400px;
	margin: 5px 0;
}

.up-detail label.day {
	float: left;
	width: 50px;
	margin: 5px 10px 5px 10px;
}

.up-detail .hour {
	float: left;
	width: 400px;
	margin: 5px 0;
}

.up-detail .half-hour {
	float: left;
	width: 190px;
	margin: 5px 0;
}

.up-detail .dip {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #C9C8C8; 
}

.up-detail li {
	margin: 0 0 5px 0;
}

.vm-detail .navigation {
	margin: 30px 0 0 0;
}