body {
    background-color: #fff;
    color: #444;
    margin: 0em;
    padding: 0em;
    margin-bottom: 3em;
    font-family: Verdana, sans-serif;
    font-size: 65%;
    line-height: 1.5em;
    behavior: url("./csshover.htc"); /* WinIE behavior call */
}
body#tmpbody {
    background-color: #fff;
    background-image: url("./body_bg.jpg");
    background-repeat: repeat-x;
    text-align: center;
}
body#tmpbody p {
    text-align: justify;
}

strong {
    color: #000;
}

hr {
    display: none;
}

h1 {
    margin-top: 0em;
}
h1 {
    font-size: 200%;
}
h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}
h2 {
    font-size: 160%;
    margin-top: 0em;
    padding-top: .5em;
    margin-bottom: 1.1em;
    padding-left: 50px;
    height: 2em;
    text-align: right;
    color: #C5231B;
}
h3 {
    font-size: 150%;
    margin-top: 2em;
    margin-bottom: .5em;
    color: #C5231B;
}
h4 {
    font-size: 130%;
    margin-top: 1.5em;
    margin-bottom: .5em;
    color: #C5231B;
}
h5 {
    font-size: 120%;
    color: #555;
    margin-top: 1em;
    margin-bottom: .5em;
}
h6 {
    font-size: 110%;
    color: #808080;
    margin-top: 1em;
    margin-bottom: .5em;
}

a {
    font-weight: bold;
    text-decoration: underline;
    color: #000099;
}
a:hover {
    text-decoration: none;
    color: #800000;
}
a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity: .80;
  -khtml-opacity: .80;
  opacity: .80;
}

img {
    border: 6px solid #ddd;
}
img.ico {
    border: none;
}

p {
    font-size: 100%;
    line-height: 1.75em;
    margin-top: .5em;
    margin-bottom: 1.5em;
}

ul {
  margin: 0em;
  padding: 0em;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  list-style-type: none;
}
ol {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}
ul li {
    margin-left: 0em;
    padding-left: 15px;
    background-image: url("./li.gif");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    margin-bottom: .5em;
}
ol li {
    margin-left: 0em;
    padding-left: 25px;
    margin-bottom: .5em;
}

form {
    margin: 0px;
}
/*form.Paging {
    margin-top: 2em;
    margin-bottom: 2em;
}*/

input, select, textarea {
	font-family      : Verdana, sans-serif;
	font-size        : 100%;
  margin-top       : .5em;
  /*line-height: 1.5em;*/
}

fieldset {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  padding: .5em 2em;
  padding-bottom: 1.5em;
  /*border: 1px solid #ddd;*/
}
label {
  float          : left;
  width          : 30%;
  text-align     : left;
  margin-right: 1em;
  clear: both;
  /*text-transform : uppercase;*/
  margin-top: .5em;
}
legend {
  padding: 0.2em 0.5em;
  margin-bottom: .5em;
  /*font-weight: bold;*/
  color: #0046D5;
}

table {
    font-size      : 100%;
    border         : 1px solid #000;
    border-collapse: collapse;
    margin-left    : auto;
    margin-right   : auto;
    margin-top     : 1em;
    margin-bottom  : 1.5em;
    width          : 100%;
}
th {
    background-color: #003366;
    background-color: #C4C4F3;
    color           : #000066;
    padding         : .2em .4em;
    text-align      : center;
    border-bottom   : 1px solid #ccc;
}
tr {

}
td {
    padding    : .2em .4em;
    text-align : center;
}



#page {
    background-color: #fff;
    background-image: url("./page.jpg");
    background-position: top left;
    background-repeat: repeat-y;
    min-height          : 500px;
    height              : auto;
    _height             : 500px;
    margin              : 0em;
    padding             : 0em;
    position            : relative;
    width: 860px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    /*min-width: 860px;
    _width: expression(document.body.clientWidth < 860? "860px" : "auto" );*/
}
#pagein {
    background-image: url("./pagein.jpg");
    background-position: top right;
    background-repeat: repeat-y;
    width: 100%;
}
#pageinleft {
    background-image: url("./page_left.jpg");
    background-repeat: no-repeat;
    margin              : 0px;
    padding             : 0px;
    padding-left        : 20px;
}
#pageinright {
    background-image: url("./page_right.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    margin              : 0px;
    padding             : 0px;
    padding-right       : 20px;
}


