*{
padding:0;
margin:0;
}

body
{
	font-family: arial;
	font-size: 12px;
	color: #496b91;
	line-height: 125%;
  overflow: -moz-scrollbars-vertical;
	background-color: white;     
}

#Inner
{
	height: 172px;
	background: url("grafiki/header_bar.jpg") repeat-x center left;
	background-position: 10px 10px;
}

#Container
{
	margin: 0px auto;
	background: url("grafiki/footer_shadow.png") bottom no-repeat;
}


#rotate
{
  min-height:640px;
	margin-right: 60px;
}
#rotate p 
{		
	font-family: arial, "Nimbus Sans L", "FreeSans";
	font-size: 14px;
	text-align: center;
	line-height: 1.5em;
	color: #494949;

}
#rotate ul.zakladka
{
    margin-left: 60px;
}

#rotate ul.zakladka li.zakladka1,li.zakladka2,li.zakladka3,li.zakladka4,li.zakladka5    
{
    margin-top: 5px;
    list-style: none;
    background: url('grafiki/01.gif') no-repeat center left;
    padding-left: 20px;  
    padding-right: 20px;   
}

#rotate ul.zakladka li.zakladka2    
{
    margin-top: 5px;
    background: url('grafiki/02.gif') no-repeat center left;
}

#rotate ul.zakladka li.zakladka3    
{
    margin-top: 5px;
    background: url('grafiki/03.gif') no-repeat center left;
}

#rotate ul.zakladka li.zakladka4    
{
    margin-top: 5px;
    background: url('grafiki/04.gif') no-repeat center left;
}
#rotate ul.zakladka li.zakladka5   
{
    margin-top: 5px;
    background: url('grafiki/05.gif') no-repeat center left;
}

#rotate ul.materialy{
    margin-left: 10px;
}

#rotate ul.materialy li 
{
    background: none;
    margin-top: 5px;
    list-style: none;
    padding-left: 0px;  
    padding-right: 0px;   
}


a.dymek{
	z-index:10;
	}
a.dymek{
	position:relative;
	z-index:100;
	}			
a.dymek span{
	display:none;
	}
a.dymek:hover span{
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	top:-2.2em;
	left:.5em;
	background:rgb(3,213,4);
	border:1px solid #444;
	color:white;
	padding:2px 10px;
	z-index:10;			
	}

#Head
{
	height: 170px;
	width: 1000px;
	margin: auto;
	text-align: center;
}

#Underhead
{
	height: 20px;
	width: 1000px;
	margin: auto;
	background: url('grafiki/header_down.jpg') no-repeat;
	background-position: 35px 0px;     
	margin-bottom: -20px;
	margin-left: -48px;
}

.email
{
	padding-left: 915px;
	padding-top: 39px;
}

.email a
{
  color: white;
  text-decoration: none;
}

.email a:hover
{
  text-decoration: underline;
}

#Menu
{
	width: 900px;
	height: 54px;
	display: block;
}

#Menu a.menu
{
	width: 150px;
	height: 54px;
	float: left;
	background: url("grafiki/menu2.png") top left no-repeat;
	color: #6d90b8;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	outline: none;

}

#Menu a.menu span
{
	margin-left: 38px;
  line-height: 80px;

}

#Menu a.menu:hover, #Menu a.active
{
	background-position: -150px 0px;
  color:#2a5e9d;
}

#CentralPart
{
	width: 900px;
	margin-left: 2px;
	clear: both;
	padding-top: -50px;
}

#Shadow
{
  width: 904px;
	margin: auto;
	background: url("grafiki/shadow2.gif") top left repeat-y;
	padding-bottom: 50px;
}

#LeftPart
{
	width: 450px;
	float: left;
	margin-top: -27px;
}

*>#LeftPart
{
	margin-top: 0px;
}

#RightPart
{
	float: right;
	width: 450px;
	margin-top: -27px;
}

*>#RightPart
{
	margin-top: 0px;
}

.cleaner
{
    clear: both;
}

#Page
{
	width: 450px;
	float: left;
}

.article_left,.tradycyjnie,.sms
{
  width: 450px;
  float: left;
  padding-top: 20px;
	margin-top: 10px;
	height: 158px;
}

.article_left
{
  background: url("grafiki/bac-left.gif") top left no-repeat;
}

.tradycyjnie
{
  background: url("grafiki/reklama2.png") top left no-repeat;
  height: 258px;
}

.sms
{
  background: url("grafiki/sms.png") top left no-repeat;
}

.heading_left
{
	padding-left: 50px;
	padding-bottom: 17px;
}

.lewy
{
	padding: 5px 90px 10px 50px;
	text-align: justify;
}

