@charset "utf-8";
/* Obsah:
*******************
1. Kontakt ********
1.1. obecne
1.2. txt
1.3. top
1.4. menu
1.5. sidebar
1.6. content
1.7. footer
*/
/* obecne */
* {margin:0; padding:0; color: #000;}
body {font-family: Arial, Helvetica, sans-serif; background-color: #202020; color:#fff; font-size:100%; background:url(../img/body-kontakt-bg.gif) repeat-y top center;}

img, table, fieldset, legend {border:0;}
hr {display:none; clear:both;}
.clear {display: block; clear:both; height:0px; line-height:0px; font-size:0px; }
a { cursor:pointer; color:#333;}
a:hover { color:#e30707; text-decoration:none;}
.grad { width:100%; margin:0 auto;}
.topStripe { width:100%; margin:0 auto; background:url(../img/menu-detail-bg.png) no-repeat top center;}
.center { width:980px; margin:0 auto; position: relative;}

input.hidden {display: none !important;}

.top { position:absolute; width:980px; height:137px; top: 0; left: 0; z-index: 10;}
.top p a { width:139px; height:116px; position:relative; overflow:hidden; float:left; margin-right:92px;}
.top p a span { width:139px; height:116px; position:absolute; top:0; left:0; background:url(../img/logo.jpg) no-repeat top left;}

.no {display: none!important;}

/* txt */
h1 { font-size:26px; font-weight:bold; padding-left:12px; font-family:Helvetica, Arial, sans-serif; color: #FFF;}
h2 {margin-top: 40px; padding: 0 20px; font-size: 26px; font-weight: bold; color: #000;}
h3 {padding-top: 20px; font-size: 16px; font-weight: bold; color: #e30707; padding-bottom: 8px;}
p { font-size:12px;}

.home .sidebar h1 {margin-left:20px;color:black;font-size:1.2em;margin-bottom:5px;}

/* HOMEPAGE */
  .home {background: #fff;}
  .home .grad {background:url(../img/grad-home-kuchyne.jpg) no-repeat top center;}
  .home .topStripe {min-width: 980px;}
  .home .center {background:url(../img/center-home-kuchyne.jpg) no-repeat top left;}
  .home .content {position: relative; float: none; width: 980px; height: 590px; margin: 0; padding-top: 130px;}
  .home .content .tradice {position: absolute; top: 225px; left: 0px; width: 340px; height: 159px; background: url(../img/home-tradice.png) no-repeat top left;}
  .home .content .tradice * {display: none;}

  .home .about {position: absolute; top: 480px; left: 0px; width: 200px; height: 60px; padding: 15px 0 0 30px; font-size: 12px; line-height: 18px; }
  .home .about {display: block; border-top: 1px solid #fff;}
  .home .about p {color: #fff;}

  .maincontent {width:929px;height:1000px;position:absolute;right:50%;top:0;margin-right:-178px;}

  #bgwrap {height:100%;position:relative;}

  .home .sidebar {position: absolute; top: 170px; right: 0px; width: 320px; height: 600px; margin: 0px; padding: 0px;}
  .home h1 {margin-left:15px;}
  .home h2 {margin: 10px 20px 30px 27px; padding: 0px; font-size: 16px;}
  .home .sidebar h3 {font-size: 16px; font-weight: normal; padding: 0px;}
  .home .sidebar h3 span {display: block; font-size: 12px; color: #999;}
  .arrow {display: block; position: absolute; left: 0px; top: 78px;width: 9px;height: 17px; background: url(../img/home-arrow.gif) no-repeat;z-index:500;}
  .accordeon {width: 292px; margin-left: 27px; border-bottom: 1px solid #e5e5e5;}
  .card h3 {height:65px; overflow:hidden; background:url(../img/home-card-off.jpg) no-repeat top left;}
  .card h3 a {display:block; padding:15px 20px 5px; font-size:16px;color:#000;text-decoration:none; font-weight:normal;}
  .card h3 a:hover {color: #e30707;}
  .unfolded {background: url(../img/home-card-on.gif) no-repeat top left;}
  .unfolded h3 {background:transparent; border-color:#000;}
  .unfolded h3 a {color:#fff;}
  /*.card .card-in {display:none;}
  .unfolded .card-in {display:block;}*/
  .card-in {background: #212121; padding:0 18px 20px;color:#ccc;border:solid #000;border-width:0 1px;font-size:11px;line-height:160%;}
  .card-in p {padding:10px 0; color: #cccccc;}
  .card-in a {display: block; width: 99px; height: 23px; padding: 0 0 0 10px; line-height: 23px; background: url(../img/home-button.gif) no-repeat; font-size: 12px; color:#fff; text-decoration: none;}
  .card-in img {display: block; width: 253px; height: 80px; margin: 10px auto 5px auto;}

/* konec HOMEPAGE */

/* INTERIER */
  body.interier {background: #fff url(../img/body-interier-bg.gif) repeat-y top center;}
  .interier .grad {background:url(../img/grad-interier-bg.jpg) no-repeat top center;}
  .interier .center {background:url(../img/center-interier-bg.jpg) no-repeat 0 0;}

  body.interierKuchyne {background: #fff url(../img/interier/body-bg.gif) repeat-y top center;}
  .interierKuchyne .grad {background:url(../img/interier/grad-kuchyne.jpg) no-repeat top center;}
  .interierKuchyne .center {background:url(../img/interier/center-kuchyne.jpg) no-repeat 0 0;}

   body.interierSchody {background: #fff url(../img/interier/body-bg.gif) repeat-y top center;}
  .interierSchody .grad {background:url(../img/interier/grad-schody.jpg) no-repeat top center;}
  .interierSchody .center {background:url(../img/interier/center-schody.jpg) no-repeat 0 0;}

   body.interierKoupelny {background: #fff url(../img/interier/body-bg.gif) repeat-y top center;}
  .interierKoupelny .grad {background:url(../img/interier/grad-koupelny.jpg) no-repeat top center;}
  .interierKoupelny .center {background:url(../img/interier/center-koupelny.jpg) no-repeat 0 0;}

   body.interierKrby {background: #fff url(../img/interier/body-bg.gif) repeat-y top center;}
  .interierKrby .grad {background:url(../img/interier/grad-krby.jpg) no-repeat top center;}
  .interierKrby .center {background:url(../img/interier/center-krby.jpg) no-repeat 0 0;}

  body.interierObklady {background: #fff url(../img/interier/body-bg.gif) repeat-y top center;}
  .interierObklady .grad {background:url(../img/interier/grad-obklady.jpg) no-repeat top center;}
  .interierObklady .center {background:url(../img/interier/center-obklady.jpg) no-repeat 0 0;}
  
/* konec INTERIER*/

/* POMNIKY */
  body.pomniky {background: #fff url(../img/body-interier-bg.gif) repeat-y top center;}
  .pomniky .grad {background:url(../img/grad-pomniky-bg.jpg) no-repeat top center;}
  .pomniky .center {background:url(../img/center-pomniky-bg.jpg) no-repeat 0 0;}

  body.pomnikyHroby {background: #fff url(../img/body-interier-bg.gif) repeat-y top center;}
  .pomnikyHroby .grad {background:url(../img/grad-hroby-bg.jpg) no-repeat top center;}
  .pomnikyHroby .center {background:url(../img/center-hroby-bg.jpg) no-repeat 0 0;}
/* konec POMNIKY */

/* obecne SEKCE a PODSEKCE (interier, exterier, pomniky) */
  p.backSekce {padding: 0 0 0 5px;}
  p.backSekce a {display: block; width: 150px; height: 40px; padding: 0 0 0 12px; background: url(../img/arrow-right-white.gif) 2px 4px no-repeat; font-size: 16px; font-weight: bold; color: #fff; text-decoration: none;}
  p.backSekce a span {display: block; font-size: 12px; color: #fff; text-decoration: none; cursor: pointer;}
  p.backSekce a:hover, p.backInterier a:hover span {color: #e30707;}

  .sekceInfo {float: left; width: 435px; padding: 0 0 20px 0px;}
  .sekceDetail {float: left; width: 435px; padding: 0 0 20px 0px;}
  .sekceInfo h2, .sekceDetail h2 {margin-bottom: 20px; font-size: 16px; font-weight: bold;}
  .sekceInfo p, .sekceDetail p {padding: 0 20px; color: #333333; line-height: 160%;}
  .sekceDetail h1 {margin: 40px 0 0 0; padding: 0 20px; color: #000;}
  .sekceDetail h2 {margin-top: 30px;}
  .sekceDetail a {color : #e30707; text-decoration: none;}
  .sekceDetail a:hover {text-decoration: underline;}

  ul.moreAbout {padding-left: 20px; font-size: 12px;}
  ul.moreAbout li {list-style: none;}
  ul.moreAbout li a {padding-right: 10px; background: url(../img/arrow-li-grey.gif) no-repeat right center;}

  .sekceMenu {float: right; width:293px; padding: 0 0 20px 0;}
  .sekceMenu h2 {margin-bottom: 20px; padding: 0; font-size: 16px; font-weight: bold; color: #333333}
  .sekceMenu ul {width: 293px; border-bottom: 1px solid #cccccc;}
  .sekceMenu ul li {list-style: none;}
  .sekceMenu ul li a {display: block; width: 253px; height: 36px; padding: 17px 20px 15px 20px; background-image: url(../img/interier/but-simple.jpg); background-position: top left; background-repeat: no-repeat; line-height: 18px; font-size: 14px; text-decoration: none;}
  .sekceMenu ul li a span {display: block; width: 120px; font-size: 12px; color: #999999;}
  .sekceMenu ul li a:hover span {color: #333;}
  body.interier .sekceMenu ul li a span, body.pomniky .sekceMenu ul li a span {display: block; width: 140px; font-size: 12px; color: #999999;}
  body.pomnikyKolumbaria .sekceMenu ul li a span {display: block; width: 140px; font-size: 12px; color: #999999;}
  body.pomnikyHroby .sekceMenu ul li a span {display: block; width: 140px; font-size: 12px; color: #999999;}
  body.interier .sekceMenu ul li a:hover span, body.pomniky .sekceMenu ul li a:hover span {color: #999999;}

  .sekceMenu ul li a.kuchyne {background-image: url(../img/interier/but-kuchyne.jpg);}
  .sekceMenu ul li a.schody {background-image: url(../img/interier/but-schody.jpg);}
  .sekceMenu ul li a.koupelny {background-image: url(../img/interier/but-koupelny.jpg);}
  .sekceMenu ul li a.krby {background-image: url(../img/interier/but-krby.jpg);}
  .sekceMenu ul li a.obklady {background-image: url(../img/interier/but-obklady.jpg);}

  .sekceMenu ul li a.vzornikKuchyne {height: 78px; background-image: url(../img/interier/but-kuchyne-vzornik.jpg);}
  .sekceMenu ul li a.fotoKuchyne {height: 78px; background-image: url(../img/interier/but-kuchyne-foto.jpg);}
  .sekceMenu ul li a.fotoSchody {height: 78px; background-image: url(../img/interier/but-schody-foto.jpg);}

  .sekceMenu ul li a.hroby {background-image: url(../img/pomniky/but-hroby.jpg);}
  .sekceMenu ul li a.kolumbaria {background-image: url(../img/pomniky/but-kolumbaria.jpg);}
  .sekceMenu ul li a:hover {background-position: bottom left;}

  .col12 {float: left; width: 49%;}
  .col22 {float: right; width: 49%;}

/* konec SEKCE a PODSEKCE */

/* JAK VYBRAT */
  body.jakvybrat {background: #fff url(../img/body-onas-bg.gif) repeat-y top center;}
  .jakvybrat .grad {background:url(../img/grad-onas-bg.jpg) no-repeat top center;}
  .jakvybrat .center {background:url(../img/center-onas-bg.jpg) no-repeat 0 0;}
  .jakvybratInfo {float: left; width: 545px; padding-bottom: 20px;}
  
  .jakvybratInfo h1 {margin: 40px 0 0 0; padding: 0 20px; color: #000;}
  .jakvybratInfo h2 {margin-top: 20px; font-size: 16px;}
  .jakvybratInfo h2.firstH {margin: 40px 0 20px 0; font-size: 26px;}
  .jakvybratInfo h2.withTop {padding: 20px; font-size: 16px; background: url(../img/jak-vybrat/part-top.jpg) no-repeat top left;}
  .jakvybratInfo h3 {margin-top: 10px; padding: 0px 20px; font-size: 12px; color: #000}
  .jakvybratInfo p.important {color: #666; font-size: 14px;}
  .jakvybratInfo p {position: relative; padding: 10px 20px 0 20px; color: #333333; line-height: 160%;}

  .jakvybratInfo p span {display: block; position: absolute; width: 190px; height: 40px; line-height: 40px; color: #000;}

  .jakvybratInfo ul {font-size: 12px; line-height: 160%;}
  .jakvybratInfo li {list-style: none; margin-left: 10px; padding: 10px 20px 0 10px; background: url(../img/jak-vybrat/arrow-li.jpg) no-repeat 0 18px;  color: #333;}

  .jakvybratInfo img {border: 3px solid #e3e3e3; text-decoration: none;}
  .jakvybratInfo a {text-decoration: none; color: #666}
  .jakvybratInfo a:hover {color: #e30707}

  p.zula {height: 200px; background: url(../img/jak-vybrat/zula-bg.jpg) 0 5px no-repeat;}
  p.zula span {top: 96px; left: 50px;}

  div.zula .col12 {width: 41%}
  div.zula .col22 {width: 55%}
  div.zula .col12 p {padding: 10px 0 0 20px;}
  div.zula img {border: none;}

  p.mramor {height: 330px; background: url(../img/jak-vybrat/mramor-bg.jpg) 0 75px no-repeat;}
  p.mramor span.mram1 {top: 121px; left: 360px;}
  p.mramor span.mram2 {top: 199px; left: 30px;}

  div.mramor .col12 {width: 60%}
  div.mramor .col22 {width: 40%}
  div.mramor .col22 p {padding: 15px 0 0 0;}

  div.piskovec {height: 470px; background: url(../img/jak-vybrat/piskovec-bg.jpg) 19px 110px no-repeat;}
  div.piskovec span {top: 141px; left: 135px;}
  div.piskovec h3 {margin-top: 120px; padding-left: 30px;}
  div.piskovec ul {padding-left: 10px;}

  div.piskovec p.lom {display: block; width: 410px; height: 90px; margin-top: 65px;}
  div.piskovec p.lom img {float: left;}
  div.piskovec p.lom span {position: static; display: block; float: right; width: 200px; height: 75px; padding-top: 15px; line-height: 160%; color: #666}

  p.technistone {height: 370px; background: url(../img/jak-vybrat/technistone-bg.jpg) 0px 130px no-repeat;}
  p.technistone a {display: block; width: 100px; height: 50px; margin: 10px 0 0 360px; padding: 185px 0 0 30px; background: url(../img/jak-vybrat/technistone-vzornik.jpg) top left no-repeat;}

  .jakvybratInfo .col13 {float: left; width: 40%;}
  .jakvybratInfo .col13 h3 {margin-top: 0px; padding-left: 30px;}
  .jakvybratInfo .col13 ul {padding-left: 10px;}
  .jakvybratInfo .col23 {float: left; width: 20%; padding: 0px; color: #666;}
  .jakvybratInfo .col33 {float: left; width: 32%; color: #666;}
  .jakvybratInfo .col23 img {border: none;}

  .jakvybratInfo .icons {float: left; width: 74px;}
  .jakvybratInfo .icons img {border: none; display: block; padding: 10px 10px 10px 20px;}
  .jakvybratInfo ul.aboutIcons {float: left; width: 470px;}
  .jakvybratInfo ul.aboutIcons li {margin-bottom: 20px; padding-left: 15px;}
  .jakvybratInfo ul.aboutIcons li.long {margin-bottom: 5px;}

  .jakvybratMenu {width: 180px; float: left; padding: 0 0 20px 20px;}
  .jakvybratMenu h2 {padding: 0px; color: #000; font-size: 16px; font-weight: bold;}
  .jakvybratMenu ul { border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 1px solid #CCC; width: 179px; margin-top: 30px;}
  .jakvybratMenu ul li {list-style: none;}
  .jakvybratMenu ul a { width: 159px; height: 47px; display: block; background: url(../img/rightside-bg-arrow-off.gif) no-repeat bottom right; border-bottom: 1px solid #CCC; font-size: 14px; color: #000; text-decoration: none; padding: 20px 0 0 20px; }
  .jakvybratMenu ul a span {display: block; font-size: 12px; color: #999;}
  .jakvybratMenu ul a:hover { background: url(../img/rightside-bg-arrow-on.gif) no-repeat bottom right; color: #e30707;}

  .jakvybrat .footer {width: 746px; background:url(../img/footer-detail-line.gif) no-repeat right top #fff;}

  .povrchy .jakvybratInfo h2 {color: #e30707; padding-bottom: 0px;}
  .povrchy .characteristic {float: left; width: 265px; margin-top: 5px;}
  .povrchy .characteristic li {margin-left: 20px; padding-top: 5px; padding-left: 15px; background: url(../img/jak-vybrat/char-li.gif) no-repeat 0 10px;}
  .povrchy .usage {float: left; width: 265px; margin-top: 5px;}
  .povrchy .usage ul {margin-top: 5px;}
  .povrchy .usage li {margin-left: 20px; padding-top: 0px; padding-left: 15px; background-position: 0 8px;}
/* konec JAK VYBRAT */

/* O NAS */
  body.onas {background: #fff url(../img/body-onas-bg.gif) repeat-y top center;}
  .onas .grad {background:url(../img/grad-onas-bg.jpg) no-repeat top center;}
  .onas .center {background:url(../img/center-onas-bg.jpg) no-repeat 0 0;}

  .onasInfo {float: left; width: 545px; padding: 0 0 20px 0px;}
  .onasDetail {float: left; width: 545px; padding: 0 0 20px 0px;}
  .onasInfo h2, .onasDetail h2 {margin: 20px 0; font-size: 16px; font-weight: bold;}
  .onasInfo p, .onasDetail p {padding: 0 20px; color: #333333; line-height: 160%;}
  .onasDetail h1, .onasInfo h1 {margin: 40px 0 0 0; padding: 0 20px; color: #000;}
  .onasDetail h2 {margin-top: 30px;}
  .onasDetail a {color : #e30707; text-decoration: none;}
  .onasDetail a:hover {text-decoration: underline;}
  .onasInfo h2.firstH {margin-top: 40px; font-size: 26px;}
  .onasInfo p.important {color: #666; font-size: 14px;}
  .onasInfo .textPart {float: left; width: 290px;}
  .onasInfo .textPart p {margin-bottom: 25px;}
  .onasInfo .promoPart {float: left; width: 175px; padding: 15px 35px;}
  .onasInfo a.sipka {display: block; height: 30px; padding-right: 10px; line-height: 30px; font-size: 12px; background: url(../img/arrow-red.gif) right center no-repeat}
  .onasInfo .zalozeniPart {width: 180px; height: 271px; margin-top: 25px; padding: 15px 27px; background: url(../img/onas-zalozeni.jpg) no-repeat;}
  .onasInfo .vzorkyPart {height: 198px; margin-top: 25px; background: url(../img/onas-vzorky.jpg) no-repeat;}
  .onasInfo .zalozeniPart p {padding: 0 0 150px 0px;}
  .onasInfo .vzorkyPart p {padding: 0 0 135px 0px;}
  .onasInfo .zalozeniPart a {width: 140px;}
  .onasInfo .vzorkyPart a {width: 95px;}
  .onasInfo .textPart a {width: 50px;}
  .onasInfo ul {margin-top: 20px;}
  .onasInfo li {list-style: none; width: 504px; padding: 0 20px; border-bottom: 1px solid #c1c1c1}
  .onasInfo li strong {display: block; float: left; width: 65px; line-height: 35px; font-size: 16px; color: #000;}
  .onasInfo li p {display: block; padding: 9px 0; color: #333; line-height: 160%;}
  .onasInfo li h2 {padding: 0px; margin-bottom: 0px; color: #333;}
  .onasInfo .historie li p {float: right; width: 435px;}
  .onasInfo a {color : #e30707; text-decoration: none;}
  .onasInfo a:hover {text-decoration: underline;}

  .onasInfo ul.partneri {padding: 0 5px 0 20px;}
  .onasInfo ul.partneri li {float: left; width: 155px; height: 155px; margin: 0 15px 15px 0; padding: 0px; background: url(../img/onas-partner-bg.jpg) no-repeat top left; border: none;}
  .onasInfo ul.partneri li a {display: block; width: 123px; height: 123px; padding: 15px; background: url(../img/onas-partner-bg.jpg) no-repeat top left; border: 1px solid #c2c2c2; font-size: 12px; color: #333; text-decoration: none;}
  .onasInfo ul.partneri li a:hover {background-position: bottom left; border-color: #6c6c6c; text-decoration: none;}
  .onasInfo ul.partneri li a img {display: block; width: 123px; height: 65px; margin-bottom: 33px;}

  .onasMenu {width: 180px; float: left; padding: 0 0 20px 20px;}
  .onasMenu h2 {padding: 0px; color: #000; font-size: 16px; font-weight: bold;}
  .onasMenu ul { border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 1px solid #CCC; width: 179px; margin-top: 30px;}
  .onasMenu ul li {list-style: none;}
  .onasMenu ul a { width: 159px; height: 47px; display: block; background: url(../img/rightside-bg-arrow-off.gif) no-repeat bottom right; border-bottom: 1px solid #CCC; font-size: 14px; color: #000; text-decoration: none; padding: 20px 0 0 20px; }
  .onasMenu ul a span {display: block; font-size: 12px; color: #999;}
  .onasMenu ul a:hover { background: url(../img/rightside-bg-arrow-on.gif) no-repeat bottom right; color: #e30707;}

  .onasInfo .contactForm {float: left; width: 245px; height: auto; padding-left: 20px; padding-right: 17px;}
  .onasInfo .contactForm form {width: 241px; height: 345px; border: 1px solid #cccccc; border-top: none; background: url(../img/onas-form-top.gif) no-repeat top left;}
  .onasInfo .contactForm h3 {color: #000; padding: 10px 15px 0 15px;}
  .onasInfo .contactForm form p {width: 207px; padding: 12px 15px 0 15px;}
  .onasInfo .contactForm form input, .onasInfo .contactForm form textarea {width: 142px;}
  .onasInfo .contactForm .small {font-size: 11px; color: #666;}

  .onasInfo .toContact {float: left; width: 221px; height: 355px; padding-left: 20px; border: 1px solid #cccccc; border-top: none; background: url(../img/onas-form-top.gif) no-repeat top left;}
  .onasInfo .toContact p {padding: 10px 0;}
  .onasInfo .toContact h3 {color: #000; padding: 20px 15px 0 0; font-size: 14px;}
  .onasInfo .toContact a {display: block; margin-top: 20px; line-height: 30px; width: 95px; padding-right: 10px; background: url(../img/arrow-red.gif) no-repeat center right;}
  .onas .footer {width: 746px; background:url(../img/footer-detail-line.gif) no-repeat right top #fff;}

  .zakazka h2 {margin-bottom: 0px; margin-top: 15px;}
  .zakazka .series {margin: 20px 0; height: 280px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1;}
  .zakazka .series .slideShow {position: relative; width: 505px; height: 205px; margin: 15px 0 25px 19px; background-color: #f3f3f3;}
  .zakazka .series .slideShow .step {width: 505px; height: 205px;}
  .zakazka .series .slideShow img {display: block; float: left; width: 307px;}
  .zakazka .series .slideShow .step .desc {float: left; width: 190px;}
  .zakazka .series .slideShow h3 {padding-left: 22px; padding-bottom: 5px; font-size: 12px; color: #333333}
  .zakazka .series .slideShow p {padding-left: 22px;}
  
  .zakazka .series .slideShow .navig a {position: absolute; padding: 4px; border: 1px solid #cccccc; font-size: 12px; color: #333;}
  .zakazka .series .slideShow .navig a.prev {bottom: 17px; right: 100px; padding-left: 16px; background: url(../img/onas-navig-but-prev.gif) no-repeat center left; }
  .zakazka .series .slideShow .navig a.next {bottom: 17px; right: 45px; padding-right: 16px; background: url(../img/onas-navig-but.gif) no-repeat center right; }
  .zakazka .series .slideShow .navig p {position: absolute; bottom: 20px; right: 0px; width: 20px; padding-right: 13px; font-size: 12px; color: #999;}
  .zakazka .series .slideShow .navig p span {color: #999}
  .zakazka .series .slideShow .flag {position: absolute; top: 20px; left: 300px; width: 7px; height: 13px; background: url(../img/onas-series-flag.gif) no-repeat;}

  .zakazka a.contact {display: block; width: 100px; height: 20px; padding-right: 5px; line-height: 20px; font-size: 12px; background: url(../img/arrow-red.gif) right center no-repeat}
  
  .zamci ul {margin: 5px 0 0 0;}
  .zamci li {border: none; font-size: 14px; font-weight: bold; margin: 3px 0;}
  .zamci li.first {font-weight: normal;}
  .zamci p {margin: 20px 0 0 0 ;}

/* konec O NAS */

/* FOTOGALERIE */
  body.fotogalerie {background: #fff url(../img/body-galerie-bg.gif) repeat-y top center;}
  .fotogalerie .grad {background:url(../img/grad-galerie-bg.jpg) no-repeat top center;}
  .fotogalerie .center {background:url(../img/center-galerie-bg.jpg) no-repeat 0 0;}
  .fotogalerie p.backSekce a {color: #ccc;}
  .fotogalerie p.backSekce a:hover {color: #e30707;}

  .legend {position: relative; display:block; width:156px; height:29px; margin-top:25px; padding: 0 15px; line-height: 29px; background:url(../img/legend-bg.jpg) no-repeat top left; font-size: 11px; font-weight: bold; color: #999999; text-transform: uppercase;}
  .fotogalerie .sidebar {padding-bottom: 20px;}
  .fotogalerie .sidebar ul {margin-top: 10px;}
  .fotogalerie .sidebar li {list-style: none;}
  .fotogalerie .sidebar li a {display:block; width:160px; padding-left:15px; line-height:2; font-size:12px; color:#CCC; text-decoration: none;}
  .fotogalerie .sidebar li a:hover { color:#e30707; cursor:pointer;}
  .fotogalerie .sidebar li a.active { background:url(../img/sidebar-eye.gif) no-repeat 160px 8px; color:#e30707;}
  .fotogalerie .content {padding-bottom: 20px;}

  .fotogalerie h1 {margin: 40px 0 0 18px; padding: 0px; color: #878787;}
  .photoDownload {text-align: right; line-height: 30px}
  .photoDownload a {color: #999999; text-decoration: none;}
  .photoDownload a:hover {color: #e30707;}

  #bigPhoto {width:730px; height: 460px; margin-left: 18px; background-color: #555;}
  #bigPhoto img {display: block; width: 730px; height: 460px;}
  .listPhoto {width: 730px; margin-left: 18px; padding-bottom: 7px; background: url(../img/galerie-list-bot.jpg)  #2b2b2b no-repeat bottom left;}
  .aboutGallery {float: left; width: 83px; height: 100px;}
  .aboutGallery h2 {margin-top: 15px; padding: 0 0 0 15px;font-size: 12px; font-weight: bold; color: #bcbcbc;}
  .aboutGallery .countInfo {margin-top: 15px; padding-left: 15px; font-size: 12px; color: #bcbcbc;}
  .aboutGallery .countInfo span {color: #bcbcbc;}
  .listPhoto .prevCarousel {float: left; display: block; width: 36px; height: 127px;}
  .listPhoto #photoCarousel {float: left; display: block; position: relative; overflow: hidden; width: 576px; height: 127px; }
  .listPhoto .nextCarousel {float: left; display: block; width: 34px; height: 127px;}
  .listPhoto .prevCarousel a, .listPhoto .nextCarousel a {display: block; width: 100%; height: 100%; }
  .listPhoto .prevCarousel a {background: url(../img/galerie-prev.jpg) no-repeat top left;}
  .listPhoto .nextCarousel a {background: url(../img/galerie-next.jpg) no-repeat top left;}
  .listPhoto .prevCarousel a:hover, .listPhoto .nextCarousel a:hover {background-position: bottom left;}
  .listPhoto ul {position: relative;}
  .listPhoto ul li {list-style: none; float: left; width: 112px; height: 97px; margin: 15px 4px 0 0; padding: 0px;}
  .listPhoto ul li a {position: relative;display: block; width: 100%; height: 100%;}
  .listPhoto ul li a span {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/galerie-overlay.png) top left; z-index: 10;}
  .listPhoto ul li a:hover span {display: none;}
  .listPhoto ul li.last {margin-right: 0px;}

  .fotogalerie .footer {position: absolute; bottom: -1px; left: 0px; height:48px; width: 980px; background: #1b1b1b; padding:10px 0 0 30px; font-size:10px; color:#666;}
  .fotogalerie .fresh span { width: 19px; height: 17px; background:url(../img/2f-black.gif) no-repeat top left; position: absolute; top: 0; left: 0;}

/* konec FOTOGALERIE */

/* KONTAKT */
  .kontakt .grad {background:url(../img/grad-kontakt-bg.jpg) no-repeat top center;}
  .kontakt .center {background:url(../img/pokuston-kontakt.jpg) no-repeat 0 0;}
  .contactPlaces {float: left; width: 435px;}
  .contactItem {margin-bottom: 10px; padding: 0 20px; background: url(../img/contact-item.jpg) no-repeat top left;}
  .firstItem {background: none;}
  .contactItem .itemInfo { font-weight: bold; font-size: 14px; padding-bottom: 9px;}
  .contactItem p { font-size:12px; line-height: 1.5; padding-bottom: 9px;}
  .contactItem .contactItemCol {float: left; width: 49%;}
  .contactItem h2 {padding: 20px 0 0 0; font-size: 16px;}
  .contactItem .map {margin: 20px 0 0 0;}
  .contactItem .goToMap {float: right; width: 80px; padding-top: 5px;}
  .contactItem .goToMap a {display: block;width: 70px; padding-right: 10px; background: url(../img/go-to-map.gif) no-repeat right center; font-size: 11px; color: #666666}
  .contactItem .goToMap a:hover {color: #e30707}
  #sendState p {padding-bottom: 0px; font-size: 13px; line-height: 16px; font-weight: bold; color: #e30707}
  #sendState {padding-bottom: 20px;}
  .contactForm {float: right; width:272px; padding-right:25px;}
  .contactForm h2 {margin: 50px 0 20px 0; padding: 0px; font-size: 16px;}
  .contactForm h3 {padding-top: 10px; font-size: 14px;}
  .contactForm p {padding: 0 0 20px 0; line-height: 20px; color : #333333}
  .contactForm form {width: 272px; height: 311px; padding-top: 10px; background: url(../img/contact-form.gif) no-repeat top left;}
  .contactForm form p {width: 232px; padding: 12px 20px 0 20px; color: #666666;}
  .contactForm form label {float: left; display: block; width: 50px; height: 26px; line-height: 26px; font-size: 12px; color: #333333;}
  .contactForm form input {float: right; display: block; width: 168px; height: 14px; padding: 4px 5px; border: 1px solid #a6a6a6; color: #000;}
  .contactForm form input.submit {float: none; width: 70px; height: 22px; margin: 0 0 0 50px; padding: 0px; line-height: 22px; color: #fff; background: url(../img/contact-form-submit.jpg) #000; border: none; cursor: pointer;}
  .contactForm form textarea {float: right; display: block; width: 168px; height: 64px; padding: 4px 5px; border: 1px solid #a6a6a6; color: #000;}
  .contactForm .contactInfo {padding-top: 10px; line-height: 16px; font-size: 11px; color: #666;}
/* konec KONTAKT */

/* top */
.top-btn { width:109px; height:115px; overflow:hidden; position:absolute; top:15px; right:1px;}
.top-btn a:hover img { margin-top:-115px; cursor:pointer;}

/* menu */
.top ul { padding-top:52px;}
.top ul li { list-style-type:none; float:left;}
.top ul li a { width:109px; height:85px; position:relative; overflow:hidden; display:block; cursor:pointer;}
.top ul li a span { width:109px; height:85px; position:absolute; top:0; left:0; cursor:pointer;}
.top ul li a:hover, .top ul li a:hover span { background-position:0 -85px; cursor:pointer;}
.top ul li a.active span {background-position: 0 -170px;}
.butt-01-interiery span { background:url(../img/menu/butt-01-interiery.png) no-repeat top left;}
.butt-02-exteriery span { background:url(../img/menu/butt-02-exteriery.png) no-repeat top left;}
.butt-03-pomniky span { background:url(../img/menu/butt-03-pomniky.png) no-repeat top left;}
.butt-04-jakvybrat span { background:url(../img/menu/butt-04-jakvybrat.png) no-repeat top left;}
.butt-05-onas span { background:url(../img/menu/butt-05-onas.png) no-repeat top left;}
.butt-06-kontakt span { background:url(../img/menu/butt-06-kontakt.png) no-repeat top left; }

/* sidebar */
.sidebar { width:217px; float:left; overflow:hidden; padding:33px 0 0 15px; margin-top:130px;}

/* content */
.content { width:748px; float:left; margin-top: 130px;}

/* bottom */
.footer {position: absolute; bottom: -1px; left: 0px; height:58px; width: 637px; background:url(../img/footer-kontakt-line.gif) no-repeat top right #FFF; padding:10px 0 0 30px; font-size:10px; color:#666;}
.footer p { font-size:10px; color:#666;}
.fresh { width: 19px; height: 17px; position: relative; display: block; overflow: hidden; margin-top: 10px;}
.fresh span { width: 19px; height: 17px; background:url(../img/2f.gif) no-repeat top left; position: absolute; top: 0; left: 0;}
.fresh:hover, .fresh:hover span { background-position: 0 -17px;}
.disabled {cursor: text}