*{ margin:0; padding:0; border:0; }

body{  
 font:normal 10px/1.5em Verdana, Arial, Helvetica, sans-serif;
 background-color:#fff;
 text-align:center;
 color:#000;
 background:url(./images/bg.gif) repeat-x;
}

#rama{
 margin:0 auto;
 width:960px;
 text-align:left;
}

h4{
 font-family:Arial, Helvetica, sans-serif;
 color:#fbab01;
 font-size:1.6em;
 text-align:left;
 padding:20px 0 10px 0;
 margin:0 0px 0px 0px;
 border-bottom:1px solid #fbab01;
}

/*
 ------------------------------------------------------------------------------ header --- 
*/


#top{
 float:left;
 width:960px;
 height:85px;
 background:url(./images/top.jpg); 
}

#top a{
 float:left;
 margin:15px 0 0 0;
 color:silver;
 text-decoration:none;
}
#top h2{
 float:left;
 margin:56px 0 0 105px;
 display:inline;
 font-size:1em;
 color: #666;
}
/*
  ------------------------------------------------------------------------------ toolbar --- 
*/
#top ul{
 float:left;
 margin:0 0 0 100px;
 letter-spacing:-0px;
}
#top li {
 float:left;
 list-style:none;
 margin-left:16px;
}
#top li a.p {
 margin-top:9px;
 width:60px;
 background: transparent url(./images/pomoc.gif) no-repeat top center;
 padding-top:45px;
 text-align:center;
}
#top li a.r {
 margin-top:9px;
 width:70px;
 background: transparent url(./images/rejestracja.gif) no-repeat top center;
 padding-top:45px;
 text-align:center;
}
#top li a.l {
 margin-top:9px;
 width:60px;
 background:transparent url(./images/logowanie.gif) no-repeat top center;
 padding-top:45px;
 text-align:center;
}
#top li a.p:hover {
 margin-top:9px;
 width:60px;
 background:transparent url(./images/pomocOn.gif) no-repeat top center;
 padding-top:45px;
 text-align:center;
 text-decoration:underline;
 color:#83bffc;
}
#top li a.r:hover {
 margin-top:9px;
 width:70px;
 background:transparent url(./images/rejestracjaOn.gif) no-repeat top center;
 padding-top:45px;
 text-align:center;
 text-decoration:underline;
 color:#83bffc;
}
#top li a.l:hover {
 margin-top:9px;
 width:60px;
 background:transparent url(./images/logowanieOn.gif) no-repeat top center;
 padding-top:45px;
 text-align:center;
 text-decoration:underline;
 color:#83bffc;
}
/*
  ------------------------------------------------------------------------------ menu horizontal --- 
*/
#nav{
 float:left;
 width:960px;
 height:41px;
 text-align:left; 

}
#nav ul{
margin-left:0px;
}
#nav ul li{ 	
 display:inline;
}
#nav ul li a {
 float:left;
 margin-right:20px;
 text-decoration:none;          
 /*color:#61686b;*/
 color:#000;
 text-align:center;
 padding:15px 0 13px 0;
 font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
 
}
#nav ul li a:hover {
 color:#fff;
 text-align:center;
 text-decoration:underline;          
}
#nav ul li a.on{
 width:100px;
 color:#32789f;
 padding:18px 0 10px 0;
 background: url(./images/podmenuOn.jpg);       
}
#nav ul li a.on:hover{
 color:#32789f;
}

/*
  ------------------------------------------------------------------------------ banner horizontal big --- 
*/
#topText{
 margin-top:20px;
 float:left;
 width:460px;
 height:250px;
 text-align:left;
 background: url(./images/podpis.gif);       
}
#topText h1{
 margin:10px 0 20px 0;
 font-size:1.7em;
 color:#000;
 letter-spacing:-1px;
 font-family:verdana, Georgia, "Times New Roman", Times, serif;

}
#topText p{
 margin:0 0 15px 0;
 font-size:1.1em;
 color:#000;
}

