/*--------------------------------------------------------
	css theme name: tomex
	author: bartosz mediger (http://mediger.net)

	created : february 11, 200
	
*/



* {
	margin: 0px; padding: 0px;
	line-height: 15px; }

html {overflow: auto; overflow-x: hidden;   }

body {
	width: 100%; height: 100%;
	background: White url(../images/backg.jpg) no-repeat top; }

body, h1, h2, input, legend, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #333;
	text-align: justify;
	font-weight: normal; }

fieldset { border: none; }

label { cursor: pointer; }

img { border: none; }

p { padding-bottom: 15px; }

textarea {	
	overflow: hidden;
	width: 250px; height: 80px; }

ul { margin: 0px 0px 20px 0px; }	

ul li {
	background: url(../images/li.gif) no-repeat 0px 7px;
	list-style: none;
	padding: 0px 0px 0px 15px; }	



	
/* nawgiacja */

a { color: #2173b9; text-decoration: none; }
a:hover { color: #074b9d; text-decoration: none; }



/* nag��wki */

h1 {
	position: absolute; top: 350px; left: 55px;
	width: 307px; height: 34px;
	font-size: 20px;
	text-indent: -10000px; }

h2 {
	margin: 0px 0px 15px 0px;
	font-size: 15px;
	font-weight: bold;
	color: #07489b; }



/* nawigacja stron */

.nav {
	width: 100%; height: 40px;
	float: left;
	margin: 40px 0px 0px 0px;
	text-align: center; }

	.nav a {
		font-size: 10px;
		border: 1px solid #bbb;
		padding: 2px 4px 3px 6px;
		line-height: 20px;
		text-decoration: none; }

	.nav a.hit,
	.nav a.hit:hover {
		background-color: #00791f;
		border: 1px solid #555;
		color: White !important; }

	.nav a:hover {
		background-color: #2771b8;
		border: 1px solid #555;
		text-decoration: none;
		color: White; }



/* ovalne fotki */

.oval { position: relative; float: left; width: 150px; height: 105px; margin: 4px 9px 0px 0px; }
.oval:hover { cursor: pointer; }
.oval .photo { position: absolute; z-index: 1; }
.oval .photo img { padding: 0px !important; margin: 0px 0px 0px 0px !important; }
.oval .frame {
	position: absolute; z-index: 2; 
	width: 150px; height: 105px; }
.oval .number {
	position: absolute; left: 3px; bottom: 3px; z-index: 3;
	width: 20px; height: 15px;
	background-color: White;
	text-align: center;
	-moz-opacity: .7; opacity: .7;
	font-size: 10px; 
	padding-top: 1px;
	color: Black; }

	

#container {
	width: 780px;
	margin: 0px auto; }



#content {
	width: 735px; min-height: 344px;
	background: url(../images/top.jpg) no-repeat;
	padding: 347px 10px 0px 35px; }



/* foot */

#foot {
	float: left;
	width: 779px; height: 69px;
	padding: 30px 0px 0px 0px;
	background: url(../images/foot.jpg) no-repeat bottom;
	color: White; }

	
	#foot p.realizacja {
		float: right;
		padding: 30px 30px 0px 0px; }
	
	#foot a { color: White; }
	
	#foot a:hover {
		color: White ;
		text-decoration: underline; }
	

	
/* formularz kontaktowy */

#formKontakt {
	position: absolute; left: 357px; top: 430px;
	border-left: 1px solid #ccc; 
	width: 370px; }
		
#formKontakt label {
	width: 90px;
	float: left;
	padding: 0px 2px 0px 0px;
	text-align: right; }
	
#formKontakt #email { margin-right: 120px; }
	
#formKontakt input,
#formKontakt textarea {
	float: left;
	border: 1px solid #555;
	margin: 2px;
	padding: 2px; }
	
#formKontakt p {
	width: 230px;
	margin: 0px 0px 10px 33px; }
	
a.submit {
	float: right; overflow: hidden;
	width: 53px; height: 18px;
	background: url(../images/wyslij.gif) no-repeat;
	margin: 8px 19px 10px 0px;  }

