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

a { color: #c82926; text-decoration: none; }
a:hover { color: #000; }
a.black { color: #1d1d1d; }

#frame { width: 913px; position: relative; margin: 40px auto 40px auto; text-align: left; background-image: url('../images/sub-bg.jpg'); }
#frame #top { width: 913px; height: 272px; background: url('../images/top.jpg') no-repeat left top;  position: relative; }
#frame #top2 { width: 913px; height: 272px; background: url('../images/top-en.jpg') no-repeat left top;  position: relative; }
#frame #top p, #frame #top2 p { font-size: 12px; position: absolute; left: 670px; top: 30px; }
#frame #menu { width: 900px; height: 33px; background-image: url('../images/menu-bg.jpg'); color: #fff; margin-left: 6px; margin-bottom: 9px; clear: both; position: relative; }
#frame #menu ul { list-style: none; position: absolute; left: 14px; top: 11px; }
#frame #menu ul li { display: inline; float: left; padding-left: 6px; }
#frame #menu ul li a { font-weight: normal; padding-right: 6px; color: #fff; font-family: Verdana, Tahoma, sans-serif; font-size: 12px; }
#frame #menu ul li a:hover { color: #c82926; }

#frame #left { width: 210px; float: left; margin-left: 6px; position: relative; }
#frame #left #quick-contact { width: 210px; height: 160px; position: relative; background: url('../images/left-box-bg.jpg') repeat-x left top; }
#frame #left #quick-contact img { position: absolute; left: 26px; top: 9px; }
#frame #left #quick-contact ol { list-style-image: url('../images/bullet.jpg'); width: 188px; position: absolute; left: 28px; top: 48px; }
#frame #left #quick-contact ol strong { color: #c82926; }
#frame #left #quick-contact ol li.first { margin-bottom: 10px; }
#frame #left #quick-contact ol li.last { margin-top: 10px; }
#frame #left #quick-contact ol a { color: #1d1d1d; }
#frame #left #quick-contact ol a:hover { text-decoration: underline; }

#frame #left #box { width: 210px; height: 133px; margin-bottom: 9px; background: url('../images/left-box-bg2.jpg') repeat-x left top; position: relative; cursor: hand; }
#frame #left #box img { position: absolute; left: 7px; top: 7px; }
#frame #left #box p { display: block; width: 200px; position: absolute; left: 6px; top: 45px; }
#frame #left #box span { display: block; position: absolute; left: 94px; top: 110px; }

#frame #left #box2 { width: 210px; min-height: 133px; height: auto !important; height: 133px; margin-bottom: 9px; background: #f8faff url('../images/left-box-bg2.jpg') repeat-x left top;  }
#frame #left #box2 img { margin-left: 7px; margin-top: 7px; }
#frame #left #box2 ul { list-style-image: url('../images/bullet.jpg'); width: 188px; margin-left: 26px; margin-top: 10px; padding-bottom: 20px; }
#frame #left #box2 ul a { color: #1d1d1d; }
#frame #left #box2 ul a:hover { text-decoration: underline; }

#frame #right { width: 686px; margin-left: 4px; border-top: 2px solid #cb2e25; float: left; position: relative; margin-bottom: 20px; }
#frame #right img { border: 1px solid #989898; }
#frame #right p, #frame #right div.dane { margin: 10px 20px 0px 25px; }
#frame #right div.dane p { margin: 0px; }
#frame #right div.dane p.withImg { min-height: 100px; height: auto !important; height: 100px; }

#frame #right ul, #frame #right ol { margin: 10px 20px 0px 40px; }
#frame #right span.float-left { float: left; padding-right: 12px; padding-bottom: 4px; padding-top: 4px; }
#frame #right span.float-right { float: right; padding-left: 12px; padding-bottom: 4px; padding-top: 4px; }
#right h1, #right h2, #right h3, #right h4, #right h5, #right h6 { font-family: Verdana, Tahoma, sans-serif; font-size: 12px; font-weight: bold; padding: 20px 25px 10px 25px; position: relative; }
#right h1 strong, #right h2 strong, #right h3 strong, #right h4 strong, #right h5 strong, #right h6 strong
{ position: absolute; top: 18px; left: 25px; }
#right h1 span, #right h2 span, #right h3 span, #right h4 span, #right h5 span, #right h6 span
{ position: absolute; top: 18px; right: 20px; }
.center { text-align: center; }

#frame #realizacje { width: 900px; height: 215px; margin-left: 6px; clear: both; position: relative; background-image: url('../images/bottom-bg.jpg'); }
#frame #realizacje #nasze-realizacje { position: absolute; left: 11px; top: 14px; }
#frame #realizacje a#see-all { position: absolute; left: 11px; top: 180px; color: #fff; }
#frame #realizacje a:hover#see-all { text-decoration: underline; }
#frame #realizacje #projects { margin-left: 140px; }
#frame #realizacje .project { width: 250px; height: 215px; float: left; }
#frame #realizacje .project div { width: 250px; height: 132px; margin-top: 23px; text-align: center; } /* 173x130*/
#frame #realizacje .project div img { border: 1px solid #353535; }
#frame #realizacje .project p { display: block; width: 250px; margin-top: 8px; text-align: center; }
#frame #realizacje .project p a { color: #fff; }
#frame #realizacje .project p a:hover { text-decoration: underline; }

#frame #footer { width: 913px; height: 42px; clear: both; display: block; position: relative; background-image: url('../images/footer.jpg'); } 
#frame #footer p { position: absolute; left: 560px; top: 12px; font-size: 12px; }
#frame #footer a { color: #252525; text-decoration: none; font-weight: bold; }
#frame #footer a:hover { color: #c82926; }
#frame #footer ul { list-style: none; position: absolute; left: 20px; top: 12px; }
#frame #footer ul li { display: inline; float: left; padding-left: 6px; }
#frame #footer ul li a { font-weight: normal; padding-right: 6px; color: #252525; font-family: Verdana, Tahoma, sans-serif; font-size: 12px; }
#frame #footer ul li a:hover { color: #c82926; }

#frame #right .row { display: block; min-height: 132px; height: auto !important; height: 132px; width: 639px; margin-left: 25px; margin-bottom: 10px; overflow: hidden; }
#frame #right .row div { width: 175px; height: 132px; float: left; }
#frame #right .row img { border: 1px solid #353535; }
#frame #right .row div.desc { width: 454px; float: right;  min-height: 132px; height: auto !important; height: 132px; }
#frame #right .row div.desc p { margin-top: 0px; margin-bottom: 2px; margin-left: 0px; }

#frame #right .margin-top { margin-top: 25px; }
#frame #right .pages-nav { width: 659px; margin-left: 25px; height: 18px; background-color: #eaeae6; position: relative; margin-bottom: 10px; }
#frame #right .pages-nav .prev { position: absolute; top: 2px; left: 14px; }
#frame #right .pages-nav .next { position: absolute; top: 2px; right: 16px; }
#frame #right .pages-nav p { margin: 0px; position: absolute; top: 2px; left: 250px; }

#frame #right p.back { margin: 0px 0px 20px 25px; padding-top: 10px; clear: both; }
#frame #right .photos { margin-top: 25px; margin-left: 45px; width: 585px; } 
#frame #right .photos div { width: 175px; height: 132px; float: left; margin: 3px 14px 4px 6px; }
#frame #right .photos div img { border: 1px solid #353535; }

#frame #right #mapka { position: absolute; left: 250px; top: 16px; }

.hidden { display: none; }