body {
  margin: 0 auto;
  font-family: arial;
}

a img {
  border: 0;
}

#wrapper {
  width: 977px;
  margin: 0 auto;
}

#header {
  margin: 0 auto;
  background: black;
}

#header-inner {
  margin: 0 auto;
  width: 997px;
}

#upper-links {
  height: 40px;
  margin: 0 auto;
  background: #484848;
  width: 997px;
}

#upper-links-inner {
  
  height: 40px;
  background: none repeat scroll 0 0 #3E3E3E;
}

#banner {
  height: 91px;
  width: 997px;
  background: black;
}

#under-banner {
  margin-top: 41px; 
}

#banner-logo {
  float: left;
  width: 250px;
}

#tabs {
  float: right;
  width: 740px;
}

#tabs ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#tabs ul li {
  float: left;
  background-image: url('../img/zalozka-neaktivni2.jpg');
  display: inline;
  width: 132px;
  height: 27px; 
  text-align: center;
  margin: 64px 4px 0 0;
}

#tabs .active {
  background-image: url('../img/zalozka.jpg');
} 

#tabs ul li a {
  color: white;
  font-weight: bold;
  position: relative;
  top: 3px;
  font-size: 10pt;
}

#tabs ul .active a {
  color: #a1a1a1;
  text-decoration: none;
}

#tabs ul li a {
}

#content {
  margin-top: 20px;
}

#banks-list {
  width: 252px;
  height: auto;
  float: left;

}

#banks-list ul {
  margin: 0px 0 0 3px;
  padding: 0;
  list-style-type: none;
}

#banks-list ul li {
  width: 235px;
  min-height: 20px; 
  text-align: center;
  background: #f0f0f0;
  margin-bottom: 2px;
}

#banks-list ul li a { 
  color: #676767;
  text-decoration: none;
  font-size: 10pt;
}

#banks-list ul li a:hover { 
  color: #d20000;
  text-decoration: underline;
  
}

.banks-products {
  width: 525px;
  height: auto;
  float: left;
  font-size: 10pt;
}

.banks-products a {
  color: #d20000;
}

.banks-products h1 {
  font-size: 1.3em;
  color: #d20000;
}

.banks-products h2 {
  font-size: 1.1em;
  color: #d20000;
}
 #form-left { 
  width: 120px;
  height: 100px; 
  float: left;
}


#form-right {  
  width: 330px;
  height: 100px; 
  float: left;
}

.element {
  margin-top: 12px;
}

.input-form {
  margin-top: 6px;
}

#hypoteky-form div {
  float: right;
  margin-top: 15px;
}

#right-column {
  height: auto;
  float: right;
}

#banner-right {
  border: 1px solid #bababa;
  width: 185px;
  height: 500px;
  clear: both;
}

#reklama-text {
  float: right;
  font-size: 0.8em;
  color: #bababa;
  margin-top: -15px;
}

.banks-products-image {
  width: 95px;
  height: 81px;
  border: 1px solid #bababa;
  margin-top: 20px;
  float: left;
}

.bank-image {
  border: 1px solid #bababa;
  margin: 20px 0 -20px 0;
  padding: 20px;
  float: left;
  clear: both;
}


.bank-desc {
  clear: left;
  font-size: 10pt;
  margin: 20px 0 0 10px;
  color: black;
  padding-top: 20px;
}

.nadpis {
 color: #d20000;
 font-weight: bold;
 margin-top: 20px;
}

.nadpis-vedeni {
 color: #d20000;
 font-weight: bold;
 margin-top: 20px;
}


.banks-products-desc {
  width: 415px;
  min-height: 80px;
  margin-top: 20px;
  float: right;
  font-size: 10pt;
}

.banks-products-desc .name {
  color: #d40000;
  font-weight: bold;
 
  margin-bottom: 10px;
}

.banks-products-desc .about {
  color: #828282;
}

.banks-products-desc .url {
  color: #d40000;
}

.banks-products-desc .url a {
  color: #d40000;
}

#footer {
  height: 60px;
  background: black;
  margin-top: 50px;
  padding-top: 10px;
  font-size: 0.75em;
  color: #565656;
  clear: both;
  font-family: "Trebuchet MS";
  font-size: 8pt;
}

#footer-inner {
  height: 60px;
  margin: 0 auto;
  width: 977px;
}

.cleaner {
  clear: both;
}

#footer-left {
  float: left;
  margin: 10px 0 0 10px;
  width: 300px;
}

#footer-left a {
  color: #49bbdd;
}

#footer-right {
  margin: 10px 10px 0 0;
  float: right;  
  width: 600px;
}

#footer-right a {
  color: #555555;
}

#footer img {
 float: left;
 margin-right: 10px;
}

.kody-left {
  float: left;
  color: #484848;
  font-size: 10pt;
}

.kody-right {
  float: right;
  color: #484848;
  font-size: 10pt;
}

.pruh {
  height: 25px;
  width: 100%;
  padding-top: 8px;
}

#bar {
  background:#3E3E3E none repeat scroll 0 0;
  border-top:1px solid #484848;
  overflow:hidden;
}
#bar ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0 auto;
  padding:0 0 0 18px;
  width:993px;
}
#bar ul li {
  float:left;
}
#bar ul li a {
  color:#FFFFFF;
  display:block;
  float:left;
  font-weight:bold;
  padding:13px 15px 17px 35px;
  font-size: 8pt;
}
#bar ul li a:hover {
  text-decoration:none;
}
#bar ul li a.sms {
  background:transparent url(../img/sms.gif) no-repeat scroll left center;
}
#bar ul li a.inzerce {
  background:transparent url(../img/inzerce.gif) no-repeat scroll left center;
}
#bar ul li a.hry {
  background:transparent url(../img/hry.gif) no-repeat scroll left center;
}
#bar ul li a.dovolena {
  background:transparent url(../img/dovolena.gif) no-repeat scroll left center;
}
#bar ul li a.gps {
  background:transparent url(../img/gps.gif) no-repeat scroll left center;
}
#bar ul li a.www {
  background:transparent url(../img/seo.gif) no-repeat scroll left center;
}
#bar ul li a.prace {
  background:transparent url(../img/prace.gif) no-repeat scroll left center;
}
#bar ul li a.obchod {
  background:transparent url(../img/obchod.gif) no-repeat scroll left center;
}
#bar ul li a.barmanshow {
  background:transparent url(../img/bs.gif) no-repeat scroll left center;
}



/*

table {
  margin: 20px 0 0;
}

table tr td {
  padding: 5px 0;
  background: #e8e8e8;
  text-align: center;
}

table tr.header td {
  background: #e8e8e8;
}

table tr.header td.bold {
  background: #8b8b8b;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

table tr td {
  width: 170px;
  background: #f5f5f5;
  color: #6f6f6f;
}
 */
 
.box {
  padding: 15px 0 15px 0px;

}  

#vysledek h3 {
    color: #d20000;
}    

#errormessage {
  margin-top: 10px;
  font-weight: bold;
  color: red;
}

.greklama-banky {
  padding-top: 20px;
}

.seznam-rk {
  margin: 3px 0 0 -452px;
  font-weight: bold;
  color: white;
  font-size: 10pt;
  position: absolute;
  left: 50%;
}

.nabidka-produktu {
  left: 50%;
  margin: 4px 0 0 -25px;
  font-weight: bold;
  color: white;
  position: absolute;
  font-size: 10pt;
}

