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

	created: jul 05, 2009


*/


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


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


blockquote {
	float: left;
	line-height: 18px;
	text-align: left; }

	blockquote p { font-size: 14px; }


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



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



fieldset { border: none; }



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




html {
	line-height: 16px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333; }



img { border: none; }



input, textarea {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px; }

ins { text-decoration: none; }




p {
	padding-bottom: 15px;
	text-align: justify; }



textarea {
	overflow: auto; }


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














/*	naglowki */

h1 { clear: left;
	padding: 10px 0 25px 0;
	font-size: 30px;
	font-weight: normal;
	color: #ff9900;
width: 530px;
line-height: 32px;
}

h3 {
	font-size: 14px;
	font-weight: bold;}

h4 {
	font-size: 12px;
	font-weight: bold;
}



















/*	nawigacja */

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

	a:hover {
		text-decoration: underline;
	}



















#adres {
	float: left;
	width: 330px; height: 65px;
	background: url(../images/i_adres.gif) no-repeat left 10px;
	padding: 0 0 0 60px;
	font-size: 14px; }















#branze { background: none !important; }


#branze a {
	padding: 5px 0 5px 0;
	color: #990000 !important; }

#branze ul { margin: 0; }

	#branze li {
		background-position: left 6px !important;
		padding: 0 0 4px 3px !important; }

	#branze li a {
		font-size: 11px !important;
		font-weight: normal !important;
		padding: 0 0 0 5px;
		color: #333 !important;
		line-height: 17px !important;
		color: #333; }















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











#clock {
	float: right;
	width: 200px;
	background: url(../images/i_clock.gif) no-repeat left 10px;
	padding: 0 0 0 60px;
	font-size: 14px; }












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
















#fast-links {
	position: absolute; top: 62px; right: 0;
	width: 220px; }

	#fast-links a {
		float: left;
		padding: 0 16px 0 17px;
		color: #aeaeae; }

	#fast-links .home { background: url(../images/i_home.gif) no-repeat left; }
	#fast-links .reklama { background: url(../images/i_reklama.gif) no-repeat left; }
	#fast-links .kontakt { background: url(../images/i_koperta.gif) no-repeat left; }






















#foot {
	float: left;
	position: relative;
	width: 958px; height: 75px;
	background: url(../images/foot.gif);
	padding: 32px 15px 0 21px; }

	#foot * { color: #666; }

	#foot .firma { float: left; }

	#foot .links { float: right; }

	#foot .links a {
		float: left;
		line-height: 12px;
		border-right: 1px solid #666;
		padding: 0 10px 0 10px; }

	#foot .realizacja {
		position: absolute; top: 65px; right: 25px;
		font-size: 10px; }

















#gallery {
	clear: both;
	padding: 15px 0 25px 0; }

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

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

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

























#info {
	float: left;
	width: 690px;
	background: #f3f3f3;
	border: 1px solid #ccc;
	padding: 15px 0 15px 36px;
}


















#left {
	float: left;
	width: 225px;
	padding: 233px 0 0 22px; }

	#left .ban { float: right; }


#logo1 {
float: right;
width: 180px;}


#logo1 img {
float: right;
padding-bottom: 10px;
}













#logo {
	position: absolute; top: 50px; left: 250px;
	width: 500px; height: 110px;
	background: url(../images/empty.gif);
	text-indent: -10000px; }

















#logowanie {
	float: left;
	position: relative;
	width: 208px;
	background: url(../images/h_nie.gif) no-repeat left top;
	padding: 0 0 0 0; }

a#brakkonta {

	float:left;
	width:208px;
	height:95px;
	display:block;
	}

	#logowanie a {
		display: block;
		padding: 3px 0 0 4px;
		font-size: 11px; }

	#logowanie h4 { padding: 0 0 10px 0; }

	#logowanie .button {
		position: absolute; top: 147px; right: 28px;
		background: #4c4c4c;
		padding: 2px 8px 4px 8px;
		font-weight: bold;
		color: #fff; }

	#logowanie .field {
		display: block;
		width: 120px;
		border: 1px solid #babab4;
		padding: 3px 0 3px 4px;
		margin: 0 0 5px 0; }


























#menu {
	position: absolute; top: 182px; right: 0;
	width: 660px; }

	#menu a {
		float: left;
		padding: 0 10px 0 10px;
		border-right: 2px solid #ffc200;
		font-family: "Arial Narrow";
		font-size: 14px;
		text-transform: uppercase;
		color: #fff; }























#menu-top { position: absolute; top: 17px; right: 25px; }

	#menu-top a {
		padding: 0 8px 0 8px;
		border-right: 1px solid #000;
		color: #000; }



















#middle {
	float: left;
	width: /* 510px */ 730px;
	padding: 257px 0 0 0; }

	.long { width: 730px !important; }

	#okazyjne {width:730px !important;}
















#mini {
	float: left;
	width: 204px;
	background: url(../images/h_mini.gif) no-repeat -4px top;
	margin: -43px 0 0 0;
	padding: 35px 0 0 0;
	list-style: none;
	}

