/* CSS Document */
body {
  background-color: #000;
  text-align: center;
  background: #000 url('/images/layout/index/default.jpg') center top no-repeat;
  padding: 0;
  margin: 0;
  color: #FFF;
}

body, table, input, textarea {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 10pt;
}

#ajax-spinner {
	margin: -15px 0 0 -15px;
	padding: 13px;
	background: transparent url('/images/layout/ajax-loader.gif') no-repeat 50% 50%;
	font-size: 0;
}

.clear {
  clear: both;
}
.hid {
  display: none;
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #FFF;
}

a:hover {
 text-decoration: underline;
}

#stranka {
  width: 910px;
  margin: 0px auto;
  text-align: center;
}

/* Hlavni stranka */

div.tlacitka {
  padding-top: 15px;
  margin: 10px;
}

div.tlacitka a {
  display: block;
  width: 236px;
  height: 63px;
  text-align: center;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: top;
  float: left;
  margin: 0 5px;
  color: fff;
}

div.tlacitka a span {
  display: block;
  padding-top: 21px;
  text-transform: lowercase;
}

div.tlacitka a:hover, div.tlacitka a.active {
  background-position: bottom;
  text-decoration: none;
  color: facc70;
}

#tl1 {
  background-image: url('/images/layout/ver2/tl1.png'); 
}

#tl2 {
  background-image: url('/images/layout/ver2/tl2.png'); 
}

#tl3 {
  background-image: url('/images/layout/ver2/tl3.png'); 
}

#hp_line {
  margin: 10px 0 10px 0;
  width: 910px;
  height: 1px;
  background: url('/images/layout/index/hp_line.jpg') no-repeat bottom;
}

#hp_info {
  color: #FFF;
  font-weight: bold;
  text-align: center;
  margin: 10px 0  10px 0;
}

#hp_info p {
  color: #FFF;
  font-size: 0.85em;
  text-transform: uppercase;
  font-weight: normal;
}

#hp_lang {
  margin-bottom: 30px;
}

#hp_lang a {
  color: #FFF;
  font-size: 0.85em;
  text-transform: uppercase;
  font-weight: normal;
}

#hp_lang a.active {
  color: #FACC70;
}

#hp_info p a:hover {
  color: #FFF;
}

#copy {
  margin: 15px 0;
  color: #FFF;
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
}

#langsel {
  width: 910px;
  height: 71px;
  background: url('/images/layout/index/langsel.jpg') no-repeat bottom;
  position: relative;
  /*text-align: center;*/
}

#lang {
  /*text-align: center;*/
 /* margin: 0px auto;*/
  padding-top: 22px;
}

#lang a {
  padding: 10px 20px;
  font-weight: bold;
  color: #AED4F8;
}

#lang a:hover, #lang a.active {
  background: url('/images/layout/odrazky/sipka.gif') no-repeat bottom;
  text-decoration: none;
}

#lang a.active {
  color: #FFF;
}


#learth {
  width: 299px;
  height: 420px;
  background: url('/images/layout/index/learth.jpg') no-repeat bottom;
  float: left;
}


#mid {
  width: 306px;
  float: left;
}

.logo {
  display: block;
  width: 306px;
  height: 257px;  
  background-position: bottom;
  background-repeat: no-repeat;
}

#group {
  background-image: url('/images/layout/index/group.jpg');
}

#learth_sub {
  width: 310px;
  height: 205px;
  background: url('/images/layout/subpage/learth.jpg') no-repeat bottom;
  float: left;
}

#rearth_sub {
  width: 310px;
  height: 205px;
  background: url('/images/layout/subpage/rearth.jpg') no-repeat bottom;
  float: left;
}

.logo_sub {
  display: block;
  width: 290px;
  height: 205px;  
  background-position: bottom;
  background-repeat: no-repeat;
  float: left;
}

.logo_sub a {
  display: block;
  width: 290px;
  height: 205px;  
}

#logo_group {
  background-image: url('/images/layout/subpage/logo_group.jpg');
}

#logo_management {
  background-image: url('/images/layout/subpage/logo_management.jpg');
}

#logo_progressFund {
  background-image: url('/images/layout/subpage/logo_progress.jpg');
}

#logo_investmentFund {
  background-image: url('/images/layout/subpage/logo_invest.jpg');
}

#group:hover {
  background-position: top;
}

#mearth {
  width: 306px;
  height: 163px;
  background: url('/images/layout/index/mearth.jpg') no-repeat bottom;
}