#top {
    background-image: url("./top_bg2.jpg");
    background-repeat: repeat-x;
    height             : 213px;
    margin              : 0px;
    padding             : 0px;
    position: relative;
}
#topinright {
    background-image: url("./topin_bg2.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    height          : 213px;


    width: 586px;
    overflow: hidden;
    position: absolute;
    z-index: 5;
    right: 0px;
}


h1#logo {
    width              : 302px;
    height             : 249px;
    position           : absolute;
    top                : 0px;
    left               : 0px;
    margin             : 0px;
    padding            : 0px;
    z-index            : 1;
    overflow           : hidden;
}
h1#logo span {
    display            : block;
    background-image   : url("./logo2.jpg");
    background-repeat  : no-repeat;
    width              : 302px;
    height             : 249px;
    position           : absolute;
    z-index            : 2;
    top                : 0px;
    left               : 0px;
    margin: 0em;
    padding: 0em;
    cursor: pointer;
    cursor: hand;
}
h1#logo {
    font-size: 160%;
    line-height: 1.5em;
    margin-top: 0em;
    padding-top: 0em;
}



#content {
    background-image: url("./content_left.jpg");
    background-repeat: repeat-y;
    margin: 0em;
    padding: 0em;
    height: 100%;
}
#contentin {
    background-image: url("./content_right.jpg");
    background-position: top right;
    background-repeat: repeat-y;
    margin: 0em;
    padding: 0em;
    padding-top: 2em;
    height: 100%;
}

#left {
  float: left;
  width: 230px;
  padding: 0em;
  margin: 0em;
}
#leftin {
  margin-top: 5em;
  margin-left: 10px;
}
#left h2 {
  font-size: 100%;
  padding: .25em;
  margin: 0em;
  margin-top: 2em;
}


#main {
  margin: 0em 0em 0em 230px;
  height: 100%;                 /* IE bug */
  padding-left: 2em;
  padding-right: 3em;
}
#mainin {
    margin           : 0em;
    padding-bottom   : 0em;
    float            : left;    /* vychytávač pro clearing */ 
    width: 100%;
}

/* \*/
* html #mainin {
 	/* IE bug kvůli italic písmu !!! */
	overflow: hidden;
	o\verflow: visible;
	overflow: auto;
	width: 100%;
	padding-bottom: 5em;
	/*w\idth: auto;*/
	/*he\ight: 1%;*/
}
/* */

#mainin div.imgcaption {
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    margin-top: .5em;
    margin-bottom: 0em;
    padding-bottom: .5em;
}


#navigation {
    font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}
#navigationin {
  font-size: 100%;
}
#navigation ul {
  width: 100%;
  margin: 0em;
  padding: 0em;
  overflow: hidden; /* kvůli šířce odkazu 100% */
  list-style-type : none;
}
#navigation ul.menu li {
    background      : none;
    margin          : 0px;
    padding         : 0px;
}
#navigation ul.submenu li {
    padding-left: 20px;
    padding-right: 0px;
}
#navigation ul.menu li a {
    text-decoration : none;
    display         : block;
    width           : 100%;
    padding-left    : 28px;
    padding-bottom  : .15em;
    padding-top     : .15em;
    font-weight     : bold;
    color: #C5231B;
    line-height: 1.5em;
    font-size: 150%;
    background-image: url("./navigation_li.gif");
    background-repeat: no-repeat;
    background-position: 0px 50%;
}
#navigation ul.submenu li a {
    background-image: url("./li.gif");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    font-size: 110%;
    color: #000;
}
#navigation ul.submenu ul.submenu li a {
    font-weight: normal;
}
#navigation h2 {
    display: none;
}
#navigation ul.menu li a:hover, #navigation ul.submenu li a:hover {
    background-color: #F7CFCD;
    color           : #000;
    background-image: url("./navigation_arrow.gif");
    background-repeat: no-repeat;
    background-position: 5px 50%;
}
#navigation ul.menu li a.vybrany, #navigation ul.submenu li a.vybrany {
    background-color: #C5231B;
    color           : #fff;
    background-image: url("./navigation_hover.gif");
    background-repeat: no-repeat;
    background-position: 5px 50%;   
}
#navigation .zvyraznit {
    font-style: italic;
    font-weight: bold;
}



