img { behavior: url(/iepngfix.htc) }

body {
  background: #8EB3B9;
  margin: 0;
  padding: 0;
  text-align: left;
}

#main-container {background: #05515E;width:100%; position: absolute;}

#footer {
 background: url("gfx/footer_bg.jpg") #8EB3B9 top left repeat-x;
 /**background: url("gfx/footer_bg.jpg") #8EB3B9 100% 0% repeat-x;*/
 height: 120px;
 *height: 120px;
 width:100%;
 /*border-top:1px solid green;*/
 text-align:center;
}
#footer table {
  margin:0 auto;
  width:982px;
  margin-bottom:5px;
}

.div-copyright1 {
 font: normal 8pt arial;
 color: #69979E;
 text-align:left;
}
.div-copyright2{
 text-align:right;
}

#container {
  margin: 0 auto;
  width: 1012px;
  min-height: 400px;
  text-align: center;
}


#topbar {
 background: url("gfx/topbar.jpg") no-repeat;
 width: 1012px; height: 200px;
 text-align:left;
}



#bodycontainer {
  width: 1012px;
  min-height: 300px;
   background: url("gfx/decoration.jpg") top no-repeat;
  /*z-index: 3;*/
  margin: 0 auto;
  text-align: left;
}

#sidebar {
 float:left;
 width: 790px;
 margin:0; padding:0;
}

#sidebar-content {
 margin: 0; padding: 0.5em 1em;
}

#main{
margin: 0 0 0 790px; padding: 0;
}

#main-content {
 margin 0; padding-top: 1.5em;
 *padding:0;
}

 
 hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

/*#topmenu {
 position: relative;
 width: 550px;
 top: 164px;
 left: 40px;
 text-align:left;
}*/

/* menu */

/*.menu-container {*position:relative;width:193px;margin-bottom:25px;border:1px solid red;}*/
.menu-container {
  margin-bottom:25px;
  width:193px;
  margin: 0 auto 25px auto;
}

.menu-head {
 background: url("gfx/menu-head.jpg") no-repeat;
 height: 21px; width: 180px;
 /*height: 29px;*/ 
 *width: 193px;
 font: bold 9pt arial;
 color: #fff;
 padding: 8px 5px 0px 8px;
}     

.menu-content {
 background: url("gfx/menu-bg-top.jpg") #137284 no-repeat;
 font: normal 9pt arial;
 color: #fff;
 padding: 5px 5px 0px 15px;
 width: 170px;
 /*width: 190px;*/
} 

.menu-bottom {
 background: url("gfx/menu-bg-bottom.jpg") no-repeat;
 height: 18px;
}
      
/* footer */



#bottommenu-container {
clear:both;
padding-top: 10px;
font: normal 8pt arial;
color:#fff;
/**padding-top:28px;*/
}      

#search {margin: 30px 0;}
#search form {margin-left: 25px;}
      

ul.side-menu, ul.side-menu li {
 margin:0;padding:0;
 background:none;
 float:none;
 list-style-type:none;
}

.side-menu li {
min-height:20px;
*height: 25px;
/*vertical-align:middle;*/
}

#horizontal {
 font: normal 10pt arial;
 color: #fff;
 background: url("gfx/h-line.jpg") bottom left no-repeat;
 padding-bottom: 10px;
}

#horizontal a {
 font: normal 10pt arial;
 text-decoration: underline;
 color: #fff;
}

#horizontal a:hover {
 text-decoration:none;
}

IMG {border:none;}

/* product */

#product {margin-top:10px;}
#product-title {font: bold 16pt arial;color:#fff;margin-bottom:10px;}

.product-big {
  background: url("gfx/product-big.jpg") top left no-repeat;
  width: 293px;
  text-align: center;
  padding-top:15px;
}
.product-big img {margin-top:5px;}

#var-desc {font: bold 8pt arial;color:#fff;}

.product-info {
  background: url("gfx/product-info.jpg") top left no-repeat;
  width: 184px;  
}

.product-var {
  background: url("gfx/product-var.jpg") top left no-repeat;
  width: 69px;  
  vertical-align:top;
  padding-top:36px;
  text-align:center;
}

#product-desc, #product-mat {width:546px;margin-top:20px;}
#product-mat {
  height: 98px;
  background: url("gfx/product-mat.jpg") top left no-repeat;
  margin-bottom: 40px;
  text-align:left;
  padding-top:3px;
}

#product-mat span {font:bold 10pt arial;color:#fff;}

#product-rec{
margin-bottom:60px;
font: bold 10pt arial;color:#fff;
}

#product-desc {font: normal 10pt arial;color:#fff;text-align: justify;}

.product-small {height: 234px;text-align:center;}
.product-small img {margin-top:36px;}

.product-aa {height: 36px;text-align:center;}
.product-aa img {margin-top:4px;}
.product-code {
  height: 42px;
  font: normal 9pt arial;
  color: #fff;
  text-align: center;
}

.product-code img {
  padding-top:3px;
  *padding-top:0px;
}

.product-size {height: 61px;text-align:center;}
.product-size span {
  font: normal 9pt arial;
  color: #fff;
  display:block;
  padding-top: 10px;
}

#productscroll {
  background: #fff;
  overflow: auto;
  height:73px;
  width: 90%;
  margin: 10px auto 0px auto;
  white-space: nowrap;
}
#productscroll img {border:none;}
/*.cat-print table td {background:#137284;padding:4px;}*/

.product-variants {text-align:left;vertical-align:top;}
.dv {
  font: bold 10pt arial;color: #fff;
  /*margin: 0 auto;*/
}

.dv table {
  text-align: left;
  margin: 0 auto;
  margin-top:15px;
  width: 100%;
}

