input[type="text"], input[type="password"], input[type="file"], textarea, input.file { border: solid #f90 1px; background-color: black; padding: 1px 2px; color: white;}
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input.file:focus, textarea:focus { background-color: #333; }

input.submit { border: none; background: none; padding: 0; }
input, textarea { border: solid #f90 1px; background-color: black; padding: 1px 2px; color: white;}
input:focus, textarea:focus { background-color: #333; }
select { border: solid #f90 1px; background-color: black; color: white;}
option{ border-left: solid #f90 1px; border-right: solid #f90 1px; }

* { margin: 0; padding: 0; font-family: arial,sans-serif; font-size:12px; }

.ora    { color: #FFCC66; }
a:link    { color: #FFCC66;text-decoration: none; }
a:active  { color: #FFCC66;text-decoration: underline; outline: none; }
a:visited { color: #FFCC66;text-decoration: none; }
a:hover   { color: #FF9900;text-decoration: underline; }
a:focus   { -moz-outline-style: none; }

.pl { padding-left: 10px; }
.r { text-align: right; }
.c { text-align: center; }
.l { text-align: left; }
.w100 { width: 100%; }
.wauto { width: auto; }

.nowrap { white-space: nowrap; }

img { border: none; }

.top { vertical-align: top; }
.center { margin: 0 auto; text-align: center; display: block; }
.bblack { background-color: black; }
.coutline { color: #f90; }

h1 {margin: 0; font-weight: normal; font-size: 220%}
h3 {margin: 0; font-weight: bold; font-size: 100%; margin-top: 15px; }

body { text-align: center; background-color: #222; color: white; padding: 0; margin: 0; }

.obalka { position:relative; border: 1px solid #302a27; border-top: none; background-color: #000; text-align: left; height: 600px auto; min-height:600px; width: 900px; margin: 0 auto; }

.box { position:relative; height:auto; margin:1px; padding:5px; font-size:.8em; color:white; background:black; text-align:left; }

.logo { position:relative; top: 10px; left: 10px; width: 250px; height:60px; margin: 4px; padding:3px; color:black; background: url("images/logo.gif") no-repeat; }
.logo a { width: 250px; height:55px; display:block; }
.logo span { display: none; }

.icons { position:absolute; top: 10px; right: 10px; padding-left: 3px;}
.icons a { position:relative; margin: 0 3px; float:left; width: 25px; height: 31px; display:block; }
.icons a.ihelp { background: url("images/i-help.gif") no-repeat; }
.icons a.ihelp:hover { background: url("images/i-help-h.gif") no-repeat; }
.icons a.ihome { background: url("images/i-home.gif") no-repeat; }
.icons a.ihome:hover { background: url("images/i-home-h.gif") no-repeat; }
.icons a.imail { background: url("images/i-mail.gif") no-repeat; }
.icons a.imail:hover { background: url("images/i-mail-h.gif") no-repeat; }
.icons a span { display:none; }

.leftmenu { position: relative; text-align: right; padding: 0 15px 12px 0; right: 0; }
.leftmenu a { margin-left: 10px; text-decoration:none; color: #ccc; font-family: arial; font-size:15px; font-weight:bold; }
.leftmenu a, .leftmenu a:visited, .leftmenu a:active { padding-left: 20px; }
.leftmenu a:hover, .leftmenu a.vybran { color: #f8ce68; }

.content { position: relative; border-top: 1px solid #f90; width: auto; padding: 20px 20px 20px 20px; }
.content .tdr { background: url('images/c-r.gif') no-repeat right top; top:-17px !important; top: -16px;  right:-2px; }
.content .tdl { background: url('images/c-l.gif') no-repeat left top; top:-17px !important; top: -16px;  left:-2px !important; left:-22px;}

.gbookform { font-size: 12px; }
.gbookform {
    scrollbar-face-color: #000;
    scrollbar-3dlight-color: #f90;
    scrollbar-track-color: #111;
    scrollbar-shadow-color: #f90;
    scrollbar-darkshadow-color: #000;
    scrollbar-highlight-color: #000;
    scrollbar-arrow-color: #f90;
}

/* guest book prispevek */
div.guest { position:relative; text-align: left; margin-bottom: 10px; width: 80%; margin-left: 60px; margin-top: 20px; }
div.guest .ghead { font-weight:bold; width:auto;  height: 18px; background-color: #222; position:relative; border-left: 3px solid #a70; border-right: 3px solid #a70; border-top: 1px solid #a70; border-bottom: 1px solid #333;}
div.guest .ghead .gnick {  position:relative; float: left; margin: 2px 10px; font-size: 1.2em; color: #f8ce68; }
div.guest .ghead .gdate {  position:relative; float: left; margin: 2px 4px; font-size: 0.8em; color: #f90; }
div.guest .ghead a.idel { position:absolute; right: 0; margin: 0 3px; width: 16px; height: 16px; display:block; }
div.guest .ghead a.idel:hover { background: url("images/i-del-h.gif") no-repeat; }
div.guest .ghead a.idel span { display:none; }
div.guest  pre.msg { padding: 10px; }

/* tabulka s pismeny */
div.pismenka { font-size: 12px; font-weight: bold; margin: 0 auto; margin-top: 10px; padding: 1px; height: 1.4em; text-align: center;}
div.pismenka a { text-align:center; border: 1px #f90 solid; background-color: black; color:#eee; padding: 0 3px; width: 20px;}
div.pismenka a:hover, div.pismenka a.selected { text-decoration: none; border: 1px #f8ce68 solid; background-color: #f8ce68; color: black; }

/* vypis titulku */
div.titulky { margin-top: 10px; }
div.titulky ul { margin: 0 auto; padding:10px; list-style: none; width: 500px; border: 1px solid #f90; }
div.titulky img { height: 12px; margin-right: 10px;}

/* soubory */
div.files { margin: 0 auto; margin-top: 20px; border: 1px solid gray; width: 550px; padding: 5px; }
div.files span { color: white; margin-left: 10px; }
div.files img { width: 16px; height: 16px; }
div.files table tr.odd td { background-color: #444; }
div.files table tr:hover { background-color: #666; }
div.files table tr.odd:hover td { background-color: #666; }
div.files table tr td.fileSize { text-align: right; }

/* submenu */
ul#submenu { height: 26px; margin: 5px; left: -10px; position: relative; }
ul#submenu li { float: left; margin: 0px 8px; list-style: none; background-color: #444; padding: 2px 10px; border-top: 1px solid #ccc;  }
ul#submenu li a { text-decoration: none; color: #ccc; }
ul#submenu li.vybran a, ul#submenu li:hover a  { color: #FFCC66; }
ul#submenu li.vybran, ul#submenu li:hover { border-top: 1px solid #fa0; }

/* links - odkazy */
table.linkform { margin: 20px 0; }
div.links { border: 1px solid #ccc; padding: 5px; }
div.links table { width: 100%; }
div.links a { padding-left: 4px; }
div.links td { height: 1.6em; }
div.links td.odd { background-color: #444; }
div.links a.idel { float: right; margin: 0; width: 16px; height: 16px; display:block; }
div.links a.idel:hover { background: url("images/i-del.gif") no-repeat; }
div.links a.idel span { display:none; }

/* tabulka */
table.table { margin-top: 20px; border: 1px solid #ccc; padding: 5px; border-collapse:collapse; }
table.table th { padding: 5px 5px; background-color: #000; text-align: right; padding-right: 15px; border-bottom: 1px solid #ccc; }
table.table td { padding: 2px 10px; background-color: #000; vertical-align: top; }
table.table tr.odd td { background-color: #444; }
table.table tr:hover td { background-color: #666; }
table.table tr.odd:hover td { background-color: #666; }
table.table a.idel { float: right; margin: 0; width: 16px; height: 16px; display:block; }
table.table a.idel:hover { background: url("images/i-del.gif") no-repeat; }
table.table a.idel span { display:none; }

/* notes - poznamky */
div.notes { border: 1px solid #ccc; padding: 0; }
div.notes table { width: 100%; }
div.notes a { padding-left: 4px; }
div.notes td { height: 1.6em; border-top: 1px solid #ccc; }
div.notes td.odd { background-color: #444; }
div.notes pre { padding: 10px 5px; }
div.notes a.idel { float: right; margin: 0; padding: 0; width: 16px; height: 16px; display:block; }
div.notes a.idel:hover { background: url("images/i-del.gif") no-repeat; }
div.notes a.idel span { display:none; }

/* svatky */
table.svatek { margin-top: 20px; border: 1px solid #ccc; width: 250px; padding: 5px; border-collapse:collapse; }
table.svatek th { padding: 5px 5px; background-color: #000; text-align: right; padding-right: 15px; border-bottom: 1px solid #ccc; }
table.svatek td { padding: 4px 15px; }
table.svatek tr.odd td { background-color: #444; }
table.svatek tr.today { border: 1px solid #f90; }
table.svatek tr.today td { background-color: rgb(210,105,30) }
table.svatek tr:hover { background-color: #666; }
table.svatek tr.odd:hover td { background-color: #666; }

div.gallery { margin: 20px 0 0 20px; }
div.gallery a.gallink img { width: 60px; margin: 7px; height: 55px; float: left; }
div.gallery a.gallink { display: block; width: 400px; border: 1px dotted gray; margin: 5px; position: relative; cursor: hand; }
div.gallery a.gallink .gallinks { display: block; height: auto; width: 400px; height: 70px;  }
div.gallery a.gallink span.galname { display: block; font-size: 1.2em; font-weight: bold; padding: 5px 0; }
div.gallery a.gallink span.galdate { display: block; font-size: 1em; color: white; position: relative; padding: 4px 0;  }
div.gallery a.gallink span.galcount { display: block; font-size: 1em; color: white; width: 200px; position: relative; }
div.gallery a.padlock { background: url("images/padlock.gif") no-repeat right bottom; }
div.gallery a:hover { text-decoration: none; }
div.gallery a.dirup { display: inline; cursor:pointer; }
div.gallery a.dirup span.maintitle { font-size: 17px; padding: 0; display: inline; }
div.gallery a.last span.maintitle { font-size: 26px; }
div.gallery span.slash{ font-size: 16px; padding: 0 2px; display: inline; }
div.gallery span.maindate { font-size: 1em; padding-left: 10px; display: block; color: white; margin-bottom: 0; margin-top: 10px; font-weight: bold; height: 1em; }
div.gallery span.maincount { font-size: 1em; padding-left: 10px; display: block; color: white; margin-bottom: 20px; font-weight: bold; }
div.gallery .pcontrol { text-align: center; height: 33px;  position: absolute; top: 80px; }
div.gallery .pcontrol a { float: left; display: block; font-size: 2.5em; width: 270px; margin-right: 2px; }
div.gallery .pcontrol a:hover { padding: 2px 0 0 2px; font-size: 2.6em; margin-right: 0px; }

div.gallery span.maindate { margin-bottom: 20px; font-size: 1em; display: block; font-weight: bold; width: 100%; }

div.gpics { width: 780px; text-align: center; overflow:hidden; margin: 0 auto; }
div.gpics a { float: left; margin: 8px; padding: 3px 4px; border: 2px solid #000; border: 1px dotted #663; }
div.gpics a img { max-width: 126px; max-height: 100px; width: 126px; height: 100px; border: 1px solid black; cursor: -moz-zoom-in !important;  cursor: pointer; }
div.gpics a:hover { border: 1px dotted #f93; }

div.picture { text-align: center; margin: 0 auto; padding: 0; margin-top: 20px;}
div.picture div.pic { vertical-align:middle; margin: 0 auto; }
div.picture a { vertical-align:middle; margin: 0 auto; }
div.picture a img { max-width: 850px; border: 1px dotted #ccc; padding: 1px; }

div.passform { display: none; border: 1px solid #f90; background-color: #630; position: absolute; width: 300px; z-index:1000; }
div.passform .title { border-bottom: 1px solid #f90; background-color: #960; width: 100%; display: block; height: 15px; margin-bottom: 20px; font-weight: bold; text-align: center; }
div.passform .title a { cursor: pointer; height: 13px; width: 12px; top: -1px;right: 0;  position: absolute; font-size: 12px; text-decoration: none; font-weight: bold; font-family: System; float: right; color: white; border:none; padding:0; margin:0; }
div.passform form { margin: 20px; }
div.passform form input { margin-left: 4px; }

#loading { position: absolute; top: 50%; left: 50%; display: none; }

input.miry { width: 100px; margin-right: 3px; }

#bmi { font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size: 0.8em; }
#bmi input[type="text"] { width: 100px; margin-right: 4px; }
#bmi .bmi_form { margin-right: 20px; }
#bmi td { vertical-align: top; }
#bmi_result { color: #FFCC66; height: 45px; padding: 10px 30px; margin-bottom: 20px; width: 120px; text-align: center; vertical-align: top; border: 1px dotted gray; font-size: 2.5em; }
#bmi .square { height:12px; width:12px; border:1px solid #000; }

.geshicode pre, .geshicode {
    border: 1px solid #c0e6ff;
    background-color: #e0e8ef;
    color: #002;
    margin:0;
    font-size: 12px;
    font-weight: bold;
    width:100%;
}
.geshicode td {
    padding:0;
    margin:0;
}
.geshicode tr.li1 {
    text-align:left;
}
.geshicode pre ol {
    padding-left: 35px; 
}

td.kamjit { border: 1px dotted gray; position: relative; height:auto !important; height:110px; min-height:110px; padding: 5px 5px 5px 0; vertical-align: top; }
td.kamjit img { width: 100px; height: 100px; float: left; padding: 5px;}
td.kamjit div.info { width: auto; margin-left: 110px;}

.radio { border: 1px solid #fc6; margin: 10px 0 0 0; }