/********************************************************/
/*  OKNOPOL.pl  *******************************************/
/********************************************************/
@font-face {
font-family: "Trebuchet MS";
src: url("http://oknopol.pl/assets/templates/TPL/fonts/trebuc.ttf");
font-family: "Verdana";
src: url("http://oknopol.pl/assets/templates/TPL/fonts/verdana.ttf");
}
/********************************************************/
html {
  font-family: Verdana, sans-serif !important;
  font-size: 14px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: #b1b2b4;
}

body {
  margin: inherit;
  padding: inherit;
}
/********************************************************/
img {
  border: none;
}

p {
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

a {
  color: #373737;
  text-decoration: none;
}

a:hover {
text-decoration: underline;
}

hr {
  border: none;
  background: silver;
  height: 1px;
}

.CLEAR {
  clear: both;
}
/********************************************************/
#pagewrapper{
  width: 960px;
  margin: 10px auto 10px auto !important; 
}

#header {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 960px;
  height: 300px;
  background: #00336a;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:300px;
		overflow:hidden;
    background: #00336a;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
    position: relative;
		margin:-2.6em 0 0.8em 2em;
		padding:4px 0 4px 4px;
		height:22px;
    width: 120px;
    background: transparent url(images/slideol.png) center no-repeat;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		color:#fff;
    font-weight: bold;
    font-size: 0.8em;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		color:#000;
    background: transparent url(images/backA.png) center no-repeat;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#topmenu {
  margin: 0 0 0 -21px;
  padding: 0 0 0 0;
}

#topmenu ul {
  display:  inline-block;
  list-style-type: none;
  margin: 0 0 0 -19px;
}

#topmenu ul li {
  float: left;
  width:  119px;
  margin: 0 1px 0 0;
  padding: 0 0 0 0;
  font-size: 0.9em;
  background: #00336a url(images/naviTOP.jpg) left repeat-x;
  text-align: center;
}

#topmenu ul li:hover, #topmenu .active {
  background: #0077bd url(images/naviTOPhover.jpg) left repeat-x;
}

#topmenu .last{
  margin: 0 0 0 0;
  width: 120px;
}

#topmenu ul li a{
  color: #fff;
  font-weight: bold;
  font-family: Trebuchet MS, Verdana;
  text-decoration: none;
  display: block;
  width:  117px;
  padding: 8px 0;
}

#topmenu .active a{
  color: #fff !important;
}

#topmenu ul li a:hover{
  /*text-decoration: underline;*/
}

#container{
  margin: 0 auto 0 auto !important;
  width: 960px;
  font-size: 0.9em;
  background: #fff url(images/side.png) right repeat-y;
}

.CONTENT {
  float:left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 685px;
  font-size: 0.9em;
}

.CONTENTin {
  margin: 0 0 0 0;
  padding: 5px 10px 5px 10px;
}

.CONTENT h1{
  margin: 0 0 5px 0;
  padding: 5px 0 5px 5px;
  font-family: Trebuchet MS;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid silver;
}

.CONTENT ul{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.CONTENT ul li{
  display: block;
  margin: 0 0 6px 0;
  padding: 0 0 0 20px;
  list-style-type: none;
  background: url(images/li.png) top left no-repeat;
}

.SIDE {
  float:right;
  /*width: 232px; */
  margin: 0 0 0 0;
  padding: 5px 10px 5px 0;
}

#footer {
  	background: url(images/footer.jpg) top no-repeat;
	height:300px;
	margin: 0;
	padding: 5px 35px 10px 35px;
	font-size: 0.8em;
}

#footerleft
{
  width: 660px;
  margin: 120px 0 0 0;
  padding: 5px;  
}

#footer p {
	color: #fff;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#footer p a{
	color: #fff;
}

#footer p a:hover{
	text-decoration: underline;
}

.BOOKMARKS img{
    width: 32px;
}
/********************************************************/
/* crumbsy w serwisie */

