/* Browser: moz 1.9 (Mozilla/5.0 (X11; U; Linux i686; cs-CZ; rv:1.9.1.9) Gecko/20100401 Ubuntu/9.10 (karmic) Firefox/3.5.9) */


/* elementy */
html {
  font: 0.8em/1.4 Tahoma, Arial, sans-serif;
  color: #191919;
  background: #484848;
  height: 100%;
  padding: 0;
  margin: 0;
}
* html { font-size: 80%; }

body {
  min-width: 900px;
  padding: 0;
  margin: 0;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=240&_fileName=back-body.png&_site=pichadesign_web") 50% 100% repeat-y;
  text-align: center;
}


h1 {
  position: relative;
  width: 260px; height: 200px;
  margin: 0;
  overflow: hidden;
  background: #484848;
  font-size: 200%;
  text-align: center;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 100%; height: 100%;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=3418&_fileName=logo.png&_site=pichadesign_web") no-repeat;
  cursor: pointer;
}

#content h1 {
  position: static;
  width: auto; height: auto;
}
#content h1, h2, h3, h4, h5, h6 {
  color: #191919;
  margin: .2em 0;
  font: normal bold 161.54%/1.4 Tahoma, Arial, sans-serif;
}
h3 { font-size: 138.46%; color: #FDA6D1;}
h4 { font-size: 123.08%; }
h5 { font-size: 107.69%; }
h6 { font-size: 100%; }

ul, ol, p, .p, address, fieldset, hr, .gallery, .fileList, .product, .MessageQueue, .pagging { margin: 0 0 1em; }
.p p, .p ol, .p ul, .p hr { margin: 0 0 1em !important; }
.p h2, .p h3, .p h4       { margin: 0 0 .2em !important; }

p { text-indent: 1em; }
.MessageQueue * { vertical-align: middle; border: 0; }

ul, ol { padding-left: 0; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin: 0 0 .5em 0; }
li { margin-left: 25px; }

address { font-style: normal; }
address span, span.width {
  display: block;
  width: 6em;
  float: left;
}

hr {
  height: 1px;
  color: #484848;
  background-color: #484848;
  border: 0px solid #484848;
}

sub, sup {
  vertical-align: baseline;
  position: relative;
}
sub { top:    0.4em; }
sup { bottom: 0.4em; }

img { border: 1px solid #FDA6D1; }
#content img { margin: .25em 2px; }
#file img, #content .fileList img { border: none; margin: 0; }

/* tabulky */
table {
  margin: 1em 0;
  border-collapse: collapse;
}
td, th { padding: 2px; }
th {
  background: #FDA6D1;
  color: white;
}
tr td, tr th { border: 1px solid #FDA6D1; }
table#file {
  width: 100%;
  border-bottom: 1px solid #484848;
}
#file td, #file th {
  border: none;
  vertical-align: top;
}
#file .img { width: 220px; }
#file .ico { width: 84px; }

.no-border, .no-border * { border: none !important; }

table.cart, table.productDetail, table.orders {
  width: 100%;
}

table.cart th, table.cart td {
  border: 0;
  border-bottom: 1px solid #FDA6D1;
}
table.cart th { background: #FDA6D1 url("../../ariadne/file_generators/dbfile.php?_fileId=3438&_fileName=back-footer.png&_site=pichadesign_web") 0 0 repeat-x; }
table.cart img { margin: 2px !important; }
table.cart input.text { width: 2.22em; }


.productDeatil {  table-layout: fixed; }
.productDetail td, .productDetail th {
  border: 0;
  background: none;
  padding: 2px 0;
  vertical-align: middle;
}
.productDetail th {
  color: #FDA6D1;
  text-align: right;
  padding-right: 10px;
  width: 170px; height: 1.5em;
}
.productDetail .mainImage {
  width: 210px;
  text-align: right;
}
.productDetail .mainImage img { margin: 0 !important; }


/* formuláře */
form { margin: 0; }
fieldset {
  padding: 0;
  border: 0;
  line-height: 28px;
}
fieldset p, filedset table, fieldset hr { margin: 0 0 1em; }

legend {
  padding: 0 5px;
  font-weight: bold;
  color: black;
}

input, select, textarea { font: 13px/1.4 Tahoma, Arial, sans-serif; }
input, select, textarea { vertical-align: middle; }
input.text, textarea {
  margin: 2px 0;
  padding: 3px; /* centruje obsah ve ff*/
  width: 300px; height: 16px; /* padding se počítá do výšky */
  border: 1px solid #FDA6D1;
}
select {
  margin: 2px 0;
  padding: 3px 0; /* vycentruje obsah ve ff */
  width: 308px; height: 24px; /* padding se do výšky nepočítá */
  border: 1px solid #FDA6D1;
}
textarea { height: 150px; }

input.button {
  display: block;
  height: 24px;
  width: 0; /* pouze pro IE */
  overflow: visible;
  padding: 0 .5em 1px;
  margin: 1em auto 0;
  cursor: pointer;

  width: auto;

  border: 0;
  background: #FDA6D1 url("../../ariadne/file_generators/dbfile.php?_fileId=3438&_fileName=back-footer.png&_site=pichadesign_web") 0 0 repeat-x;
  color: white;
  font-weight: bold;
  line-height: 24px; /* vycentruje value pro ostatní */
}

label {
  display: block;
  float: left;
  clear: left;
  width: 170px;
  overflow: hidden;
  margin: 0 10px 0 0;
  text-align: right;
  vertical-align: middle;
}


div.safety-code {
  padding-top: .5em;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 35px;
}
div.safety-code img {
  margin: 0 !important;
  vertical-align: middle;
}
div.safety-code input {
  width: 201px;
  vertical-align: middle;
}

.infohelp {
  margin-left: 180px;
  text-indent: 0;
  font-style: italic;
}

.product select { width: 90%; }
.product input.text { width: 2.22em }
.product input.button { display: inline; margin: 0; }

.productBuy input.text { width: 40px; margin-left: 5px; }
.productBuy select     { width: 48px; }
.productBuy .currenciesForm fieldset { text-align: left; }
.productBuy .currenciesForm label { display: block; float: left; }
.productBuy div { padding-left: 200px; margin-top: -5px; } /* label + jeho pravý margin */
.productBuy input.button {
  width: 5em;
  margin: 0;
  display: inline;
}

.currenciesForm fieldset { text-align: right; }
.currenciesForm label { display: inline; float: none; }
.currenciesForm select { width: 48px; }
.currenciesForm input.button {
  margin: 0;
  display: inline;
}

.sortForm fieldset {
  padding: .2em 0;
  text-align: center;
  vertical-align: middle;
  font-size: 92.31%;
}
.sortForm input.text, .sortForm select { font-size: 12px; }
.sortForm input.button {
  margin: 0;
  display: inline;
  font-size: 12px;
}
.sortForm label {
  display: inline;
  width: auto;
  float: none;
  margin: 0;
}
.sortForm .compareSelect { width: 38px; }
.sortForm .compareInput  { width: 33px; margin-right: 5px; }
.sortForm .boolSelect    { width: 43px; margin-right: 5px; }
.sortForm .categorySort  { width: 103px; margin-right: 5px; }

#sizeSwitch { width: 280px; line-height: 23px; }
#sizeSwitch select { width: 190px; margin: 0; }
#sizeSwitch .button { display: inline; margin: 0; }

.pagging {
  border-top: 1px solid #484848;
  padding-top: 0.2em;
  overflow: auto;
  line-height: 28px;
}
.pagging div { float: left; }
.pagging form { float: right; }
.pagging fieldset {
  margin: 0;
  width: auto;
  text-align: right;
}
.pagging label {
  float: none;
  display: inline;
}
.pagging .perPageForm select { width: 48px; }
.pagging .perPageForm input.button {
  margin: 0;
  display: inline;
}


.buttons .button { display: inline; margin: 0; }
.buttons {
  margin: 1em 0;
  text-align: center;
}

/* # id */
#shadow {
  overflow: hidden;
  padding: 0 0 38px;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=236&_fileName=back-shadow-end.png&_site=pichadesign_web") 50% 100% no-repeat;
}
#shadow-begin {
  height: 38px;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=228&_fileName=back-shadow-begin.png&_site=pichadesign_web") 50% 0 no-repeat;
}
#page {
  width: 900px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
}
#header {
  width: 900px; height: 200px;
  position: relative;
  background: #FFFFFF url("../../ariadne/file_generators/dbfile.php?_fileId=3426&_fileName=back-header.jpg&_site=pichadesign_web") 100% 0 no-repeat;
}

