/*--------------------------------------------------------
	css theme name: robek technika magazynowa
	author: bartosz mediger (http://mediger.net)

	created : january 16, 2007
	
*/


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

html { height: 100%; }

body {
	width: 100%; height: 100%; }

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

fieldset { border: none; }

img { border: none; }

input, textarea { border: 1px solid #555; }

legend {
	font-weight: bold;
	padding: 15px;
	color: #005e99; }

option { padding: 0px 0px 3px 3px; }

p { padding-bottom: 20px; }

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

/* nawgiacja */

a { color: #004b7a; text-decoration: none; }
a:hover { color: #004b7a; text-decoration: underline; }




/* nagýýwki */

h1 {
	margin: 20px 0px 25px 0px;
	font-size: 14px;
	color: #005e99; }

h2 {
	height: 15px;
	overflow: hidden;
	margin: 0px 0px 12px 0px; }
	
	h2 span { visibility: hidden; }
	
	h1.nowosci { background: url(../images/h_nowosci.gif) no-repeat; }
	h1.oferta { background: url(../images/h_oferta.gif) no-repeat; }
	
	


.button {
	padding: 3px !important;
	cursor: pointer;
	text-align: center; }

.button:hover {
	border: 1px dotted Black;
	background-color: #005e99;
	color: White; }
	
.drukuj,
.zapytaj {
	position: relative; top: 40px;
	float: right;
	width: 117px; height: 22px;
	background: url(../images/zapytaj.gif) no-repeat;
	font-size: 10px;
	margin: 300px 0px 0px 0px;
	padding: 2px 0px 0px 6px;
	color: Black; }

.powrot {
	position: relative; top: 40px;
	float: left;
	font-weight: bold; }

.drukuj {
	background: url(../images/drukuj.gif) no-repeat;
	padding: 2px 0px 0px 8px }



#center {
	width: 766px; height: 100%; min-height: 100%;
	margin: 0px auto; }



#container {
	float: left;
	width: 100%;
	background: url(../images/backc.gif) repeat-y center top; }	
	
	#tc #container { background: url(../images/backc-3cols.gif) repeat-y center top; }

	

/* wyszukiwarka */

#findform {
	position: absolute; right: 0px; top: -135px;
	width: 173px; }
	
	#findform * { float: left; }
	
	#findform a {
		margin: 3px 0px 0px 5px; }
	
	#findform input {
		width: 142px; height: 16px;
		border: 1px solid #666;
		padding: 1px 3px 1px 1px;
		text-align: right; }

	#tc #findform {
		position: absolute; left: 22px; top: 60px; }
		
	#tc #findform input { width: 120px; }
		


#flash {
	width: 100%; height: 87px;
	padding: 84px 0px 0px 0px;
	text-align: center; }



#foot {
	float: left;
	width: 100%; height: 65px;
	background: url(../images/foot.gif) no-repeat center top; }
	
	#foot .content {
		width: 768px;
		margin: 0px auto;
		color: #333; }
	
	#foot .menu {
		float: left;
		padding: 35px 0px 0px 22px; }
		
	#foot .realizacja {
		float: right;
		padding: 35px 10px 0px 0px; }
	
	#foot .menu a { color: #333; }
	
	#tc #foot { background: url(../images/foot-3cols.gif) no-repeat center top; }




/* wyslij zapytanie */

#form-zapytaj {
	float: left;
	width: 95%; }
	
	#form-zapytaj fieldset {
		border: 1px solid #ccc;
		padding: 0px 0px 20px 20px; }
		
	#form-zapytaj input, 
	#form-zapytaj textarea { padding: 1px; }
	
	#form-zapytaj input {
		margin: 0px 20px 0px 0px; }
	
	#form-zapytaj label {
		float: right;
		padding: 0px 0px 5px 0px;
		text-align: left; }
	
	#form-zapytaj textarea {
		width: 320px; height: 100px;
		margin: 0px 0px 5px 0px}
	
	#form-zapytaj .button {
		clear: both;
		margin: 0px 20px 0px 0px;
		float: right; }
		
	#form-zapytaj .button { float: right; }
		
		
	

#gradient {
	width: 100%;
	min-height: 224px; 
	background: url(../images/top.jpg) no-repeat center top; }
	
	#tc #gradient { background: url(../images/top-3cols.jpg) no-repeat center top; }



#header {
	width: 100%; height: 174px;
	background: url(../images/header.jpg) no-repeat center top; }



/* podstrona na cala lewa szerokosc */

#kontakt {
	float: left;
	width: 520px;
	margin: 25px 0px 0px 0px;
	padding: 0px 18px 0px 23px; }



/* formularz kontaktowy */

	#kontakt form { width: 350px; }
	
	#kontakt form fieldset {
		border: 1px solid #999; }
		
	#kontakt form label {
		width: 70px;
		float: left;
		padding: 0px 2px 0px 0px;
		text-align: right; }
	
	#kontakt #email {
		margin-right: 130px; }
	
	#kontakt input,
	#kontakt textarea {
		float: left;
		margin: 2px;
		padding: 1px; }
		
	#kontakt .button {
		float: right;
		margin: 2px 20px 15px 0px;	}

	#kontakt h2 { background: url(../images/h_kontakt.gif) no-repeat; }




/* main (3 col) */