#copyright {
    margin-top: 2em;
    padding-left: 2em;
    padding-right: 2em;
    color: #444;
}
#copyrightin {
    border-top: 5px solid #DA251D;
    padding-top: .75em;
    padding-left: 3px;
}
#copyright p {
    margin: 0em;
    font-size: 90%;
}

#bottom {
    background-image    : url("./bottom_bg.jpg");
    background-repeat   : repeat-x;
    margin-left         : -20px;
    margin-right        : -20px;
}
#bottomleft {
    background-image    : url("./bottom_left.jpg");
    background-repeat   : no-repeat;
}
#bottomright {
    min-height          : 50px;
    height              : auto;
    _height             : 50px;
    width: 100%;
    background-image    : url("./bottom_right.jpg");
    background-position : top right;
    background-repeat   : no-repeat;
}

#puzzleblock {
    margin-top: 1.5em;
    margin-bottom: 3em;
}
#puzzleblock h3, #puzzleblock h3 a {
    margin-top: 0em;
    padding-top: 0em;
    font-size: 125%;
    line-height: 1.4em;
    color: #000;
    font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}
#puzzleblock p {
    margin: 0em;
    text-align: left;
}
#puzzleblock .odkaz {
    margin-top: 1em;
    margin-bottom: 1em;
}

#puzzle {
    background-image: url("./puzzle.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    height: 200px;
    margin-top: .5em;
}

#blockup {
    background-image: url("./blockup_left.gif");
    background-repeat: repeat-y;
    margin: 0em;
    padding: 0em;
}
#blockupin {
    background-image: url("./blockup_right.gif");
    background-repeat: repeat-y;
    background-position: top center;
}

#blockdown {
    background-image: url("./blockdown_left.gif");
    background-repeat: repeat-y;
    margin: 0em;
    padding: 0em;
}
#blockdownin {
    background-image: url("./blockdown_right.gif");
    background-repeat: repeat-y;
    background-position: top center;
    padding-bottom: 2em;
}

#pracovnidiagnostika {
    width: 50%;
    float: left;
    margin: 0em;
    padding: 0em;
    background-image: url("./number_1.jpg");
    background-repeat: no-repeat;
}
#pracovnidiagnostikain {
    /*border-left: 9px solid #D6312D;*/
    margin-left: 37px;
    padding-left: 1em;
}

#poradenskeprogramy {
    margin-left: 50%;
    background-image: url("./number_2.jpg");
    background-repeat: no-repeat;
}
#poradenskeprogramyin {
    /*border-left: 9px solid #2692CE;*/
    margin-left: 37px;
    padding-left: 1em;
}

#rekvalifikacnikurzy {
    width: 50%;
    float: left;
    margin: 0em;
    padding: 0em;
    background-image: url("./number_3.jpg");
    background-repeat: no-repeat;
}
#rekvalifikacnikurzyin {
    /*border-left: 9px solid #88C03B;*/
    margin-left: 37px;
    padding-left: 1em;
}

#projektovacinnost {
    margin-left: 50%;
    background-image: url("./number_4.jpg");
    background-repeat: no-repeat;
}
#projektovacinnostin {
    /*border-left: 9px solid #F3E72F;*/
    margin-left: 37px;
    padding-left: 1em;
}




