/* CSS Document */
body {
  background-color: #FFFFFF;
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
  font-family: arial;
  font-size: 12px;
  text-align: center;
}
body#front {
  background-image: url(images/body-front-bck.jpg);
}
body#basic {
  background-image: url(images/body-basic-bck.png);
}


img {
  border: none;
}

a {
  text-decoration: none;
  color: #00765d;
}


.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
}
.underline {
  text-decoration: underline;
}

.uppercase {
  text-transform: uppercase;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.underline {
  text-decoration: underline;
}

.reg {
  font-size: 10px;
}

.req {
  font-weight: bold;
}
.red {
  color: red;
}
.err {
  font-weight: bold;
  color: red;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.hidden  {
  display: none;
}

.width50pc {
  width: 50%;
}
.width33pc {
  width: 33%;
}
.width20px {
  width: 20px;
}
.width50px {
  width: 50px;
}
.width60px {
  width: 60px;
}
.width70px {
  width: 70px;
}
.width80px {
  width: 80px;
}
.width90px {
  width: 90px;
}
.width100px {
  width: 100px;
}
.width110px {
  width: 110px;
}
.width120px {
  width: 120px;
}
.width130px {
  width: 130px;
}
.width140px {
  width: 140px;
}
.width150px {
  width: 150px;
}
.width160px {
  width: 160px;
}
.width170px {
  width: 170px;
}
.width180px {
  width: 180px;
}
.width190px {
  width: 190px;
}
.width200px {
  width: 200px;
}
.width230px {
  width: 230px;
}
.width250px {
  width: 250px;
}
.width270px {
  width: 270px;
}
.width290px {
  width: 290px;
}
.width300px {
  width: 300px;
}
.width310px {
  width: 310px;
}
.width350px {
  width: 350px;
}
.width450px {
  width: 450px;
}


div#main {
  width: 970px;
  margin: auto;
  margin-top: 0px;
  padding-top: 0px;
  text-align: center;
  /*border: solid 1px yellow;*/
}

div#languages-block {
  height: 30px;
  text-align: right;
  color: #ffffff;
  margin-top: 13px;
  width: 960px;
  /*border: solid 1px red;*/
}
div#languages-block span.language-item {
  padding: 0px 5px 0px 5px;
}
div#languages-block span.language-item a {
  color: #ffffff;
}

div#header-block {
  width: 960px;
  height: 108px;
  background-color: #ffffff;
  margin: auto;
  text-align: left;
}
div#header-block div.logo-box {
  width: 283px;
  height: 100%;
  float: left;
}
div.logo-box div.logo {
  position: relative;
  top: 25px;
  left: 35px;
}


div#header-block div.middle-box {
  border-left: solid 1px #C0DDD6;
  border-right: solid 1px #C0DDD6;
  width: 490px;
  height: 65px;
  float: left;
  margin-top: 23px;
  color: #00765d;
  font-size: 14px;
}
div.middle-box div.text {
  position: relative;
  top: 15px;
  left: 40px;
}
div#header-block div.contact-box {
  width: 150px;
  height: 100%;
  float: left;
}
div.contact-box div.text {
  position: relative;
  top: 30px;
  left: 20px;
}


div#menu-block {
  width: 100%;
  height: 65px;
  background-image: url(images/top-menu-shadow-bck.png);
  background-position: top left;
  background-repeat: no-repeat;
  margin: auto;
  text-align: center;
  
}
div#menu-block a {
  color: #000000;
}

div#menu-block div.top-menu-frame {
  width: 945px;
  %width: 960px;
  height: 39px;
  background-image: url(images/top-menu-orange-bck.png);
  background-repeat: repeat-x;
  background-position: top left;
  position: relative;
  top: 12px;
  padding-left: 15px;
  margin: auto;
  text-align: left;
}
div#menu-block ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 13px;
  height: 38px;
  width: 700px;
}

