html {font-size: 100%;}

body {
    font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;
    font-size: 0.7em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #484B66;
    background: #878BAB;
}


table {font-size: 1em;}

form {margin: 0px;}


a {
    text-decoration: underline;
    color: #484B66;
}

a:hover {text-decoration: none;}

a img {border: 0px;}

ul {text-align: left;}

ul li a{text-decoration: none;}

ul li a:hover{text-decoration: underline;}


h1 {
    margin: 0px; 
    padding: 0px;
    float: right;
}

h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 382px;
    right: 0px;
    top: 0px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

h1 span.cs {
    width: 382px;
    height: 58px;
    background: url('/images/logo-haly-svitap.png') left top no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h1 span.en {
    width: 382px;
    height: 58px;
    background: url('/images/logo-haly-svitap-en.png') left top no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h3 {
    font-size: 1.3em;
}

h3 a {text-decoration: underline;}

#master {
    width: 990px;
    position: relative;
    margin: 0px auto 0px auto;
}

#top {
    height: 268px;
    position: relative;
    background: url('/images/top-bg.png') left top no-repeat;
}

#top ul {
    margin: 0px 0px 0px 25px;
    padding: 4px 0px 0px 0px;
    list-style-type: none;
}

#top ul li {float: left; margin-right: 10px;}

#top ul li a {
    font-weight: bold;
    font-size: 11px;
    padding-left: 20px;
    color: #FFFFFF;
}

#top ul li.cs a {background: url('/images/cs.jpg') left 2px no-repeat;}
#top ul li.en a {background: url('/images/en.jpg') left 2px no-repeat;}
#top ul li.de a {background: url('/images/de.jpg') left 2px no-repeat;}

#top img {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#menu {
    height: 60px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    background: #676B90 url('/images/menu-bg.png') left top repeat-x;
}

#menu img.left {float: left; position: absolute; top: 0px; left: 0px;}
#menu img.right {float: right; position: absolute; top: 0px; right: 0px;}

#menu ul {
    margin: 0px 0px 0px 60px;
    padding: 0px;
    list-style-type: none;
}

#menu ul li {
    float: left;
    background: url('/images/menu-separ.png') right top no-repeat;
    padding: 0px 6px 0px 6px;
    position: relative;
    z-index: 1;
    behavior: url('/templates/hover.htc');
}

#menu ul li:hover ul {visibility: visible;}

#menu ul li ul {
    background: #CDCEDC;
    width: 170px;
    position: absolute;
    top: 60px;
    left: 6px;
    visibility: hidden;
    z-index: 1;
    margin: 0px;
}

#menu ul li ul li {
     background-image: none;
     padding: 0px;
     position: relative;
     z-index: 1;
}

#menu ul li ul li a {
     width: 140px;
     _width: 170px;
     height: auto;
     line-height: 30px;
     color: #4B4F6A;
     cursor: pointer;
}

#menu ul li ul li a:hover, #menu ul li ul li a.active {
      background: url('/images/menu-li-a.png');
      color: #FFFFFF;}

#menu ul li.last {background: none;}

#menu ul li a {
    font-size: 13px;
    font-weight: bold;
    float: left;
    height: 60px;
    display: block;
    line-height: 60px;
    color: #FFFFFF;
    padding: 0px 15px 0px 15px;
}

#menu ul li a:hover, #menu ul li a.active {
    background: url('/images/menu-li-a.png') left top repeat-x;
}

#left {
    width: 620px;
    height: 550px;
    float: left;
    text-align: left;
    position: relative;
    z-index: 0;
    background: #FFFFFF url('/images/main-bg.png') left 13px repeat-x;
}

#left a {position: relative;
         z-index: 1;}

#left .top {height: 13px; background: url('/images/main-home-top-bg.png') left top no-repeat;}

#left .bottom {
    height: 13px;
    width: 620px;
    position: absolute;
    bottom: -13px;
    left: 0px;
    background: url('/images/main-home-bot-bg.png') left top no-repeat;
}

#left h2, #main h2 {
    margin: 0px;
    color: #878BAB;
    font-size: 21px;
    font-weight: bold;
    font-weight: normal;
    margin-left: 25px;
    position: relative;
    /* background: url('/images/h2-bg.png') left top no-repeat;*/
}

#left span, #main span {
    position: absolute;
    top: 0px;
    left: -25px;
    width: 423px;
    height: 31px;
}

