/* zarovnani stranky na stred*/

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Verdana, 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;
  font-size: .8em;
  background: #F2F6FA url(../img/bg.png) repeat;
}
#page {

  width: 768px;
  margin: 5px auto 0em;
  color: #000;
  text-align: left;
  border: 0px red solid;

}
#page_ {
  width: 768px;
  float: left;
}

/* hlavicka head logo*/

#head {
  width: 768px;
  height: 187px;
  float: left;
  border: 0px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
}

#head_middle {
  width: 768px;height: 165px;float: left;
  background: white url(../img/baner.jpg) no-repeat left top;
  border: 1px #CCCCCC solid;
  border-bottom: 0px red solid;
}

#head_menu {
  width: 768px;
  height: 22px;
  float: left;
  text-align: left;
  background-color: #F7F7F7;
  border-left: 1px #CCCCCC solid;
  border-right: 1px #CCCCCC solid;
  border-top: 2px #CCCCCC solid;
}

#head_menu  ul {
  height: 20px;
  padding:0px;
  margin:0px;
  margin-top:1px;
}

#head_menu  li {
  display: inline;
  background: #F7F7F7 url(../img/ad-menu-light.gif) no-repeat left ;
  padding-left: 15px;
  margin-left:35px;
}

#head_menu li a{
  text-decoration: none;
  color: #666666;
  font-weight: bold;
}

#head_menu li:hover{
  text-decoration: underline;
  color: black;
  background: #F7F7F7 url(../img/ad-menu-dark.gif) no-repeat left ;
}


#head_menu a:hover{
  text-decoration: underline;
  color: black;
}

#homepage {
  width: 300px;
  height: 170px;
  position: absolute;
  cursor: pointer;
}

#lang_line{
  width:90px;
  margin-top:10px;
  color:white;
  height: 15px;
  float:right;
}
#lang_line img{ border:0px;}

/* ; textova cast tela str. */
#hlavni {
  width: 768px;
  float: left;
  min-height: 419px;
  height: expression(this.scrollHeight < 420? "420px" : "auto" );
  overflow: visible;
  border: 1px #CCCCCC solid;
  border-top: 0px white solid;
  padding-bottom: 10px;
  background-color: white;
}

#left {
  float: left;
  width: 240px;
  margin-top: 5px;
}

#left a:hover{ color: black;}
#left .kategorie{width:235px;margin: 1px 0px 4px 0px;border-bottom: 1px #CCCCCC solid;padding-bottom:3px;}

#left #produktymenu {
  font-size: 12px;
  color: #666666;
  text-align: center;
  float: left;
  width: 240px;
  margin-bottom: -15px;
  margin-left:-6px;
/*   border: 1px red solid; */
}

#left a {
  color: #666666;
  text-decoration: none;
}

#left #produktymenu ul li {
  font-size: 12px;
  color: #666666;
  text-align: left;
  float: right;
  width: 220px;
  margin-bottom: 5px;
  text-decoration: none;
  /*background: white url(../img/plus.gif) no-repeat left 3;*/
  border-bottom: 0px #CCCCCC solid;
  padding-left: 0px;
  /*border: 1px blue solid; */
}
.plus{background: white url(../img/plus.gif) no-repeat left 3;}

#left #produktymenu ul ul li {
  font-size: 11px;
  color: #666666;
  text-align: left;
  float: right;
  width: 215px;
  margin-bottom: 5px;
  text-decoration: none;
  background: white url() no-repeat left top;
  border-bottom: 0px #CCCCCC solid;
  padding-left: 10px;
  /*border: 0px green solid;*/
}


#left #produktymenu ul ul ul li{
  text-align: left;
  /*border: 0 red solid;*/
  width: 180px;
  font-size: 10px;
}

#left #produktymenu ul ul ul ul li{
  text-align: left;
  border: 0 red solid;
  width: 170px;
  font-size: 10px;
}

#produktymenu ul{
  list-style: none url();
  margin: 0px;
  padding: 0px;
  color: #3B73B9;
  text-align: left;
  text-decoration: none;
}


#right {
  float: right;
  width: 515px;
  min-height: 319px;
  height: expression(this.scrollHeight < 320? "320px" : "auto" );
  text-align: justify;
  /*margin-top: 12px;*/
   /*border: 0px blue solid;*/
}

#right .up {
  width: 510px;
  height: 13px;
  float: left;
 border: 0px blue solid;
}

#right .middle {
  width: 510px;
  float: left;
 border: 0px blue solid;
}

#right .down {
  width: 510px;
  height: 14px;
  float: left;
 border: 0px blue solid;
}

#right .nadpis {
  width: 400px;
  height: 25px;
  float: left;
  color:  #666666;
  font-weight: bold;
  font-size: 19px;
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 5px;
  margin-left: 5px;
}

#right .breadcrumbs-top{
    float:left;
    width:100%;
    height:3px;
    /*border: 1px red solid;*/
}

