body {
  font-family:Arial,Verdana,Tahoma,helvetica,Geneva;
  margin:0px;
  font-size:12px;
  color:#666;
  background-color: #fff;
}


a {color:#F85507;}
a img {border:0;}


p {padding:0;margin:10px;}
table {margin:10px;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:10px;color:#FF6F00;font-weight:normal;}
h1 {font-family:Verdana;font-size:22px;}
h2 {font-family:Verdana;font-size:16px;}
h3 {font-family:Verdana;font-size:14px;}




p.warning{font-weight:bold;color:#ff0000;}
input.submitButton {background-image:url("images/buttonHeight28Bg.png");color:#fff;height:26px;border:1px solid #F84600;line-height:26px;vertical-align:middle;}

.bila {color:#fff;}
.cerna {color:#000;}
.cernaSvetlejsi {color:#333;}
.cervena {color:#ff0000;}
.orange {color:#FF6F00;}

.pozadiBila {background-color:#fff;}
.pozadiCerna{background-color:#000;}
.pozadiOrange {background-color:#FF6F00;}
.pozadiCervena {background-color:#ff0000;}
.pozadiSvetleSeda {background-color:#e0e0e0;}


.malePismo {font-size:10px;}
.vetsiPismo {font-size:14px;}

.velkaPismena {text-transform:uppercase;}

.netucne {font-weight:normal;}

.doprava {text-align:right;}
.nastred {text-align:center;}
.doleva {text-align:left;}

.leftFloat {float:left;}
.leftClr {clear:left;width:1px;height:1px;overflow:hidden;} 
.bothClr {clear:both;width:1px;height:1px;overflow:hidden;}
.hd{display:none;}

.num {font-size:22px;color:#FF6F00;} 

table.podrobnostiTable {width:495px;}
table.podrobnostiTable th {line-height:30px;padding:5px;border-bottom:1px solid #ccc;}
table.podrobnostiTable td {line-height:30px;padding:5px;border-bottom:1px solid #ccc;}

table.kosikTable {width:495px;}
table.kosikTable tr:hover {background-color:#e0e0e0;}
table.kosikTable th {padding:5px;border-bottom:1px solid #ccc;background-color:#FF6F00;color:#fff;}
table.kosikTable td {padding:5px;border-bottom:1px solid #ccc;font-size:10px;}

table.objednavkaTable {width:495px;border:1px solid #ccc;background-color:#e0e0e0;}
table.objednavkaTable tr:hover {background-color:#c0c0c0;}
table.objednavkaTable th {padding:5px;color:#333;}
table.objednavkaTable td {padding:5px;color:#333;}

.ramecekSedy {border:1px solid #ccc;}

.obrazekDoleva {float:left;margin:0 5px 5px 0;}
.obrazekDoprava {float:right;margin:0 0 5px 5px;}
.obrazekDopravaRamecek {float:right;margin:0 0 5px 5px;border:2px solid #BFD1D6;}
.obrazekDolevaMargin10 {float:left;margin:10px;}
.obrazekDopravaMargin10 {float:right;margin:10px;}
.noMargin {margin:0;}

.width265 {width:265px;}

.fotoBox {width:150px;height:112px;overflow:hidden;border:1px solid #000;margin:10px;float:left;}
.fotoBox150x150 {width:150px;height:150px;overflow:hidden;margin: 0 auto;text-align:center;}

.inputWide {width:250px;}
.inputShorter {width:208px;}
.inputShort {width:40px;}



#mainPage{position:relative;margin: 0 auto;width:990px;height:auto;text-align:left;overflow:hidden;}  
  #mainPageLeva {position:relative;width:265px;height:auto;text-align:left;overflow:hidden;background-image:url("images/leftColMiddleBg.jpg");background-repeat:repeat-y;float:left;}    
    #mainPageLevaTopBg {position:relative;width:265px;height:auto;text-align:left;overflow:hidden;background-image:url("images/leftColTopBg.jpg");background-repeat:no-repeat;}
    #mainPageLevaBottom {position:relative;width:265px;height:201px;text-align:left;overflow:hidden;background-image:url("images/leftColBottomBg.jpg");background-repeat:no-repeat;}
    #logo {position:relative;width:220px;height:53px;margin:30px 0px 10px 22px;overflow:hidden;}
    
    #mainPageLeva h2 {position:relative;width:190px;height:30px;line-height:30px;color:#fff;background:#f79415;font-size:14px;vertical-align:middle;padding:0 15px;overflow:hidden;margin:20px 0px 20px 22px;}
    
    div.leftMenuBox{position:relative;width:220px;height:auto;text-align:left;overflow:hidden;margin:20px 0 0 22px;}
      a.leftMenu {display:block;width:185px;height:35px;float:left;color:#fff;text-decoration:none;overflow:hidden;padding-left:35px;text-transform:uppercase;
                     line-height:35px;vertical-align:left;text-align:left;background-image:url("images/leftMenuArrow.png");background-repeat:no-repeat;font-weight:bold;}
      a.unactiveMenu{background-color:#f9a725;}
      a.unactiveMenu:hover {background-color:#f79415;}
      a.activeMenu {background-color:#f79415;}
      div.mainMenuSpacer {position:relative;width:220px;height:1px; overflow:hidden;background:#fdb13b;}               
  #mainPagePrava {position:relative;width:725px;height:auto;text-align:left;overflow:hidden;float:right;}                            
    #headka {position:absolute;width:725px;height:196px;text-align:left;overflow:hidden;background-image:url("images/headBg.jpg");}
      #kosikBox {position:absolute;width:250px;height:40px;text-align:left;overflow:hidden;left:20px;top:10px;}
        #kosikIcon {position:relative;width:35px;height:40px;line-height:40px;vertical-align:middle;text-align:center;overflow:hidden;float:left;}
          #kosikIcon img {vertical-align:middle;}
        #kosikContent {position:relative;width:130px;height:40px;vertical-align:middle;text-align:left;overflow:hidden;float:left;}
          #kosikContent table {margin:0;}
          #kosikContent th {height:15px;}
        #kosikButton {position:relative;width:85px;height:40px;line-height:40px;vertical-align:middle;text-align:center;overflow:hidden;float:left;}
          #kosikButtonLink {display:block;width:80px;height:28px;background-image:url("images/buttonHeight28Bg.png");border:1px solid #F84600;margin:2px;text-align:center;vertical-align:middle;line-height:28px;
                            color:#fff;font-weight:bold;text-decoration:none;}
    
      #userBox {position:absolute;width:290px;height:40px;text-align:left;overflow:hidden;left:280px;top:10px;border-left:1px solid #ccc;}
        #userIcon {position:relative;width:35px;height:40px;line-height:40px;vertical-align:middle;text-align:center;overflow:hidden;float:left;}
          #userIcon img {vertical-align:middle;}
        #userContent {position:relative;width:255px;height:40px;vertical-align:middle;text-align:left;overflow:hidden;float:left;}
          #userContent p {margin:0 10px;}
      
      #headerActionBox {position:absolute;width:425px;height:130px;text-align:left;overflow:hidden;left:20px;top:65px;}
        #headerActionBoxFoto {position:relative;width:90px;height:130px;overflow:hidden;float:left;text-align:left;}
        #headerActionBoxContent {position:relative;width:335px;height:130px;overflow:hidden;float:left;text-align:left;}
          #headerActionBoxContent h2 {text-align:left;font-size:24px;color:#FF6F00;background-image:url("images/starIcon.png");background-repeat:no-repeat;padding-left:35px;background-position:left center;}
          #headerActionBoxContent h3 {text-align:left;font-size:14px;color:#000;}
          .akcniBoxCena {font-size:26px;color:#FF6F00;}
          .akcniBoxVice {font-size:18px;}
    #mainContent{position:relative;width:515px;height:auto;text-align:left;overflow:auto;float:left;margin-top:196px;}      
      .middleHeaderArrows {position:relative;width:456px;height:22px;font-size:14px;overflow:hidden;background-image:url("images/middleHeaderBg.jpg");line-height:22px;color:#fff;text-transform:uppercase;padding-left:40px;
                           vertical-align:middle;background-repeat:no-repeat;background-position:left center;}  
                           
      #produktyBox2{position:relative;width:505px;height:auto;overflow:hidden;float:left;margin:5px;}
        div.produktyBox2Item{position:relative;width:240px;height:200px;overflow:hidden;float:left;margin:5px;border-bottom:1px solid #ccc;}          
          div.produktyBox2Item h2 {font-size:12px;}
          div.produktyBox2Item p {font-size:10px;}
          div.produktyBox2ItemLeft {position:relative;width:80px;height:200px;overflow:hidden;float:left;margin:0;}
            div.produktyBox2ItemLeft p {margin:5px 0 0 5px;padding:0;font-size:10px;}
          div.produktyBox2Foto{position:relative;width:155px;height:150px;overflow:hidden;margin:0;}
          div.produktyBox2Item h2 {margin:0 5px;padding:0;} 
          div.produktyBox2Item p {margin:5px 0 0 5px;padding:0;}
          div.produktyBox2Spacer {position:relative;width:1px;height:200px;background:#ccc;overflow:hidden;margin:0 2px;float:left;}                            
          div.produktyBox2ItemText {position:relative;width:160px;height:150px;float:left;overflow:hidden;}
          div.produktyBox2ItemBottomInfo {position:relative;width:160px;height:30px;float:left;overflow:hidden;margin-top:10px;}                           
            div.produktyBox2ItemBottomInfoLinks {position:relative;width:80px;height:30px;float:left;overflow:hidden;text-align:left;line-height:30px;vertical-align:middle;}
            div.produktyBox2ItemBottomInfoPrice {position:relative;width:80px;height:30px;float:left;overflow:hidden;text-align:right;line-height:30px;vertical-align:middle;}
              div.produktyBox2ItemBottomInfoPrice span {color:#FF6F00;font-size:26px;}
        #hodnoceniBox {width:493px;margin:10px;}
        
      div.middleBox {position:relative;width:485px;height:auto;overflow:hidden;margin:10px;background-color:#e5e5e5;border:1px solid #cecece;}
        a.subkatlink {display:block;float:left;width:225px;height:15px;line-height:15px;vertical-align:middle;overflow:hidden;float:left;margin-left:10px;color:#000;}   
        
                
        
    #pravySloupec {position:relative;width:210px;height:auto;text-align:left;overflow:hidden;float:right;background-image:url("images/rightColMiddleBg.jpg");margin-top:196px;}  
      #pravySloupecHeader {position:relative;width:210px;height:81px;text-align:left;overflow:hidden;float:right;background-image:url("images/rightColTopBg.jpg");} 
      #pravySloupec h2 {position:relative;width:150px;height:25px;line-height:25px;color:#FF6F00;font-size:16px;vertical-align:middle;padding-left:30px;overflow:hidden;margin:10px 0px 10px 20px;
                        background-image:url("images/2ArrowsHeader.png");background-repeat:no-repeat;background-position:left center;border-bottom:1px solid #ccc;}
      #pravySloupec h3 {position:relative;width:165px;height:auto;color:#FF6F00;font-size:12px;vertical-align:middle;padding-left:15px;margin:10px 0px 10px 20px;
                        background-image:url("images/arrowHeader.png");background-repeat:no-repeat;background-position:left center;}
      #pravySloupec p {width:165px;margin:10px 0px 10px 20px;}   
      div.rightColSpacer {position:relative;width:165px;height:1px;overflow:hidden;background:#ccc;margin:10px 0px 10px 20px;}
                  
  #foot {position:relative;width:990px;height:auto;text-align:left;overflow:hidden;border-top:1px solid #ccc;margin-top:10px;}
    #footContent {position:relative;width:850px;height:auto;text-align:left;overflow:hidden;float:left;}
    #footLogo {position:relative;width:140px;height:auto;text-align:left;overflow:hidden;float:left;text-align:center;}
/* 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;
}