body 
{
  /* font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; */
  font: 75.0%/1.6em 'Open Sans', sans-serif; line-height: 160%;
  color:#666;
  margin:0;
}

#logo 
{
  /* float: left; */
  border: 0;
  background: #fff;
  margin: 10px 0;
  width: 220px;
}

#header h2
{
  float: right;
  margin: 60px 0 0 0;
  color: #ff4b00;
  font: 1.6em;
  font-weight: bold;
}

h1 
{
  font-family: Roboto;
  font-size:3.8em;
  font-weight:normal;
  color:#333;
  letter-spacing:-1px;
  margin:20px 0;
}

h1 a 
{
  text-decoration:none;
  color:#333;
}

#footer 
{
  padding:25px 25px 40px 0;
  border-bottom:20px solid #fafafa;
}

#wrapper 
{
  width: 870px;
  margin: 0 auto;
  /* background: #f5f5f5 url(/images/background.jpg) repeat-y;	*/
}

#nav 
{
  border-bottom:1px solid  #97bfe7;
  padding: 3px 0 7px 0;
  margin: 0;
  border-top: 1px solid #97bfe7;
  height: 28px;
}

#nav li 
{
  float:left;
  list-style:none;
}

#nav li a 
{
  color:#999;
  padding:5px 5px 7px 5px;
  background: #fff;
  font-size: 1.3em;
  margin:1px 2px 0 0;
  font-weight:bold;
  text-decoration:none;
  display:block;
}

#nav li a:hover 
{ 
  background: #EEE url("/images/prechod.jpg") repeat-x left bottom;
  color: #00487D;
  text-decoration:none;
}

#nav li a.active 
{
  background: #EEE url("/images/prechod.jpg") repeat-x left bottom;
  color: #00487D;
  text-decoration:none;
}

.clear 
{
  clear:both;
}

#content 
{
  margin:0 295px 0 0 !important;
  margin:0 295px 0 0;
  /* border-right:1px solid #eee;
  border-left:1px solid #eee; */
  padding-top: 10px;
}

#content table
{
  margin: 0 25px 10px 25px;
  background: silver;
  font-size: 90%;
}

#content table td
{
  background: white;
}

#content p 
{
  line-height: 1.7em;
  margin: 0 25px 10px 0px;
  /* font-size: 120%; */
  word-spacing: 2px;
}

#content a 
{
  text-decoration:none;
  color: #333;
  border-bottom: 1px dotted #444;
}

#content a:hover
{
  color:#000;
}

#content h2 
{
  font-family: Roboto;
  font-size: 1.8em;
  line-height: 1.4em;
  font-weight: bold;
  margin: 0 20px 10px 0px;
  /* padding: 5px 0; */
}

#content h3
{
  margin: 0px;
}

#pre p {font-weight: 600; font-size: 110%; text-align: justify;}

#content h2 a {text-decoration: none; border: none;}

#content h2 a:hover {color: #FF4B00; text-decoration: underline;}

#content h3 a {text-decoration: none; border: none;}

#content h3 a:hover {color: #FF4B00; text-decoration: underline;}

#content .writer {color: #6A86A2; margin: 0px 0 15px 0;}

/*#content .writer p {background: #eff; margin: 0; padding: 7px 7px 7px 25px; display: inline; border-bottom: 1px solid #97bfe7;}*/

#content .writer p a {color: #FF4B00; text-decoration: underline; border: 0;}

#content .writer p a:hover {color: #333; border-bottom: 0;}

#content .writer p span {
  /* color: #FF4B00; */
}

#sidebar {
  width: 290px;
  float:right;
  /* padding:10px 10px 30px 10px; */
  /* border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;*/
}

#sidebar h2 {
  margin: 15px 0 3px 0;
  font-size: 1.3em;
  color: #00487D; /*#133d68;*/
  border-top: 0px solid #97bfe7;
  /* padding: 13px 0 10px 15px;
  background: #EEE url("/images/prechod.jpg") repeat-x left bottom; */
}

#sidebar ul {
  list-style:none;
  margin: 0;
  padding: 10px;
  /* background: #eeffff; */
  border-top: 1px solid #97bfe7;
}

#sidebar li 
{
  padding:3px;
  border-bottom:1px solid #f6f6f6;
}

#sidebar ul li:before
{
  content: "\00BB \0020";
}

#sidebar li a 
{
  color:#333;
  text-decoration:none;
}

