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

	created: sep 25, 2008

*/



* { margin: 0px; padding: 0px; }




address { font-style: normal; }




html {

	overflow: auto; overflow-x: hidden; }



body { background: #fff url(../images/back.jpg) no-repeat center top; }



blockquote p {
	width: 430px;
	padding: 5px 0 25px 0;
	font-size: 13px; }


a, address, body, input, h1, h2, h4, h5, h6, legend, li option, p, select, textarea, td {
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #757575; }


dt, dt a {
	font-size: 15px;
	font-weight: bold;
}


fieldset { border: none; }



img { border: none; }



input { font-size: 11px; }




p { padding-bottom: 15px; }



ul, ol { margin: 0 0 15px 15px; }




th {
	background: #efefef;
	line-height: 13px;
	padding: 5px 0 5px 0; }

td {
	border-bottom: 1px solid #ccc; }



/* nawgiacja */

a { text-decoration: none; }

a:hover { color: #354b90; }













/* nagýýwki */

h1 {
	position: relative;
	height: 45px;
	 }

	.aktualnosci { background: url(../images/h_aktualnosci.gif) no-repeat; }
	.produkty { background: url(../images/h_produkty.gif) no-repeat; }
	.serwis { background: url(../images/h_serwis.gif) no-repeat; }
	.witamy { background: url(../images/h_witamy.gif) no-repeat left top; }
	h1.zastosowania {
		background: url(../images/h_zastosowania.gif) no-repeat;
		margin: -10px 0 5px 0; }


h2 {
	height: 29px;
	text-indent: -1000px; }

	.produkty { background: url(../images/h2_produkty.gif) no-repeat; }
	.serwis { background: url(../images/h2_serwis.gif) no-repeat; }
	.zastosowania { background: url(../images/h2_zastosowania.gif) no-repeat; }

h3 {
	margin: 0 0 25px 0;
	font-size: 20px;
	color: #654069;
}

h4, h4 a {
	font-size: 18px;
	font-weight: bold;
	color: #354b90; }


h5, h5 a {
	font-size: 12px;
	font-weight: bold; }

h6  {
	font-size: 13px;
	font-weight: bold;
        color: #354b90;}















#aktualnosci {
	float: right;
	width: 460px;
	margin-top: -70px; margin-bottom: 20px; }

	#aktualnosci .item {
		float: left;
		width: 200px;
		margin-right: 25px; _margin-right: 23px; }

	#aktualnosci a { color: #354b90; }

	#aktualnosci a:hover { text-decoration: underline; }

















#anim {
	float: left;
	width: 960px; height: 149px;
	background: url(../images/anim_left.gif) no-repeat left top;
	margin-bottom: 40px; }

	#start #anim {
		width: 612px; height: 337px;
		margin: 0; }

	#anim .anim {
		float: right;
		width: 951px; height: 149px; }

	#start #anim .anim { width: 603px; height: 337px; }





	#categories {
		float: left;
		width: 170px;
		padding: 0 0 0 20px; }

	#start #categories {
		float: left;
		width: 490px;
		margin-top: -60px;
		padding: 0; }

	#categories a { font-size: 12px; }

	#categories dd {
		background: url(../images/line.gif) no-repeat left 8px;
		padding: 0 0 0 10px; }

	#categories dl {
		float: left;
		width: 160px;
		margin: 0 0 25px 0; }

	#categories dt {
		height: 29px;
		text-indent: -10000px; }













#center {
	position: relative;
	width: 960px;
	margin: 0 auto; }
















#foot {
	clear: both;
	width: 960px;  }

	#foot * {
		line-height: 12px;
		font-size: 10px;
		color: #9a9a9a; }

	#foot a:hover { text-decoration: underline; }

	#foot span { color: #585858; }

	#foot .copyright { float: left; }

	#foot .inside {
		width: 555px; height: 42px;
		background: #f4f5f8;
		padding: 15px 24px 0 24px; }

	#foot .realizacja {
		float: right;
		text-align: right; }







