/* CSS Document */

body {
  margin: 0;
  padding: 0;
  font-family: tahoma, arial, sans-serif;
  font-size: 11px;
  color: #000;
  background: #4e3e2f url('images/bgWeb.jpg') top center no-repeat;
}

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

#header {
  width:960px;
  min-height: 125px;
  display: block;
  margin: 0 auto;
  background: url('images/bgHeader.png') no-repeat;
  padding-top: 62px;
  z-index: 2;
  position: relative;
}
#header h1 {
  width: 144px;
  height: 117px;
  display: block;
  overflow: hidden;
  position: relative;
  line-height: 150%;
  font-size: 16px;
  text-indent: -9999px;
  margin-left: 15px;
  float: left;
}
#header h1 span {
  width: 144px;
  height: 117px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url('images/logo.png') no-repeat;
}

#header ul, #footer #f-content ul {
  list-style: none;
  float: right;
  margin-top: 72px;
  margin-right: 25px;
}
#header ul li, #footer #f-content ul li {
  float: left;
  display: block;
  padding: 0 8px;
}
#header ul li a, #footer #f-content ul li a {
  color: #ffdf34;
  float: left;
  display: block;
  text-align: center; 
  height: 24px;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  text-decoration: none;
  padding-top: 5px;
}
#header ul li a span, #footer #f-content ul li a span {
  height: 29px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#header ul li a:hover, #footer #f-content ul li a:hover {
  color: #ef4024;
}

#header ul li.uvod a, #header ul li.uvod a span {
  width: 47px;
}
#header ul li.uvod a span {
  background: url('images/uvod.gif') no-repeat;
  display: block;
}
#header ul li.uvod a:hover span {
  background: url('images/uvod-h.gif') no-repeat;
}

#header ul li.klub-legal a, #header ul li.klub-legal a span {
  width: 89px;
}
#header ul li.klub-legal a span {
  background: url('images/klub-legal.gif') no-repeat;
}
#header ul li.klub-legal a:hover span {
  background: url('images/klub-legal-h.gif') no-repeat;
}

#header ul li.pracovnici a, #header ul li.pracovnici a span {
  width: 137px;
}
#header ul li.pracovnici a span {
  background: url('images/pracovnici.gif') no-repeat;
}
#header ul li.pracovnici a:hover span {
  background: url('images/pracovnici-h.gif') no-repeat;
}

#header ul li.otviracka a, #header ul li.otviracka a span {
  width: 99px;
}
#header ul li.otviracka a span {
  background: url('images/otviracka.gif') no-repeat;
}
#header ul li.otviracka a:hover span {
  background: url('images/otviracka-h.gif') no-repeat;
}

#header ul li.pravidla a, #header ul li.pravidla a span {
  width: 118px;
}
#header ul li.pravidla a span {
  background: url('images/pravidla.gif') no-repeat;
}
#header ul li.pravidla a:hover span {
  background: url('images/pravidla-h.gif') no-repeat;
}

#header ul li.zkusebna a, #header ul li.zkusebna a span {
  width: 149px;
}
#header ul li.zkusebna a span {
  background: url('images/zkusebna.gif') no-repeat;
}
#header ul li.zkusebna a:hover span {
  background: url('images/zkusebna-h.gif') no-repeat;
}
#subHeader {
  width: 925px;
  height: 158px;
  margin: 0 auto;
  display: block;
  background: url('images/bgSubHeader.png') no-repeat;
  z-index: -1;
  margin-top: -18px;
  position: relative;
  padding: 0 0 0 35px;
} 
#subHeader .slideshow {
  position: absolute!important;
  left: 35px;
  top: 0;
}        
#subHeader #slideshow-title {
  position: absolute;
  right: 294px;
  top: 105px;
  color: #ee3108;
  font-size: 16px;
  text-align: right;
  letter-spacing: 1px;
  z-index: 2;
  text-transform: uppercase;
  background: #000;
  padding: 8px;
}
#subHeader #kontakt {
  width: 230px;
  float: right;
  border-left: 1px #383838 solid;
  margin: 15px 30px 0 0;
  padding: 5px 10px;
}
#subHeader #kontakt h3 {
  color: #ffff2f;
  font-size: 20px;
  padding-bottom: 8px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#subHeader #kontakt p {
  color: #adad88;
  font-size: 12px;
  z-index: 99;
  line-height: 170%;
} 

