/* Basic
----------------------------------------------- */
body
  {
  background: url(../img/logo.jpg) no-repeat top center #000000;
  margin: 0px;
  padding: 92px 20px;
  font: 100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-align: center;
  color: #ccc;
  font-size: 12px;
  }
  
.clear {clear: both;}
  
a:link
  {
  color:#ccc;
  text-decoration:none;
  }
  
a:visited
  {
  color:#ccc;
  text-decoration:none;
  }
  
a:hover
  {
  color:#fff;
  text-decoration:none;
  font-weight: normal;
  }
  
a img
  {
  border-width:0;
  }
  
h2
  {
  margin:1.5em 0 .75em;
  font:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#bf754c;
  }
  
h5
  {
  margin:0.5em 0 .75em;
  font:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#bf754c;
  }
  
strong
  {
  color:#ffffff;
  }
  
/* Header
----------------------------------------------- */
#header
  {
  width:660px;
  margin:0 auto 0px;
  }
  
#blog-title
  {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:0px solid #fff;
  border-width:0px 0px 0;
  font-size:0%;
  font-weight:normal;
  color:#fff;
  text-transform:uppercase;
  display:none;
  }
  
#blog-title a
  {
  color:#fff;
  text-decoration:none;
  display:none;
  }
  
#blog-title a:hover
  {
  color:#c60;
  }
  
#description
  {
  margin:0 -90px 0px;
  padding:0 20px 20px;
  border:0px solid #eee;
  border-width:0 0px 0px;
  max-width:700px;
  font:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#ccc;
  display:none;
  }
  
.trans
  {
  width: 800px;
  height: 150px;
»»  }

.translink
  {
  position: absolute;
  left: 50%;
  top: 20px;
  text-align: center;
  width: 800px;
  height: 150px;
  margin-left: -400px;
  display: block;
  }

/* Content
----------------------------------------------- */
#content
  {
  width: 790px;
  margin:0 auto;
  margin-top: 80px;
  padding:0;
  text-align:left;
  position: relative;
  left: 20px;
  }

#content2
  {
  width: 790px;
  margin:0 auto;
  margin-top: 10px;
  padding:0;
  text-align:left;
  position: relative;
  left: 20px;
  }
  
#main
  {
  width:600px;
  float:left;
  }
  
#main3
  {
  width:790px;
  float:left;
  }
  
#sidebar
  {
  width:180px;
  float:right;
  margin-top: 7px;
  }

/* Posts
----------------------------------------------- */
.date-header
  {
  margin:1.5em 0 .5em;
  }
  
.post
  {
  margin:.5em 0 1.5em;
  padding-bottom:0.5em;
  }

.post-title
  {
  margin: 18px 0 8px;
  padding:0 0 4px;
  font-size:100%;
  font-weight:normal;
  line-height:1.4em;
  color: #BF754C;
  text-transform:uppercase;
  }
  
.post-title a, .post-title a:visited, .post-title strong
  {
  display:block;
  text-decoration:none;
  color:#dadada;
  font-weight:normal;
  }
  
.post-title strong, .post-title a:hover
  {
  color:#999999;
  }
  
.post div
  {
  margin:0 0 .75em;
  line-height:1.6em;
  }
  
p.post-footer
  {
  margin:-.25em 0 0;
  color:#ccc;
  }
  
.post-footer em
  {
  font:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  font-style:normal;
  color:#999;
  margin-right:.6em;  
  }
 
.post img
  {
  padding:0px;
  border:1px solid #ddd;
  margin: 0pt 10px 10px 0pt;
  float: left;
  cursor: pointer;
  width: 300px;
  }
  
.post-float1
  {
  float: left;
  width: 310px;
  text-align: center;
  }

.post-float2
  {
  float: left;
  width: 250px;
  padding-left: 17px;
  margin:.5em 0 1.5em;
  }
  
.post-float3
  {
  float: left;
  padding-left: 17px;
  margin:0 0 1.5em;
  height: 200px;
  }