#BREADCRUMBS {
  margin: 0 0 0 0;
  padding: 6px;
  font-size: 0.9em;
  font-weight: bold;
  color: #000;
  font-family: Trebuchet MS, Verdana;
  border-bottom: 1px solid silver;
}

.B_crumbBox {
  
}

.B_crumb, .B_firstCrumb, .e2g_crumbs a{
  padding: 4px 15px 4px 5px;
  background: url(images/SEP.jpg) right no-repeat; 
}

.B_hideCrumb {
  
}

.B_currentCrumb {
  
}

.B_firstCrumb {
  
}

.B_lastCrumb, .e2g_currentCrumb {
  padding: 4px 15px 4px 5px;
}

.B_crumb {

}

.B_homeCrumb {
  
}
/* crumbsy w galeriach */

.e2g_crumbs {

}

.e2g_currentCrumb {
  
}
/********************************************************/
.LIn_shortMode {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  font-size: 1.1em;  
}

.LIn_shortMode li{
  padding: 4px;
  background: url(images/lcos.png) left no-repeat;
}

.LCOS_box {
 margin:  0 0 0 0;
 padding: 0 0 0 0; 
}

.LCOS_title {
  font-weight: bold;
  margin: 0 0 5px 0;
}

.LCOS_list {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  font-size: 1.1em;
}

.LCOS_list li{
  padding: 4px 0 4px 20px;
  background: url(images/li.png) left no-repeat;
}

.LCOS_list a{
  color: #fff;
  text-decoration: none;
}

.LCOS_list a:hover{
  color: #000;
  text-decoration: none;
}

.LCOS_child {
  
}

.LCOS_current {
  color: #000;
}

.LCOS_description {
  
}
/********************************************************/
.thumbCORNERSout, .newsOUT {
  background: silver;
  padding: 2px !important;
}
.thumbCORNERS{
  background: transparent;
  padding: 1px;
  width: 136px;
  height: 136px;
}

.thumbCORNERSoutHOME {
  background: silver;
  padding: 2px !important;
  width: 232px;
  margin: 0 0 5px 0;
}

.thumbCORNERShome {
  background: transparent;
  padding: 1px;
  width: 230px;
  height: 200px;
}
/********************************************************/

.SLIDERDITTO {
  float: left;
  padding: 2px;
}

.NEWSY {
  margin: 5px 0 0 5px;
  padding: 0 0 0 0;
}

.newsOUT {
  float: left;
  margin: 0 5px 5px 0;
  width: 327px !important;
  height: 154px !important;
  background: #b1b2b4;
}

.newsIN {
  background: #fff url(images/newsh1.jpg) top repeat-x;
  padding: 5px;
  height: 144px;
}

.newsIN h1{
  margin: 0 0 5px 0;
  padding: 0 5px 5px 5px;
  font-size: 1.0em;
  font-weight: bold;
  color: #00336a;
  border: none;
}

.newsIN h1 a{
  color: #00336a;
}
.newsIN p{
  font-size:  0.8em;
}

.newsIMG {
  float: left; margin: 0 5px 0 0; padding: 4px; border: 1px solid #b1b2b4; width: 92px; height: 92px;
}

.newsMORE {
  text-align: right;
  padding: 0 5px 0 0;
  font-size: 0.8em;
}

.sidebarOUT {
  background: #b1b2b4;
  padding: 2px !important;
  width: 260px;
  margin: 0 0 5px 0;
}

.sidebarIN {
  background: #b1b2b4;
  padding: 5px !important;
  font-size: 0.8em;
}

.TBSTANDARD {
width: 100%;
}

.countTD {
background: url(images/counter.png) center left no-repeat;
padding: 3px 4px 3px 4px;
width: 108px;
font-weight: bold;
}
/********************************************************/
.FORMTPL {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: Trebuchet MS, Verdana;
}

.TITLE{
border: 1px solid #626161;
margin: 5px 4px 5px -4px;
padding: 4px;
text-align: left;
background: transparent url(images/footer.jpg) left repeat-x !important;
font-size: 1.2em;
font-weight: bold;
}