.paragraf_left2
{
	padding: 5px 10px 10px 50px;
	text-align: justify;
}


.heading_right
{
	padding-right: 50px;
	padding-bottom: 17px;
	direction:rtl
}

.article_right
{
  background: url("grafiki/bac-right.gif") top left no-repeat;
  width: 450px;
  height: 158px;
  float: left;
  padding-top: 20px;
	margin-top: 10px;
}

.paragraf_right
{
	text-align: justify;
	padding: 5px 50px 10px 90px;
}

.paragraf_right2
{
	text-align: justify;
	color: #496b91;
	padding: 5px 50px 10px 10px;
}

a
{
color: #00f;
text-decoration: none
}

a:hover
{
color: #f90;
text-decoration: underline
} 

a.sekcja
{
color: #2a5e9d;
text-decoration: none
}

a.sekcja:hover
{
color: #2a5e9d;
text-decoration: underline
} 


p.pomoc 
{
background-image: url('grafiki/pomoc.jpg'); 
background-repeat: no-repeat; 	
padding: 10px 10px 10px 1100px;
margin-right: 50px; 
min-height: 80px;
color:black;
}

hr.pomoc
{
width:95%; 
color:#9DE7FD;
}

h1
{
  margin: 10px;
	font-size: 18px;
	color: #2a5e9d;
	padding-left: 50px;
	background: url("grafiki/arrow2.gif") top left no-repeat;
	line-height: 45px;
	margin-left: 3px;
}

h2
{
	font-size: 18px;
	color: #2a5e9d;
	padding-bottom: 5px;
}

h3
{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #2a5e9d;
	padding-left: 50px;
}

h4
{
	font-size: 18px;
	color: #2a5e9d;
	padding-left: 50px;
	background: url("grafiki/arrow2.gif") top left no-repeat;
	line-height: 45px;
	margin-left: 3px;
}

h5
{
  margin: 10px;
	font-size: 18px;
	color: #2a5e9d;
	padding-left: 50px;
	background: url("grafiki/arrow4.gif") top left no-repeat;
	line-height: 45px;
	margin-left: 3px;
	cursor: pointer;
}

#News
{
	float: left;
	background: url("grafiki/flowers.gif") bottom right no-repeat;
	background-color: #eef0f2;
	padding-top: 5px;
	min-height: 400px;
	height: 400px;
	width: 448px;
}

*>#News
{
	height: auto;
}

.news_heading
{
  background: url("grafiki/arrow3.gif") top right no-repeat;
	line-height: 45px;
	padding-right: 50px;
	direction:rtl
}

#Bottom
{
  width: 898px;
  height: 60px;
	margin: auto;
	background: url("grafiki/footer.png") top right no-repeat;
}

*>#Bottom
{
	margin: auto;
	margin-top: -20px;
}

p
{
	padding: 5px 90px 10px 50px;
	text-align: justify;
}


p.copy_menu
{

	margin-left: -32px;
  margin-top: 8px;
	font-size: 12px;
	text-align: left;
	float: left;
	width:200px;
	color: rgb(151,178,208);
	font-weight: bold;
}

p.copy_menu span
{
	color: rgb(212,223,235);

}

p.stopka_menu
{
  width:700px;
  font-family: tahoma;
	font-size: 11px;
	padding: 12px;
	margin-left: 150px;
	text-align: right;
	text-shadow: white 1px -1px 1px;
	color: rgb(119,119,119)
}

p.stopka_menu a span
{
	color: rgb(73,107,178);
}

p.stopka_menu a
{
	color: rgb(119,119,119)
}

p.pos
{
  margin-top: 0px;
	font-size: 12px;
	text-align: center;
	width:800;
}

p.pos a
{
	color: rgb(150,161,176);
}

