/* HTML elements */
body {
  color: black;
  font-family: Tahoma;
  font-size: 10pt;
  background-color: white;
  overflow: -moz-scrollbars-vertical ;
}

h1,
.nadpis,
p.nadpis{
  margin-left: 0.5em;
  font-size: 175%;
  font-weight: bold;
  margin-top: 0.2em;
  margin-bottom: 1em;
  text-align: left;	
}

h2,
h3,
h4 {
	padding-left: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	background-color: #dcdcdc;
	clear: both;
	-moz-border-radius-topleft: 10px;	
	-moz-border-radius-bottomleft: 10px;	
}

h2{
	margin-left: 2em;
	font-size: 140%;	
}

h3{
	margin-left: 4em;
	font-size: 120%;
}

h4{
	margin-left: 6em;
	font-size: 110%;
}

h5{
	font-weight: bold;
	font-size: 100%;
}


ul
{
	list-style-image: url(images/arrow.gif);
}

a:link,
a:active,
a:visited
{
	color: #5583ad;
}

a:hover
{
	color: #0055af;
}

#cat{
  height: 1em;
  width: 1em;
}


/* Main part */
#main {
  margin: auto;
  position: relative;
  text-align: left;
  width: 770px;
  background-color: #F0F0F0;
}

/* Blue lines */
.blue_line_top,
.blue_line_bottom{
  height: 25px;
  margin-bottom: 15px;
}


.blue_line_left,
.blue_line_left2,
.blue_line_right,
.blue_line_right2,
.blue_line_center{
  width: 9px;
  height: 100%;
}

.blue_line_left,
.blue_line_left2{
	background: url("images/blue_line_left.png");
	float: left;
}

.blue_line_left2{
	background: url("images/blue_line_left2.png");
}

.blue_line_right,
.blue_line_right2{
	background: url("images/blue_line_right.png");
	float: right;
}

.blue_line_right2{
	background: url("images/blue_line_right2.png");
}

.blue_line_center{
	background: url("images/blue_line_center.png");
	width: 752px;
	float: left;
	display: table;
	_position: relative;	/* IE vertical align */
	_overflow: hidden;
}

/* Left part with menu*/
#left_part {
	float: left;
	width: 210px;	
}

/*2Del*/
#menu{
  /*if menu is on top of page there musn't be a margin-top and it used height*/
	margin-top: 1em;
	height: 210px;
	background: url("images/road.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;	
}

#menu a:hover{
	background: url("images/underlay_hover.gif");
}
.menu_item,
#menu a {
	background: url("images/underlay.gif");
	background-repeat: no-repeat;	
	background-color: #5e8bbb;
	text-align: left;
	position: center;
	display: table;	
	width: 100%;	
	height: 25px;
	margin-bottom: 4px;	
}

.menu_cont,
#menu div {
	padding-left: 15px;	
	display: table-cell; 
	vertical-align: middle;
	color: white;
	font-weight: bold;
	font-size: 120%;
}

.submenu_item{
	font-weight: bold;
	background-image: url("images/arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;	
	padding-left:15px;
	margin-left: 10px;
	font-size:80%;
}
/*End of 2Del*/

#itm_logo{
	background-image: url("images/logo_itm_small.gif");
	background-repeat: no-repeat;
	width: 700px;
	height: 73px;	
}


/* Central part with text */
#center_part {  
  width: 532px;
  float: right; 
  padding-right: 10px;
  padding-left: 10px;
}


#text_part{
	width: 532px;
	padding-top: 175px;
	background-image: url("images/comp.jpg");
	background-repeat: no-repeat;	
	margin-bottom: 1em;
	text-align: justify;		
	position: relative;
}

/* Styles in articles */

#mon{  /* A picture over the monitor */
    position: absolute;
    background: none right top no-repeat;
    left: 336px;
    top: 41px;
    width: 168px;
    height: 103px;
}

#highlight {  /* Highlighted ideas on the left side of the monitor */
    position: absolute;
    left: 20px;
    top: 20px;
    width: 300px;
    height: 150px;
    color: white;
    font-size: 90%;
    overflow: auto;
}

#highlight h5 {
  margin-top: 0px;
  margin-bottom: 1em;
}

#highlight ul {
  margin: 0px;
  padding-left: 30px;
}

#highlight ul li{
  padding-bottom: 0.15em; 		/*bottom spacing between menu items*/
}

#highlight ul li a{
  color: white;
  display: block;
  text-decoration: none;
  width: 95%;				/*or there will appear hor.scroll*/
}

.img_border{ /* Gray border around img */
  border: 2px solid #999999;
  margin-left: 10px;
  margin-bottom: 5px;
}

.lightbox { /* LightBox area - usually div */
	background-color: #dcdcdc;
}

.lbend {
	clear: both;
	visibility: hidden;
}

.lightbox img { 
	float: left;
	margin: 4px 2px 4px 2px;
	border: 1px solid #999999;
}

.idea { /* Idea of article - usually div */
	font-weight: bold;
	font-size: 110%;
}

.accent { /* Accent some words - usually span */
	font-weight: bold;
	color: #0055af;
}

.help { /* Instead of <abbr> - usually span */
	cursor: help;
	border-bottom: dashed 1px #0055af;
}

.warning { /* Warning text - usually span */
	font-weight: bold;
	color: red;
}

table.cert {	/* Table with certificates */
	border: 1px solid #999999;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1em;
}