div#menu-block li.top-menu-item,
li.top-menu-item-selected {
  display: inline;
  height: 38px;
  padding: 11px 0px 11px 0px;
  position: relative;
  top: 11px;
  z-index: 0px;
}
div#menu-block li.top-menu-item-selected a:hover {
  text-decoration: underline;
}
div#menu-block li.top-menu-item-selected {
  /*background-color: #ffffff;*/
}

li.border {
  background-image: url(images/top-menu-items-separator.png);
  background-position: top right;
  background-repeat: no-repeat;
  width: 3px;
  height: 38px;
  display: inline-block;
  %display: inline;
  
}

div#menu-block div.top-menu-frame img.new-ico {
  position: relative;
  float: right;
  right: -19px;
  
}

div#menu-block div.selected-arrow {
  position: absolute;
  top: 38px;
  left: 1px;
  text-align: center;
  width: 100%;
  %width: 100px;
}

div#menu-block div.h1 {
  margin: 0px;
  padding: 0px;
  display: inline;
  font-size: 13px;
  padding-left: 15px;
  padding-right: 15px;
}

div#menu-block div.top-submenu-frame-off, div.top-submenu-frame-on {
  position: absolute;
  top: 38px;
  left: -2px;
  padding: 20px 18px 18px 18px;
  z-index: 100;
  border-left: solid 1px #2C7F6D;
  border-right: solid 1px #2C7F6D;
  background-color: #00765D;
  background-image: url(images/top-menu-submenu-bck.png);
  background-repeat: repeat-x;
}
div#menu-block div.top-submenu-frame-off {
  display: none;
}

div#menu-block div.top-submenu-frame-on {
  display: block;
}
div#menu-block img.tree {
  position: relative; top: 3px;
}

div#menu-block h2 {
  margin: 0px;
  padding: 5px 0px 5px 0px;
  /*width: 150px;*/
  font-size: 13px;
  border-bottom: solid #2C7F6D 1px;
  z-index: 0;
}
div#menu-block h2.extra {
  /*background-color: #FFE786;*/
  padding: 0px 10px 2px 5px;
  color: #FFFFFF;
  font-weight: bold;
  font-style: italic;
}
div#menu-block h2 a {
  color: #ffffff;
  font-weight: normal;
}
div#menu-block h2 a:hover {
  font-weight: bold;
}

div#menu-block div.searching-frame {
  float: right;
  width: 230px;
  /*border: solid 1px red;*/
  position: relative;
  height: 38px;
}
div#menu-block div.searching-frame input.searching-input {
  border: solid 1px #00765d;
  border-top: solid 2px #00765d;
  float: left;
  position: relative;
  top: 7px;
  height: 19px;
  width: 170px;
}

div#menu-block div.searching-frame input.searching-button {
  position: relative;
  top: 4px;
  float: left;
}

div#menu-block form {
  margin: 0px;
}


div#index-submenu-block {
  width: 100%;
  height: 459px;
  margin: auto;
  text-align: left;
  padding-top: 5px;
  /*border: solid 1px red;*/
  text-align: center;
}
div#index-submenu-block table {
  width: 960px;
  height: 455px;
  margin: auto;
  %text-align: center;
}
div#index-submenu-block table td.top-row, div#index-submenu-block table td.bottom-row {
  width: 192px;
  height: 226px;
  background-position: top left;
}
div#index-submenu-block table td {
  vertical-align: middle;
}
div#index-submenu-block table td.top-row {
  background-image: url(images/index-submenu-item-top-row-bck.png);
  background-repeat: no-repeat;
}
div#index-submenu-block table td.bottom-row {
  background-image: url(images/index-submenu-item-bottom-row-bck.png);
  background-repeat: no-repeat;
}
div#index-submenu-block table td div.content {
  background-color: #FFFFFF;
  width: 185px;
  height: 218px;
  margin: auto;
  text-align: left;
}
div#index-submenu-block table td div.content div.image {
  width: 100%;
  height: 98px;
}
div#index-submenu-block table td div.content div.title {
  width: 100%;
  height: 26px;
  background-image: url(images/index-submenu-green-stripe.png);
  background-position: top left;
  background-repeat: repeat-x;
}
div#index-submenu-block h2 {
  font-weight: bold;
  font-size: 13px;
  left: 15px;
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  margin-left: 15px;
}
div#index-submenu-block h2 a {
  color: #ffffff;
}
div#index-submenu-block h2 a:hover {
  text-decoration: underline;
}

