/* ================================================
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 */
.noscreen, .skryt { display: none; }


/* TOOLTIPS */
#tooltip {
  width: 200px;
  position: absolute;
  z-index: 3000;
  border: 1px solid #999;
  color: #ccc;
  background-color: #1c191d;
	background: rgba(28, 25, 29, 0.9);
	filter: alpha(opacity=80);
  padding: 5px;
  text-align: left;
  font-size: 90%;
}
#tooltip h3, #tooltip div { margin: 0px; }


/* HTML TAGY */
body {
  background: #000;
  color: #ccc;
  font-size: small;
  font-family: Arial, Arial Narrow, "Arial CE", Arial, sans-serif;
	margin: 0px auto;
	padding: 8px 0px 20px 0px;
	text-align: center;
}
p { margin: 1em 0px; margin-bottom: 1.2em; padding: 0px; }
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, h1 span { width: 90px; height: 35px; }
h1 { font-size: 80%; float: left; position: relative; overflow: hidden; text-align: center; }
h1 span { display: block; position: absolute; left: 0px; top: 0px; cursor: pointer; background: url('./img/design/logo.png') 0 0 no-repeat; }
h2 { font-size: 32px; font-weight: bold; color: #fff; padding-left: 5px; padding-top: 3px; letter-spacing: 1px; text-transform: uppercase; }
h2 span, a.backimgup span, a.backimgdown span, a.backimgleft span, a.backimgright span, a.backimglefth span, a.backimgrighth span { visibility: hidden; }
h3 { font-size: 16px; margin: 0.8em 0px 0.5em 0px; color: #ccc; padding: 0px 8px; }
h3.privacy { font-size: 120%; padding: 0px; margin-top: 5px; }
h3.foto { margin-top: 2px; }
h4 { font-size: 12px; margin: 0.6em 0px 0.4em 0px; font-style: italic; padding: 0px 8px; }
h4.privacy { font-size: 110%; padding: 0px; margin-top: 5px; }

hr { color: #999; height: 1px; background-color: #999; 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: 1006px; height: 650px; margin: 0px auto; background-color: #000; color: #fff; }
#design #bg { width: auto; height: 100%; background: url('./img/design/bg.jpg') 0 0 no-repeat; }
#design #bg.intro { width: auto; height: 100%; background: url('./img/design/intro.png') 0 0 no-repeat; padding-top: 81px; }
#design #bg #container { width: 748px; margin: 0px auto; text-align: left; z-index: 1; }
#design #bg #container #mezera { margin: 0px auto; text-align: center; margin-top: 6px; }
#design #bg #container div.odsad { padding-top: 40px; padding-bottom: 7px; }
#design #bg #container div.odsad h1 a { color: #ddd; text-decoration: none; font-weight: normal; }

#design #bg #obsah { width: 738px; height: 488px; text-align: left; background-color: rgb(26,22,20); margin: 0px auto; }
#design #bg #obsah .odsazeni { padding: 20px; padding-top: 30px; }
#design #bg #obsah .odsazeni #panel { font-size: 95%; color: #ccc; overflow: auto; }
#design #bg #obsah .odsazeni .b { width: 337px; }
#design #bg #obsah .odsazeni .bb { width: 333px; }
#design #bg #obsah .odsazeni .s { width: 237px; }
#design #bg #obsah .odsazeni .h { height: 360px; }
#design #bg #obsah .odsazeni .hh { height: 318px; }
#design #bg #obsah .odsazeni #panel p { padding: 0px 8px; }

#design #bg #paticka { width: 750px; margin: 0px auto; text-align: left; color: #666; font-size: 75%; letter-spacing: -1px; }
#design #bg #paticka .floatright { line-height: 23px; height: 23px; }
#design #bg #paticka .floatright strong { display: inline-block; width: 2px; height: 18px; padding-right: 10px; margin-left: 5px; background: url('./img/design/linka.gif') 0px -3px no-repeat; vertical-align: middle; }
#design #bg #paticka #swfplayer { float: left; line-height: 23px; height: 23px; }
#design #bg #paticka a { display: block; float: left; height: 23px; line-height: 23px; position: relative; overflow: hidden; color: #666; text-decoration: none; }
#design #bg #paticka a span { display: block; height: 23px; position: absolute; left: 0px; top: 0px; cursor: pointer; }
#design #bg #paticka span.foot a { float: none; display: inline; position: static; color: #666; text-decoration: underline; }
/* LOGO TANDEM */
#design #bg #paticka a.tandem { width: 128px; }
#design #bg #paticka a.tandem span { width: 128px; background: url('./img/loga/logo-tandem-all.gif') 0px 0px no-repeat;  }
#design #bg #paticka a.tandem span:hover, #design #bg #paticka a.tandem span:active { background-position: -128px 0px; }
/* LOGO FUNKE */
#design #bg #paticka a.funke { width: 68px; }
#design #bg #paticka a.funke span { width: 68px; background: url('./img/loga/logo-funke-all.gif') 0px 0px no-repeat;  }
#design #bg #paticka a.funke span:hover, #design #bg #paticka a.funke span:active { background-position: -68px 0px; }
/* LOGO MINI7 */
#design #bg #paticka a.mini { width: 50px; }
#design #bg #paticka a.mini span { width: 50px; background: url('./img/loga/logo-mini-all.gif') 0px 0px no-repeat;  }
#design #bg #paticka a.mini span:hover, #design #bg #paticka a.mini span:active { background-position: -50px 0px; }
/* LOGO FRAMESI */
#design #bg #paticka a.framesi { width: 61px; }
#design #bg #paticka a.framesi span { width: 61px; background: url('./img/loga/logo-framesi-all.gif') 0px 0px no-repeat;  }
#design #bg #paticka a.framesi span:hover, #design #bg #paticka a.framesi span:active { background-position: -61px 0px; }
/* LOGO SynCare */
#design #bg #paticka a.syncare { width: 50px; }
#design #bg #paticka a.syncare span { width: 50px; background: url('./img/loga/logo-syncare-all.gif') 0px 0px no-repeat;  }
#design #bg #paticka a.syncare span:hover, #design #bg #paticka a.syncare span:active { background-position: -50px 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; }
#fotogalerie { float: right; width: 366px; height: 488px; text-align: center; }
#fotogalerie.loading { background: url('./img/ikonky/ajax-loader.gif') center center no-repeat; }

/* 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; }

.overbox { padding-left: 8px; }
.box { float: left; width: 50px; height: 50px; border: 1px solid #999; margin: 7px; background-color: #333; overflow: hidden; }
.box.f { margin-left: 0px; }

.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; }
/* studio */
.imgstudio { background: url('./img/obrazky/cenik-big.png') 0px 0px no-repeat; }
.backimgstudio { background: url('./img/design/studio.png') 0px 0px no-repeat; }
.dimstudio { width: 161px; 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-middle.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-middle.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; }

table.tab a { color: #000; }

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