#main {
	float: left;
	width: 380px;
	text-align: left;
	padding: 0px 0px 50px 0px; }	
	


	
/* menu */

#menu {
	width: 544px; height: 30px;
	background: url(../images/menu.jpg);
	padding: 0px 0px 0px 25px; }

	#menu li {
		height: 30px;
		display: inline; }

	#menu a {
		float: left;
		height: 30px; }
		
	#menu a:hover { background-position: 0px -30px; }
	
	#menu a.hit,
	#menu a.hit:hover { background-position: 0px -60px; }
		
	#menu .firma {
		width: 69px;
		background: url(../images/m_firma.gif); }
		
	#menu .nowosci {
		width: 91px;
		background: url(../images/m_nowosci.gif); }
		
	#menu .oferta {
		width: 72px;
		background: url(../images/m_oferta.gif); }
		
	#menu .kontakt {
		width: 85px;
		background: url(../images/m_kontakt.gif); }
		

		
/* menu - lista produktow */

#menu-products {
	float: left;
	width: 177px;
	list-style: none;
	padding: 55px 0px 0px 12px;
	text-align: left; }
	
	#menu-products li {
		background: url(../images/quad.gif) no-repeat 0px 7px;
		padding: 3px 0px 3px 11px;	}

	#menu-products li a {
		color: Black;
		font-weight: bold; }
		
	/* submenu 1 */
	
	#menu-products ul {
		margin: 0px 0px 0px -5px;
		padding: 0px 0px 0px 0px;
		list-style: none; }
	
	#menu-products ul li { background: none; }
	#menu-products ul li a { font-weight: normal; }
	
	
	/* submenu 2 */
	
	#menu-products ul ul {
		margin: 0px;
		padding: 0px 0px 0px 5px;
		list-style: none;	}


	

/* napisz do nas */

#napisz {
	position: absolute; top: 19px; left: 460px;
	height: 11px;
	background: url(../images/koperta.gif) no-repeat right;
	padding: 0px 20px 0px 0px; }



/* formularz 'napisz do nas' */

#napiszdonas {
	overflow: hidden;
	padding: 0px 0px 15px 17px; }

	#napiszdonas form { width: 366px; }



#nav {
	margin: 15px 0px 10px 0px; }



/* nowe produkty */

#nowe-produkty {
	float: left;
	width: 170px; }
	
	#nowe-produkty a {
		display: block;
		margin: 6px 0px 6px 0px; 
		text-align: center; }
	
	#nowe-produkty img { border: 1px solid Black; }
		
	#nowe-produkty h2 {
		width: 120px;
		background: url(../images/h_nowe-produkty.gif) no-repeat;
		margin: 25px auto 25px auto; }







#page {
	float: left;
	position: relative;
	width: 100%;
	padding: 12px 0px 0px 0px; }



	
/* detale produktu */

#product { margin: 0px 0px 0px 3px; }

#product a { margin: 0px 8px 0px 0px; }

#product a:hover img { border: 1px solid Black; }

#product img { border: 1px solid #666; }	

#product ul {
	margin: 20px 0px 20px 10px;
	list-style: none }
	
/* 	#product ul li {
		padding: 0px 0px 0px 8px;
		background: url(../images/line.gif) no-repeat 0px 6px; }

*/

/* lista produktow */

#products-list a {
	float: left;
	width: 120px;
	margin: 0px 5px 15px 0px;
	color: Black; }
	
#products-list a:hover { text-decoration: none; }

#products-list img {
	display: block;
	border: 1px solid #707070; }



/* witamy */

#witamy {
	float: left;
	width: 354px;
	border-right: 1px solid #999;
	margin: 25px 0px 0px 0px;
	padding: 0px 18px 0px 23px; }
	
	#witamy h2 { background: url(../images/h_witamy.gif) no-repeat; }
	
	#witamy .office {
		float: right;
		padding: 0px 0px 0px 10px; }



/* wyszukiwarka palet */

#wyszukiwarka-palet {
	float: right;
	position: relative; top: -29px;
	width: 182px;
	list-style: none;
	background: #0072ba;
	overflow: hidden;
	color: White; }
	
	#wyszukiwarka-palet a {
		display: block;
		width: 128px; height: 25px;
		background: url(../images/szukaj_button.gif);
		margin: 0 auto; }
		
	#wyszukiwarka-palet a:hover { background-position: 0px -25px; }
	
	#wyszukiwarka-palet label {
		display: block;
		font-size: 12px; }
	
	#wyszukiwarka-palet li {
		padding: 0px 12px 0px 12px; }
	
	#wyszukiwarka-palet select {
		width: 160px;
		border: 1px solid #aeb2b0;
		margin: 3px 0px 7px 0px; }
		
	#wyszukiwarka-palet .bottom {
		height: 10px;
		background: url(../images/wyszukiwarka_bottom.gif) no-repeat; }

	#wyszukiwarka-palet .top {
		height: 30px; line-height: 14px;
		background: url(../images/wyszukiwarka_top.gif) no-repeat top;
		padding: 40px 12px 40px 12px;
		overflow: hidden; }
		
	#wyszukiwarka-palet .szukaj { padding: 10px 0px 0px 0px; }

#translator {
	float: right;
	width: 177px;
	margin-top: -20px}