/*******************************
1. Reset
2. General layout
3. Menu settings
4. Block elements
5. Font settings
*******************************/


/* 1. Reset */
html, body, 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;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr.cleanner {
	clear: both;
	visibility: hidden;
	width:0;height:0;padding:0;margin:0;
}
/* 2. General layout */
body {
	background-color: #2F8991;
	color:black;
	font-family: "Trebuchet MS",Arial,Tahoma;
	font-size:14px;
}
#wrapper {
  width: 1000px;
  background: #2F8991 url('images/background-whitepaper.png') repeat-y top right;
}
#topic {
  width: 300px;
  float: left;
  min-height:1000px;
  background: #262626 url('images/main-stripe-picture.jpg') no-repeat top left;
}
#main {
  overflow:hidden;
  width:650px;
  float: left;
  /*background:white url('images/background-start.png') no-repeat top right;*/
}
#content {
  width:590;
  margin-left:30px;
  margin-right:30px;
  padding-top:20px;
  background-color:transparent;
}
#footer {
  color: #DFDFDF;
  width: 100%;
  height:123px;
  clear:both;
  background: #262626 url('images/background-footer.png') repeat-x;

}

/*******************************
5. Font settings
*******************************/
h1 {
  font-style: italic;
  font-weight: normal;
  font-size: 1.0em;
  color: white;
  margin: 30px;
  margin-top:0;
}
a {
  color:#EE7B38;
}
a:hover {
  color: #EE7B38;
  text-decoration:none;
}
h2 {
  text-transform:uppercase;
  font-size:1.6em;
  color:#EE7B38;
  padding-bottom:10px;
  padding-top:20px;
}
h2:first-child {
  padding-bottom:10px;
  padding-top:0px;
}
h3 {
  padding-top:10px;
  padding-bottom:15px;
  font-size:1.3em;
  color:#EE7B38;
}
h4 {
  padding-top:3px;
  padding-bottom:5px;
  font-size:1.1em;
  color:#EE7B38;
}
#refbox h4,#refbox a {
  color:#2F9183;
}
p.important {
  color:#EE7B38;
  padding-top:10px;
  padding-bottom: 15px;
  /*font-weight: bold;*/
}
strong, b {
  color: #444444;
}
#topic strong,#topic b {color:white;}
/*******************************
4. Block elements
*******************************/
#footer p {
  padding:20px;
  padding-top:30px;
  padding-bottom:0;
  line-height:1.8em;
}
#footer p a {
  padding-right:10px;
  padding-left:10px;
  color: white;
  text-decoration:none;
  font-size:1.1em;
}
#footer p > a:first-child {
  padding-left:0;
}
#footer p span.copyrights,#footer p span.copyrights a {
  font-size: 1em;
  color:#DFDFDF;
}
#footer p span.links,#footer p span.links a {
  font-size:0.8em;
  color:#797979;
}
#navigace {
  padding:8px;
  padding-left:10px;
  padding-right:10px;
  width:570px;
  margin-left:30px;
  margin-right:30px;
  font-size: 0.8em;
  color:#A4A4A4;
  background: #DCF0ED url('images/background-navigace.png') no-repeat bottom left;
  /*background-color:white;*/
}
#navigace a {
  color: #2F9183;
}
#main #content ul {
  padding-bottom:10px;
}
#main #content ul li {
  background: transparent url('images/list-icon.png') no-repeat 25px 12px;
  padding:5px;
  padding-left:50px;
}
#main #content p {
  padding-top:3px;
  padding-bottom:10px;
}
img.icons {vertical-align:bottom;}

#refbox {
  margin-left:10px;
  text-align:center;
  padding:10px;
  width:198px;
  float:right;
  background-color:#DCF0ED;
}
/*******************************
3. Menu settings
*******************************/

#menu {
  width:570px;
  height:49px;
  padding-left:10px;
  padding-right:10px;
  margin-left:30px;
  margin-right:30px;
  font-size: 1.4em;
  color:white;
  background: #F49C41 url('images/background-menu.png') repeat-x;
  border-bottom:1px solid #EE7B38;
}
#menu a {
  height:30px;
  display:block;
  float:left;
  margin-right:18px;
  padding:10px;
  color:white;
  text-decoration:none;
  background: transparent url('images/zebra.png') repeat-x top left;
  border-left:1px solid transparent;
  border-right:1px solid transparent;

}
#menu a:hover, #menu a.active {
  background-color:#DCF0ED;
  color: #2F9183;
  border-left:1px solid #EE7B38;
  border-right:1px solid #EE7B38;
}