a.submit:hover {
	background-position: 0px -18px; }
		
		


/* galeria */

#galeria { padding: 10px 0px 0px 18px; }

#galeria h1  { background: url(../images/h_galeria.gif); }

#galeria ol li { float: left; }

#galeria #lista { margin: 50px 0px 0px 5px; }

#galeria #lista a { margin: 5px 20px 15px 0px; }



/* katalog */

#katalog h1 { background: url(../images/h_katalog.gif); }

#katalog h2 {
	background: url(../images/arrow.gif) no-repeat 0px 2px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 18px; }
	


/* product */

#katalog .product {
	float: left;
	width: 340px;
	padding: 20px 12px 5px 10px;
	text-align: left; }
	
	#katalog .row { clear: both; }

	#katalog .product a {
		float: right;
		width: 140px; }
		
	#katalog dl {
		float: left;
		width: 190px; }
		
	#katalog .product dt {
		float: right;
		width: 190px;
		padding: 0px 0px 10px 0px; 
		font-weight: bolder;
		color: #07489b; }

	#katalog .product img {
		float: right;
		border: 1px solid #989898; }
		


/* kontakt */

#kontakt {padding: 60px 30px 0px 27px;}

#kontakt h1 { background: url(../images/h_kontakt.gif); }

address {
	position: absolute; left: 57px; top: 430px;
	font-style: normal; }



#menu-katalog {
	margin-bottom: 5px;
	margin-left: -6px;
	padding: 0px 20px 30px 320px;
	background: url(../images/odkresl.jpg) no-repeat bottom; }

#menu-katalog li {
	background: url(../images/arrow.gif) no-repeat 0px 1px;
	text-align: left; }

#menu-katalog li a {
	font-weight: bold;
	color: #333; }



#logo {
	position: absolute; top: 0px; right: 1px;
	display: block;
	width: 323px; height: 159px;
	background: url(../images/logo.jpg); }



/* menu */

#menu {
	position: absolute; top: 277px; right: 0px;
	float: left;
	width: 562px; height: 40px;
	background: none;
	margin: 0px; }
	
	#menu li {
		display: inline;
		padding: 0px; }
	
	#menu a {
		float: left;
		height: 40px;
			text-indent: -10000px; }

	#menu a:hover { background-position: 0px -40px; }
	#menu a.hit { background-position: 0px -80px; }
	
	a.ofirmie { width: 80px; background: url(../images/m_ofirmie.gif); }
	a.technologia { width: 127px; background: url(../images/m_technologia.gif); }
	a.galeria { width: 83px; background: url(../images/m_galeria.gif); }
	a.katalog { width: 89px; background: url(../images/m_katalog.gif); }
	a.kontakt { width: 88px; background: url(../images/m_kontakt.gif); }



/* o firmie */

#ofirmie { padding-left: 265px; padding-right: 25px; }

#ofirmie h1 { background: url(../images/h_ofirmie.gif); }

#ofirmie img { /*position: absolute; left: 57px; top: 425px;*/ 

	float:left; 
	clear:left; 
	padding-top:10px; 
	margin:60px 0 0 -250px;
	}
#ofirmie img#introImg {margin:10px 0 0 -250px;}



#page {
	float: left;
	position: relative;
	width: 780px;
	margin: 0px auto;
	background: url(../images/backc.gif) repeat-y; }



/* technologia */

#technologia { padding: 60px 30px 0px 27px; }

#technologia h1 { background: url(../images/h_technologia.gif); }



#certyfikaty { padding: 60px 30px 0px 27px; }



#certyfikaty h1 { background: url(../images/h_certyfikaty.gif); }

.ssnagl {
  font: normal 9px arial;
  z-index:999; 
  color:#069310; 
  position: absolute; 
  left:50%;
  top:120px; 
  margin-left:125px;
  text-indent: 0px;
}



.flashtop {

width:446px;
height:77px;
float:right;
margin-right:24px;




a#certyfikaty {
	
	border:0;
	float:left;
	display:block;
	width:218px; height:64px;
	padding-bottom:20px;
}