body  {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #cdcfd2;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-color:#e3e5ea;
	background-image:url(images/body.jpg);
	background-repeat:repeat-x;
	background-position:top;

}
p { 
     text-align:justify;
	 padding: 4px;
}
a img{
    text-decoration:none;
	border: none;
	color:#666666;
}
a:visited {
    text-decoration:none;
	border: none;
	color:#666666;
}
a:link {
	text-decoration:none;
	border: 0px;
	color:#666666;
}
a:hover {
    text-decoration:none;
	border: 0px;
	color:#666666;
}
a.wiecej {
	font-weight: bold;
	color: #FFCC33;
	margin-left: 160px;
} 
h4 {
	font-size:12px;
	color:#337efe;

	
	
	} 
	.nazwa {
color: #999999;
font-weight:normal;
font-size:12px;
letter-spacing:1px;
text-transform:uppercase;
padding-top:4px;
}
 #container { 
	width: 770px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0px #5272a5 solid;
	text-align: left; 
	margin-bottom:30px;

	
} 
 #header { 

	padding: 0 0 0 0; 
height: 130px;


} 

 #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
 #sidebar1 {
	float: left; 
	width: 180px; 
	
padding-top:8px;
   
	font-size:11px;
}
#sidebar1 h1 {
   margin-left: 20px;
   padding-top: 20px;
   padding-left: 50px;
   margin-right: 20px;
   font-size: 14px;
   background: url(o_firmie_ico.jpg) no-repeat left center;
   height: 30px;
   
  
} 
#sidebar1 h1.chemia {
background:none;
padding:0;
margin-left:0;

}
#sidebar1 h3 {
font-size: 15px;
}

#sidebar2 h3 {
font-size: 15px;
}
#sidebar2 h1 {
   margin-left: 20px;
   padding-top: 20px;
   padding-left: 40px;
   margin-right: 20px;
   font-size: 14px;
   background: url(o_firmie_ico.jpg) no-repeat left center;
   height: 30px;
   border-bottom:dotted 1px #ccc;
} 
#sidebar1 img {
margin-left:8px;
margin-bottom:8px;
}
 #mainContent { 
 font-size: 11px;
	margin-left: 200px; 
	padding: 0px 10px 20px 10px;
	background-color:#fff;
	margin-top:0px;}

#lighting {

	width:770px;
	height: 56px;
	background-image:url(images/lighting.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
 #mainContent a{ 
color: #333333;
}
 #mainContent a:hover{ 
 text-decoration: none;
}
 #mainContent a:visited{ 
 text-decoration: none;
}
 #mainContent p{
    padding: 5px 10px 10px 10px;
	} 
#mainContent img {
border: 0px solid #000000;
margin:4px;
}
 #footer { 
   
	background:#666;
	color: #CCCCCC;
	font-size:12px;
	padding: 4px 30px 10px 30px;;
	margin-top:20px;
	border-top: 4px solid #fcb537;
} 
#footer p {
	margin: 0; 
	padding: 0px 0; 
	text-align:center;
	font-size:12px;
}
#footer a:hover, a:visited {
	color:#FFFFFF;
	
}
#footer  a:visited {
	color:#CCCCCC;
	text-decoration:underline;

	
}
#footer br {	
	margin-top:40px;
}
#footer td.prawa {
	padding-left:30px;
	border-left:1px #999999 solid;
	}	
	#footer2 {

	margin: 0 auto;
	padding: 1em;
	
}
	#footer2 a{

color:#999999;
	
}
#footer table {
	width:100%;
	text-align:center;
	}
p.big {
text-transform:uppercase;
color:#FFFFFF;
}

#footer2 p {
	font-size: xx-small;
}
#footer table {
 
	padding: 4px;
	text-align:center;
}
#footer3 {
}
#footer3 p.linki {
padding: 2px 0px 23px 0px;

}
#languages {
    width: 100px;
	padding-top: 23px;
	float: right;
	
	}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#logo {
    width: 200px;
    float: left;
    background: #fff;
    height: 192px;

}
#logo1 {
    width: 580px;
    float: right;
    
    height: 192px;

}
#sygnatura {
float: left;
margin-top: 10px;
}
#menu_bottom {
    height: 66px;
    width: 100%;
background-color:#5396ff;
	border-bottom: 4px solid #fcb537;
	margin-top:0px;
	padding-bottom:0px;
   
}
#menu_top{
    padding: 5px 0px 0px 5px; 
    height: 88px;
	background:none;


	
}
/* Menu pod headerem*/

