/* ================================================
PRO Studio EASY VYTVOŘIL V ROCE 2010
Ing. Tomáš Souček, webmaster[zavinac]penkavcivrch.cz
- všechna práva vyhrazena, zákaz použití kódu
================================================ */

/* SKRYTE TAGY */
#myslidemenu, #paticka, #buttons,
.noprint, .noscreen { display: none; }

.jScrollPaneContainer { position: relative; }

/* HTML TAGY */
body {
  background-color: #fff;
  color: #000;
  font-size: 11pt;
  font-family: Arial, "Arial CE", "Lucida Grande CE", "Helvetica CE", lucida, sans-serif;
	margin: 0px;
	padding: 2em 1px;
}
p { margin: 1.5em 0px; margin-bottom: 1.2em; padding: 0px; font-size: 110%; }
table { font-size: small; }
table td { padding: 0px; }
input, select, textarea { font-size: 100%; }
form, ul, ol.nomargin { margin: 0px; padding: 0px; }

h1, h2, h3, h4 { margin: 0px; padding: 0px; }
h1 { font-size: 150%; border-bottom: 3px double #999; margin-bottom: 1em; }
h2 { font-size: 125%; margin-bottom: 1.2em; }
h3 { font-size: 110%; margin: 1.2em 0px 0.5em 0px; }
h4 { font-size: 105%; margin: 1.2em 0px 0.5em 0px; font-style: italic; }

hr { color: #999; height: 1px; border: 0px solid #999; margin: 0px; margin-top: 1em; padding: 0px; }
img { border: 0px; }
ul li { list-style-position: outside; margin-left: 20px; padding-left: 0px; }
ol li { list-style-position: outside; padding-bottom: 5px; }
ul.graphic li { list-style-type: none; margin-left: 0px; padding: 3px 0px; padding-left: 15px; background: url('./img/design/arrow-right.gif') 0% 50% no-repeat; }
ol.nomargin li { list-style-position: outside; margin-left: 20px; padding: 3px 0px; padding-left: 0px; }
ol.nomargin li ul.graphic li { margin-left: 0px; padding-left: 15px; }

del {  text-decoration: line-through; }
del.small { color: #aaa; font-weight: normal; /* background: url('./img/design/linethrough.gif') center left repeat-x; */ }
acronym, abbr { border-bottom: 1px dotted; cursor: help; }
fieldset { padding: 7px; }


/* IDENTIFIKTORY */
#design { width: 99%; }
#bg, #container, #mezera, #panel, .odsazeni { padding: 0px; margin: 0px; }



#buttons { margin: 10px 0px; padding: 0px 8px; }
#pravyram { float: right; width: 475px; height: 486px; }
#pravyramobsah { height: 429px; margin: 15px; margin-left: 10px; padding: 15px; color: #ccc; overflow: auto; }


/* TRIDY */
.stred { text-align: center; margin: 0px auto; }
.doleva { text-align: left; }
.doprava { text-align: right; }
.valigntop { vertical-align: top; }
.valignmiddle { vertical-align: middle; }
.valignbottom { vertical-align: bottom; }
.floatleft { float: left; }
.floatright { float: right; }
.inline { display: inline; }
.block { display: block; }
.odsad { padding: 2em 0px; }
.doleodsad { margin-bottom: 20px; }
.horeodsad { margin-top: 20px; }
.tucne { font-weight: bold; }
.under { text-decoration: underline; }
.nomargin { margin: 0px; }
.small { font-size: 80%; }
.large { font-size: 120%; }
.ramecek { border: 1px solid #666; }
.strankovani { text-align: center; margin: 1.5em 0px; font-size: 90%; }

.red { color: #900; }
.green { color: #080; }
.blue { color: #009; }
.yellow { color: #ff0; }
.brown { color: #960; }
.black { color: #000; }
.orange { color: #c60; }
.gray { color: #aaa; }
.misty { background-color: #ffe4e1; }
.light { background-color: #efefef; }

.cleaner { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.cleanerb { clear: both; }
.tablehlavicka { background-color: #eee; }
.trebuchet { font-family: "Trebuchet MS", Verdana, Arial Narrow, "Arial CE", Arial, sans-serif; }
.napoveda { width: 90%; margin: 1.2em auto; padding: 0.8em; background-color: #eee; border: 1px solid #ccc; font-size: 85%; }
.noborder { border: none; }

.scroll, .scroller { display: inline-block; width: 15px; height: 15px; }
.odsazeni { padding: 20px; }
.italic { font-style: italic; }

/* PICTURES */
/* kadernictvi */
.imgkadernictvi { background: url('./img/obrazky/kadernictvi.jpg') 0px 0px no-repeat; }
.backimgkadernictvi { background: url('./img/design/kadernictvi.png') 0px 0px no-repeat; }
.dimkadernictvi { width: 271px; height: 42px; }
/* o nas */
.imgonas { background: url('./img/obrazky/cenik-big.png') 0px 0px no-repeat; }
.backimgonas { background: url('./img/design/o-nas.png') 0px 0px no-repeat; }
.dimonas { width: 130px; height: 42px; }
/* historie */
.imghistorie { background: url('./img/obrazky/cenik-big.png') 0px 0px no-repeat; }
.backimghistorie { background: url('./img/design/historie.png') 0px 0px no-repeat; }
.dimhistorie { width: 189px; height: 42px; }
/* pracovni tym */
.imgpractym {  }
.backimgpractym { background: url('./img/design/practym.png') 0px 0px no-repeat; }
.dimpractym { width: 130px; height: 42px; }
/* sluzby */
.imgsluzby { background: url('./img/obrazky/cenik.png') 0px 0px no-repeat; }
.backimgsluzby { background: url('./img/design/sluzby.png') 0px 0px no-repeat; }
.dimsluzby { width: 160px; height: 42px; }
/* kosmetika */
.imgkosmetika { background: url('./img/obrazky/kosmetika.jpg') 0px 0px no-repeat; }
.backimgkosmetika { background: url('./img/design/kosmetika.png') 0px 0px no-repeat; }
.dimkosmetika { width: 242px; height: 42px; }
/* masaze */
.imgmasaze { background: url('./img/obrazky/masaze.jpg') 0px 0px no-repeat; }
.imgcokmasaze { background: url('./img/obrazky/cokoladove-masaze.jpg') 0px 0px no-repeat; }
.imgmedmasaze { background: url('./img/obrazky/medove-masaze.jpg') 0px 0px no-repeat; }
.backimgmasaze { background: url('./img/design/masaze.png') 0px 0px no-repeat; }
.dimmasaze { width: 174px; height: 42px; }
/* manikura */
.imgmanikura { background: url('./img/obrazky/manikura.jpg') 0px 0px no-repeat; }
.backimgmanikura { background: url('./img/design/manikura.png') 0px 0px no-repeat; }
.dimmanikura { width: 232px; height: 42px; }
/* pedikura */
.imgpedikura { background: url('./img/obrazky/pedikura.jpg') 0px 0px no-repeat; }
.backimgpedikura { background: url('./img/design/pedikura.png') 0px 0px no-repeat; }
.dimpedikura { width: 210px; height: 42px; }
/* promeny vizaze */
.imgpromeny { background: url('./img/obrazky/promeny.jpg') 0px 0px no-repeat; }
.backimgpromeny { background: url('./img/design/promeny.png') 0px 0px no-repeat; }
.dimpromeny { width: 205px; height: 84px; }
/* cenik */
.imgcenik { background: url('./img/obrazky/cenik.png') 0px 0px no-repeat; }
.backimgcenik { background: url('./img/design/cenik.png') 0px 0px no-repeat; }
.dimcenik { width: 130px; height: 42px; }
/* novinky */
.imgnovinky { background: url('./img/obrazky/novinky.jpg') 0px 0px no-repeat; }
.backimgnovinky { background: url('./img/design/novinky.png') 0px 0px no-repeat; }
.dimnovinky { width: 200px; height: 42px; }
/* akce */
.imgakce { background: url('./img/obrazky/cenik.png') 0px 0px no-repeat; }
.backimgakce { background: url('./img/design/akce.png') 0px 0px no-repeat; }
.dimakce { width: 179px; height: 84px; }
/* fotogalerie */
.imgfoto { background: url('./img/obrazky/cenik-big.png') 0px 0px no-repeat; }
.backimgfoto { background: url('./img/design/fotogalerie.png') 0px 0px no-repeat; }
.dimfoto { width: 275px; height: 42px; }
/* kontakty */
.imgkontakt { background: url('./img/obrazky/cenik-big.png') 0px 0px no-repeat; }
.backimgkontakt { background: url('./img/design/kontakty.png') 0px 0px no-repeat; }
.dimkontakt { width: 220px; height: 42px; }

.backimgup { background: url('./img/design/arrow-up.png') 0px 0px no-repeat; }
.backimgdown { background: url('./img/design/arrow-down.png') 0px 0px no-repeat; }
.backimgleft { background: url('./img/design/arrow-left.png') 0px 0px no-repeat; }
.backimglefth { background: url('./img/design/arrow-left-h.png') 0px 0px no-repeat; }
.backimgright { background: url('./img/design/arrow-right.png') 0px 0px no-repeat; }
.backimgrighth { background: url('./img/design/arrow-right-h.png') 0px 0px no-repeat; }


/* SLOUCENINY */

/* TABULKY */
table.info {
  border-collapse: collapse;
  margin: 0.3em 0px;
  font-size: 90%;
}
table.info td {
  padding: 0.3em 0px;
}
table.info td.value {
  padding-left: 0.8em;
  font-style: italic;
}

table.tab {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #999;
  margin: 10px 0px;
  color: #333;
}
table.tab td {
  background-color: #fff;
  border-top: 1px solid #999;
  padding: 3px 4px;
}
table.tab tr.light td {
  background-color: #efefef;
}
table.tab tr.misty td {
  background-color: #ffe4e1;
}
table.tab tr.tablehlavicka td {
  background-color: #ccc;
  text-align: center;
  font-weight: bold;
}


/* LINKY */
a:link { color: #ccc; font-weight: bold; text-decoration: underline; }
a:visited { color: #ccc; font-weight: normal; text-decoration: underline; }
a:hover, a:active { color: #eee; }

a.normal { font-weight: normal; }
a.scroll:active, a.scroll:visited, a.scroll:hover, a.scroll:link { text-decoration: none; cursor: hand; }
a.scroller:active, a.scroller:visited, a.scroller:hover, a.scroller:link { text-decoration: none; cursor: hand; }
a.tucne { font-weight: bold; text-decoration: none; }
a.tucne:hover, a.tucne:active { text-decoration: underline; }
.tablehlavicka a { color: #333; font-weight: bold; }
a.orange { color: #960; }

.strankovani a { text-decoration: none; }
.strankovani a:hover, .strankovani a:active { text-decoration: underline; }

#design h1 a { text-decoration: none; }