/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; background: #fff url('') repeat-x; text-align: center; font-size: 12px; color: #0f0f0f; overflow-x: hidden; overflow-y: scroll;}
ol {list-style: none; }

/*style ogolne*/
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
p.enter {padding-bottom:14px;}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }
table img{vertical-align:top;}
a {text-decoration: none; font-size:1px; color:#fff}
a:hover {text-decoration: underline;}
strong{font-weight:bold;}
#sub{background: url('images/bg_snieg.jpg') no-repeat top center #fff;}
img{border-style:none none;}
.cntr{text-align:center;}
.clr{clear:both; line-height:0px; height:0px; overflow:hidden;}

/*top*/
.menu_bg{position:relative; width:950px; height:39px; overflow:hidden;}
.brokomLogo{position:absolute; top:12px; left:700px; z-index:2;}
.top{clear:both; width:950px; height:222px; background-image:url('images/top.jpg');}

/*menu*/
#menu {position: absolute; height: 39px; line-height: 39px; text-align: left; z-index:6;}
#menu li {position: relative; float: left; display: inline;}
#menu li a {color: #fff; display: block; text-decoration: none; padding-bottom:4px; cursor:pointer; font-family: verdana; font-size: 11px;}
#menu li a span {padding: 0px 12px 0px 12px; border-right:1px solid #3390D1; display:block;}
#menu li a:hover{background: url('images/menu_bg_on.png')}
#menu li.last a span{border-right:1px solid #c8362d;}


#menu li ul {position: absolute; left: 0px; top: 35px; background: #0074C5; display: none; z-index:1; padding-bottom:1px;}
#menu li ul li {float: none; display: block; padding: 0px 15px; line-height: 25px; height:25px;}
#menu li ul li a {padding: 0px; display: block; border-bottom:1px solid #3390D1; height:25px;}
#menu li ul li a:hover{background: none; color:#ccc;}
#menu li ul li span {padding: 0px; background: none !important; white-space: nowrap; border:none; display:block;}

/*menu old*/
/*
ul.menu {position:absolute; display: block; list-style: none; top:0px; left:0px; z-index:6; float: left; background-color: #fff; padding: 0px 0px 0px 0px; font-family: verdana;}
ul.menu li {float: left; display: inline; position: relative;}
ul.menu a:link, ul a:visited {text-decoration: none; display: block; font-weight: normal; background: #fff url("images/menu_bg_off.png") repeat-x center; font-size: 11px; color: #fff;
	padding: 12px 16px 15px 16px; border-right: 1px solid #3390D1;}
ul.menu a:hover {text-decoration: none; background-image: url("images/menu_bg_on.png"); color:#d34;}

ul.menu li ul {position: absolute; left: -17px; top: 36px; display: none; z-index:1; padding-bottom:1px; white-space: nowrap;}
ul.menu li ul li {float: none; display: block; padding: 0 17px; line-height: 30px; height:39px;}
ul.menu li ul li a {padding:0px 10px 0px 10px; display: block; border-bottom:0px solid #a83933; height:39px;}
ul.menu li ul li a:hover{color:#ccc;}
*/

/*strona*/
#site{position:relative; z-index:5; width:950px; margin:0px auto 0px auto; padding-top:0px; text-align:left;}
#sub #site{padding-top:0;}

/*lewa kolumna*/
.lewa_kolumna{clear:both; position:relative; width:220px; float:left; overflow:hidden;}
#box1 {width:220px; height:149px; overflow:hidden; background-image:url('images/lewa_kolumna.png');}
#box2 {width:220px; height:145px; overflow:hidden; background-image:url('images/lewa_kolumna2.png');}
#box3 {width:220px; height:143px; overflow:hidden; background-image:url('images/lewa_kolumna3.png');}
#box_eset {width:220px; height:152px; overflow:hidden; background-image:url('images/lewa_kolumna_eset.png');}
#box4 {width:220px; height:170px; overflow:hidden; background-image:url('images/lewa_kolumna4.png');}
#content1{padding-top:46px; text-align:center;}
.content_baner{padding-top:15px; text-align:center;}
#content2 {padding:20px 10px 0px 10px; font-weight:normal; font-size:12px; font-family:tahoma; color:#777777; line-height:135%; text-align:justify;}
#content2a {padding:20px 10px 0px 10px; font-weight:normal; font-size:12px; font-family:tahoma; color:#777777; line-height:135%; text-align:justify;}
#content2a span {font-weight:bold; line-height:200%;}
#content3 {padding-top:60px; text-align:center;}
#content_secr {padding:0px 0px 0px 0px; font-weight:normal; font-size:1px; font-family:vrinda; color:#FFFFFE;}
#content_secr2 {padding:0px 0px 0px 0px; font-weight:normal; font-size:1px; font-family:vrinda; color:#FFFFFE;}

/*zawartosc body*/
.img_OF1 {width:200px; height:146px; overflow:hidden; float:right; margin-left:14px; margin-bottom:6px;}
.img_UK {width:200px; height:132px; overflow:hidden; float:right; margin-left:14px; margin-bottom:6px;}
.img_KON {width:375px; height:220px; overflow:hidden; float:right; margin-left:10px; margin-bottom:6px;}
.img_UNDER {width:150px; height:159px; overflow:hidden; float:right; margin-left:10px; margin-bottom:0px;}
.img_TEL {width:102px; height:80px; overflow:hidden; float:right; margin:0px 20px 0px 10px;}
.main_body{width:722px; float: right; border: 0px dotted black;}
#bodyTitle {width:400px; height:20px; margin: 8px 0px 0px 6px; background-image:url('images/head_bg.png');}
#bodyTitle #napis {padding:3px 0px 0px 10px; font-weight:bold; font-size:13px; font-family: verdana; color:#fff;}
#bodyContent1{padding:8px 8px 15px 10px; line-height: 20px; text-align:justify; font-size:14px; font-family: tahoma; background-color:#FFFFFF; color:#000000;}
#bodyContent1 span#bold {font-weight:bold;}
#bodyContent1 span#podtytul {font-size:16px; font-family:arial; font-style:italic;}
#bodyContent1 #autor_cytat {margin-right:10px; text-align:right; font-size:12px;}
#bodyContent1 #mail_kontakt {color:#000; font-size:14px;}
.a_portfolio {font-size: 14px; color: #12497C;}
.hidden {color:#fff}

ul.of {padding:00px 0px 15px 30px;}
ul.oferta {padding:00px 00px 15px 30px;}
ul.kl {padding:00px 00px 00px 25px; line-height:140%;}

/*stopka*/
.stopka{clear:both; position:relative; width:950px; height:37px; background:url('images/footer.png') no-repeat 228px 0px;}
#stopkaContent{padding-top:9px; padding-left:290px; text-align:left; font-size:11px; font-family: tahoma; color:#ffffff; }
#stopkaContent span{padding-left:40px;}
#stopkaContent span#net{padding-left:0px; font-size:10px;}
#stopkaContent #mail_foot{font-size:11px; color:#ffffff;}
#stat{padding-left:10px; float:left;}