* {margin: 0px; padding: 0px;}

html {font-size: 100%;}

body {
    font-family: Arial, tahoma, lucida, sans-serif;
    font-size: 0.75em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #666666;
    background: #FFFFFF;
}


table {font-size: 1em;}

form {margin: 0px;}


a {
    text-decoration: underline;
    color: #709810;
}

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

input, textarea, select {background: #E9E9E9; border: none; margin-bottom: 5px; padding: 3px;}

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

h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    z-index: 2; 
    width: 241px;
    left: 0px;
    top: 32px;
    color: #709810;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

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

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

h2 {font-family: Tahoma, Arial, lucida, sans-serif;}

h3 {
    font-size: 1.3em;
}

h3 a {text-decoration: underline;}

#master {
    background: #ECF7D5 url('/images/main.png') left top repeat-y;
    width: 976px;
    position: relative;
    margin: 0px auto;
}

#langMenu {
    width: 976px;
    height: 32px;
    position: relative;
    background: url('/images/lang-menu.jpg') left top no-repeat;
}

#langMenu ul {
    margin: 0px 0px 0px 15px;
    padding: 8px 0px 0px 0px;
    list-style-type: none;
}

#langMenu ul li {float: left; margin-right: 20px;}

#langMenu ul li a {
    font-weight: bold;
    font-size: 0.85em;
    padding: 3px 0px 3px 24px;
    color: #FFFFFF;
    text-decoration: underline;
}

#langMenu ul li a:hover {text-decoration: none;}

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

#topMenu {
    width: 976px;
    height: 88px;
    position: relative;
    z-index: 1;
    background: #FFFFFF url('/images/top-menu.png') left top no-repeat;
}

#topMenu ul {
    width: 700px;
    float: right;
    display: inline;
    margin-right: 35px;
    padding: 0px;
    list-style-type: none;
}

#topMenu ul li {
    float: left;
    background: #FFFFFF url('/images/top-menu-li.jpg') right top no-repeat;
    position: relative;
    z-index: 1;
    behavior: url('/templates/hover.htc')
    display: block;
    height: 88px;
}

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

#topMenu ul li ul {
    background: #FFFFFF;
    width: 200px;
    position: absolute;
    top: 88px;
    left: 0px;
    visibility: hidden;
    z-index: 1;
    margin: 0px;
}

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

#topMenu ul li ul li a {
     width: 170px;
     _width: 200px;
     max-width: 200px;
     height: 45px;
     line-height: 35px;
     cursor: pointer;
     padding-top: 0px;
}


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

#topMenu ul li a {
    background: url('/images/top-menu-btn.png') left bottom repeat-x;
    font-size: 1.0em;
    font-weight: normal;
    text-transform: uppercase;
    float: left;
    padding: 30px 14px 0px 14px;
    display: block;
    color: #666666;
    max-width: 102px;
    height: 58px;
    _max-width: 130px;
    _height: 88px;
    text-align: left;
    margin-right: 1px;
}

#topMenu ul li a:hover, #topMenu ul li a.active {
    background: url('/images/top-menu-btn2.png') left bottom repeat-x;
    text-decoration: none;
    color: #54BFDE;
}

#header {
    background: url('/images/header.jpg') left bottom repeat-x;
    width: 976px;
    height: 377px;
    border-bottom: 1px solid #FFFFFF;
}

#news {
    float: left;
    width: 210px;
    display: inline;
    margin: 10px 0px 0px 20px;
    text-align: left;
}

#news h2 {
    background: url('/images/header1.png') left 4px no-repeat;
    font-weight: normal;
    color: #FFFFFF;
    font-size: 1.65em;
    padding-left: 25px;
    margin-bottom: 10px;
}
    
#news p {color: #FFFFFF; margin-bottom: 12px;}

#news p.title {
    background: url('/images/news-title.png') left 4px no-repeat;
    margin-bottom: 5px;
    text-indent: 14px;
}

#news p a {
    font-weight: bold;
    color: #FFFFFF; 
}

#left {
    width: 241px;
    float: left;
    text-align: left;
    position: relative;
    z-index: 0;
    background: #ECF7D5;
    display: inline;
}

#left h2 {
    background: url('/images/header2.png') left 4px no-repeat;
    font-weight: normal;
    color: #709810;
    font-size: 1.65em;
    padding-left: 25px;
    margin-bottom: 10px;
    text-align: left;
}

#gallery img {
    float: left;
    margin: 0px 1px 1px 0px;
}

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

#leftIn {
    margin: 16px 17px 0px 20px;
    text-align: center;
}

#leftIn p {text-align: left;}

#fb {
    padding: 20px 0px;
    clear: both;}

#right {
   width: 668px;
   float: left;
   display: inline;
   text-align: left;
   position: relative;
   z-index: 0;
   background: #FFFFFF;
   margin-left: 16px;
   padding: 16px 0px;
}

