*{
    font-family: arial, "lucida console", sans-serif;
    border: none;
    color: #555555;
    margin: 0; padding: 0;
}
a { text-decoration: none; }

/******************************************************************************/
h2, #menutop li a:hover, #menu ul li a:hover, #navigator a:hover, #sidebar h2,
#block2 a, #block8 a, #content p a:hover, #content h2 a, #content table a:hover,
a:hover, #content #tabs a:hover,
.light{ color: #09A5D6; }

h1, h3, a, #footer, #slogan, #menutop li, #content div.table22 .glass, #tabs a,
#block1 a:hover,
.dark{ color: #2E3165; }
/******************************************************************************/
body{ background: white; text-align: center; }
div{ width: 1000px; }
#center{ margin: 0 auto; }
#top{
    position: relative; top: 11px;
    height: 247px;
    background: url(/images/web/logo-master-internet.gif) 80px 7px no-repeat;
    z-index: 1;
    margin-bottom: 10px;
}
    #logo-click a{ position: absolute; left: 0; display: block; margin-left: 80px; width: 160px; height: 60px;}
    #slogan{
        position: absolute; top: 46px; left: 168px;
        width: 200px;
        font-size: 16px;
        font-weight: bold;
    }
    #menutop{
        position: absolute; right: 60px; top: 40px;
        text-align: right;
        width: 500px;
    }
        #menutop ul{ margin-right: 154px; }
        #menutop li{
            margin: 0 12px 0 12px;
            display: inline;
            list-style: none;
            font-size: 11px;
            font-weight: bold;
        }
        #menutop li a{ text-decoration: none; }
        #menutop ul, div#menutop form, div#menutop fieldset{ display: inline; }
        #menutop #query{
            position: absolute;
            top: 0; right: 30px;
            width: 125px; height: 17px;
            background: url(/images/web/edit.gif);
            text-align: left;
            font-size: 11px; color: #999999;
            padding-top: 5px; padding-left: 8px;
        }
        #menutop #search{
            position: absolute;
            top: 1px; right: 4px;
            width: 22px; height: 22px;
            background: url(/images/web/button-magnifier.gif);
        }