.numero {
    color: #800000;
    font-size: 130%;
    font-weight: bold;
}

.floatleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
    clear: both;
}
.floatright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1em;
    clear: both;
}

.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.jusify {
    text-align: justify;
}

.cleaner {
		clear      : both;
		height     : 1px;
		font-size  : 1px;
		border     : none;
		margin     : 0px;
		padding    : 0px;
		background : transparent;
}

.error {
    color: #cc0000;
    border: 1px solid #ff0000;
    padding: .5em 1em;
    margin-top: 2em;
    margin-bottom: 2em;
}

/* FORMÁTOVÁNÍ PRO BĚŽNÉ ELEMENTY */
/* formátování elementu typu Důležitý info box */
.importantbox {
    border           : 1px solid #000;
    background-color : #ebebeb;
    padding          : .25em 1em;
    color            : #000;
    margin           : 1.5em 0em;
}
.importantbox .napis {
    font-size: 170%;
    margin-bottom: .2em;
}
/* formátování elementu typu Odkaz */
.odkaz {
	margin  : 2em 0em;
}
.odkaz .odkazin {
	display             : inline;
	border              : 1px solid #999999;
	padding             : 1px;
}
.odkaz a {
	background-color    : #DA251D;
	color               : #fff;
	font-weight         : normal;
	text-decoration     : none;
	padding             : 0em .5em;
	padding-left        : 0px;
	background-image    : url("./ico_a.gif");
	background-repeat   : no-repeat;
	background-position : 0% 50%;
	padding-left        : 19px;
}
.odkaz a:hover {
	color : #bbb;
}

.wcmadmin {
    font-weight: normal;
    color: #808080;
}


/* FORMATOVANI HLAVNIHO MENU PROJEKTOVE CINNOST */

div.menuprojekty {
    padding          : 0px;
    width            : 100%;
    margin-bottom    : 1.5em;
    background-color : #eee;
}
div.menuprojekty ul {
    margin           : 0px; 
    padding          : 0px; 
    width: 100%;

}
div.menuprojekty li {
    position         : relative; 
    list-style-type  : none;
    background-image : none;
    padding          : 0px;
    margin           : 0px;
    float            : left; 
    width            : 170px; 
    background-color: #eee;
}
div.menuprojekty li:hover {
    padding         : 0px;
    margin          : 0px;
}
div.menuprojekty li.submenu {
/*
    background-image    : url('./dropmenu.gif');
    background-position : 95% 50%;
    background-repeat   : no-repeat;
    */
}
div.menuprojekty li.submenu:hover {
    z-index: 2;
    cursor : default;
}
div.menuprojekty li a {
    color: #B02018;
    font-weight     : bold;
    display         : block;
    margin          : 0px;
    padding         : .3em .8em;
    text-decoration : none;
    width           : 100%;
    border-left     : 3px solid #ccc;
}
div.menuprojekty li a:hover {
    background-color: #B02018;
    color           : #fff;
    border-left     : 3px solid #B02018;
    z-index: 0;
}
div.menuprojekty li a.admin {
    color           : #cc0000;
    font-weight     : bold;
}
div.menuprojekty>ul a {
    width: auto;
}
div.menuprojekty ul ul {
    position : absolute; 
    width    : 15em;
    display  : none;
}
div.menuprojekty ul ul li {
    border-bottom: 1px solid #c0c0c0; 
}
div.menuprojekty li.submenu li.submenu {
    background-image: url(submenu.gif);
}
div.menuprojekty ul.level1 li.submenu:hover ul.level2, 
div.menuprojekty ul.level2 li.submenu:hover ul.level3 {
    display:block;
}
div.menuprojekty ul.level2 {
    top        : 2em; 
    left       : -1px; 
    margin-top : 0px;
}
div.menuprojekty ul.level3 {
    top: -1px;
    left: 18em;
}


/* FORMATOVANI ZALOZEK DOMTAB */