#gallery {
	padding: 20px 0 20px 0; }

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

	#gallery a img {
		padding: 3px;
		border: 1px solid #dbdbdb; }

	#gallery a:hover img { border: 1px solid #aaa; }






#header {
	width: 960px;
	position: relative;
	height: 100px; }

	#start #header { height: 195px; }



/* formularz kontaktowy */

#kontakt fieldset {
    border: 0px none #ccc;
    padding: 2em 0em 2em 1em; }


#kontakt input { line-height: 14px; }



#kontakt input, select,
#kontakt textarea {
    float: left;
    width: 30%;
    padding: 1px 2px 1px 2px; }



#kontakt label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer; }

   #kontakt  label span {
        float: left;
        width: 20%;
        margin: 1px;
        padding: 0 3px 0 0;
        text-align: right;
        color: #666; }


#kontakt legend {
    padding: 0 1em 1em 1em;
    font-weight: bold; }


#kontakt textarea {
    float: left;
    overflow: hidden;
    overflow: auto;
    width: 70%; height: 100px; }


#kontakt .button {
    float: right;
color: #000;
font-weight: bold;
    width: 100px;
    border: 1px !important;
    padding: 4px;
    text-align: center;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }

#kontakt .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
















#logo {
	position: absolute; top: 12px; left: 33px;
	display: block;
	width: 282px; height: 60px;
	background: url(../images/logo_small.gif);
	text-indent: -10000px; }

	#start #logo {
		top: 43px; left: 55px;
		width: 350px; height: 75px;
		background: url(../images/logo.gif); }















#menu {
	position: relative;
	width: 835px; height: 57px;
	background: url(../images/menu_back.jpg);
	padding: 0 110px 0 15px;
	float:left;
	}

	#menu a {
		float: left;
		height: 57px;
		text-indent: -10000px;
		cursor: pointer; }

	#menu a:hover { background-position: 0 -57px; }

	a.sklep { width: 120px; background: url(../images/m_sklep.gif); }
	a.impressum { width: 116px; background: url(../images/m_impressum.gif); }
	a.kontakt { width: 105px; background: url(../images/m_kontakt.gif); }
	a.mapa { width: 135px; background: url(../images/m_mapa.gif); }
	a.ows { width: 76px; background: url(../images/m_ows.gif); }
	a.start { width: 73px; background: url(../images/m_start.gif); }
	a.praca { width: 73px; background: url(../images/m_praca.gif); }








#reklama {
	position: absolute; top: 384px; right: 0;
	width: 262px; height: 43px;
	background: url(../images/reklama.gif) no-repeat;
	padding: 63px 10px 0 0;
	text-indent: -10000px;
	font-size: 11px;
	line-height: 13px;
	text-align: right;
	color: #d1d1d1; }









#right {
	float: right;
	width: 675px;
	border-left: 1px solid #dbdbdb;
	padding: 5px 40px 10px 50px;
	margin-bottom: 20px; }














#witamy {
	position: absolute; top: 25px; right: 20px;
	width: 440px; }

	#witamy p {
		padding: 0 0 0 5px;
		font-size: 11px;
		color: #757575; }









#wyszukiwarka {
	position: absolute; top: 17px; right: 8px;
	width: 300px; height: 21px;
	text-align: right; }

	#wyszukiwarka .field {
		width: 160px; height: 18px; _height: 22px;
		background: #fff;
		border: none;
		padding: 4px 5px 0 5px; }

	#wyszukiwarka .button { padding: 3px 5px 3px 5px; }











/* classess */

.button {
	cursor: pointer;
	border: none; border: 0; }


.button:hover {
	filter:alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9; }



.center { text-align: center; }



.menu_body {
	display: none;
	background: none !important; }

.menu_body a {
	display: block;
	background: url(../images/line.gif) no-repeat left 8px;
	padding: 0 0 0 10px; }



.nw { white-space: nowrap; }