html, body {
  text-align: center;
  
/* 	padding: 0px;
	margin: 0px; */
}

#cely {
  position: relative;
	text-align: left;
	overflow: visible;
  
	padding: 10px;
	margin: auto;
  
  border-style: none;
/*  border-style: solid;
	border-color: red;
	border-width: 1px; */
}

table.layout {
  border-collapse: collapse;
  margin: auto;
  padding: 0px;
  height: 610px;
}

table.layout td {
  text-align: left;
  vertical-align: bottom;
  margin: 0px;
  padding: 0px;
	width: 270px;
  height: 270px;
	background-color: black;
	border-style: solid;
	border-width: 35px;
	border-color: black;
	background-repeat: no-repeat;
	background-position: center center;
}
#zpet {
  float: right;
  margin: auto 20px auto auto;
}


#flevoland {
  background-image: url('../img/flevoland.jpg');
}
#napoli {
  background-image: url('../img/napoli.jpg' )
}
#europa {
  background-image: url('../img/europa.jpg' )
}
#paris {
  background-image: url('../img/paris.jpg' )
}
#rotterdam {
  background-image: url('../img/rotterdam.jpg' )
}
#amsterdam {
  background-image: url('../img/amsterdam.jpg' )
}
#aminokyselina {
  background-image: url('../img/aminokyselina.jpg' )
}
#chemopetrol {
  background-image: url('../img/chemopetrol.jpg' )
}
#stredohori {
  background-image: url('../img/stredohori.jpg' )
}
.layout p, .layout ul, .layout h1, .layout span {
    visibility: hidden;
}
.layout h1, .layout ul, .layout p, .title a:visited {
  position: relative;
	width: 210px;
	color: white;
	padding: 5px;
  margin: 5px;
} 
.layout ul, .layout p {
  height: 180px;
  padding: 0.2em 0.2em 0.2em 3em;
}
li {
  list-style-image: url(../img/cross.png);
  line-height: 1.2em;
  padding: 0 0 1em 0;

}

div.obr {
  position: relative;

  float: left;
  margin: 0;
  padding: 0 20px 0 0;
  overflow: auto;
}