body {
	padding: 0;
	margin: 0;
	padding-top: 1em;
	background: url(/img/bcg.jpg) repeat-x #000;
	/*background: url(/img/bcg_btm.gif) bottom repeat-x*/;
	color:#000;
	font-size: small;
	line-height: 1.3em;
  /*font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;*/
  font-family: Tahoma, Arial, Helvetica, lucida, sans-serif;
	text-align:left;
}

a, a:link, a:visited {
	color: #000;
	text-decoration: underline;
}
a:active, a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 1.2em;
}
p {
  margin: 0.5em 0 1em 0;
}
hr {
	border: none;
	border-top: solid 3px #000;
	width: 100%;
	margin: 1em auto 1em auto;
	clear: both;
	text-decoration: none;
}
ul {
  padding-left: 1.5em;
}
input {
  background-color: white;
  border: solid black 2px;
}
textarea {
	width: 100%;
	border: solid black 2px;
	background-color: white;
}

.hidden {
  display:none;
}

#okno {
  margin: 0 auto 0 auto;
  width:800px;
  border: 7px solid #fff;
  border-bottom: none;
  background:url("/img/bcg_m.png") right repeat-y #fff;
}
#mainPic {
	text-align:left;
	height:170px;
	margin:0;
	display: block;
  float: left;
}
.mainPicLink_1, .mainPicLink_2, .mainPicLink_3, .mainPicLink_4, .mainPicLink_5 {
	width: 650px;
	height: 170px;
	float: left;
}
.mainPicLink_1 {background:url("/img/head_1.jpg") no-repeat left top}
.mainPicLink_2 {background:url("/img/head_2.jpg") no-repeat left top}
.mainPicLink_3 {background:url("/img/head_3.jpg") no-repeat left top}
.mainPicLink_4 {background:url("/img/head_4.jpg") no-repeat left top}
#mainMenu {
  background:none;
	width: 150px;
	height: 170px;
	padding: 0;
  float: right;
  overflow: visible;
  display: block;
  background:url("/img/bcg_r.png") no-repeat right bottom #fff;
}
#mainMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mainMenu li  {
  float: left;
}
.mainMenuPic_1,.mainMenuPic_2,.mainMenuPic_3,.mainMenuPic_4, .mainMenuPic_1a,.mainMenuPic_2a,.mainMenuPic_3a,.mainMenuPic_4a {
  width: 150px;
  height: 37.5px;
  float: left;
  font-size: 0px;
}

a.mainMenuPic_1  {background:url("/img/menu_1.png") no-repeat;}
a.mainMenuPic_2  {background:url("/img/menu_2.png") no-repeat;}
a.mainMenuPic_3  {background:url("/img/menu_3.png") no-repeat;}
a.mainMenuPic_4  {background:url("/img/menu_4.png") no-repeat;}

a.mainMenuPic_1:hover, a.mainMenuPic_1a, a.mainMenuPic_1a:hover  {background:url("/img/menu_1.png") no-repeat; background-position: 0 -38px}
a.mainMenuPic_2:hover, a.mainMenuPic_2a, a.mainMenuPic_2a:hover  {background:url("/img/menu_2.png") no-repeat; background-position: 0 -38px}
a.mainMenuPic_3:hover, a.mainMenuPic_3a, a.mainMenuPic_3a:hover  {background:url("/img/menu_3.png") no-repeat; background-position: 0 -38px}
a.mainMenuPic_4:hover, a.mainMenuPic_4a, a.mainMenuPic_4a:hover  {background:url("/img/menu_4.png") no-repeat; background-position: 0 -38px}

