/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
  margin: 0;
  padding: 0;
}

body#site {
  background: #232903;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #8B985F;
        padding: 0;
        margin: 0;
}

h1, h2, h3 {
  margin-bottom: 15px;
  text-transform: lowercase;  
  font-weight: normal;
  color: #CEEA70;
}

h1 {
  letter-spacing: -1px;
  font-size: 197%;  
}

h1#logo {
  font-family: Georgia, "Times New Roman", Times, serif;
}  

h2 {
  letter-spacing: -1px;
  font-size: 1.5em;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1em;
}

p, ol, ul {
  margin-bottom: 1.5em;
  line-height: 1.5em;
}

ul, ol {
  margin-left: 3em;
}

blockquote {
  padding: 0 3em;
  background: url(../images/img05.gif) no-repeat 1em 0;
  font-style: italic;
}

a { 
  color: #CEEA70;
}

a:hover, a:active { 
  color: #FFFFFF;
}

a.currentPage {
  font-weight: bold;
}

img {
  /*border: none;*/
}

img.left {
  float: left;
  margin: 0 15px 0 0;
}

img.right {
  float: right;
  margin: 0 0 0 15px;
}

hr {
        width: 75%;
        border-style: solid;
        border-color: #34160C;
        margin: 0 auto;
}

/* Header */

#header {
  width: 710px;
  height: 305px;
  margin: 0 auto;
  padding: 0 25px 10px 25px;
  background: #34160C url(../images/img01.jpg) no-repeat center top;
  position: relative;
}

#header h1 {
  margin: 0;
  padding: 185px 0 0 35px;
  letter-spacing: -2px;
  font-size: 73px;
        color: #FDFCC4;
}

#header h1 a {
  color: #FFFFFF;
}

#header h2 {
  margin: -25px 0 0 0;
  padding: 0 0 0 280px;
  letter-spacing: normal;
  font: bold 10px 'Century Gothic', 'Courier New', monospace;
        color: #F5F58D;
        font-size: 15px;
}

#header h2 a {
  color: #CAF368;
}

#header a {
  text-decoration: none;
}

#header #langswitch {
  position: absolute;
  right: 40px;
  bottom: 35px;
}

/* Page */

#page {
  width: 710px;
  margin: 0 auto;
  padding: 0 25px;
  background: #34160C url(../images/img02.gif) repeat-y center top;
  overflow: hidden;
}

/* Content */

#content {
  float: right;
  width: 460px;
  padding: 5px 5px 0 0;
  background: url(../images/img03.gif) no-repeat;
}

#content ul,
#content ol { margin: 10px 0; }
#content ul li { margin-left: 15px; }
#content ol li { margin-left: 25px; }

#content table { border-collapse: collapse; }
#content table th,
#content table td { padding: 2px 5px; border: 1px solid #8B985F; }
#content table th { text-align: center; }

#content form table th,
#content form table td { vertical-align: middle; border: none; }
#content form .submit { font-weight: bold; color: #8B985F; cursor: pointer; }

#content input, 
#content textarea { font-size: 13px; font-family: Arial, Helvetica, sans-serif; padding: 2px 5px; border: 1px solid #8B985F; } 

#content #contact-form td.td-spec1 { text-align: right; }
#content #contact-form td.td-spec2 { text-align: right; vertical-align: top; padding-top: 4px; }
#content #contact-form td.td-spec3 { text-align: center; padding-top: 15px; }
#content #contact-form #text { width: 25em; }

#content .article { margin-bottom: 25px; }

.post {
  width: 420px;
  padding: 20px 0 0 20px;
}

.post h1, .post h2, .post h3 {
}

.post .title {
  padding: 0 0 5px 0;
  background: url(../images/img08.gif) repeat-x left bottom;
}

.post .title span {
  padding-right: 30px;
  background: url(../images/img06.gif) no-repeat right center;
}
.inner {
  margin: 20px;
}
.ramecek {
  padding: 1ex;
}
.news-piece { margin-bottom: 20px; }
.news-piece h3 { margin-bottom: 5px; }

/* Sidebar */

#sidebar {
  float: left;
  width: 240px;
  padding: 5px 0 0 5px;
  background: url(../images/img04.gif) no-repeat;
}
#sidebar #menu {
  margin: 0;
  list-style-type: none;
}

.box {
  width: 239px;
  padding-left: 1px;
}

.box .title {
  height: 33px;
  margin: 0;
  padding: 10px 0 0 20px;
  background: url(../images/img09.gif) repeat-x;
  font-size: 18px;
}

.box ul {
  margin: 20px;
  padding: 0;
  list-style: none;
}
.box ul.submenu {
  margin: 5px 0 0 20px;
}

.box li {
  padding: 5px 0;
  background: url(../images/img10.gif) repeat-x;
}

.box li.first, .box li.li-spec {
  background: none;
}


.box h3 {
  margin: 0;
  font-size: 85%;
  font-weight: bold;
  color: #8B985F;
}

.box p {
  margin: 0;
  line-height: normal;
}

#menu.box a {
  text-decoration: none;  
}
#menu.box a.bg-arrow {
        padding-left: 10px;
        background: url(../images/img11.gif) no-repeat 0 5px;
}
#feature {
  margin: 1.5em;
}


#feature textarea {
  width: 345px;
}
#feature fieldset {
  border: 1px solid #222309;
  padding: 1ex;
}
#feature input {
  margin: 0.5ex 0;
}
.contacts-inner { margin: 20px; }
.contacts-inner p { margin-bottom: 10px; }

/* Footer */

#footer {
  position:relative;
  width: 710px;
  height: 45px;
  margin: 0 auto;
  padding: 0 25px 25px 25px;
  background: #34160C url(../images/img12.gif) no-repeat center top;
}

#footer p {
  margin: 0;
  padding: 8px 20px 14px;
  line-height: normal;
  font-size: 77%;
  color: #565736;
}

#footer a {
  color: #565736;
}

#footer a:hover {
  text-decoration: underline;
}

#legal {
  width: 55%;
  float: left;
}

#link {
        text-align: right;
        width: 30%;
  float: right;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: block !important;}

/* ie win hack ~ height acts like min-height \*/
* html .clearfix {height: 1%;}
/* end comment required */

.clear-l { clear: left; }