#menu {
	width: 100%;
	height: 40px;
	margin-left: 0px;
	border-bottom:4px solid #fcb537 ;
	
}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
    color: #fff; 
	display: block;
	float: left;
	height: 26px;
	padding: 8px 12px 0 12px;
	background: url(images/img06.gif) no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	margin-top:3px;
	
}

#menu a:hover {
	text-decoration: none;
	background: #FFCC33;
	color:#000;
}

#menu .first a {
	padding-left: 0;
	background: none;
}
a {
	color: #ccc;
}

/* Content > Sidebar > Menu */

#menu_left {
	margin-bottom: 30px;
	
}

#menu_left ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu_left li {
	display: inline;
}

#menu_left a {
	display: block;
	padding: 3px 0 3px 25px;
	background: url(images/img05.gif) no-repeat 2px 8px;
	border-top: 1px solid #EBEBEB;
	color: #E08934;
}

#menu_left a:hover, #menu_left .active a {

	text-decoration: none;
	font-weight: bold;
	color: #385B88;
}


#topmenu {
	float: left;
	margin-left: 40px;
	margin-top: 10px;
}

#topmenu ul {
	margin: 0;
	padding: 8px 0px 0 0;
	list-style: none;
	line-height: normal;
}

#topmenu li {
	display: inline
}

#topmenu a {
	display: block;
	float: left;
    font-size:10px;
	margin: 0 0 0 15px;
	padding: 14px 0 0 25px;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	height: 36px;
	
}

#topmenu a:hover {
	color: #000;
}

#topmenu1 {
	background: url(images/ico1.jpg) no-repeat left;
}

#topmenu2 {
	background: url(images/ico2.jpg) no-repeat left;
}

#topmenu3 {
	background: url(images/ico3.jpg) no-repeat left;
}
#flash  {
    position: relative;
	float: left;

}
#flash3  {
    float:left;
    margin-left: 10px;
	margin-bottom:30px;
	margin-top:0;
	}
#obrazek {
    background: #ccc; 
    margin: 5px;
	padding: 1px;
	border: 1px #ccc;
	float: left;
}

h1 {
        text-align: center;
        padding: 20px;
        font-size: 14px;
        background-image: url(images/h1_tlo.gif);
        background-repeat: no-repeat;
        background-position: bottom;
}
h3 {
        text-align: center;
        padding: 10px;
        font-size: 14px;
        background-image: url(images/h1_tlo.gif);
        background-repeat: no-repeat;
        background-position: bottom;
		font-ewight:bold;
		text-transform:uppercase;
		color:#337efe;
}
td.small {
        padding-top:15px;
}

/*TUTAJ DEFINIUJE BLOKI*/

#wrapper {
        width: 500px;
        font-family: "verdana";
        font-size: 12px;
}

#box_left {
        float: left;
        width: 50%;

}
#box_right {
        float: right;
        width: 50%;

}
#content_data {

        float:left;
		margin-left: 0px;
		margin-bottom:20px;

	
		
		
}
#kolory {
        text-align: center;
        padding: 40px;
		float:left;
		padding-left:100px;
}

/* TU OPISUJE JAK MAJA SIE ZACHOWYWAC OBRAZKI W BLOKU #BOX_RIGHT */

#box_right img{
        margin: 0px;
        float:right;
}
#box_right img.ico {
        margin: 0px;
       
        text-align: center;
        margin: 5px;

}

/* TU ROBIE WYGLAD TABELI Z OBRAZKAMI W BLOKU #BOX_RIGHT */

#box_right table {
        float: right;
}
/* TU ROBIE WYGLAD TABELI Z DANYMI TECHNICZNYMI W BLOKU #CONTENT_DATA */


	
	
#content_data table.dane {
        border-collapse: collapse;
        
        font-size: 10px;
        width: 500px;
	
}

#content_data th
{
        background: #824900 url('images/thbg.gif') repeat-x;
        height: 29px;
        padding-left: 11px;
        padding-right: 11px;
        color: #000;
        text-align: left;
        border-left: solid 3px #fff;
        border-bottom: solid 3px #ffffff;
}

#content_data tr {
        height: 30px;
}

#content_data td
{
        padding-left: 4px;
        padding-right: 4px;
        border-left: solid 3px #fff;
        border-bottom: solid 3px #ffffff;
        text-align: center;
}

