@charset "windows-1250";

body, p, ul, ol, div, a, img, h1, h2, h3, h4, h5, h6, hr, form, table, tr, td{
	margin: 0;
	padding: 0;
	border: none;
}

body, p, ul, ol, div, h1, h2, h3, h4, h5, h6, form, table, tr, td{
	line-height: 1.5em;
}

body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #565656;
	background-color: #000;
	padding-bottom: 30px;
	text-align: center;
}

p {margin-bottom: 1.5em;}
a {color: #565656; text-decoration: none; border-bottom: 1px solid #565656; }
a:hover {text-decoration: none; border-bottom: 1px dotted #565656; }

H1, H2, H3, H4, H5, H6 { color: #565656; margin-bottom: 0.4em;}
H1 {font-size: 1.8em; font-weight: bold;}
H2 {font-size: 1.5em; font-weight: bold;}
H3 {font-size: 1.4em; font-weight: bold;}
H4 {font-size: 1.3em; font-weight: bold;}
H5 {font-size: 1.2em; font-weight: bold;}
H6 {font-size: 1.1em; font-weight: normal;}

#main-container {
  width: 950px;
  margin: 0px auto;
  background: url('images/bg.gif') top repeat-x;
  text-align: left;
  height: 700px;
  /*min-height: 700px;*/
}

.bg {
  margin: 0 auto;
  padding: 0;
  background: url('images/bg-main.jpg') top left no-repeat;
  width: 100%;
}

.header {
  width: 100%;
  /*overflow: hidden;*/
  height: 145px;
  border: 0px solid blue;
  padding: 0px;
  margin: 0px;
  }
  
.content {
  width: 100%;
  padding-top: 0px;
  margin-top: 0px;
}

.footer {
  width: 100%;
  height: 30px;
  border: 0px solid green;
  text-align: right;
  margin-bottom: 30px;
}

.header {position: relative; border: 0px solid red;}
.header .right-top {
  float: right;
  width: 270px;
  /*overflow: hidden;*/
  border: 0px solid black;
  height: 146px;
  background: url('images/bg-form.gif') right bottom no-repeat;
}

/*.right-top div { background: url('images/logo-Octopus-CB-bez-textu.gif') center 5px no-repeat; }*/
.right-top p {padding-top: -15px;}

.header .left-top {
  float: left;
  width: 300px;
  /*overflow: hidden;*/
  padding: 40px 0px 0px 260px;
  border: 0px solid black;
  height: 102px;
}

.left-top > div { 
	position:absolute;
	top: 10px;
	right: 88px;
	}
.left-top > div > h1 {
	font-size: 24px; font-weight: normal; padding-bottom: 0px; margin: 0px; font-family: Tahoma;
}

.left-top .slogan { text-transform: capitalize;  padding-top: 0px; margin: 0px;}

.right-top #logo {
	background: url('images/logo-octopus-cb-160.png') center no-repeat;
	width: 160px;
	height: 172px;
	position: absolute;
	top: 2px;
	left: 300px;
}

#searchform { padding: 109px 0px 0px 60px; margin: 0;}
#searchform input {width: 135px;}
#searchform .submit {width: 50px;}

.right-block {
  xfloat: left;
  width: 698px;
  background-color: #FFF;
  margin: auto;
  margin-left: 252px;
 }

.left-block {
  width: 252px;
  float: left;
  border: 0px solid blue;
 }

.right-block-top {height: 26px; background: url('images/k-tl.gif') left top no-repeat;}
.right-block-bottom {height: 24px; background: url('images/k-bl.gif') left bottom no-repeat;}
.right-block-content {
  width: 100%;
  xheight: 750px;
  min-height: 750px;
  _min-height: 750px;
}
 
.rbc1 {
  width: 100%;
  height: 254px;
  text-align: center;
}

.rbc2 {
  width: 95%;
  height: 254px;
  border: 0px solid black;
  text-align: center;
  margin: auto;
  background: #F4F4F4;
  min-height: 254px;
}
 
.rbc2-top1 {
  width: 100%;
  height: 17px;
  background: url('images/k-tl2.gif') left top no-repeat;
}

.rbc2-top2 {
  width: 100%;
  height: 17px;
  background: url('images/k-tr2.gif') right top no-repeat;
}
 
.rbc2-btm1 {width: 100%; height: 17px; background: url('images/k-bl2.gif') left bottom no-repeat; }
.rbc2-btm2 {width: 100%; height: 17px; background: url('images/k-br2.gif') right bottom no-repeat; }
 
.menu {
  width: 100%;
  height: 220px;
  background: url('images/bg-line2.gif') 210px repeat-y;
  padding-left: 20px;
  text-align: left;
  /*overflow: hidden;*/
  min-height: 220px;
}
 

 .menu-box {
  width: 195px;
  float: left;
  height: 220px;
  min-height: 200px;
  border: 0px solid red;
  margin: 2px;
  position: relative;
 }
 
 .menu-box H2 {
  font-size: 1.1em;
  background: url('images/a3.gif') left 2px no-repeat;
  padding-left: 18px;
  border: 0px solid green;
 }
 
 .menu-box ul {padding-left: 18px; list-style-type: none;}
 .menu-box ul li {margin-bottom: 3px;}
 .menu-box ul li a {text-decoration: none; border-bottom: 0px;}
 .menu-box ul li a:hover {text-decoration: none; border-bottom: 1px solid #565656; }
 .menu-box ul li a.selected {border-bottom: 1px dotted #565656; text-decoration: none;}
 
 
.left-top-margin {
  margin-top: 505px;
  margin-left: 55px;
  margin-right: 0px;
 }
 
.clear {clear: both;}

.widget H2 { font-size: 1.2em; padding-top: 20px; color: #999; margin-top: 10px; background: url('images/a1.gif') left 25px no-repeat; padding-left: 25px; margin-left: -25px;}
.widget ul li { color: #999; list-style-type: none; line-weight: 1.8em; margin-bottom: 5px;}
.widget ul li a {border-bottom: 0px solid #E1E1E1; text-decoration:none; color: #999;}
.widget ul li a:hover {border-bottom: 1px dotted #E1E1E1;}

.top-menu-container {
  width: 100%;
  height: 200px;
  background-color: #F4F4F4;
}

.main-content {
  margin: 20px;
  min-height: 435px;
}
.main-content H1.title {padding-left: 17px; background: url('images/a3.gif') left 10px no-repeat; border-top: 1px dotted #565656;}
.main-content H2.title {padding-left: 17px; background: url('images/a3.gif') left 10px no-repeat; border-top: 1px dotted #565656;}
.main-content H3.title {padding-left: 17px; background: url('images/a3.gif') left 10px no-repeat; border-top: 1px dotted #565656;}
.main-content H4.title {padding-left: 16px; }
.main-content .date {text-align: right; font-size: 0.9em; margin-bottom: 1.5em;}
.main-content .intro {font-style:italic; font-size: 0.9em; margin-bottom: 1.5em; }
.main-content .intro:first-line { font-size: 1em; }
.main-content div .intro {padding-left: 16px; }

.text H1.title {padding-left: 17px; background: url('images/a3.gif') left 10px no-repeat; border-top: 1px dotted #565656;}
.text ul {padding-left: 20px; line-height: 1.3em; margin-bottom: 1em;}
.text ol {padding-left: 20px; margin-bottom: 1em;}

.topic H2 {margin-bottom: 0px; padding-bottom: 0px; font-size: 1.75em; background: url('images/a3.gif') right 8px no-repeat; padding-right: 17px; border-top: 1px dotted #565656;}
.topic H2 A {border-bottom: 1px dotted #565656;}
.topic H2 A:hover {border-bottom: 1px solid #565656; }
.topic .date { margin-top: 0px; font-size: 0.9em; text-align: left;}
.topic .text { margin-top: 5px;}

.meta .comments { }
.input-text, textarea { font-size: 12px; margin: 5px; padding: 5px; border: 1px solid #565656;}
.savebtn { padding: 2px; }
.comment-table tr td {vertical-align: top; text-align: left;}

.w100p {width: 100%; }
.w100 {width: 100px;}
.w200 {width: 200px;}
.w300 {width: 300px;}
.w400 {width: 400px;}


.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

#ilustracni-obrazek {
  padding-right:15px; 
  padding-bottom:15px; 
  float:left;
  width: 100px;
}
.boldred {font-weight:bold; color: #8A0808;}