#banner{
 margin-top:20px;
 float:left;
 width:500px;
 height:250px;
 background:url(./images/banner.jpg) right center;
 text-align:left;
}
#banner h2{
 font-size:1em;
 font-weight:normal;
 color:silver;
 margin:15px 5px 0 145px;
}
#banner h2.bd{
 font-size:1em;
 font-weight:normal;
 color:silver;
 margin:165px 10px 0 330px;
}
a.silver{
 color:#666;
}

strong.blue{
 color:#32789f;
}
#topText h2{
 padding:55px 0 0 35px;
 font-size:1.2em;
 color:#666;
 letter-spacing:-0px;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif;
}
#topText h3{
 padding:5px 0 0 35px;
 font-size:1.1em;
 color:#979797;
 letter-spacing:-1px;
 font-weight:bold;
}
/*
  ------------------------------------------------------------------------------ navigation --- 
*/

#toolbar{
 float:left;
 margin:15px 0 0 0;
 width:960px; 
 text-align:left;
}
#toolbar a{
 color:#369;
}

#content{ 
 float:left;
 width:960px;
 text-align:left;
 font-size:1.1em;
 margin-top:10px !important;
 margin-top:0px;
 zoom:1;
}
#content h1{ 
 font-size:1.9em;
 color:#83bffc;
 letter-spacing:-1px;
 border-bottom: 1px solid #83bffc;
 padding-bottom:10px;
 width:98%;  
 text-align:left;
 margin-top:15px !important;
 margin-top:20px;
 margin-bottom:20px;
}
#content h1{ 
 font-size:1.9em;
 color:#83bffc;
 letter-spacing:-1px;
 border-bottom: 1px solid #83bffc;
 padding-bottom:10px;
 width:98%;  
 text-align:left;
 margin-top:15px !important;
 margin-top:20px;
 margin-bottom:20px;
}
#content p.c{
 margin:0 20px 0 0;
 line-height:1.5em;
 color:#000;
 text-align:justify;
}

#content p.c2{
 margin:0 20px 0 100px;
 line-height:1.5em;
 color:#000;
 font-size:0.9em;
 text-align:justify;
}

#content p.cf{
 display:block;
 border: 1px dotted silver;
 width:96% !important;
 width:98%;
 line-height:1.5em;
 color:#000;
 padding:5px;
 background-color:#f9f9f9;

 
}

#content h2.c{
 margin:35px 0 10px 0;
 font-size:1.4em;
 color:#666;
 letter-spacing:-1px;
 border-bottom: 1px solid #f0f0f0;
 padding-bottom:10px;
 width:98%;
}

img.imgSerwis{
 float:left; 
 margin:0;
}
ul.cechy{
 margin:5px 0 0 140px;
  color:#2764a3;
  font-size:0.9em;
  line-height:1.3em;
}

ul.cechy li{
 

 font-size:1.0em;
}

/*
  ------------------------------------------------------------------------------ site left --- 
*/
#siteLeft{
 float:left;
 width:640px;
}

/*
  ------------------------------------------------------------------------------ site left - left --- 
*/
#siteLeftL{
 float:left;
 width:320px;  
}
#bgInfoKonto{	
	background: url(./images/bg_opis_rejestracja.jpg) no-repeat; 
	width:298px; 
	height:112px;
}

#bgInfoKonto p{
	padding:22px 10px 5px 10px;
	font-size:1.0em; 
	font-weight:normal;
	color:#0c539c;
}

#bgInfoKonto a{	
	font-size:1.0em; 
	font-weight:normal;
	color:#0c539c;	
}

#banner2 {
	margin-top: 25px;
 	float:left;
 	width:298px;
 	height:200px;
 	background:url(./images/bannerBoczny.jpg) no-repeat; 
}