p.wlasny
{
 color: #454545;
 font : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

.down a
{
    color: #5a5551;
}

/*lista */
ul,ul.green
{
  margin-left: 50px;
}

ul li      
{
  margin-top: 5px;
  list-style: none;
  background: url('grafiki/li_arrow.gif') no-repeat center left;
  padding-left: 20px;
}

ol
{
  margin-left: 40px;
}

ol li {
  margin-top: 5px;
  padding-left: 20px;
}
ul.green li,ul.red li,li.yellow    
{
  margin-top: 5px;
  list-style: none;
  padding-left: 20px;
}

ul.green li     
{
  background: url('grafiki/li.png') no-repeat center left;
}

ul.red
{
  margin-left: 60px;
}

ul.red li      
{
  background: url('grafiki/li_red.gif') no-repeat center left;
  }

ul.yellow
{
  margin-left: 70px;
}

li.yellow      
{
  background: url('grafiki/li_yellow.png') no-repeat center left;
}

.postlist li 
{
  display:block; 
  padding:0px; 
  border-bottom: dashed 1px #D6E4A7;
  margin-right:50px;
}
.postlist a, .postlist a:visited, .postlist a:active 
{
  display:block; 
  padding:3px 3px 3px 25px; 
  background: rgb(204,255,102) url(grafiki/zamow.gif) no-repeat 98% 50%; 
  color:#666666; 
  text-decoration:none;

}
.postlist a:hover 
{ 
  background: rgb(51,102,255) url(grafiki/zamow2.gif) no-repeat 98% 50%; 
  color:white; 
  text-decoration:none;
}
.postlist a:active 
{ 
  background: rgb(51,122,255) url(grafiki/zamow3.gif) no-repeat 98% 50%; 
  color:white; 
  text-decoration:none;
}

/*PRZYCISKI FUNKCJONALNE*/

a.rejestracja,a.logowanie
{ 
  
  margin-top: 10px;
  margin-left: 20px;
  width: 150px;
	height: 30px;
	float: left;
	outline: none;
}

a.rejestracja {
  background: url('grafiki/rejestracja-przycisk.png') top left no-repeat; 
}
a.rejestracja:hover
{
  background: url('grafiki/rejestracja-przycisk.png') 0px -30px no-repeat;
}
a.rejestracja:active
{
  background: url('grafiki/rejestracja-przycisk.png') 0px -60px no-repeat;
}

a.logowanie
{ 
	background: url('grafiki/logowanie-przycisk.png') top left no-repeat;
}
a.logowanie:hover
{
  background: url('grafiki/logowanie-przycisk.png') 0px -30px no-repeat;
}
a.logowanie:active
{
  background: url('grafiki/logowanie-przycisk.png') 0px -60px no-repeat;
}

a.nastepne
{ 
  width: 150px;
	height: 25px;
	float: right;
	background: url('grafiki/przycisk-nastepne.png') top left no-repeat;
	outline: none;
}
a.nastepne:hover
{
  background: url('grafiki/przycisk-nastepne.png') 0px -25px no-repeat;
}
a.nastepne:active
{
  background: url('grafiki/przycisk-nastepne.png') 0px -50px no-repeat;
}

a.poprzednie
{ 
  width: 150px;
	height: 25px;
	float: left;
	background: url('grafiki/przycisk-poprzednie.png') top left no-repeat;
	outline: none;
}
a.poprzednie:hover
{
  background: url('grafiki/przycisk-poprzednie.png') 0px -25px no-repeat;
}
a.poprzednie:active
{
  background: url('grafiki/przycisk-poprzednie.png') 0px -50px no-repeat;
}


#usermenu
{
  float: left;   
  margin-left: 10px;
}

#usermenu ul 
{
  margin-left: 0px;
  margin-top: 10px;
}

#usermenu li     
{
  margin-top: 0px;
  list-style: none;
  background: url('');
  padding-left: 0px;
}

#user
{ 
  float: right;
  width: 75%;
}

#user p
{
	padding: 10px 20px 10px 10px;
	text-align: justify;
}


select 
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  background-color: rgb(227,237,247); 
  font-size: 15px;
  width: 250px; 
  border: #000000; 
  border-style: solid; 
  border-color: rgb(133,177,222); 
  border-top-width: 2px; 
  border-right-width: 0px; 
  border-bottom-width: 1px; 
  border-left-width: 2px
} 
/* Buttony */


.buttons a, .buttons button{

  float:center;
  margin:0 7px 4px 0;
  background-color:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:12px;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}
*:first-child+html button[type]{
  padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.buttons a:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
  color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
.buttons a.positive:active{
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
  color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
.buttons a.negative:active{
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
  color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.buttons a.regular:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/*INPUT */
#inputArea
{
  font-family: Arial, Sans-Serif;
  font-size: 13px;
  text-align: center;
  padding: 10px;
}

#inputArea input[type="text"], #inputArea input[type="password"], #inputArea input[type="date"], #inputArea textarea
{
  font-family: Arial, Sans-Serif;
  font-size: 13px;
  margin-bottom: 5px;
  display: block;
  padding: 4px;
  border: solid 1px #85b1de;
  width: 250px;
  background-image: url( 'grafiki/blue_bg.png' );
  background-repeat: repeat-x;
  background-position: top;
} 

#inputArea input[type="text"]:focus, #inputArea input[type="password"]:focus, #inputArea input[type="date"]:focus, #inputArea textarea:focus
{
  background-image: none;
  background-color: #ffffff;
  border: solid 1px #33677F;
}


/*INPUT 2*/
.otoczka {
border:1px solid #E8E8E8;
margin-bottom:5px;
text-align:left;
margin:15px;
padding:10px;
}

#formularz
{
border:1 solid #E8E8E8;
margin-bottom:5px;
text-align:left;
}
#formularz .form {
	border: 0px;
	width: 98%;
}
#bezpadding div {
	padding: 0px 0px!important;
} 

#formularz .form div {
	padding: 10px 5px;
	border-top: 1px solid #e8e8e8;
	text-align: right;
}

