* {margin:0; padding:0;}
img {border: 0;}
body {font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; color:#000000; background:url(../images/background.gif) top repeat-x #ffffff; text-align:center;}

.main {margin: 0 auto; width: 900px; text-align:left; background-color: #ffffff;}
.main2 {margin: 0 10px; border-top: 3px solid #a4170a;}

.header {padding: 5px 0; background: url(../images/headerbg.gif) center bottom no-repeat;}
.header img.pridat {float: right; margin: 19px 20px 0 0;}
.header a:active img.pridat {margin: 20px 20px 0 0;}

.alphabet {padding: 10px 0; text-align: center; background: url(../images/alphabet.gif) center center no-repeat #103f70;}
.alphabet a {padding: 0 9px; color: #ffffff; text-decoration:none;}

.content {float: left; width:610px;}
.content p{margin: 10px 0;}
.content p.infotext{margin: 10px 0; text-align:justify; line-height: 24px;}
.content p.infotext img{margin: 0 0 5px 10px; float:right; border: 1px solid #000000;}
.content p.infotext strong{font-weight: normal;}
.content div.steps {padding: 1px 2px 1px 2px; margin: 0 0 2px 0; text-align: right;}
.content div.steps a{font-size: 11px; color: #414141;}
.content div.steps a:hover{color: #666666;}
.content div.steps a.selected{color: #888888; text-decoration: none;}
.content div.nadpis {font-family: tahoma; font-size:24px;}
.content div.nadpis h1 {font-family: tahoma; font-size:24px; font-weight:normal; display: inline;}
.content div.nadpis h2 {font-family: tahoma; font-size:24px; font-weight:normal; display: inline;}
.content div.nadpis .red {color: #a4170a;}
.content div.subalphabet {text-align:center; padding: 5px 0; background: url(../images/subalphabet.gif) left center no-repeat;}
.content h2.nadpis2 {font-size:14px; color: #103f70; font-weight:bold; margin: 15px 0 0 10px; padding: 0 0 0 15px; background: url(../images/h2bg.gif) no-repeat center left;}
.content a {color: #a4170a;text-decoration:underline;}
.content a:hover {color: #6c0b02;}
.content div.text {line-height: 150%; font-family: 'Lucida Console', 'Monaco CE', fixed, monospace, Courier New; font-size: 13px; margin: 25px 0 0 0; white-space:pre;}
.content div.text a{color: #a4170a; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 14px; font-weight:bold; margin: 0 2px; position:relative; top:-5px; cursor:help; text-decoration:none;}
.content div.text a:hover {color: #6c0b02;cursor:help;}
.content div.text p {padding: 3px 2px 3px 6px; border-left: 2px solid #cccccc; background-color: #f5f5f5;}
.content div.vlozil {color: #999999; text-align:right; font-style:italic;}
.content div.ad {margin: 5px 0 0 0; padding: 10px 0; border-top:1px dashed #dfe2eb;}
.content div.ad_detail {margin: 15px 0; padding: 10px 0 10px 10px; border-top:1px dashed #dfe2eb; border-bottom:1px dashed #dfe2eb;}

.content ul.list {list-style: none; padding: 10px 0 10px 0; margin:0;}
.content ul.list li {background: url(../images/listbg.gif) repeat-y top left; border-top: 1px solid #D6E3E7;} 
.content ul.list li.this {background:#ffffff;}
.content ul.list span.vote {float:right; height:26px; width:110px;}
.content ul.list span.vote#vote {background: url(../images/star/nic.png) center bottom no-repeat;}
.content ul.list span.vote#vote0 {background: url(../images/star/0.png) center bottom no-repeat;}
.content ul.list span.vote#vote1 {background: url(../images/star/1.png) center bottom no-repeat;}
.content ul.list span.vote#vote2 {background: url(../images/star/2.png) center bottom no-repeat;}
.content ul.list span.vote#vote3 {background: url(../images/star/3.png) center bottom no-repeat;}
.content ul.list span.vote#vote4 {background: url(../images/star/4.png) center bottom no-repeat;}
.content ul.list span.vote#vote5 {background: url(../images/star/5.png) center bottom no-repeat;}
.content ul.list span.vote#vote6 {background: url(../images/star/6.png) center bottom no-repeat;}
.content ul.list span.vote#vote7 {background: url(../images/star/7.png) center bottom no-repeat;}
.content ul.list span.vote#vote8 {background: url(../images/star/8.png) center bottom no-repeat;}
.content ul.list span.vote#vote9 {background: url(../images/star/9.png) center bottom no-repeat;}
.content ul.list span.vote#vote10 {background: url(../images/star/10.png) center bottom no-repeat;}
.content ul.list li {padding: 5px 10px;}
.content ul.list li.ad_list {padding: 15px 0 5px 6px;border-top: 3px solid #D6E3E7;border-bottom: 2px solid #D6E3E7;}
.content ul.list li h3 {font-weight: bold; display: inline; font-size:12px; margin: 0 5px 0 0;}
.content ul.list li h3 a{color: #3878bb; text-decoration: none;}
.content ul.list li h3 a:hover {color: #ce156c;}
.content ul.list li span.autor{font-size: 10px; color: #444444;}
.content ul.list li span.autor a{color:#666666;}
.content ul.list li span.autor a:hover{color:#888888;}
.content ul.list li span.text{font-size: 11px; color: #444444; display: block; line-height: 16px; padding: 2px 0;}
.content ul.list li span.count{font-size: 10px; color: #444444;}

.content .pridatbox {padding: 5px 0 5px 10px;}
.content .pridatbox .input {background: url(../images/inputbg.gif) top repeat-x #ffffff; width: 400px; height: 20px; margin: 1px 0 0 0; border: 1px solid #507fa0;}
.content .pridatbox .bg {background-color: #dedede;}
.content .pridatbox textarea {line-height: 120%; font-family: 'Lucida Console', 'Monaco CE', fixed, monospace, Courier New; font-size: 12px; background: url(../images/textareabg.gif) top repeat-x #ffffff; width: 530px; height: 300px; border: 1px solid #507fa0;}
.content .pridatboxcenter {text-align:center; padding: 10px 0 5px 0;}
.content .pridatboxcenter .button {background: url(../images/buttonbg.gif) center center no-repeat #103f70; border: 1px solid #507fa0; color:#ffffff; padding: 3px 20px;}
.content .pridatboxcenter a {background: url(../images/buttonbg.gif) center center no-repeat #103f70; border: 1px solid #507fa0; color:#ffffff; padding: 4px 20px; text-decoration: none;}
.content .error {padding: 20px; margin: 10px 0; border: 1px solid #a4170a; background-color: #fff0ef;}
.content .error span{font-weight:bold; color: #a4170a;}
.content .dokonceno {padding: 20px; margin: 10px 0; border: 1px solid #15a40a; background-color: #f0ffef;}
.content .dokonceno span{font-weight:bold; color: #15a40a;}

.menu {float: right; width:250px;}
.menu h3 {background: url(../images/menubg.gif) center top no-repeat #a4170a; margin: 10px 0; padding: 12px 0 12px 20px; color: #ffffff; font-size:11px; font-weight:normal;}
.menu a {color: #103f70; text-decoration:none;}
.menu a:hover {color: #051f3a;}
.menu div.moznosti div {padding: 0 0 0 20px; margin: 0 0 10px 2px;}
.menu div.moznosti div.dalsi {background: url(../images/dalsi.gif) left center no-repeat;}
.menu div.moznosti div.tisk {background: url(../images/tisk.gif) left center no-repeat;}
.menu div.moznosti div.transpozice {background: url(../images/transpozice.gif) left center no-repeat;}
.menu div.moznosti div.akordy {background: url(../images/akordy.gif) left center no-repeat;}
.menu div.moznosti div.akordy input{position: relative; top: 2px;}
.menu div.moznosti div.video {background: url(../images/video.gif) left center no-repeat;}
.menu div.moznosti div.facebook {padding: 0;}

.menu div.hodnotit h4 {text-transform: uppercase; font-size: 12px; color: #a4170a; font-weight:bold; padding: 10px 0 14px 0;}
.menu div.hodnotit {background: url(../images/hodnotit.gif) center center no-repeat; text-align:center; width:250px; height: 96px;}
.menu div.hodnotit form.hodnoceni {text-align:center; padding: 0 23px; height: 35px;}
.menu div.hodnotit form.hodnoceni input {font-size:11px; color:#ffffff; background-color: #a4170a; border: 1px solid #a4170a; padding:1px; width:60px; height: 18px; float:right;}
.menu div.hodnotit form.hodnoceni select {font-size:12px;background-color: #f6e7e6;border: none; padding:1px; width:140px; height: 18px; float:left;}
.menu div.hodnotit span {font-size:11px; color:#414141;}
.menu div.hodnotit span b {font-size:13px; color:#009000;}

.menu div.napoveda {background: url(../images/napoveda.gif) top right no-repeat #ffffff;}
.menu div.napoveda p.padding {padding: 5px 0 0 0;}

.menu form.vyhledavani {height: 33px; background: url(../images/vyhledavanibox.gif) top right no-repeat;}
.menu form.vyhledavani input.box {position:relative; top:6px; left:40px; font-size:12px; height:18px; width: 98px; border: 0; float: left;}
.menu form.vyhledavani select.box {position:relative; top:5px; left:51px; font-size:12px; height:20px; width: 60px; border: 0; float: left;}
.menu form.vyhledavani .button {position:relative; top:3px; left:60px; width: 24px; height: 24px; background: url(../images/vyhledavanibutton.gif) center center no-repeat; border: 0; float: left;}
.menu form.vyhledavani .button:hover {cursor: pointer;}
.menu form.vyhledavani .button:active {top: 4px;}

.menu .adexpert {margin: 10px 0 0 0;}
.menu ul.list {list-style: none; padding: 0; margin: 0;}
.menu ul.list li {background: url(../images/listbg.gif) repeat-y top left; border-top: 1px solid #D6E3E7;} 
.menu ul.list li.this {background:#ffffff;}
.menu ul.list a {display:block;padding:6px; font-weight:bold; text-decoration:none;}
.menu ul.list a:hover {background-color:#ffecf6;text-decoration:none;}
.menu ul.list img.chord {float:right;margin-top:3px;}
.menu ul.list li h4 {font-weight: bold; font-size:11px; display:inline; color: #3878bb; margin: 0 5px 0 0;}
.menu ul.list a:hover h4 {color: #ce156c;}
.menu ul.list li span {margin-top:0px; color:#666666; font-weight:normal;}
.menu ul.list li span.autor{font-size: 9px;}

.menu .doporucujeme {list-style: none;}
.menu .doporucujeme li {border: 1px solid #e2ebee; margin: 3px 0;} 
.menu .doporucujeme a {display:block;padding:6px; font-weight:bold; text-decoration:none;}
.menu .doporucujeme a:hover {background-color:#eef4f6;text-decoration:none;}
.menu .doporucujeme img {float:left; margin-top:1px;margin-right:5px;}
.menu .doporucujeme li h4 {font-weight: bold; font-size:11px; display:inline; color: #3878bb; margin: 0 5px 0 0;}
.menu .doporucujeme li p {color:#666666; font-size: 11px; font-weight:normal;}

.menu .admenu {padding: 0 0 0 20px; margin: 10px 0 0 0; background:url(../images/admenu.gif) top left repeat-x #ffffff;}

.footer {line-height: 16px; clear: both; padding: 5px 10px;color:#555555; border-top: 1px solid #d3e1e7; background:url(../images/footlogo.gif) right center no-repeat #ffffff;}
.footer a {color: #3878bb; text-decoration: none;}
.footer a:hover {color: #ce156c; text-decoration: underline;}
.footer p {padding:5px;}

.header_ad {margin: 0 auto; padding: 1px 0 0 0; width: 748px; background:url(../images/ad.gif) 0 1px no-repeat;}

.spacer {clear:both;font-size:0;line-height:0;width:100%;}

#ajax_tooltipObj {z-index:1000000; text-align:left;}
#ajax_tooltipObj div{position:relative; width: 82px; height:121px;}
#ajax_tooltipObj h4 {font-size: 11px; margin: 1px 1px 2px 1px; padding: 0; text-align:center;color: #ffffff; background-color: #a4170a;}
#ajax_tooltipObj .ajax_tooltip_content{border: 1px solid #a4170a; left: 5px; top: 0; position:absolute; background-color:#ffffff; text-align:center; font-size: 11px; overflow:auto; z-index:1000001;}