#skelet { width: 990px; margin: 1em auto; background: white url(../obrazky/layout/skelet.png) repeat-y; }
#skelet-head { display: block; height: 7px; font-size: 1px; background: url(../obrazky/layout/skelet-head.png); }
#head { width: 982px; margin: 0 4px; height: auto; background: #444a6c url(../obrazky/layout/head.jpg) no-repeat; border-bottom: 1px solid #c2820a; position: relative; }
.checkbox, .radio { border: none; }

#menu { width: 982px; height: 2.1em; position: absolute; left: 0; bottom: 0; }
#menu a { display: block; float: right; padding: .5em .5em; background-color: #f09d00; color: white; text-decoration: none; font-weight: bold; }
#menu #button1 { background: url(../obrazky/layout/menu-button1.png) no-repeat left bottom; }
#menu #button2 { background: url(../obrazky/layout/menu-button2.png) no-repeat left bottom; }
#menu #button3 { background: url(../obrazky/layout/menu-button2.png) no-repeat left bottom; }
#menu #button4 { background: url(../obrazky/layout/menu-button4.png) no-repeat left bottom; }
#menu #button5 { background: url(../obrazky/layout/menu-button5.png) no-repeat left bottom; }
#menu a span { padding: .5em 1.5em; background: url(../obrazky/layout/menu-button-no-active.gif) no-repeat right 1.1em; }
#menu a span.active { padding: .5em 1.5em; background: url(../obrazky/layout/menu-button-active.gif) no-repeat right 1.1em; }

#logo, #logo:hover { display: block; float: left; height: auto; color: white; text-decoration: none; background: url(../obrazky/layout/pemat-trading-logo.gif) no-repeat left center; margin-left: 22px; padding: 1.5em 0 2em 80px; }
#logo strong { font-size: xx-large; }
#logo span { font-size: large; }

#navigation { position: absolute; width: 150px; height: 9px; top: 21px; right: 26px; text-align: right; }
#navigation a { margin-left: 25px; }

#himg1, #himg2, #himg3, #himg4 { float: left; border-top: 1px solid #404669; }
#himg1 { margin-left: 4px; }

#left { clear: left; width: 250px; margin-left: 4px; float: left; background: #a2b4c2; }
#left .contacts { background: #a2b4c2 url(../obrazky/layout/contacts.jpg) no-repeat left bottom; padding: 15px; padding-bottom: 260px; }
#left .contacts em, #left .contacts span { display: block; float: left; margin-bottom: .1em; }
#left .contacts em { font-style: normal; width: 4em; }

#left .PopisStroje { background: #a2b4c2; padding: 15px; padding-bottom: 75px; }
#left .PopisStroje em, #left .PopisStroje span { display: block; float: left; margin-bottom: .1em; }
#left .PopisStroje em { font-style: normal; width: 4em; }

#content { width: 686px; float: left; background: white; padding: 1em 20px; }

#foot { width: 982px; margin: 0 4px; height: auto; background: #444a6c url(../obrazky/layout/head.jpg) no-repeat; clear: left; }
#foot a { color: white; text-decoration: none; }
#foot a:hover { text-decoration: underline; }
#foot p a { margin-right: 2em; }

address { display: block; padding: 15px; font-style: normal; text-align: right; }
#skelet-foot { display: block; height: 7px; font-size: 1px; background: url(../obrazky/layout/skelet-foot.png); }


.fLeft { float: left; }
.clearLeft { clear: left; }

/* VYHLEDAT POMOCÍ GOOGLE */
.dGoogleSearch { display: block; width: 145px; margin: 0px auto; padding: 0 0 1em 11px; overflow: hidden; }
.dGoogleSearch img { margin-bottom: -6px; }
.gsInput, .gsButton { float: left; margin-bottom: 0.5em; margin-top: 0.5em; border: 1px solid #cfcdcd; }
.gsInput { width: 95px; margin-right: 3px; }
.gsButton { width: 40px; text-align: center; }
.dGoogleSearch label { display: block; width: 72px; float: left; }
.dGoogleSearch label input { border: none; padding-left: 0.2em; margin: 0em; }