div#index-submenu-block table td div.content div.items {
  background-color: #EBEBEB;
  width: 100%;
  height: 60px;
  font-size: 12px;
  padding-top: 10px;
}
div#index-submenu-block table td div.content div.items div,
div#index-submenu-block table td div.content div.hide-items-on div {
  padding-left: 15px;
}
div#index-submenu-block table td div.content div.items div a:hover,
div#index-submenu-block table td div.content div.hide-items-on div a:hover {
  font-weight: bold;
  text-decoration: underline;
}

div.hide-items-off,div.hide-items-on {
  background-color: #EBEBEB;
  width: 185px;
  min-height: 74px;
  font-size: 12px;
  padding-top: 10px;
  position: absolute;
  z-index: 100;
  border-bottom: solid 1px #505050;
}
div.hide-items-on {
  display: block;
}
div.hide-items-off {
  display: none;
}
div.hide-items-on-padding {
  background-color: #ffffff;
  height: 25px;
  width: 170px;
}

div#index-submenu-block table td div.content div.bottom {
  font-size: 14px;
  position: relative;
  top: 5px;
  left: 15px;
  z-index: 1;
}
div#index-submenu-block table td div.content div.bottom a {
  font-weight: bold;
  z-index: 1;
}

div#index-content-block {
  width: 960px;
  padding: 5px;
  background-color: #ffffff;
  margin-top: 13px;
}
div#index-content-block div.left-col {
  width: 380px;
  background-color: #EEEEEE;
  float: left;
}
div#index-content-block div.left-col div.index-banner {
  margin-top: 15px;
}
div#index-content-block div.left-col div.bottom {
  margin-bottom: 15px;
}
div#index-content-block div.left-col div.certifikaty {
  margin: auto;
  width: 350px;
  margin-top: 10px;
  margin-bottom: 20px;
}
div#index-content-block div.left-col div.padding {
  height: 10px;
  width: 100%;
  background-color: #ffffff;
}
div#index-content-block div.right-col {
  width: 570px;
  %width: 560px;
  background-color: #EEEEEE;
  float: right;
}
div#index-content-block div.title,
div#content-block div.title
{
  background-image: url(images/index-content-title-bck.png);
  background-repeat: repeat-x;
  background-position: top left;
  width: 100%;
  height: 56px;
  text-align: left;
}
div#content-block div.title img.printer-icon {
  float: right;
  position: relative;
  top: -10px;
  right: 20px;
}
div#content-block div.title div.new-ico {
  background-image: url(images/new-ico-transparent-bck.png);
  width: 45px;
  height: 16px;
  float: right;
  position: relative;
  right: 10px;
  top: 5px;
}
div#index-content-block div.title h3,
div#content-block div.title h3
 {
  position: relative;
  margin: 0px; 
  padding: 0px;
  top: 25px;
  left: 20px;
  font-size: 17px;
  font-weight: bold;
  z-index: 0px;
}

div#index-content-block div.right-col div.news-frame {
  background-color: #EDEDED;
  text-align: left;
  padding: 8px 8px 8px 8px;
  border-bottom: solid 1px #D8D8D8;
}
div#index-content-block div.right-col div.news-frame div.picture-box {
 
}
div#index-content-block div.right-col div.news-frame div.text-box {
  width: 380px;
  margin-right: 8px;
  padding-top: 5px;
}
div#index-content-block div.right-col div.news-frame div.text-box div.datum {
  width: 100%;
}
div#index-content-block div.right-col div.news-frame div.text-box div.nadpis {
  width: 100%;
/*  border: solid 1px red;*/
}
div#index-content-block div.right-col div.news-frame div.link {
  width: 100%;
  text-align: left;
  padding-bottom: 20px;
  padding-top: 20px;
}