#zlap {

	float:left;
	width:200px;
	padding-top:50px;
	background: url(http://okazje24.com/images/top.jpg) -25px -185px no-repeat;
}
#zlap .dodaj {margin-top:10px;}

#najnowsze,
#zlap {
	margin: 0;
	list-style: none;
	}


	#mini li,
	#najnowsze li {
		background: url(../images/arrow.gif) no-repeat left 5px;
		padding: 0 0 8px 7px;
		width: 200px;
		font-size: 10px; }

	#mini a,
	#zlap a {
		display: block;
		font-size: 13px;
		font-weight: bold;
		color: #990000;
		line-height: 14px; }

	#mini a:hover {
		text-decoration: none;
		color: #cc6600; }


























#najnowsze {
	float: left;
	width: 205px;
	background: url(../images/h_najnowsze.gif) no-repeat left top;
	padding: 43px 0 10px 0; }

	#najnowsze * { font-size: 11px; }

	#right .dodaj { margin-right: 5px !important; }

	#najnowsze li {
		background-position-y: 7px;
		padding-bottom: 0px;
		font-weight: bold; }

	#najnowsze span { color: #990000; }



















#okazyjne {
	width: 510px;
	background: url(../images/h_okazyjne.gif) no-repeat left top;
	padding: 40px 0 0 0; }

	#okazyjne p {
		font-family: Arial;
		font-size: 13px;
		text-align: justify; }

	#okazyjne img {
		float: right;
		margin: -40px 0 5px 10px; }

















#page {
	float: left;
	position: relative;
	width: 994px; min-height: 506px; _height: 506px;
	background: url(../images/top.jpg) no-repeat top; }


























#right {
	/* float: right;
	width: 205px;
	padding: 256px 18px 0 0 !important;
	padding:256px 0 0 0; */
	display:none;
	}






















#shop-map {
	float: left;
	width: 726px;
	padding: 10px 0 0 0; }

	#shop-map .map,
	#shop-map .shop {
		float: left;
		border: 1px solid #666; }

	#shop-map .map { width: 400px; }

	#shop-map .shop {
		width: 309px;
		margin: 0 13px 0 0; }



#shop-map small {

	float:right;
	padding-right:15px;
	}










#thumbs_start {

	clear: left;
	float: left;
	width: 730px !important;
	width: /*730*/530px;
	padding: 0 0 25px 0;
	}
#thumbs_start .row a {
		float: left;
		width: 117px;
		margin: 0 15px 15px 0; _margin: 0 5px 10px 0;
		padding:5px 7px 4px 5px;
		border:1px solid #ccc;
		min-height:240px;
		}

	#thumbs_start a img { border: 1px solid #ccc; }

	#thumbs_start a:hover { text-decoration: none; }

	#thumbs_start a:hover img { border: 1px solid #990000; }

	#thumbs_start span {
		display: block;
		width: 117px;
		text-align: center; }

	#thumbs_start .price {
		font-size: 14px;
		font-weight: bold;
		color: #990000; }

	#thumbs_start .price .strike {
		font-size: 14px !important;
		font-weight: normal;
		color: #333; }

	#thumbs_start .shop { font-size: 10px; }



#thumbs_start.big a { width: 136px; }

#thumbs_start.big span { width: 136px; }

#thumbs_start.big .price {
	font-size: 18px;
	font-weight: bold; }

#pages a
{
	float:left;
	margin:2px;
}






















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

	#thumbs a {
		float: left;
		width: 117px;
		margin: 0 10px 15px 0; _margin: 0 5px 10px 0; }

	#thumbs a img { border: 1px solid #ccc; }

	#thumbs a:hover { text-decoration: none; }

	#thumbs a:hover img { border: 1px solid #990000; }

	#thumbs span {
		display: block;
		width: 117px;
		text-align: center; }

	#thumbs .price {
		font-size: 14px;
		font-weight: bold;
		color: #990000; }

	#thumbs .price .strike {
		font-size: 14px !important;
		font-weight: normal;
		color: #333; }

	#thumbs .shop { font-size: 10px; }



#thumbs.big a { width: 136px; }

#thumbs.big span { width: 136px; }

#thumbs.big .price {
	font-size: 18px;
	font-weight: bold; }







#wybrane {
	width: 510px;
	background: url(../images/h_wybrane.gif) no-repeat left top;
	padding: 65px 0 0 0;
}





















#wyszukiwarka {
	position: absolute; top: 116px; right: 20px;
	width: 200px; }

	#wyszukiwarka .button {
		padding: 4px 7px 4px 7px;
		background: #4c4c4c;
		font-weight: bold;
		color: #fff; }

	#wyszukiwarka .field {
		width: 122px;
		border: 1px solid #bbbbb5;
		padding: 3px 4px 3px 4px; }





















#zlap a {
	color: #cc6600; }

#zlap a:hover { color: #990000; }























/* classess */