#right h2 {
    background: url('/images/header2.png') left 4px no-repeat;
    font-weight: normal;
    color: #249ABD;
    font-size: 1.65em;
    padding-left: 25px;
    margin-bottom: 10px;
    text-align: left;
}

#right p {margin-bottom: 12px;}

#right h2 span {color: #99D013;}
#right h2 span em {color: #7FA426; font-style: normal;}

#rightIn {
    width: 310px;
    float: left;
}

#right ul, #main ul {
    list-style-type: none;
    margin: 0px 0px 10px 12px;
}

#right ul li, #main ul li {
    background: url('/images/main-li.png') left 4px no-repeat;
    margin-bottom: 8px;
    padding-left: 15px;
}

#virtual {
    width: 315px;
    _width: 331px;
    height: 340px;
    float: left;
    border-left: 1px solid #DDDCDC;
    padding-left: 16px;
    margin: 0px 0px 16px 23px;
    display: inline;
}

#main {
    width: 976px;
    text-align: left;
    position: relative;
    background: #FFFFFF;
}

#main h2 {
    background: url('/images/header2.png') left 29px no-repeat;
    font-weight: normal;
    color: #249ABD;
    font-size: 1.65em;
    padding-left: 25px;
    margin-bottom: 10px;
    text-align: left;
    padding-top: 25px;
}

#main h3 {
    font-weight: normal;
    color: #249ABD;
    font-size: 1.35em;
    margin: 0px 0px 5px 0px;
    text-align: left;
    padding-top: 8px;
}

#main h3 a {color: #249ABD;}

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

#mainIn p {
    text-align: justify; font-size: 1.1em;
    margin-bottom: 10px;
}

#footer {
    width: 973px;
    height: 49px;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #FFFFFF;
    clear: both;
    background: #ECF7D5 url('/images/footer-bg.png') left top no-repeat;
}

#footer p {
    line-height: 50px;
    font-size: 0.9em;
    text-align: left;
    padding-left: 20px;
    color: #709810;
}

#footer p a {color: #709810;}

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

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

#main ul.arrow li {
    padding-left: 20px;
    line-height: 2em;
    background: url('/images/arrow.png') 5px 8px no-repeat;
}

table.data th {
    background: #9AD016;
    color: #FFFFFF;
    padding: 5px;
}

table.data td {padding: 5px;}

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

.horizontal {
    clear: both;
    border-top: 1px solid #DDDCDC;
    padding: 8px 0px;
    width: 100%;
}

.horizontal .homeCard {
    float: left;
    display: inline;
    width: 334px;
}

.horizontal .homeCard img {
    float: left;
    margin: 0px 10px 10px 0px;
}

.horizontal .homeCard h3 {
    font-weight: normal;
    font-size: 1.15em;
    margin-bottom: 4px;
}

.horizontal .homeCard h3 a {color: #249ABD;}

.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: 976px; height: 60px; background: #FFFFFF url('/images/message-bg.png') left top  no-repeat;}
#outerMsgOk {width: 976px; height: 60px;  background: #FFFFFF url('/images/message-bg.png') left top  no-repeat;}
#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;}


#weblinks {background: #FFFFFF;
           width: 973px;
           height: 240px;
           clear: both;
           text-align: left;}

#weblinks p {color: #709810;
             font-size: 0.9em;
             text-align: center;}
             
#weblinks p.ourWebs {color: #709810;
                     font-size: 1.1em;
                     padding: 10px 0px 0px 0px;
                     text-align: left;}
                   
#weblinks img {margin: 0px;
               padding: 0px;}
             
#weblinks ul {float: right;
              padding: 0px 0px 0px 10px;
              list-style-type: none;
              margin: 0px 0px 20px 0px;
              }
             
#weblinks ul li {float: none;
                 margin-bottom: 4px;}
             
#weblinks ul li a {background: url('/images/footer-li.png') left 5px no-repeat;
                   color: #709810;
                   float: none;
                   text-decoration: underline;
                   margin: 0px;
                   padding: 0px 0px 0px 13px;}
                   
#weblinks ul li a:hover {text-decoration: none;}
                   
          .linkBox {float: left;
                    width: 238px;}
          
          #svitapShop {background: url('/images/logo-svitap-shop.jpg') left top no-repeat;}
          #svitapShop ul {width: 135px; position: relative; bottom: 12px;}
          
          #eMozaika {background: url('/images/logo-mozaika.jpg') left top no-repeat;}
          #eMozaika ul {width: 180px; position: relative; top: 10px;}
          
          #svitap {background: url('/images/logo-svitap.jpg') left top no-repeat;}
          #svitap ul {width: 155px; position: relative; bottom: 4px;}
          
          #tatralan {background: url('/images/logo-tatralan.jpg') left top no-repeat;}
          #tatralan ul {width: 150px;}