table.picture-frame {
}
div#content-block table.picture-frame {
  
}
div#content-block table.picture-frame-margin10px {
  margin: 10px;
}

table.picture-frame td.corner-left-top {
  width: 10px;
  height: 10px;
  background-image: url(images/picture-border-left-top-corner.png);
  background-repeat: no-repeat;
}
table.picture-frame td.corner-left-bottom {
  width: 10px;
  height: 10px;
  background-image: url(images/picture-border-left-bottom-corner.png);
  background-repeat: no-repeat;
}
table.picture-frame td.corner-right-top {
  width: 10px;
  height: 10px;
  background-image: url(images/picture-border-right-top-corner.png);
  background-repeat: no-repeat;
}
table.picture-frame td.corner-right-bottom {
  width: 10px;
  height: 10px;
  background-image: url(images/picture-border-right-bottom-corner.png);
  background-repeat: no-repeat;
}
table.picture-frame td.edge-top {
  height: 10px;
  background-image: url(images/picture-border-edge-top.png);
  background-repeat: repeat-x;
}
table.picture-frame td.edge-bottom {
  height: 10px;
  background-image: url(images/picture-border-edge-bottom.png);
  background-repeat: repeat-x;
}
table.picture-frame td.edge-left {
  width: 10px;
  background-image: url(images/picture-border-edge-left.png);
  background-repeat: repeat-y;
}
table.picture-frame td.edge-right {
  width: 10px;
  background-image: url(images/picture-border-edge-right.png);
  background-repeat: repeat-y;
}
table.picture-frame td.image {
  background-color: #ffffff;
  text-align: center;
  margin: 0px; 
  padding: 0px; 
}


div#navigation-block {
  width: 100%;
  height: 35px;
  text-align: left;
  color: #ffffff;
  padding-top: 13px;
  font-size: 13px;
  padding-left: 5px;
}
div#navigation-block a {
  color: #ffffff;
}

/* BLOK OBSAHU */
div#content-block {
  width: 100%;
}

div#content-block .defedit {
  border: 1px solid #D0D0D0;
}
div#content-block .defedit-red {
  border: 1px solid red;
}
div#content-block .defbutton{
  border: 1px solid #D0D0D0;
}
div#content-block .max {
  width: 100%;
}
div#content-block div.error-frame {
  border: solid 1px red;
  background-color: #FFF0F0;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-top: 8px;
}
div#content-block div.success-frame {
  border: solid 1px #017664;
  background-color: #7CB8AC;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-top: 8px;
}

/* BLOK OBSAHU - PRAVY SLOUPEC */

div#content-block div.left-col {
  width: 225px;
  float: left;
  /*border: solid 1px pink;*/
  margin-top: 15px;
  padding-top: 20px;
}
div#content-block div.left-col h2,
div#content-block div.left-col h3 {
  margin: 0px;
  padding: 0px;
  font-size: 13px;
}
div#content-block div.left-col ul.menu,
div#content-block div.left-col ul.submenu {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: left;
}
div#content-block div.left-col ul.menu li {
  padding: 5px 0px 5px 0px;
}
div#content-block div.left-col ul.menu li.okraj {
  border-bottom: solid 1px #E3E3E3;
}
div#content-block div.left-col ul.menu li.off {
   
}
div#content-block div.left-col ul.menu li.on a {
  color: #000000;
}
div#content-block div.left-col ul.menu li.off a:hover {
   font-weight: bold;
}

div#content-block div.left-col ul.submenu li {
  border-bottom: none;
  font-weight: normal;
  padding-left: 20px;
  /*text-transform: uppercase;*/
}
div#content-block div.left-col ul.submenu a {
  font-weight: normal;
}


div#content-block div.left-col ul.submenu li.on a {
  color: #000000;
  text-decoration: underline;
}
div#content-block div.left-col ul.submenu li.off a {
  color: #00765D;
}

div#content-block div.left-col div.banners {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 50px;
}

div#content-block div.left-col div.banners div#banner01,
div#content-block div.left-col div.banners div#banner02 {
  width: 100%;
  margin-top: 1px;
}