#right .text {
  width: 480px;
  color: #666666;
  float: left;
  margin: 0px 0px 8px 10px;
  font-size: 11px;
  text-align: justify;
  /*border: 1px red solid;*/
}

#right .text b{
  color: #666666;
}


#right .text img {
 border: 0px !important;
 margin: 2px 2px 2px 2px;
}

#right .text table{
 border: 0px #CAE830 solid;
 font-size: 10px;
}

#right .text a {
  color: #666666;
  text-decoration: underline;
}

#right .text a:hover {
  color: #666666;
  text-decoration: none;
}

#right .text .textleft{
  width: 220px;
  text-align:left;
  float: left;
  margin-right:22px;
  /*border: 1px red solid;*/
}

.clearing { clear:both;}


#right .nko {
  color: #EC752D;
  font-weight: bold;
  text-decoration: none;

}
#right .banner {
  margin-bottom: 10px;
  border: 1px #666666 solid;
}

#right .text h1{
  font-size: 17px;
  font-weight: bold;
  color: #EC752D;
  padding:6px 0px 6px 0px;
}

#right .text h1 a{
  color: #EC752D;
  text-decoration: none;
}

#right .text h1 a:hover{
  text-decoration: underline;
  color: #EC752D;
}

#right .text h2{
  font-size: 15px;
  color: #EC752D;
  padding:4px 0px 4px 0px;
}

#right .text h2 a{
  color: #EC752D;
  text-decoration: none;
}
#right .text h2 a:hover{
  color: #EC752D;
  text-decoration: underline;
}

#right .text h3{
  font-size: 13px;
  font-weight: bold;
  color: #EC752D;
  padding:4px 0px 4px 0px;
}

#right .text h3 a{
  color: #EC752D;
  text-decoration: none;
}

#right .text h3 a:hover{
  color: #EC752D;
  text-decoration: underline;
}

#right .text h4{
  font-size: 11px;
  font-weight: bold;
  color: #EC752D;
}

#right .text h4 a{
  color: #EC752D;
  text-decoration: none;
}

#right .text h4 a:hover{
  color: #EC752D;
  text-decoration: underline;
}


#right .text table, tr, td{
  font-size: 11px;
  /*color: #F7F7F7;*/
  border: 1px #EEE solid;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.okolo-obr{float:left;text-align:left;width:100%;}

/* paticka fooot*/
#paticka {
  float: left;
  width: 768px;
  height: 43px;
  text-align: left;
  font-family:   Verdana, Arial, lucida, sans-serif ;
  font-size: 10px;
  margin-bottom: 0px;
  border: 1px #CCCCCC solid;
  color: #666666;
  background-color: white;

}

#paticka a {font-family:Verdana, Arial, lucida, sans-serif ;font-size: 10px;
text-decoration: none;
color:#666666;
}
#paticka a:hover {text-decoration: underline;color:black;}

#footleft {
  float: left;width: 330px;margin-top: 3px; border: 0 red solid;height: 19px; font-size: 12px;
  margin-left: 10px;
}

#footleft form, input {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#footleft input {
  background: white;
  border: 1px #666666 solid;
  height: 18px;
  font-size: 12px;
  padding: 1 2 1 2;
}
#footright {float: right;width: 330px;margin-top: 7px; border: 0 red solid;}

.centering{text-align:center;}
.galerie { margin-top:5px; }

.galerie-thumbs{
    float:left;
    border:dotted 1px #BBB;
    width:158px;
    height:158px;
    text-align:center;
    padding-top:2px;
}
.katalog-table{width:480px;table-layout:fixed;border:0px !important;}
.katalog-table td {border:0px;}
.katalog-table tr {border-bottom:1px;}
.katalog-ctverec{float:left;width:10px;height:10px;}
.katalog-Ce{background-color:red;}
.katalog-Mo{background-color:blue;}
.katalog-Zl{background-color:yellow}
.katalog-{background-color:grey}
.katalog-X{background-color:grey}
/*.langs{background-color:#CCCCCC;border:1px inset #CCCCFF}*/

.ad_banner{
    border:1px #CCCCCC solid;
    width:768px;
    height:40px;
    float:left;
    margin: 0 0 10px 0;
    padding: 0;
    background:#C0C7CF url(../img/bgCartHeader.gif) top repeat-x;
}

.ad_banner img{margin:0;border:none;float:left;}

.ad_banner-text{
    float:right;width:600px;height:100%;
}
.ad_banner_item{
    float:left;
    padding:10px 7px 0 6px;
    text-align: center;
    font-size: 15px;
    height:30px;
    border-right: solid 1px #AAA;
}
.ad_banner_item:last-child{
    border-right: none;
}
.ad_banner_item:hover{
    background:#D8DADD none  no-repeat;
}
.ad_banner_item a {
    text-decoration: none;
    color: #FFF;
  /*font-weight: bold;*/
}
.ad_banner_item a:hover{
  color: #515151;
}