table.cert tbody tr th{	
	border: 1px solid #999999;
	background-color: #999999;
}

table.cert tbody tr td{	
	border: 1px solid #999999;
	padding-left: 1em;
}

.ListHead{ /* First line in multilines list or heading replacement */
	font-weight: bold;
	font-size: 120%;
	color: #0055af;
}

.ListSubHead{ /* Heading replacement, 2nd level */
	font-weight: bold;
	font-size: 110%;
	color: #0055af;
}

.newie {	/* Red upper index for span "new" */
	vertical-align: super;
	color: #9f2f37;
	font-size: 75%;
	text-transform: uppercase;
}


/* Styles to hide/unhide blocks */
.hidden { display: none; }
.unhidden { display: block; }

.switchDisplay {	/* Hide/unhide element */
	cursor: pointer;
	text-decoration: underline;
	color: #5583ad;
	font-weight: bold;
	font-size: 110%;
}

/* End of page */
#end1{
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 70%;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	_position: absolute;  	/* IE vertical align */
	_top: 50%;

}

#end2 {
	_position: relative;	/* IE vertical align */
	_top: -50%
}

/* Classes prom PS */

/*Nadpis clanku*/
a.clanek{
  color: black;
  text-decoration: none;
}

/* Cely clanek*/
.cla-cely{
  margin-bottom: 2em;
}

/*Informace o clanku*/
.cla-informace{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #848484;
  padding-top: 0.5em;
  margin-bottom: 1em;  
}

/*Informace o poctu clanku a prechazeni mezi jednotlivymi stranami*/
.strankovani{
  margin-top: 2em;
}

/*Uvod clanku v celkovem pohledu*/
.cla-uvod{
  margin-bottom: 2em;
/*  font-weight: bold; */
}

/* Text clanku v prehledu*/
.ram .cla-text{
  margin-bottom: 1em;
}

/* Text clanku v celkovem pohledu*/
.cla-text{
  margin-bottom: 2em;
}

/*Anketa v celkovem pohledu*/
.anketa-cla-celkovy-ram{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #848484;
  width: 90%;
  margin-bottom: 1em;  
}

/*Odpovedi ankety*/
.anketa-cla-odpovedi{
  text-align: left;
}

/*Seznam souvisejicich clanku v celkovem ramu*/
.souvis-cla-celkovy-ram{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #848484;
  padding-top: 0.5em;
  margin-bottom: 1em;
}

/*Hodnoceni v celkovem ramu*/
.hodnoceni-celkovy-ram{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #848484;
  padding-top: 0.5em;
  margin-bottom: 1em;
}

/*Bloky RS*/

.blok {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #848484;
  padding-bottom: 1em;  
}

.blok1,
.blok1obs,
.blok2,
.blok2obs,
.blok3,
.blok3obs,
.blok4,
.blok4obs,
.blok5,
.blok5obs{
  padding-left:10px;
}

.blok1,
.blok2,
.blok3,
.blok4,
.blok5{
	font-size:120%;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

/*Obsah bloku1 - velke fonty*/
.blok1obs{
  font-size:140%;
}


.textpole{
  width: 100%;
}


/* Javascritp + CSS Menu */
.arrowlistmenu{
  /*if menu is on top of page there musn't be a margin-top and it used height*/
  margin-top: 1em;
  width: 190px;			/*width of accordion menu */
}


.arrowlistmenu .menuheader{ 	/*CSS class for menu headers in general (expanding or not!)*/
  font-weight: bold;
  font-size: 110%;
  color: white;
  background: url("images/underlay.gif");
  background-repeat: no-repeat;   
  background-color: #5e8bbb;
  height: 25px;
  width: 100%;
  padding-left: 10px;
  margin-bottom: 10px; 		/*bottom spacing between header and rest of content*/
  display: table; 
  cursor: hand;
  cursor: pointer;
  _position: relative; 		/* IE vertical align */
  _overflow: hidden;

}

.arrowlistmenu .menuheader .content {
  display: table-cell; 
  vertical-align: middle;
  _position: absolute;		/* IE vertical align */
  _top: 50%;
}

.arrowlistmenu .menuheader .content .content2 {
  _position: relative;  	/* IE vertical align */
  _top: -50%
}

.arrowlistmenu .menuheader .content a {
    color: white;
    text-decoration: none;
    display: block;
}

.arrowlistmenu .openheader{ 	/*CSS class to apply to expandable header when it's expanded*/
  background: url("images/underlay_hover.gif");
  background-repeat: no-repeat;   
  background-color: #5e8bbb;
}

.arrowlistmenu ul{ 		/*CSS for UL of each sub menu*/
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 0.8em; 		/*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
  padding-bottom: 0.15em; 		/*bottom spacing between menu items*/
  list-style-image: none;
}

.arrowlistmenu ul li a{
  color: #0055af;
  background: url("images/arrowbullet.png") no-repeat center left; 		/*custom bullet list image*/
  display: block;
  padding: 0.15em;
  padding-left: 19px; 		/*link text is indented 19px*/
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #dadada;
  font-size: 90%;
}

.arrowlistmenu ul li a:visited{
  color: #0055af;
}

.arrowlistmenu ul li a:hover{ 	/*hover state CSS*/
  color: #0055af;
  background-color: #FAFAFA;
}

/* Lightbox styles from lightbox.css */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox2_prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox2_nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }