HTML, BODY, FORM, P, IMG, DIV, H1, H2 { margin:0px; padding:0px; border:none; }

HTML { background:url(../img/bg.png) top left repeat-x #FFFFFF; }
BODY { background:url(../img/top-bg.jpg) top center no-repeat; color:#5A8499; font-family:Tahoma, Geneva, sans-serif; font-size:11px; }

.background-pop_okno {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #AAAAAA;
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: repeat-x;
    background-size: auto auto;
    opacity: 0.4;
    position:absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:99 !important;
    display:none;
}
DIV.white-box { width:715px; border:1px solid #D4D4D4; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding:16px 17px; margin-bottom:22px; }

.pop_okno {
 width: 700px !important;
 height:450px;
 overflow-y:scroll; 
 margin-top:50px;
 margin-left:-350px;
 left:50%; 
 background: none repeat scroll 0% 0% rgb(255, 255, 255); 
  
 opacity: 1; 
 z-index: 100; 
 position: fixed;
 left:50%;
 display:none; 
}

.pop_okno .divobrazek {
 width:680px;
 height:auto;
 display:block;
 overflow:hidden;
 margin:0 auto;
 
}

.close-button-href {
  height: 18px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: -10px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
}

.close-button-span {
 display: block;
 margin-bottom: 1px;
 margin-left: 1px;
 margin-right: 1px;
 margin-top: 1px;
 background:url(http://komputerekspert.pl/img/close-window-ico.png) center center no-repeat;
 background-repeat: no-repeat;
 overflow: hidden;
 height:16px;
 width:16px;
 
}

.close-button-right-wrap {
  background-color: transparent !important;
  display: block;
  position: absolute !important;
  right: 0px;
  top: 12px;

}

A { text-decoration:underline; color:#5A8499; }
A:hover { text-decoration:underline !important; }

A.button { text-decoration:none; background:url(../img/white-button-left.gif) top left no-repeat; padding-left:5px; float:left; }
	A.button SPAN { background:url(../img/white-button-right.gif) top right no-repeat; padding:9px 15px 9px 10px; float:left; height:11px; line-height:11px; font-size:11px; }
	
A.arrowed { background:url(../img/arrow-circle-right.gif) left center no-repeat; padding-left:24px; text-decoration:none; }

DIV.clear { clear:both; height:0px; overflow:hidden; font-size:1px; line-height:1px; }

H2 { font-size:20px; font-weight:normal; color:#002F3F; }

DIV.holder { width:1000px; margin:0 auto; }

DIV.top { height:66px; padding-top:44px; }

	DIV.top H1 { width:229px; height:39px; float:left; }
		DIV.top H1 A { background:url(http://komputerekspert.pl/img/logo.png); width:329px; height:39px; float:left; }
			DIV.top H1 SPAN { display:none; }
	DIV.top UL { float:right; margin:0px; padding:0px; list-style:none; }
		DIV.top UL LI { float:left; height:35px; margin-left:10px; text-transform:uppercase; }
		  DIV.top UL LI A { background-position: 0 0; float: left; height: 35px; position: relative; }
		  DIV.top UL LI A:hover { background-position:0px -35px; }
       DIV.top UL LI A.strona_glowna { background-image: url("../img/menu_new/strona_glowna.jpg"); width: 133px; }
       DIV.top UL LI A.montaz_elektroniki { background-image: url("../img/menu_new/montaz_elektroniki.jpg"); width: 102px; }
       DIV.top UL LI A.wiazki_kablowe { background-image: url("../img/menu_new/budowa_wiazek_kablowych.jpg"); width: 153px; }
       DIV.top UL LI A.realizacje { background-image: url("../img/menu_new/realizacje.jpg"); width: 93px; } 
       DIV.top UL LI A.kontakt { background-image: url("../img/menu_new/kontakt.jpg"); width: 79px; }
			DIV.top UL LI A { background:url(../img/menu-active-left.gif) 0px -40px no-repeat; padding-left:5px; text-decoration:none; float:left; color:#FFFFFF; }
				DIV.top UL LI A SPAN.btn { background:url(../img/menu-active-right.gif) 0px -40px no-repeat; padding:12px 15px 9px 10px; float:left; height:14px; line-height:14px; font-size:13px; }
			DIV.top UL LI A:hover, DIV.top UL LI.selected A { background-position:top left; color:#002F3F; text-decoration:none !important; }
				DIV.top UL LI A:hover SPAN.btn, DIV.top UL LI.selected A SPAN.btn { background-position:top right; }

DIV.feature { clear:both; width:1000px; }
	DIV.feature IMG.feature { float:left; width:654px; height:311px; }
	DIV.feature DIV.box { float:left; width:346px; background:#01232D; height:311px; position:relative; text-align:justify; }
		DIV.feature DIV.box DIV { position:absolute; bottom:0px; left:0px; padding:20px 26px; width:294px; }
    DIV.feature DIV.box SPAN.title{ color:#FFFFFF; text-transform:uppercase; margin-bottom:12px; font-family: 'Oswald', sans-serif; font-size:20px; font-weight:normal; color:#fff;}
		DIV.feature DIV.box H2 { color:#FFFFFF; text-transform:uppercase; margin-bottom:12px; }
		DIV.feature DIV.box P { line-height:21px; }
			DIV.feature DIV.box P A { color:#D6FF00; text-decoration:none; font-weight:bold; }
		DIV.feature DIV.box A.button { float:right; margin-top:15px; }

DIV.content { clear:both; width:1000px; }
	DIV.content DIV.left-col { padding-top:45px; width:640px; float:left; margin-right:14px; }
		DIV.content DIV.left-col DIV.content-box { width:300px; float:left; text-align:justify; margin-right:30px; margin-bottom:32px; line-height:19px; }
			DIV.content DIV.left-col DIV.content-box STRONG { display:block; color:#002F3F; padding-bottom:6px; }
			DIV.content DIV.left-col DIV.content-box A.arrowed { float:right; margin-top:12px; }
		DIV.content DIV.left-col DIV.content-box-right { margin-right:10px; }
	
	DIV.content DIV.right-col { padding-top:45px; width:346px; float:left; background:#E0E6E6; }
		DIV.content DIV.right-col H2 { padding-left:26px; }
		DIV.content DIV.right-col TABLE.contact { width:294px; margin:0px 26px; line-height:21px; }
			DIV.content TABLE.contact TD { padding-bottom:8px; }
			DIV.content TABLE.contact TD.leftcol { font-weight:bold; color:#002F3F; width:60px; vertical-align:top; }
		/*DIV.content DIV.right-col P { line-height:29px; padding:20px 26px 20px 26px; }*/
	
	DIV.content H2 { padding-bottom:15px; border-bottom:1px solid #CDCDCD; margin-bottom:30px; }
	

	
DIV.upper-footer { clear:both; float:left; width:1000px; background:url(../img/dotted-line.gif) top left repeat-x; padding:26px 0px; margin-top:30px; }
	DIV.upper-footer UL { margin:0px; padding:0px; list-style:none; }
		DIV.upper-footer UL LI { float:left; margin-right:10px; padding-right:11px; background:url(../img/footer-separator.gif) right center no-repeat; }
		DIV.upper-footer UL A { text-decoration:none; }
		DIV.upper-footer UL LI.last { background:none; }
	DIV.upper-footer A.top { float:right; }

DIV.lower-footer { clear:both; background:#002F3E; padding:38px 0px 32px 0px; height:20px; border-top:1px solid #99ACB2; }
	DIV.lower-footer IMG { float:left; }
	DIV.lower-footer SPAN { float:left; }
	DIV.lower-footer P.left-part { float:left; }
		DIV.lower-footer P.left-part IMG { margin-right:10px; position:relative; top:-1px; }
	DIV.lower-footer P.right-part { float:right; }
		DIV.lower-footer P.right-part IMG { position:relative; top:2px; margin-left:4px; }

			
      
.packs-table {
    border-top: 1px solid #cccccc;
    clear: both;
    width: 100%;
}
.packs-table > thead > tr > td {
    background: none repeat scroll 0 0 #e0e6e6;
    color: #5a8499;
    font-size: 12px;
    height: 50px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
.packs-table > tbody > tr > td:first-child {
    border-left: 1px solid #cccccc;
    font-size: 14px;
    padding-left: 2%;
    padding-top: 5px;
    text-align: left;
    width: 25%;
}
.packs-table > tbody > tr:nth-child(2n+1) {
    background-color: #fbfbfb;
}
.packs-table > tbody > tr:hover {
    background-color: #ececec;
    cursor: pointer;
}
.packs-table > tbody > tr {
    background-color: #ffffff;
    color: #2d343c;
}
.packs-table > tbody > tr > td {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    font-size: 14px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    width: 15%;
}
.packs-table .info {
    float: left;
    margin: 0 15px 0 0;
}