#leftCol {
  width: 260px;
  overflow: hidden;
  margin: 0;
  float: left;
  background: #191919;
}
#content {
  width: 640px;
 

  min-height: 300px;

  float: left;
  background: #FFFFFF url("../../_skins/website/back-content.png/show.php?_op=showFile") 0 0 repeat-x;
}
#contentInner {
  width: 590px;
  padding: 0 25px;
  overflow: hidden;
}
#leftCol, #content { padding-bottom: 32767px; margin-bottom: -32767px; }

#language { display: none;}
#currentPage {
  text-indent: 0;
  margin: .75em 0;
}

#currentPage a {
  font-weight: normal;
}

#basket {
  background: #FDA6D1 url("../../ariadne/file_generators/dbfile.php?_fileId=3430&_fileName=back-basket.jpg&_site=pichadesign_web") 100% 60% no-repeat;
  color: #484848;
  padding: 15px 0;
  margin: 0 0 1.5em;
}
#basket h3 {
  font-size: 130.77%;
  color: #191919;
  margin: 0 19px;
}
#basket p {
  text-indent: 0;
  margin: .75em 19px 0;
}
#basket strong {
  color: #191919;
  font-size: 130.77%;
  font-weight: normal;
}

#footer {
  position: relative;
  z-index: 2;
  clear: both;
  text-align: center;
  background: #FDA6D1 url("../../ariadne/file_generators/dbfile.php?_fileId=3438&_fileName=back-footer.png&_site=pichadesign_web") 0 0 repeat-x;
  color: #484848;
  padding: 15px;
}