#main span {width: 700px;}

h2.home-cs span {background: url('/images/h2-homepage.png') left top no-repeat;}
h2.haly-cs span {background: url('/images/h2-haly.png') left top no-repeat;}
h2.party-stany-cs span {background: url('/images/h2-party-stany-cs.png') left top no-repeat;}
h2.textilni-arch-cs span {background: url('/images/h2-textilni-arch-cs.png') left top no-repeat;}
h2.obloukove-haly-cs span {background: url('/images/h2-obloukove-cs.png') left top no-repeat;}
h2.rovne-haly-cs span {background: url('/images/h2-haly-rovne-cs.png') left top no-repeat;}
h2.stany-cs span {background: url('/images/h2-stany-cs.png') left top no-repeat;}
h2.montovane-cs span {background: url('/images/h2-montovane-haly.png') left top no-repeat;}
h2.vyhody-cs span {background: url('/images/h2-vyhody.png') left top no-repeat;}
h2.produkty-cs span {background: url('/images/h2-produkty.png') left top no-repeat;}
h2.kontakty-cs span {background: url('/images/h2-kontakty.png') left top no-repeat;}
h2.poptavka-cs span {background: url('/images/h2-poptavka.png') left top no-repeat;}
h2.reference-cs span {background: url('/images/h2-reference.png') left top no-repeat;}
h2.ref-1-cs span {background: url('/images/h2-ref-1.png') left top no-repeat;}
h2.ref-2-cs span {background: url('/images/h2-ref-2.png') left top no-repeat;}
h2.ref-3-cs span {background: url('/images/h2-ref-3.png') left top no-repeat;}
h2.ref-4-cs span {background: url('/images/h2-ref-4.png') left top no-repeat;}
h2.ref-5-cs span {background: url('/images/h2-ref-5.png') left top no-repeat;}
h2.ref-6-cs span {background: url('/images/h2-ref-6.png') left top no-repeat;}

h2.home-en span {background: url('/images/h2-homepage-en.png') left top no-repeat;}
h2.haly-en span {background: url('/images/h2-haly-en.png') left top no-repeat;}
h2.party-stany-en span {background: url('/images/h2-party-stany-en.png') left top no-repeat;}
h2.textilni-arch-en span {background: url('/images/h2-textilni-arch-en.png') left top no-repeat;}
h2.obloukove-haly-en span {background: url('/images/h2-obloukove-en.png') left top no-repeat;}
h2.rovne-haly-en span {background: url('/images/h2-haly-rovne-en.png') left top no-repeat;}
h2.stany-en span {background: url('/images/h2-stany-en.png') left top no-repeat;}
h2.montovane-en span {background: url('/images/h2-montovane-haly-en.png') left top no-repeat;}
h2.vyhody-en span {background: url('/images/h2-vyhody-en.png') left top no-repeat;}
h2.produkty-en span {background: url('/images/h2-produkty-en.png') left top no-repeat;}
h2.kontakty-en span {background: url('/images/h2-kontakty-en.png') left top no-repeat;}
h2.poptavka-en span {background: url('/images/h2-poptavka-en.png') left top no-repeat;}
h2.reference-en span {background: url('/images/h2-reference-en.png') left top no-repeat;}
h2.ref-1-en span {background: url('/images/h2-ref-1-en.png') left top no-repeat;}
h2.ref-2-en span {background: url('/images/h2-ref-2-en.png') left top no-repeat;}
h2.ref-3-en span {background: url('/images/h2-ref-3-en.png') left top no-repeat;}
h2.ref-4-en span {background: url('/images/h2-ref-4-en.png') left top no-repeat;}
h2.ref-5-en span {background: url('/images/h2-ref-5-en.png') left top no-repeat;}
h2.ref-6-en span {background: url('/images/h2-ref-6-en.png') left top no-repeat;}


#leftIn {
    width: 560px;
    margin: 10px 0px 0px 25px;
}

#leftIn p {text-align: justify;}

#leftIn p img {
    float: right;
    margin-left: 20px;
    position: relative;
    top: -40px;
}

#right {
   width: 360px;
   height: 550px;
   float: right;
   text-align: left;
   position: relative;
   z-index: 0;
   background: #43465F url('/images/home-right-top-bg.png') left top no-repeat;
}

#right .bottom {
    height: 13px;
    width: 360px;
    position: absolute;
    bottom: -13px;
    left: 0px;
    background: url('/images/home-right-bot-bg.png') left top no-repeat;
}

