* { margin: 0; padding: 0; border: none; }
body { font-family: Tahoma, Verdana, sans-serif; 
	   font-size: 11px; font-weight: normal; 
	   background: url('../images/bg.jpg'); color: #444444; text-align: center; }

a { color: #fc7100; text-decoration: underline; }
a:hover { color: #f16c00; text-decoration: none; }
a:visited { color: #9709c0; }

#frame { width: 841px; margin: 0 auto; background: url('../images/decoratornia-logo.png') no-repeat 0px 40px; text-align: left; position: relative; }
html>body #frame { overflow: hidden; }

#logo { position: absolute; left: 0px; top: 40px; width: 296px; height: 85px; display: block; }
#quick-info { position: absolute; right: 0px; top: 18px; color: #fdfdfd; text-transform: uppercase; font-weight: bold; }

#left { float: left; width: 245px; height: 408px; margin-top: 125px; background: url('../images/menu.png') no-repeat left top; position: relative; }
#right { float: right; width: 596px; margin-top: 105px; position: relative; }
#left ul { width: 158px; position: absolute; left: 46px; top: 142px; list-style: none; }
#left ul li a { height: 37px; width: 158px; display: block; }
#left ul li#glowna a { background: url('../images/menu-glowna.jpg') no-repeat 0px -37px;  }
#left ul li#oferta a { background: url('../images/menu-oferta.jpg') no-repeat 0px -37px; }
#left ul li#fotografie a { background: url('../images/menu-fotografie.jpg') no-repeat 0px -37px; }
#left ul li#kontakt a { background: url('../images/menu-kontakt.jpg') no-repeat 0px -37px;  }
#left ul li#glowna a:hover, #left ul li#glowna a.active,
#left ul li#oferta a:hover, #left ul li#oferta a.active,
#left ul li#fotografie a:hover, #left ul li#fotografie a.active,
#left ul li#kontakt a:hover, #left ul li#kontakt a.active { background-position: 0px 0px; }

#spinacz { position: absolute; left: 261px; z-index: 2; top: 119px; width: 21px; height: 62px; background: url('../images/spinacz.png'); }

#graphic-top { width: 596px; height: 50px; background: url('../images/sub-top.png');  }
#contents { width: 596px; min-height: 400px; height: auto !important; height: 400px; background-color: #fff; padding-bottom: 30px; position: relative; }
#graphic-bottom { width: 596px; height: 12px; background: url('../images/sub-bottom.png');  }

#contents #counter { position: absolute; right: 20px; bottom: 155px; font-size: 12px; }

#contents #start { width: 596px; height: 240px; background: url('../images/rzut.jpg') no-repeat 16px 0px; }
#contents #start h1 { padding-top: 8px; margin-left: 283px; margin-bottom: 12px; color: #080808; font-size: 16px; font-family: Arial, Tahoma, sans-serif; text-transform: uppercase; }
#contents #start p { margin-left: 283px; margin-right: 16px; }
#contents #start ul { list-style-position: inside; margin: 10px 16px 10px 290px; margin-right: 16px; }
#contents #start ul li { margin-top: 6px; }
#contents #start p#nie-znamy-granic { margin-top: 30px; margin-left: 170px; font-weight: bold; }
em { font-weight: bold; font-style: normal; }

#main-info { width: 596px; height: 156px; margin-top: 24px; background: url('../images/main-info.jpg'); position: relative; }
#main-info p { position: absolute; left: 118px; top: 50px; width: 170px; color: #fff; }
#main-info p.quick-sklep { left: 412px; width: 165px; }
#main-info a { width: 91px; height: 107px; position: absolute; left: 19px; top: 37px; display: block; }
#main-info a.quick-sklep { left: 311px; }

#main-info a#first-link { display: block; width: 280px; height: 31px; position: absolute; left: 21px; top: 0px; }
#main-info a#sec-link { display: block; width: 220px; height: 31px; position: absolute; left: 360px; top: 0px; }

#contents .wysiwyg { width: 550px; margin: 23px; margin-top: 0px; font-size: 12px; }
html>body #contents .wysiwyg { overflow: hidden; }

#contents .wysiwyg p { margin-top: 16px; }
#contents .wysiwyg ul { list-style-position: inside; margin: 16px 10px; }
#contents .wysiwyg ul ul { margin-top: 12px; }
#contents .wysiwyg ul li { margin-top: 4px; }
#contents .wysiwyg h1, #contents .wysiwyg h2, #contents .wysiwyg h3, #contents .wysiwyg h4
#contents .wysiwyg h5, #contents .wysiwyg h6 { color: #080808; margin-top: 20px; margin-bottom: -10px; font-size: 16px; font-family: "MyriadPro", Arial, Tahoma, sans-serif; text-transform: uppercase; }
#contents .wysiwyg h1 { margin-left: 0px;margin-top: 0px; text-align: center; }
#contents .wysiwyg .center { text-align: center; }
#contents .wysiwyg h5, #contents .wysiwyg h6 { font-size: 14px; margin-top: 0px; }

#right #contents .galeria p { margin-right: 12px; margin-top: 10px; }
#right #contents .galeria p a { text-transform: uppercase; font-weight: bold; text-decoration: none; color: #000; padding-top: 6px; }
#right #contents .galeria { font-size: 11px; margin-top: -8px; width: 250px; min-height: 430px; height: auto !important; height: 430px; }
#right #contents .galeria p.gall { margin-left: 20px; }
#right #contents .galeria ul { list-style: none; margin-left: 0px; }
#right #contents .galeria ul ol { list-style: circle; list-style-position: inside; }
#right #contents .galeria ul a { text-transform: uppercase; font-weight: bold; text-decoration: none; color: #000; }
#right #contents .galeria ul a:hover, #right #contents .galeria ul a.active,#right #contents .galeria p a:hover,#right #contents .galeria p a.active,
#right #contents .galeria ol a:hover, #right #contents .galeria ol a.active { color: #ff7c00;  }
#contents .wysiwyg h5.big, #contents .wysiwyg h6.big { text-transform: uppercase; }

#right #contents .galeria ul ol { margin-top: 8px; margin-bottom: 8px; margin-left: 6px; }

#contents .wysiwyg .contact-box { float: left; margin-top: 14px; width: 275px; height: 90px; }
#contents .wysiwyg .contact-box p { margin-top: 0px; }

#contents #contact { width: 596px; height: 180px; background: url('../images/example-kontakt.jpg') no-repeat 30px 0px; font-size: 12px; }
#contents #contact h1 { padding-top: 8px; margin-left: 283px; margin-bottom: 12px; color: #080808; font-size: 16px; font-family: Arial, Tahoma, sans-serif; text-transform: uppercase; }
#contents #contact p { margin-left: 283px; margin-right: 16px; margin-bottom: 20px; }
#contents #contact #siedziba { display: block; position: absolute; left: 30px; top: 50px; width: 230px; height: 173px; }
#contents #mapka { clear: both; }

#quick-gallery { width: 596px; height: 91px; margin-top: 24px; }
#quick-gallery #quick-l { float: left; width: 28px; height: 91px; margin-right: 2px; background: url('../images/arrow-left.jpg') no-repeat 0px 20px; }
#quick-gallery #quick-r { float: right; width: 28px; height: 91px; background: url('../images/arrow-right.jpg') no-repeat 0px 20px; }
#quick-gallery .row { width: 91px; height: 91px; overflow: hidden; float: left; position: relative; margin-left: 12px; }
#quick-gallery .row img { position: absolute; left: 0px; top: 0px; z-index: 1; }
#quick-gallery .row img.okienko { z-index: 2; }

#footer { float: right; width: 596px; height: 50px; margin-top: 10px; text-align: right; font-size: 10px; }
#footer p { color: #fdfdfd; text-transform: uppercase; line-height: 15px; }
#footer a, #footer a:visited { color: #b4b4b4; }
#footer a.prkt { color: #454545; text-decoration: none; }

img, div, input { behavior: url('templates/default/styles/iepngfix.htc'); }

#contents #navigation { width: 596px; height: 120px; margin-top: 20px; background: url('../images/gallery-bg.jpg'); position: relative; }
#contents #navigation a#prev { float: left; margin-left: 20px; width: 13px; height: 120px; background: url('../images/nav-left.jpg') no-repeat 0px 50%; display: block; }
#contents #navigation a#next { float: right; margin-right: 20px; width: 13px; height: 120px; background: url('../images/nav-right.jpg') no-repeat 0px 50%; display: block; }
#contents #navigation a#prev:hover, #contents #navigation a#next:hover { background-position: 0px 48%; }

#contents #navigation div#thumbs { margin-top: 13px; float: left; margin-left: 0px; width: 515px; height: 91px; overflow: hidden; } 
#contents #navigation div#thumbs div div { width: 91px; height: 91px; display: inline; /*IEfix*/ text-align: center; overflow: hidden; float: left; position: relative; margin-left: 12px;  }
#contents #navigation div#thumbs div div img { position: absolute; left: 0px; top: 0px; z-index: 1; }
#contents #navigation div#thumbs div div img.okienko { z-index: 2; }

#contents #navigation div#thumbs #container { width: 99900px; height: 91px; }
#contents #big { position: absolute; top: 10px; left: 332px; width: 304px; height: 454px; text-align: center; background: url('../images/loading.gif') no-repeat center; }
#contents #big img { border: 2px solid #D0B675; } 

#contents .bigPhoto { border: 1px solid #c9c9c9; position: absolute; bottom: 180px; right: 8px; }
#contents .photos-links { display: none; }