.variants-td {
  text-align:center;
  vertical-align: top;
  width: 50%;
  padding-top: 5px;
}

/* links */

a.bottom-menu {
  font: normal 8pt arial;
  color: #fff; 
  text-decoration: none; 
  margin: 0px 3px;
}

a.copyright {
  font: normal 8pt arial;
  color: #69979E; 
  text-decoration: none; 
}
a.copyright:hover {text-decoration: underline;}

a.menulink {
  font: bold 9pt arial;
  color: #fff; 
  text-decoration: none; 
  text-transform: uppercase;
  padding: 5px;margin:0;
}

a.menulink:hover, a.bottom-menu:hover, a.link:hover {text-decoration: underline;}
a.akce_odkaz { font:normal 8pt arial;color:#0E5A67;text-decoration:underline;}
a.akce_odkaz:hover { font:normal 8pt arial;color:#000;text-decoration:none;}


a.link {
  font: normal 9pt arial;
  color: #fff; 
  text-decoration: underline; 
}
a.link:hover {text-decoration:none;}

a.anews {
  font: bolder 12pt arial;
  color: #fff; 
  text-decoration: none; 
}
a.anews:hover {text-decoration:underline;}

a.news-link {
  font: bolder 8pt arial;
  color: #eee; 
  text-decoration: underline; 
}
a.news-link:hover {text-decoration:none;}

.side-menu a {
 display:block;
 width: 100%;
 text-align:left;
 padding: 5px 0px;
}

.cat-print{
  font: normal 10pt arial;
  color: #fff;
  margin: 10px 0;
}

.cat-print a {font-size: 12pt;text-decoration:underline;}
.cat-print a:hover {text-decoration:none;}

/* text */
h1 {font: bold 16pt arial;color:#fff;}
h2 {font: bold 14pt arial;color:#fff;}
h3 {font: bold 10pt arial;color:#fff;text-transform:uppercase;}

P {font: normal 10pt arial;color:#fff;}
p.text {text-align:justify;line-height:1.5em;}
p.noindent {text-indent: 0;}
.warning {font: bold 10pt arial;color:red;}
span.materials {font: bold 8pt arial;color:#fff;}

/* forms */

INPUT {
background: #0E5A67;
border: 1px solid #fff;
font: bold 10pt arial;
color: #fff;
height: 18px; width: 100px;
}

.formular input {
  height:18px;width:250px;
  font-weight: normal;
  margin-bottom: 7px;
}

.formular span {font: bold 10pt arial;color:#fff;margin-bottom:7px;}
.formular {width: 60%;}
.formular fieldset {border: none; border-top:1px solid #8EB3B9;background:#076171;margin-bottom:15px;}
.formular legend {font: bold 12pt arial;color:#fff;}
.formular label {font: normal 9pt arial; color: #fff;}
.formular hr {border: 1px solid #8eb3b9;}
.formular .btn {width: 80px; height: 25px; font-weight:bold;text-transform:uppercase;}

/* others */

#vzornik {width:100%;}
#vzornik td {text-align:center;font: bold 10pt arial;color:#fff;}

ol.seznam {margin: 20px 0px 15px 0px; padding:1em;list-style-type:disc;}
ol.seznam li {font: normal 10pt arial;color:#fff;}

#velikosti {width: 70%;}
.velikostihead td {border-bottom:1px solid #fff;}
.tr-even td {background: #0A828E;}
#velikosti td {text-align:center;font: bold 10pt arial; color:#fff;height:25px;}


#product-listing1 {background:none;width: 100%;padding:3px;margin-top:5px;margin-bottom:50px;}
.c-img img {border:1px solid #8EB3B9;}
.c-img {width:10%;}
.c-title {text-align:left;vertical-align:top; width:20%;}
.c-desc {text-align:justify;vertical-align:top;background:#164d57;padding:4px;}
.c-code {text-align:left;vertical-align-middle;}
.cat-print table td {padding:2px;background:#164d57;}
.cat-print {background:#fff;margin-bottom:10px;}
/*.cat-print {border:1px solid #8eb3b9;}*/

.introtd { text-align:right;vertical-align:top;padding-top:35px;}
.hometd { 
  width: 567px;
  vertical-align:top;
  text-align:left;
}
.hometable {width: 100%;margin-bottom: 35px;}

.newstable .newscontainer {
  width: 271px;
  height: 214px;
  background:url("gfx/newsbg.jpg") no-repeat;
}

.actioncontainer {width: 271px; height: 214px; background: url("gfx/actionbg.jpg") no-repeat;}
.action-image div {width: 120px;}

.news-title {height:15px;text-align:right;padding-top:3px;}
.news-image {height:194px;padding-left:25px;vertical-align:top;padding-top:8px;}
.news-desc {height: 194px;text-align:left;font:normal 8pt arial;color:#0E5A67;padding-right: 20px;vertical-align:top;padding-top:45px;padding-left:3px;}


.news-header {width:210px; font:bold 12pt arial;color:#fff;margin-top:0px;}
.news, .news p {text-align:justify;color:#fff;font: normal 8pt arial;}

#news-popup-container {background:#05515E;height:500px;overflow:auto;padding:15px;}
#news-popup-headline {border-bottom:1px solid #ddd;text-align:right;font:bolder 12pt arial;color:#fff;margin: 10px 0px 15px 0px;}
#news-popup-text {text-align:justify;font:normal 10pt arial;color:#fff;}

#action-popup-container {background:#05515E;width:100%;padding:15px;}
#action-popup-headline {border-bottom:1px solid #ddd;text-align:right;font:bolder 12pt arial;color:#fff;margin: 10px 0px 15px 0px;}
#action-popup-text {text-align:justify;font:normal 10pt arial;color:#fff;}