.bgQuest{
 float:left;
 width:320px;
}
.bgQuest p{
 float:left; 
 padding:10px 40px 0 40px; 
 color:#000;
}
.bgMore{
 float:left;
 width:320px;
 height:50px; 
 background:url(./images/bgMore.png) no-repeat; 
 font:bold 1.0em Arial, Helvetica, sans-serif; 
}
.bgMore a{
 float:left;
 text-decoration:none;
 color:#fff;
 margin:24px 0 0 125px;
}

/*
  ------------------------------------------------------------------------------ site left - right --- 
*/
#siteLeftR{
 float:left;
 width:320px;
}

#siteLeftR h2{
 float:left;
 width:320px;
 background:url(./images/bgQuest.jpg) no-repeat; 
 font:bold 1.5em Arial, Helvetica, sans-serif;
 letter-spacing:-1px;
 color:#0c539c;
 padding:20px 0 0px 5px;
 margin-top:5px;
}
#siteLeftR p{
 float:left;
 padding:10px 5px 0 5px;
 color:#000;
}
#siteLeftR ul{
 display:block;
 margin:0 0 0 10px;
 padding:10px;
 color:#0c539c;
 line-height:1.2em;
}
#siteLeftR li{
 margin:2px 0 0 0;
 list-style:circle;
}
#siteLeftR ul li h3{
 display:inline;
 font-size:1.0em;
 font-weight:normal; 
}
#siteLeftR ul li h3 a{
	color:#000;
	text-decoration:none;
}
#siteLeftR ul li h3 a:hover{
	color:#0c539c;
	text-decoration:underline;

}
/*
  ------------------------------------------------------------------------------ site right --- 
*/
#siteRight{
 float:left;
 width:320px;
}
#siteRight h2{
 float:left;
 width:320px;
 background:url(./images/bgNews.jpg) no-repeat; 
 font:bold 1.4em Arial, Helvetica, sans-serif;
 letter-spacing:-1px;
 color:#666;
 padding:24px 0 5px 17px;

}

/*
  --------------------- kontakt --- 
*/
#bgKontakt {
 float:left;
 width:320px;
 height:134px;
 background:url(./images/bgKontakt.jpg) no-repeat; 
 margin:0;
}
#bgKontakt h3.kontakt{
 margin-top:25px;
 font-size:1.2em;
 letter-spacing:-1px;
 color:#000;
 padding:10px 0 5px 120px;
}
#bgKontakt p{
 margin-top:10px;
 padding:0 5px 0 120px;
}
#bgKontakt p.kontakt{
 margin-top:0;
 padding:0 10px 0 120px;
 font-size:0.8em;
 line-height:1.3em;
 color:#666;
}
#bgKontakt strong{
	font-size:1.4em;
	color:#0c539c;
}

img.but{
 margin-top:5px !important;
 margin-top:0px;
}
/*
  ------------------------------------------------------------------------------ news --- 
*/
.bgNews{
 float:left;
 width:320px;
 background:url(./images/bgNew.jpg) repeat-y; 
}
.bgNews p{
 float:left;  
 padding:10px 30px 10px 32px;
 font-size:0.9em;
 line-height:1.2em;
 color:#000;
} 
.bgNews i{
 display:block;
 font-style:normal; 
 color:#666;
 font-weight:normal;
 margin:0 0 5px 18px;
 padding-top:3px;
}
.bgNews a{
 color:#000;
 text-decoration:none;
}
.bgNews a:hover{
 color:#369;
 text-decoration:underline;
}


