BODY { font-family:Tahoma,arial,helvetica,verdana,sans-serif; 
background-color: <?=$kolor4?>;
 color: #000; margin: 0px 0px 0px 0px; padding: 7px 7px 7px 7px;}



a{
text-decoration: none;

}
.tabNavigations{
width:100%;
text-align:center;
}

.tabNavigations li{  
                  float:left;
                  width: 137px;
                  height:30px;
                   display:inline;
                   margin-left:10px;

}


.tabNavigations li div{    float: left;
                   /* background: url(http://parkiety-egzotyczne.pl/templates/btn.gif) no-repeat ;*/
                   width: 137px;
                   
                   margin-left:10px;
                   text-align:center;
}

.tabNavigations li div a{
 line-height: 20px;
 text-align: center;  
 width: 137px;
 font-weight: bold;
} 

.tabss{
width: 100%; 
float: left;
}

ul#fft li{list-style-type:none;}
ul#fft li:before { content: "- "; } 

div.glow
{
color: #000;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
border-bottom: 1px solid <?=$kolor3?>; 
}

div.glow1
{
color: #226622;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
background-color: <?=$kolor3?>;
border-bottom: 1px solid #ffffff;
}


.head0{
    float: left;
    width: 810px;
    height: 89px;
    background: url('./templates/h1.jpg') no-repeat;

}

.head0 .logo{ 
     float:  left;
     width:  250px; 
     height: 51px; 
     margin: 30px 0px 0px 45px;     
}

.head0 .szukaj_hg{
     float: left;
     width: 277px; 
     height:47px; 
     margin:40px 0 0 175px;  
     background: url('./templates/szukaj_hg.png') no-repeat;
}

.head0 .menu_hg{
     float: left;
     width: 512px; 
     height:17px; 
    /* margin: 4px 0px 0px 490px;*/
     margin-top: 10px;
     margin-left: 470px;
     border: 0px solid #eeeeee;
     position: absolute; 
     z-index: 1px;
     color: #FF7700;
     font-size:0.95em;
}

.head0 .menu_hg a{
color: #000;
}

.lfoot{   
     width: 4px; 
     height:21px; 
     margin:40px 0 0 175px;  
     background: url('./templates/lfoot.gif') no-repeat;
}

.sfoot{   
      height:21px;  
      background: url('./templates/sfoot.gif')  repeat-x;
    }
.pfoot{
     width: 5px; 
     height:21px;   
     background: url('./templates/pfoot.gif') no-repeat;
}

.footbg{
        background: #FFF; /*#feeab7;*/
        
}

.content{
       float: left;
      /* width: 560px;*/
       padding-left:9px; 
		 
}

.contentx{
       float: left;
       width: 560px;
       padding-left:9px; 
		 
}


#spajacz{
float: left;
display: block;
width: 171px; 
}
.odstepkategorie{
   height:7px;  
	width: 100%;
}

.kategorie{
    float: left;
    width: 173px;
    min-height: 100px;  
 
	 
}

.podkategorie{
			float: left;
        width: 173px;
        height: 7px; 
        background: #FFF url('./templates/kategorie_d.gif') no-repeat;
}
.nadkategorie{
float: left;
        width: 173px;
        height: 7px; 
        background: url('./templates/kategorie_g.gif') no-repeat;
       
}

.buttonszukaj{
	     display: block;
		  float: left;
        margin-left: 45px;
        width: 84px;
        height: 21px; 
        background: url('./templates/button_szukaj.png') no-repeat;
}

#kat b{
color: #000;
line-height: 19px;
}

.od_1 {
margin-left: 20px; 
background: transparent;
}


#kat select{

}

/* do selecta*/

div.skinned-select {
	background: url('./images/skin1.gif') no-repeat scroll 0pt 100%;
	
}

div.skinned-select-M {
	background: url('http://www.parkiety-egzotyczne.pl/images/skin2.png') no-repeat scroll 0pt 100%;
  z-index:3;
}

div.skinned-select select {
	opacity: 0;
	filter: alpha(opacity = 0);
	moz-opacity: 0;
	position: relative;
	z-index: 100;
	border: 2px solid #167B8D;

}

div.skinned-select-M select {
	opacity: 0;
	filter: alpha(opacity = 0);
	moz-opacity: 0;
	position: relative;
	z-index: 100;
	border: 2px solid #167B8D;
width: 124px;
}

div.skinned-select .select-text {
  position: absolute;
	text-indent: 10px;
	line-height: 20px;
	width: 124px;
	z-index: 0;/*1*/

}

div.select-text{
  	overflow: hidden;
  	height:20px;
 
  	
}

 .select-text .od_1a{
  	overflow: hidden;
  	height:20px;
  	width: 30px;
}


div.skinned-select-M .select-text-M {
   position: absolute;
	line-height: 20px;
	width: 126px;
	z-index: 0;/*1*/
	
}




div.skinned-select .select-text,
div.skinned-select select,
div.skinned-select select option {
	width: 124px;
	font-size: 11px;
	color: #316D89;
	display:block;
}


div.skinned-select-M .select-text-M,
div.skinned-select-M select,
div.skinned-select-M select option {
	width: 100px;
	font-size: 11px;
	color: #316D89;
		display:block;
}

/* non javascript version select */

.my-skinnable-select select {
 /* width: 126px;*/
  font-size: 11px;
  border: 1px solid #D5E6EE;
  margin-left: 0px;	
}

.my-skinnable-select-M select {
 /* width: 110px;*/
  font-size: 11px;
  border: 0px solid #000;
  margin-left: 00px;	
}		