.post-float4
  {
  float: left;
  padding-left: 17px;
  margin: 15px 0 1.5em;
  
  }

.last
  {
  float: left;
  width: 200px;
  margin-bottom: 15px;
  text-align: center;
  }
   
.last-img
  {
  border: 1px solid #ffffff;
  margin: 12px;
  }

.last-img-a a
{
display: block;
border: 0px solid #ffffff;
}

.last-img-a a:hover
{
/*background-color: #4a4a4a;  #e5ecff; */
}

.last-index
  {
  float: left;
  width: 118px;
  margin: 0px;
  text-align: center;
  }
  
.last-img-index
  {
  border: 1px #ffffff solid;
  margin: 10px;
  height: 100px;
  width: 100px;
  }

/* Comments
----------------------------------------------- */
#comments h4
  {
  margin:1em 0;
  font:bold 100%/1.6em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#999;
  }
  
#comments h4 strong
  {
  font-size:130%;
  }

/* Sidebar Content
----------------------------------------------- */
#sidebar ul
  {
  margin: 0 0 1.5em;
  padding:0 0 1.5em;
  list-style:none;
  }
  
#sidebar li
  {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  font:90%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#ccc;
  }

#sidebar3 {padding: 12px 0 0 7px;}
#sidebar3 a, #sidebar3 a:visited, #sidebar3 a img {border: 0;}

#sidebar2 ul
  {
  border-bottom: 0px;
  padding: 0px;
  padding-left: 10px;
  margin: 0px;
  }

#sidebar2 li
  {
  display: inline;
  padding: 0px;
  margin: 0px;
  margin-left: 5px;
  }
  
#sidebar h2
  {
  margin:1.5em 0 .75em;
  font:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#bf754c;
  }
  
.active-links
  {
  color: #ffffff;
  }

/* Footer
----------------------------------------------- */
#footer
  {
  width:660px;
  clear:both;
  margin:0 auto;
  margin-top: 50px;
  padding-top:15px;
  font:80%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  }
  
#footer h5
  {
  margin:0.5em 0 .75em;
  text-transform:uppercase;
  color:#bf754c;
  }

/* Authors
----------------------------------------------- */
div.authors
  {
  font:90%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  }

.authors
  {
  text-align: left;
  padding: 7px 0 7px 15px;
  margin: 0.25em 0 0.5em;
  margin-top: 20px;
  background: #202020;
  border: 0px solid #B2B2B2;
  width: 550px;
  font-size: 12px;
  float: left;
  }
  
.authors h1
  {
  color:#dadada;
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  }

.float
  {
  float: left;
  width: 370px;
  text-align: left;
  margin-bottom: 10px;
  }
  
.float-technika
  {
  float: left;
  width: 510px;
  }

.authors img
  {
  border: 1px solid #3c3c3c;
  float: right;
  margin: 5px 12px 5px 5px;
  }
  
.authors a:link
  {
  color:#ffffff;
  text-decoration:none;
  }
  
.authors a:visited
  {
  color:#ffffff;
  text-decoration:none;
  }
  
.authors a:hover
  {
  color:#ffffff;
  text-decoration:none;
  }

/* News
----------------------------------------------- */
.news-date
  {
  margin:1.5em 0 .75em;
  font:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#bf754c;
  }
  
.news-border
  {
  padding: 15px;
  margin-bottom: 15px;
  width: 90%;
  border: 0;
  background: #202020;
  }

.news-border2
  {
  border-bottom: 1px dotted #515151;
  padding: 5px;
  padding-left: 10px;
  margin-bottom: 15px;
  width: 89%;
  padding-bottom: 20px;
  }

/* Book
----------------------------------------------- */  
.bad
  {
  width: 400px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: red;
  padding: 7px;
  border: 1px solid silver;
  background: #333333;
  }

.good
  {
  width: 400px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: green;
  padding: 7px;
  border: 1px solid silver;
  background: #333333;
  }