#content_data td.first, #content_data th.first
{
        border-left: 0px;
        background: #EEF1F2;
}
#content_data th.units, td.units, tr.units       /* KOLUMNA ODPOWIEDZIALNA ZA JEDNOSTKI - TH Z KLASA UNITS*/
{
        background: #e7e8e8;
		color:#000;
}
#content_data tr.rowA
{
        background: #F7F7F7;
}

#content_data tr.rowB
{
        background: #f1f2f3;
}
#content_data h1, h2 {
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
        margin: 10px;
}
img.article {
float: left;
margin: 10px;
padding:10px;
padding-bottom:40px;
}
#witryny table {
border-spacing: 10px;
text-align:center;
}
#witryny td.title {
border-spacing:0px;
padding:2px;

}
#witryny td.title a{
display:block;
background-image: url(images/title.jpg);
margin:0;
padding: 4px 0px 4px 0px;
width:160px;
background:#FFCC00;
}
#witryny td.title a:hover{
display:block;
background-image: url(images/title_hover.jpg);
background-repeat:no-repeat;
margin:0;
padding: 4px 0px 4px 0px;
width:160px;
}
img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 150px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 150px;
	
	padding-left: 0;
}
a.dock-item {
	display: block;
	width: 240px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px "Trebuchet MS";
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0 0; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 0;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 150px;
	background: url(images/dock-bg.gif);
	padding-left: 0px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 140px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
img.prawa {
float: right;
border: 1px solid #fcb537;
}

p.tabela {
	margin:0;
	padding: 3px;
	font-style: italic;
	text-align:left;
	font-size:12px;
}
p.autor {
	margin:0;
	padding: 0px;
	text-align:left;
	font-size:12px;
	
}
#flash4 {
float: left;
margin:0;
margin-left: 4px;

}
li.pochyle {

font-style:italic;
list-style:none;
}
ul.przeglad {
padding-left: 30px;
}
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #5674a8;
padding: 1px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 70%;
left: 40%; /*position where enlarged image should offset horizontally */
z-index: 100;
}

.menu {
	position: relative;

}

.menu dl {
	width: 100px;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #aaa #666 #666 #aaa;
	text-transform:uppercase;
	height: 40px;
	padding: 5px;
}
.menu dl #szeroki {
	width: 200px;
}
.menu dt {
	margin: 0;
	padding: 0px;
	cursor: pointer;
	color: #fff;
	font-weight: normal;
	text-align: center;
	padding: 5px;
}

.menu dd {
	margin: 0;
	padding: 5px;
	color: #000;
	background-image:url(images/submenu.png);
	background-repeat:repeat;
	
	text-transform:none;
	font-size:12px;
	
	
}
.menu a {
     color:#fff;
	 text-decoration: none;
	 

	
}
.menu a:hover{
     background-color:#fecc22;
	 display:block;
	 width:100%;
	 
}





#submenu {

text-transform:uppercase;
font-size: 12px;
padding-top:12px;
color:#fff;
}


#submenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:center;
}

#submenu li { /* all list items */
	float: left;
	position: relative;
	width: 8em;
	text-align:center;
		
	
	
}

#submenu li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	font-size: 12px;
	
		background-color:#5272a5;
	background-repeat:no-repeat;
	color: #fff;
	
	

}
#submenu li ul a{ /* second-level lists */
	padding: 8px;
	display:block;
	
	
}
#submenu li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: 0;
}


#submenu li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	
}
#submenu a {
color: #fff;
text-decoration:none;


}
#submenu a:hover {
color:#fcb537;
}


#menu_sidebar {



margin-left:8px;
		border: 0px solid #e6bb0e;
		width:180px;
		padding-bottom:40px;
		background-image:url(images/menu_shadow.jpg);
		background-position:bottom;
		background-repeat:no-repeat;
	

}

#menu_sidebar ul {
	margin: 0;
	list-style: none;
	line-height: normal;
	padding-left: 0px;

	

}

#menu_sidebar li {
	display: inline;

	
}

#menu_sidebar a {
	display: block;
	padding: 5px 7px 5px 24px;
    background-color:#fcb537;
	border-bottom: 1px solid #e6bb0e;
	border-top: 1px solid #f3d765;
	color: #000;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;


}

#menu_sidebar a:hover, #menu_sidebar .active a {
	
	text-decoration: none;
	background:#fcdb57;
	color: #385B88;
}



h3.kontakt_krakow {
	font-size:12px;
	text-align: center;
	text-transform: uppercase;
	color: #666;
	background-image:url(images/logo.gif);
	background-position:left;
	background-repeat:no-repeat;
}
h3.kontakt_bochnia {
	font-size:12px;
	text-align: center;
	text-transform: uppercase;
	color: #666;
}

