/* ----------------------------------------------------------------------------------------------------------
    Typ: Styly pro layout, formatovani aj.
---------------------------------------------------------------------------------------------------------- */

html{background:#e6e4d9 url('../img/bg_html.gif') center 0 no-repeat;text-align:center;font-family:Georgia,"Times new Roman",serif;font-size:75%;color:#444132;}

a{color:#038ED5;}
a:hover, a:focus, a:active{color:#000;}
a:visited{color:#5e5e5e;}

/* Obal webu ------------------- */

body{width:984px;margin:0 auto;text-align:left;}

/* Hlavicka ------------------- */

#header{width:984px;overflow:hidden;padding:13px 0 35px 0;background:#1a1a1a url('../img/bg_header.jpg') 0 0 no-repeat;}

/* Logo --- */

#header h1{width:448px;height:71px;background:#fff;font-size:2.7em;}
#header h1 a{display:block;padding:15px 0 0 33px;}
#header h1 span{width:448px;height:71px;background:url('../img/logo.gif') 0 0 no-repeat;}

/* Popisek --- */

#header #motto{width:590px;padding:10px 0 6px 33px;background:#fff url('../img/bg_header-motto.jpg') 0 0 no-repeat;line-height:120%;font-size:1.4em;color:#6c6c6c;}
#header #motto strong{font-size:1.2em;font-weight:normal;color:#0073ae;}

/* Prihlasovaci formular --- */

#header form{width:366px;float:left;margin:39px 0 33px 0;padding:3px 0 0 0;background:#fff url('../img/bg_header-form.gif') no-repeat;}
#header form fieldset{margin:0;padding:0;}
#header form legend{display:none;}
#header form h3{width:69px;height:14px;margin:0 0 0 33px;}
#header form h3 span{width:69px;height:14px;background:url('../img/titles/prihlaseni.gif') 0 0 no-repeat;}
#header form p{margin:3px 0 0 0;padding:0 0 0 33px;font-size:1em;overflow:hidden;line-height:100%;}
#header form .i-text{height:14px;width:135px;float:left;padding:4px 5px;border:1px solid #0073ae;font-family:Georgia, "Times new Roman", serif;font-size:0.9em;color:#6d6d6d;}
#header form .pass{width:110px;border-left:none;}
#header form .i-image{float:left;margin:0 0 0 6px;height:28px;}

/* Kdyz zapomenete heslo nebo nejste regnuti --- */

#header #reg{float:left;margin:67px 0 0 13px;font-family:Arial, Helvetica, sans-serif;font-size:0.95em;}
#header #reg li{float:left;margin:0 15px 0 0;}
#header #reg li a{display:block;padding:4px 0 4px 24px;background-position:0 0;background-repeat:no-repeat;text-decoration:none;color:#000;}
#header #reg li.reg a{background-image:url('../img/ico_reg.gif');}
#header #reg li.for a{background-image:url('../img/ico_for.gif');}
#header #reg li a:hover{text-decoration:underline;}

/* Navigace --- */

#header #menu{height:100%;clear:both;overflow:hidden;margin:0 0 2px 0;background:#2a87b6 url('../img/bg_menu.jpg') 0 0 repeat-x;font-size:1.3em;}
#header #menu li{float:left;background:url(../img/bg_menu-li.png) right 3px no-repeat;}
#header #menu li.no-border{background:transparent;}
#header #menu li a{display:block;margin:0 0 0 -2px;padding:9px 25px 12px 24px;background:url('../img/bg_menu-li-a.png') 0 100px repeat-x;text-decoration:none;color:#fff;}
#header #menu li a:hover, #header #menu li.ac a{background-position:0 0;color:#000;}
#header #menu li.pink a{background:url(../img/bg_menu-pink-a.png) 0 0 repeat-x;}
#header #menu li.pink a:hover{text-decoration:underline;color:#fff;}
#header #menu li.home a{font-size:0;width:65px;height:34px;padding:0 1px 0 1px;text-align:center;}
#header #menu li.home a span{background:url(../img/ico-home.png) no-repeat;width:65px;height:34px;}

/* Obrazkovy vyber --- */

#header #img-ul a{text-decoration:none;color:#fff;}
#header #img-ul li{float:left;margin:0 20px 0 0;}
#header #img-ul li h3{width:302px;height:123px;background:#e7e6e5;font-size:3em;}
#header #img-ul li h3 a{color:#000;cursor:pointer;}
#header #img-ul li h3 span{width:302px;height:123px;background-position:0 0;background-repeat:no-repeat;}
#header #img-ul li.work h3 span{background-image:url('../img/titles/hledam-praci.jpg');}
#header #img-ul li.employee h3 span{background-image:url('../img/titles/hledame-zamestnance.jpg');}
#header #img-ul li p{background-position:0 bottom;background-color:#79b744;background-repeat:no-repeat;font-size:1.9em;font-style:italic;}
#header #img-ul li p a{display:block;padding:10px 15px 9px 15px;}
#header #img-ul li.work p{background-image:url('../img/bg_img-ul-work.jpg');}
#header #img-ul li.employee p{background-image:url('../img/bg_img-ul-employee.jpg');}
#header #img-ul li:hover h3 span{background-position:right 0;}
#header #img-ul li:hover p{background-position:0 bottom;}

/* Obsal obsahu (podbarveni) ------------------- */

#main{height:100%;clear:both;overflow:hidden;padding:20px 0 25px 0;background-color:#fff;}

/* Samotny obsah --- */

#content{width:425px;float:left;padding:0 0 0 18px;border-left:3px solid #0073ae;}
#content_wide{width:750px; float:left;padding:0 0 0 18px;border-left:3px solid #0073ae;}

/* Formatovani */

#banner-right {margin:20px 0 0 20px;}

#content #crumbs ul, #content_wide #crumbs ul {margin-left:0px;margin-top:5px; margin-bottom:0px;}
#content #crumbs ul li, #content_wide #crumbs ul li {margin-left:0px; margin-top:0px; margin-bottom:0px; float:left;}

#content h2, #content h3, #content h4, #content h5, #content h6{margin:15px 0 10px 0;line-height:1.3; font-family:Georgia,"Times new Roman",serif;}
#content_wide h2, #content_wide h3, #content_wide h4, #content_wide h5, #content_wide h6{margin:15px 0 10px 0;font-family:Georgia,"Times new Roman",serif;}
#content h2, #content_wide h2{font-size:2em;}
#content h3, #content_wide h3{margin:10px 0;font-size:1.8em;}
#content h4, #content_wide h4{font-size:1.5em;}
#content h5, #content_wide h5{font-size:1.4em;}
#content h6, #content_wide h6{font-size:1.2em;}

#content p, #content address, #content_wide p, #content_wide address{margin:15px 0;line-height:165%;}
#content address, #content_wide address{padding: 5px 15px;border-left:1px solid #f3f3f3}
#content blockquote, #content_wide blockquote{margin:15px;padding: 5px 15px;background:#f8f8f8;border-left:2px solid #f3f3f3;line-height:180%;color:#4c4c4c;}

#content p img, #content_wide p img {background:none; padding:0 10px;}
#content img, #content_wide img {background:none;}

#content ul, #content ol, #content_wide ul, #content_wide ol{margin:15px 5px;}
#content ol, #content ol_wide{margin-left:25px;}
#content ul ul, #content ul ol, #content ol ol, #content ol ul{margin:5px;}
#content_wide ul ul, #content_wide ul ol, #content_wide ol ol, #content_wide ol ul{margin:5px;}
#content ol ol, #content_wide ol ol{margin-left:25px;}
#content ul li, #content ol li, #content_wide ul li, #content_wide ol li{margin:10px;line-height:170%;}
#content ul li, #content_wide ul li{padding-left:13px;background:url('../img/bg_content-li.gif') 0 6px no-repeat;}
#content ul ul li, #content_wide ul ul li{background-image:url('../img/bg_content-li2.gif');}

#content table, #content_wide table {width:100%;margin:20px 0;border-top:1px solid #ddd;}
#content table thead td, #content_wide table thead td {background:#ddd;}
#content table th, #content table td, #content_wide table th, #content_wide table td {border:1px solid #ddd;line-height:170%;}
#content table td, #content_wide table td {padding:0.9em 1em;line-height:170%;}
#content table td.last, #content_wide table td.last {padding:0.9em 0 0.9em 1em;text-align:right;}
#content table th, #content_wide table th {padding:0.9em 1em 0.9em 0;}

#content table tr.even td, #content_wide table tr.even td {background:#f1f1f1;}

#content fieldset, #content_wide fieldset{margin:20px 0;border:1px solid #ddd;}
#content fieldset fieldset, #content_wide fieldset fieldset{margin:10px 15px;}
#content fieldset legend, #content_wide fieldset legend{margin-left:15px;padding:5px 7px;border:1px solid #ddd;}
#content fieldset p, #content_wide fieldset p{margin:10px 15px;line-height:100%;}
#content fieldset p label, #content_wide fieldset p label{display:block;margin-bottom:5px;}
#content fieldset p .label-inline, #content_wide fieldset p .label-inline{display:inline;margin:0;}
#content fieldset p .input-submit, #content_wide fieldset p .input-submit{padding:5px 7px;}
#content fieldset p textarea, #content_wide fieldset p textarea{width:355px;margin-bottom:5px;font-size:1em;}

#content table.noborder, #content_wide table.noborder {margin:5px 0; border:none;}
#content table.noborder td, #content_wide table.noborder td {border:none;}
#content table.noborder tr:hover td, #content_wide table.noborder tr:hover td {background:#D1E5EF; border:none;}


/* Specialni */

#content .line{height:1px;clear:both;margin:10px 0;background:url('../img/bg_line.gif') 0 0 repeat-x;}
#content .more{margin-bottom:15px;}
#content .more a span{width:96px;height:15px;}
#content .more a span{width:96px;height:15px;background:url('../img/bg_more.gif') 0 0 no-repeat;}
#content .more a:hover span{background-position:right 0;cursor:pointer;}
#content img.f-left{margin:5px 10px 15px 0;}

/* Sloupce --- */

/* Podmenu */

#submenu{width:200px;float:left;margin:10px 0 0 0;text-align:right;font-size:1.35em;}
#submenu li{clear:both;overflow:hidden;margin-top:10px;background:url('../img/bg_submenu-li.gif') 0 bottom repeat-x;}
#submenu li a{display:block;padding:3px 6px 5px 12px;background:url('../img/bg_submenu-li-a.gif') 0 100px no-repeat;border-right:8px solid #fff;text-decoration:none;color:#2e2e2e;}
#submenu li a:hover, #submenu li.ac a{background-position:0 6px;border-color:#0073ae;}
#submenu img {margin: 10px 5px 0 0} 
#submenu form{background: #45ACDF;
			 color: white;
			 font-size: 80%;
			 margin: 10px 5px 5px 5px;
			 padding: 5px 5px 5px 12px;
			 text-align: left;
}
#submenu h2 {margin:5px 0 10px 0;text-align:left;font-size:1.35em;}
#submenu td {padding:5px 0 5px 0;}
.zprava p{color: white !important; width: 155px !important; background: #45ACDF !important; padding: 5px 5px 5px 5px !important;
text-align: center !important;}

/* Pravy sloupec */

#side{width:300px;float:right;display:inline;margin:0 10px 0 0;padding-top:10px;color:#2e2e2e;}

#side h3{width:300px;height:23px;margin:0 0 15px 0;font-size:2.2em;}
#side h3 span{width:300px;height:23px;background-position:0 0;background-repeat:no-repeat;}
#side h3.vzd-akce span{background-image:url('../img/titles/vzdelavaci-akce.gif');}
#side h3.aktuality span{background-image:url('../img/titles/aktuality.gif');}
#side h3.hledani span{background-image:url('../img/titles/hledani.gif');}
#side h3.zivotopisy span{background-image:url('../img/titles/zivotopisy.gif');}

#side dl{overflow:hidden;margin:0 0 10px 0;font-family:Georgia, "Times new Roman", serif;font-style:italic;}
#side dl a{color:#2e2e2e;}
#side dl a:hover{text-decoration:underline;color:#e7275d;}
#side dl dt{overflow:hidden;margin:0 0 7px 0;padding:5px 0 0 3px;background:url('../img/bg_side-dl-dt.gif') 0 0 no-repeat;font-size:1.25em;}
#side dl dd{clear:both;margin:0 0 15px 4px;font-size:1.5em;}
#side dl span{width:38px;height:26px;float:left;margin:-4px 0 0 0;padding:2px 7px 0 0;background:url('../img/bg_side-dl-span.png') 0 0 no-repeat;text-align:center;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:0.65em;color:#fff;}

#side dl.aktuality dd {line-height:140%; font-size:1em; margin-bottom:10px;}

#side .adds{margin:10px 0;}

#side table {width:300px;}

/* Obsah nad patickou ------------------- */



/* tabulka na tit strań ------------------- */




/* Socialni odkazy --- */

#social{height:100%;overflow:hidden;margin:15px 0 0 0;padding:8px 0 4px 0;background:#85c451 url('../img/bg_social.gif') right bottom no-repeat;;border-top:4px solid #0073ae;font-size:1.25em;}
#social li{float:left;display:inline;}
#social li.fb{margin:0 0 0 30px;}
#social li.twitter{margin:0 0 0 55px;}
#social li.rss{margin:0 0 0 105px;}
#social li a{display:block;padding:9px 0;background-position:0 0;background-repeat:no-repeat;text-decoration:none;color:#2e2e2e;}
#social li.fb a{padding-left:80px;background-image:url('../img/facebook.gif');}
#social li.twitter a{padding-left:37px;background-image:url('../img/twitter.gif');}
#social li.rss a{padding-left:35px;background-image:url('../img/rss.gif');}
#social li a:hover{text-decoration:underline;color:#000;}

/* Informacni sloupce --- */

.column{height:100%;width:328px;overflow:hidden;float:left;margin:0;padding:15px 0 0 0;}
.column3{background:url('../img/bg-column3.gif') right 0 no-repeat;}

/* Formatovani */

.column a{text-decoration:none;color:#6c6c6c;}
.column a:hover{text-decoration:underline;color:#000;}

.column h3{margin:0 40px 5px 32px;line-height:140%;font-size:1.3em;}
.column p{margin:0 0 15px 30px;line-height:140%;font-size:1.3em;}
.column ul{margin:0;font-size:1.2em;color:#6c6c6c;}
.column ul li{margin:15px 0;padding:0 0 0 17px;background:url('../img/bg_column-ul-li.gif') 0 4px no-repeat;line-height:140%;}

.column dl{width:256px;margin:0 0 15px 33px;padding:8px 0 0 0;background:url('../img/bg_column-dl.gif') 0 0 repeat-x;font-size:1.2em;color:#6c6c6c;}
.column dl a{text-decoration:none;color:#6c6c6c;}
.column dl dt{margin:7px 25px 5px 0;line-height:140%;}
.column dl dd{height:15px;position:relative;overflow:hidden;background:url('../img/bg_column-dl-dd.gif') no-repeat;font-size:0.8em;color:#000;}
.column dl dd{height:15px;background:url('../img/bg_column-dl-dd.gif') no-repeat;font-size:0.8em;color:#000;}
.column dl dd span{height:15px;background:url('../img/bg_column-dt-dd-replace.png') right 0 no-repeat;}

.column form{width:325px;margin:100px 0 0 0;padding:10px 0 10px 0;background:#fff url('../img/bg_column-form.gif') right 0 no-repeat;}
.column form legend{display:none;}
.column form h3{width:76px;height:11px;margin:0 0 12px 10px;}
.column form h3 span{width:76px;height:11px;background:url('../img/titles/newsletter.gif') 0 0 no-repeat;}
.column form p{margin:0 0 0 10px;font-size:1em;}
.column form .i-text{width:230px;float:left;margin:7px 0 0 0;padding:4px 5px 3px 5px;border:1px solid #0073ae;font-family:Georgia, "Times new Roman", serif;font-size:0.9em;color:#6d6d6d;}
.column form .i-image{float:left;margin:7px 0 0 10px;}

/* Paticka ------------------- */

.footer{text-align:center;color:#6c6c6c;}
.footer a{color:#6c6c6c;}
.footer a:hover{text-decoration:underline;color:#000;}

ul.footer{clear:both;padding:8px 0;background:#dcdacf;}
ul.footer li{display:inline;border-right:1px solid #e7275d;}
ul.footer li.last{border:none;}
ul.footer li a{padding:0 8px;text-decoration:none;color:#6c6c6c;}

p.footer{margin:12px 0 25px 0;}

p.zprava_chyba {width:415px; padding:10px; margin:5px 0; background: #FFDFDF; color:red; border:1px solid #FF8F8F;}
p.zprava_ok {width:415px; padding:10px; margin:5px 0; background: #E0FFAF; color:#3A9805; border:1px solid #A9DF53;}
.red {color:red;}
.green {color:#3A6F0D;}
.black {color:#000;}
.vertical {vertical-align:middle;}
.underline {text-decoration:underline;}
.toleft {float:left;}
.padding10 {padding:0 15px 0 0;}

#content a:hover.add, #content_wide a:hover.add {color:#000;}
 
#side .multiselect {margin-left:5px; width:280px; height:94px; overflow-y:auto;}
#side .multiselect label  {display:block; float:right; width:235px; position:relative; top:1px; line-height:150%;}
#side .multiselect.hier label  {display:block; float:right; width:225px; position:relative; top:1px; line-height:150%;}
#side .multiselect br {clear:both;}
#side form dt {padding:10px 10px 5px 10px;}
#side form dd {font-size:1em; font-style:normal;}
#side .tabulka_tit dl dd{clear:both;margin:0 0 0px 4px;}

#content .tabulka_tit table{width: 300px; margin: 0; border-top:none;}
#content .tabulka_tit table td{border:none;}

#content .tabulka_tit table th{padding: 0.2em 1em; background:#0286C9; color: #fff;}

#content .tabulka_tit .multiselect {margin: 5px 0 5px 5px; width:193px; height:94px; overflow-y:auto;}
#content .tabulka_tit .multiselect label  {display:block; float:right; width:140px; position:relative; top:1px; line-height:150%;}
#content .tabulka_tit .multiselect.hier label  {display:block; float:right; width:140px; position:relative; top:1px; line-height:150%;}
#content .tabulka_tit .multiselect br {clear:both;}
#content .tabulka_tit form td {padding:5px 4px 5px 4px; height:120px; overflow:auto;}
.class red {color:#FF0000}