#sidebar input 
{
  width:240px;
  padding:5px;
  background:#fdfdfd;
  color:#444;
  border:1px solid #f6f6f6;
  font:11px Verdana;
}

#sidebar input:focus 
{
  background:#fff;
  border:1px solid #eee;
}

#sidebar li a:hover 
{
  color:#000;
}

.news {
  margin: 0;
  padding: 10px;
  /* background: #eeffff; */
  border-top: 1px solid #97bfe7;
}

.newsdate
{
  color: #FF4B00;
}

blockquote {
	padding:5px 15px;
	background:#f6f6f6;
	margin:10px 0;
	border:1px solid #eee;
}

#content ul, ol {
  
  /* margin: 10px 10px 10px 25px; */
  /* border-top:1px solid #eee; */
}
#content li {
  /* padding: 3px; */
  /* margin: 10px 10px 10px 45px; */
  /* border-bottom:1px solid #eee; */
}

#content h3 {
  margin: 15px 15px 10px 0px;
  font: 1.6em;
  font-weight: bold;
  color: #00487D;
}

#content h4 {
  margin: 10px 0 0 10px;
  color: black;
  font-weight: 900;
  padding: 0;
  font: 1.4em sans-serif;
}


#footer {
  background: #FFF url(/images/blank.jpg);
}

a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}

#anotace {float: right; width: 280px; margin: 0 4px 10px 10px;}
#anotace div {padding: 10px; border: 1px solid #eee;}
#anotace h3 {color: #97bfe7; margin: 0 0 5px 0;}
#anotace p {margin-left: 0;}

dl {margin-left: 25px; padding-right: 10px;}
dt {font-weight: bold;}
dl h4 {font-size: 1.1em;}
/* dd input {margin-left: 15px; border: 1px solid blue;} */

.img_zprava {margin-right: 15px; margin-bottom: 5px; margin-top: 5px;}

dl#duzina input,select {width: 300px; border: silver 1px solid; padding: 2px;}
dl#duzina input#name {width: 350px; background: red; color: white;}
dl#duzina input.short {width: 25px;}
dl#duzina input.long {width: 300px;}
dl#duzina textarea {width: 400px; height: 100px; border: silver 1px solid; padding: 2px;}
dl#duzina textarea#elm1 {height: 400px; width: 100%;}
dl#duzina textarea#elm2 {height: 200px; width: 100%;}
dl#duzina textarea#elm3 {height: 200px; width: 100%;}
dl#duzina textarea#elm4 {height: 200px; width: 100%;}
dl#duzina textarea#perex {height: 200px; width: 100%;}
dl#duzina textarea.middle {height: 250px;}
dl#duzina textarea.long {height: 400px;}
dl#duzina a {border: 0;}
dl#duzina h3 {margin-left: 0px; margin-top: 10px;}

dt span {font-weight: 100;}

iframe {border-width: 0px; height: 60px; width: 400px;}
iframe.hidden {visibility: hidden; width:0px; height:0px;}
#images {width: 500px; margin: 20px; margin-left: 0;}
#images div.border {margin: 0 10px 10px 0; border-style: solid; border-width: 5px; border-color: #DEDFDE; overflow: hidden; float: left;}
#images div.imgborder {width: 120px; height: 100px;}
#images div.radio {margin: 0; text-align: center; background: #FEE;}
#images div input {width: 12px;}
#images div:hover {border-color: #529EBD;}
#images img.load {margin: 36px;}
#images img.selected {border-style: solid; border-width: 5px; border-color: black;}

table#seznam {background: gray;}
table#seznam td {padding: 3px 10px 3px 3px;}
table#seznam th {padding: 3px; color: white; background: #1d5b9b;}
table#seznam td.active {background: white;}
table#seznam td.noactive {background: silver;}
table#seznam td.red {background: red;}

span.red {color: red;}
span.blue {color: blue;}
span.silver {color: silver;}

.mceToolbar input {width: 20px;}

p.duziny span {color: white; background-color: red; margin-right: 2px; font-weight: 600; padding: 1px; border: solid black 1px; display: inline;}
p.duziny span.longer {padding: 0 4px;}

p#anketa table.anketa {background: white;}
p#anketa td.short {width: 15px;}

.img_center {text-align: center;}

#koko table {background: transparent;}
#koko td {background: transparent;}

#tabor h4 {margin-left: 35px;}
#tabor img {margin: 10px 0 10px 35px; }