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

	created: 02 jan 2008
	
*/


* { margin: 0; padding: 0; }


a, address, body, input, h1, h2, h3, h4, h5, h6, legend, p, select, textarea {
	line-height: 15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333; }



body, html { min-height: 100%; height: 100%; }



body { background: #ededed url(../images/backg.jpg) repeat-x top; }



fieldset { border: none; }


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



img { border: none; }




label {
	width: 260px;
	display: block;
	margin: 0 0 3px 0;
	cursor: pointer;
	font-size: 90%;
	text-align: right; }
	
	label.plik {
		width: 200px;
		text-align: left;
		padding: 0 0 0 8px; }
	
	label.plik span {
		padding: 0 0 0 33px;
	}
	

legend {
	font-size: 17px;
	padding: 10px; }





p {
	padding-bottom: 15px;
	}
	
	
	p img {
		margin: 3px 10px 0 0; }



ul {
	list-style: none;
	padding: 0 0 15px 0; }

	



/* nawgiacja */

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

a:hover { color: #003399 !important; }








/* headers */


h2, h3, h3 a {
	font-family: Trebuchet MS;
	color: #0B3F66; }


h2 {
	padding: 0 0 18px 0;
	font-size: 18px;
	text-transform: uppercase;
	color: #105f9c; }


h3, h3 a {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0; }


h4 {
	font-weight: bold;
}







/* actions */

#actions {
	float: right;
	width: 110px;
	padding: 15px 0 0 0; }

	#actions .back, #actions .print {
		float: left;
		padding: 0 17px 0 0;
		font-size: 10px; }
	
	#actions .back { background: url(../images/i_wroc.gif) no-repeat right; }
		
	#actions .print {
		background: url(../images/i_drukuj.gif) no-repeat right;
		margin-left: 20px; }







#center {
	width: 1000px;
	margin: 0 auto; }






#container {
	float: left;
	width: 1000px; 
	background: url(../images/backc.gif) repeat-y; }






#content {
	position: relative;
	width: 1000px; min-height: 308px;
	background: url(../images/header.jpg) no-repeat center top;
	/*padding: 281px 0 0 0;*/ }

	






/* foot */

#foot {
	float: left;
	width: 1000px; _width: 997px; height: 43px; 
	background: url(../images/foot.gif) no-repeat;
	padding: 28px 0 0 0; }
	
	#foot .address {
		float: left;
		width: 180px;
		line-height: 12px;
		font-size: 11px;
		text-align: left; }
		
	#foot .address, #foot .realizacja, #foot .realizacja * { color: #666; }
		
		
	#foot .realizacja {
		float: right;
		width: 160px; }
		
	#foot .realizacja, #foot .realizacja * { font-size: 10px; }
	
	#foot .realizacja a {
		text-transform: uppercase;
		font-weight: bold; }






/* gallery */

#gallery {
	width: 100%;
	float: left;
	border-top: 1px solid #ddddde;
	margin: -1px 0 0 0;
	padding: 20px 0 0 0; }

	#gallery a {
		float: left;
		margin: 0 7px 9px 0; }

	#gallery a.last { margin-right: 0 !important; }
	
	







/* zglos oferte form */


#kontakt {
	width: 450px;
}

#kontakt em { color: #c10000; }


/*#kontakt fieldset { border: 1px solid #ccc; }*/

#kontakt input {
	float: left;
	width: 140px; height: 18px;
	background: #efefef;
	margin: 2px 0 2px 0;
	padding: 2px 2px 0px 2px;
	border: 1px solid #ccc; }
	
#kontakt label { width: 100%; }
	
#kontakt span {
	float: left;
	width: 150px;
	margin: 2px 0 2px 0;
	padding: 0 5px 0 0; }

#kontakt textarea {
	width: 283px; _width: 280px; height: 130px;
	background: #efefef;
	overflow: auto;
	margin: 3px 0 0 0;
	border: 1px solid #ccc;
	padding: 5px; }

#kontakt .button {
	width: 85px !important; height: 28px !important;
	background: url(../images/arrow2.gif) no-repeat 59px 2px !important;
	border: 1px solid #ccc !important;
	padding: 0 12px 4px 0 !important;
	font-weight: bold;
	cursor: pointer; }
	
#kontakt .wymagane {
	float: left;
	padding: 30px 0 0 88px; }

	








#left {
	float: left;
	width: 181px;
	padding: 281px 0 50px 38px; }





	

#logo {
	position: absolute; top: 10px; left: 20px;
	width: 340px; height: 90px;
	text-indent: -10000px; }








	
