body {
 font-size: 16px;
 font-family: Trebuchet MS;
 margin: 0;
 background: #777777;
 color: #000000;
}
.bbcode {
 color: black;
 background: white;
 padding: 0 2px 2px 2px;
}
* {
 word-wrap: break-word;
}
a {
 color: #222222;
}
a:hover {
 color: #555555;
 text-decoration: none;
}
#body {
 text-align: center;
}
h3 {
 margin: 3px 0 0 0;
 color: #222222;
 border-bottom: solid 1px #222222;
}
p {
 margin: 3px 0;
}
p, li {
 text-align: justify;
}
h1 a {
 text-decoration: none;
}
#text ul {
 margin: 0 0 3px 0;
 padding: 0 0 0 15px;
 color: #222222;
}
#text li span {
 color: #000000;
}
table {
 width: 100%;
}
tr.head {
 font-weight: bold;
}
td {
 text-align: left;
}
td.center {
 text-align: center;
}
.label {
 display: block;
 width: 75px;
 float: left;
 text-align: right;
 padding-right: 5px;
}
#login .label {
 width: 55px;
}
input, textarea {
 font-family: Courier New;
 font-size: 13px;
}
.input, textarea {
 width: 110px;
 border: 2px solid #666666;
 background: #e4e4e4;
 color: #000000;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 padding: 1px;
}
.input:focus, textarea:focus, select:focus {
 border: 2px solid #222222;
 -webkit-box-shadow: 0 0 3px #222222;  
 -moz-box-shadow: 0 0 3px #222222;   
 box-shadow: 0 0 3px #222222; 
}
#text .input {
 width: 180px;
}
textarea {
 padding: 1px;
 width: 440px;
}
#text p {
 margin: 7px 0;
 min-height: 22px;
}
.button {
 font-family: Trebuchet MS;
 font-size: 15px;
 padding: 0 6px;
 border: 2px outset #222222;
 background: #222222;
 color: #ffffff;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
}
.button:hover {
 border: 2px outset #666666;
 background: #666666;
 -webkit-box-shadow: 0 0 4px #222222;  
 -moz-box-shadow: 0 0 4px #222222;   
 box-shadow: 0 0 4px #222222; 
}
.odlabel {
 margin-left: 80px;
}
#login .odlabel {
 margin-left: 60px;
}
select {
 border: 2px solid #666666;
 background: #e4e4e4;
 color: #000000;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
select {
 white-space: nowrap;
 position: relative;
 top: 1px;
}
.clear {
 clear: both;;
}
.chyba {
 color: #ff0000;
}
#page {
 margin: 0 auto;
 width: 760px;
}
#document {
 width: 752px;
 text-align: left;
 border: 2px solid #222222;
 padding: 7px;
 margin-top: 16px;
 margin-bottom: 30px;
 background: #e4e4e4;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -webkit-box-shadow: 0 0 20px #222222;  
 -moz-box-shadow: 0 0 20px #222222;   
 box-shadow: 0 0 20px #222222; 
}
#login {
 width: 180px;
 height: 90px;
 padding: 5px;
 border: 1px solid #222222;
 float: left;
 background: #ffffff;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: 0 0 3px #222222;  
 -moz-box-shadow: 0 0 3px #222222;   
 box-shadow: 0 0 3px #222222; 
}
#logo {
 border: 1px solid #222222;
 margin-bottom: 7px;
 height: 100px;
 width: 552px;
 float: right;
 background: #ffffff;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: 0 0 3px #222222;  
 -moz-box-shadow: 0 0 3px #222222;   
 box-shadow: 0 0 3px #222222; 
}
#logo h1 {
 margin: 5px 0 0 70px;
 font-weight: bold;
 font-size: 45px;
 color: #222222;
 text-shadow: #222222 1px 1px 4px;
}
#logo h2 {
 margin: 0 0 0 210px;
 font-weight: bold;
 font-size: 25px;
 color: #222222;
 text-shadow: #222222 1px 1px 4px;
}
#upozorneni {
 margin-bottom: 7px;
 padding: 3px 7px;
 text-align: center;
 color: #ff0000;
 border: 1px solid #ff0000;
 background: #ffffff;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: 0 0 3px #ff0000;  
 -moz-box-shadow: 0 0 3px #ff0000;   
 box-shadow: 0 0 3px #ff0000; 
}
#sloupec {
 width: 180px;
 padding: 5px;
 border: 1px solid #222222;
 float: left;
 background: #ffffff;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: 0 0 3px #222222;  
 -moz-box-shadow: 0 0 3px #222222;   
 box-shadow: 0 0 3px #222222; 
}
#sloupec ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#sloupec li {
 border-bottom: solid 1px #222222;
}
#sloupec li a {
 text-decoration: none;
 display: block;
 padding: 1px 3px;
}
#sloupec li a:hover {
 background: #666666;
 color: #ffffff;
}
#text {
 width: 536px;
 min-height: 240px;
 padding: 5px 8px;
 border: 1px solid #222222;
 float: right;
 background: #ffffff;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: 0 0 3px #222222;  
 -moz-box-shadow: 0 0 3px #222222;   
 box-shadow: 0 0 3px #222222; 
}
#footer {
 float: right;
 border: 1px solid #222222;
 padding: 3px 6px;
 width: 540px;
 height: 23px;
 margin-top: 7px;
 background: #ffffff;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: 0 0 3px #222222;  
 -moz-box-shadow: 0 0 3px #222222;   
 box-shadow: 0 0 3px #222222; 
}
#chat {
 position: absolute;
 width: 100%;
 height: 100%;
}
#chat td {
 border: 2px solid #222222;
 background: #e4e4e4;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 2px #222222;  
 -moz-box-shadow: 0 0 2px #222222;   
 box-shadow: 0 0 2px #222222; 
}
#chat td td {
 border: none;
 text-align: justify;
}
#chat #menu {
 height: 38px;
 color: #222222;
 padding: 0 2px 0 6px;
} 
#chat #menu h1 {
 margin: 2px 0 0 0;
 font-size: 25px;
}
#chat #menu p {
 float: right;
 margin: 1px 0;
}
#chat #menu img {
 margin: 0 3px;
} 
#chat #psani {
 height: 130px;
}
#chat #psani .button {
 position: relative;
 top: 1px;
}
#chat #online {
 width: 150px;
}
#chat #online_in {
 padding: 5px;
 width: 140px;
}
#chat #online_in ul {
 margin: 0;
 list-style-type: none;
 padding: 0;
}
#chat #oblast {
 font-size: 13px;
}
#chat #oblast td {
 padding: 1px 3px;
 -webkit-box-shadow: none;  
 -moz-box-shadow: none;   
 box-shadow: none;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 background: white;
 color: black;
}
#chat #oblast .prvni td {
 border-top: none;
}
#chat #oblast .uzivatel {
 background: #e4e4e4;
 color: #000000;
}
#chat #oblast .uzivatel div {
 text-align: center;
 width: 120px;
}
.datum, .datum .bbcode {
 white-space: nowrap;
 color: #555555;
 font-size: 10.5px;
}
.zprava {
 max-height: 120px;
 overflow: auto;
}
#chat textarea {
 width: 99%;
 height: 45px;
 resize: none;
}
#chat .button {
 margin-left: 3px;
}
#chat select {
 margin-right: 3px;
 width: 120px;
 margin-top: 3px;
}
img {
 border: 0;
}
.obrazek {
 max-width: 400px;
 max-height: 110px;
}
.vlastni_design td p {
 text-align: right;
}
.ctverec_barvy {
 float: right;
 width: 18px;
 height: 18px;
 display: block;
 border: 1px solid #222222;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 margin-top: 2px;
 margin-left: 3px;
}
.barvy {
 width: auto;
 border: 1px solid #222222;
 background: #ffffff;
 padding: 1px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 3px #222222;  
 -moz-box-shadow: 0 0 3px #222222;   
 box-shadow: 0 0 3px #222222; 
}
.barvy td {
 width: 3px;
 height: 3px;
 padding: 0;
 border: none;
 -webkit-border-radius: 0px !important;
 -moz-border-radius: 0px !important;
 border-radius: 0px !important;
 -webkit-box-shadow: 0 0 0 transparent !important;  
 -moz-box-shadow: 0 0 0 transparent !important;     
 box-shadow: 0 0 0 transparent !important;   
}
#vypsat_barvu {
 width: auto;
 height: auto;
 border: 1px solid #222222 !important;
 -webkit-border-radius: 3px !important;
 -moz-border-radius: 3px !important;
 border-radius: 3px !important;
 background: white;
}
#chat #nastroje {
 overflow: hidden;
 white-space: nowrap;
 text-align: left;
 margin-left: 4px;
 padding-bottom: 3px;
}
#chat #nastroje .odkaz {
 border: 1px solid transparent;
 position: relative;
 top: 2px;
}
#chat #nastroje .odkaz:hover {
 border: 1px solid #222222;
 background: #777777;
}
img.smajlik {
 position: relative;
 top: 2px;
}