* { padding: 0; margin: 0; font-family: arial,helvetica,sans-serif;}
body { background-color: #222; font-size: 12px; color: #ccc; /* background-image: url(img/body-bkg1.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed;*/  }
#netagent { display: none; }
.cleaner { clear: both;  font-size: 0.01em; =overflow: hidden; }
.bold { font-weight: bold; }
.center { text-align: center; }
.right { text-align: right; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 25px; }
.orange { color: #fc0; }
.external { background: url(img/external.gif) center right no-repeat; padding-right: 12px; }

/*h1 { font-size: 12px; display: none}*/
h1 { font-size: 16px; color: #333; margin-bottom: 10px; font-weight: normal; }
h2 { font-size: 22px; color: #fc0; padding-bottom: 20px; font-weight: bold; }
h3 { font-size: 18px; color: #fff; font-weight: normal; margin-bottom: 10px; }
h4 { font-size: 15px; color: #db0; font-weight: normal; margin: 0 0 10px; }
a { color: #ca0; }
a:hover { color: #fff; text-decoration: underline; }
big { font-size: 16px; }
small { font-size: 11px; }
#holder .orange { color: #fc0; }
#text big { }

/****************************** L A Y O U T */
#holder { width: 982px; margin: 0 auto; padding: 20px 0; }
#header { background: #333; /*url(/img/header.gif) top left no-repeat;*/ }
#hmenu { background: #111; }
#footer { background: #393939; /*url(/img/footer.gif) bottom center no-repeat;*/ }
#footer .box { border-right: 0px solid #393939; /*background: url(/img/vryp-footer.gif) bottom right repeat-y;*/}
#media { background: #333; color: #ccc; }
#main { background: #444; color: #ccc }


/***** HEADER ******/
#akce { margin-bottom: 1px; background: #ca0; padding: 5px 0; color: #222; }
.aItem { font-weight: bold; padding: 0 5px;}
#akce a { color: #222; text-decoration: none; }
#akce a:hover { color: #db0;}
#akce em { font-weight: normal; font-size: 10px; }

#header { height: 100px; }
#header .in { padding: 35px 0 0; }
  #hlink { text-align: right; height: 37px; line-height: 32px; padding: 0 20px; display: none; }
  #hlink a { color: #999; text-decoration: none; }
  #hlink a:hover { color: #fff; text-decoration: underline;}
  #logo { padding: 0 20px; }
  #ave { float: left; color: #ccc; }
  #ave img { vertical-align: -5px; }
  #ave a { font-size: 24px; color: #aaa; text-decoration: none;}
  #ave a:hover { color: #fff; }
  #hanak { float: right; }

  #hmenu { }

#media { height: 280px; }
  #show { float: left; width: 400px; height: 280px; border-bottom: 0px solid #888; overflow: hidden; margin: 0 10px 0 0; }
  #show img { height: 280px; min-width: 400px; }
  /* for Internet Explorer */
  /*\*/ 
  * html #show img { height: 280px; min-width: 400px; }
  /**/
  #media h1,
  #media h2,
  #media h4 { font-size: 18px; color: #c90; font-weight: normal; margin-bottom: 10px; padding: 0; }
  #media h4 strong { font-weight: normal; }
  #media a { color: #db0; }
  #media a:hover { color: #fff; }
  #show.slideshow { background: url(/img/slideshow/kuchyn-klasicka-01.jpg) top left no-repeat; }
  #show.graficke-navrhy { background: url(/img/static/navrhy.jpg) top left no-repeat; }
  #show.produkty { background: url(/img/static/produkty.jpg) top left no-repeat; }
  #show.posun img {  margin-top: 0px;} 
  
  #intro { overflow: hidden; height: 280px; }
  #intro .in { padding: 10px; }
  #intro p { margin: 0 0 10px 0; line-height: 1.2em; }
  #intro ul { margin: 0 0 15px 15px; line-height: 1.5em; }
  #intro li { list-style-image: url(img/li.gif); }
  .kform table { background: #333; border: 1px solid #555; }
  .kform td { padding: 10px;}
  .kform .poler { padding: 10px 0 5px 10px;  }
  .kform .polel { padding: 10px 10px 5px 0; }
  .kform .cap { padding: 5px 10px 10px; }
  .kform textarea { width: 99%; height: 100px;}
  .kform .cap img { vertical-align: middle;}
  .err { color: red; }
  .kform .poler input,
  .kform .polel input { width: 190px; margin-left: 2px; }
  .kform .povinne { text-align: right; }
  .kform .poler input,
  .kform .polel input,
  .kform textarea,
  .kform .cap input { padding: 2px 2px; border: 1px solid #555; background: #999; color: #000; font-weight: bold; }
  .kform .poler input,
  .kform .polel input,
  .kform textarea,
  .kform .cap .submit { font: bold 12px/16px arial, helvetica, sans-serif; }
  .kform .polel input:focus,
  .kform .poler input:focus,
  .kform textarea:focus,
  .kform .cap input:focus { background: #ccc; color: #000; }
  .kform .cap .icap { width: 40px; height: 22px; padding: 0 2px; font: bold 16px/16px arial, helvetica, sans-serif; border: 0; vertical-align: middle; }
  .kform .cap .submit { background: none; border: none; color: #fc0; font-weight: bold; cursor: hand; cursor: pointer; }



#mainin { padding: 20px 20px 20px; }
  #main h2 { height: 1.5em; color: #fc0; font-weight: normal; }
  #main ul { margin: 0 0 15px 25px; line-height: 1.5em;}
  #main li { list-style-image: url(img/li.gif); }
  #main ol { margin: 0 0 15px 25px; line-height: 1.5em;}
  #main p { margin-bottom: 10px; line-height: 1.5em;}
  #main ul#mapastranek { margin: 0 0 15px 25px; }
  #main strong { color: #fff; }

  #showroom { margin-bottom: 0px; }

  #desc {float: left; width: 410px; }  
  #desc p { margin-bottom: 10px; }
  #desc ul { margin: 0 0 15px 15px;}
  #desc ol { margin: 0 0 15px 25px;}

  /* galtopic */
  #galtopic.fr { float: right; width: 500px; }
  #main #galtopic p { float: left; margin: 0 7px 0px 7px; width: 152px; height: 140px; text-align: center; overflow: hidden; line-height: 1.2em;}
  #main #galtopic p:hover { color: #fff;}
  #galtopic a { margin: 0 auto 3px; display: block; width: 150px; height: 100px; overflow: hidden; border: 1px solid #ccc;}
  #galtopic a img { min-height: 100px; min-width: 150px; border: none; margin-left: 0px;}
  #galtopic a:hover { border: 1px solid #db0; }

  /* produkty */
  #gal1.fr { float: right; width: 500px; }
  #gal1 a { float: left; margin: 0 7px 14px 7px; width: 150px; height: 100px; overflow: hidden; border: 1px solid #ccc;}
  #gal1 a img { min-height: 100px; min-width: 150px; border: none; margin-left: 0px;}
  #gal1 a:hover { border: 1px solid #db0; }

  /* graficke navrhy - slideshow */
  #slide { float: right; border: 1px solid #777; width: 400px; height: 300px; margin-bottom: 20px; }
  #slideItems .slideItem { width: 400px; height: 300px; }
  .slideItem img { max-height: 300px; min-width: 400px; }

  /* graficke navrhy */
  #gal2 { float: left; width: 515px; }
  #gal2 a { float: left; margin: 0 10px 15px 0; width: 87px; height: 71px; overflow: hidden; border: 1px solid #777;}
  #gal2 a img { height: 71px; border: none; }
  #gal2 a:hover { border: 1px solid #db0; }

  /* galreal */
  #main #galreal p { float: left; margin: 0 15px 15px 0; width: 140px; height: 115px; text-align: center; overflow: hidden; line-height: 1.25em; }
  #main #galreal p:hover { color: #fff;}
  #galreal a { margin: 0 auto; display: block; width: 138px; height: 85px; overflow: hidden; border: 1px solid #ccc;}
  #galreal a img { width: 140px; border: none; margin-left: 0px;}
  #galreal a:hover { border: 1px solid #db0; }

  /* aktuality, ross */
  #main strong em big { color: #ccc; font-weight: normal; }
  .prispevek .datum { font-style: italic; font-size: 11px; color: #ccc; }
  #main .prispevek { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #888; }
  #main .prispevek h2 {  font-size: 22px; color: #db0; height: 1em; padding-bottom: 5px; margin: 0 0 5px; font-weight: normal; }
  #main .prispevek a { color: #ca0; }
  #main .prispevek a:hover { color: #fc0; text-decoration: underline; }

  /* vzorky */
  #prevz { float: right; width: 500px; }
  #prevz { text-align: right; }
  #prevz img { border: 1px solid #ccc; }
  #galvz { padding: 30px 0 20px; }

  #main #galvz p { float: left; margin: 0 15px 0px 0; width: 160px; height: 150px; text-align: center; overflow: hidden; line-height: 1.25em; }
  #main #galvz p:hover { color: #fff;}
  #galvz a {  float: left; margin: 0 15px 0px 0;  display: block; width: 160px; height: 120px; overflow: hidden; border: 1px solid #ccc;}
  #galvz a img { height: 120px; border: none; margin-left: 0px;}
  #galvz a:hover { border: 1px solid #db0; }



#footer { height: 155px; overflow: hidden; color: #aaa; border-top: 0px solid #555; }
#footer .in { padding: 15px 0 0;}
  #footer strong { text-transform: uppercase; color: #ccc !important; }
  #footer a { color: #ccc !important; font-size: 11px; text-decoration: underline; }
  #footer a:hover { color: #fff !important; }
  #footer .box { height: 140px; float: left; padding: 0 20px;}
  #footer .box p { margin: 0 0 5px 0; }

  #footer #adresa { width: 240px; }
    #footer #adresa p { margin-bottom: 5px; }
  #footer #otviracka { width: 240px; }
    #footer #otviracka table { width: 100%; border-collapse: collapse; margin: 0 0 5px 0; }
    #footer #otviracka td,
    #footer #otviracka p { font-size: 11px; }
  #footer #doporucujeme { background-image: none; }
    #footer div { margin-bottom: 15px;  }
    #footer #doporucujeme a { color: #c60; }
    #footer #doporucujeme a:hover { color: #000; text-decoration: underline; }



#copy { text-align: right; padding: 5px 20px; font-size: 11px; color: #aaa;  }
#copy a { text-decoration: none; color: #aaa; }
#copy a:hover { color: #fff;  text-decoration: underline; }




.foto {
  margin-top: 20px;
}


.foto p {
  float: left;
  margin: 0 20px 10px 0;
  text-align: center;
}
.foto a, 
.foto span {
  display: block;
  font-size: 11px;
  font-family: arial;
}

.foto a {
  width: 150px;
  height: 100px;
  overflow: hidden; 
  border: 1px solid #333; 

} 
.foto img { 
  border: none;
}