/* CSS Document */

/* Body */

body {
 padding: 0;
 margin: 0;
 font-family: Arial, Verdana, Tahoma;
 background: #fff url(img/background.gif) top repeat-x;
 font-size: 13px;
 color: #222;
 list-style-type: none;
 text-align: left;
}

a {
 color: #222;
 text-decoration: underline;
}

a:hover {
 color: #222;
 text-decoration: none;
}

ul li {
 list-style-type: none;
 list-style-image: url(img/list.png);
}

#body {
 width: 962px;
 margin: 0 auto;
 _position: absolute;
 _left: 12%;
 _top: 0;
}

/* Horní menu */

.links {
 color: #c3c2c2;
 float: right;
 position: relative;
 top: -3px;
 _top: 5px;
 left: 0;
}

.links li {
 color: #c3c2c2;
 display: inline;
 padding: 0 5px; 
}

.links li a {
 color: #222;
 text-decoration: none;
 background: url(img/mini-separator.gif) left center no-repeat;
 padding: 0 0 0 13px;
}

.links li a:hover {
 text-decoration: underline;
}

.links li a.current {
 color: #666;
 background: none;
}

.links li a.current:hover {
 text-decoration: none;
}

/* Nadpis H1, description */

#header {
 clear: both;
 width: 900px;
 overflow: hidden;
 position: relative;
 top: 17px;
 _top: 30px;
 left: 12px;
}

h1 {
 font-size: 40px;
 text-decoration: none;
 display: inline;
 padding: 0 5px 0 40px;
 background: url(img/calculator.gif) left center no-repeat;
 font-weight: normal;
}

h1 a {
 text-decoration: none;
}

#header span {
 padding: 0 0 0 15px;
 background: url(img/separator.gif) left no-repeat;
}

/* Hlavní menu */

.menu {
 padding: 0; 
 height: 73px; 
 width: 962px; 
 display: block;
 background: url(img/menu.gif);
 position: relative;
 top: 26px;
 _top: 40px;
 left: 0px;
}

.menu ul {
 width: 680px;
}

.menu li{
 padding: 0;
 margin: 0;
 list-style: none; 
 display: inline;
}

.menu li a { 
 float: left; 
 padding-left: 18px; 
 display: block; 
 color: #eee;
 text-decoration: none;
 height: 33px;
 line-height: 33px;
 position: relative;
 top: 15px;
 left: -20px;
 font-size: 15px;
}

.menu li a span {
 float: left; 
 display: block; 
 padding-right: 15px;
 height: 33px;
 line-height: 33px;
 background: url(img/menu-separator.gif) right center no-repeat;  
}

.menu li a:hover {
 padding-left: 18px; 
 background: url(img/hover.gif) 0 0 no-repeat;
 height: 33px;
 line-height: 33px;
 text-shadow: #333 1px 1px 1px;
 color: #fff;  
}

.menu li a:hover span {
 padding-right: 15px; 
 background: url(img/hover.gif) 100% 0 no-repeat;
 height: 33px;
 line-height: 33px;
}

.menu li a.active, .menu li a.active:hover {
 padding-left: 18px; 
 background: url(img/hover.gif) 0 0 no-repeat;
 height: 33px;
 line-height: 33px;
 text-shadow: #333 1px 1px 1px; 
 color: #fff; 
}

.menu li a.active span, .menu li a.active:hover span {
 padding-right: 15px; 
 background: url(img/hover.gif) 100% 0 no-repeat;
 height: 33px;
 line-height: 33px;
}

/* Affiliate odkaz v hlavním menu */

#aff {
 clear: both;
 position: absolute;
 top: 135px;
 left: 70%;
 _top: 108px;
 _left: 80%;
 color: #eee;
 line-height: 22px;
 text-align: center;
}

#aff a {
 color: #fff;
 font-size: 15px;
 text-decoration: underline;
 text-shadow: #666 1px 1px 1px; 
}

#aff a:hover {
 text-decoration: none;
 text-shadow: #666 1px 1px 1px; 
}

#content {
 width: 962px;
 position: relative;
 top:-185px;
 _top: -175px; 
 left: 0px;
}

/* Obsah */

#left {
 width: 580px;
 float: left;
 padding: 0 0 0 28px;
 margin: 0 0 -100px 0;
}

#left h2 {
 border-bottom: 1px solid #ccc;
 padding: 0 0 2px 0; 
}

#left p, #right p {
 padding: 0 0 0 4px;
 line-height: 20px; 
}

/* Affiliate box */

#place {
 background: url(img/place.png) left top no-repeat;
 width: 591px;
 height: 246px;
 padding: 54px 0 0 0;
 margin: 0 0 -20px 0;
}

#place h2 {
 border-bottom: 0;
 text-indent: 20px;
 _padding: 10px 0 0 0;
}

#place ul {
 width: 280px;
 float: left;
 margin: -5px 0 0 0;
 _margin: 0 0 0 10px;
}

.button {
 margin: 82px 19px 0 0;
}

/* Tlačítko */

.tlacitko {
 display: inline;
 float: right;
}

.tlacitko a, .tlacitko span {
 display: block;
 height: 52px;
 width: 243px;
}
.tlacitko a {
 background: #7d8d11;
 color: #fff;
 position: relative;
 line-height: 52px;
 text-align: center;
}

.tlacitko span {
 position: absolute;
 top: 0;
 left: 0;
 cursor: pointer;
}

.tlacitko a span {
 background: url(img/tlacitko.gif) 0 0 no-repeat;
}

.tlacitko a:hover span {
background-position:0 -52px;
}

.tlacitko a:hover {
text-decoration:none;
}
      

/* Sidebar */

#right {
 width: 320px;
 float: right;
 margin: 0 0 -100px 0;
}

#wrap {
 background: url(img/content.gif) top no-repeat;
 width: 962px;
 height: 204px;
 position: relative;
 top: 13px;
 _top: 23px;
 left: 0px;
}

.seznam li {
 line-height: 25px;
}

.sidebar-seznam li a {
 line-height: 26px;
 text-decoration: none; 
 border-bottom: 1px solid #eee;
}

.sidebar-seznam li a:hover {
 border-bottom: 1px solid #ccc;
}

#right h3 {
 background: url(img/sidebar-title.gif) no-repeat;
 width: 320px;
 height: 51px;
 line-height: 51px;
 color: #fff;
 font-size: 16px;
 font-weight: normal;
 padding: 0 0 0 45px;
 position: relative;
 top: 0px;
 left: -1px;
} 

#right p {
 padding: 0 20px 0 20px;
}

/* Footer */

#footer {
 clear: both;
 background: url(img/footer.gif) top repeat-x;
 position: relative;
 top: -20px;
 left: 0px;
}

#footer span {
 position: relative;
 top: 10px;
 left: 5px;
}