/*** Hlavni okno ***/
#main {
  display: block;
  float: left;
  font-size: 0.9em;
  font-size: 1em;
 	text-align:left;
 	margin: 0;
 	width: 600px;
	padding: 20px;
	padding-top: 0;
	border: 3px solid #000;
	border-top: none;
	border-bottom: none;
	background:url("/img/bcg_k.png") no-repeat right top #fff;
}
#main h2  {
  background-color: #999;
  padding: 6px;
  margin-top: 25px;
  margin-bottom: 0;
  border: solid black 2px;
  font-style: italic;
  font-weight: normal;
  font-size: 1.4em;
  letter-spacing: 0.1em;
  background:url("/img/bcg_l.png") no-repeat right #999;
  clear: both;
}
#main h2.h2-blog  {background-color: #65B0C4;}
#main h2.h2-galerie   {background-color: #ff6666;}
#main h2.h2-pro   {background-color: #57AE00;}
#main h2.h2-ja    {background-color: #FFDF00;}
#main h2.h2-box    {background-color: #FFDF00;}
#main h2 a, #main h2 a:link, #main h2 a:visited {
  color: black;
	text-decoration: none;
}
#main h3 {
	margin-left: 0;
	margin-bottom: 0.5em;
	padding-left: 0;
	padding-top: 0.3em;
	font-size: 1.3em;
	text-indent: 0;
	border-top: solid 1px #000;
	clear: both;
}
#main h3 a {
	text-decoration: none;
	color: #000;
	border-bottom: solid 1px #ddd;
}
#main li {
  margin-top: 0;
  margin-bottom: 0;
}

/*** Hlavni okno - menu vpravo ***/
#menu {
  /*background:url("/img/bcg_m.png") repeat-y #000;*/
	color: #fff;
	/*border: 3px solid #000;*/
	border-top: none;
	width: 145px;
	margin: -1px 0 0 0;
	padding: 3px 0 10px 3px;
  float: right;
  overflow: visible;
  display: block;
  font-size: 0.8em;
  font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
}
.sidetab {
  color: #fff;
  margin-bottom: 1em;
	padding: 5px;
	font-size: 0.9em;
	line-height: 1.35em;
	letter-spacing: 0.02em;
	display: block;
	background-color: #333;
	border: 3px solid black;
	border-top: none;
}
.sidetab_head {
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	font-size: 0.95em;
	letter-spacing: 0.13em;
	line-height: 1.3em;
	margin: 0;
	background-color: #000;
	color: #000;
	border: 3px solid black;
	border-bottom: none;
}
#sidebar-blog .sidetab_head {background-color: #009AC4;}
#sidebar-galerie .sidetab_head {background-color: #ff3333;}
#sidebar-pro .sidetab_head {background-color: #57AE00;}
#sidebar-ja .sidetab_head {background-color: #FFDF00;}

.sidetab a:link, .sidetab a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}
.sidetab a:active, .sidetab a:hover {
	text-decoration: underline;
}
.sidetab ul {
	padding: 0;
	margin: 0;
}
.sidetab li {
	line-height: 1.5em;
	list-style-type: none;
	display: block;
	padding-bottom: 5px;
}
.sidetab span {
  font-weight:bold;
}
.sidetab input {
	background-color: black;
	color: white;
	border: solid 2px black;
	font-size: 1em;
	letter-spacing: 0.12em;
	font-family: "Verdana", "Tahoma", "Helvetica", Arial, lucida, sans-serif;
	width: 130px;
	padding-top: 1px;
}
.sidetab input#s {
  color: black;
	width: 120px;
	border-bottom: none;
	background-color: #ccc;
	font-size: 1.3em;
	padding: 3px;
	letter-spacing: 0.01em;
}
.sidetab img  {
  border:0;
  margin-right: 5px;
}

/****** Wordpress ******/
blockquote {
	padding: 4px 4px 4px 6px;
	margin-left: 20px;
	border-left: solid 10px #ddd;
	font-style: italic;
}
.storytitle {
	font-size: 2em;
	font-weight: normal;
	text-indent: 0;
	margin-bottom: 0.2em;
	color: #000;
	clear: both;
}
.storycontent {
	font-weight: normal;
	display: block;
}
.storycontent img {
	border: solid 5px #ddd;
	text-align: center;
}
.storycontent div img, img.noborder {
	border: none;
	text-align: center;
}

