/* basic */

body,div,ul,li,h1 {margin:0;	padding:0;}
body {font:81.25%/1.3 "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif; color: #888888; background: #000000;}
img {border:0;}
h1 {color: #ffffff; font-size: 1em; padding: 1em 30px; text-decoration: none;}
ul {list-style:none;}
a:link, a:visited {color: #686868; text-decoration: underline;}
a:hover {color: #a8a8a8; text-decoration: underline;}
a.img {border: none; text-decoration: none; display: block;	float: left;}
p {text-align: justify;}


/* layout */

div.inner-wrap-menu {width: 780px; margin: 0 auto;}
div.inner-wrap {width: 760px; margin: 0 auto;}
#section-content {padding: 12px 0 0 0; float: left; clear: left; width: 100%; line-height: 1.0em;}
  #section-content a {color: #ffffff; text-decoration: none;}

#main {font-size: 95%; line-height: 1.38em; clear: both;}


#hlavni {margin: 0 auto; width: 780px;}

#galerie {float: left; width: 560px;}

#kategorie {float: left; width: 200px; font-size: 11px;}
#kategorie-seznam {width: 190px;}
#kategorie-seznam li {float: left; list-style-type: none; width: 180px; display: block; border: 1px solid #2c2c2c; background: #0f0f0f; margin: 10px 2px 2px 2px; padding: 3px;}
#kategorie-seznam li.second {border: 0; background: none; padding: 2px 0 2px 15px; margin: 0;}

#kategorie-seznam li a {text-decoration: none; font-weight: bold;}


#content {padding: 0 30px; float: left; width: 750px;}
  div.full #content {width: 750px;}
  #content p {margin-bottom: 30px; width: 720px;}
  #content .cv {margin-bottom: 25px; font-size: 1.1em; width: 700px; position: relative; left: -10px;}
  #content .last-cv {border-bottom: 1px solid #686868; padding-bottom: 10px;}

.last {float: left; width: 150px; margin: 0 15px 17px 15px; text-align: center;}
  .last span  {font-weight: bold; font-size: 10px;}
  .last .odkazy-adresa {font-size: 10px; font-weight: normal;}
  
.last-img {border: 1px solid #686868; margin-bottom: 3px; width: 150px; height: 150px;}
.last-img-titulka {border: 1px solid #686868; margin-bottom: 3px;}
.img-noname {width: 50px; height: 20px;}

#homepage-link {width: 750px;}
  #homepage-link .last {width: 130px; position: relative; left: 55px; font-size: 0.8em;}
  #homepage-link img {border: 5px solid #686868;}
  #homepage-link a {margin: 0px;}
  #homepage-link p {text-align: center;}
  #homepage-link .centruj {text-align: center;}



#header {padding: 10px 0; float: left;	width: 100%; background: url(../img/banner.jpg) no-repeat top center; height: 120px;}
  #header a {border: 0px; text-decoration: none;}
#footer {padding: 1.0em 0 1.0em 0; float: left; width: 100%;}
  #footer p {font-size: 92%; text-align: center;}

#blog {font-size: 95%; line-height: 1.38em; clear: both;}
  #blog .blog-zaznam {width: 760px; margin: 0 auto; padding: 20px 0;}
  #blog img {border: 1px solid #2c2c2c; float:left;}
  #blog .blog-text {float:left; width: 500px; margin: 0 0 0 20px; padding: 15px; text-align: justify; border: 1px solid #2c2c2c; background: #0f0f0f; margin-bottom: 15px;}
  #blog .blog-text .name {font-weight: bold; color: #777;}
  #blog .blog-text .datum {font-weight: normal; color: #555; font-size: 10px;}
  #blog .blog-text img {float: none; margin: 5px; border: 1px solid #999999;}

p.kontakty {font-family: sans-serif; font-style: normal; font-variant: small-caps; font-weight: normal; font-size: small; line-height: 1.4em; word-spacing: normal;	letter-spacing: 0.3ex; text-decoration: none; text-transform: none;	text-align: left;	text-indent: 0ex;}
p.jmeno {font-family: Trebuchet MS; background-color: #000000; color: #a8a8a8; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 8px; line-height: 1.2em; font-size: 1.8em;}


/* navigation */

#nav {width: 100%; padding: 0; list-style: none; font-weight: bold; float: left;}
#nav ul {width: 750px; float: left; padding: 0 0 0 5px;}
#nav li {float: left;	margin: 0; padding: 0; font-size: 92%;}
#nav a {float: left; display: block; text-decoration: none; margin: 0 2px 0 0; padding: 7px 25px; border-bottom: 4px solid #686868; color: #686868;}
#nav a:hover {border-bottom: 4px solid #a8a8a8; color: #a8a8a8;}
body#home #selector a {border-bottom: 4px solid #ffffff; color: #ffffff;}



/* kniha návštěv */

#kniha {height: 200px; position: relative; left: -40px;}
#kniha table {border-collapse: collapse; margin-bottom: 10px;}
#kniha .prvni-sloupec {float: left;}
#kniha .druhy-sloupec {float: right;}
#kniha th { width: 70px; }
#kniha td {vertical-align: middle;}
#kniha td input {width: 300px; font-size: 92.4%;}
#kniha #antispam td input {width: 150px;}
#kniha #antispam td {font-size: 84.7%;color: Red;}
#kniha #antispam img {position: relative; top: 5px;}
#kniha label {display: block;font-size: 84.7%; font-weight: bold;}
#kniha textarea {width: 340px; height: 90px; margin-bottom: 10px; border: 1px solid #3c3c3c; background: #171717; color: #686868;}
#kniha input {border: 1px solid #3c3c3c; background: #171717; color: #686868;}
#kniha .smile input {margin-left: 80px; font-weight: bold; font-size: 0.8em; padding: 2px; width: 120px;}

.post-book {border: 0px; padding: 0px; margin: 0 0 16px 50px;	width: 500px;	color: #aaaaaa;}
.posttop-book {padding: 4px; background: #272727; border: 1px solid #444444; height: 12px;}
.username-book {font-weight: bold; width: auto; float: left;}
.userweb-book {width: auto; float: left; margin-left:10px;}
.userweb-image {width: 16px; height: 20px; border: 0px;}
.date-book {width: auto; text-align: right; font: 0.7em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform: uppercase; letter-spacing:.2em; color: #585858;}
.posttext-book {padding: 4px; background: #373737; border: 1px solid #444444;	border-top: 0px; text-align: left;}



/* administrace */

.input-cell {width: 500px; float: left; text-align: left; margin: 5px;}
.input-row1 {width: 600px; float: left; text-align: left; margin: 0px;}
.input-row2 {width: 400px; float: left; text-align: left; margin: 0px; margin-left: 15px;}
.input-row3 {width: 600px; float: left; text-align: left; margin: 0px; margin-top: 10px;}
.input-text {width: 100px; float: left; text-align: left;}
.input-input {width: 290px; float: left; text-align: left;}
.input-gallery {width: 150px; float: left; text-align: left;}
.input-technic {width: 300px; float: left; text-align: left;}
.input-edit {width: 200px; float: left; text-align: left;}
.input-button {width: 290px; float: left; text-align: left; margin-bottom: 20px;}

.odstavec {float: left; width: 750px; margin: 20px 0; text-align: center; font-size: 11px; font-weight: bold; clear: both;}
.odstavec a, .odstavec a:link, .odstavec a:visited {text-decoration: none;}
.odstavec span {color: #fff;}
.odstavec-ram {float: left; width: 500px; margin: 10px; border: 1px solid #aaaaaa; padding: 10px; text-align: justify;}

.alert {padding: 0;	padding-top: 5px;	width: 500px;	padding-left: 25px;	float: left;	margin: 10px;}
.alert2 {padding: 0;	padding-top: 5px;	width: 500px;	padding-left: 25px;	float: left;	margin: 10px;}



/* wysiwyg editor */

.toolbar1 {border: 1px solid #666666; height: 26px; background-image: url(../icony/background_silver.jpg);}
.toolbar2 {border: 1px solid #666666; height: 24px; background-image: url(../icony/background_silver.jpg); border-bottom: 0px; border-top: 0px;}
.button {width: 20px; height: 20px; border: 0px solid; margin: 1px; padding: 0px;}
.buttonOver {width: 20px; height: 20px; border: 1px solid #999999; margin: 0px; padding: 0px;}
.dropdown {background-color: #ffffff; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px;}
button.mouseOver {background-color: #eeeeee; border: 1px solid #cccccc; padding: 3px; cursor: default; text-align: left;}
button.mouseOut {background-color: #ffffff; border: 1px solid #ffffff; padding: 3px; cursor: default; text-align: left;}
.on {background-color: #eeeeee; border: 1px solid #cccccc; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off {background-color: #ffffff; border: 1px solid #ffffff; padding: 6px; width: 140px; cursor: default; height: 5px;}
.selectColorTable {border: 1px solid #7e7e81; background-color: #f7f7f7; padding: 1px;}
.selectColorBorder {border: 1px solid #f7f7f7;}
.selectColorOn {border: 1px solid #999999; background-color: #cccccc;}
.selectColorOff {border: 1px solid #f7f7f7; background-color: #f7f7f7;}
.selectColorBox {border: 1px solid #ffffff; font-size: 1px; height: 13px; width: 13px;}