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

	created: mar 12, 2010


*/



/********************************      Basic Structure      ********************************/


* { margin: 0; padding: 0; outline: none; }


address {
	float: left;
	font-style: normal; }


blockquote { line-height: 18px; }

	blockquote p { font-size: 14px; }


body {
	background: url(../images/backt.jpg) no-repeat center top;
	font: 11px/16px Verdana, "Lucida Grande", Helvetica, Sans-Serif; }

	body.ban { background: url(../images/backt-ban.jpg) no-repeat center top; }




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




fieldset { border: none; }



html {
	background: url(../images/backc.gif) center;
	overflow: auto;
	overflow-x: hidden;
	color: #333; }



img { border: none; }



ins { text-decoration: none; }




p {
	padding-bottom: 15px;
	float:left;
	width:100%;
}

	p img {
		/* float: left; */
		border: 1px solid #c6c6c6;
		/* margin: 2px 10px 5px 0; */ }



textarea {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	overflow: auto; }


ul, ol { margin: 0 0 20px 20px; clear: both;}










/********************************      Elements styling      ********************************/

h1, h2, h6 { font-weight: normal; }

h1 {
	line-height: 23px;
	padding: 0 0 15px 0;
	font-size: 20px; }

h2 { font-size: 16px; }

h4 { font-size: 14px; }

h5 {
	font-size: 12px;
}

h6 { font-size: 10px; }


a {
	text-decoration: none;
	color: #833f29; }

	a:hover { text-decoration: underline; }









#anim { position: absolute; right: 0; top: 0; }










#article {
	float: left;
	position: relative;
	width: 251px;
	background: url(../images/dot.gif) repeat-x bottom;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	overflow: hidden; }

	#article p img { margin: 0 5px 5px 0; }
/*
	#article #actions {
		float: left;
		width: 100%; }

	#article #actions a { font-weight: bold; }

	#article .next { float: right; }
	#article .prev { float: left; }

*/




	#article dl.container {
		float: left;
		list-style: none;
		margin: 0; overflow: hidden; }

		#article dl.container dd {
			float: left;
			width: 251px;
			overflow: hidden; }

		#article dl.container ul {
			clear: both;
			list-style: disc;
			overflow: visible; }

		#article dl.container ul li {
			float: none;
			width: auto;
			overflow: visible; }


		#article #slide { width: 251px; }

		#prevBtn, #nextBtn {
			float: left;
			width: 110px; }

		#nextBtn { float: right; text-align: right; }









#ban-big {
	position: absolute; top: 385px; left: 0;
	width: 100%;
	text-align: center; }

	#ban-big a img {
		background: #f3f0e5;
		padding: 3px; }




#bans { }

	#bans a { margin: 0 0 4px 0; }

	#bans ul { list-style: none; margin: 0; }






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

	.ban #center { padding: 510px 0 0 0; }











#czlonkowie {
	position: absolute; top: 290px; left: 0; z-index: 100;
	width: 942px; height: 54px;
	padding: 10px 0 0 18px; }

	#czlonkowie a { _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
	#czlonkowie a:hover { _filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }










#firmy {
	float: right;
	position: relative;
	width: 390px; }

	#firmy h2 { padding: 0 0 10px 0 }

	#firmy h3 { margin: 0 0 10px 0 }

	#firmy h4 {
		font-size: 20px;
		margin: 0 0 15px 0; }

	#firmy h5 {
		float:left;
		border-bottom: 1px dashed #ccc;
		padding: 0 0 2px 0; }

	#firmy p { font-size: 12px; line-height: 18px; }

	#firmy .col,
	#firmy .col2 {
		float: left;
		width: 180px;
		padding: 5px 15px 0 0;
		text-align: left; }

	#firmy .store { position: relative; }


	.polska1, .polska2, .polska3, .polska4, .polska5, .polska6, .polska7, .polska8,
	.polska9, .polska10, .polska11, .polska12, .polska13, .polska14, .polska15, .polska16 { display: none; }











#foot {
	float: left;
	width: 100%; height: 157px;
	background: url(../images/foot.gif) center top;
	padding: 85px 0 0 0;
	line-height: 14px; }

	#foot * { font-size: 10px; }

	#foot address { float: left; }

	#foot .content {
		position: relative;
		width: 960px;
		margin: 0 auto; }


	#foot .links {
		position: absolute; top: 0; left: 376px;
		width: 330px; }

		#foot .links ul {
			float: left;
			clear: none;
			width: 165px;
			list-style: none;
			margin: 0; }

		#foot .links ul li {
			background: url(../images/arrow3.gif) no-repeat left 6px;
			padding: 2px 0 2px 7px; }


	#foot .realizacja {
		position: absolute; top: 0; right: 0;
		text-align: right;
		color: black; }






#gallery {
	float: left;
	width: 100%;
	padding: 15px 0 0 0; }

	#gallery a:hover img { _filter:alpha(opacity=80); -moz-opacity: .8; opacity: .8; }






#intro {
	float: left;
	width: 100%;
	background: url(../images/dot.gif) repeat-x bottom;
	margin: 0 0 15px 0; }

	#intro img {
		padding: 3px;
		background: #f8f6f0; }






#left {
	float: left;
	width: 154px; }








#logo {
	position: absolute; left: 32px; top: 75px;
	width: 470px; height: 145px;
	background: url(../images/empty.gif);
	text-indent: -10000px; }







