/* common */
* {margin: 0; padding: 0;}

img {border: 0;}
th {text-align: left;}
hr {border: #CFD1D1 solid; border-width: 1px 0 0 0; margin-bottom: .5em; height: 1px;}

a:hover {text-decoration: none;}

.clnr {font-size: 0; clear: both;}
.fr {float: right;}
.fl {float: left;}

.obrVelky {background: url(../img/bgObrVelky.png); width: 113px; height: 87px;}
.obrMaly {background: url(../img/bgObrMaly.png); width: 96px; height: 75px;}
.obrMaly2 {background: url(../img/bgObrMaly2.png); width: 75px; height: 96px;}
.obrVelky img, .obrMaly img {margin: 8px;}

.ir, .il {margin: 5px 0;}
.ir {margin-left: 10px;}
.il {margin-right: 10px;}

.right {text-align: right;}
.center {text-align: center;}

.red {color: #c00;}

table.columns {width: 100%;}
table.columns td {width: 50%; font-size: 11.5pt; vertical-align: top; padding: 0px 7px;}

ul#sitemap {margin: 15px 0px 0px 20px; font-size: 100%;}
ul#sitemap li ul {margin-left: 20px; font-size: 140%;}

/* elements */
body {color: #454545; background: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: center;}
h1 {position: relative; top: 21px; left: 27px;}

/* layout */
#main, #header {position: relative;}
#main {background: url(../img/bgBody.jpg) 0px 95px no-repeat; text-align: left; margin: 0 auto; width: 1000px; height: 650px;}
#header {height: 85px;}
#content {padding: 0px 52px 0 39px; height: 465px;}
#leftHolder, #rightHolder {padding-top: 35px;}
#leftHolder {float: left; width: 675px;}
#rightHolder {float: right; width: 234px;}
#leftHolder-long {float: left; width: 909px; height: 401px; margin-top: 15px; padding-top: 15px; overflow: auto;}
#left {margin: 0 23px 0 18px;}
#right {background: url(../img/bgRight.png) top left no-repeat; background-color: #fff; position: relative; z-index: 2; top: 0px; border: 1px solid #7D7D78; margin: 0 16px 0 0; padding: 15px 13px 0 13px; float: right; height: 330px; overflow: auto; width: 190px;}
#footer {color: #fff; font-size: 65%; text-transform: uppercase; margin: 0 15px;}
#holder {margin: 20px 10px; height: 400px; overflow: auto;}

/* header */
h1 a, h1 a span {background: url(../img/Logo.png); display: block; width: 161px; height: 48px;}
h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}
#header_flashes {position: absolute; z-index: 1; top: 8px; left: 240px; visibility:hidden;}
#header_flasher object {position: absolute; z-index: -1;}
#banners {position: absolute; z-index: 1; top: 8px; left: 240px; visibility: visible;}
#banners a {margin-right: 10px;}


p#hairExpertStudio {font-size: 65%; text-transform: uppercase; position: absolute; top: 59px; right: 20px;}
p#hairExpertStudio a {color: #C2C2C2; text-decoration: none;}
p#hairExpertStudio a:hover {text-decoration: underline;}

/* menu */
ul#menu {list-style: none; margin: 26px 0 0 34px;}
ul#menu li {float: left;}
ul#menu a {background: top left no-repeat; display: block; height: 56px;}
ul#menu span {display: none;}

ul#menu a#m1 {background-image: url(../img/m1.png); width: 111px;}
ul#menu a#m2 {background-image: url(../img/m2.png); width: 61px;}
ul#menu a#m3 {background-image: url(../img/m3.png); width: 213px;}
ul#menu a#m4 {background-image: url(../img/m4.png); width: 124px;}
ul#menu a#m5 {background-image: url(../img/m5.png); width: 67px;}

/* ikony */
p#ikony {background: url(../img/bgIkony.gif) center top no-repeat; position: absolute; top: 15px; right: 20px;}
p#ikony a, p#ikony a span {background: top left no-repeat; display: block; width: 11px; height: 9px;}
p#ikony a {position: relative; z-index: 1; overflow: hidden; float: left; margin: 1px 0;}
p#ikony a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

p#ikony a#iHome, p#ikony a#iHome span {background-image: url(../img/iHome.gif);}
p#ikony a#iSitemap, p#ikony a#iSitemap span {background-image: url(../img/iSitemap.gif);}
p#ikony a#iMail, p#ikony a#iMail span {background-image: url(../img/iMail.gif);}
p#ikony a#iSitemap {margin: 1px 15px;}

/* content */
#content p, #content li, #content table {font-size: 70%;}
h2.h2default {color: #323232; background: url(../img/bgH2.gif) 0px 4px no-repeat; font-size: 75%; display: inline; text-transform: uppercase; margin-bottom: 13px; padding-left: 18px;}
h2.h2default span {font-size: 80%;}
h3.h3default {color: #A2A2A2; font-size: 70%; margin-top: 1.2em;}
p.pDefault {line-height: 1.3em; margin: 1.33em 0 1.33em 0;}
ul.listDefault {list-style: none; margin: 1em 0 1.33em 0;}
ul.listDefault li {background: url(../img/sipkaSeda.gif) 0% 50% no-repeat; margin-bottom: .3em; padding-left: 16px;}
ul.listDefault li a {color: #4785A3;}
a.sipkaCervena {background: url(../img/sipkaCervena.gif) 100% 50% no-repeat; padding-right: 12px;}

/* left */
#left p a.sipkaCervena {color: #535353; text-decoration: none;}
#left p a.sipkaCervena:hover {text-decoration: underline;}

#left form {background: url(../img/bgAnketa.gif) 0% 50% no-repeat; margin-left: 40px; padding-left: 20px;}
#left form p {line-height: 1.5em; margin: .7em 0;}
#left form label {color: #767676; margin-left: 7px;}
#left p input {top: 3px;}
#left_col { width: 315px; float: left;}
#right_col { width: 310px; margin-left: 320px;}

.galerie {width: 415px; height: 112px; background: url(../img/Salony.gif) 100% 50% no-repeat; margin-top: 0; padding-right: 37px;}

/* right */
h2.zalozka {color: #5B5B5B; font-size: 70%; float: left; position: relative; text-transform: uppercase; border: 1px solid #7D7D78; margin: 0 -1px -2px 0; cursor: pointer; cursor: hand; }
h2.zalozka span {display: block; padding: 6px 12px; background: url(../img/bgH2.gif) 5px 8px no-repeat;}
h2.on {position: relative; z-index: 3; border-bottom: 0;}
h2.off {position: relative; z-index: 1;}
h2.on span {background-color: #DEDEDA; border: 2px solid #fff; border-bottom: 0; margin-bottom: -3px; padding-bottom: 7px; padding-left: 18px; position: relative; z-index: 4;}
h2.off span {background-color: #D8D9DA; padding: 7px 14px 6px 18px;}
h2.zalozka a { color: black; text-decoration: none; }


#right h2.h2default {display: block; margin-bottom: 1.5em;}
#right h3 {clear: both;}
#right p {margin-top: .5em;}
#right p a.sipkaCervena {color: #367A85; text-decoration: none; text-transform: lowercase;}
#right p a.sipkaCervena:hover {text-decoration: underline;}

/* footer */
#footer p.fr, #footer p.fr a {color: #A0A0A0;}
#footer p.fr a {text-decoration: none;}
#footer p.fr a:hover {color: #fff; text-decoration: underline;}

#udalosti_uvod { padding: 0; background: url(../img/udalosti_uvod/bg.png); width: 293px; height: 138px; text-align:center;}
#udalosti_uvod img {padding: 1px 2px 0px 2px;}
#udalosti_uvod_obsah {padding-top: 10px;}

.inoa-color 
{
/*  color: #B0D02D; */
/*  color: #BEDB45; */
  color: #ACD026;
}