/****************************************/
/*              RESET                   */
/****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html, body {
  height: 100%;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GENERAL */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td { 
  margin: 0; padding: 0; 
}
body {
  font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
  color: #aaaaaa; 
  font-size: 1em;
	background: #393939 url("../images/bgr-body.gif") top left repeat-x;
}
.cleaner {
  clear: both;
}
.novisible {
  display: none;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.aleft {
  float: left;
}
.aright {
  float: right;
}
a {
  color: #fff;
  text-decoration: underline;
}
a:hover {
  color: #535353;
  text-decoration: underline;
}
hr.line {
  width:500px;
  clear: left;
  border: none;
}
hr.wall {
  float: left;
  width:500px;
  clear: left;
  border: 1px solid silver;
}
/* PAGE MODEL */
div#main {
	position: absolute;
	top: 332px;
	left: 0px;
  width: 100%;
  background: url("../images/xbgr-main.gif") top left repeat;
}
div#main div#content {
	margin: 0px auto 0px auto;
	width: 770px;
	position: relative;
}
div#main div#content div#subpage {
	position: relative;
	margin: 0px auto 0px auto;
	min-height: 250px;
	width: 770px;
	text-align: center;
	background: url("../images/bgr-subpage.gif") top left repeat-y;
}
/* HEADER AND MENU */
div#top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 332px;
	background: url("../images/bgr-top.gif") top center no-repeat;
}
div#top div#header {
	top: 0px;
	left: 0px;
	height: 332px;
	width: 770px;
  position: relative;
  margin: 0px auto 0px auto;
  overflow: hidden;
}
div#top div#header div#home {
	float: left;
  width: 134px;
	height: 62px;
	margin: 16px 0px 0px 20px;
  background: url("../images/bgr-logo.gif") top center no-repeat;
}
div#top div#header div#home a {
	float: left;
  width: 134px;
	height: 62px;
	padding: 0px 0px 0px 0px;
}
div#top div#header div#home span {
	display: none;
}
div#top div#header ul#menu {
	float: right;
  width: 450px;
	height: 38px;
	list-style: none;
	margin: 38px 0px 0px 0px;
}
div#top div#header ul#menu li {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
}
div#top div#header ul#menu li span{
	display: none;
}
div#top div#header ul#menu li a {
	float: left;
  width: 86px;
	height: 38px;
}
div#top div#header ul#menu li.onas a {
	background: url("../images/menu-onas.gif") 0px -38px no-repeat;
}
div#top div#header ul#menu li.nabidka a {
	background: url("../images/menu-nabidka.gif") 0px -38px no-repeat;
}
div#top div#header ul#menu li.sluzby a {
	background: url("../images/menu-sluzby.gif") 0px -38px no-repeat;
}
div#top div#header ul#menu li.prodej a {
	background: url("../images/menu-prodej.gif") 0px -38px no-repeat;
}
div#top div#header ul#menu li.galerie a {
	background: url("../images/menu-galerie.gif") 0px -38px no-repeat;
}
div#top div#header ul#menu li.kontakt a {
	width: 92px;
  background: url("../images/menu-kontakt.gif") 0px -38px no-repeat;
}
div#top div#header ul#menu li a:hover {
	background-position: 0px 0px;
}
div#top div#header div#graphic {
	float: left;
  width: 770px;
	height: 244px;
	margin: 10px 0px 0px 0px;
  background: url("../images/bgr-graphic.jpg") top left no-repeat;
}
div#top div#header div#graphic ul {
	float: right;
  width: 375px;
	height: 82px;
	list-style: none;
	margin: 0px 0px 0px 0px;
}
div#top div#header div#graphic ul li {
	float: left;
  width: 82px;
	height: 82px;
	margin: 146px 10px 0px 0px;
}
div#top div#header div#graphic ul li span {
	display: none;
}

/* FOOTER COPYRIGHT */
div#main div#content div#footer {
	width: 770px;
  height: 35px;
  font-size: 0.7em;
	color: #bebebe;
  clear: both;
  line-height: 35px;
	text-align: center;
	border-top: 6px solid #fff;
}
div#main div#content div#footer a {
	color: #fff;
	text-decoration: underline;
}
div#main div#content div#footer a:hover {
	color: #000;
	text-decoration: none;
}

div#main div#content div#subpage div#sidepanel {
  display: block;
  float: right;
  width: 200px;
  text-align: left;
  font-size: 0.80em;
  margin: 0px 0px 0px 0px;
  padding: 10px 20px 10px 10px; 
  clear: right;
}
div#main div#content div#subpage div#sidepanel p {
  line-height: 1.4em;
  padding: 5px 0px 5px 0px;
}
div#main div#content div#subpage div#sidepanel p.small {
  line-height: 1.0em;
  font-size: 0.85em;
  padding: 0px 0px 0px 0px;
}
div#main div#content div#subpage div#sidepanel h3 {
  color: #fff;
}
div#main div#content div#subpage div#sidepanel ul {
  float: left;
  width: 200px;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
}
div#main div#content div#subpage div#sidepanel ul li {
  float: left;
  width: 185px;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 15px;
  font-size: 0.85em;
  background: url("../images/bgr-li-sub.gif") 3px 7px no-repeat;
}
div#main div#content div#subpage div#sidepanel ul li.main {
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 5px 0px;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  background: none;
}


