/** 
 * Main screen stylesheet.
 *
 * @author Ing. Ondrej Hanak
 * @link http://ondrejhanak.cz
 */

html {overflow:-moz-scrollbars-vertical;}
body {font-family: sans-serif; margin: 0; padding: 0; color: #000; background: #fff url('../images/bg.gif') top left repeat fixed;}
a img {border: none;}
.bold {font-weight: bold;}

#page {width: 960px; margin: 25px auto;}
#left {width: 150px; float: left;}
#left h1 {margin: 0; padding: 0;}
#menu {background-color: #b6bcda; border: 1px solid #000; padding-top: 20px; margin-top: 20px;}
#menu ul {margin: 0 0 0 20px; padding: 0; list-style: none; font-size: 120%;}
#menu ul a {color: #0f0750; color: #9F0909;text-decoration: none; outline: none; background: url('../images/trojuh.gif') left center no-repeat; padding-left: 12px;}
#menu ul a:hover {margin-left: 2px;}
#counter {color: #0F0750; text-align: center; margin: 110px 0 15px 0; font-size: 12px;}
#counter a {color: #0f0750;}
a#bbpocitadlo-5197ffmccbbk59dm3mmi4eumxsxe1n {text-decoration: none;}
#job {margin-top: 10px; font-size: 83%;}

#center {width: 785px; float: right; margin: 0 0 15px 0;}
#center h2 {font-size: 150%; color: #A52A2A; margin: 25px 0 0.8em 0; padding: 0; border-bottom: 2px dotted #A52A2A;}
#center h3 {font-size: 130%; color: #27326c; margin: 0.8em 0 0.4em 0; padding: 0; clear: left;}
#center h4 {font-size: 100%; color: #25316b; margin: 0 0 4px 0; padding: 0;}
#center p {margin: 0 0 0.8em 0; line-height: 1.33;}
#center img.photo {float: right; clear: right; margin: 0 0 20px 20px;}
#center a {color: #0002bf;}
#center a:hover {background-color: #b6bcda; color: #000;}
#center a[href^='http:'] {padding-right: 10px; background: transparent url('../images/out.gif') no-repeat right top;}
#center a[href^='http:']:hover, #center a[href^='http:']:focus, #center a[href^='http:']:active {background: #b6bcda url('../images/outh.gif') right top no-repeat;}
#center ul li {list-style-image: url('../images/li.gif'); margin-bottom: 0.4em;}

table {border-collapse: collapse;}
th {text-align: center;}
td, th {vertical-align: top; text-align: left; border: 1px solid #000; padding: 4px;}
td {background-color: #e0e0e0;}
tr.dark td, th {background-color: #c0c0c0;}

#documents {margin: 0 0 10px 0;}
#documents a {text-decoration: none;}
#documents a span {text-decoration: underline;}
#documents a img {margin: 0 5px 0 0; text-decoration: none;}
#documents a:hover {background: none; color: #0002bf;}
#documents td {border-right: none;}
#documents td.size {border-left: none; text-align: right; border-right: 1px solid #000; padding-left: 15px;}

#references {font-size: 14px;}
#references .navi {text-align: right; margin: 0 0 0.8em 0; clear: both;}
#references .ref table {margin: 5px 0 10px 10px;}
#references .ref td {padding: 3px 10px 3px 3px; border: none;}
#references h3 {padding: 4px 10px 1px 22px; margin: 5px 0; font-size: 120%; color: #27326c; background: #b6bcda url('../images/li.gif') 5px 4px no-repeat; 
border-bottom: 1px solid #27326c; border-right: 1px solid #27326c;}
#references h4 {margin: 7px 0 0 0;}
img.refphoto {display: block; float: right; border: 1px solid #666;}

.rep {float: left; margin-right: 25px; padding-bottom: 1em;}
.rep div {margin-bottom: 0.3em;}
#directs td, #directs th {padding: 0.2em; border: 1px solid #606060; font-size: 90%;}
#directs th {background-color: #b6bcda;}

#directs, .note, .note2, .navi {font-size: 90%;}
#center p.note2 {color: #555; margin-top: -7px;}