div.dojazd {
	margin-bottom: 50px;
	margin-left: 50px;
}

div.kontakt {

	font-size:12px;
}

#content_data tr.rowX
{
        background: #C3C3C3;
}

a.back {
	text-align: right;
	color:red;
}
#back {
	float:right;
	margin-right:30px;
	margin-top:30px;
}
/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0px 0 0px 0;
}

.nav {
  font-family: "Trebuchet MS";
  z-index: 100;
  position: relative;
  padding-left: 20px;
  padding-top:13px;
  z-index:10;

}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font-size: 14px;
  background: none;
  color: #fff;
  display: block;
  padding: 12px  8px 25px 8px;

  text-decoration: none;
  font-weight:normal;
  text-transform:uppercase;
  
}

.nav li a:hover {

  color: #FFCC00;	

}
.nav li ul {
margin-top:25px;
   width:160%;

   text-transform: lowercase;
   background: #64a1fe url(images/nav.jpg) repeat-x top;
   border:#337efe solid 2px;
   }
#nav-one .nav li ul li{
margin:0;
}

#nav-one li:hover a, 
#nav-one li.sfHover a {

  color: #FFCC00;	

}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {

  color: #fff;	
  padding:2px;
  background-image:url(images/point.gif);
  background-position:left;
  background-repeat:no-repeat;
  padding-left:18px;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
 
  color: #000;	
  padding:2px;
  background:#FFCC00;
  background-position:left;
  background-repeat:no-repeat;
  padding-left:14px;
  
}

#nav-one li ul li {
font-size:12px;
margin:0;
padding:2px;
text-transform:lowercase;
}


.nav ul {
  background: #5272a5;
  list-style: none;
  margin-top: -8px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
  margin: 0;
  padding: 4px 8px 4px 0;
}
.nav ul a {

  border-bottom: 0;
  padding-right: 20px;
}
.nav ul a:hover {
  background: #5272a5;
  color: #fcb537;
}

/* MENU GRAFIKA */

.nav a.ofirmie { background-image:url(images/ofirmie.jpg); 
           background-repeat:no-repeat;
		   width:80px;  
           height:20px;
		   display:block;
		
		 
}
.nav a.ofirmie:hover { background-image:url(images/ofirmie_hover.jpg); 
           background-repeat:no-repeat;
		   width:80px;  
            height:20px;
		   display:block;
		
		 
}
.nav a.produkty { background-image:url(images/produkty.jpg); 
           background-repeat:no-repeat;
		   width:80px;  
		    height:20px;
		   dispaly:block;
}
.nav a.produkty:hover { background-image:url(images/produkty_hover.jpg); 
           background-repeat:no-repeat;
		   width:80px;  
		     height:20px;
		   dispaly:block;
}

.nav a.uslugi { background-image:url(images/uslugi1.jpg); 
           background-repeat:no-repeat;
		   width:80px;  
	  height:20px;
		
		   dispaly:block;
}
.nav a.uslugi:hover { background-image:url(images/uslugi1_hover.jpg); 
          
		
		   dispaly:block;
}
.nav a.publikacje { background-image:url(images/publikacje.jpg); 
           background-repeat:no-repeat;
		   width:94px;  
		     height:20px;
		
		   dispaly:block;
}
.nav a.publikacje:hover { background-image:url(images/publikacje_hover.jpg); 

		
		   dispaly:block;
}
.nav a.dopobrania { background-image:url(images/dopobrania.jpg); 
           background-repeat:no-repeat;
		   width:94px;  
		    height:20px;
		
		   dispaly:block;
}
.nav a.dopobrania:hover { background-image:url(images/dopobrania_hover.jpg); 
       
		
		   dispaly:block;
}
.nav a.kontakt { background-image:url(images/kontakt2.jpg); 
           background-repeat:no-repeat;
		   width:80px;  
		    height:20px;
	
		   dispaly:block;
}
.nav a.kontakt:hover { background-image:url(images/kontakt2_hover.jpg); 
           background-repeat:no-repeat;
		 
}

div.title {
	margin-bottom:50px;
}
#footer3 a:hover, #footer3 a:visited, #footer3 a:active, #footer3 a:link{
 color: #ccc;
 }
 #story {
 
 font-size:10px;
 
 }
 #story ul, li {

 }
  #story li {
 padding:3px;
}