#lista {
  width: 100%;
  height: 20px;
  background: url(http://www.tomaszdvorily.com/vizitkyzakorunu/img/lista.jpg) repeat-x;
  padding: 0;
  margin: 0;
  text-align: center;
  font-family: Arial;
}

#lista img {
  margin-right: 20px;
}

#lista a {
  padding: 0;
  margin-right: -3px;
  position: relative;
  top: -7px;
  color: #F0F1F1;
  text-decoration: none;
  border-right: 1px solid #4b4b4b;
  font-size: 12px;
  font-weight: bold;  
  padding: 1px 10px 1px 10px;  
}

#lista a:hover {
  padding: 0;
  margin-right: -3px;
  position: relative;
  top: -7px;
  color: #ffffff;
  text-decoration: none;
  border-right: 1px solid #4b4b4b;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 10px 1px 10px; 
  background-color: #222223 !important; 
}

* {
	margin: 0;
	padding: 0;
}
* body {
	background: #fff url(../images/bodybg.gif) repeat-x;
	background-position: 0 20px;
	font: 74% Arial, Helvetica, Sans-Serif;
	color: #454545;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

#wrap a {
	text-decoration: none;
	color: #C40000;
	background: inherit;
}
#wrap a:hover {
	color: #808080;
	background: inherit;
}
#wrap a:focus {
	outline: 0;
}
h1 {
	font-size: 2.8em;
	line-height: 35px;
}
h2 {
	color: #000;
	font: bold 170% Arial, Sans-Serif;
	letter-spacing: -1px;
	padding: 0;
	margin: 0 0 10px;
}
img {
	border: 0;
}
.grey {
	color: #484848;
}
#wrap {
	width: 900px;
	margin: 10px auto 0;
}
#logo {
	float: left;
	width: 400px;
	position: relative;
	top: -10px;
	margin: 0 0 0px;
}
#header_top {
	background: url(../images/top.gif) no-repeat top right;
	border-right: 2px solid #fff;
	color: #454545;
	padding: 10px 0 0 7px;
	clear: both;
	margin: 0 0 0px 0;
	height: 74px;
}
#header_top p {
	padding: 0;
	margin: 0;
}
#header_top ul {
	float: right;
	padding: 12px 160px 0 0;
	margin: 0 0 5px 0;
}
#header_top ul li {
	list-style-type: none;
	display: inline;
	font-weight: bold;
}
#header_top ul li a {
	padding-left: 7px;
	background: #FFF url(../images/bullet.gif) no-repeat center left;
	margin-right: 5px;
	color: #C40000;
}
#header_top ul li a:hover {
	padding-left: 7px;
	background: #FFF url(../images/bullet.gif) no-repeat center left;
	margin-right: 5px;
	color: #808080;
}
#header_bottom {
	background: #454545 url(../images/bottom.gif) no-repeat top right;
	color: #EBEBEB;
	padding: 20px 240px 20px 10px;
	clear: both;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	margin: 0 0 1px 0;
	height: 90px;
}
#header_bottom h2 {
	color: #F3F2BF;
	width: 250px;
	margin: 0 0 10px;
	background: #454545;
}
#slogan {
	clear: left;
	width: 730px;
	border-top: 1px solid #eee;
	position: relative;
	top: -9px;
  margin-top: -5px;
	padding-top: -5px;
}
#maincontent {
	padding: 20px 0;
	clear: both;
	background: url(../images/bg.gif) repeat-x;
}
#left {
	float: left;
	width: 630px;
	padding: 5px 15px 0 5px;
	margin: 0 0 25px 0;
}
#left p {
	margin: 0 0 15px;
}
#right {
	width: 220px;
	float: right;
}

#right ul {
	list-style-image: none;
	list-style: none;
}

#right h2 {
	color: #F3F2BF;
	width: 220px;
	margin: 0 0 10px;
	background: #454545;
	margin-top: 20px;
}

#info {
	border: 1px solid #ccc;
	padding: 7px;
	font-size: .9em;
	background: #f4f4f4;
}
#searchform {
	background: url(../images/searchform.gif) no-repeat;
	padding: 8px 4px 10px 4px;
	height: 27px;
	font: bold 0.9em Arial, Sans-Serif;
	margin: 0 0 20px;
}
#searchform p {
	padding: 0;
	margin: 0;
}
input.search {
	width: 127px;
	border: none;
	background: url(../images/input.gif) no-repeat;
	padding: 7px;
	margin: 0 4px 0 5px;
}
input.submit {
	width: 53px;
	height: 29px;
	border: none;
	background: #FFF url(../images/submit.gif) no-repeat;
	font: bold 1.2em Arial, Sans-Serif;
	padding: 0px;
	color: #FFF;
}
#footer {
	clear: both;
	padding: 10px;
	margin: 10px 0 0 0;
	border-top: 1px solid #ccc;
	line-height: 2em;
}

.reference{
	width: 300px;
	padding: 5px;
	float:left;
}

.reference-description{
	border-top: thin #E8E8E8 solid;
	background-color: #E8E8E8;
	padding: 5px;
}