img, * {padding: 0; margin: 0; border: 0; outline: 0}
html, body {color: #3d3d3d; height: 100%; background: #bae0fe url("./layout/compled_background.jpg") repeat-x;}
body {font-size: 14px; min-width: 792px; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif;}
body>#topdown {height: auto;}
#topdown {min-height: 100%; height: 100%; margin: 0px auto; width: 792px; text-align: left;}
h1 a {height: 116px; width: 452px; float: left; display: block; background: url("./layout/logo-l.jpg") no-repeat;}
h1 a span, #logo-c a span {display: none;}
#logo-c a {height: 116px; width: 128px; float: left; display: block; background: url("./layout/logo-c.jpg") no-repeat;}
#logo-r {height: 116px; width: 212px; float: left; background: url("./layout/logo-r.jpg") no-repeat;}
#logo-r .nadpis a {font-size: 18px; float: left; color: black; text-decoration: none; margin: 20px 0 0 25px; text-shadow: white 1px 1px 2px; font-weight: bold;}
#logo-r .nadpis a:hover {color: white; text-shadow: black 1px 1px 2px;}
#logo-r .nakup {font-size: 13px; float: left; color: black; margin: 0px 0 0 35px;}
#menu {float: left; height: 32px;}
#menu ul {float: right; margin: 0; padding: 0; list-style-type: none; font-weight: bold;}
#menu ul li {display: block; float: right; margin: 0; padding: 7px 10px 0 10px; height: 30px; background: url("./layout/separator.gif") 0 1px no-repeat;}
#menu ul li.no-separator {background: none;}
#menu ul li a {text-decoration: none; color: white;}
#menu ul li a:hover {color: #333;}
#main {float: left; margin: 15px 0 0 0;}
#main-left {float: left; width: 212px; margin: 65px 0 0 0; letter-spacing: 1px;}
#main-left .heading {float: left; width: 212px; height: 45px; background: url("./layout/box-lt.png") no-repeat; text-align: center; padding-top: 20px; margin: -65px 0 0 0; color: #3a69a3; font-weight: bold; font-size: 24px; text-shadow: #ccc 1px 1px 2px;}
#main-left .body {float: left; width: 212px; background: url("./layout/box-lc.gif") repeat-y;}
#main-left .body ul {float: left; margin: 0; width: 180px; margin: 0 15px 5px 15px; list-style-type: none; font-size: 12px; line-height: 2;}
#main-left .body ul li {background: url("./layout/menu-dot.gif") no-repeat 0 4px;}
#main-left .body ul li a {display: block; height: 24px; margin: 0; padding: 0 2px 0 20px; text-decoration: none; color: #333; background: url("./layout/menu-underline.gif") no-repeat bottom;}
#main-left .body ul li a:hover {color: white; background: #333 url("./layout/menu-dot2.gif") no-repeat 0 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#main-left .body ul li a span {float: right;}
#main-left .body ul li a span {color: #999; font-family: "Arial Narrow", Arial; font-size: 11px;}
#main-left .body ul li a:hover span {color: white;}
#main-left .bottom {float: left; width: 212px; height: 17px; margin: 0 0 75px 0; background: url("./layout/box-lb.gif") no-repeat;}
#main-right {float: right; width: 572px; margin: 65px 0 0 0; letter-spacing: 1px;}
#main-right .heading {float: left; width: 572px; height: 65px; background: url("./layout/box-rt.png") no-repeat; margin: -65px 0 0 0;}
#main-right .body {float: left; width: 572px; background: url("./layout/box-rc.gif") repeat-y;}
#main-right .bottom {float: left; width: 572px; height: 17px; margin: 0 0 75px 0; background: url("./layout/box-rb.gif") no-repeat;}
#bottom-layout {width: 100%; float: left; height: 88px; text-align: center; font-size: 12px; margin-top: -65px; letter-spacing: 1px; color: white; background: url("./layout/bottom.gif") repeat-x;}
#bottom-layout a {color: white; font-weight: bold; text-decoration: none;}
#bottom-layout a:hover {text-decoration: underline;}
.bottom-center {width: 752px; margin: 0px auto; text-align: center; margin-top: 20px;}
.bottom-l {float: left; text-align: left;}
.bottom-r {float: right; text-align: right;}

.width-max {width: 792px; margin: 0px auto;}
.bottom-no {float: left; width: 792px; clear: both; font-size: 1px; height: 1px; overflow: hidden; visibility: hidden;}
.heading div {color: gray; text-align: right; margin: 10px 20px 0 0;}
.heading div a {color: gray; text-decoration: none;}
.heading div a:hover {color: black;}
.heading h2 {padding: 2px 0 0 25px; margin: 9px 0 0 7px; background: url("./layout/h2.gif") no-repeat; width: 533px; height: 28px; color: white; font-size: 16px; letter-spacing: 4px; text-shadow: #333 1px 1px 2px;}
input, textarea {border: 1px solid #6a8091; background-color: #e3e9f6; -webkit-border-radius: 15px; -moz-border-radius: 5px; border-radius: 5px; font-size: 12px;}

#main-right .body p, #main-right .body ul {float: left; width: 510px; padding: 15px 30px 10px 30px; line-height: 1.7; letter-spacing: normal; word-spacing: 1px;}
#main-right .body ul {width: 500px;}
#main-right .body ul {padding: 15px 20px 10px 50px;}
#main-right .body ul li {list-style-type: square;}
#main-right .body h3 {font-size: 18px; padding: 0 0 10px 20px; color: #3a69a3; text-shadow: #c0c0c0 1px 1px 2px;}
#main-right .body hr {float: left; width: 532px; margin: 0 20px 5px 20px; border: none; height: 1px; background-color: #333;}
#main-right .body .l {float: left;}
#main-right .body .l p {width: 100%;}
#main-left .body hr {float: left; width: 180px; margin: 0 10px 5px 10px; border: none; height: 1px; background-color: #333;}
#main-left .body p {float: left; width: 180px; margin: 0 20px 5px 20px; line-height: 1.6;}

#main-right .body p a, #main-right .body li a {padding: 0 2px; color: #4b6dc6;}
#main-right .body p a:hover, #main-right .body li a:hover, .box-view .title a:hover {color: white; background-color: #333; padding: 0 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.img100 {float: left; margin: 6px 5px 12px 5px; padding: 4px 0; font-size: 11px; width: 120px; font-weight: bold; position: relative; text-align: center; overflow: hidden;}
.img100 {background-color: #e3e9f6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #6a8091;}
.img100 img {border: 1px solid #6a8091;}
.lupa {position: absolute; top: 75px; right: 15px; width: 25px; height: 22px; background: url("./layout/lupa.png") no-repeat;}
.small-text {font-size: 11px; letter-spacing: 0; word-spacing: 0;}

.box-view {float: left; width: 250px; margin: 6px 10px 12px 5px;}
.box-view {background-color: #e3e9f6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #6a8091;}
.box-view .title a {float: left; width: 225px; font-weight: bold; margin: 5px 10px 5px 10px; height: 50px; color: #4b6dc6; font-size: 16px; text-shadow: #ccc 1px 1px 2px;}
.box-view .img {float: left; margin: 0 10px 10px 10px; width: 102px; text-align: center; font-size: 12px;}
.box-view img, .img-box img {padding: 2px; border: 1px solid #6a8091;}
.box-view .text {float: left; margin: 0 5px 10px 0; width: 110px; font-size: 11px;}

table {border: 1px solid #6a8091; margin: 0 0 10px 30px; font-size: 12px; text-align: center;}
tr.border td {border: 1px solid #6a8091;}
th {background-color: #61a0cf; padding: 0 4px;}
th.normal {font-weight: normal;}
tr {background-color: #e3e9f6; padding: 0 4px;}

.lib {margin-bottom: -3px;}
.lib1 {margin-bottom: -1px;}
.lip {margin-bottom: 3px;}
.bold {font-weight: bold;}
.w150 {width: 120px;}
.w400 {width: 350px;}
.l22 {margin-left: 22px;}
.l30 {margin-left: 30px;}
.center {text-align: center;}