* {margin: 0;padding: 0; font-family: sans, verdana, helvetica;font-size: 11px;}
html, body {background: url('../images/bg.gif') repeat left top; min-height: 100%;}
* html #outer { height: 100%;} /*ie height: 100%;*/
img {border: 0;}

#out {width: 100%; float: left; min-height: 100%; background: url('../images/bg_out.jpg') repeat-x top left;}
#main {width: 995px; margin: 0 auto 50px auto; padding: 0; position: relative; z-index: 1; min-height: 100%;}

/*naglowek z menu na gorze*/
#header2 {height: 25px; width: 100%; text-align: right; color: #C8C6C6; }
#header2 .topmenu { position: relative; top: 3px; right: 37px;}
#header2 a {color: #CCC; text-decoration: none; font-size: 10px;}
#header2 a:hover {text-decoration: underline;}

/*naglowek*/
#header {height: 165px; width: 100%;}
#header div.logo {position: absolute; top: 25px; left: 16px; background: url('../images/bglogo-trans.png') no-repeat left top; width: 374px; height: 118px;}
* html #header div.logo {background: url('../images/bglogo.png') no-repeat left top; }
#header img.logo {position: relative; top: 29px; left: 77px; width: 220px; height: 60px; border: 0;}
#header div.menu {position: absolute; top: 105px; right: 28px; height: 39px;}
#header .headmenu {height: 39px; background: url('../images/bgheadmenu.jpg') repeat-x left top; float: right}
#header img.headmenuside {width: 11px; height: 38px; float: right;}
#header div.slogan {position: absolute; top: 50px; right: 38px;}
#header div.content {position: relative; top: 11px;}
#header a {font-family: helvetica; font-size: 12px; color: #950255; text-decoration: none; text-transform: uppercase; margin: 0 3px;}
#header a:hover {text-decoration: underline;}



/*gora*/
#top {height: 225px; width: 100%; background: url('../images/bgtop.jpg') repeat-x left top;}
#top .box {position: relative; top: 33px; left: 33px; background: #FFF; width: 927px; height: 192px;}
#top .boxleft {width: 340px; height: 192px; float: left; background: url('../images/bg_stalowe_centrum.jpg') no-repeat left top; }
#top .boxright {width: 587px; height: 192px; background: url('../images/bgmenu.jpg') no-repeat left top; float: left;}
#top a.menu {display: block; position: relative; background: url('../images/bullet.gif') no-repeat; padding: 2px 0; padding-left: 15px; background-position: 0 7px; text-decoration:none; outline: none;}
#top a.menu:hover {background-position: 2px 7px;}
#top a.menu {text-decoration:none; color: #000; font-size: 11px; text-transform: uppercase; }
#top a.menu:hover {text-decoration:underline; color: #990066;}


/*pas*/
#middle {height: 229px;background: #F1F1F1;}
#middle .box {position: relative; top: 0; left: 33px; background: #F1F1F1; width: 927px; height: 100%; }/*height: 100%;*/
#middle .boxleft {width: 340px;  float: left; background: url('../images/babka.jpg') no-repeat bottom right; border-right: 1px solid #FFF;height: 100%; } /*height: 100%;*/
#middle .boxright {width: 585px; float: left;height: 100%; } /*height: 100%; */
/* buttony */
#middle .intro {margin: 0 5px 20px 5px; color: #333; text-decoration: none;}
#middle h1.gray {display: block; background: url('../images/bgtitle-gray.gif') no-repeat; font-family: "Franklin Gothic Medium"; font-size: 19px; color: #9B115F; text-transform: uppercase; font-weight: normal; position: relative; top: 20px; left: 33px; height: 30px;  padding-left: 15px;}



/*pas*/ 
#bottom {height: 220px; background: #FFF;}
#bottom .box {position: relative; top: 0; left: 33px; width: 927px; height: 100%; }
#bottom .boxleft {width: 33%; float: left; height: 100%;}
#bottom .boxcenter {width: 33%; float: left; height: 100%; }
#bottom .boxright {width: 33%; float: left; height: 100%;}
/* buttony */