/* mapa v referencich */
div#content-block div.left-col div#mapa-frame-cr,
div#content-block div.left-col div#mapa-frame-sk{
}

div#content-block div.left-col div#mapa-frame-cr div#mapa-mapa-cr {
  background-image: url(images/mapa-cr.png);
  width: 210px;
  height: 158px;
  background-repeat: no-repeat;
}
div#content-block div.left-col div#mapa-frame-sk div#mapa-mapa-sk {
  background-image: url(images/mapa-sr.png);
  width: 230px;
  height: 156px;
  background-repeat: no-repeat;
}

div#content-block div.left-col div.mapa-kraj {
  background-image: url(images/mapa-nazev-kraje-bck.png);
  background-repeat: no-repeat;
  width: 219px;
  height: 36px;
  padding-top: 8px;
}
div#content-block div.left-col div.mapa-kraj div#kraj-title {

}
div#content-block div.left-col select.defedit {
  border-top: solid 2px #CFCFCF;
  border-left: solid 1px #CFCFCF;
  border-right: solid 1px #CFCFCF;
  border-bottom: solid 1px #CFCFCF;
  width: 100%;
  margin-bottom: 10px;
}

/* BLOK OBSAHU - PRAVY SLOUPEC */
div#content-block div.right-col {
  width: 725px;
  border: 5px solid #ffffff;
  float: right;
  background-color: #EEEEEE;
}

div#content-block div.right-col div.content {
  border-bottom: solid 1px #D0D0D0;
  background-color: #EBEBEB;
  text-align: left;
  padding: 8px 20px 10px 20px;
  /*border: solid 1px red;*/
}

div#content-block div.right-col div.content h4 {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  padding: 5px 5px 5px 0px;
  font-size: 13px;
}

div#content-block div.right-col div.content h5 {
  margin: 0px;
  padding: 0px; 
  font-weight: bold;
  width: 100%;
  text-decoration: underline;
  font-size: 12px;
}

div#content-block div.right-col div.content .text {
  text-align: justify;
  padding: 0px;
  margin-top: 8px;
  margin-bottom: 10px;
  line-height: 20px;
}
div#content-block div.right-col div.content ul li {
  line-height: 20px;
}

div#content-block div.right-col div.content .top {
  padding-top: 10px;
  padding-bottom: 10px;
}

div#content-block div.padding300px {
  width: 100%;
  height: 300px;
}

div#content-block div.padding200px {
  width: 100%;
  height: 200px;
}
div#content-block div.padding100px {
  width: 100%;
  height: 100px;
}
div#content-block div.padding70px {
  width: 100%;
  height: 70px;
}
div#content-block div.padding60px {
  width: 100%;
  height: 60px;
}
div#content-block div.padding50px {
  width: 100%;
  height: 50px;
}
div#content-block div.padding30px {
  width: 100%;
  height: 30px;
}
div#content-block div.padding20px {
  width: 100%;
  height: 20px;
}
div#content-block div.padding10px {
  width: 100%;
  height: 10px;
}
div#content-block div.padding5px {
  width: 100%;
  height: 5px;
}


div#content-block div.right-col div.loading-animation {
  text-align: center;
  padding-top: 50px;
  width: 100%;
  height: 300px;
}

div#content-block div.right-col div.content span.file-size {
  color: gray;
  font-size: 10px;
}



/* obecne k tabulkam */
div#content-block div.right-col div.content table td.valign-top {
  vertical-align: top;
}
div#content-block div.right-col div.content table td.valign-middle {
  vertical-align: middle;
}



div#content-block div.right-col div.content table.float-left {
  float: left;
  margin-left: 15px;
}

div#content-block div.right-col div.content table.common {
  border-top: solid 1px #F7F7F7;
  border-left: solid 1px #F7F7F7;
}

