﻿.printonly, .printinline {
  display: none;
}
body {
	background-color: #008000;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#container {
	margin: 0px auto;
	text-align: left;
	width: 780px;
}
.w120 {
  width: 120px;
}
.w130 {
  width: 130px;
}
.w200 {
  width: 200px;
}
.flr {
  float: right;
}
.fll {
  float: left;
}
.cleaner {
  clear: both;
}
.down1 {
  margin: 0 0 11px;
}
.button {
  border: 0;
}
.search {
  width: 13px;
  height: 18px;
  background: #008000 url(/gfx/search.png) no-repeat;
  color: transparent !important;
  border: 0;
  cursor: pointer;
}
.input {
  border: 0;
  padding: 1px;
}
label {
  margin: 0 7px 0 2px;
  color: #cccc00;
}
form input {
  background: #008000;
  color: #cccc00;
}
/********************** Header ***************************/
#logo{
	background-color: #b6ad9b;
	background-image: url(images/bg_header.jpg);

	background-repeat: repeat-x;
	height: 69px;
	width: 774px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#logo a{
	margin: 0px auto;
}
#header {
	margin: 0;
	width: 774px;
	height: 266px;
	background: #006600 url(/gfx/header2.jpg) no-repeat;
	position:relative;	
}
#header ul {
	list-style-type: none;
	display: inline;
	position: absolute;
	top: 236px;
	left: 142px;
	z-index: 101;
	padding: 0;
}
#header li {
	float:left;
	z-index: 101;
	opacity: 1;
	border-right: #008000 solid 1px;
	padding: 5px 10px 6px;
}
#header li.lastchild {
	border-right: 0px none #4d4b4a !important;
}
#header ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 7px;
}
#header ul a:hover{
	color:#cccc00;
}
#header .back {
	position: absolute;
	top: 236px;
	left: 142px;
	height: 25px;
	width: 505px;
	z-index: 100;
	background: #006600;
	opacity: .7;
	filter: alpha(opacity=70);
}

/********************** Content ***************************/

#content {
	background-color: #006400;
	width: 774px;
	display: block;
	
}
#content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #cccc00;
	margin: 0px 23px 8px 28px;
	padding: 20px 0px 0px 0px;
	/*border-bottom: 1px solid #bbb6a0;*/
}

#content img{
	float: left; 
	margin: 0pt 1em 0.5em 0pt;
}

/********************** Content - left ***************************/
#left {
	background-color: #008000;
	border: 1px solid #c2bdaa;
	width:550px;
	margin: 0px 0px 10px 28px;
	padding: 0px 0px 15px 0px;
	float:left;
	display:inline;
}
#left h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #cccc00;
	text-decoration: none;
	margin: 23px 0 11px 23px;
	padding: 0;
	clear: left;
}
#left p{
/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	color: #FFFFFF;
	*/
  margin: 0 23px 5px 23px;
}
#left a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
  color: #cc0;
  text-decoration: none;
}
#left a:hover{
	text-decoration: underline;
}
#left td{
	color:#FFFFFF;
}
#left ul {
  list-style: none;
  list-style-position: outside;
  overflow: hidden;
  margin: 0 23px;
  
}
#left li {
  margin: 5px 0;
}
.photos{
  float:right;
}
.photos img {
  display:block;
}
.text {
  color: #fff;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  padding: 0 23px 33px 23px;
}
.navigator {
  padding: 11px 23px;
  background: #006400;
}
.video {
  padding: 0 23px 33px 23px;
}
.audio {
  padding: 0 23px 33px 23px;
}
.audio a {
  margin: 5px 0 0;
  display: block;
}
.comments {
  padding: 0 23px;
}
.signature {
  padding: 0 23px 33px 23px;
  text-align: right;
  font-size: 10px;
  font-style: italic;
  color: #fff;
}
.message {
  background: #006400;
  text-align: center;
  padding: 11px;
  color: #cc0;
}
/********************** Content - left - prachy ***************************/
#prachy p{
	float:center;
/*	background-color:#006400;
	margin: 0px 23px 10px 0px;
	padding: 0px 0px 6px 0px;
	display:inline;
	border: 1px solid #c2bdaa;
	*/
}


/********************** Content - right ***************************/
#right {
	float:right;
	width:156px;
	background-color:#006400;
	margin: 0px 23px 10px 0px;
	padding: 0px 0px 6px 0px;
	display:inline;
	border: 1px solid #c2bdaa;
}
#right h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#003300;
	width:156px;
	text-align:center;
	padding: 3px 0px 3px 0px;
}
#right p{
	padding: 10px 9px 0px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