#siteRight p.n{
 float:left;
 background:url(./images/lineQuest.jpg) repeat-y;
 padding:0 30px;
 font-size:0.9em;
 line-height:1.2em;
 color:#000;

}
.bgNewsEnd{
 float:left;
 width:320px;
 height:20px; 
 background:url(./images/bgNewsEnd.jpg) no-repeat; 
 margin:0 0 5px 0;
}
h3.regulamin{
	font-size:1.2em;
	margin:20px 0 10px 0;
}
#regulamin ol{
	
	margin:10px 0 10px 40px;
}
#regulamin ul{
	list-style:lower-alpha;
	margin:10px 0 10px 40px;
}
/*
  ------------------------------------------------------------------------------ footer --- 
*/
#footer{
 float:left;
 width:960px;
 height:33px;
 background:url(./images/bgFooter.jpg) no-repeat; 
 text-align:left;
 margin-top:10px;
 font-size:0.9em;
}
#footer p{
float:left;
margin:10px 0 0 10px;
color:#000;
}
#footer ul li{
 float:right;
 margin-top:10px; 
}
#footer li{
 margin-right:10px;
 list-style:none;
}
#footer ul li a{
	color:#fff;
	text-decoration:none;
	letter-spacing:-1px;
}

/*
  ------------------------------------------------------------------------------ forms --- 
*/

.tabForm{
	width: 620px;
	
}
td.form1{
	width:120px;
	text-align:right;
	padding-right:5px;
	font-size:12px;
}
td.form2{
	width:480px;
	font-size:12px;
}
p.formP{
	margin-left: 40px;
	color:#000;
	font-size:1.0em;
}
        
.Rej {
	background-color: #fff;
	border: 1px solid silver;
	color: #32789f;
	width: 250px;
	height:25px;
	margin-bottom:5px;
	font-size:20px;
}

.form_ {
	background-color: #fff;
	border: 1px solid silver;
	color: #32789f;
	margin-bottom:5px;
	font-size:20px;
}

.checkB {
	border:1px solid #fff;	
}

input:hover, input:active, input:focus {               
	border: 1px solid #32789f;
	color: #32789f;        
}

.buttonRej {         
	background-color:#fbab01;
	color: #fff;
	padding:5px 10px;
	font-weight:bold;
	text-decoration:none;
	text-size:12px;
}
.buttonLog {         
	background-color:#fbab01;
	color: #fff;
	padding:5px 10px;
	font-weight:bold;
	text-decoration:none;
}
.buttonPrzyp {         
	background-color:#32789f;
	color: #fff;
	padding:5px 10px;
	font-weight:bold;
	text-decoration:none;
}

#webcreo{
 float:left; 
 width:960px; 
 text-align:right;

}
div#webcreo a{
 display:block;
 font-family:Arial, Helvetica, sans-serif;
 text-decoration: none;
 color:#666;
 font-weight:normal;
 font-size:11px;
 margin:10px 5px 15px 0;
}
div#webcreo a strong{
 color:#000;
}
div#webcreo a:hover{
 color:#000;
}
div#webcreo a:hover strong{
 color:blue;
 text-decoration:underline;
}

/* po */
.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

/*
  ------------------------------------------------------------------------------ help menu --- 
*/

.MenuBkg 
{
	background-color: #f9f9f9; 
	border: 1px solid #e2e2e2;
	margin: 10px;
	width: 150px;
}

.MenuItem
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border: solid 1px #e2e2e2;
	text-align: center;
	font-weight: bold;
}

.MenuSelBkg 
{
	background-color:#fff3d7;
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align:center;
}

.MenuTxtSel 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	color:Green;
}

.MenuTxtRest 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	color:#fbab01;
}

#progressBackgroundFilter { 
  position:absolute; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#fff;  
  filter:alpha(opacity=70); 
  opacity:0.5; 
} 

#processMessage 
{
  position:absolute;  
  top:30%;  
  left:43%; 
  padding:10px; 
  width:220px; 
  z-index:1001; 
  background-color:#fff; 
} 

/*
  ------------------------------------------------------------------------------ password strength --- 
*/

.bar{
 display:block;
	float:left;
	margin-top:30px;
}
.BarIndicator_TextBox_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox
{
    width:200px;
    vertical-align:middle;
}