.FORMTPL fieldset{
border: none;
}

.FORMTPL .FORMLABEL{
float: left;
width: 322px;
margin: 0 0 3px 0;
padding: 2px 0 0 0;
border-bottom: 1px solid silver;
}

.FORMTPL .FORMSELECT{
float: left;
margin: 0 0 3px 0;
padding: 4px;
width: 304px;
border: 1px solid #626161;
background: silver;
}

.FORMTPL .FORMINPUT{
float: left;
margin: 0 0 3px 0;
padding: 4px;
width: 310px;
border: 1px solid silver;
background: silver;
}

.FORMTPL .FORMINPUT1{
margin: 3px 0 3px 0;
padding: 4px;
width: 140px;
border: 1px solid silver;
background: silver;
}

.FORMTPL .FORMINPUT2{
margin: 3px 0 3px 0;
padding: 4px;
width: 212px;
border: 1px solid silver;
background: silver;
}

.FORMTPL .FORMINPUT3{
margin: 3px 0 3px 0;
padding: 4px;
width: 60px;
border: 1px solid silver;
background: silver;
}

.FORMTPL .FORMINPUT4{
margin: 3px 0 3px 0;
padding: 4px;
width: 121px;
border: 1px solid silver;
background: silver;
}

.FORMTPL .FORMTEXTAREA{
margin: 0 0 3px 0;
padding: 4px;
width: 630px;
height: 200px;
border: 1px solid silver;
background: silver;
font-family: Trebuchet MS, Verdana;
}

.FORMTPL button {border: none; background: none; margin: 0 0 0 0; padding: 0 0 0 0; cursor: pointer;}

.FORMTPL br {
clear: both;
}

.SIDEBARDIV {
    border: 1px solid #828282;
    padding: 4px;    
    margin: 0 0 4px 0;
    font-size: 0.8em;
}

/* KATALOG */

.katalog
{
width: 655px;
height: 100px;
margin: 0px;
padding: 5px;
border: 1px dotted silver;
margin-right: 2px;
margin-bottom: 2px;
}

#katalog_content
{
font-size: 1.0em;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#katalog_title
{
font-size: 1.2em;
border-bottom: 1px dotted silver;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#katalog_info
{
font-size: 0.9em;
}

#katalog_content a 
{
  text-decoration: none;
  background: none;
}

table#praca
{
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}

table#praca td
{
  border-bottom: 1px dotted silver;
  padding: 4px; 
}

table#praca ul
{
  margin: 0px;
  margin-left: 15px;
  padding: 0px; 
}

/* WYSZUKIWARKA 
------------------------------------------------------------------------------- */

#search {
  margin-left: 6px;
  margin-top: 0px;

}

form.FSF_form {
  display: inline;
  margin-left: 6px;
  padding: 0 0 0 0;
  width: 280px;
}

input.FSF_input { 
  margin-left: 2px;
  border: 1px solid #763432;
  width: 156px;
  font-size:0.9em;
  padding: 2px;
  padding-left: 4px;
  color: black;
  display: inline;
}

input.FSF_submit {
  display: inline; 
  border: none;
  width: 80px;
  height: 26px;
  padding: 0 0 0 0;
  background: transparent url(images/szukaj.png) top no-repeat;
  margin-left: 2px;
  cursor: pointer;
}

div.FSF_result
{
margin-right: 6px;
margin-bottom: 4px;
padding: 4px;
border: 1px dotted silver;
}

div:hover.FSF_result
{
margin-right: 6px;
margin-bottom: 4px;
padding: 4px;
border: 1px dotted gray;
background: #f1f1f1;
}

a.FSF_resultLink
{
color: gray;
text-decoration: none;
font-weight: bold;
padding-left: 20px;
background: url(images/page1.gif) top left no-repeat;
line-height: 2.0em;
}

.FSF_resultDescription {
  font-size: 0.8em;
  line-height: 1.2em;
}