body {
  background-color: white;
  background-image: url('/images/background-page.gif');
  background-repeat: repeat-y;
  background-position: top left;
  color: black;
  margin: 0px;
  padding: 0px;
  font-family: arial;
  font-size: 0.8em;
}

a {
  color: #4E546A;
  font-weight: bold;
}

a:hover {
  color: #AA0000;
}

img {
  border: none;
}

table{
  font-size:1em;
}

#logoEvropskaUcetni {
  position: absolute;
  top: 20px;
  left: 15px;
}

#menu {
  border-top: white solid 1px;
}

#menu .illustration {
  border-right: 1px solid white;
}

#menu ul {
  margin: 1px 0px 0px 0px;
  padding: 1px 5px 2px 0px;
  text-align: right;
  background-color: white;
}

#menu ul li {
  display: inline;
}

#menu ul li a {
  text-transform: lowercase;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
  color: #4E546A;
  font-size: 90%;
  font-weight: normal;
}

#menu ul li a:hover {
  background-color: #4E546A;
  color: white;
}

#menu ul li .selected {
  color: #AA0000;
}

/********* article ********/

#mainContent {
  width: 447px;
  margin-left: 333px;
  padding-top: 74px;
}

#mainContent .content {
  position: relative;
  background-color: #E3ECEF;
  border: solid 1px #E3ECEF;
  margin-top: 1px;
  min-height: 360px;
  _height: 360px;
}

#mainContent .content h1, #mainContent .content h2 {
  margin: 0px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 120%;
  color: #4E546A;
}

#mainContent .content h2 {
  margin: 0px;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 10px;
  font-size: 110%;
  color: #4E546A;
}

#mainContent .content .text {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: auto;
}

#mainContent .content .text .ApolloContentTitle {
  margin: 0px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 120%;
  color: #4E546A;
}

#mainContent .content ul {
  list-style-image: url('/images/bullet.gif');
  margin-left: 25px;
}

#mainContent .content ul li {
  padding-bottom: 10px;
}

#mainContent .ApolloArticlePublishDate
{
	padding-left: 10px;
	visibility: hidden;
}

#mainContent .content .text .ApolloArticleText {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: auto;
}

#mainContent .content .text .ApolloArticleTitle {
	font-weight: bold;
	text-align: left;
}

#mainContent .content .text .ContentArticle {
  padding: 0px 0px 10px 10px;
  position: relative;

}

#mainContent .content .text .ApolloArticleListDescription {
  float: right;
  width: 350px;
}

#mainContent .content .text .ApolloDescriptionImage {
  float: left;
  border: solid 1px #818591;
}

#mainContent .content .text .ApolloDescriptionImage img {
  margin: 1px;
}

#navigation {
  position: absolute;
  width: 427px;
  bottom: 15px;
  left: 10px;
}

#navigation a {
  display: block;
  width: 12em;
  text-decoration: none;
  color: #4E546A;
  font-weight: bold;
  font-size: 90%;
  text-transform: lowercase;
  border-bottom: solid 4px #6B8D99;
}

#navigation a:hover {
  color: #6B8D99;
}

#navigation .hrefPrev {
  float: left;
}

#navigation .hrefNext {
  float: right;
  text-align: right;
}

/*****************************************************/
/******************* levy sloupec ********************/
/*****************************************************/

#leftColumn {
  position: absolute;
  top: 185px;
  left: 20px;
  width: 290px;
  font-size: 85%;
}

#leftColumn h3 {
  font-size: 100%;
  margin: 0px;
  padding: 5px 0px 5px 10px;
  color: #818591;
}

#leftColumn .item {
  padding: 0px 0px 10px 10px;
  position: relative;
}

#leftColumn .item .text {
  float: right;
  width: 200px;
}

#leftColumn .hrefMore {
  float: right;
  color: #577C82;
  font-weight: bold;
  text-decoration: underline;
}

#leftColumn .hrefMore:hover {
  color: #AA0000;
}

#leftColumn .illustration {
  float: left;
  border: solid 1px #818591;
}

#leftColumn .illustration img {
  margin: 1px;
}

/******************* reference ***********************/

#references {
  border-top: #D5DCE0 1px solid;
}

/******************* kontakty ***********************/

#contacts {
  border-top: #D5DCE0 1px solid;
  margin-top: 20px;
}

/******************* copyright ***********************/

#copyright {
  border-top: #D5DCE0 1px solid;
  margin-top: 10px;
  padding-top: 5px;
  color: #9EB5BA;
  font-size: 90%;
}

/*****************************************************/
/******************* obecne tridy ********************/
/*****************************************************/

.clear {
  clear: both;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}