body {
 background-image: url('blackline.gif');
 background-repeat: repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
}

#menu {
 text-align: center;
 font-size: 12pt;
 letter-spacing: 1px;
 width: 100%;
 height: 40px;
 display: block;
 margin-top: -4px;
}

#menu ul {
 float:left;
 width:100%;
 padding:0;
 margin:0;
 list-style-type:none;
}
#menu a
{
 float:left;
 text-decoration:none;
 color:black;
 padding: 7px 10px 7px 10px;
 margin-right: 20px;
 margin-left: 20px;
}

#menu li {display:inline}


#menu a:hover {
  color: #FFF;
  background-color:#000;
}

#content {
 margin-top: 0px;
 padding-top: 0;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 font-size: 10pt;
 line-height: 1.3;
 width: 800px;
 overflow: auto;
}

h1 {
  font-size: 12pt;
  background-color: #000;
  color: #fff;
  margin-top: 0px;
  padding: 2px;
  padding-left: 0.5em;
  background-image: url('titlebg.jpg');
}

h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 0.7em;
  font-size: 10pt;
}

#viacinfo {
  margin: 0;
  margin-top: 30px;
  width: 40%;
  float: left;
  background-image: url('divbg.jpg');
  background-repeat: repeat-x;
  padding: 20px;
}

#cojeto {
  margin-top: 50px;
  width: 45%;
  float: left;
}

#cojeto1 {
  letter-spacing: 1px;
  margin: 0;
  padding: 10px;
  background-color: #000;
  color: #fff;
  font-size: 14pt;
}

#cojeto2 {
  font-size: 11pt;
  margin: 0;
  margin-top: 1em;
}

#footer {
  text-align: center;
  padding: 10px;
  font-size: 9pt;
  border-top: thick solid #000;
  border-width: 4px;
  height: 30px;
  margin-top: 50px;
  height: 100%;
}

#licencia {
  float: left;
  min-width: 750px;
  margin-top: 40px;
  border-top: thin solid #000;
  padding-top: 1em;
  font-size: 8pt;
  list-style-type: decimal;
}

#banner {
  margin: 0;
  padding: 0;
}

#obr1 {
  margin-top: 20px;
  margin-left: 20px;
  width: 50%;
  float: right;
}

a:link {
 color: #444;
}
a:visited {
 color: #000;
}
a:hover {
 color: #fff;
 background-color: #000;
 text-decoration: none;
}

#language {
  position: absolute;
  right: 7px;
  top: 105px;
  font-size: 10pt;
}
#language a:link {
 color: #ccc;
 text-decoration: none;
}
#language a:visited {
 color: #ccc;
}

#content2 {
  margin-top: 40px;
  overflow: auto;
  background-image: url('divbg.jpg');
  background-repeat: repeat-x;
  padding: 20px;
}

#gui {
  float: left;
  width: 48%;
}

#deform {
  float: right;
  width: 48%;
}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 5px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 50px;
	background: url(images/tape.png) no-repeat;
}
.gallery a {
	text-decoration: none;
}


#raytrace {
  text-align: center;
}

#viewer {
  text-align: center;
}

#publikacie{
 float: left;
  min-width: 750px;
  list-style-type: decimal;
}

a.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:10em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}