#menu h3 {
	width: 167px; height: 18px;
	background: url(../images/menu_header.gif);
	margin: 12px 0 0 0;
	padding: 0 0 0 5px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff; }
	
	#menu a {
		display: block;
		background: url(../images/arrow.gif) no-repeat left;
		margin: 0 0 0 13px;
		padding: 0 0 0 22px;
		line-height: 19px;
		font-size: 11px;
		font-weight: bold;
		color: #333; }















#menu_top { position: absolute; top: 207px; left: 10px; }

	#menu_top a {
		float: left;
		margin: 0 8px 0 8px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff !important; }
	
	#menu_top a:hover { text-decoration: underline; }









/* nav */

#nav {
	float: left;
	width: 99%;
	margin: -20px 0 0 0;
	padding: 0 0 20px 0; }

	#nav, #nav a { font-size: 11px; }









#pages {
	text-align: center;
	margin: 20px 0 0 0; }

	#pages a { margin: 2px; }







#right {
	float: right;
	width: 640px;
	padding: 265px 87px 40px 0; }


#tekst a:link {
font-size: 11px;
	font-weight: bold;
	color: #0B3F66;
	text-decoration: none;
}
#tekst  a:visited {
font-size: 11px;
	font-weight: bold;
	color: #0B3F66;
	text-decoration: none;
}
#tekst a:hover {
font-size: 11px;
	font-weight: bold;
	color: #0B3F66;
	text-decoration: underline;
}










/* wyszukiwarka */

#wyszukiwarka { padding: 0 0 5px 0; }

	#wyszukiwarka input {
		float: left;
		width: 137px; height: 14px;
		border: 1px solid #666;
		margin: 0 3px 0 0;
		padding: 2px 4px 2px 4px;
		text-align: right;
		color: #666; }

	#wyszukiwarka .submit {
		width: 21px !important; height: 21px !important;
		background: url(../images/arrow2.gif) no-repeat; }








/* wyszukiwarka - rezultat */

#wyszukiwarka-rezultat dl { margin: 10px 0 10px 0; }
		
#wyszukiwarka-rezultat dt a { font-weight: bold; }










/* zloz zamowienie */


#zadaj em { color: #c10000; }


#zadaj fieldset { border: 1px solid #ccc; }

#zadaj .dane input {
	width: 140px; height: 18px;
	background: #efefef;
	padding: 2px 2px 0px 2px;
	border: 1px solid #ccc; }


#zadaj small {
	float: right;
	padding: 5px 40px 0 0; }


#zadaj textarea {
	width: 540px; height: 130px;
	background: #efefef;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 5px; }


#zadaj .dane {
	position: relative;
	width: 300px; height: 210px;
	padding: 5px 0 20px 20px;
	float: left; }

#zadaj .tresc {
	width: 572px; height: 181px;
	padding: 5px 0 20px 20px;
	clear: both; }
	
#zadaj .submit {
	position: absolute; right: 60px; top: 150px; _top: 190px; _right: 40px;
	width: 85px !important; height: 28px !important;
	background: url(../images/arrow2.gif) no-repeat 59px 2px !important;
	border: 1px solid #ccc !important;
	padding: 0 12px 4px 0 !important;
	font-weight: bold;
	cursor: pointer; }
	








#zglos {
	float: left;
	width: 181px; height: 43px;
	margin: 47px 0 0 0;
	background: url(../images/zglos.gif) no-repeat;
	text-indent: -10000px; }

















/*
	klasy */

	
.lokalizacja { background: url(../images/lokalizacja.gif); }


.oferta {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ddddde;
	padding: 20px 0 13px 0; }

	.oferta img {
		float: left;
		border: 1px solid #666;
		margin: 0 10px 0 0; }

	.oferta p a { color: #333; }
	
	.oferta_foto { float: right; }

	.oferta_opis {
		float: left;
		width: 300px;
		font-weight: bold; }

	.oferta_opis * { font-size: 11px; }
	
	.oferta_opis p, .podsumowanie { clear: both; }
	

	
	.oferta_opis .icons { clear: both; height: 110px; _height: auto; }

	.oferta_opis .left {
		float: left;
		width: 130px;
		text-align: right; }
	
	.oferta_opis .right { float: left; }
	
	.oferta_opis span { font-weight: bold; line-height: 19px; }
	
	.oferta_opis span.right {
		color: #993300;
		padding: 0 0 0 5px; }



.submit { border: none !important; }



.zadaj, .lokalizacja {
	float: left;
	width: 88px; height: 65px;
	margin: 30px 0 0 0;
	text-indent: -10000px; }


.zadaj { background: url(../images/zadaj.gif) no-repeat; }