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;

		margin-top:30px;



	

		

		

}

#kolory {

      

  

		float:left;

		margin-left:80px;





}



/* 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;

}

#witryny table {

border-spacing: 10px;

text-align:center;

}

#witryny td.title {

border-spacing:0px;

padding:2px;



}

#witryny td.title a{

display:block;

background: ;

margin:0;

padding: 4px 0px 4px 0px;

width:160px;

font-size:14px;

font-weight:bold;

color:#5396ff;

border-top:1px #ccc solid;



}

.undertitle {

	font-size:11px;

	color:#999;

	font-weight:normal;

}

#witryny td.title a:hover{

display:block;

background:#FC0;

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;





}



#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";

  position: relative;

  padding-left: 60px;

  padding-top:13px;

  z-index:10;
  font-size:16px;



}

.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  15px 25px 15px;



  text-decoration: none;

  text-transform:uppercase;

  font-weight:normal;

  

}



.nav li a:hover {



  color: #FFCC00;	
    background: #5396ff;



}

.nav li ul {

margin-top:25px;

   width:180%;



   text-transform: lowercase;

   background: #5396ff;

 

   }

#nav-one .nav li ul li{

margin:0;

}



#nav-one li:hover a, 

#nav-one li.sfHover a {






}

#nav-one li:hover ul a, 

#nav-one li.sfHover ul a {



  color: #fff;	

  padding:2px;

  padding-left:18px;

}

#nav-one li:hover ul a:hover, 

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

 

  color: #fff;	

  padding:2px;
background:#2c82e5;


  background-position:left;

  background-repeat:no-repeat;

  padding-left:18px;


  

}



#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;

  z-index:-999;

}

.nav ul a:hover {

  background: #5272a5;

  color: #fcb537;

}







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;

}



.russian {

padding:14px 0 0 5px; 

margin:0 0 0 0px;

display:block;

width:41px;

height:25px;

background-image:url(images/russian.gif);

background-repeat:no-repeat;

}




.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;



}

#konkurs ul li {
	list-style: decimal;
	padding-bottom:13px;
}
#konkurs ul.nopoint li {
	list-style: circle;
}