body {


  font-family: Tahoma, sans-serif,arial,helvetica;
  color: #3b3b3b;
 
padding: 0;
margin: 0; 
}


.left {

float: left; 
width: 190px; 
height: auto; 
margin-left: 5px; 
margin-bottom: 25px; 
border: 0px solid; 
background: white;
}

.top
{

height: 23px; 
background: url('images/top2.gif');
}


.toprama
{

	width: 515px;
	height: 30px;
	background-image: url('images/ramka.png');
	margin-top: 10px; 
	margin-bottom: -5px; 
	margin-left: 5px;
	text-align: center;
	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
		
	color: purple;
}

.tophead {
  text-align: center;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-indent: 5px;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding-top: 3px;
	height: 21px;
	background: url('images/top2.gif');
}

.box_content {
  text-align: center;
  padding: 2px 4px;
  font-size: 11px;

}


.bottom
{
height: 11px; 
background: url('images/bottom.gif');
}

.box_content_kat {
  text-align: left;
  padding: 4px 8px;
  font-size: 11px;
  border-left: 2px dotted #95AB3C;
  border-right: 2px dotted #95AB3C;
}

 .kathdr {

 font: bold 14px arial, verdana;
 color: #c00;

 
 border-bottom: 0px solid #c00;
 }


  .kathdr2 {
 padding: 3px;
}

   .kathdr3 {

 padding: 2px;
 
}



 
.center {

float: left; 
width: 565px; 
height: auto; 
margin-left: 5px; 
margin-bottom: 25px; 
border: 0px solid; 
background: #FEF6F7;
}

.topcenter
{
float: left; 
margin-left: 5px; 
width: 558px; 
height: auto; 
background: #F7F6EB;

}

.centerhead {
	float: left; 
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-indent: 5px;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding-top: 3px;
	height: 21px;
background: url('images/topcenter.gif') no-repeat;
width: 150px; 
}

.center_content {

  padding: 4px 8px;
  font-size: 11px;
  border-top: 1px solid #4C7B72;

}


.center
{
  border-bottom: 1px dotted #4C7B72;
}


.centerregister{

float: left; 
width: 750px; 
height: auto; 
margin-bottom: 25px; 
border: 0px solid; 
background: #FEF6F7;
border-bottom: 1px dotted #4C7B72;
}

.lefthead {
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-indent: 5px;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding-top: 3px;
	
	height: 21px;
	
		background: url('images/top2.gif');
}




.right {

float: right; 
width: 190px; 
height: auto; 
margin-right: 5px; 
margin-bottom: 25px; 
border: 0px solid; 
background: white;
}

.dodaj_poi {

width: 595px; 
height: auto;
border: 0px solid; 
}

.dodaj_poi2 {

width: 595px; 
height: auto;

border: 1px solid; 
background: #F2F2F2;
border-right: 1px solid #D0D0D0;
border-left: 2px solid #879DBF;
border-top: 2px solid #879DBF;
border-bottom: 2px solid #879DBF;
}

.dodaj_poi3 {

float: left;
width: 200px; 
height: auto;
margin-left: 5px; 
margin-bottom: 25px; 
border: 1px solid; 
background: #F2F2F2;

}

.dodaj_poi4 {

float: left;
width: 310px; 
height: auto; 
margin-left: 0px; 
margin-bottom: 25px; 
border: 1px solid; 
background: #FFFFFF;

}



.dodaj_poi_punkty {
float: left;
width: 200px; 
height: auto; 
margin-left: 5px; 
margin-bottom: 25px; 
border: 1px solid; 
background: #F2F2F2;
border-right: 1px solid #D0D0D0;
border-left: 2px solid #879DBF;
border-top: 2px solid #879DBF;
border-bottom: 2px solid #879DBF;
}

.dodaj_poi_lokalizacja {

float: left;
width: 310px; 
height: auto; 
margin-left: 0px; 
margin-bottom: 25px; 
border: 1px solid; 
background: #FFFFFF;
border-left: 0px solid #879DBF;
border-right: 2px solid #879DBF;
border-top: 2px solid #879DBF;
border-bottom: 2px solid #879DBF;
}


 .dodaj_poi_font {
 width: 200px;
 height: 30px;
 background: #F2F2F2;
 font: normal 13px arial, verdana;
 color:black;
 text-indent: 5px;
 border-bottom: 1px solid #D0D0D0;
text-align: justify;
padding-top: 8px;
 }

.dodaj_poi_font2 {
 width: 310px;
 height: 30px;
 background: #FFFFFF;
 font: normal 13px arial, verdana;
 color:black;
 text-indent: 5px;
 border-bottom: 1px solid #D0D0D0;
text-align: justify;
padding-top: 8px;
 }

















.szukaj_poi {

width: 545px; 
height: 300px; 

border: 0px solid; 
}


.szukaj_poi_punkty {
float: left;
width: 150px; 
height: 200px; 
margin-left: 45px; 
margin-bottom: 25px; 
border: 1px solid; 
background: #F2F2F2;
border-right: 1px solid #D0D0D0;
border-left: 2px solid #879DBF;
border-top: 2px solid #879DBF;
border-bottom: 2px solid #879DBF;
}

.szukaj_poi_lokalizacja {

float: left;
width: 300px; 
height: 200px; 
margin-left: 0px; 
margin-bottom: 25px; 
border: 1px solid; 
background: #FFFFFF;
border-left: 0px solid #879DBF;
border-right: 2px solid #879DBF;
border-top: 2px solid #879DBF;
border-bottom: 2px solid #879DBF;
}
 .szukaj_poi_font {
 width: 150px;
 height: 30px;
 background: #F2F2F2;
 font: normal 13px arial, verdana;
 color:black;
 text-indent: 5px;
 border-bottom: 1px solid #D0D0D0;
text-align: justify;
padding-top: 8px;
 }