div#content-block div.right-col div.content table.common tr.head {
  background-color: #D8D8D8;
}
div#content-block div.right-col div.content table.common tr.row1 {

}
div#content-block div.right-col div.content table.common tr.row2 {
  background-color: #E6E6E6;
}
div#content-block div.right-col div.content table.common .lower-text {
  font-size: 11px;
}
div#content-block div.right-col div.content table.common td {
  border-bottom: solid 1px #F7F7F7;
  border-right: solid 1px #F7F7F7;
}
div#content-block div.right-col div.content table td.border {
  border: solid 1px #F7F7F7;
}

/* tech.spec */
div#content-block div.right-col div.content table.techspec {
  font-size: 12px;
  width: 100%;
  margin-left: 0px;
}
div#content-block div.right-col div.content table.techspec td.top {
  border-top: solid 1px #D0D0D0;
}
div#content-block div.right-col div.content table.techspec td {
 border-bottom: solid 1px #D0D0D0;
 padding: 5px 0px 5px 5px;
}
/* end */

/* vhodne pro systemy */
div#content-block div.right-col div.content div.suitable-for-frame {
  padding-left: 0px;
}
div#content-block div.right-col div.content h4.suitable-for-title {
  width: 500px;
  padding: 10px 0px 10px 0px;
}
div#content-block div.right-col div.content div.suitable-for-item-off,
div#content-block div.right-col div.content div.suitable-for-item-on {
  margin-right: 4px;
  margin-bottom: 5px;
  float: left;
  width: 166px;
  height: 39px;
  background-repeat: no-repeat;
  cursor: pointer;
}
div#content-block div.right-col div.content div.suitable-for-item-on {
  background-image: url(images/suitable-for-system-bck-on.png);
}
div#content-block div.right-col div.content div.suitable-for-item-off {
  background-image: url(images/suitable-for-system-bck-off.png);
}
div#content-block div.right-col div.content div.suitable-for-item-on a,
div#content-block div.right-col div.content div.suitable-for-item-off a {
  position:relative;
  top: 13px;
  left: 13px;
}
div#content-block div.right-col div.content div.suitable-for-item-on a {
  color: #ffffff;
}
/* end */

/* desky */
div#content-block div.right-col div.desky-picture-frame {
  float: left;
  margin: 0px 8px 0px 0px;
}
/* end */

/* stazeni pdfka o desce */
div#content-block div.right-col div.downdload-frame {
  border: solid 1px #ffffff;
  text-align: center;
  width: 725px;
  margin-top: 20px;
  margin-left: -20px;
  padding-top: 10px;

}
div#content-block div.right-col div.downdload-frame div {
  margin-bottom: 8px;
}
/* end */

/* reference */
div#referencesContainer div.references-item {
  margin-bottom: 20px;
  border-bottom: 1px solid #D8D8D8;
}

div#referencesContainer div.references-item div.text-block {
  float: left;
  width: 540px;
}
div#referencesContainer div.references-item div.preview-image {
  float: left;
  width: 140px;
  text-align: center;
}
div#content-block div.references-item table.picture-frame {
  margin: 0px 0px 0px 0px;
  float: none;
  margin: auto;
}
div#referencesContainer div.references-item div.text-block div.gallery {
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}
div#referencesContainer div.references-item div.text-block div.gallery-item {
  float: left;
  margin: 0px;
}
/* end */

/* faq */

div#content-block div.right-col div.content div.faq-header {
  width: 715px;
  height: 43px;
  padding-left: 10px;
  margin-left: -20px;
  margin-right: -20px;
  background-image: url(images/faq-horizontal-shadow.png);
  background-repeat: repeat-x;
  background-position: left top;
}
div#content-block div.right-col div.content div.faq-header h3 {
  margin-top: 17px;
  font-size: 13px;
}
div#content-block div.right-col div.content div.faq-header div.faq-header-item-on,
div#content-block div.right-col div.content div.faq-header div.faq-header-item-off {
  width: 150px;
  height: 43px;
  float: left;
  margin-left: 5px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
