html, body{
  background: rgb(90, 90, 90);/*  url(../images/minox.jpg);  */
  background-position: top center;
  background-repeat: no-repeat;
  font-size: 12px;
  text-align: center;
  margin: 0;
  font-family: Verdana;
}
table, td{
font-size: 12px;
}
div,p{
  margin:0;
  padding:0;
  border:none;
}


div#rama{
  margin: 0 auto;
  width: 900px;
  background: rgb(229,229,229);
}
div#menu{
   height: 2px;
   padding:0;
   margin:0;
   text-align: left;
   width: 897px;
   line-height: 36px;
   font-family: arial;
   border: 1px solid #333366;
   background: #333366;
   clear:both;
   overflow: hidden;
}
div#search{
  width: 260px;
  float: left;
  line-height: 22px;
  padding: 0px;
  vertical-align: middle;
  margin:0;
  font-size: 12px;
  text-align: left;
  background: rgb(229,229,229);
}
div#stopka{
  clear: both;
   background:url(../images/poltrade_international_11.jpg);
   height: 41px;
   padding:0;
   margin:0;
   text-align: center;
   color: #DFDFDF;
   line-height: 40px;
}

div#lewa{
  width:180px;
  float: left;
  text-align: center; 
  color: white;
}
div#prawa{
  width:720px;
  margin: 0;/* 10px 0 10px;*/
  padding:0;
  float: left;
  text-align: justify;
  overflow: hidden;
}
#tresc_strony{
  margin: 0;
  padding: 0;
}

ul.menu_lewa{
text-align: left;
margin: 0;
padding: 0;
list-style-type: none;
}
ul.menu_lewa li{
padding:0; margin:0;
}
ul.menu_lewa a{ 
color: white;
padding: 5px;
display: block;
margin: 0;
background: rgb(90, 90, 90);
border-top: 5px solid rgb(229, 229, 229);
border-right: none;
border-bottom: 5px solid rgb(229, 229, 229);
border-left: 15px solid rgb(229, 229, 229);
}
ul.menu_lewa ul a{ 
background: rgb(100, 100, 100);
}
ul.menu_lewa ul ul a{ 
background: rgb(110, 110, 100);
}


ul#menu_gora li a img{
vertical-align: middle;
}
#menu_ramka {
        width: 180px;
        margin: 0;
        padding:0;
        background: rgb(51, 51, 102);
        color: #FFFFFF;
        }

#login_ramka {
        margin: auto;
        background: rgb(51, 51, 102);
        color: #FFFFFF;
        }
    #lew_gor {
        height: 13px;
        background: rgb(51, 51, 102) url(../images/rog1.png) no-repeat;
        }

    #praw_gor {
        width: 11px;
        height: 13px;
        background: url(../images/rog2.png) no-repeat;
        float: right;
        }

    #praw_dol {
        width: 11px;
        height: 14px;
        background: url(../images/rog4.png) no-repeat;
        float: right;
        }

    #lew_dol {
        height: 14px;
        background: url(../images/rog3.png) no-repeat;
        }
h1{
font-size: 14px;
margin:0;
padding:0;
}
h2{
font-size: 14px;
margin:0;
padding:0;
}
a.produkt{
  display: block;
  font-weight: bold;
  font-size: 14px;
  background:  rgb(90, 90, 90);
  padding: 3px; color: #FFFFFF;
  text-align: right;
  border: 5px solid #FFF;
  color: white;
  text-decoration: none;
}
a.produkt:hover{
  background:rgb(110, 110, 110);
}
a.pages{
  text-decoration: none;
  color: #330033;
  font-weight:bold;
}
a.pages:hover{
  color:#3300FF;
}
#list_wyslij table, #list_wyslij  input, #list_wyslij  textarea, #list_wyslij  button{
	font-size: 12px;
	}
#list_wyslij  input, #list_wyslij  textarea{
 background: #efefef;
 border: 1px solid black;
 font-size: 12px;
}
a.wroc{
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 color: #000000;	
}
a{
	text-decoration: none;	
}
a:hover{
	text-decoration: underline;
	}
input, textarea, button{
	font-size: 10px;
	}
#login_ramka a{
	color: white;
	text-decoration:none;
}
#login_ramka a:hover{
	text-decoration: underline;
}
a#dolek, h1#dolek{
display: none;
}
#dolek, #dolek a{
font-size: 5px;
color: white;
}
div#uzywane td{
background: #b5b5b5;
}


ul#menu_nowe
{
padding:0; margin: 5px 0;
background: rgb(227,227,227);
}

#menu_nowe li
{
padding: 2px;
margin: 10px 0 10px 0;
list-style-type: none;
font-weight: bold;
text-align: center;;
height: 34px;
font-size: 14px; 
}
#menu_nowe li a
{
  	border:1px solid rgb(227,227,227);
	text-decoration: none;
	color: #EEEEEE;
	background: rgb(90, 90, 90);
	display: block;
	height: 34px;
	line-height: 34px;
}
#menu_nowe li a:hover{
  background: rgb(227,227,227) ;
  color: rgb(90, 90,90);
  border:1px solid rgb(90,90,90);

}


ul.podkategorie{
	list-style: none;
}
ul.podkategorie li{
	display :inline-table; 
	list-style: none;
	margin: 5px;
    width: 150px;
	height: 150px;
}
ul.podkategorie li a{
width: 150px;
height: 150px;
display: block;
font-weight: bold;
}
ul.podkategorie li a:hover{
background: white;
   filter: alpha(opacity=50); /* here you can set the opacity of box with text */
   -moz-opacity: 0.5; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.5; /* here you can set the opacity of box with text */
   opacity: 0.5; /* here you can set the opacity of box with text */
}
ul.podkategorie li span.sr{
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: block;
   text-align: center;
  	position: relative; 
   top: 120px;
   height: 30px;
   }
ul.podkategorie li span.sr1{
   background-color: #d5d0bc;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: rgb(60,60,60);
   display: block;
   text-align: center;
  	position: relative; 
   top: 120px;
   height: 30px;
   }
ul.podkategorie li span.sr2{
   background-color: #669966;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: block;
   text-align: center;
  	position: relative; 
   top: 120px;
   height: 30px;
   }
ul.podkategorie li span.sr3{
   background-color: #996666;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: block;
   text-align: center;
  	position: relative; 
   top: 120px;
   height: 30px;
   }
/* ------------------------- slider ------------------------ */
#s3slider {
   width: 900px; /* important to be same as image width */
   height: 208px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background: url('../images/pod_baner_p1.jpg');
}
#s3slider ul{
	padding:0;
	margin:0;
	
}
#s3sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style: none;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/16px Arial, Helvetica, sans-serif;
   font-weight: bolder;
   padding: 10px 13px;
   width: 880px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
   

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
/* ------------------------- slider ------------------------ */
	div.scroller{
		position:relative;
		height:24px;
		width:700px;
		display:block;
		overflow:hidden;
		border:#CCCCCC 2px solid;
	}
	div.scrollingtext{
		position:absolute;
		white-space:nowrap;
		font-family:'Trebuchet MS',Arial;
		font-size:18px;
		font-weight:bold;
		color:#FF2222;
	}