html {font-size: 100%;}

body {
    font-family: tahoma, arial, lucida, sans-serif;
    font-size: 0.7em;
    padding: 0px;
    margin: 11px 0px 0px 0px;
    text-align: center;
    background: #FFFFFF;
}


table {font-size: 1em;}

form {margin: 0px;}

input, textarea {
    font-family: verdana, tahoma, arial, lucida, sans-serif;
}

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

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

fieldset {border: 0px; clear: left; float: left;}

address {font-style: normal; font-weight: bold;}


table.address td {
    vertical-align: top;
}

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

h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 369px;
    left: 36px;
    top: 0px;
    color: #111111;
    font-size: 18px;
    text-decoration: none;
    text-align: left;
}

h1 span {
    width: 369px;
    height: 222px;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h3.sub {font-size: 1.2em;}

#header {
    width: 892px;
    height: 50px;
    margin: 0px auto 0px auto;
    position: relative;
}

#header ul {
    display: none;
    width: 892px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    height: 36px;
    list-style-type: none;
    position: absolute;
    top: 222px;
    left: 0px;
}

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

#header ul li a {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 10px 0px 22px;
}

#header img.left {
    display: none;
    position: absolute;
    left: -18px;
    top: 32px;
}

#header img.right {
    display: none;
    position: absolute;
    right: -14px;
    top: 32px;
}

#topMenu {
    display: none;
    width: 892px;
    height: 39px;
    margin: 0px auto 0px auto;
}

#topMenu ul {
    margin: 0px 0px 0px 130px;
    padding: 0px;
    list-style-type: none;
}

#topMenu ul li {float: left;}

#topMenu ul li a {
    line-height: 39px;
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
    display: block;
    padding: 0px 17px;
}

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

#main {
    width: 902px;
    margin: 0px auto 0px auto;
    position: relative;
    background: #FFFFFF;
}

#main.sub {background: #FFFFFF}

#main img.top {display: none; margin: 0px; float: left; margin-left: 5px;}

#main img.left {
    display: none;
    position: absolute;
    top: -6px;
    left: -4px;
}

#main img.right {
    display: none;
    position: absolute;
    top: -6px;
    right: -4px;
}

#main img.bottom {
display: none;
    position: relative;
    bottom: -2px;
    left: 0px;
}

#mainIn {
    width: 892px;
    margin: 0px auto 0px auto;
    text-align: left;
}

#mainIn.sub {background: transparent;}

#mainIn h2 {
    font-size: 1.6em;
    display: inline;
    margin: 0px 0px 10px 0px;
    padding-right: 20px;
    padding-bottom: 5px;
}

ul#sidemenu {
    display: none;
    float: left;
    margin: 25px 0px 0px 0px;
    padding: 0px;
    width: 220px;
    list-style-type: none;
}

ul#sidemenu li {
    display: inline;
}

ul#sidemenu li a {
    display: block;
    padding: 7px 0px 5px 37px;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

ul#sidemenu ul {
    width: 220px;
    margin-left: 0px;
    padding: 0px;
}

ul#sidemenu ul li {
     display: inline;
}

ul#sidemenu li ul li a {
    padding: 5px 0px 5px 55px;
}

ul#sidemenu li a span {
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 9px;
    _top: 9px;
    left: 15px;
    _left: -20px;
    background: url('/images/left-menu-ico.png') 0px 0px no-repeat;
}    

ul#sidemenu li ul li a span {
    top: 8px;
    left: 35px;
    _left: -20px;
    background: url('/images/left-menu-ico-small.png') 0px 0px no-repeat;
} 

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

#mainIn p.home {
    margin: 20px 0px 5px 0px;
    color: #333333;
    font-size: 1.1em;
    line-height: 1.3em;
    text-indent: 10px;
}

#mainIn p.home a {
    font-size: 1.3em;
    font-weight: bold;
}

#mainIn p.automat {
    width: 260px;
    float: left;
    margin-bottom: 20px;
}

#mainIn p.budin {
    width: 188px; 
    float: right;
    margin-bottom: 20px;
}

.photo span,
#mainIn p.automat span,
#mainIn p.budin span {
    color: #666666;
    font-size: 0.9em;
    padding-left: 10px;
    background: url('/images/ico-square.png') left 4px no-repeat;
}

.photo img {margin-bottom: 5px;}

#left {
    width: 460px;
    float: left;
    margin: 20px 0px 0px 35px;
    display: inline;
}

#right {
    width: 300px;
    float: right;
    margin: 20px 50px 0px 0px;
    display: inline;
}

#right p a {
    font-size: 14px;
    font-weight: bold;
}

#leftSub {
    display: none;
    width: 220px;
    float: left;
}

#rightSub {
    width: 672px;
    float: left;
    margin-bottom: 30px;
}

#content {
    width: 607px;
    margin: 20px 0px 0px 37px;
}

#content h2 {
    display: block;
    margin-bottom: 5px;
}

p#path {font-size: 1em; margin: 0px 0px 30px 0px;}
p#path a { font-size: 1em;}

.product {width: 280px; float: left;}
.product img {float: left; margin-right: 8px;}
.product h3 {
    font-size: 1.3em;
    color: #7E3900;
    margin: 0px;
}
.product p {
     color: #333333;
     font-size: 1.1em;
     font-weight: bold;
     margin: 7px 0px;
}
.product a {
    background: url('/images/ico-pdf.png') left top no-repeat;
    padding: 10px 0px 10px 40px;
    position: relative;
    top: 10px;
    font-size: 0.9em;
    color: #7E3900;
}

.product.right {margin-left: 20px;}

.productsT {
    width: 100%;
}

.productsT th {
    background: #FFB20E;
}

.productsT td {
    border-bottom: 5px solid #E7E7E7;
    font-weight: bold;
}

.productsT td.brown {color: #783701; font-weight: bold;}

.form {width: 600px;}
.form label {font-weight: bold;}
.form label.orange, .orange {color: #FFB20E;}
.form input.bgOrange,
.form textarea.bgOrange {background: #FEE4AF;}

.pMenu {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: center;
}

.pMenu li {float: left; display: block;}
.pMenu li a {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    display: block;
    padding: 40px 40px;
}
.pMenu li a:hover {background: #FFF4DD;}

#footer {
    display: none;
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
    margin: 0px;
    line-height: 30px;
}

#footer a {color: #000000;}

p.indent {text-indent: 10px;}
.bold {font-weight: bold;}
.cleaner {clear: both;}
.cleanLine {
    clear: both; 
    height: 5px;
    margin: 30px 0px 25px 0px;
    background: #E7E7E7;
    width: 608px;
    float: left;
}

#outerMsgErr {width: 600px; height: 40px; background: #FEE4AF; margin-bottom: 10px;}
#outerMsgOk {width: 600px; height: 40px;  background: #FEE4AF; margin-bottom: 10px;}
#innerMsgErr {margin: 0px 5px 5px 5px; width: 540px; display: table; height: 40px; #position: relative; overflow: hidden; color: #CC3300; line-height: 15px;}
#innerMsgOk {margin: 0px 5px 5px 5px; width: 540px; display: table; height: 40px; #position: relative; overflow: hidden; color: #009900; line-height: 15px;}
#middleMsg {#position: absolute; #top: 50%; left: 0px; display: table-cell; vertical-align: middle; text-align: left;}
#inMsg {width: 550px; margin-left: 120px; #position: relative; #top: -50%; font-weight: bold; font-size: 12px;}