#menu {
	float: left;
	padding: 0 0 15px 0; }

	#menu ul {
		float: left;
		margin: 0 0 0 10px;;
		list-style: none;
		padding: 0 0 15px 0; }


	#menu a {
		float: left;
		width: 144px; height: 36px;
		background: url(../images/menu.gif);
		padding: 0 0 0 10px;
		line-height: 31px;
		font-size: 13px;
		color: white; }

	#menu a.hit,
	#menu a:hover { background-position: 0 -36px; }

	#menu ul li {
		background: url(../images/line.gif) no-repeat left 8px;
		float: left;
		width: 137px;
		padding: 0 0 0 7px; }

	#menu ul li a {
		height: auto;
		padding: 0;
		background: none;
		line-height: 16px;
		font-size: 12px;
		color: black; }









#middle {
	float: left;
	width: 510px;
	padding: 0 0 0 25px; }






#newsletter {
	float: left;
	width: 251px; }

	#newsletter input,
	#newsletter button { float: left; }

	#newsletter input[type="text"] {
		width: 163px; height: 24px;
		background: url(../images/input.gif);
		margin-right: 5px;
		padding: 0 5px 0 5px; }






#news { }

	#news h4 { padding: 0 0 5px 0; }

	#news .item {
		float: left;
		width: 500px;
		padding: 0 0 0 10px;
		background: url(../images/arrow.gif) no-repeat left 4px; }







#polska { float: left; margin-left: -10px; }






#right {
	float: left;
	width: 730px;
	padding: 0 0 0 25px; }

	.start #right {
		float: right;
		width: 251px;
		padding: 0; }




#sonda {
	float: left;
	width: 251px;
	background: url(../images/dot.gif) repeat-x bottom;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0; }

	#sonda h2 { padding: 0 0 10px 0; }

	#sonda p { font-weight: bold; }

	#sonda ul li span { padding: 0 0 0 5px; }

	#sonda ul {
		list-style: none;
		margin: 0; }

	#sonda .buttons {
		float: left;
		width: 100%;
		padding: 15px 0 0 0;
		text-align: center; }

	#sonda .wyniki { font-size: 10px; }

	#sonda fieldset {float:left;}





#zaloguj, #zaloguj2 {
	float: left;
	position: relative;
	width: 142px; height: 55px;
	background: url(../images/zaloguj.gif);
	margin: 0 0 15px 0;
	padding: 34px 0 0 12px; }

	#zaloguj input[type="text"], #zaloguj2 input[type="text"],
	#zaloguj input[type="password"], #zaloguj2 input[type="password"] {
		float: left;
		width: 130px; height: 15px;
		margin: 0 0 8px 0; }

		#zaloguj input[type="password"], #zaloguj2 inputp[type="password"] { width: 87px; }

	#zaloguj button, #zaloguj2 button {
		position: absolute; top: 56px; right: 6px; z-index: 10;
		background: url(../images/btn_loguj.gif) !important;
		background-position: 0 0;
		width: 44px; height: 19px; }

	#zaloguj button:hover, #zaloguj2 button:hover { background-position: 0 bottom !important; }










#znajdz {
	float: left;
	width: 251px;
	background: url(../images/dot.gif) repeat-x bottom;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0; }

	#znajdz:hover { _filter:alpha(opacity=80); -moz-opacity: .8; opacity: .8; }





/********************************      General Classes      ********************************/

button {
	width: 71px; height: 23px;
	background: url(../images/button.gif);
	border: none; border: 0;
	text-transform: uppercase;
	color: white; line-height: 20px;
	cursor: pointer; }

	button:hover { background-position: 0 -23px; }



input[type="text"], input[type="password"] {
	border: none; border: 0;
	background: none;
	font-size: 11px; }


.menu_body { display: none; }


.more {
	background: url(../images/arrow2.gif) no-repeat left 3px;
	padding: 0 0 0 7px;
	font-weight: bold; }




/********************************      Forms     ********************************/

/*
    update: studiofabryka.pl
    30.11.2010
*/

#kontakt input, #kontakt select
    {
	float:left;
	border: 1px solid #e0d8be;
	background: #ffffff;
	padding:4px;
	width:180px;

	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	 border-radius:5px;
    }
    #kontakt input:focus
	{
	    border:1px solid #d1c69e;
	}
    #kontakt .short
	{
	    width:110px;
	}
    #kontakt .long
	{
	    width:250px;
	}
    #kontakt img
	{
	    float:left;
	    margin-left:5px;

	    -moz-border-radius: 5px;
	    -webkit-border-radius:5px;
	     border-radius:5px;
	}

#kontakt label
    {
	float:left;
	clear:left;
	margin:5px 0;

	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:5px;
    }

    #kontakt label:hover
	{
	    background: #ece7d7;
	}

#kontakt span
    {
	width:250px;
	display: block;
	float:left;
	margin-right:10px;
    }

#kontakt .button
    {
	background: #694a36;
	width:auto;
	height:auto;
	padding:4px 8px;
	color: #ffffff;
	font-weight:bold;
    }

#kontakt #error
    {
	float:left;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff0000;
	width:280px;
	padding:4px;
	margin-left:10px;
	border:1px dashed #ff0000;

	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    }

    #kontakt .error-input,
    #kontakt .error-label
	{
	    border:1px solid #ff0000;
	    background: #ffe1e1;
	}

#kontakt .checkbox
    {
	width:25px;
    }

    #kontakt span.right
	{
	    width:95%;
	}

	.longlabel {width:98%;}