/*
  Web: Slovnik MIDI (www.slovnikmidi.info)
  Author: Lukas Maixner, icontact.cz, http://icontact.cz
*/

* {margin:0; padding:0}
html, body {height: 100%}

body {background:url('/img/bg.gif') center center repeat-y #ccc; font-family:sans-serif; text-align:center}
h2 {font-size:200%; font-weight:normal}
input, textarea {width:250px; border:1px solid #ccc; background:url('/img/input.gif') bottom center repeat-x #fff; margin:5px 0; font-family:sans-serif; font-size:80%}
textarea {width:400px; height:150px}
label span {border-bottom:1px #000 dotted}
fieldset {border:0}
hr {height:1px; background-color:#999; color:#999; border:0px solid #999}
a {color:#00f}
a:hover {background:#eef}
a img {border:0}
h3 {font-size:110%; margin:10px 0}

.smaller {font-size:80% !important}
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.fl {float:left}
.fr {float:right}
.clear {clear:both}
.invisible {position:absolute; top:-10000px; left:0; height:1px; overflow:hidden}

#page {position:relative; width:740px; min-height:100%; height:100%; margin:0 auto; background:#fff; color:#000; text-align: left}
body>#page {height: auto} /* IE6 minihack */

#header {position:relative; height:100px; background:url('/img/header.jpg') no-repeat}
#header h1 {position:relative; top:9px; left:15px; width:105px; height:81px; overflow:hidden}
#header span {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/img/logo.jpg') no-repeat; z-index:1}
#ad {position:absolute; top:20px; right:15px; width:483px; height:60px; background:url('/img/adtag.gif') left center  no-repeat}
#ad img {margin-left:15px; border:0}
#ad a:hover {background:none}

#search {width:390px; min-height:54px; height:54px; margin-top:15px; background:url('/img/search.gif') repeat-x #c00; color:#fff}
body>#search {height:auto} /* IE6 minihack */
#search fieldset {border:none; margin-left:16px}
#search h2 {margin:4px 0 2px 0; font-size:110%}
#search input {color:#000; font-weight:bold}
#q, #submit {width:285px; margin:0}
#submit, #send {margin-left:5px; width:65px; text-transform:uppercase}
#send {margin:0; width:90px; font-weight:bold}

#content {width:710px; margin:30px 15px 0 15px; text-align:left; font-size:90%; padding-bottom:120px}
#content p {margin:10px 0}
#content ul, #content ol {margin:10px 30px}

a.cz {color:#00f}
a.en {color:#a00}
a.ab {color:#666}

a.cz:hover {background:#eef}
a.en:hover {background:#fee}
a.ab:hover {background:#eee}

a.hledano {font-weight: bold}

.tip {background:#ffe}
.pozor {background:#fee}
.tip strong, .pozor strong {display:block; float:left; width:100%; height:100%; text-align:center; background:#993; color:#fff; text-align:center}
.pozor strong {background:#c33}
.alt {font-size:80%; margin:20px 0 !important; border:1px solid #ccc}

#footer {position:absolute; bottom:0; left:0; width:710px; margin:0px 15px; color:#666; font-size:60%}
#footer a {color:#666}
#footer a:hover {background:#eee}
#footer p {margin:5px 0}
#abc a {margin:0 3px; font-size:150%}
#bottom p {width:33%}