#web {
  width: 960px;
  position: relative;
  margin: 10px auto;
}         

#web #content {
  width: 740px;
  float: left;
}
#web #content .news, .post {
  padding-bottom: 12px;
}

#web #content h2 {
  width: 705px;
  height: 47px;
  background: url('images/title.png') no-repeat;
  color: #ffff2f;
  font-size: 22px;
  position: relative;
  padding: 8px 0 0 28px;
  font-weight: normal; 
}
#web #content h2 a {
 color: #ffff2f;
 text-decoration: none; 
}
#web #content h2 a:hover {
 text-decoration: underline;
 color: #d1d114;
}
#web #content h2 span {
  position: absolute;
  top: 16px;
  right: 33px;
  font-size: 12px;
  color: #9f9f13;
  font-weight: normal;
}
#web #content p.meta, .postmetadata {
  color: #d2d293;
  padding: 5px 30px 5px 23px;
}
#web #content p.meta a {
  color: #f4f4ca;
}
#web #content p.meta-comments {
  color: #d2d293;
  font-size: 14px;
  border-top: 1px #716525 solid;
  padding: 8px 0 0 0;
  margin: 0 30px 0 23px;
}
#web #content p.meta-comments a {
  color: #ffff2f;
}
#web #content .entry p {
  color: #f4f4ca;
  font-size: 14px;
  line-height: 150%;
  padding: 5px 30px 5px 23px;
}
#web #content .entry p strong {
  color: #eeee81;
}
#web #content .entry p a {
  color: #fbfba7;
}
#web #content .entry p a:hover {
  color: #b8b845;
} 
#web #content .entry p .img-right {
  float: right;
  margin: 5px 0 5px 5px;
}
#web #sidebar {
  width: 210px;
  float: right;
} 

#web #sidebar h3, #web #sidebar .widgettitle {
  width: 167px;
  height: 36px;
  background: url('images/title-sidebar.png') no-repeat; 
  color: #ffff2f;
  font-size: 20px;
  font-weight: normal;
  padding: 6px 0 0 15px;  
} 
#web #sidebar ul {
  list-style: none;
  margin: 5px 0 10px 6px;
}  
#web #sidebar ul li a {
  background: url('images/bgList.png') repeat;
  width: 147px;
  display: block;
  padding: 6px 10px;
  color: #b9b917;
  text-decoration: none;
}
#web #sidebar ul li a:hover {
  background: url('images/bgList-h.png') repeat;
  color: #ffff00; 
}
#web #sidebar ul li {
  margin-bottom: 1px;
}  
#web #sidebar #vzkaz {
  background: url('images/kontaktujte.png') no-repeat;
  width: 167px;
  height: 35px;
  display: block;
  color: #e9be74;
  text-decoration: none;
  text-align: center;
  padding-top: 10px;
  font-size: 13px;
  font-weight: bold;
  margin-top: 35px;
}
#web #sidebar #vzkaz:hover {
  color: #fff9ee;
  text-decoration: underline;
}
.clearfix {
  clear: both;
  display: block;
}
#footer {
  background: #000;
  position: relative;
  padding: 15px 0 60px;
}
#footer #f-content {
  width: 960px;
  margin: 0 auto;
  position: relative;
}   
#footer #f-content img.logo {
  position: absolute;
  top: 0px;
  left: 10px;
}
#footer #f-content ul {
  margin: 10px 0 0 120px !important;
  float: left !important;
}       