.story {
  font-style: italic;
}
.story a, .story a:link, .story a:visited {
	color: #006688;
	text-decoration: none;
}
.story a:active, .story a:hover {
	color: #006688;
	text-decoration: underline;
}

.gallery-center {
	text-align: center;
}
.meta-bottom {
  padding: 2px;
  font-size: 0.8em;
  background-color: black;
  color: white;
  text-align: center;
  width: 300px;
  margin-left: 280px;
  margin-top: -7px;
  margin-bottom: 1em;
}
.meta-bottom a, .meta-bottom  a:link, .meta-bottom a:visited {color: white; text-decoration: none;}
.meta-bottom a:active, .meta-bottom a:hover {color: white; text-decoration: none;}

.paging {
  border-top: solid black 3px;
  padding-top: 3px;
  text-align: center;
  letter-spacing: 2px;
}

/*** Paticka ***/
#foot {
  width: 814px;
  height: 30px;
  margin: 0 auto 0 auto;
	background:url("/img/bcg_b.png") no-repeat top #fff;
	margin-bottom: 100px;
}
/****** Jednorazovky ******/
.clear {
	clear: both;
}
.left {
	display: block;
	float: left;
	margin: 5px 10px 5px 0;
	text-indent: 0;
}
.right {
	display: block;
	float: right;
	margin: 5px 0 5px 5px;
}
.help {
	cursor: help;
	border-bottom: 1px dashed black;
}

.projektyLeft {
	display: block;
	float: left;
	margin: 5px 10px 5px 0;
	text-indent: 0;
	width: 200px;
	text-align: center;
}
.projektyRight {
	display: block;
	margin-left: 210px;
	padding-left: 5px;
	border-left: 1px dotted #ccc;
}


/*** Rudy a zeleny ***/
#sloupekL {
	width: 280px;
	height: 24em;
	float: left;
	overflow: visible;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 10px;
	padding-top: 5px;
	/*background-color: #eeffee;*/
}
#sloupekL h3  {
  color: white;
  background-color: #2B662C;
  padding: 3px 0 5px 10px;
  border: solid black 2px;
}
#sloupekR {
	width: 279px;
	height: 20em;
	float: right;
	overflow: visible;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 10px;
	padding-top: 5px;
	border-left: solid 1px black;
	list-style-type: square;
}
#sloupekR h3  {
  color: white;
  background-color: #cc3333;
  padding: 3px 10px 5px 0;
  border: solid black 2px;
  text-align: right;
}
#sloupekL li, #sloupekR li {
	list-style-type: square;
}

div.quote {
	margin-top: -2em;
	margin-bottom: -0.8em;
	color: #555;
	letter-spacing: 0.02em;
	font-size: 88%;
	text-align: right;
}

.disclaimer {
  margin: 0 auto 2em auto;
  border: dashed 1px #B5992E;
  padding: 0.4em;
  background-color: #FFDF2F;
  font-size: 80%;
  width: 78%;
}

a.tooltip1 span,a.tooltip2 span,a.tooltip3 span,a.tooltip4 span {
  display:none;
  padding:8px;
  margin-top:150px;
  width:300px;
  line-height:1em;
  text-decoration:none;
}
a.tooltip1:hover span,a.tooltip2:hover span,a.tooltip3:hover span,a.tooltip4:hover span{
  display:inline;
  position:absolute;
  background:#ffffff;
  border:1px solid #000;
  color:#000;
  text-decoration:none;
}
@-moz-document url-prefix() {
a.tooltip1:hover span{
  margin-left:-600px;
}
a.tooltip2:hover span{
  margin-left:-450px;
}
a.tooltip3:hover span{
  margin-left:-300px;
}
a.tooltip4:hover span{
  margin-left:-150px;
}
}