* {margin:0px; padding:0px; }
 
  #main{  height:100%; width: 100%;}
  #czysc { clear:both; } 
  .odstep{ float: left; width: 100%; height: 10px;}
  .odsteppol{ float: left; width: 100%; height: 5px;}

   html,body{
      margin:0;
      padding:0;
      width: 100%;
      height:100%;
      font-family: Tahoma, Verdana, Arial,Sans-serif;
      font-size: 0.9em;
      color: #646464;
      background: #f6f6f6 ;
   }

 
 
a {
	font-family:   Verdana, Arial, helvetica,   sans-serif;
	 	
	color : #818181;
	text-decoration:none;
	margin: 0 auto
  }
 

a:hover {
	text-decoration: none;
}
#a1 a:hover {	  
  	text-decoration: underline;
}

a:focus {

	outline: none;
}

img { 
	display:block; 
	border:0px; 
  }

hr{
color: #eeeeee;
}
  
h1, h2, h3, h4, h5{
    font-family:  tahoma, Verdana, Helvetica, sans-serif;
     text-align: left;
    
  }
  
  
h1 a{ 
  font-size: 10pt;   
  color: #082e5f ;
}  

h2{
font-family: Verdana;
line-height: 35px;
font-weight: normal;
} 
 
h3 {
    font-family:  tahoma, Verdana, Helvetica, sans-serif;
    color: #666666;
    font-weight: normal;
    font-size: 1.3em;     
    height: 28px;    
    clear: both;
   }
   
h4 a{
text-align: left;
  font-size: small;
  font-weight: bold;
  color: #082e5f ;
  }   

#head{
float: left; 
background: #FFF;
width: 100%; 
height: 230px;
} 

#head2{
height: 200px;
width: 1024px;
background: url('../templates/naglowek_katalog_firm.png') no-repeat;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: auto 
}

#head2 .prostokat{
float: right;
width: 630px;
height: 180px;
border: 1px #EEE solid;
clear: both;
margin: 10px;

}

#head3{
width: 100%;
height: 30px;
background: #000000; 
text-align: center; 
 
}

#head3 .search{
padding: auto ;
margin: auto;
width: 977px;
color: #FFF;
vertical-align: bottom;
}
  
   
#strzalka{
  float: left;
  vertical-align: top;
  background: url(../templates/strzalka.jpg) no-repeat ;
  width: 23px;
  height: 28px;
}   
   
 

hr {
	width: 100%;
}
 
#alls{
margin: auto ;
padding: auto;
width: 977px; 
}

  .border
  {width: 977px; 
    border-left: 2px solid #999;
   border-right: 2px solid #000;
   background: #000; 
  }

#left {
float: left;
padding:0;
width: 265px;
min-height:100%; /* works only if parent container is assigned a height value */
color:#333; 
 
border:0px solid #eee;
} 

#left .menu{
background: #FFF ; 
}

#body{
float: left;
width: 600px;
}

#bodybody{
float: left;
margin-left:14px; border:0px; width: 690px;
}


#freeFM, #supFM, #premFM{
float: left;
width: 2%;
height: 80px;
}

div#freeFM{ background: green;  }
div#premFM { background: black ;}
div#supFM { background: red ;}

#teaserFM{
width: 97%;
float: left;
margin-left: 4px;
}

.tf0{
float: left;
width: 100px
}

.tf1{
text-align: left;
float: left;
width: 600px
 
}

.tf2{
text-align: left;
margin-left: 5px;
padding-left: 5px;
border-left: 1px dotted #999999;
float: right;
width: 200px;
height: 100%;
}

#bodyTeaser{
width: 690px;
float: left;
padding: 2px;
background: #FFF ;
border: 1px solid #eeeeee;
margin-bottom: 3px;
}

#nagl{
float: left;
width: 690px;
min-height:40px;
padding: 2px;
background: #FFF ;
 
}

#nagl .kolor{
float: left;
background: red;
width: 6px;
min-height: 40px;
margin-right: 15px;
z-index: 10;
}

.kolor h2{
vertical-align: middle;
}

#opis
  {
  text-align: left;
  float: left;
  width: 100%;
  padding: 2px ;
  border: 1px #000 solid; 
  background: #FFF ;
  line-height: 20px;
  }
  
#opis .text
    {
    text-align: left;
    line-height: 10px;
    margin: 15px;
    }  
    
    
#opis_stopka{
color: red;
float: right;
margin-right: 20px;
}

#oddzielCzesci  
    {
    float: left;
    background: #eeeeee;
    width: 100%;
    height: 20px;
    }

.colblue{
color:#082e5f;
} 


.spacer {
    clear: both;
    border:none;
   	color: #fff;
    font-size:1px;
    height:1px;
    }
    
/*
*
* menu 1 i 2 css
*
*/    
    
#navbar {
 
  font-family: verdana;
 	width: 260px;
	color: #ffcc32;
	margin-left: 0px; 
}

#navbar li {
    /*background: url(../templates/menu2.jpg) ;*/
    border-bottom: 1px solid #e2e2e2; 
    width: 260px;	
    list-style: none ;
 	 
    }
#ikon{
float: left;
margin-right: 10px;
background: url(../templates/ikona.jpg);
 height: 25px;
 width: 26px;
}

#navbar ul { 
    width: auto;  
    } 

#navbar li ul {     /*background:#f0f0f0;*/    } 

#navbar li li a {
    color:  #000;
    width:217px;
    font-weight: none; 
    } 
#navbar a {
    font-size:0.85em;
    margin-top: 5px;
    color: #5e002f;
    text-align: left;
    text-decoration: none;
    display: block; 
    padding: 2px 0 5px 5px  ; 
    width:217px; 
     line-height: 17px;
   /* font-weight: bold;*/ 
    } 

#navbar a:hover {
    text-decoration: none; 
    color: #fb2620;
   }

#navbar li.current a { color:  #000;  }

#navbar li.current li a { 
  font-weight: normal;  
  color:  #000; 
    }

#navbar li.current li a:hover { 
  font-weight: normal;  
 color: #fb2620;
    }
 
 
/*
*
* koniec menu 1 i 2 css
*
*/  
 
 
#foot{
  float: left;
  font: bold 11px Arial, Verdana;	/* height: 100%;*/
	width: 977px;
	height: 41px;
	color: #000;	
	border:0px; 	
  background-color: #c9d1d1;	 
	vertical-align:bottom;
 }
 

#info_text {
   	width: 650px;
  	height: 100%;
  	color: #000;
  	font:  12px Arial, Verdana;
}
 
.infldset { 
	margin:215px 
	}