.bans * {
	margin: 0 0 5px 0;
	float:left;
}

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

.button:hover {
	filter:alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8; }


.dodaj {
	float: left; clear:both;
	background: url(../images/arrow.gif) no-repeat right 7px;
	margin: 0 23px 0 0;
	padding: 0 10px 25px 0;
	font-weight: bold;
	color: #990000; }

	#left .dodaj {margin-left:7px;}
	#zlap .dodaj {margin-left:0px;}


.last { border: none !important; }



.menu_body {
	display: none;
	list-style: none; }


.menu_head { cursor: pointer; }



.red { color: #990000; }


.row { width: 100%; float: left; }

.strike { text-decoration: line-through; }


.strona-glowna {
	position: absolute; top: 158px; left: 48px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold; }




#kredyty {
float: left;
width: 205px;
background: url(../images/h_raty.gif) no-repeat left top;
padding: 30px 0 10px 0; }





/* formularz kontaktowy */

#kontakt
{
	float:left; clear:left;
}

#wyslij
{
	float:left; clear:left;
	width:  510px;
}

#kontakt fieldset {
    border: 1px solid #999;
	width:495px;
    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: 30%;
        margin: 1px;
        padding: 0 /*3px*/10px 0 0;
        text-align: right;
        color: #111; }


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


#kontakt textarea {
    float: left;
    overflow: hidden;
    overflow: auto;
    width: 90%; height: 120px;
	margin-left:35px;
	margin-top:5px;
	}


#kontakt .button {
    float: right;
    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; }





/* to my skontaktujemy się z tobą formularz i inne */

.frame {float:left;}

#kontakt2 h1, #kontakt2 h2, #kontakt2 .komunikatory h3 { text-indent: -10000px; font-size:5px; }

	#kontakt2 h1 {
		position: relative; top: auto; left: 0;
		width: 115px; height: 19px;
		background: url(../images/h_studio.gif);
		margin: 32px 0 5px 0; }

	#kontakt2 h2 {
		width: 359px; height: 40px;
		background: url(../images/h_dla.gif) no-repeat; }

	#kontakt2 input {
		float: left;
		width:170px;
		margin: 5px 10px 5px 0; }

	#kontakt2 .komunikatory h3 {
		width: 206px; height: 17px;
		background: url(../images/h_komunikatory.gif) no-repeat; }

	#kontakt2 .frame {
		float:left;
		width: 477px;
		background: #f4f4f4;
		border: 1px solid #dedede;
		margin: 0 0 25px -15px !important;
		margin:0 0 20px 0px;
		padding: 15px; }

	#kontakt2 .frame p {
		margin: 5px 0 5px 0;
		padding: 0; }




	#kontakt2 .gg {
		float: left;
		width: 130px;
		padding: 5px 0 0 0; }

	#kontakt2 .gg, #kontakt .skype {
		font-size: 12px;
		color: #ff0000; }

	#kontakt2 .gg a, #kontakt .skype a {
		font-size: 12px;
		color: #b61a32; }

	#kontakt2 .gg img {
		float: left;
		margin: 5px 5px 0 0; }


	#kontakt2 .right2{
		float: left; 
		margin-left: 15px;
		width: 495px; }


	#kontakt2 .skype {
		float: left;
		width: 150px;
		background: url(../images/skype.gif) no-repeat left;
		padding: 0 0 0 80px; }


#kontakt2 .button {
    float: left;
    width: 173px;
    border: 1px solid #666 !important;
    text-align: center;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }

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





/*baner dolny*/

.bans-foot {

	border-top:1px solid #efefef;
	width:955px; width: 990px;
	/*height:115px;*/
	margin-left: 2px;
	background:#fff;
	clear:both;
	text-align: center;
	/*margin:0 0 0 25px;*/ 	}

	.bans-foot .baner * { margin: 0 auto !important; }


.bans-foot .baner {
	background: #fff;
	padding-top:20px;
	margin:0 auto;
	/*width:755px;*/
}


/*lista stron*/

#pages {
	float: left;
	padding: 5px 0 0 0;
	width:500px;
	}

	#pages a {
		float: left;
		width:auto;
	 }

	#pages a.hit,
	#pages a.hit:hover {
		background: none;
		cursor: default;
		font-weight: bold;
		color: #333; }

/*************
.nastepne {
	float: left;
	width: 72px; height: 18px;
	background: url(../images/button_nastepne.gif);
	padding: 0 !important;
	}

.nastepne a {

	text-indent:100000px;
	}

.nastepne:hover { background: url(../images/button_nastepne.gif) 0 -18px; }

.poprzednie {
	float: left;
	width: 78px; height: 18px;
	background: url(../images/button_poprzednie.gif);
	padding: 0 !important; }

.poprzednie:hover { background: url(../images/button_poprzednie.gif) 0 -18px; }
****************/


/** wyniki wyszukiwania **/
#search {

	float:left;
	width: 510px;
	}

#search ul { margin-bottom:15px;}