/* -------------------------------------------------
 * STAGG hudební nástroje
 * - - - - - - - - - - - - - - - - - - - - - - - - -
 *  Popis: Hlavni kaskadovy styl pro stagg.cz
 *  Verze: 1.0
 *  Datum: 10. srpna 2010
 *  Autor: HDT Impex, s.r.o.
 * ---------------------------------------------- */


  /* ----- RESETOVANI ----- */
  body, div,
  ul, ol, li,
  h1, h2, h3, h4, h5, h6,
  p, blockquote, pre,
  form, fieldset, input, textarea,
  table, th, td, optgroup, option {margin:0; padding:0;}
  table {border-collapse:collapse; border-spacing:0;}
  fieldset,img {border:0;}
  ol,ul {list-style:none;}

  /* ----- OBECNE DEFINICE ----- */
  html, body {height: 100%;}
  body {color: #666; background-color: #ccc; font: 0.75em/150% 'Arial CE', Arial, 'Helvetica CE', 'Tahoma CE', Tahoma, lucida, sans-serif; text-align: center;}

  /* Nadpisy */
  h1, h2, h3, h4, h5, h6 {font-weight: normal; padding: 0.5em 0 0.5em 0.5em; color: #af161d; text-transform: uppercase;}
  h1 {font-size: 150%; background: url('./engine/img/bg-tecky.gif') repeat-x 0 100%;} /* 18px */
  h2 {font-size: 141.67%; padding: 1em 0 0.2em 0; margin-left: 0.5em;} /* 17px */
  h3 {font-size: 133.34%; font-weight: bold;} /* 16px */
  h4 {font-size: 125%;} /* 15px */
  h5 {font-size: 116.67%;} /* 14px */
  h6 {font-size: 108.34%; font-weight: bold;} /* 13px */

  dl {margin: 1em 2em 2em 2em;}
  /*dt, dd {display: inline;}*/
  dt {font-weight: bold; color: #c00;}
  dd {margin: 0 0 10px 0; color: #888;}

  /* Tabulky */
  table {border-collapse:separate; border-spacing:2px; margin:0; text-indent:0;}
  table, tbody, tr, th, td {font-size: 100%; font-weight: normal;} /* 12px */
  ul, li {font-size: 100%;} /* 12px */

  /* Odkazy */
  a, a:visited, a:active {color: #c00; text-decoration: none;}
  a:hover {text-decoration: underline;}
  
  a.img, a.img:hover {text-decoration: none;}
  a.img:hover span {text-decoration: underline;}
  
  a.slabe {color: #888; border-bottom: 1px dotted #888;}
  a.slabe:hover {color: #666; text-decoration: none;}

  /* ----- LAYOUT ----- */
  #stranka {position: relative; width: 990px; min-height: 100%; height: 100%; margin: 0 auto; background: url('./engine/img/bg-stranka.gif') repeat-y 50% 0; text-align: left;}
  body>#stranka {height: auto;}

  /* Hlavicka */
  #hlavicka {width: 100%; height: 214px; /*background: #0f0;*/ background: transparent url('./engine/img/bg-stranka-top.gif') no-repeat 50% 100%;}
  #hlavicka .drevena {height: 152px; /*background: url('./engine/img/bg-hlavicka.jpg') no-repeat 50% 100%;*/}

  #hlavicka .cervene {height: 37px; background: url('./engine/img/bg-hlavicka-cervene.gif') no-repeat 50% 0; position: relative; text-align: center;}
  #hlavicka .cervene ul, #mena {font-size: 83.34%;} /* 10px */
  #hlavicka .cervene ul li {display: inline; /*line-height: 21px;*/ padding: 0 12px; border-right: 1px solid #fff;}
  #hlavicka .cervene ul li.posl {border: none;}
  #hlavicka .cervene ul li a {color: #fff; text-transform: uppercase;}
  #hlavicka .cervene #mena {position: absolute; right: 65px; top: 0; color: #ff7a7d;}
  #hlavicka .cervene #mena a {color: #ff7a7d;}
  #hlavicka .cervene #mena strong {color: #fff;}

  /* Obsah */
  #obsah {padding: 0 0 45px 0; /*background: #f00;*/ /*background: url('./engine/img/bg-stranka-top.gif') no-repeat 50% 189px;*/}

  #stredniSloupec {width: 670px; float:left; /*margin: 0 160px;*/ /*background: #f00;*/}
  #stredniSloupec_obsah {padding: 10px 30px 50px 30px;}
  #stredniSloupec h3 {padding-top: 1em; padding-bottom: 0;}
  #stredniSloupec p {padding-top: 1em;}

  #levySloupec, #pravySloupec {float: left; width: 160px; /*background: #0f0;*/}
  #pravySloupec {float: right;}

  #levySloupec_obsah {padding: 0 10px 20px 20px;}
  #pravySloupec_obsah {padding: 0 20px 20px 10px;}
  /*#levySloupec_obsah:after, #pravySloupec_obsah:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}*/
  
  /* Kategorie produktu */
  #levySloupec ul#leveMenu {font-size: 83.34%;} /* 10px */
  #levySloupec ul#leveMenu li ul li {padding: 0 0 0 5px;}
  #levySloupec ul#leveMenu li ul li a {color: #666;}
  #levySloupec ul#leveMenu li a.vybrane {text-decoration: underline;}
  
  #levySloupec ul#ostatni {font-size: 83.34%;} /* 10px */
  
  #levySloupec h2, #pravySloupec h2 {margin: 0 0 0.5em 0; padding: 1em 0 0 0; font-size: 83.34%; /* 10px */ color: #888; border-bottom: 1px solid #bcbcbc;}
  #pravySloupec h2 {text-align: right;}
  #levySloupec small, #pravySloupec small {display: block; line-height: 1.4em;}

  #pravySloupec .novinka {background: #fff; margin-bottom: 0.5em; padding: 5px; /* 11px */}
  #pravySloupec .novinka small {font-size: 80%; /* 9px */}
  #pravySloupec .novinka small strong {font-size: 116.67%; /* 14px */}
  #pravySloupec .novinka .nahled {text-align: center; padding: 0.5em 0;}
  #pravySloupec .novinka .nahled p {text-align: left; line-height: 1.4em;}
  
  /*
  #obal {padding: 30px 0 20px 20px; background: transparent url('./engine/img/bg-text-horni.gif') no-repeat 100% 20px;}
  #text {padding: 0 20px 20px 20px; background: #ebdfcf url('./engine/img/bg-text-dolni.gif') no-repeat 50% 100%;}
  #text p {padding-top: 1em; text-indent: 1em; font-size: 1.2em; line-height: 1.5em; color: #483110;}
  #text .img p {padding: 0 15px 1em 15px; margin-top: -5px; font-size: 1em; line-height: 1.2em; color: #a08662; text-align: right;}
  #text small {padding-left: 1em; color: #8a3315;}
  #text ul, #text ol {padding: 1em 0 0 0; color: #483110; font-size: 1.1em;}
  #text ol {margin-left: 2.8em;}
  #text ul li {padding: 0.2em 0 0.5em 2.8em; background: url('./engine/img/bg-ul-odrazka.gif') no-repeat;}
  #text ol li {padding: 0.2em 0 0.5em 0; list-style-type: decimal;}
  */

  /* Submenu */
  #menu {background: url('./engine/img/bg-menu.gif') repeat-y 50% 0;}
  #menu .menu-obsah {padding: 1em 2em 2em 2em; background: url('./engine/img/bg-menu-dolni.gif') no-repeat 50% 100%;}
  #menu .menu-obsah ul {margin: 0 1em; padding: 1em 0; background: #253047 url('./engine/img/bg-menu-ul.gif') repeat-y; color: #6c7b95;}
  #menu .menu-obsah ul li {padding: 0.2em 1em; background: url('./engine/img/bg-menu-ul-li.gif') no-repeat 40px 100%;}
  #menu .menu-obsah ul li.bez {background: none;}
  #menu .menu-obsah ul li a {display: block; height: 150%; padding-left: 35px; line-height: 150%; border: none; background: url('./engine/img/bg-menu-odrazka.gif') no-repeat 0 5px; color: #6c7b95; font-size: 100%; text-decoration: none;}
  #menu .menu-obsah ul li a:hover {color: #fff; /*background-image: url([obr='bg-menu-odrazka-hover.gif');*/ background-position: 0 -95px;}
  #menu .menu-obsah ul li.vybrane a {color: #b4c7ec; background-position: 0 -196px;}
  #menu .menu-obsah ul li ul li {list-style-type: circle;}

  /* Paticka */
  #paticka {position: absolute; left: 0; bottom: 0; margin: 0 10px; width: 970px; overflow: hidden; line-height: 25px; text-transform: uppercase; font-size: 75%; /* 9px */ background: #ccc; color: #666; text-align: center;}
  #paticka p {}
  #paticka a {padding: 0 5px; color:#666666;}

  /* ----- FORMULARE ----- */
  fieldset {margin: 1em 0 0.5em 0;}
  fieldset legend {font-weight: normal; margin: 0 0 1em 0; padding: 0.5em 10px 0.2em 130px; color: #af161d; text-transform: uppercase; border-bottom: 1px solid #eee;}
  fieldset .polozky {padding: 2em 0;}

  input, textarea, select {font-family: 'Tahoma CE', Tahoma, 'Arial CE', Arial, 'Helvetica CE', lucida, sans-serif; font-size: 100%;}
  /*input.txt, textarea.txt/ *, select.sel* / {padding: 2px 5px; background-color: #fafafa; border: 1px solid #e1e1e1; color: #666;}*/
  input.txt.kratke {width: 120px;}
  /*select.sel {padding-right: 2px; width: 120px;}*/
  input.btn {padding: 1px 5px; font-size: 108.34%; color: #333; /*background: transparent; border: none; border-bottom: 1px #af161d dotted;*/ cursor: pointer;}
  
  optgroup {font-weight: normal; font-style: normal; color: #c00; padding: 1px 0;}
  option {color: #666;}
  optgroup option {padding: 1px 0 1px 5px;}

  .radek {margin: 2px 0;}
  label {color: #888; font-size: 91.67%; /* 11px */ line-height: 1.67em;}
  label.form {display: block; float: left; padding-right: 1em; width: 120px; text-align: right;}
  label.vetsi {width: 180px;}
  .radek span {line-height: 2em;}
  
 div.form {margin:0 auto; width:520px;}
 /*div.box {border: 1px solid #ccc; background: #f0f0f0; padding:10px; color:#333; margin-bottom:20px;}*/
 div.box h2 {font-size: 120%; color: #000; padding: 4px 0;  background: url('./engine/img/bg-tecky.gif') repeat-x 0 100%;}
 div.box p {margin-bottom: 1em;}
 div.box input.txt {padding: 2px 4px;}
 div.box label {display:block; margin-bottom:5px; color:#555;}
 div.box label span {display:block; float:left; padding-right: 1em; width:120px; text-align:right;}
 div.box button {height: 24px; font-size: 100%;}
 div.box button:hover {text-decoration: underline; cursor: pointer;}

 .spacer {margin-left:130px; margin-bottom:10px; font-size:11px; color:#555;}
 .tlc {background: #dedede; padding:0px 6px; border:1px solid #ccc; height:20px; line-height:20px; color:#444; margin-right:10px; display:inline-block; text-decoration:none;}
 .tlc.cervene {background: #c00; border-color: #a00; color: #fff;}

/*
  div.box h1 {color: #000; padding-bottom:4px;}
  div.box p {padding-bottom: 14px;}
  div.box input.txt {width: 160px;}
  div.box label {display: block; margin-bottom: 5px; color: #555; line-height: 1em;}
  div.box label span {/*display: block; float: left;* / padding: 1em; width: 120px; text-align: right;}
  .spacer {margin-left: 120px; margin-bottom: 10px; color: #555;}
*/

  .radek input {float: left; padding: 0.4em 0;}
  .radek input.mensi {width: 60px;}

  /* OSTATNI */
  
  /* Galerie */
  #galerie .nahled {width: 200px; height: 160px; background: url('./engine/img/bg-gal-nahled') no-repeat; float: left;}
  #galerie .nahled img {margin: 20px;}
  #galerie .nahled a {border: 0; text-decoration: none;}
  
  #balicky {display: none; opacity: 0; border: 1px dotted #ceb18a; background: #e4d2b9; border-left: none; border-right: none; padding: 1em;}
  .nPol {padding: 1em 2em; background: url('./engine/img/bg-tecky.gif') repeat-x 0 100%;}
  .nPol .nahled-maly {padding: 0 0 0 1em;}
  .nPol h2 {margin: 0; padding: 0.5em 0 0.2em 0;}
  .nPol small {display: block; color: #aaa; font-size: 91.67%; /* 11px */}
  .nPol p {padding: 0 0 1em 0;}

  .pPol {margin: 0; padding: 0 0;}
  .pPol h3 {margin-left: 0;}
  .pPol small {color: #ccc; font-size: 91.67%; /* 11px */}
  .pPolObal {margin: 0; padding: 0;}
  .pPolObsah {width: 100%; border: 1px solid #ccc; border-width: 1px 0;}

  .nahled {padding: 1em;}
  .hledSlovo {padding: 1px 2px; background-color: #f5f5f5; border: 1px solid #eee; color: #900;}

  .prodPod {background-color: #f0f0f0; margin-bottom: 5px; font-size: 91.67%; /* 11px */}
  .prodPod .obalPod {padding: 2px 10px;}
  .prodPod table {padding: 2px 10px; width: 100%;}
  .prodPod table span {font-size: 83.34%; /* 10px */ text-transform: uppercase; color: #a0a0a0;}
  div.nadpis2 {margin: 1em 0 1.5em; padding: 0.2em 0; border-bottom: 1px solid #ccc;}
  
  #prodPolozky {display: block; margin: 0 auto; padding: 0;}
  .prodPolozka {width: 610px;}
  .prodPolozka h3 {padding-left: 0; margin-bottom: 0.2em; font-size: 120%;}
  /*.prodPolozka .prodPolObal {padding: 1px; background-color: #ccc;}*/
  .prodPolozka .prodPolObsah {padding: 5px 5px 15px 5px; background: #fff; border: 1px solid #ccc;}
  .prodPolozka .prodPolObsah .nahled {padding: 1em 1em 0 1em;}
  .prodPolObal.akcni .prodPolObsah {border-color: #c77;}

  .obr {position: relative;}
  .obr span {display: block; position: absolute; right: 0; top: 0; padding: 2px 5px; background-color: #f0f0f0;}
  
  .nepl {text-decoration: line-through;}
  .cenaMensi {font-size: 85%; color: #c66;}
  
  
  .delLinka {border-bottom: 1px solid #eee; margin: 0 0 10px;}

  /* Strankovani */
  
  /*
  ul.strankovani {list-style: none; clear: both;}
  .strankovani li {display: inline; background-color: #f0f0f0; border: 1px solid #ccc;}
  .strankovani li a {padding: 1px 2px;}
  .strankovani li a:hover {color: #111; text-decoration: none;}
  .strankovani li span {padding: 1px 2px; color: #ccc;}
  .strankovani li .aktualni {padding: 1px 2px; font-weight: bold; color: #666;}
  .strankovani li .vetsi {font-size: 116.67%; /* 14px * /}
  */

  .strankovani-obal {margin: 0 auto; text-align: center; font-size: 90%;}
  .strankovani {}
  .strankovani li {border:0; margin:0 auto; padding:0; display: inline; list-style:none;}
  .strankovani a {border-right:solid 1px #dedede; margin-right:2px;}
  .strankovani .mezi {padding: 3px 4px;}
  .strankovani .neaktivni {color:#888; display:inline; padding:3px 6px;}
  .strankovani .dalsi a,
  .strankovani .predchozi a,
  .strankovani .zacatek a,
  .strankovani .konec a {border:none;}
  .strankovani .aktualni {color: #000; font-weight:bold; display:inline; padding:3px 6px; border-right:solid 1px #dedede;}
  .strankovani a:link, .strankovani a:visited {color:#c00; display:inline; padding:3px 6px; text-decoration:underline;}
  .strankovani a:hover {text-decoration:none;}
  
  /*
  ul.strankovani {list-style: none; clear: both; margin-bottom: 10px;}
 .strankovani li {width: 24px; height: 24px; float: left; background: transparent url('./engine/img/bg-strankovani.gif') no-repeat 50% 50%;}
 .strankovani a, .strankovani a:visited, .strankovani span {display: block; margin: 6px; color: #fff; text-decoration: none; background-color: #c00; font-size: 11px; text-align: center; line-height: 12px;}
 .strankovani li span {background-color: #f0f0f0;}
 .strankovani li span.aktualni {color: #c00; background-color: transparent;}
 .strankovani li.obecne a, .strankovani li.obecne span {font-size: 120%; line-height: 9px; padding-bottom: 3px; color: #888;}
 */
 
 /*
 .slovnik-pojmu {margin: 1.5em auto; width: 550px;}
 .slovnik-pojmu dl {margin-bottom: 2em;}
 .slovnik-pojmu dl dt {font-weight: bold;}
 .slovnik-pojmu dl dt dd {margin: 0; padding: 0; color: #888;}
 .slovnik-pojmu dl dt dd .popis {padding: 100px;}
 */
  .slovnik-pojmu .nahoru {display: block; text-align: right;}
  .slovnik-pojmu dl {border-bottom: 1px dashed #ddd;}
  .slovnik-pojmu dl dt span {color: #666;}
  .slovnik-pojmu dl dd ul {margin-left: 20px; list-style: disc outside;}
  
  .rychla-navigace {margin: 10px 0;}
  .rychla-navigace li {display: inline; padding: 0 2px; border-right: 1px solid #ccc;}
  .rychla-navigace li a {padding: 2px 3px;}
  .rychla-navigace li a:hover {background-color: #c00; color: #fff;}
 
  .obsah-max {width: 610px;}

  table.nahledPolozek {font-size: 91.67%; /* 11px */ border-collapse: separate; border-spacing: 5px;}
  .nahledPolozek td {border: 1px solid #f0f0f0; padding: 0.6em 10px; text-align: left;}

  /* Tridy */
  .cln {display: block; clear: both; height: 1px; font-size: 1%;}
  .skryte, hr {position: absolute; left: -9000px;}
  .nodisplay {display: none;}
  .block {display: block;}
  
  .novisibility {visibility: hidden;}

  .c {text-align: center;}
  .l {text-align: left;}
  .r {text-align: right;}
  
  .top {vertical-align: top;}

  .fll {float: left;}
  .flr {float: right;}
  
  .polovina {float: left; width: 50%; padding: 0;}
  .tretina {float: left; width: 30%; padding: 0;}
  .ctvrtina {float: left; width: 25%; padding: 0;}

  div.prodejce {padding: 1em 0.5em; background: url('./engine/img/bg-tecky.gif') repeat-x 0 100%;}
  div.prodejce h3 {padding-left: 0; font-size: 116.67%; /*14px*/}

  .prodCena {color: #ca2e40; font-size: 116.67%; /* 14px */ font-weight: bold; text-align: right;}

  .banner {padding-top: 1em; text-align: center;}
  
  .nopad {padding: 0;}
  
  .povinne {color: #c00; font-weight: bold; cursor: help;}

  div.formTxt {padding: 10px 40px;}
  div.info, div.chyba {padding: 10px 0 10px 130px;}
  .info {color: #92b91c;}
  .chyba {color: #c00;}
  .chyba a {color: #666; text-decoration: underline;}
  .chyba ul li {list-style-type: disc; margin: 0 0 0 2em;}
  
  .formMsg {margin-left: 2px; padding: 3px 6px 3px 20px; background: #c00 url('./engine/img/form-sipka.gif') no-repeat -10px 50%; width: 200px; font-size: 100%; color: #fff;}