* {font-family:verdana, helvetica, geneva, arial, helvetica, sans-serif; margin:0;padding:0;border:0;}
body { margin:0; padding:0; background: #fff url('../i/bb.jpg') top left repeat-x;}
p { text-align:justify; }
#wrap { width:748px; margin:0 auto; padding:0;background:transparent url('../i/wb.gif') repeat-y; position:relative;}
#right { float:right; width:483px; margin:0;padding:0;}
* html #right {margin-left:-2px;}
	#right a { color:#29619C; text-decoration:none; }
	#right a:hover {text-decoration:underline;}
    #mail a {color:#0E3256; font-size:11px; text-align:right; font-weight:normal; text-decoration:none;}
    #mail a:hover { text-decoration:underline;}
    .home { background:url('../i/home.gif') left center no-repeat; padding-left:20px; display:inline;}
    .favorites { background:url('../i/ulubione.gif') left center no-repeat; padding-left:20px; display:inline;}
    #mail #flash {width:483px; height:164px; position:absolute; top:70px; right:0;}
    #mail {margin:0;width:483px; background:#89ADD1 url('../i/hb.jpg') bottom center no-repeat; height: 186px; padding:47px 0px 0 0px; font-size:11px; color:#fff; text-align:right; position:relative;}
    #mail legend, #mail input, #mail label {float:left; display:block; height:16px; margin:0; padding:0;}
    #mail input { width:60px; height:14px; margin:0px 2px 0 2px; border:1px solid #296199;}
    #mail label { width:40px; margin:0 2px; font-weight:bold;}
    #mail input.submit { width:60px; height:16px; font-size:10px; margin-right:40px;background:#296199; border:1px solid #fff; color:#fff; padding:0;}
        #mail input.submit:focus {background:#296199;}
    #mail fieldset{ border:0; padding:0; margin:0; position:relative;}
    #mail fieldset legend {width:140px; background:url('../i/envelope.gif') left center no-repeat; padding-left:20px; margin-left:10px; float:right;}
    * html #mail fieldset legend {margin-right:260px; margin-left:-20px; width:110px;}
    #mail div { position:absolute; top:-16px; right:-55px;}
    * html #mail div {top:4px; right:-94px;}

    #path {width:472px; height:43px; background:#89ADD1 url('../i/pb.gif') no-repeat; padding:10px 0 0 10px; color:#fff; font-size:10px;}
        #path a { color:#fff; font-size:10px; font-weight:bold;}

    #main {width:442px;padding:10px 20px 10px 20px; color:#465768; margin:0; font-size:11px;}
        #main h1 {font-size:13px; margin-bottom:10px;}
        	#main h1 span { display:none;}
        	#main h1.welcome {margin-left:114px; width:214px; height:72px; background:url('../i/welcome.png') center center no-repeat;}
        	#main h1.onas {margin-left:114px;width:214px; height:72px; background:url('../i/onas.png') center center no-repeat;}
        	#main h1.oferta {margin-left:114px;width:214px; height:72px; background:url('../i/oferta.png') center center no-repeat;}
        	#main h1.regulamin {margin-left:114px;width:214px; height:72px; background:url('../i/regulamin.png') center center no-repeat;}
        	#main h1.kont {margin-left:114px;width:214px; height:72px; background:url('../i/kont.png') center center no-repeat;}
        	#main h1.obszar {margin-left:114px;width:214px; height:72px; background:url('../i/pn_obszar.jpg') center center no-repeat;}
        	#main h1.ogloszenia {margin-left:114px;width:214px; height:72px; background:url('../i/pn_ogloszenia.jpg') center center no-repeat;}
        	#main h1.artykuly {margin-left:114px;width:214px; height:72px; background:url('../i/pn_artykuly.jpg') center center no-repeat;}
        	#main h1.strony {margin-left:114px;width:214px; height:72px; background:url('../i/pn_strony.jpg') center center no-repeat;}
        	#main h1.cennik {margin-left:114px;width:214px; height:72px; background:url('../i/pn_cennik.jpg') center center no-repeat;}
        #main h2 {font-size:12px;}
        #main h3 {font-size:11px;}
        #main * {font-size:11px;}
        .news { height:auto;width:428px; border:1px solid #828177; margin:15px 0;position:relative;}
        .news img, .newsfull .header img {width:100px;height:75px; background:url('../i/ramka.gif') no-repeat; padding:5px; text-align:left; margin:0 5px 5px 0; display:block; float:left;}
		.news h2 {position:absolute; top:-12px;margin-left:-1px; margin-right:-1px; background:url('../i/arrow.gif') left center no-repeat; padding-left:25px; font-size:12px;}
        .news h2 span {background:#EFF6FF; padding:0 4px;}
        .news * {padding:5px; font-size:11px; clear:both;}
        .news p.date, .newsfull p.date {/*position:relative;*/ text-align:right; margin-top:8px;}
        .news h2 a {display:inline; clear:none;}
        .news a {clear:both; display:block;}
        .news .date span , .newsfull .date span{font-weight:bold;}
        p.newscount {font-size:10px;}
        #main ul, #main ol { list-style-position:inside;}
        #main ul.poll {list-style:none;}
        	#main ul.poll span.pollMeter { background-color:#183C63;}
        #main li {margin:4px 0;}
        /*#main ol li:first-letter {font-size:12px; font-weight:bold;}*/
        #main a {color:#000;}
        #main address {font-weight:bold; font-style:normal; margin:4px 0;}
        address span {font-weight:bold;}
        #main div.contact a {color:#45A3ED;}
        .hidden {display:none ! important;}
        .back, .cancel {display:block; clear:both;}
        .back {margin-top:6px;}
        .header {margin-top:6px;}
        
    #main legend {font-weight:bold; font-size:12px;}
    #contactForm { width:400px; margin:0; margin-left:-1px; }    
    #contactForm label, label {height:14px; width:100px; float:left; display:block; clear:left; font-weight:bold; margin:4px;}
    #contactForm input, input {height:14px; width:250px; float:left; border:1px solid #296199; display:block; margin:4px;}
    #contactForm textarea, textarea {width:250px; height:100px; float:left; border:1px solid #296199; margin:4px;}
    #contactForm input.submit, input.submit {width:100px;background:#296199; height:18px; border:1px solid #fff; color:#fff; margin-left:112px; clear:both;}
    
    #settingsForm label {width:150px; height:87px;}
    * html #settingsForm input {margin-bottom:87px;}
    #passwordForm label, #websiteForm label{ width:150px;}
    #websiteForm label.big { height:50px;}
    #websiteForm input.file {margin-bottom:30px;}
    #passwordForm input.submit, #websiteForm input.submit {margin-left:162px;}
    #settingsForm input, #settingsForm textarea { width:200px; margin-bottom:30px;}
    #passwordForm input, #passwordForm textarea, #websiteForm input, #websiteForm textarea {width:200px;}
    #settingsForm input.submit {margin-left:162px; margin-top:-40px;}
    * html #settingsForm input.submit {margin-left:83px;}
    * html #passwordForm input.submit {margin-left:83px;}
    * html #websiteForm input.submit {margin-left:83px;}	    
    div.contact {text-align:center;}
    div.contact ul {text-align:left;}
    div.contact li span {font-weight:bold;}
    p.label {margin:3px 0; font-weight:bold;}
    #right p.pager a { margin:3px;}
#left {float:left;width:265px; font-size:11px; margin:0;}
    #main_menu { list-style:none; width: 265px; background:#3D73A6 url( '../i/mbmid.jpg') top center repeat-y; margin:0; padding:0px; list-style:none; height:350px; }
    * html #main_menu {margin-bottom:-2px;}
        #main_menu li {display:block; padding:0 20px; height:20px;margin:0;}
        #main_menu li.first { background:url('../i/mb.jpg') top center no-repeat; min-height:261px; padding-top:120px; margin-bottom:-242px; height:260px; }
        * html #main_menu li.first {height:231px; margin-bottom:-212px; }
        #main_menu .last {background:url('../i/mlastb.jpg') bottom center no-repeat; height:52px; width:225px; }
        #main_menu li a {height:12px; display:block; margin:0 0 0 10px; color:#fff; text-decoration:none; background:url('../i/mib.gif') center left no-repeat; padding-left:10px; font-size:11px; border-bottom:1px solid #34618B; padding-bottom:2px;}
        * html #main_menu li a {padding-bottom:1px;}
        #main_menu li a:hover {color:#A3C4E3;}
        #main_menu li a.active {font-weight:bold; border-color:#3D73A6;}    
	#main_menu li a:active {font-weight:bold; color:#8df;}
    .box { min-height:222px; background:#89ADD1 url('../i/boxmid.jpg') repeat-y; position:relative; margin-left:6px; color:#fff;}
        .box h1 { background:url('../i/boxtop.jpg') top center no-repeat; width:240px; height:197px; margin:0; margin-bottom:-204px; font-size:11px; color:#fff; padding:20px 0 10px 20px; clear:both;}
        .box h1.mail { background-image:none; margin-bottom:0; height:14px; margin-top:10px; margin-left:-20px;}
        .box h1.mail span {display:block; width:22px; height:14px; margin-top:3px; background:url('../i/envelope.gif') top left no-repeat; float:left;}
        .box h1.client span { width:20px; height:20px; display:block; float:left;background:url('../i/key.gif') top left no-repeat;}
        .box h1.ankieta span { width:20px; height:20px; display:block; float:left;background:url('../i/ankieta.gif') top left no-repeat;}
        .box .content {width:230px; background:transparent;  padding:10px 10px 0 20px; margin:10px 0 0 0;}
        .box .content h1 {width:200px;}
        .box .content h2 {font-size:11px; margin-bottom:15px; margin-top:15px;}
        .box .content form {margin:0;} 
        .box .content ul.poll {margin-left:6px;}
        .box .last {clear:both;display:block;  background:url('../i/boxbot.jpg') bottom center no-repeat; width:260px; height:35px; z-index:1;}
        * html .box .last{height:45px;}
            .content li {list-style:none; margin-left:-6px;}
            .content li a {background:url('../i/mib.gif') center left no-repeat;display:block; margin-left:10px; color:#fff; text-decoration:none;  padding-left:10px; font-size:11px;}          
            .content li a.active {font-weight:bold; background: url('../i/mib.gif') center left no-repeat;}
            .content li a:active {/*font-weight:bold;*/ background: url('../i/mib.gif') center left no-repeat; color:#cef !important; }
            .content a {color:#fff;}
            .content a:hover {color:#1a3e62;}
        a.wyniki {margin:10px 0 0 78px;color:#fff; text-decoration:none; text-align:center; clear:both; display:block; width:100px;}
        a.wyniki:hover {text-decoration:underline;}
    #client {}
        #client fieldset{ border:0;}

	#client_menu {margin-top:10px;}
	#client_menu li {padding:1px 0;}
	#client_menu li a:hover{color:#1A3E62;}
	* html #client_menu {margin-top:20px;}
		
	/* html #client_menu li a {margin:0;} */
	
    .box label {width:100px;min-height:16px; height:auto; float:left; clear:both; display:block; text-align:left;margin-bottom:5px;}
    .box input {width:100px; float:left; height:14px; border:1px solid #296199; margin-bottom:5px; display:block;}
    /*.box input.radio {position:relative; top:2px; left:3px; border:0;}*/
    .box input.submit {clear:both; height:19px; font-size:11px; margin:0; padding:0 0 2px 0; float:right; margin-right:17px; background:#296199; border:1px solid #fff; color:#fff;}
    * html .box input.submit { margin-right:6px; margin-top:4px;}
    .box h2 {width:200px; font-size:12px;}    
    .box input.submit:focus {background:#3071B3;}
    .box legend {width:160px;}

    .pollMeter {margin-bottom: 5px; display: block; height:7px; background-color:#fff;border-left:2px solid #828177;}
    /* to dla zIEba */
    * html .pollMeter {height:7px ! important; padding:0;}
     
    /*ankieta*/
    #poll_box label {float:right; width:210px; height:30px; margin:0; font-weight:normal;}
    #poll_box input.radio {width:10px; height:10px; float:left; margin:2px 0 18px 2px; border:0;}
    
    /*zgłoszenia*/
    #ticket textarea {width:252px;}
    #ticket label {width:150px;}
    #ticket .submit {margin-left:160px;}
    * html #ticket .submit {margin-left:82px;}        
#foot { clear:both;background:#89ADD1 url('../i/fb.gif'); width:708px; height:23px; color:#fff; font-size:10px; padding:6px 20px 0 20px; text-align:center;}


fieldset {border:0;}
input {padding:1px; font-size:11px;}
.error {color:#ff2222 ! important;}
.clear {clear:both ! important; display:block;}
input.file {height:20px;}
#right input.error, #right textarea.error {border:1px solid #ff2222 ! important; color:#000 ! important;}

#pollId option {display:block; width:400px;}
abbr[title], acronym[title] { cursor: help; border-bottom: 1px dashed black; }

table caption {
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	background:white;
	padding:10px 0 10px 0;
}
th {
	background:#ebedef;
}
td {
	background:#fbfdff;
	vertical-align:middle;
	text-align:justify;
}
td.cena {
	text-align:center;
	padding-right:5px;
	vertical-align:middle;
}
td sup {
	font-family:monospace;
}
td sup a {
	font-family:monospace;
}
/*sup {
line-height: 0;
vertical-align: text-top;
}*/
dl dt {
	display:inline;
	vertical-align: super;
	margin-right:5px;
	font-family:monospace;
}
dl dd {
	display:inline;
}
span.searchword {
	font-weight:bold; color:#a04;
}
p.blokada+div#blokada {
	display:none;
}

#zoom { position: relative; height: 179px; z-index:1 }
#zoom a.p1 .large { display: none; }
#zoom a.p1:hover .large { display: block; position: absolute; top: 80px; left: -360px; width: 755px; height: 315px; z-index:1 }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 1;
}

.thumbnail img {
	width:140px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
width:180px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
	position:fixed;
}

.thumbnail:hover span img {
	width:400px;
}