#formularz .form p{
	text-align: left;
	display: block;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-size: 11px;
	color: #717171;
}
#formularz .form h3 {
	border-top: 2px solid #d8d8d8;
	font-size: 14px;
	color: #5d5d5d;
	margin: 0px;
	padding: 9px 5px;
	background-color: #f5f5f5;
}
#formularz .form label {
	float: left;
	display: block;
	padding: 2px 0px 0px 0px;
}
#formularz .form input, #formularz .form select, #formularz .form textarea {
	border: 1px solid #d8d8d8;
	width: 300px;
	background-image: url( 'grafiki/blue_bg.png' );
	background-repeat: repeat-x;
}
#formularz .form input:focus, #formularz .form textarea:focus {
  background-image: none;
}
#formularz .form textarea {
	width: 100%;
}

#formularz .form input.disabled {
  background-color: lightgrey;
  background-image: none;
}

#formularz p.reklamax
{
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 8px;
  color: #496b91;
}
	
/*	TABELEEE :) */

table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
	border                :none;
	border                :1px solid #CCC;
}
tbody th
{
	background            : #FFF url(grafiki/th_tlo.gif) repeat-x;
  color                 : #666;  
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;
  border-top            : 1px solid #CCC;  
  text-align            : left;
  font-weight           : normal;
}
tbody tr td
{
	padding               : 5px 10px;
  color                 : #666;
}

#oferty
{
  margin-left:10px;
}
#oferty table, #oferty td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  width                : 600px; 
  text-align           : center;
}
#oferty tr.wartosc
{
  background-color       : rgb(255,216,0);
	color: white;
	font: white;
}
#oferty tr.wartosc:hover, td.wartosc:hover
{
  background: orange;
	color: white;
	font: white;
}
#oferty tr.wartosc2
{
  background-color       : rgb(125,213,254);
}
#oferty tr.wartosc2:hover, td.wartosc2:hover
{
  background: rgb(119,188,225);
	color: white;
	font: white;
}

#oferty tr.wartosc3
{
  background-color       :rgb(186,231,119) ;
}
#oferty tr.wartosc3:hover, td.wartosc3:hover
{
  background: rgb(145,184,46);
	color: white;
	font: white;
}

table.przyciski, td.przyciski, tr.przyciski, td.przyciski:hover, tr.przyciski:hover

{
	border               : 1px solid transparent;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  background-color     : white;
}


img
{
border: 0px;
outline: none;
position: center;
}


#example_content {
	background:#FFF;border:1px solid #DDD;border-top:none;padding:20px;margin-bottom:15px}
.example_tabs {background:url('grafiki/example_tabs.gif') repeat-x left bottom}
a.example_tab, a.example_toggler {font:normal 1em Verdana,sans-serif}
a.example_tab {
	background:#D6E3E9;color:#246;float:right;margin-right:5px;padding:4px 6px}
a.example_tab:hover,a.example_toggler:hover {text-decoration:none}
a.example_tab:hover {
	background:#59C;color:#FFF}
a.example_toggler {
	background:#F6F6F6;border:1px solid #E5E5E5;color:#778;float:left;padding:6px 6px 8px}
a.example_toggler:hover {
	background:#F6FFF6;color:#012}
.example_tabs a {outline:0}
.example_tabs a.toggled {
	background:#FFF;border-color:#DDD #DDD #FFF;color:#012}
span.application {background:url('grafiki/icon_application.gif') no-repeat left center;padding-left:20px}
span.code {background:url('grafiki/icon_code.gif') no-repeat left center;padding-left:20px}
#example_source_view {display:none}

/* INFO */

div.ok {
background-color: #99CC99; 
border:solid 2px #006F00;
text-align: center;
padding:20px 0 20px 0;
margin: 3px 5px 3px 0px;
color:green; 
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius:10px; 
}

div.error {
background-color:#fee; 
border:solid 2px #d36;
text-align: center;
padding:20px 0 20px 0;
margin: 3px 5px 3px 0px;
color:#934; 
font-weight: bold;
-moz-border-radius: 10px;
-webkit-border-radius:10px; 
}

#widget_fb {
	float:right;
	width:232px;
	height:320px; 
	background: url(/grafiki/slider_fb.png);
	display:block;
	right:-205px;
	position:fixed;
	top:180px;
	z-index:10000;
}