#rearth {
  width: 305px;
  height: 420px;
  background: url('/images/layout/index/rearth.jpg') no-repeat bottom;
  float: left;
}

#consulting {
  background-image: url('/images/layout/index/consulting.jpg');
}

#investment {
  background-image: url('/images/layout/index/investment.jpg');
}

#management {
  background-image: url('/images/layout/index/management.jpg');
}

#progress {
  background-image: url('/images/layout/index/progress.jpg');
}

a.subpage {
  display: block;
  width: 217px;
  height: 182px;
  float: left;
  background-position: bottom;
  background-repeat: no-repeat;
}

a.subpage:hover {
  background-position: top;
}

div.sp_stuff {
 display: block;
 width: 14px;
 height: 182px;
 float: left;
}

#cons {
  background: url('/images/layout/index/stuff1.jpg') no-repeat bottom;
}

#invest {
  background: url('/images/layout/index/stuff2.jpg') no-repeat bottom;
}

#manag {
  background: url('/images/layout/index/stuff3.jpg') no-repeat bottom;
}

#obsah {
  background: url('/images/layout/subpage/bg_sub.jpg') no-repeat top;
  width: 910px;
  min-height: 182px;
  _height: 182px;
}


#obsah h2 {
  color: #E5C27E;
  font-size: 1.5em;
  margin: 0;
  padding: 0 0 10px 0;
  text-transform: uppercase;
  font-family: Arial, Georgia, 'New York CE', utopia, serif;

}

div.okraj table td{
  padding: 15px;
  vertical-align: middle;
  text-align: justify;
  background-image: url('/images/layout/table.png')  
}


div.okraj ul {
  list-style: none outside url('/images/layout/odrazky/zlata.jpg');
  padding-left: 30px;
  margin: 10;
}

div.okraj ul li {
  padding-left: 5px;
}


#bottom {
  width: 910px;
  text-align: center;
}

#obsah div.margin {
  padding: 60px 75px 0 75px;
  text-align: justify;
}

#obsah div.okraj {
  padding: 0 20px 25px 20px;
  text-align: justify;
  background: url('/images/layout/ver2/spodek.png') no-repeat bottom center;
}

/* MENU */

div.menu {
  /*width: 237px;
  margin: 0 0 20px 12px;*/
}

div.menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

div.menu ul li {
  float: left;
  margin: 0 5px 0 5px;
 
}

div.menu a {
  display: block;
  width: 180px;
  height: 77px;
  line-height: 77px;
  color: #fff;
  font-size: 1em;
  font-weight: bold; 
  overflow: hidden;
  text-align: center;
}

div.menu a span:first-letter {
  text-transform: capitalize;
}

div.menu a:hover {
  background: transparent url('/images/layout/ver2/bg_menu.png') bottom;
  text-decoration: none;
  color: #facc70;
}

div.menu a.active,
div.menu a.active:hover {
    background: transparent url('/images/layout/ver2/bg_menu.png') top;
  color: #facc70;
}

div.menu a span {
  display: block;
  padding: 18px 30px;
  text-transform: lowercase;
}

/* TLAČÍTKO */ 
a.tlacitko {
  display: block;
  width: 258px;
  height: 69px;
  background-image: url('/images/layout/index/tlacitko.jpg');
  background-position: bottom;
  margin: 0px auto;
  margin-bottom: 50px;
  text-align: right;
}

a.tlacitko:hover {
  background-position: top;
}

a.tlacitko span {
  display: block;
  padding: 26px 55px 0 0;
  color: #BEBEBE;
  font-weight: bold;
}

/* ONLINE DATA */
div.online table td {
  padding: 6px 6px;
}

div.online table th {
  padding: 4px 6px;
}

div.online table tr.header {
  height: 40px; 
}

div.online table td.number {
  text-align: right;
}

div.online table td.name {
  text-align: left;
}

#obsah div.online h2 {
  font-size: 13pt;
  padding: 12px 0;
}

div.online div {
  float: left;
  text-align: center;
  overflow: hidden;
}

div.online table {
  margin: auto;
}

div.online .forex {
  width: 273px;
  height: 250px;
}

div.online .komodity {
  width: 226px;
  height: 250px;
}

div.online .indexy {
  width: 220px;
  height: 250px;
}

div.online .djia {
  width: 350px;
}

div.online .nyse {
  text-align: center;
  width: 370px;
}

div.online .bid, div.online .ask {
  width: 54px;
}