#right h2 {
    margin: 13px 0px 0px 0px;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: normal;
    padding-left: 0px;
    position: relative;

}

#right h2 span{
    background: url('/images/h2-right-bg.png') left top no-repeat;
    position: absolute;
    width: 360px;
    height: 31px;
    top: 0px;
    left: 0px;
}

#rightIn {
    width: 305px;
    margin-left: 25px;
}

#rightIn p {color: #FFFFFF; margin-bottom: 20px;}

#rightIn p img.new {float: right;}

#rightIn p a {
    font-size: 1.25em; 
    font-weight: bold; 
    display: block;
    color: #FFFFFF; 
    margin-bottom: 3px;
}
#rightIn p span {
    color: #D8D9E4; 
    font-size: 1.1em; 
    line-height: 1.2em;
}

#main {
    width: 990px;
    text-align: left;
    position: relative;
    background: #FFFFFF url('/images/main-bg.png') left 13px repeat-x;
}

#main .top {height: 13px; background: url('/images/main-top-bg.png') left top no-repeat;}

#main .bottom {
    height: 13px;
    width: 990px;
    position: absolute;
    bottom: -13px;
    left: 0px;
    background: url('/images/main-bot-bg.png') left top no-repeat;
}

#mainIn {
    width: 930px;
    margin: 20px 0px 0px 25px;
    padding-bottom: 30px;
}

#mainIn p {text-align: justify; font-size: 1.1em;}


#footer {
    height: 60px;
    margin-top: 23px;
    clear: both;
    background: #676B90 url('/images/footer-bg.png') left top no-repeat;
}

#footer p {
    line-height: 60px;
    font-size: 0.9em;
    text-align: left;
    padding-left: 25px;
    color: #FFFFFF;
}

#footer p a {color: #FFFFFF;}

table.form label {
    font-weight: bold;
}

ul.arrow {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.arrow li {
    padding-left: 40px;
    line-height: 2em;
    background: url('/images/arrow.png') 10px 4px no-repeat;
}

table.data th {
    background: #484B66;
    color: #FFFFFF;
}

table.data tr.even td {
    background: #CBCCDA;
}

.refs {
    clear: both; 
    margin: 20px 0px 0px 0px;
}

.refs img {
    float: left;
    margin: 0px 10px 10px 0px;
    border: 2px solid #848BA7;
}

.refs p {
    width: 630px;
    float: left;
    margin: 3px 0px 0px 8px;
    line-height: 1.2em;
}

.refs p img {border: 0px;}

.refs h3 {
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    float: left;
    padding-left: 8px;
}

.refs div.imgs {
    float: left; 
    width: 290px; 
}

.bold {font-weight: bold;}
.cleaner {clear: both;}
.orange {color: #FF7000;}
.specCleaner {
    clear: both;
    height: 30px;
    position: relative;
    left: -25px;
    background: url('/images/spec-cleaner-bg.png') left top  no-repeat;
}

input.bgOrange, textarea.bgOrange {
    background: #FFE7B9;
}

#akce {
    width: 640px;
    height: 454px;
    display: block;
    position: absolute;
    top: 350px;
    left: 150px;
    z-index: 100;
    background: #43465F;
    border: 1px solid #FFFFFF;
}
#akce a { color: #FFFFFF; }


#outerMsgErr {width: 990px; height: 100px; background: #B8BACD url('/images/message-bg.png') left top  no-repeat; margin-bottom: 10px;}
#outerMsgOk {width: 990px; height: 100px;  background: #B8BACD url('/images/message-bg.png') left top  no-repeat; margin-bottom: 10px;}
#innerMsgErr {margin: 0px 5px 5px 5px; width: 960px; display: table; height: 100px; #position: relative; overflow: hidden; background: url('/images/message-no.png') left top no-repeat; color: #CC3300; line-height: 15px;}
#innerMsgOk {margin: 0px 5px 5px 5px; width: 960px; display: table; height: 100px; #position: relative; overflow: hidden; background: url('/images/message-yes.png') left top no-repeat; color: #009900; line-height: 15px;}
#middleMsg {#position: absolute; #top: 50%; left: 0px; display: table-cell; vertical-align: middle; text-align: left;}
#inMsg {width: 750px; margin-left: 120px; #position: relative; #top: -50%; font-weight: bold; font-size: 12px;}