/******************************************************************************/
#page-picture{ position: absolute; top: 42px; right: 35px; width: 298px; height: 170px; }
/******************************************************************************/
#buttons{ position: absolute; top: 216px; height: 30px; margin-left: 56px; z-index: 1; width: 900px; }
#buttons ul{ list-style-type: none; }
#buttons li{
  float: left;
  width: 123px; height: 27px;
  margin-right: 4px;
  text-align: center;
}
#buttons a{
    width: 123px; height: 20px;
    padding-top: 7px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    color: white;
    font-weight: bold;
    font-size: 70%;
    background: url(/images/web/button-dark.gif);
}
#buttons li a:hover { background: url(/images/web/button-hover.gif); }
/******************************************************************************/
#page{ position: relative; }
/******************************************************************************/
#neonbar{
    position: absolute;
    background: url(/images/web/subpage.jpg) 0 -15px no-repeat;
    margin-top: 18px;
    height: 800px;
}
#sidebar{ position: absolute; top: 166px; left: 70px; width: 170px; height: 500px; }
#sidebar h2{
    margin: 20px 0 10px 0;
    text-align: left;
    font-size: 80%;
    font-weight: bold;
}
#sidebar h3{
    padding-left: 10px;
    margin-bottom: 5px;
    background: url(/images/web/dot-dark.gif);
    background-position: 0px 4px; background-repeat: no-repeat;
    text-align: left;
    font-size: 70%;
    font-weight: bold;
}
#sidebar div{
    width: 160px;
    padding: 0 5px 0 10px;
    height: 55px;
    overflow: hidden;
    text-align: left;
    font-size: 70%;
}
#sidebar p{
    margin: -5px 0 10px 10px;
    text-align: left;
}
#sidebar ul{ margin-left: 30px; list-style-type: none; }
#sidebar ul li a{ display: block; font-size: 70%; text-align: left; padding-left: 15px;
background: url(/images/web/dot-dark.gif) 2px 4px no-repeat;
~margin-top: -7px; _margin-bottom: -12px; ~background-position: 2px 8px;
}
/******************************************************************************/
#navigator{
    position: absolute; top: 2px; left: 305px; width: 400px;
    font-size: 60%; text-align: left; z-index: 3;
}
/******************************************************************************/
#menu{
    position: absolute; top: -8px; left: 90px; width: 170px; z-index: 3;
} 
#menu ul{ list-style: none; font-size: 75%; font-weight: bold; margin-top: -5px; } 
#menu ul li{
    text-align: left;
    margin-top: 8px; ~margin-top: 4px;
}
#menu ul li a{ padding-left: 20px; }
/******************************************************************************/
#content{
    position: relative; padding: 0 20px 0 20px; width: 615px; top: 36px;
    left: 285px; min-height: 450px; font-size: 75%; text-align: left;
    ~left: 115px; width: 615px; _height: 450px;
}
#content h1{ font-size: 150%; padding: 20px 0 10px 0; }
#content h2, #content h3{ font-size: 110%; padding-top: 20px; }
/*#content h3{
    padding-left: 25px;
    background: url(/images/web/dot-dark.gif) no-repeat 10px 30px;
}*/
#content p{ padding-top: 10px; }
#content a { font-weight: bold; }
#content a:hover { font-weight: bold; text-decoration: underline; }
#content ul{ padding-top: 10px; list-style-type: none; margin-left: 25px; }
#content ul li{
    padding-left: 10px;
    background: url(/images/web/arrow-right.gif) left 5px no-repeat;
}
#content ul.white li{
    background: url(/images/web/arrow-right-white.gif) left 5px no-repeat;
}
#content ul ul{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 30px;
}
#content hr{
    height: 5px;
    margin-bottom: -10px; margin-top: 15px;
    color: transparent;
    background: url(/images/web/hr.gif) repeat;
}
#content strong{ color: #444444; }
/******************************************************************************/
#content table{ table-layout: fixed; }
#content table td{ background: transparent; }

#content div.table1{
    width: 275px; margin-top: 10px;
    background: url(/images/web/table1-background.jpg) repeat-y left 5px;
}
#content div.table1 table{
    width: 100%;
    background: url(/images/web/table1-footer.jpg) no-repeat left bottom;
}
#content div.table1 table.theader{
    background: url(/images/web/table-header-short.jpg) no-repeat;
}
#content div.table1 th{ color: white; height: 35px; vertical-align: center; text-align: center; }
#content div.table1 tr{ height: 20px; width: 50%; }
#content div.table1 tr.top-padding{ height: 6px; }
#content div.table1 tr.bottom-padding{ height: 26px; }

#content div.table22 table td{ background: transparent; }
#content div.table22{ width: 640px; margin-top: 10px;
    background: url(/images/web/table22-background.jpg) repeat-y left 12px; }
#content div.table22 table{ width: 100%;
    background: url(/images/web/table22-footer.jpg) no-repeat left bottom; }