#submenu {
  width:270px;
  height:300px;
  position:absolute;
  top:280px;
  left:30px;
}
#submenu a {
  display:block;
  width:230px;
  height: 30px;
  padding:10px;
  padding-right:30px;
  padding-bottom:0px;
  background: transparent url('images/submenu.png') repeat-y top right;
  text-decoration: none;
  font-size: 1.1em;
  color:#2F9183;
  font-weight:bold;
  text-align:right;
}
#submenu a.active, #submenu a:hover {
  /*background: transparent url('images/submenu-active.png') repeat-y top right;*/
  background: none;
  background-color:white;
  color:#EE7B38;
  
}
.thumb {
  float:left;
  width:172px;
  height:180px;
  padding:12px;
  padding-bottom:6px;
  text-align:center;
  background: transparent url('images/photoframe.png') no-repeat;
}
.thumb p {
  padding-top:5px;
  padding-bottom:5px;
}
.thumb a img {
  margin-bottom:5px;
}
.thumb a {
  font-size:0.8em;
  text-decoration:none;}

/*************************
Formuláře
*************************/
form.dotaz {
  margin:0;
  padding:0;
  background-color: #E9E9E9;
  width:560px;
  padding:15px;
  margin-top:30px;
  margin-bottom:15px;
}
form.dotaz .nadpis {
  font-size:1.4em;
  color:#777777;
}
form.dotaz .dotaztext {
  width: 350px;
  height:100px;
  padding-left:5px;padding-right:5px;
  float:left;
  border: 1px solid #DADADA;
  color:#ADADAD;
  font-family: "trebuchet ms", tahoma;
}
form.dotaz .dotazjmeno, form.dotaz .dotazeml {
  padding-left:5px;padding-right:5px;
  width: 165px;
  height:20px;
  margin-left:15px;
  margin-bottom:15px;
  border: 1px solid #DADADA;
  color:#ADADAD;
  font-family: "trebuchet ms", tahoma;
}
form.dotaz .btnodeslat {
  width: 90px;
  height: 25px;
  border:0;
  color:white;
  margin-left:15px;
  background: transparent url('images/button.png') no-repeat;
  font-family: "trebuchet ms", tahoma;
}
form.dotaz h2 {
  color:#777777;
}
form.dotaz p {
  color:#777777;
}
form.dotaz p span {
  color:#EE7B38;
  font-size: 1.2em;
  font-style:italic;
}
/*****************************
 *Katalog stránek
*****************************/
.f {padding-left:10px;padding-right:10px;float:left;width:120px;height:155px;text-align:center;overflow:hidden;}
.f img {border:0px;}
.f a {text-decoration:none;}
img.nobor {border:0;vertical-align:middle;}
.f span {color:#EE7B38;}

/*fieldset {border:#E9E9E9 solid 1px;margin:20px;}
legend {margin-left:20px;padding:7px;background-color:#3B54A8;border:black solid 1px;}*/
form.f {width:100%;height:100%;text-align:left;}
form.f label {margin:10px;text-align:right;padding:3px;float:left;display:block;width:150px;}
form.f input {margin:10px;width:250px; border:#E9E9E9 solid 1px;}
form.f input.odeslat {margin-bottom:5px;margin-top:0px;width: 75px;height:29px;display:block;border:0;background: transparent url('/images/button.jpg') no-repeat 0px 2px; padding-top:1px;color:white;}
form.f textarea {margin:10px;width:300px;height:70px;border:#E9E9E9 solid 1px;}
form.f select {margin:10px;border:#E9E9E9 solid 1px;}
form.f br {clear:both;}
form.f .help {padding-left:188px;width:370px;font-size:0.8em;padding-bottom:10px;}
.ok-status {width:500px;margin:10px;padding:10px;padding-top:20px;padding-bottom:20px;padding-left:50px;background:#25B900 url('/images/ok-status.png') no-repeat 10px center;color:white;font-size:1.2em;}
.bad-status {width:500px;margin:10px;padding:10px;padding-top:20px;padding-bottom:20px;padding-left:50px;background:#FF2222 url('/images/bad-status.png') no-repeat 10px center;color:white;font-size:1.2em;}