.ikony {
    margin-top: 2em;
}

div.domtab {
  margin: 0em;
  padding: 0em;
  padding-top: 2em;
}
/* obsahy zalozek */
div.domtabinner {
	border: 1px solid #C5231B;
	padding: 1em 2em;
}
div.domtab div  {
	clear: both;
	width: auto;
  /*margin-top: .5em;
  margin-bottom: 1.5em;*/
}
div.domtab .propagace,
div.domtab .odkazy,
div.domtab .aktuality  {
    background-color: #fff;
    background-image: url("./paging_bg.jpg");
    background-repeat: repeat-x;
    background-position: left bottom;
    border: 1px solid #ddd;
    padding: .2em 1em;
    color: #C5231B;
    margin-top: 1.5em;
}
div.domtab .blokaktuality {
    margin: 0em;
}
div.domtab .blokaktuality .starsiaktuality {
    display: none;
}
div.domtab div.aktualita {
/*  background-color: #f0f0f0;
    border-bottom: 1px solid #ddd;*/
    padding: 1em;
    margin-top: .5em;
    margin-bottom: .5em;    
    background-color: #f0f0f0;
    border: 1px solid #ddd;
}
div.domtab .aktualita .datum  {
    margin-top: 0em;
    margin-bottom: 0em;
    color: #020095;
    line-height: 1em;
    font-size: 100%;
}
div.domtab .aktualita .obsah {
    margin: 0em;
    padding: 0em;
}
div.domtab .aktualita .dokumenty,
div.domtab .aktualita .fotografie {
    margin: 0em;
    padding: 0em;
    padding-left: .5em;
    background-color: #ddd;
    border-left: 15px solid #bbb;
    margin-bottom: .5em; 
}
div.domtab .aktualita .heading {
    font-style: italic;
}
div.domtab a.zalozkanadpis,
div.domtab a.zalozkanadpis:hover,
div.domtab a.zalozkanadpis:active {
    text-decoration: none;
    color: #C5231B;
}
/* zalozky */
ul.domtabs {
  	float:left;
  	margin: 0em;
  	padding: 0em;
  	font-size: 85%;
  	line-height: 1em;
}
ul.domtabs li {
	float: left;
	padding: 0em;
	margin: 0em;
	width: 70px;
	margin-right: 5px;
	list-style-type: none;
	overflow: hidden;
	letter-spacing: -0.1em;
}
ul.domtabs a:link,
ul.domtabs a:visited,
ul.domtabs a:active,
ul.domtabs a:hover {
	padding: .5em .3em;
	margin: 0em;
	display: block;
	background-color: #eee;
	color: #000;
	height: 4em;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: none;
}
html>body ul.domtabs a:link,
html>body ul.domtabs a:visited,
html>body ul.domtabs a:active,
html>body ul.domtabs a:hover{
	height: auto;
	min-height: 4em;
	margin: 0em;
}
ul.domtabs a:hover{
	background: #C5231B;
	color: #fff;
}
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover {
	background: #C5231B;
	color :#fff;
	border: 1px solid #C5231B;
	border-bottom: none;
	margin: 0em;
}

/* EXTRA styl pro modul rekvalifikace by Petr Hirs */
#info p, #reskilling form p {
  margin-bottom: 0px;
}

#info p label, #reskilling form label {
  width: 12em;
  font-weight: bold;
}

#info p input{
  border: none;
}

#info p input.long{
  width: 40em;
}

#reskilling form fieldset {
  border-left: none;
  border-right: none;
}

#reskilling form span.star {
  color: red;
}



table.harmonogram {
  border-collapse: collapse;
  border: 1px solid black;
}
table.harmonogram th, table.harmonogram td {
  border: 1px solid black;
}
table.harmonogram th {
  background-color: rgb(224, 224, 224);
  color: rgb(0, 0, 0);
}
table.harmonogram td {
  text-align: center;
}
table.harmonogram td.first {
  text-align: left;
}