#content div.table22 table.theader{ background: url(/images/web/table-header-long.jpg) no-repeat; }
#content div.table22 table.theader th{ height: 32px; ~height: 22px; vertical-align: top; padding-top: 10px; }
#content div.table22 table.theader th.glass{ background: url(/images/web/table-glass.gif); 
background-position: center 20%; background-repeat: no-repeat; padding-top: 6px; text-align: center;
height: 30px; ~height: 24px; }
#content div.table22 table th{ color: white; }
#content div.table22 table tr{ height: 20px; }
#content div.table22 table tr.top-padding{ height: 10px; }
#content div.table22 table tr.bottom-padding{ height: 37px; }
/******************************************************************************/
#content form, #content div.form{ position: relative; margin-top: 20px; padding-top: 20px; width: 570px; }
#content form fieldset, #content .form fieldset{ text-align: left; }
#content form label, #content .form label{ color: white; font-weight: bold; }
#content form h2, #content .form h2 { color: white; font-size: 130%; position:relative; top: -17px; }
#content .form3 h2 { top: -10px; }
#content form .edit, #content .form .edit{
    width: 238px; height: 17px;
    background: url(/images/web/edit-blue.gif);
    text-align: left;
    font-size: 11px; color: #555555;
    padding-top: 3px; padding-left: 8px;
    margin-bottom: 5px;
    display:block;
}
#content form select, #content form select, #content .form select, #content .form .select{
    margin-bottom: 11px; ~margin-bottom: 5px;
    padding-left: 8px;
    background: white; width: 245px;
    display:block; text-align: left;
}
#content form .button, #content .form .button{ position: absolute; bottom: 22px; right: 37px; }
#content form .button2, #content .form .button2{ position: absolute; bottom: -30px; right: 37px; }
#content form .button-submit, #content .form .button-submit{ color: white; font-weight: bold; font-size: 95%; background-image: url(http://www.master.cz/images/web/button-submit.gif); width: 97px; height: 24px; position: absolute; right: 50px; bottom: 40px; }
#content form textarea, #content .form textarea{ text-align: left; width: 239px; height: 73px; font-size: 11px; padding-top: 5px; padding-left: 8px; background: url(/images/web/form-field.gif); }
#content .form1{ padding-left: 50px; height: 136px; background: url(/images/web/form1.png) no-repeat; }
#content .form2{ padding-left: 40px; height: 211px; background: url(/images/web/form2.png) no-repeat; }
#content .form3{ padding-left: 40px; height: 411px; background: url(/images/web/form3.png) no-repeat; }
/******************************************************************************/
#content #tabs{ position: relative; top: -20px; height: 20px; left: -20px;
z-index: 1; width: 610px; }
#content #tabs ul{ list-style-type: none; }
#content #tabs li{
  float: left;
  width: 140px; height: 27px;
  padding: 0 5px 0 0;
  text-align: center;
  background: transparent;
}
#content #tabs a{
    width: 140px; height: 26px;
    padding-top: 6px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-size: 95%;
    background: url(/images/web/tab-idle.gif) no-repeat;
    color: #999999;
}
#content a.button{
    margin: 10px 30px 0 30px;
    text-align: center;
    width: 85px; height: 21px;
    padding-top: 2px;
    text-decoration: none;
    display: block;
    font-weight: bold;
    font-size: 95%;
    background: url(/images/web/button-small-light.gif) no-repeat;
}
#content a.button:hover{
    color: white;
}
#content #tabs a:hover{ text-decoration: none; }
#content .whitebox{ width: 279px; height: 305px;
padding: 0 20px 0 20px; margin: 20px -20px 0 -20px;
background: url(/images/web/whitebox.gif) no-repeat; position: relative; }
#content .whitebox p{ font-size: 100%; }
#content .whitebox img{ position: absolute; bottom: 20px; left: 31px; }
#content .no-background { background: transparent; }
/******************************************************************************/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.border { border: 2px solid #BBBBBB; }
.float-right { float: right; }
.float-right-table { float: right; margin-right: -30px; }
.float-left { float: left; }
.half { width: 50%; }
.full { width: 570px; }
.margin { margin: 20px; }
.indent { margin-left: 25px; }
.showmap { position: relative; margin-top: -15px; text-align: right; width: 270px; }
.showmap a{ text-decoration: none; vertical-align: top; }
.error { color: red; }
.intensive { color: orange; }
/******************************************************************************/

#footer{
    position: relative;
    margin-top: 100px;
    height: 32px;
    padding-top: 7px;
    background: url(/images/web/footer.jpg);
    background-position: center 0; background-repeat: no-repeat;
    font-size: 80%;
}
#footer ul{ margin-left: 70px; list-style-type: none; display: inline; }
#footer ul li{ display: inline; }
#footer a:hover{ color: black; }