/*
==Prawa autorskie zastrzezone przez 
Piotr Ochocki
==
*/

body {
	    margin:0px;
		padding: 0px;		
        text-align:left;
        background:url(img/tlo.jpg) repeat-x;	
		
	  }
div {
        font: verdana 12px #000000;		
        margin:0 auto 0 auto;         		
    } 

.banprzed{	
    width:700px;
    height:130px;
	background:url(img/logo.jpg); 
}
#datownik {
		margin:0px auto 0 auto;
		width:700px;
		height:20px;
        background: url(img/logo2.jpg) no-repeat;		
        		
}
#datownik h5 {	
	padding-top:5px;
	text-align: right; 
	font-family: tahoma;
	font-size: 10px;
    color:black; 
}

#guziki {
		margin:0px auto 0 auto;
		width:700px;
		height:20px;
		background:url(img/ping.png) repeat-x center left;
}

#guziki ul {
	margin:0px auto 0px 140px;
	list-style: none;	
   	text-align:left;
	padding-left:0px;
}

#guziki li {
	       padding-top:0px;
	       width: 100px;
	       height: 20px;
	       display: block;
	       float: left;
}
#guziki a.pit1 {
	       width: 100%;
	       height: 100%;
	       display: block;
	       padding: 2px 0 0 0px;	       
	       text-align: center;
	       text-decoration: none;
           font-family: arial,tahoma;
	       font-size: 12px; 
	       font-weight: bold;
	       color: #FFFFFF;
}
#guziki a.pit1:hover {
	             
                    text-decoration: underline;
                    font-weight: bold;
                    color:#D3D3D3;                    
}

#guziki .active a.pit1 {	            
                      text-decoration: underline;
                      font-weight: bold;
	              color: #FF4500;
}

#beczka {
	    margin:0px auto 0 auto;
	    width:700px;  
        background:#ffffff;		
}
	
#piter {	       
		   float: left;
           width:20%;		   	
}	
#skrzynka {	       
           float: left;
           width: 98%;
}


#piter2 {	
           float: right;
           width:77%;
		   border-color:#D3D3D3;
           border-left-style:dotted; 
}	
#opisowa {	       
           float: right;
           width: 98%;		  
}

#stopka {
	    clear:both;	
		margin:0px auto 0px auto;
	    width:700px;
        height:40px;
		background:#ffffff;	
	}
	
#tyk {
	  clear:both;		
}

#tyk2 {
	  clear:both;
}

#stopka p {
	    text-align:left;
	    font-size:10px;
	    font-family:Helvetica, sans-serif;
	    color: #191970;
	    padding-top: 2px;
		  border-color:#D3D3D3;
          border-top-style:dotted; 
}

#boczne_menu{

        width: 150px;
        float:left;
		margin:0 auto 0 2px;  
}

#boczne_menu .nagl_menu{
        font: bold 14px Arial;
        color: white;
        background: url(img/nktywny.png) repeat-x center left;
        margin: 8px 0px 10px 0px;
        text-transform: uppercase;
        padding: 4px 0 4px 10px;
        cursor: hand;
        cursor: pointer;
}

#boczne_menu .nagl_menu:hover{ 
        background-image: url(img/aktywny.png);
}

#boczne_menu ul{ 
       list-style-type: none;
	   margin: 0;
       padding: 0;
       margin-bottom: 8px;
}

#boczne_menu ul li{
       padding-bottom: 2px;
	   display: none;
}

#boczne_menu ul li a{
       color: #A70303;
       background: url(img/strzalka.png) no-repeat center left; 
       display: block;
       padding: 2px 0;
       padding-left: 19px;
       text-decoration: none;
       font-weight: bold;
       border-bottom: 1px solid #dadada;
       font-size: 90%;
}

#boczne_menu ul li a:visited{
       color: #A70303;
}

#boczne_menu ul li a:hover{
      color: #A70303;
      background-color: #F3F3F3;
}

#galeryjka {
	
	}
	#galeryjka ul { list-style: none; }
	#galeryjka ul li { display: inline; }
	#galeryjka ul img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
	}
	#galeryjka ul a:hover img {
		border: 5px solid #6495ED;
		border-width: 5px 5px 5px;
		color: #fff;
	}
#galeryjka ul a:hover { color: #fff; }


#text_nap{
           width:98%;
           font-size: 12px;
           font-family: arial,tahoma;
         }

#text_nap ul{
          margin: 0;
          padding-left:25px;
          list-style-image:url(img/wypunkt.jpg);
}

#text_nap p{
          margin-top:40px;
          text-align:left;
          text-align: justify;
          text-indent: 40px;
           
}

#text_nap h3{
		  padding-top:10px;
          text-align:left;
		  text-transform: uppercase;
		  text-decoration: underline;
}

#text_nap h5{
          text-align:left;
		  font-size: 100%;
		  text-decoration: none;
		  color:#0000FF;
}

#text_nap img {
		float:left;
		border: 5px solid #fff;
		border-width: 10px 10px 10px 0px;
	}
	
form {
	display:inline; 
}

input { 
	background: #FFFFFF; 
	border: 1px solid #CCCCCC; 
}
select { 
	width: 250px; 
	background: #FFFFFF; 
	border: 1px solid #CCCCCC;
}
textarea { 
	width: 400px; 
	background: #FFFFFF; 
	border: 1px solid #CCCCCC; 
}
.submit {
  font: bold 11px Verdana;
	color: #0054A6;
    width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
	background:#F8F8F8;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #FF7F50;
	border-bottom: 1px solid #FF7F50;
}