@charset "utf-8";
/* CSS Document */
/*
body, div, h1, h2, h3, h4, h5, h6, p,  dl, dt, dd, img, form, fieldset, blockquote {       
margin:0px; padding:0px; border:0px;   
}
*/
 html, body, div, span,   
 h1, h2, h3, h4, h5, h6, blockquote, pre,  
 a, abbr, acronym, address, big, cite, code,  
 img, ins, kbd, q, s, samp,  
 small, strike, strong,   
 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: baselinebaseline;  
     background: transparent;  
 }
img{border:none;}
a{color:#6c8792;text-decoration:none;}
a:hover{text-decoration:underline;color:#6c8792;}
ul, ol{list-style:none;} 
body{background:#fff url(../img/pasektlo.png) repeat-x;	font-family: 'Myriad Pro', 'Arial', 'Helvetica', 'sans-serif';}
/*szkielet strony www*/
#strona{width:1024px;margin:0 auto;}
#glowa{width:1024px;height:248px;}
#menu{width:1024px;height:30px;text-align:right;margin-top:3px;z-index: 9993333;}
#menu ul li{font-size:20pxcolor:#34393e;}
#menu ul li a{font-size:20px;color:#34393e;}
#menu ul li a:hover{font-size:20px;color:#fff;}
#menu ul li li a{font-size:15px;color:#fff;text-align:right;}
#menu ul li li a:hover{font-size:15px;color:#34393e;}
#cialo{margin:0 auto;margin:40px;width:1024px;}
#tytullewa{width:274px;color:#587682;font-size:26px;text-align:left;margin:40px 0px;position:absolute;text-align:center;text-decoration:underline;margin-top:12px;}
#lewastr{width:274;float:left;margin-top:-47px;}
#prawastr{width:720px;float:left;margin-left:20px;}
#nagllewa{width:274px;height:13px;background:url(../img/nagllewa.png) no-repeat;}
#cialolewa{width:274px;background:#f5fbfe;}
#nagllewasr{width:258px;height:9px;margin:0 auto;background:url(../img/nagllewasr.png) no-repeat;margin-top:-30px;}
#lewagoratitle{width:258px;height:9px;margin:-43px 0px 0px 39px;}
#cialolewasr{width:258px;background:#dbe9ef;margin:0 auto;}
#reklama{width:255px;margin-left:5px;}
#cialolewasrs{padding:5px;}
#cialolewasrs ul{margin-left:-10px;}
#cialolewasrs li{padding:5px 0px 5px 16px;color:#587682;font-family:Myriad Pro, Arial;font-size:16px;font-style:italic;}
#cialolewasrs li ul{padding:0px;margin-left:-27px;}
#cialolewasrs a{color:#587682;font-family:Myriad Pro, Arial;font-style:italic;}
#nagllewasrd{width:258px;height:9px;margin:0 auto;background:url(../img/nagllewasrd.png);}
#nagllewad{width:274px;height:13px;background:url(../img/nagllewad.png);}
#nawigacjapoziom{width:720px;font-style:italic;color:#587682;text-transform:lowercase;margin-bottom:10px;font-weight:bold;border-bottom:1px solid #587682;}
#nawigacjapoziom a{color:#6c8792;text-decoration:none;}
.nawigacjapoziom2{width:720px;font-style:italic;color:#587682;text-transform:lowercase;margin-bottom:10px;font-weight:bold;border-bottom:1px solid #587682;}
.menuoferta{color:#9caeb5;margin:0 auto;width:650px;text-align:center;font-weight:bold;font-size:13px;padding:10px 0px;}
#nawigacjapoziom a:hover{text-decoration:underline;color:#6c8792;}
.liniadwoch{width:720px;padding:5px;margin-bottom:15px;}
.lewalinia{width:340px;float:left;background:url(../img/pasekogl.png) repeat-x;height:198px;}
.prawalinia{width:340px;float:left;background:url(../img/pasekogl.png) repeat-x;margin-left:30px;height:198px;}
.nazwasam{width:320px;color:#30393d;border-bottom:1px solid #cdd8dc;margin-top:5px;padding:3px;margin-left:10px;font-family:'Arial';font-size:14px;}
.trescogl{width:320px;padding:5px;margin:10px 0px 0px 10px;}
.textfoto{width:150px;float:left;color:#587682;padding-top:10px;font-size:13px;}
.fototext{width:162px;height:126px;float:left;background:url(../img/foto_podklad.png);}
.fototextbig{width:356px;height:270px;background:url(../img/tlopodbig.png);}
.foteczka{width:137px;height:102px;margin-top:2px;}
.cenasam{width:130px;margin-top:20px;color:#30393d;font-family:'comic';font-size:14px;font-weight:bold;}
.wiecejinfo{width:320px;text-align:right;padding-top:5px;}
.wiecejinfo a{color:#7f98a2;font-weight:bold;}
.bolder{font-weight:bold;}
.wiecejinfo a:hover{color:#7f98a2;text-decoration:underline;font-weight:bold;}
#nazwasamdlugi{width:680px;color:#666d70;border-bottom:1px solid #587682;margin-top:5px;padding:3px 0px;margin-left:10px;font-family:'Arial';font-size:18px;}
#nazwasamdlugiart{width:600px;color:#666d70;border-bottom:1px solid #587682;margin-top:5px;padding:3px 0px;margin-left:0px;font-family:'Arial';font-size:18px;}
#blokpokaz{width:720px;}
#bloklewytext{width:350px;float:left;}
#blokfotoprawy{width:360px;float:left;}
.textfotopokaz{width:150px;float:left;color:#587682;padding-top:20px;font-size:15px;margin-left:30px;}
.textfotopokaz ul li{background:url(../img/akt.png)  no-repeat left;padding:5px 0px 5px 10px;}
.opiscar{width:120px;color:#666d70;border-bottom:1px solid #587682;margin-top:5px;padding:3px;margin-left:10px;font-family:'Arial';font-size:14px;}
#opissam{width:700px;margin-left:20px;margin-top:20px;}
#stopka{background:#000;height:200px;width:auto;font-weight:normal;font-size:14px;}
#stopka a{font-weight:normal;font-size:14px;color:#fff;text-decoration:none;}
#stopka a:hover{font-weight:normal;font-size:14px;color:#fff;text-decoration:underline;}
#stopkablok{margin:0 auto;width:1000px;color:#fff;}
#statstop{width:450px;float:left;text-align:left;}
#srodekstop{width:1000px;margin:0 auto;text-align:center;font-size:12px;}
#menustop{width:500px;float:left;margin-left:50px;text-align:right;padding-top:30px;}
.field{width:300px;}
.field1{width:30px;}
.haslometer{width:305px;}
.default{background-color: #CCC;}
.weak{background-color: #FF5353;}
.strong{background-color: #FAD054;}
.stronger{background-color: #93C9F4; }
.strongest{background-color: #B6FF6C;}
#formularzrejestracji span.value{  font-weight:bold;  float: left;color:red;}  
#rejestrujbut{width:300px;text-align:right;padding-left:220px;}
#commentForm { width: 460px; }
#commentForm label { width: 460px; }
#commentForm label.error, #commentForm input.submit {  }
.newsy {color:#666d70;width:700px;}
#archiwumnews{text-align:center;font-size:10px;margin-top:6px;}
#archiwumnews a{color:#666d70;text-decoration:none;font-size:12px;font-weight:bold;}
#archiwumnews a:hover{color:#666d70;text-decoration:underline;}
.news{margin-top:30px;margin-bottom:10px;width:650px;}
.news a{color:#666d70;text-decoration:none;font-size:12px;font-weight:bold;}
.news a:hover{color:#666d70;text-decoration:underline;}
.trescnews{color:#ab7c1b;font-size:13px;margin-left:10px;width:700px;}
.trescnewsall{font-size:13px;margin-left:10px;width:680px;}
.wiecejnews{text-align:right;font-style:italic;font-size:10px;}
.fototextnews{width:162px;height:126px;float:right;background:url(../img/foto_podklad.png);}
.fototextnewsl{width:162px;height:126px;float:left;background:url(../img/foto_podklad.png);margin-right:10px;}
.fototextnewsp{width:162px;height:126px;float:left;background:url(../img/foto_podklad.png);margin-left:10px;}
.blokszukaj{width:250px;}
.pasekszukl{width:250px;font-size:14px;}
.pasekszukn{width:60px;float:left;color:#587682;text-align:right;margin-right:6px;}
.pasekszukin{width:180px;float:left;}
.pasekszukin input{width:180px;border:1px solid #fff;}
.listawyb{width:180px;}
.submitek{width:250px;}
.submitek input{width:70px;background:#fff;border:1px solid #fff;color:#6d8893;text-align:center;margin-left:130px;}
.paseklink {width:700px;border-top:1px solid #6c8792;text-align:right;margin-top:40px;}
.paseklink a{color:#6c8792;text-decoration:none;font-size:14px;}
.paseklink a:hover{text-decoration:underline;color:#6c8792;}
.datawys1{
color:#c09b52;
font-size:14px;
font-style:italic;
border-bottom:1px solid #c09b52;
width:440px;
margin-left:160px;
}
.trescnewsblocknart{color:#000;width:700px;padding:3px;margin-top:10px;text-align:justify;}

.datawys2{
color:#c09b52;
font-size:14px;
font-style:italic;
border-bottom:1px solid #c09b52;
width:440px;
}

.datawysart{color:##666d70;font-size:12px;font-style:italic;margin-top:100px;margin-left:10px;}



.trescnornews{
color:#000;
width:500px;
float:left;
}


.trescnewsblockn{
color:#000;

}



#listalat {


margin: 0px 0px 15px;
padding: 0px 5px;
text-align: right;
font-weight: bold;

width:700px;
}

#newsy_menu {

margin: 0px;
padding: 1px 0px;
text-align: center;
width:700px;
}

table.months {
border:1px solid #dbe9ef;

margin: 0px;
width: 100%;
padding: 0px;
}

table.months td {
border:1px solid #6d8792;
color: #565f63;
font-size: 13px; 
margin: 0px;
background:#f5fbfe;
width: 95px;
padding:5px;
}



table.months a{color:#565f63; text-decoration:underline; width:100%; float: left; margin: 0px; font-size: 12px;font-weight:bold; }
table.months a:hover{color:#565f63; text-decoration:none; width:100%; float: left; margin: 0px; font-size: 12px;font-weight:bold; }
/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 400px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
/*--------------paginacja--------------------*/

.paginate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a.paginate {
	border: 1px solid #587682;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: #587682;
}


a.paginate:hover {
	background-color: #f5fbfd;
	color: #FFF;
	text-decoration: underline;
}

a.current {
	border: 1px solid #587682;
	font: bold 14px Arial,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#f1f9fb;
	color: #587682;
	text-decoration: none;
}

/*--------------galeria zdj��------------------*/



#galeria {
		/*background-color: #FFFFFF;*/
		padding: 0px;
		margin:0px;
		width: 700px;
		margin:20px 0px 0px 15px;
		
	}
	
html>body #galeria {
		/*background-color: #FFFFFF;*/
		padding: 0px;
		margin:0px;
		width: 700px;
		margin:20px 0px 0px 15px;
		
		
	}
#galeria ul { 
    list-style: none;
	}
#galeria ul li { 
    display: inline; 
	
	margin-top:15px;
	
	}
#galeria ul img {
		border: 5px solid #a3bcd5;
		border-width: 5px 5px 20px;
		margin-top:5px;
		margin-right:15px;
	}
#galeria ul a:hover img {
		border: 5px solid #dbe9ef;
		border-width: 5px 5px 20px;
		color: #fff;
	}
#galeria ul a:hover { color: #fff; }


/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/ 

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(../images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 12px;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(../images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(../images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(../images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index:9343434;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 250px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 99933;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}