.b1,.b2,.b3,.b4,.b1a,.b2a,.b3a,.b4a{
background: url('http://parkiety-egzotyczne.pl/templates/4-butony.png')  ;
}

.b1{ float:left; width: 121px; height: 40px; }
.b2{ float:left; background-position: -128px 0px; width: 138px; height: 40px;}
.b3{float:left; background-position: -273px 0px; width: 121px; height: 40px;}
.b4{ float:left; background-position: -399px 0; width: 127px; height: 40px;}

.b1a{ float:left; width: 121px; height: 40px; background-position: 0px -40px; }
.b2a{ float:left; background-position: -128px -40px; width: 138px; height: 40px;}
.b3a{float:left; background-position: -273px -40px; width: 121px; height: 40px;}
.b4a{ float:left; background-position: -399px -40px; width: 127px; height: 40px;}



#tooltip {
	position:absolute;
 
	z-index:999999;
	font-weight: bold;
	color:#000;
	font-size:10px;
	width:275px;
	*width: 375px;
	
}

#tooltip .tipHeader {
	height:30px;
 	background:url(http://parkiety-egzotyczne.pl/templates/bubbleTop.png) no-repeat;
		*width: 375px;
		*color:#000;		
}


#tooltip .tipBody {
	background-color:#FFF;
	border-right : 1px solid #B30000;
border-left:1px solid #B30000;
	padding:5px 5px 5px 15px;
	 width:255px;
	 color:#000;
	 
}

#tooltip .tipFooter {
	height:13px;
/*	background:url(images/bubbleBtm.gif) no-repeat;   */
}


 



td.td1ods_l {
 
width: 2px; 
background-repeat: repeat-x;
}

td.td1ods_p {
background: url('templates/button_menu_czer_rog_p.gif')  no-repeat;
width: 5px;
height: 24px; 
background-repeat: repeat-x;
} 

td.td1ods_l_s {
 
width: 2px; 
background-repeat: repeat-x;
}

td.td1ods_p_s {
background: url('templates/button_menu_pom_rog_p.gif')  no-repeat;
width: 5px;
height: 24px; 
background-repeat: repeat-x;
}

td.td1{
background: url('templates/button_menu_czer.gif') left top no-repeat;
height: 24px;
color: #FFF;
display: block;
line-height: 24px; 
padding-left: 16px;
padding-right: 10px;

}

td.td1 a,td.td1_s a{color: #FFF;}

td.td1_s{
background: url('templates/button_menu_pom.gif') left top no-repeat;
height: 24px;
color: #FFF;
display: block;
line-height: 24px; 
padding-left: 15px;
padding-right: 10px;
}


TD
{
font-size: 11px;
/*color: #9B0000;*/
}

div
{
font-size: 11px;
color:#000;/* #9B0000;*/
}

td.mal {
font-size: 11px;
text-align: center;
}

.malik {
font-size: 10px;
color: #C8C8C8;
}

form { margin: 0px; padding: 0px;}

H1 {
text-align: center;
font-size: 10px;
font-weight:bold;
color: #FFE3B0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

H2 {
font-size: 13px;
font-weight:bold;
color: #555555;
text-align: right;
margin: 3px 0px 0px 0px;
padding: 4px 0px 0px 0px;
}

H2.bial {
font-size: 13px;
font-weight:bold;
color: #ffffff;
text-align: left;
margin: 3px 0px 0px 0px;
padding: 4px 0px 0px 0px;
}


H3 {
font-size: 12px;
font-weight:bold;
color: #FF0000;
margin: 3px 0px 0px 0px;
padding: 4px 0px 0px 0px;
}

H4 {
font-size: 11px;
font-weight:bold;
color: #FF0000;
margin: 3px 0px 0px 0px;
padding: 4px 0px 0px 0px;
}



A:link {
TEXT-DECORATION: none; color: #DF0000;
}
A:visited {
TEXT-DECORATION: none; color: #DF0000;
}
A:hover {
TEXT-DECORATION: none; color: #660066;
}


div.glow1 A:link {
TEXT-DECORATION: none; color: #FFFF99;
}
div.glow1 A:visited {
TEXT-DECORATION: none; color: #FFFF99;
}
div.glow1 A:hover {
TEXT-DECORATION: none; color: #FFFF99;
}


td.glow1 A:link {
TEXT-DECORATION: none; color: #FFFF99;
}
td.glow1 A:visited {
TEXT-DECORATION: none; color: #FFFF99;
}
td.glow1 A:hover {
TEXT-DECORATION: none; color: #FFFF99;
}


img.mini_img {
cursor:'hand';
}


input {
background-color: #ffffff;
font-size: 11px;
color: #555555;
border-width: 1px;
border-color: #167B8D;
}

select {
background-color: #ffffff;
font-size: 11px;
color: #555555;
border-width: 1px;
border-color: #167B8D;
}


ol {
padding: 1px 1px 1px 11px;
margin: 1px 1px 1px 11px;
}



















.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: auto; 
	max-height: 180px;	
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background : #AFD2FD url('loader.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}









 
.scroll-pane{
   
              width:570px;
              height:410px;
              }

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:  #eeeeee url('http://<?=kon_domena;?>/templates/podsuwak.png') repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	
	 background: url('http://parkiety-egzotyczne.pl/templates/suwak.png') no-repeat;
	
	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height:0px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.suggestionsBox {
    position: relative;
    left: 30px;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #FFF;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
    background-color: #FFF;
}


.liniapod{           
float: left; border-bottom: 1px solid #DFDFDF; height: 1px;  width: 173px;

}