#right a{
	padding: 12px 9px 5px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cccc00;
	font-weight: bolder;
	display: block;
	text-decoration: none;
}
#right a:hover{
	color:#000000;
}
#right span a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #605c4c;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#c2bdaa;
	width:138px;
	text-align:left;
	padding: 3px 0px 3px 5px;
	margin: 15px 6px 0px 6px;
}
#right form {
  padding: 5px;
}
/***************** reklama WZ, Google ********************/
#add-wz {
  margin: 23px;
}
#add-google {
  padding: 0 0 0 5px;
}
/********************** footer ***************************/
#footer, #footer a {
	background-color: #030;
	width: 774px;
	height:27px;
	text-align:center;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*font-weight: bolder;*/
	color: #4d4b4a;
}
#footer a:hover{
	color:#000000;
}
/********************** action ***************************/
span.action {
	cursor: pointer;
	color: #030;
}
/********************** hledej ***************************/
#hledej {
  background: #006400;
  padding: 10px;
  text-align: center;
}
/********************* komentář **************************/
#komentare {
  border: 0;
  margin: 0 23px 33px 23px;
  padding: 0;
}
#formpridej {
  margin: 0 23px 33px 23px;
}
#formpridej input, #formpridej textarea {
  background: #fff;
  color: #030;
  border: #030 1px solid;
}
#formpridej input.button {
  background: #008000;
}
input.radio {
  background: transparent !important;
}
.comment {
  margin: 5px 0 23px 0;
  padding: 0;
  color: #fff;
}
.comment-autor {
  color: #030;
  /*background: #006400;*/
  padding: 5px 0;
  border: 0;
  border-top: 1px solid #030;
}
.comment-autor strong {
  color: #fff;
}
.comment-text {
  padding: 0;
}
/********************** slider ***************************/
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 10px;
}
.slider-wrap {
  /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: /*20px*/ 0;
	position: relative;
	width: 100%;
}
/* These 2 lines specify style applied while slider is loading */
.csw {
  width: 100%;
  /*height: 460px;*/
  /*background: #fff;*/
  overflow: visible;
}
.csw .loading {
  margin: 0;
  text-align: center;
}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0;
	/*margin: auto;*/
	width: 425px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	/*height: 460px;*/
	clear: both;
	/*background: #cfc;*/
}
.stripViewer .panelContainer {
  /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 425px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper {
  /* Wrapper to give some padding in the panels, without messing with existing panel width */
	/*padding: 0 10px 10px 10px;*/
	padding: 0;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	/*margin: auto;*/
}
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	margin: 0 !important;
}
.stripNav ul li {
	float: left;
	margin: 0 2px 0 0 !important;
	/*margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}
.stripNav li a {
  background: #006400;
}
.stripNav li a:hover {
	background: #030;
}
.stripNav li a.current {
	background: #030;
}
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000px;
}
.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}
.stripNavL {
	left: 0;
}
.stripNavR {
	right: 0;
}
.stripNavL {
	background: url("/gfx/arrow-left.gif") no-repeat center;
}
.stripNavR {
	background: url("/gfx/arrow-right.gif") no-repeat center;
}
/********************** tabulka **************************/
#LigovaTabulka1 {
  border: 0;
  font-family: Verdana;
  font-size: 10px;
  margin: 8px auto;
  width: 160px;
  _width: 150px
  margin: 5px;
  float: right;
}
#LigovaTabulka1 td, #LigovaTabulka1 th {
  padding: 1px 3px;
  text-align:left;
  line-height:130%;
  color: #00cc00;
}
#LigovaTabulka1 th {
  font-size: 11px;
  color: #cccc00;
}
/************************* ikony *************************/
span.ico-video {
  width: 17px;
  height: 15px;
  border: 0;
  padding: 0 17px 0 0;
  margin: 0;
  background: url(/gfx/iconset.gif) 0 0 no-repeat;
  overflow: hidden;
  _display: inline-block;
}

span.ico-audio {
  width: 17px;
  height: 15px;
  border: 0;
  padding: 0 17px 0 0;
  margin: 0;
  background: url(/gfx/iconset.gif) no-repeat 0 -15px;
  _display: none;
}

.social {
  border: 0;
  color: #006400;
  line-height: 16px;
  padding: 5px 20px;
  margin: 0;
  background: #004400;
}
.social a {
  float: right;
  margin: 0 0 0 10px;
}
.social a img {
  border: 0;
}
.fb_iframe_widget {
  padding: 5px 25px !important;
  margin: 10px 0;
}

.clean {
  padding: 0 !important;
}
.clean img {
  border: 0 !important;
}
/***************** Prachy ******************************/
#prachy p {
	text-align:center;
	color: #4d4b4a;
}
#prachy a {
	color: #4d4b4a;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#prachy p a:hover {
	color: #4d4b4a;
}