#footer .box {
  width: 485px;
  display: block;
  float: left;
  color: #ccbb63;
  margin-top: 30px;
  margin-left: 15px; 
  font-size: 14px;
}
#footer .box h3, #footer h3 {
  color: #d72a27;
  margin-bottom: 4px;
   font-size: 14px;
}
#footer .box p {
  line-height: 150%;
}

#footer #elim {
  color: #ccbb63;
left:531px;
position:absolute;
top:69px;
}


#comments-block {
  padding: 5px 30px 5px 23px;
}

#comments-block h3 {
  font-size: 15px;
  color: #b5b53a;
  padding: 5px;
  margin: 5px 0;
  background: #000;
}

.commentlist {
  margin-left: 30px;
  color: #e1e189;
  font-size: 16px;
  padding: 5px 0;
}
.commentlist li:first-child {
  border-top: none;
}
.commentlist li {
  border-top: 1px #967e63 solid;
  padding: 8px 0;
}
.commentlist .avatar {
  float: right;
  padding: 1px;
  border: 1px #eeeeb8 solid;
  background: #000;
}
.commentlist .comment-author {
  font-size: 16px;
  color: #f4f4ca;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}
.commentlist .comment-author a {
  color: #e6e638;
  text-decoration: none;
  font-weight: normal;
}
.comment-meta {
 color: #f4f4ca;
 font-size: 11px; 
}
.comment-meta a {
  color: #c1c180; 
}
.comment-body p {
  font-size: 13px;
  color: #e4e4ab;
  padding: 8px 0;
}

a.FB_Link {
  color: #9caee0!important;
}
#fb-user, #fb-msg {
  color: #fff!important;
  border: none!important;
  font-size: 14px!important;
}

#fb-msg a {
  color: #9caee0!important;
}

#fb-user a.FB_Link img {
  float: right!important;
}

#alt-login-methods {
  float: right;
}
#sfc_comm_send {
  color: #d3d390;
}
#commentform {
  position: relative;
}
#commentform #comment-user-details p {
  padding: 5px 0;
}
#commentform #comment-user-details p input {
 background: #886f57;
 border: 1px #c2a284 solid;
 color: #e7d7c8;
 padding: 3px;
}

#commentform #comment-user-details p label {
  padding-left: 10px;
  color: #fff;
}
#commentform p textarea {
  background: #886f57;
 border: 1px #c2a284 solid;
 color: #e7d7c8;
 padding: 3px;
}
#commentform p {
  color: #d3d390;
}
#commentform p a {
  color: #efefc4;
}
#commentform .logged-in-as {
  padding: 5px 0 9px;
}
#submit {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin: 8px 0 8px 2px;
}
#submit:hover {
	text-decoration: none;
}
#submit:active {
	position: relative;
	top: 1px;
}

.brown{
	color: #fef4e9;
	border: solid 1px #c9b9a9;
	background: #886f57;
	background: -webkit-gradient(linear, left top, left bottom, from(#886f57), to(#c2a284));
	background: -moz-linear-gradient(top,  #886f57,  #c2a284);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#886f57', endColorstr='#c2a284');
}
.brown:hover {
	background: #ee3108;
	background: -webkit-gradient(linear, left top, left bottom, from(#ee3108), to(#c72b09));
	background: -moz-linear-gradient(top,  #ee3108,  #c72b09);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3108', endColorstr='#c72b09');
}
.brown:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}





.post h3 {
  color: #ffff2f;
  font-size: 22px;
  padding: 5px 30px 5px 23px;
}
.post h3 a {
  color: #ffff2f;
  text-decoration: none;
}
.post h3 a:hover {
  text-decoration: underline;
}
.post small {
  padding: 5px 30px 5px 23px;
  color: #b2b27a;
} 
.post .meta small {
  padding: 0;
}
.postmetadata a {
  color: #e9e9c4;
}


#by {
  padding: 20px 0 5px;
  font-size: 11px;
  color: #9c8e41;
}

#by a {
  color: #b6b08e;
}