body {padding: 0; margin: 0 auto; background: #ebebeb url(../images/background-x.jpg) top left repeat-x; text-align: center; font:normal 100%/140% Arial, Helvetica, sans-serif;}

#shade {padding: 0; margin: 0 auto; height: 524px; width:994px; text-align:center; background:url(../images/navigace-shades.png) top center no-repeat;}

#top {padding: 0; margin: 0 auto; background: url(../images/top-img01.jpg) top right no-repeat; width: 938px; height:196px; text-align: left;}
#top #logo {padding: 0; margin: 0; display: block; width: 399px; height: 93px; float:left; position: relative; top: 54px; left: 45px;}
#top #logo h1 {padding: 0; margin: 0; text-align:left; color:#fff; font:normal 65% Trebuchet; display: block; padding-top: 20px;}
#top #logo #logo-img a {width: 399px; height: 93px; position: absolute; top: 0; background: url(../images/logo.png) top left no-repeat; display: block;}
#top #notice {padding: 0; margin: 0; margin-right: 20px; float: right; width: 203px; height: 95px; background:url(../images/top-popup.png) top right no-repeat; text-align: center; font:normal 100%/120% Arial, Helvetica, sans-serif; color: #fff; padding-top: 13px; text-shadow: #ad0000 0 -1px 0;}
#top #notice a {text-decoration: none; color: #fff;}
#top #notice a:hover {text-decoration: underline;}

#top-navigation {padding:0; margin:0 auto; width: 938px; height: 45px; position: relative; left: 2px; text-align:center;} 

ul#navigation {padding:0; margin:0; margin-left: 22px; color:#a7a9ac; }
ul#navigation li {padding:0; margin:0; display:inline; float: left; list-style:none; }
ul#navigation li a {color:#fff; text-decoration:none;  display:inline-block; padding:11px 21px 12px 21px; font:normal 120%/120% Trebuchet MS, Trebuchet, sans-serif; text-shadow: #333333 0 -1px 0;}
ul#navigation li a:hover {padding:11px 20px 11px 20px; color:#fff; background:url(../images/navigation-hover.jpg) repeat-x top left; border-right:1px solid #858585; border-left: 1px solid #858585; text-shadow: #333333 0 0 0;}

#home .uvod, #sortiment .sortiment, #materialy .materialy, #fotogalerie .fotogalerie, #objednat .objednat, #kontakt .kontakt {padding:11px 20px 11px 20px; color:#fff; background:url(../images/navigation-hover.jpg) repeat-x top left; border-right:1px solid #858585; border-left: 1px solid #858585; text-shadow: #333333 0 0 0;}

#home-banner {float: right; margin-left: 20px;}
#home-banner a {text-decoration: none; width: 197px; height: 284px; display:block; background:url(../images/banner-01-home.jpg) top right no-repeat;}
#home-banner a:hover {text-decoration: none; background-position: top left;}

#text {padding:0; margin:0 auto; text-align: center; width: 933px; background-color: #fff; position: relative; left: 2px;}

#text a {color: #ff0000;}
#text p {padding: 0; margin: 0 0 12px 0; text-align: left;}
#text h2 {padding: 0; margin: 0 0 8px 0; text-align: left; font:normal 200%/200% Arial, Helvetica, sans-serif; color:#666666;}
#text h3 {padding: 20px 0 0 0; margin: 15px 0 4px 0; text-align: left; font:normal 160%/160% Arial, Helvetica, sans-serif; color: #000000; display:block; background: url(../images/h3-style.jpg) top left no-repeat;}
#text h4 {padding: 0; margin: 8px 0 12px 0; text-align: left; font:bold 120%/120% Arial, Helvetica, sans-serif; color: #333333;}
#text ul,#text ol {text-align:left; padding: 0 0 0 40px; margin: 0 0 12px 0;}
#text li {margin: 0 0 2px 0; padding: 0;}
#text ul li {list-style-image:url(../images/licko.gif);}

#text #hlavni-text {padding: 40px; text-align:left; }

#doplnky img, #fotogalerie img {padding: 0; margin:0px 10px 10px 0; border: 0; border-width:0px; text-align:left;}
#doplnky a img, #fotogalerie a img {border: 6px #dedede solid;}

#footer {padding: 0; margin: 0 auto; text-align:right; width: 933px; height: 50px; background:url(../images/footer.png) top center no-repeat; color: #6b6b6b; padding: 10px 60px 0 0;}
#footer a {text-decoration: none; color: #6b6b6b; font:normal 80%/140% Arial, Helvetica, sans-serif; padding: 2px; }
#footer a.copy {margin-right: 540px;}
#footer span {padding: 0; margin:0; color: #6b6b6b; font:normal 60%/10% Arial, Helvetica, sans-serif;}

.clear {clear:both;}

.dekor {font:normal 80%/80% Arial, Helvetica, sans-serif; color:#666666;} 	
.dekor p {width:160px; margin:10px 0; padding-right:5px; float:left;}
.dekor span {height:8px; display:block; padding-left: 2px;}

.vypln {font:normal 80%/100% Arial, Helvetica, sans-serif; color:#666666;} 	
.vypln p {width:80px; margin:10px 0; padding-right:5px; float:left;}
.vypln span {height:15px; display:block; padding-left: 2px;}

#objednat table {padding:0 0 12px 0;}
#objednat table td {padding:3px 0;}
#objednat .text-short, .text-long {border:1px solid #ccc; font:normal 90% Arial,Helvetica,sans-serif}
#objednat .text-short {width:30px;}
#objednat .text-long {width:200px;}
#objednat p {padding: 0; margin: 0;}
#objednat .red {color: red; font-weight:bold;}
#objednat .button {padding: 10px 35px; background-color:#df2c2c; text-shadow: #a11919 0 2px 0;  font:normal 120%/120% Arial, Helvetica, sans-serif; color:#ffffff; border: 3px solid #e94242; cursor: pointer;} 


#kontakt h3 {padding: 0; margin: 0 0 4px 0; text-align: left; font:normal 160%/160% Arial, Helvetica, sans-serif; color: #000000; background:none;}