body{
margin:0;
padding:0;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 12px;
color: #444;
text-align: center;
background-color: #000;
background-image: url('images/euro.jpg');
line-height: 17px;
background-attachment: fixed;
}

h1 {font-size: 18px; color:#ff0000; font-weight: bold; margin: 10px 0 10px 0;}
h2 { font-size: 17px; color:#438000; margin: 15px 0 5px 0;}
h3 { font-size: 15px; color:#444; margin: 15px 0 -7px 0;}
h4 { font-size: 12px; color:#CC0000; margin-top: 10px; }
img { border: none; padding: 0; margin:0; display: block; }
hr { height: 1px; background-color: #eeeeee; margin: 20px 0 10px 0; border: none; }
a:link, a:visited { text-decoration : none; color: #3366cc;}
a:hover { color: #df0000;}
/* a[href^="http:"] {font-weight: bold;} */
p { margin-bottom: .7em; margin-top: .7em; }
i {color: #cc0000;font-style:normal;}
em {color: #036d09;font-style:normal;font-family:Courier, 'Courier New',monospace;}

#prawa ul {padding-left: 25px;}
#head4p {
float: right;
width: 300px;
min-height: 100%;
z-index: 1;
}

#top2 {
margin: 0 auto;
width: 993px;
height: 120px;
background-image: url('images/www-4u.jpg');
background-repeat: no-repeat;
}
#login {float: right; margin: 35px 20px 0 0; color: #aaa; text-align: right; width: 620px;}
#login input {background-color: #004a00; border: 1px solid #008400; color: #d5ffd5;}
#login a:link, #login a:visited {color: #febf01;}
#login a:hover {color:#fff;}
.warning2 { border: 3px solid #CC0000; background-color: #000000; padding: 5px 0 10px 10px; color: #ff4040; position: absolute; right: 21%; top: 127px; width: 480px; background-color: #ffff80; font-weight: bold; text-align: left; z-index:9;}

#spot {
margin: 5px auto;
float: none;
}

#tresc {
text-align: left;
width: 980px;
background-color: #000;
background-repeat: repeat-x;
background-position: bottom;
margin: auto auto;
margin-bottom: 10px;
padding: 5px;
border-left: 2px solid #f7f7f7;
border-bottom: 2px solid #f7f7f7;
}

#lewa {float: left; background-color: #000; width: 260px; padding: 0 5px 10px 10px; color: #aaa; min-height: 100%; height: auto; font-size: 12px;}
#lewa ul { list-style-type : none; margin: 0 0 20px 0; padding: 0; }
#lewa p {margin: 5px 0 5px 10px;}
#lewa li a:link, #lewa li a:visited {
display: block;
color: #0ca5de;
text-align: left;
padding: 1px 5px 2px 20px;
width: 240px;
text-decoration: none;
background: url(images/ikony/arr.gif) top left no-repeat;
}
#lewa li a:hover {
text-decoration: none;
color: #eee;
background: url(images/ikony/arron.gif) top left no-repeat;
background-position: 2px 0;
}
#lewa li a:link strong, #lewa li a:visited strong {text-decoration: underline;}
#lewa li a:hover strong {color: #0ca5de;}
.podm {padding-left: 15px;}
.podm2 {padding-left: 30px;}
#lewa h2 {padding: 3px 0px 3px 10px; text-align: left; color: #ff0000; font-size: 1.2em; border-bottom: 1px dotted #c60000; margin: 10px 0 5px 0;}
#lewa h1 {padding: 0 0px 3px 10px; text-align: left; color: #f1f1f1; font-size: 15px; margin: 10px 0 5px 0;}
#lewa .userPanel h2 {background-color: #cc0000; padding: 3px; color: #ccc; margin-top: 0;}

#prawa {
padding: 0 10px 20px 10px;
float: right;
width: 680px;
height: auto;
min-height: 1150px;
background-color: #fff;
background-image: url('images/cienl.png');
background-position: left;
background-repeat: repeat-y;
}
#prawa h1 > a { text-decoration: none; }
#prawa ul {margin:0;}


#prom {
padding: 0 5px 5px 5px;
width: 150px;
float: right;
}

#stopka {
text-align: center;
color: #909090;
width: 960px;
padding: 10px 0 5px 0;
margin: 0 auto;
font-size: 11px;
}
.cle {clear: both; }
.box {
background-color: #191919;
border-left: 1px solid #111;
border-top: 1px solid #111;
border-right: 1px solid #292929;
border-bottom: 1px solid #292929;
padding: 3px;
color: #777;
}
.ramka {padding: 10px; border: 1px solid #909090; float: left; margin: 0 0 5px 0px; background-color: #FFFFFF;}
.ramka_p {padding: 10px; background-color: #FFFFFF; margin-bottom: 10px; border: 1px solid #E0E0E0;}
.ramka_p:hover { background-color: #f4f4e8; }
.opis_p { margin-left: 200px;  }
.warning {text-align: center; color: #CC0000; margin: 20px 0; border: 1px solid #990000; background-color: #fff; padding: 5px;}
.warning_green {text-align: center; color: #005b00; margin: 20px 0; border: 1px solid #008000; background-color: #fff; padding: 5px;}
input, textarea { border: 1px inset #999999; margin: 3px 0;}
input.przycisk { color: #505050; border: 2px outset #fff; padding: 3px; background-color: #F0F0F0;}
input.przycisk:hover {background-color: #febf01;}
input.przycisk2 { color : #336699; background-color : transparent; border: none; padding: 2px 0;}
input.przycisk2:hover {color: #cc0000;}
input.przycisk_ok { color: #e6e6e6; border: 2px outset #fff; padding: 3px; background-color: #499300;}
input.przycisk_ok:hover {color: #4f9d00; background-color: #eee;}
input.przycisk_no { color: #e6e6e6; border: 2px outset #fff; padding: 3px; background-color: #ff0000;}
input.przycisk_no:hover {color: #cc0000; background-color: #eee;}

.text_green {color: #225500; font-weight: 400;}
.podpis {font-size: 11px; color: #990000; background-color: #F4F4F4; padding:0;}
.podpis img, #lewa img {margin-bottom: 7px; padding: 0;}
.powrot {float: right; margin: 20px 60px 0 0;}
.css {color: #008000; padding: 3px; border: 1px dotted #008000; display: block; font-family: monospace;}
.html {color: #8f7b29; padding: 0 5px; border: 1px solid #8f7b29; display: block; font-family: monospace; width: 670px; overflow: auto; background-color: #fffcf0; font-size: 11px;}
.php {color: #d70000; padding: 0 5px; border: 1px solid #cc0000; display: block; font-family: "Courier New",Courier,monospace; margin: 5px 0 10px 0; width: 670px; overflow: auto; background-color: #fffcf0; font-size: 11px;}
.sql {color: #655825; padding: 0 5px; border: 1px solid #666; display: block; font-family: monospace; width: 670px; overflow: auto; font-size: 11px;}
.caly_skrypt {color: #d70000; padding: 0 5px; border: 2px solid #1c9106; display: block; font-family: "Courier New",Courier,monospace; margin: 5px 0 10px 0; width: 670px; overflow: auto; background-color: #fff;}
.przyklad {padding: 3px; border: 1px solid #888888; display: block;}
.hr2 {height: 2px; background-color: #810811; margin: 20px 0 10px 0; border: none;}
.wtdr {display: none;}
.message {color: #ff2b2b; font-weight: bold;}
.news {background-image: url(img/belka.jpg); background-repeat: repeat-x; border: 1px solid #7B0911; margin: 5px 0; padding: 5px;}
.news strong {color: #eee;}

table {margin: 10px 0;}
table, th, td { border: 1px solid #aaa; padding: 5px; border-collapse: collapse; text-align: center;}
th {color: #fafafa; font-weight: normal; background-color: #666;}
.th2 {color: #fafafa; font-weight: normal; background-color: #444;}
table tr:hover { background-color: #f1f1f1; color: #006f00; }
td h2 {margin-bottom: -10px; padding: 0; font-size: 13px; color: #3c7100;}
td img {margin: 0 auto;}
td p {line-height: 1.3; margin: 0;}
.yeti{background-color: #9fff9f;}
.yeti:hover {background-color: #f1f1f1;}
.yeti2{background-color: #ffec9f;}
.yeti2:hover {background-color: #f1f1f1;}
.yeti3{background-color: #ff5555;}
.yeti3:hover {background-color: #f1f1f1;}
.kalkulator {background-color: #9fce60; padding: 1px 7px; margin-bottom: 3px;}
.obowiaz {background-color: #fbf9a2;}

.ht table, .ht th, .ht td { border: none; padding: 2px; border-collapse: collapse; text-align: left;}
.ht th {color: #fafafa; font-weight: normal; background-color: #666666;}
.ht table tr:hover { background-color: #fdfdfd; color: #303030; }

.text_left {text-align: left;}
.emailh {display: none;}
.tAlR {text-align: right;}
.tAlL {text-align: left;}
.lRNA {padding: 0 0 0 20px;}
.robot {
height: 50px;
background-image: url('images/robot.png');
background-repeat: no-repeat;
padding: 5px 5px 5px 50px;
}
.robot b {background-color: #F7F7F7; padding: 3px;}
.redbolt {color: #ff0000;}
.komentarze {background-color: #ddd;  padding: 5px 10px; margin: 10px 0; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #eee; border-top: 1px solid #eee;}
.komentarze .message {color: #ee0000; font-weight: bold;}
.komentarze h2 {font-size: 14px; color: #666; margin: 10px 0;}
/* .komentarze a:link, .komentarze a:visited {color: #fff;}
.komentarze a:hover {color: #00ff00;} */
.kom {color: #888;}
.komentarz {font-size: 11px; color:#777;}
.mkom {color: #888; font-size: 10px;}

.koment_nag {font-size: .9em; background-color: #f1f1f1; padding: 5px 0 5px 5px; margin:0 -5px;}
.koment_nag_id {background-color:#fdfdfd; padding: 3px 5px 7px 5px; color: #888888; float:right;}
.koment {color: #666; border: 2px solid #fdfdfd; padding: 0 5px; margin: 3px 0; background-color: #fdfdfd; border-left: 1px solid #bbb; border-top: 1px solid #bbb;}
.koment a:link, .koment a:visited  { text-decoration : none; color: #3366cc;}
.koment a:hover { color: #df0000;}
.odpkomid {color: #999; border-bottom: 1px dotted #438000;}

.str_oc {background-image:url('images/tlo-str2oc.png'); background-repeat: no-repeat; padding: 5px; margin: 3px 0}
.str_oc h3, .str_oc h2, .strona h2 {color: #cc0000; font-size: 14px;}
.ocena {background-color: #e7debc;  padding: 5px 10px; border-left: 2px solid #fafafa; border-top: 2px solid #f1f1f1; border-right: 2px solid #c4c4c4; border-bottom: 2px solid #c4c4c4; margin: 10px 0;}
.ocena .message {color: #fcdd03; font-weight: bold;}
.ocena hr { height: 1px; background-color: #eeeeee; margin: 10px 0; border: none; }

.green_warn {color: #fafafa; background-color: #009100; padding: 5px 10px; margin: 0 0 5px 0;}
.red_warn {color: #fafafa; background-color: #cc0000; padding: 5px 10px; margin: 0 0 5px 0;}
.red_warn a:link, .red_warn a:visited {color: #ffdd66;text-decoration: underline;}
.red_warn a:hover {color: #ffffff;}
.red_warn i {color:#ffff00;}

.dane {background-color: #deedea; padding: 5px;}

.gold {color:#fed801;}
.komentarze .gold {color:#008000;}

.center {text-align: center;}
.userPanel {background-color: #161616; padding: 0 0 5px 0; border: 1px solid #cc0000;}
.box_kom {background-color: #eee; padding: 5px 10px; margin: 10px 0; border: 1px solid #999;}
.formularz {background-color: #cfcfcf; padding: 5px 10px; margin: 10px 0; border: 1px outset #bbb;}
.strona {background-color: #fff8d9; padding: 2px 5px; border-top: 1px solid #ffe980; border-bottom: 1px solid #ffe980;}

.prev {float: left; margin: 0 10px; font-size: 11px;}
.prev , .next {color: #777;}
.next {float: right; margin: 0 10px; font-size: 11px;}

#ontop {position: absolute; bottom: 0; right:0; position: fixed; width:50px; height:50px;}

.fleftrek {float: left; margin: 0 20px 10px 0;}

/* Lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}