div#content-block div.right-col div.content div.faq-header div.faq-header-item-on {
  background-image: url(images/faq-header-item-on.png);
  background-repeat: no-repeat;
}
div#content-block div.right-col div.content div.faq-header div.faq-header-item-off {
  background-image: url(images/faq-header-item-off.png);
  background-repeat: no-repeat;
}
div#content-block div.right-col div.content div.faq-text {
  margin-left: 20px;
  margin-bottom: 10px;
}
div#content-block div.right-col div.content div.faq-text div.faq-relevant-link {
  padding-top: 10px;
}

/* end */

/* diskuze */
div.discussion-frame {

}
tr#field10, tr#field11, tr#field12 {
  display: none;
}
div.discussion-frame h5 {
  padding-bottom: 15px;
  text-decoration: none;
}
div.discussion-frame h5 a {
  text-decoration: none;
}

div.discussion-frame p.text {
  margin-left: 8px;
}
div.discussion-frame div.answer-button {
  width: 100%;
  text-align: right;
  margin-bottom: 15px;
  border-bottom: solid 1px #D3D3D3;
}
div.discussion-frame div.new-answer {
  background-image: url(images/suitable-for-system-bck-on.png);
  width: 166px;
  height: 29px;
  padding-top: 12px;
  float: right;
}
div.discussion-frame div.new-answer a {
  color: #ffffff;
  font-size: 15px;
  display: block;
  margin-left: 15px;
}


/* soubory ke stazeni, faq a diskuze */
div#content-block div.right-col div.download-files div.category-frame-off,
div#content-block div.right-col div.faq-discussion div.category-frame-off,
div#content-block div.right-col div.pricelist div.category-frame-off {
   padding-left: 10px;
   border-bottom: solid 1px #D3D3D3;
}
div#content-block div.right-col div.download-files div.category-frame-on,
div#content-block div.right-col div.faq-discussion div.category-frame-on,
div#content-block div.right-col div.pricelist div.category-frame-on {
  background-color: #F5F5F5;
  padding-left: 10px;
  border-bottom: solid 1px #D3D3D3;
}

div#content-block div.right-col div.download-files div.title-frame,
div#content-block div.right-col div.faq-discussion div.title-frame,
div#content-block div.right-col div.pricelist div.title-frame {
  padding: 4px 0px 0px 8px;
  margin-bottom: 5px;
  font-weight: normal;
  /*border: solid 1px red;*/
}

div#content-block div.right-col div.download-files h4,
div#content-block div.right-col div.faq-discussion h4,
div#content-block div.right-col div.pricelist h4 {
  margin-left:8px;
  font-weight: normal;
  padding: 0px;
  /*border: solid 1px red;*/
}

div#content-block div.right-col div.download-files img,
div#content-block div.right-col div.faq-discussion img,
div#content-block div.right-col div.pricelist img {
  position: relative;
  top: 0px;
}

div#content-block div.right-col div.download-files img.file-type-icon,
div#content-block div.right-col div.pricelist img.file-type-icon,
div#content-block div.right-col div.faq-discussion img.file-type-icon {
  position: relative;
  top: 4px;
  margin-right: 5px;
}
div#content-block div.right-col div.download-files ul,
div#content-block div.right-col div.faq-discussion ul,
div#content-block div.right-col div.pricelist ul {
  margin: 0px;
  padding-left: 25px;
  padding-bottom: 10px;
}
div#content-block div.right-col div.download-files ul li,
div#content-block div.right-col div.faq-discussion ul li,
div#content-block div.right-col div.pricelist ul li{
  list-style-type: none;
  padding-bottom: 5px;
}
div#content-block div.right-col div.download-files div.file-frame,
div#content-block div.right-col div.faq-discussion div.file-frame,
div#content-block div.right-col div.pricelist div.file-frame {
  margin-left: 10px;
}

/* end */

/* montazni firmy */
div#content-block div.right-col div.content h4.montazni-firmy-title {
  font-size: 14px;
  padding: 10px 0px 10px 0px;
}

/* kontakty, prodejni mista, montazni firmy */
div#content-block div.right-col div.content table.kontakt {
  width: 100%;
  margin-left: 0px;
}