.szukaj_poi_font2 {
 width: 300px;
 height: 30px;
 background: #FFFFFF;
 font: normal 13px arial, verdana;
 color:black;
 text-indent: 5px;
 border-bottom: 1px solid #D0D0D0;
text-align: justify;
padding-top: 8px;
 }















span.leftspan {
	float: left; 
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-indent: 5px;
	color: #FFFFFF;
}


span.centerspan {

	margin-top: 0px; 
	font-family: verdana;
	font-size: 7pt;
	font-weight: bold;
	text-indent: 5px;
	color: #FFFFFF;
}
span.rightspan {

	float: right; 
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-indent: 5px;
	color: #FFFFFF;
	margin-right: 2px; 
    text-align: right
	}

	
	li.rightspan1 {
	
	width:280px;
left:135px;
	float: right; 
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-indent: 5px;
	color: #FFFFFF;
	margin-right: 2px; 
    text-align: right;
	}
	
	.rightspan1 A:link {text-decoration: none; color: white;}
.rightspan1 A:visited {text-decoration: none; color: white;}
.rightspan1 A:active {text-decoration: none; color: white;}
.rightspan1 A:hover {text-decoration: underline; color: gray;}
	
span.rightspancenter {
	float: right; 
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-indent: 5px;
	color: Blue;
	margin-right: 2px; 
    

}

.rightspan A:link {text-decoration: none; color: white;}
.rightspan A:visited {text-decoration: none; color: white;}
.rightspan A:active {text-decoration: none; color: white;}
.rightspan A:hover {text-decoration: underline; color: gray;}


.font1 A:link {text-decoration: none; color: gray;}
.font1 A:visited {text-decoration: none; color: gray;}
.font1 A:active {text-decoration: none; color: gray;}
.font1 A:hover {text-decoration: underline; color: #67406E;}




.input
{
border: 1px solid #99b3b4;
width: 155px;
background: #e4ebeb url(images/input_stripe.gif);
font: 11px verdana, sans-serif;
color:#443;
padding:3px;
outline:none;
}



.leftregister {

float: left; 
margin-right: 50px; 
margin-left: 5px; 
border: 0px solid; 
font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	color: gray;
}

.rightregister {


text-align:left
margin-left: 155px; 

}


//[ .required {

font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-indent: 5px;
	color: red;
}
]//





td {
 font: normal normal 12px Verdana, sans-serif;
 
 padding: 5px;
}




                        #main {
                                width: 540px;
								height: auto;
                                margin: 0 auto;
                        }
                    
                        #contLeft {
							
						margin-top: 5px; 
                                width: 200px;
                                float: left;
                                background-color: #F7F6EB;
                        }
                        #contRight {
						
						margin-top: 5px; 
                                width: 200px;
                                float: left;
                                background-color: #F7F6EB;
                        }
                        .clear {
                                width: 0px;
                                height: 0px;
                                margin: 0px;
                                padding: 0px;
                                font-size: 0px;
                                clear: both;
                        }
                        #contCenter {
						margin-top: 5px; 
                                width: 580px;
                                float: left;
                                font-size: 12px;
                                background-color: #F7F6EB;
								
                        }
                      
					  
					  
					  
					  
					  
.forms {

font: normal 12px arial,verdana;
padding: 3px;

}
.myaccount {
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 2px 5px;
border: 1px solid #CAE4FF;

}


.myaccountgps {
background-color: #E4F8FA;
font: normal 18px arial,verdana;
 color: #c00;
 text-align:center
padding: 2px 5px;
border: 1px solid #CAE4FF;

}

.myaccountgps1 {

border: 1px solid #CAE4FF;

}


.main {
width: 450px;
font: normal 12px arial,verdana;
padding: 2px;
margin: 2px;

 }
 
 .titlehdr {
 font: normal 22px arial, verdana;
 color: #c00;
 border-bottom: 1px solid #c00;
 
 
 }
 
.msg {
padding: 5px;
width: 500px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
} 

.msgok {
padding: 5px;
width: 504px;
margin-left: 5px;
color: #00C009;
border: 1px solid #00C02D;
background-color: #F1FEEC;
font: bold 13px  verdana;
} 

 
.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}
 
 .example {
font: normal 10px arial;
color: red;
}
.approved {
font: normal 10px arial;
color: green;
}

.loginform {
width: 510px;
font: 16px normal arial;
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #CAE4FF;
}

.loginform #txtbox {
font: bold 16px arial;
color: #f00;
}














#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	width: 515px;
	text-align: left;
	border: 1px solid; 
background: #F2F2F2;
border-right: 1px solid #879DBF;
border-left: 1px solid #879DBF;
border-top: 1px solid #879DBF;
border-bottom: 1px solid #879DBF;
}


#one-column-emphasis th
{
	
	padding: 12px 15px;
	color: black;
}

#one-column-emphasis td
{


	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.oce-first
{
width: 150px;
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

.oce-first2
{
width: 150px;
	background: #EFF2FF;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}



 span.radio {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(images/radio.png) no-repeat;
   display: block;
   clear: left;
   float: left;
 }





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; }

.topcomment
{
margin-top: 5px;
height: 33px;
background: url('images/top.gif');
}
.bottomcomment
{
height: 11px;
 width: 526px;
background: url('images/bottomcomment.gif');
}










#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 2px;
	width: 520px;
	text-align: left;
	
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 7px;
	background: #b9c9fe repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 7px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd repeat-x;
	color: #339;
}