#content {width: 100%; background: #FFF; z-index: 1; height: 100%;} /*height: 100%;*/
#content .box {width: 100%; z-index: 3;  height: 100%;} /*height: 100%;*/
#content .smallbox {width: 340px; height: 150px; background: #FFF; float: left;}
#content .content  {margin: 0 33px 20px 33px; text-align: justify;}
#content .boxleft {width: 339px; background: #FFF; float: left;}
#content .boxright {width: 587px; float: left; background: #F1F1F1; border-left: 1px solid #FFF;}
#content .innerboxleft {width: 100%; height: 226px; background: #F1F1F1;}
#content .innerboxright {padding: 30px; min-height: 540px;}
#content .boxoptions {position: relative; border-top: 1px solid #FFF; background: #F1F1F1; height: 60px;}
#content .rightstrip {width: 35px; background: #FFF; float: left;}
* html #content .rightstrip {width: 34px;}
#content .leftstrip {width: 33px; background: #FFF; float: left;}
#content .graystrip {height: 226px; background: #F1F1F1;}


/* newsy */
#content a{color: #000; text-decoration:none;}
#content a:hover {text-decoration:underline; color: #990066;}
#content a.submit {display: block; background: url('../images/bt_submit-white.gif') no-repeat; position: absolute; top: 48px; left: 165px; width: 24px; height: 24px;width: 24px; height: 24px;}
#content a.submit:hover {background-position: 0 -32px;}
#content a.link_del {display: block; background: url('../images/bt_close-gray.gif') no-repeat; width: 24px; height: 24px;}
#content a.link_del:hover {background-position: 0 -1px;}



#content h1.title {display: block; background: url('../images/bgtitle-trans.png') no-repeat; font-family: "Franklin Gothic Medium"; font-size: 19px; color: #9B115F; text-transform: uppercase; font-weight: normal; position: relative; top: 20px; left: 33px; height: 30px;  padding-left: 15px;}
#content h1.gray {display: block; background: url('../images/bgtitle-gray.gif') no-repeat; font-family: "Franklin Gothic Medium"; font-size: 19px; color: #9B115F; text-transform: uppercase; font-weight: normal; position: relative; top: 20px; left: 33px; height: 30px;  padding-left: 15px;}
#content h1.white {display: block; background: url('../images/bgtitle-white.gif') no-repeat; font-family: "Franklin Gothic Medium"; font-size: 19px; color: #9B115F; text-transform: uppercase; font-weight: normal; position: relative; top: 20px; left: 33px; height: 30px;  padding-left: 15px;}
#content h2.title {display: block; background: url('../images/bg_title2-gray.gif') no-repeat; font-family: "Franklin Gothic Medium"; text-transform: uppercase; font-weight: normal; height: 20px;  padding-left: 20px; margin-bottom: 10px; position: relative; left: 125px;}

#content a.h1 {background: url('../images/bgtitle-trans.png') no-repeat; font-family: "Franklin Gothic Medium"; font-size: 19px; color: #9B115F; text-transform: uppercase; font-weight: normal; text-decoration: none;}
#content a.h2, #content h2 {clear:both; display: block; font-family: "Franklin Gothic Medium"; font-size: 13px; color: #9B115F; text-transform: uppercase; font-weight: normal; padding: 4px 0; text-decoration: none;}
#content a.menu {display: block; position: relative; left: 10px; background: url('../images/bullet.gif') no-repeat; padding: 2px 0; padding-left: 15px; background-position: 0 7px; text-decoration:none; color: #000; font-size: 11px; outline: none;}
#content a.menu:hover {background-position: 2px 7px; text-decoration:underline; color: #990066;}
#content a.activemenu {display: block; position: relative; left: 10px; background: url('../images/bullet.gif') no-repeat; padding: 2px 0; padding-left: 15px; text-decoration:underline; color: #000; font-size: 11px; outline: none;background-position: 2px 7px; color: #990066;}

