body {
  font-family:Verdana,Arial,helvetica,Geneva;
  margin:0px;
  font-size:10px;
  color:#333333;
  background-color: #fff;
  /*background:url("images/pageBg.jpg");background-repeat:repeat-x;*/
}


a {color:#004080;}
a:hover {text-decoration:underline;}
a img {border:0;}

p {padding:0;margin:10px;}
h1,h2,h3,h4,h5,h6 {color:#333333;padding:0;margin:15px;}
h1 {font-size:30px;}
h2 {font-size:18px;}
h3 {font-size:12px;}

p.warning{font-weight:bold;color:#ff0000;}
input,select {background:#fff;border:1px solid #AAAA95;color:#000;}
input.submitButton {background:#707059;color:#ffffff;border:1px solid #707059;}
.leftClr {clear:left;width:1px;height:1px;overflow:hidden;} 
.hd{display:none;}
.small {font-size:10px;} 
.white {color:#fff;}
.obrazekDolevaMargin10 {float:left;margin:10px;}

#allPage{position:relative;width:100%;height:auto;text-align:center;margin:0;}
#mainPage{position:relative;margin: 10px auto;width:870px;height:auto;text-align:left;overflow:hidden;border:1px solid #000;}
  #topLista{position:absolute;left:0;top:0;width:870px;height:29px;background:#1B5772;overflow:hidden;}
  #topFoto {position:absolute;left:0;top:30px;width:870px;height:277px;overflow:hidden;}
  #topFlash {position:absolute;left:0;top:30px;width:870px;height:277px;overflow:hidden;z-index:10;}
  #topMenu {position:absolute;left:0;top:308px;width:870px;height:63px;overflow:hidden;background:url("images/topMenuBg.jpg");text-align:center;}
    div.menuItem{position:relative;float:left;width:120px;height:34px;background:url("images/menuBg.jpg");margin-right:2px;margin-top:29px;text-align:center;color:#fff;}
    div.menuItem:hover {background:url("images/menuBg_on.jpg");cursor:pointer;}
    div.menuItem a {display:block;color:#fff;text-decoration:none;/*padding-top:10px;*/line-height:34px;vertical-align:middle;}
    
  #mainContent{position:relative;margin-top:362px;width:870px;height:auto;text-align:left;background:#f5f5f5;overflow:hidden;}  
    div.hpBox{position:relative;width:400px;height:285px;_width:390px;_height:295px;float:left;background:#fff;border:1px solid #ccc;overflow:auto;margin:15px}
    #kategorie {position:relative;width:840px;height:auto;margin:15px;border:1px solid #ccc;text-align:center;overflow:hidden;}
    #kategorie p {margin:0;padding:0;text-align:center;}
    div.kategorieBox {position:relative;width:152px;height:180px;overflow:hidden;float:left;margin:10px 15px;}
    table.bodyTables {margin:15px;}
    table.bodyTables td {border:1px solid #ccc;}
    
    #produkty h2 {font-size:12px;margin:5px;text-align:center;}
    #produktDetail table {width:650px;_width:600px;}
    #produktDetailText {position:relative;width:670px;_width:650px;height:auto;float:left;margin-right:10px;overflow:hidden;}
    #produktDetailGalerie {position:relative;width:180px;_width:200px;height:auto;float:left;margin-right:10px;background:#fff;overflow:hidden;text-align:center;}
    #referenceDetailGalerie {position:relative;width:850px;height:auto;margin:15px;background:#fff;}
    
    div.produktBox{position:relative;width:150px;height:170px;overflow:hidden;float:left;margin:10px 15px;border:1px solid #ccc;background:#fff;}
      div.produktBoxFoto{position:relative;width:150px;height:112px;overflow:hidden;float:left;margin:0;padding:0;background:#fff;}
    div.produktBoxSmaller{position:relative;width:150px;height:140px;overflow:hidden;float:left;margin:10px 15px;border:1px solid #ccc;background:#fff;}
    
    
    div.contentSpacer {position:relative;width:850px;height:1px;overflow:hidden;margin:10px;background-color:#e7e7e7;}
    div.darciLogo {width:100px;height:70px;float:left;}
    #darci h2>a {font-size:12px;}
    #darci p {font-size:10px;margin-top:0;}    
    
    #coverBox {position:relative;width:214px;height:144px;float:left;overflow:hidden;background:url("images/bottom_coverbox_bg.gif");margin-bottom:1px;}
      #srch {font-family:"Times New Roman";font-size:20px;margin:5px 10px;}
      #srchText {width:95px;}
      #goBut {border:0;}
      #coverBox p {font-size:11px;color:#000;margin:0 10px;}
      #coverBox a {color:#000;}
    #firmaBox {position:relative;width:216px;height:144px;float:left;overflow:hidden;margin-left:1px;margin-bottom:1px;}
      #firmaBox h2 {font-size:10px;padding:5px;margin:0;width:216px;background:#1B5772;color:#fff;}
      #firmaBox h3 {font-size:12px;margin:5px;}
      #firmaBox p {font-size:10px;margin:5px;}
      #firmaBox img {display:block;float:left;margin:5px;}
      #aktualneContent {width:auto;height:100px;overflow:hidden;}
    #fotoBox {position:relative;width:438px;height:144px;float:left;overflow:hidden;margin-left:1px;background:url("images/fotoBoxBg.gif");margin-bottom:1px;}
      div.fotoBoxItem{width:100px;height:100px;overflow:hidden;margin:5px 2px;float:left;}
      #fotoBox p {font-size:11px;color:#999999;margin-left:40px;margin-top:10px;}
      #fotoBox a {font-size:11px;color:#999999;text-decoration:none;}
    #bottomLista{position:relative;margin-top:1px;width:870px;height:29px;background:#1B5772;overflow:hidden;}
      
/* Page Numbers */
.pages {
    padding: 1em;
    margin: 15px;
    clear: left;
    font-size: 85%;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #6bb900;
    background: #fff;
}

.pages span.current {
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}

.pages a {
    border: 1px solid #9AAFE5;
    text-decoration: none;
}

.pages a:hover {
    border-color: #2E6AB1;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

.pages .nextprev-next {
    float: right;
}

.tooltip {
    border: 1px solid #85be35;
    padding: 5px;
    background-color: #fff;
    width: 150px;
    font-size: 85%;
    color: #777;
    opacity: 0.95;
    text-align: left;
}

.tooltip h6 {
    background: #85be35;
    color: #fff;
    margin: -5px -5px 4px -5px;
    padding: 2px 5px;
    font-size: 100%;
    font-weight: bold;
}

.tooltip img {
    vertical-align: middle;
    border: 1px solid #85be35;
    margin: 2px 0;
}
      