#form
  {
  color: #dddddd;
  margin-top: 15px;
  margin-bottom: 0px;
  width: 500px;
  }

#form textarea
  {
  background: #333333;
  border: 1px solid silver;
  color: #dddddd;
  margin-bottom: 5px;
  }
  
#form input
  {
  background: #333333;
  border: 1px solid silver;
  color: #dddddd;
  margin-bottom: 5px;
  }
  
.smile
  {
  float: right;
  height: 15px;
  }

.submit
  {
  float: left;
  height: 15px;
  }

.post-book
  {
	border: 0px;
	padding: 0px;
	margin-bottom: 16px;
	width: 500px;
	color: #dddddd;
  }

.posttop-book
  {
	padding: 4px;
	background: #333333;
	border: 1px solid silver;
	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:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#bf754c;
  }

.posttext-book
  {
	padding: 4px;
	background: #555555;
	border: 1px solid silver;
	border-top: 0px;
	text-align: left;
  }
  
/* Links
----------------------------------------------- */

.link-text
  {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#ffffff;
  }
  
.link-link
  {
  margin:1.5em 0 .75em;
  font:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#bf754c;
  }
  
.link
  {
  text-align: left;
  font:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  padding: 7px;
  margin: 0.25em 0 0.5em;
  margin-top: 20px;
  background: #000000;
  border-width: 1px 1px;
  width: 550px;
  font-size: 12px;
  float: left;
  }
  
.link img
  {
  border: 1px solid #ffffff;
  }  

.link-inner-left
  {
  float: left;
  width: 200px;
  }
  
.link-inner-right
  {
  float: left;
  width: 300px;
  padding-top: 20px;
  text-align: center;
  }
  
/* Contact
----------------------------------------------- */
#contact
  {
  width: 500px;
  text-align: left;
  margin-top: 30px;
  }

a.contact-adress
  {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#ffffff;
  }
  
.contact-header
  {
  margin:1.5em 0 .75em;
  font:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#bf754c;
  }

/* Strankovani
----------------------------------------------- */
.strankovani   
  {
  color: #ffffff;
  }
  
/* Page map
----------------------------------------------- */
.odsazeni1
  {
  margin-left: 20px;
  }
  
.odsazeni2
  {
  margin-left: 40px;
  }
  
/* Latest updates
----------------------------------------------- */

.date-latest
  {
  width: auto;
  font:100%/1.4em Verdana,"Trebuchet MS",Trebuchet,Arial,Sans-serif;
  text-transform:uppercase;
  color:#bf754c;
  }

