* { margin:0; padding:0; border:0; text-align:justify; font-size:11px; font-family:verdana, helvetica, geneva, arial, sans-serif }
body { background:#fff url('../i/bb.jpg') top left repeat-x }
#wrap { width:948px; margin:0 auto; background:transparent url('../i/w/wb.gif') repeat-y }
#left { width:265px; float:left; color:#fff }
#right { width:683px; float:right }
#left a { color:#fff; text-decoration:none }
#right a { color:#000; text-decoration:none }
#right a:hover { color:#29619C }
#right a:active { color:#26f }

#main_menu { list-style:none; background:#3D73A6 url( '../i/mbmid.jpg') top center repeat-y }	/* no second background, so... */
#main_menu>li.first { height:260px; min-height:261px; padding-top:120px; margin-bottom:-241px; background:url('../i/mb.jpg') top center no-repeat }
#main_menu>li.last { height:52px; background:url('../i/mlastb.jpg') bottom center no-repeat }
#main_menu>li>a { display:block; width:185px; margin-left:30px; padding:3px 20px 3px 10px; border-bottom:1px solid #34618B; background:url('../i/mib.gif') center left no-repeat }
#main_menu>li>a:hover { color:#A3C4E3 }
#main_menu>li>a:active { font-weight:bold; color:#8df }
#main_menu>li>a.active { font-weight:bold; border-color:#4D83b6 }

#left>.box { margin-left:6px; background:#89ADD1 url('../i/boxmid.jpg') repeat-y }	/* 265-5 -1px wrong img offset */
#left>.box>h1:not(.client) { height:182px !important; margin-bottom:-170px; margin-left:1px; padding:20px 0 10px 20px; background:url('../i/boxtop.jpg') top center no-repeat }
#left>.box>h1.client { height:182px; margin-bottom:-180px; margin-left:1px; padding:20px 0 10px 20px; background:url('../i/boxtop.jpg') top center no-repeat }
#left>.box>h1.client>span { display:block; float:left; width:20px; height:20px; background:url('../i/key.gif') top left no-repeat }
#left>.box>.content>h1.mail { background-image:none; height:auto; padding:15px 0 10px 0 }
#left>.box>.content>form { clear:both }
#left>.box>.content>h1.mail>span { display:block; float:left; width:22px; height:14px; margin-top:1px; background:url('../i/envelope.gif') top left no-repeat }
#left>.box>h1.ankieta>span { display:block; float:left; width:20px; height:20px; background:url('../i/ankieta.gif') top left no-repeat }
#left>.box>.content { padding:20px 15px 0 20px; background:transparent; text-align:center }
#left>.box>.content>ul>li { list-style:none; padding:1px 0 }
#left>.box>.content>ul>li>a { display:block; margin-left:4px; padding-left:10px; background:url('../i/mib.gif') center left no-repeat }
#left>.box>.content>ul>li>a:hover, #poll_box.box>a.wyniki:hover { color:#1a3e62 }
#left>.box>.content>ul>li>a:active, #poll_box.box>a.wyniki:active { color:#cef; background: url('../i/mib.gif') center left no-repeat }
#left>.box>.content>ul>li>a.active { font-weight:bold; background: url('../i/mib.gif') center left no-repeat }
#left>.box>.content>form>fieldset>label { width: 50px; float:left; clear:both; margin:3px }
#left>.box>.content>form>fieldset>input { width:165px; float:left: height:14px; border:1px solid #296199; margin-bottom:5px }
#left>.box>.content>form>input.submit, #poll_box.box>form.content>fieldset>input.submit { width:166px; float:left; margin-left:56px; border:1px solid #fff; color:#fff; background:#296199 }
#poll_box.box>form.content>h2 { margin-bottom:15px; font-size:12px }
#poll_box.box>form.content>fieldset>input.radio { float:left; width:10px; margin:5px 0 5px 0 }
#poll_box.box>form.content>fieldset>label { float:right; width:201px; padding:5px 0 5px 10px; clear:both; margin-bottom:5px }
#poll_box.box>form.content>fieldset>label:hover { color:#1a3e62 }
#poll_box.box>form.content>fieldset>label:active { color:#cef }
#poll_box.box>a.wyniki, #poll_box.box>.content>a { display:block; margin-left:4px; padding:10px 0; text-align:center }
#left>.box>.content>form>input.submit:focus { background:#3071B3 }
#left>.box>.last { clear:both; display:block; width:260px; height:30px; background:url('../i/boxbot.jpg') bottom center no-repeat }
#left>.box>.last { bottom:0 !important }
#left>.box, #left>.box>.content { height:auto !important }

#mail { height: 186px; padding:47px 0 0 0; text-align:right; background:#89ADD1 url('../i/w/hb.jpg') bottom center no-repeat }
#mail>a { font-weight:normal; color:#0E3256 }
#mail>a.home { padding-left:20px; background:url('../i/home.gif') left center no-repeat }
#mail>a.favorites { padding-left:20px; background:url('../i/ulubione.gif') left center no-repeat }

#flash { position:absolute; top:70px }
/* #flash { position:relative; top:10px; left:-4px } */

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

/*
#path
{ border:1px red dotted }
*/

#main { padding:0 25px 10px 15px; color:#465768 }
#main a { padding:5px 0 5px 5px }
#main>h1>span { display:none }
#main>h1.welcome	{ height:72px; background:url('../i/welcome.png') center center no-repeat }
#main>h1.onas		{ height:72px; background:url('../i/onas.png') center center no-repeat }
#main>h1.oferta		{ height:72px; background:url('../i/oferta.png') center center no-repeat }
#main>h1.regulamin	{ height:72px; background:url('../i/regulamin.png') center center no-repeat }
#main>h1.kont		{ height:72px; background:url('../i/kont.png') center center no-repeat }
#main>h1.obszar		{ height:72px; background:url('../i/pn_obszar.jpg') center center no-repeat }
#main>h1.ogloszenia	{ height:72px; background:url('../i/pn_ogloszenia.jpg') center center no-repeat }
#main>h1.artykuly	{ height:72px; background:url('../i/pn_artykuly.jpg') center center no-repeat }
#main>h1.strony		{ height:72px; background:url('../i/pn_strony.jpg') center center no-repeat }
#main>h1.cennik		{ height:72px; background:url('../i/pn_cennik.jpg') center center no-repeat }
#main>h1, #main>.newsfull>h1 { font-size:13px; margin-bottom:10px }
#main>h2 { font-size:12px; margin-bottom:1em }

#main>.news { border:1px solid #828177; margin-bottom:15px; padding-bottom:10px }
/* #main>.news>h2 { margin-top:-13px; margin-left:-1px; padding-left:25px; font-size:12px; background:url('../i/arrow.gif') left center no-repeat } */
#main>.news>h2 { margin-top:-0.7em; margin-left:4px; padding-left:20px; font-size:12px; background:url('../i/arrow1.gif') left center no-repeat }
#main>.news>h2>span { background:#EFF6FF; padding:0 4px }
#main>.news>p { margin:0 4px 0 4px }
#main>.news>p.date, #main>.newsfull>p.date { text-align:right; margin:8px; font-style:italic; font-size:xx-small }
#main>.news>p.date>span, #main>.newsfull>p.date>span { font-weight:bold; font-size:x-small }
#main>.news>p>img, #main>.news>p>a>img, #main>.newsfull>.header>img { width:100px; height:75px; padding:5px; margin:0 5px 0 5px; float:left; background:url('../i/ramka.gif') no-repeat }
#main>.news>a, #main>.news>p>a, #main>.newsfull>p>a, #main>.newsfull>a.back, #main>a.back { clear:both; display:block }

#main ul, #main ol { list-style-position:inside }
#main li { margin:4px 0 }

#main>form>fieldset>label, #contactForm>label { width:20%; float:left; display:block; clear:left; font-weight:bold; margin:4px }
#main>form>fieldset>input, #contactForm>input { width:75%; float:left; display:block; border:1px solid #296199; margin:4px; height:18px }
#main>form>fieldset>input.submit, #contactForm>input.submit { width:20%; height:18px; border:1px solid #fff; text-align:center; background:#296199; color:#fff; clear:both }
#contactForm>fieldset>textarea, #ticketForm>fieldset>textarea, #macForm>fieldset>textarea, #websiteForm>fieldset>textarea { width:75%; height:100px; float:left; border:1px solid #296199; margin:4px }

#main>p.label { margin:3px 0; font-weight:bold }
#settingsForm>fieldset>legend, #passwordForm>fieldset>legend, #websiteForm>fieldset>legend { font-weight:bold; font-size:12px; padding:20px 0 10px 0 }

#main>#settingsForm>fieldset>label { width:40% }
#main>#settingsForm>fieldset>input:not(.submit) { width:55% }

#main>ul.poll>li { list-style:none }
#main>ul.poll>li>span.pollMeter { display:block; height:7px; background-color:#183C63; margin-bottom:5px; border-left:2px solid #828177 }
#poll_box.box>.content>ul.poll>li>span.pollMeter { display:block; height:7px; background-color:#fff; margin-bottom:5px; border-left:2px solid #828177; max-width:222px }

#main>p.pager>a { padding:5px }

#foot { clear:both; height:25px; padding:4px 20px 0 20px; font-size:10px; color:#fff; text-align:center; background:#89ADD1 url('../i/w/fb.gif') }

/*
        .box .content ul.poll {margin-left:6px;}
        * html .box .last{height:45px;}

    .box legend {width:160px;}

        #main h3 {font-size:11px;}
        p.newscount {font-size:10px;}
        #main div.contact a {color:#45A3ED;}
        .hidden {display:none ! important;}
        .back, .cancel {display:block; clear:both;}
        .back {margin-top:6px;}
        .header {margin-top:6px;}
        
    div.contact {text-align:center;}
    div.contact ul {text-align:left;}
    div.contact li span {font-weight:bold;}

     
    /*zgłoszenia/
    #ticket textarea {width:252px;}
    #ticket label {width:150px;}
    #ticket .submit {margin-left:160px;}
    * html #ticket .submit {margin-left:82px;}        

input { padding:1px }
.error { color:#ff2222 !important }
.clear { clear:both !important }
#right input.error, #right textarea.error {border:1px solid #ff2222 ! important; color:#000 ! important;}

#pollId option {display:block; width:400px;}
*/

#main>.news>span.clear { clear:both; display:block }

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;
	text-align:center;
}
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;
}
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;
}