div#main div#content div#subpage div#maincontent {
  display: block;
  float: left;
  width: 500px;
  text-align: left;
  font-size: 0.80em;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 20px;
  clear: left;
}
div#main div#content div#subpage div#maincontent p {
  line-height: 1.4em;
  padding: 5px 0px 5px 0px;
}
div#main div#content div#subpage div#maincontent ul {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div#main div#content div#subpage div#maincontent ul li {
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 15px;
  background: url("../images/bgr-li-sub.gif") 3px 7px no-repeat;
}
div#main div#content div#subpage div#maincontent h1 {
  float: left;
  width: 500px;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}
div#main div#content div#subpage div#maincontent h2 {
  float: left;
  width: 500px;
  height: 25px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1.1em;
  line-height: 1.4em;
  color:#fff;
}
div#main div#content div#subpage div#maincontent h2#advise {
  float: left;
  width: 500px;
  height: 80px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1.1em;
  line-height: 1.4em;
  color:#fff;
}
div#main div#content div#subpage div#maincontent h2#advise span {
  display: block;
  float: left;
  height: 80px;
  padding-right: 20px;
}
div#main div#content div#subpage div#maincontent h1.welcome {
  background: url("../images/h1-welcome.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h1.onas {
  background: url("../images/h1-onas.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h1.sluzby {
  background: url("../images/h1-sluzby.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h1.prodej {
  background: url("../images/h1-prodej.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h1.galerie {
  background: url("../images/h1-galerie.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h1.kontakt {
  background: url("../images/h1-kontakt.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h1.galvano {
  background: url("../images/h1-galvano.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h1.nabidka {
  background: url("../images/h1-nabidka.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h1.poradna {
  background: url("../images/h1-poradna.gif") top left no-repeat;
}

div#main div#content div#subpage div#maincontent h2.offer {
  background: url("../images/h2-offer.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h2.kad {
  background: url("../images/h2-kadernictvi.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h2.man {
  background: url("../images/h2-manikura.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h2.ped {
  background: url("../images/h2-pedikura.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h2.mas {
  background: url("../images/h2-masaze.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h2.kos {
  background: url("../images/h2-kosmetika.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h2.dar {
  background: url("../images/h2-darky.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h2.spec {
  background: url("../images/h2-24special.gif") top left no-repeat;
}
div#main div#content div#subpage div#maincontent h1 span, 
div#main div#content div#subpage div#maincontent h2 span {
  display: none;
}
div#main div#content div#subpage div#maincontent h3 {
  font-size: 1.1em;
  padding:0px 0px 0px 0px;
}
div#main div#content div#subpage div#maincontent ul.oleft, 
div#main div#content div#subpage div#maincontent ul.oright {
  float: left;
  width: 240px;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 15px 0px;
  line-height: 1.2em;
}
div#main div#content div#subpage div#maincontent ul.oright {
  width: 230px;
  padding: 10px 0px 0px 20px;
}
div#main div#content div#subpage div#maincontent ul.oleft li, 
div#main div#content div#subpage div#maincontent ul.oright li {
  float: left;
  width: 230px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 17px;
  color: #fff;
  background: url("../images/bgr-li.gif") 0px 6px no-repeat;
}
div#main div#content div#subpage div#maincontent ul.oleft li.sub, 
div#main div#content div#subpage div#maincontent ul.oright li.sub {
  margin: 0px 0px 0px 15px;
  padding: 5px 0px 5px 10px;
  color: #aaaaaa;
  background: url("../images/bgr-li-sub.gif") 0px 10px no-repeat;
}
div#main div#content div#subpage div#maincontent ul#foto {
  float: left;
  width: 500px;
  margin: 0px 0px 0px 5px;
  list-style: none;
}
div#main div#content div#subpage div#maincontent ul#foto li {
  float: left;
  width: 106px;
  list-style: none;
  padding: 12px 25px 12px 0px;
  background: none;
}
div#main div#content div#subpage div#maincontent ul#foto li.last {
  float: left;
  width: 106px;
  padding: 12px 0px 12px 0px;
}
div#main div#content div#subpage div#maincontent ul#foto li img {
  border: 3px solid #fff;
}
div#main div#content div#subpage div#maincontent h3 {
  width: 500px;
  margin: 15px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1.0em;
  color:#fff;
}

div.item{
  float:left;
  width:100%;
  padding: 0px 0px 15px 0px;
  border
}


.modalOverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 5000;
}
.popupContent {
    position: absolute;
    height: 480px;
    width: 800px;
    top: 50%;
    left: 50%;
    margin: -300px 0 0 -410px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 6000;
}
.popupContent > * {
    margin: 0px;
}
.popupContent .close, .popupContent .close:link, .popupContent .close:hover {
    position: absolute;
    top: -10px;
    right: -10px;
    margin: 0;
    color: #ccc;
    border: 1px solid #ccc;
    text-decoration: none;
    padding: 0 1px;
    background: #000;
}