a.photobards, a.photobards:visited {color: #ff9600;}
a.photobards:hover {font-weight: normal; color: #fff;}

.subscribe {width: 246px; height: 62px;}
.subscribe-cz {background: url("../img/subscribe-cz.jpg") no-repeat;}
.subscribe-en {background: url("../img/subscribe-en.jpg") no-repeat;}
.subscribe form {padding: 20px 0 0 16px;}
.subscribe input {width: 138px; background: #6f422c; border: 1px solid #9c561b; color: #f1a681; font-size: 0.875em; padding: 2px 2px;}
.subscribe input.subscribe-button {width: 65px; height: 21px; border: 0; position: relative; top: 8px; background: none;}


.book-text {width: 550px;}
.book-text-left {width: 300px; font-family: verdana, arial; float: left; font-size: 0.80em;}
.book-text-right {width: 250px; font-family: verdana, arial; float: left; font-size: 0.80em;}
.book-text-right span {line-height: 1.45em;}
.book-text-bottom {clear: both;}
span.book-orange {color: #d08331;}
span.book-red {color: #ad322b;}
span.book-p {line-height: 1.5em;}

.zero {font-size: 2.25em; line-height: 1.55em;}
.one {font-size: 3.75em; line-height: 1.55em;}
.two {font-size: 4.5em; line-height: 1.55em;}
.three {font-size: 2.7em; line-height: 1.5em;}
.four {font-size: 3.3em; line-height: 1.5em;}
.five {font-size: 5.1em; line-height: 1.5em;}
.six {font-size: 2.3em; line-height: 1.25em;}
.seven {font-size: 1.29em; line-height: 1.25em;}
.eight {font-size: 2.0em; line-height: 1.25em;}
.nine {font-size: 2.0em; line-height: 1.25em;}
.ten {font-size: 2.25em; line-height: 1.25em;}
.eleven {font-size: 2.0em; line-height: 1.25em;}
.twelve {font-size: 1.6em; line-height: 1.25em;}
.thirteen {font-size: 1.5em; line-height: 1.25em;}
.fourteen {font-size: 1.5em; line-height: 1.25em;}
.fiveteen {font-size: 1.4em; line-height: 1.25em;}
.sixteen {font-size: 1.6em; line-height: 1.25em;}
.seventeen {font-size: 3.25em; line-height: 1.25em;}

.book-a {font-size: 2.0em; line-height: 1.5em;}
.book-b {font-size: 1.6em; line-height: 1.5em;}
.book-b2 {font-size: 2.3em; line-height: 1.5em;}
.book-c {font-size: 2.25em; line-height: 1.5em;}
.book-d {font-size: 1.35em; line-height: 1.5em;}
.book-e {font-size: 2.4em; line-height: 1.5em;}
.book-f {font-size: 1.1em; line-height: 1.5em;}
.book-g {font-size: 1.5em; line-height: 1.5em;}
.book-h {font-size: 1.6em; line-height: 1.5em;}
.book-h2 {font-size: 2.3em; line-height: 1.5em;}
.book-i {font-size: 3.0em; line-height: 1.5em;}
.book-j {font-size: 2.0em; line-height: 1.5em;}
.book-k {font-size: 2.3em; line-height: 1.5em;}




/* Struktura formularu
----------------------------------------------- */
form.formik {font-size: 0.875em; margin: 0; margin-top: 0;}
.formik fieldset {padding: 0;  padding-top: 10px; width: 295px;}
.formik legend {padding: 0.3em 0.5em; font-size: 1.2em;}
.formik label	{float: left; width: 8em; display: block; clear: left; margin-right: 1em; text-align: right; cursor: pointer;}
.formik textarea, .formik input, .formik select, .formik label, .formik button, .formik optgroup {margin-top: 5px; padding-left: 3px;}
.formik textarea, .formik input {padding: 3px;}
.formik input {width: 150px;}
.formik textarea {width: 420px; height: 100px;}
.formik label.input-text {padding: 3px 0 3px 3px;}
.formik input.button {cursor: pointer; padding: 5px; font-weight: bold; background: #f0f0f0; margin-left: 100px; width: 155px; margin-top: 10px; color: #cc4c1a;}
.formik input.button:hover {background: #e0e0e0;}
.formik input.button:focus {background: #d6d6d6;}



/* Barvy formularu
----------------------------------------------- */
.formik fieldset {border: 0 solid #ccc;}
.formik legend {background: none;}	
.formik label	{color: #e3e3e3; font-weight: bold;}	
.formik input, .formik textarea {background: #cfcfcf; border: 1px solid #eaeaea;}
.formik textarea:focus, .formik input:focus {border: 1px solid #000;}
.formik select {background: #cfcfcf; color: #000; border: 1px solid #eaeaea;}
.formik option {background: #fff; color: #000;}
.formik optgroup {background: #ccc; color: #000;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 220px; font-size: 0.875em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../img/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 20px 0 0 10px; color: #000;}
.alert-good {border: 1px solid green; width: 220px; font-size: 0.875em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../img/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 20px 0 0 10px; color: #000;}

.platba1 {float: left; width: 245px; display: block; margin-bottom: 7px;}
.platba2 {float: right; width: 295px; display: block; margin-bottom: 7px;}

#platba-karta {width: 245px; float: left; text-align: center; background: #1b1b1b; padding: 20px 0;}
#platba-dobirka {width: 295px; float: right; background: #1b1b1b; padding: 0 0 0px 0;}