div#content-block div.right-col div.content table.kontakt tr.head {
  font-weight: bold;
}
div#content-block div.right-col div.content table.kontakt td.funkce {
 font-size: 14px;
 padding: 7px 0px 0px 0px;
}
div#content-block div.right-col div.content table.kontakt td.jmeno {
 font-size: 14px;
}
div#content-block div.right-col div.content table.kontakt td.mapa {
 padding-right: 15px;;
}
div#content-block div.right-col div.content table.kontakt td.top {
 border-top: solid 1px #D0D0D0;
}
div#content-block div.right-col div.content table.kontakt td.bottom {
 border-bottom: solid 1px #D0D0D0;
}
div#content-block div.right-col div.content table.kontakt td.bottom-bold {
  border-bottom: solid 2px #909090;
}
div#content-block div.right-col div.content table.kontakt td {
 padding: 1px 0px 1px 0px;
 font-size: 11px;
}
/* end */

/* skoleni */
td.skoleni-box {
  width: 180px;
  height: 55px;
  vertical-align: middle;
  background-color: #F5F5F5;
}
/* end */

div.cleaner {
  height: 0px;
  clear: both;
}

/* navrhovani podah */

div.floor-design-progress-bar-frame {
  margin-top: 15px;
}
div.floor-design-progress-bar-frame div.step-left,
div.floor-design-progress-bar-frame div.step-right {
  width: 20px;
  height: 120px;
  float: left;
  padding-top: 5px;
}
div.floor-design-progress-bar-frame div.step-left img,
div.floor-design-progress-bar-frame div.step-right img {
  cursor: pointer;
}
div.floor-design-progress-bar-frame div.step-left {
  text-align: left;
}
div.floor-design-progress-bar-frame div.step-right {
  text-align: right;
}

div.floor-design-progress-bar-frame div.item {
  width: 107px;
  height: 180px;
  text-align: center;
  float: left;
  padding-bottom: 5px;
  margin: 0px;
}

div.floor-design-progress-bar-frame div.item div.selected {
  background-image: url(pagedata/navrhovani-podlah/selected-bck.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 125px;
}

div.floor-design-progress-bar-frame div.item div.desc {
  width: 100%;
  text-align: center;
  
}

div.floor-design-progress-bar-frame div.item img {
  margin: auto;
  margin-top: 13px;
  margin-bottom: 5px;
}

div.floor-design-progress-bar-frame div.item div.floor-design-title {
  padding-top: 5px;
}


div.floor-design-posibilities-frame {
  background-image: url(images/floor-design-shadow-line.png);
  background-position: left top;
  background-repeat: repeat-x;
  position: relative;
  left: -20px;
  width: 705px;
  padding-top: 10px;
  padding-left: 20px;
}
div.floor-design-posibilities-frame div.item {
  width: 100px;
  text-align: center;
  float: left;
  margin-right: 10px;
  margin-top: 15px;
}
div.floor-design-posibilities-frame div.item img {
  margin: auto;
  cursor: pointer;
}

div.floor-design-posibilities-description {
  border-top: solid 1px gray;
  margin-top: 10px;
  padding-top: 10px;
}

/* FOOTER */
div#footer{
  width: 100%;
  height: 44px;
  background-image: url(images/footer-bck.png);
  background-position: top left;
  background-repeat: repeat-x;
  margin-top: 10px;
  text-align: center;
}

div#footer div.menu {
  width: 960px;
  border-bottom: solid 1px #D0D0D0;
  height: 100%;
  margin: auto;
  text-align: right;
}
div#footer div.menu div {
  position: relative;
  top: 17px;
  right: 3px;
}
div#footer div.menu div a {
  font-weight: bold;
}
div#footer div.footer{
  width: 960px;
  text-align: left;
  font-size: 10px;
  margin: auto;
  margin-top: 10px;
  padding-bottom: 15px;
}
div#footer a#google-plus-1 {
  display: inline-block;
  background-image: url(images/google-plus-1.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 80px;
  color: #B12F21;
  /*border: solid 1px red;*/
}

div.qr-code {
  margin-top: 205px;
  background-image: url(images/qr-code.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 196px;
}