#content a.intro:hover {text-decoration: none; color: #000}
#content div.menu {position: relative; top: 30px; left: 30px; width: 300px; }
img.intro {border: 6px solid #E5E5E5; float: left; margin: 0; padding: 0;}
#content .intro {margin: 10px 5px 20px 5px; color: #333; text-decoration: none;}
#content .text {margin: 0 35px 50px 35px;}
#content a.bt_next {display: block; background: url('../images/bt_submit-gray.gif') no-repeat; position: relative; top: 10px; left: 490px; width: 24px; height: 24px;}
* html #content a.bt_next { left: 320px; }
#content a.bt_next:hover {background-position: 0 -32px;}


#content div.pwd {font-size: 9px; color: #BBBBBB; position: relative; left: 33px; top: 0; height: 10px;}
#content a.pwd {font-size: 9px; color: #BBBBBB; text-decoration: none;}
#content a.pwd:hover {text-decoration: underline;}
#content .gallerybox1, #content .gallerybox2 {width: 238px; height: 167px; background: #e3e3e3; float: left; margin: 24px; }
#content .gallerybox1 {margin-right: 0;}
#content .gallerybox2 {margin-left: 0;}
#content .photobox {height: 114px; border-bottom: 1px solid #FFF; background: url('../images/sb_loading.gif') no-repeat; background-position: 50% 50%;}
#content .descbox {border-top: 2px solid #3eb23c; text-align: center; padding: 9px;}
#content .label {float: left; width: 110px; text-align: right; margin: 2px 0; padding-right: 3px;}
#content .value {float: left; width: 340px; margin: 2px 0; text-align: right;}
#content .enqclass {margin-left: 2px; float: left;}
#content .deleter {float: left;}
#content .centerdiv {text-align: center;}
#content .centerdiv>div {margin: 0 auto;}

.selekt {width: 340px;}
#content .star {color: #990066;}

#content a.sitemap1 {display: block; position: relative; left: 40px; background: url('../images/bullet.gif') no-repeat; padding: 2px 0; margin: 8px 0; padding-left: 20px; background-position: 0 7px; text-decoration:none; color: #000; font-size: 11px; outline: none; font-weight: bold;}
#content a.sitemap1:hover {background-position: 2px 7px; text-decoration:underline; color: #990066;}

#content a.sitemap2 {display: block; position: relative; left: 60px; background: url('../images/bullet1.gif') no-repeat; padding: 2px 0; margin: 8px 0; padding-left: 20px; background-position: 0 7px; text-decoration:none; color: #666; font-size: 11px; outline: none; font-weight: normal;}
#content a.sitemap2:hover {background-position: 2px 7px; text-decoration:underline; color: #990066;}

#content a.sitemap3 {display: block; position: relative; left: 100px; background: url('../images/bullet2.gif') no-repeat; padding: 2px 0; margin: 8px 0; padding-left: 20px; background-position: 0 7px; text-decoration:none; color: #666; font-size: 11px; outline: none; font-weight: normal;}
#content a.sitemap3:hover {background-position: 2px 7px; text-decoration:underline; color: #990066;}

.pos_enquir {margin: 5px 0;}
.selgroup {width: 100%;}

#pas {background: #F1F1F1; width: 36px; height: 226px; position: absolute; top: 414px; right: 0;  z-index: 2}


/*zawartosc*/
/* #content {background: #FFF; min-height: 161px; width: 100%;} */

/*stopka*/
#foot {background: url('../images/bgfoot.jpg') repeat-x left top; height: 34px; width: 100%;}

/*stopka*/
#foot2 {height: 45px; width: 100%; font-size: 10px; color: #CCC; text-align: right;}
#foot2 a {color: #CCC; text-decoration: none;}
#foot2 a:hover {text-decoration: underline;}


/*
#left {width: 50%; float: left; margin: 0 0 -0 -100%; padding: 0 0 0 0; background: url('../images/b2.png') repeat-x left top; overflow: hidden;}
#right {width: 50%; float: left; margin: 0 0 -0 -50%; padding: 0 0 0 0; background: url('../images/g2.png') repeat-x left top; overflow: hidden;}
*/
#left {width: 50%; float: left; margin: 0 0 -0 -100%; padding: 0 0 0 0; overflow: hidden;}
#right {width: 50%; float: left; margin: 0 0 -0 -50%; padding: 0 0 0 0; overflow: hidden;}


#left .toppadding, #right .toppadding {height: 190px;}

#wing_left {width: 662px; height:648px; background: url('../images/wing_left.jpg') no-repeat right top; float: right; }
* html #wing_left  {margin-left: -205px;} /*ie*/

#wing_right {width: 662px; height:648px; background: url('../images/wing_right.jpg') no-repeat left top; float: left;}


/* buttony */
a.bt_print {position: absolute; top: 10px; left: 30px; width: 24px; height: 24px; background: url('../images/bt_print-gray.gif') no-repeat left top;}
a.bt_print:hover {background-position: 0 -36px;}
a.bt_pdf {position: absolute; top: 10px; left: 55px; width: 24px; height: 24px; background: url('../images/bt_pdf-gray.gif') no-repeat left top;}
a.bt_pdf:hover {background-position: 0 -36px;}
a.bt_back {position: absolute; top: 10px; right: 55px; width: 24px; height: 24px; background: url('../images/bt_back-gray.gif') no-repeat left top;}
a.bt_back:hover {background-position: 0 -32px;}
a.bt_top {position: absolute; top: 10px; right: 30px; width: 24px; height: 24px; background: url('../images/bt_top-gray.gif') no-repeat left top;}
a.bt_top:hover {background-position: 0 -33px;}


.clearer{clear:both;}


#playlist1 {background: #dad8d8; text-align: center}
#playlist1 tbody tr td {font-family: "lucida grande", verdana, sans-serif; font-size: 8pt; padding: 3px 1px;}
#playlist1 tbody tr.selected td {background-color: #bbbbbb; color: #ffffff; font-weight: bold; height: 23px;}

#playlist2 {background: #dad8d8; text-align: center}
#playlist2 tbody tr td {font-family: "lucida grande", verdana, sans-serif; font-size: 8pt; padding: 3px 1px;}
#playlist2 tbody tr.selected td {background-color: #bbbbbb; color: #ffffff; font-weight: bold; height: 23px;}

#playlist3 {background: #dad8d8; text-align: center}
#playlist3 tbody tr td {font-family: "lucida grande", verdana, sans-serif; font-size: 8pt; padding: 3px 1px;}
#playlist3 tbody tr.selected td {background-color: #bbbbbb; color: #ffffff; font-weight: bold; height: 23px;}

#playlist4 {background: #dad8d8; text-align: center}
#playlist4 tbody tr td {font-family: "lucida grande", verdana, sans-serif; font-size: 8pt; padding: 3px 1px;}
#playlist4 tbody tr.selected td {background-color: #bbbbbb; color: #ffffff; font-weight: bold; height: 23px;}

.td_head {background-color: #a1a1a1; font-weight: bold; color: #ffffff; height: 23px;}
.td_1 {background-color: #ffffff; font-family: "lucida grande", verdana, sans-serif; font-size: 8pt; padding: 3px 1px;}
.td_2 {background-color: #f1f1f1; font-family: "lucida grande", verdana, sans-serif; font-size: 8pt; padding: 3px 1px;}
.td_3 {background-color: #ffffff; font-family: "lucida grande", verdana, sans-serif; font-size: 8pt; padding: 3px 1px; vertical-align: top}