/* hlavní menu */
#menu, #menu ul { margin: 0 19px .3em; }
#menu ul { margin-right: 0; }
#menu li {
  margin: .66em 0;
  padding: 0;
  list-style-type: none;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=3442&_fileName=back-menu-a.gif&_site=pichadesign_web") 0 .25em no-repeat;
}
#menu li a {
  display: block;
  width: 203px;
  padding-left: 19px;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=3442&_fileName=back-menu-a.gif&_site=pichadesign_web") 0 .25em no-repeat;
  font: bold 1em/1.6 Tahoma, Arial, sans-serif;
  text-decoration: none;
  color: white;
}
#menu li a:hover, #menu li a.active { color: #FDA6D1; }
#menu li a.active {
  background-position: -489px .25em;
  font-weight: bold;
}

#menu ul li {
  margin: 0;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=3450&_fileName=back-menu-ul-a.gif&_site=pichadesign_web") 0 .65em no-repeat;
}
#menu ul li a {
  padding-left: 12px;
  background: url("../../ariadne/file_generators/dbfile.php?_fileId=3450&_fileName=back-menu-ul-a.gif&_site=pichadesign_web") 0 .65em no-repeat;
  font-weight: normal;
}
#menu ul li a:hover, #menu ul li a.active {
  background-position: -489px .65em;
}
#menu ul a { width: 191px; }
#menu ul ul a { width: 172px; }
#menu ul ul ul a { width: 153px; }
#menu ul ul ul ul a { width: 134px; }
#menu ul ul ul ul ul a { width: 115px; }
#menu ul ul ul ul ul ul a { width: 96px; }
#menu ul ul ul ul ul ul a { width: 77px; }
#menu ul ul ul ul ul ul ul { margin-left: 0; }

 

/* . class */
.cleaner {
  visibility: hidden;
  clear: both;
}
.no-show {
  position: absolute;
  top: auto;
  left: -10000px;
}
.no-margin { margin: 0 !important; }
.no-indent { text-indent: 0; }

.wysiwyg-left img,  img.left  { margin-left:  0 !important; float: left; }
.wysiwyg-right img, img.right { margin-right: 0 !important; float: right; }

.center { text-align: center !important; text-indent: 0; }
.right  { text-align: right  !important; text-indent: 0; }

.product { border-top: 1px solid #484848; width:100%; overflow: auto; }
.product div { width: 438px; float: right; }
.product div.full { width: 590px; }
.product .info {
  width: 170px;
  float: left;
  margin: 0;
}
.product .info p, .product .info fieldset { margin: 0 0 1em;}
.product .desc {
  width: 263px;
  float: right;
  margin: 0;
  font-size: 84.62%;
}
.product .full .desc { width: 410px; }
.product img { width: 140px; margin: 1em 10px .5em 0 !important; float: left; }
.product h4 { font-size: 153.85%; margin: .4em 0 .2em; }
.product h4 a { text-decoration: none; }
.product .cost { font-size: 153.85%; color: #191919; }

.taxedPrice { font-size: 130.77%; }
.inAction {
  text-indent: 0;
  color: #FDA6D1;
  font-weight: bold;
}
.varselect { font-size: 84.62%;}

.gallery { overflow: auto; }
.gallery img { margin: 0 !important; }
.gallery .inner {
  float: left;
  width: 137px;     /* vedle sebe musí být sudý počet, jinak to floatuje blbě :) */
  overflow: hidden;
  padding: 1em 5px;
  text-align: center;
}
.gallery .inner div { margin-bottom: 5px; }
.gallery div.wide { width: 280px; }

.fileList {
  clear: both;
  padding: 1em 0 0;
  border-top: 1px solid #484848;
}
.fileList div { clear: left; }

.href-pic {
  float: left;
  display: block;
  width: 60px;
  height: 2.8em;
  margin: 0 1em .5em 0;
 
  line-height: 2.8em;
  text-align: center;
  text-decoration: none !important ;
}
.href-pic img {
  vertical-align: middle;
  border: none;
}

/* odkazy */
a {
  color: #FDA6D1;
  font-weight: bold;
}
a:hover { color: black; } /* overflow je nastaven pro IE, jinak by rámeček při hoveru nebyl kolem celého obrázku */

#footer a { color: #191919; text-decoration: none; }
#footer a:hover { color: black; }

#basket a { color: #191919; text-decoration: none; }
#basket a:hover { color: black; }