/*----------------------------------------------------------------------
[Master Stylesheet]

Projekt:	Labsta.com Laboratorium Designu
Wersja:	1
Ostatnia aktualizacja:	20/09/2008 

----------------------------------------------------------------------*/

/*----Import Stylesheet-----------------------------------------------*/

@import "reset.css";


@import "porownanie.css";

@import "mail.css";

@import "galeria.css";



/*--------------------------------------------------------------------*/

/*----------------------------------------------------------------------
[Kolory]


#d33601 (czerwony)

#ff8a2b (pomarańczowy)

#0576b0 (granat)

----------------------------------------------------------------------*/

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

body {
	background: #ffffff url(obrazki/bg.jpg) repeat-x;
	height: 100%;
	width: 100%;
	font-family: Arial ;
	font-size: 16px;	
}

#kontener {
	background:url(obrazki/sid_bot.jpg) no-repeat 119px 100%;
	margin: 0px auto;
	width: 960px;

}


/*-----------------------top------------------------------------------*/
#top {
	height: 40px;
	padding-top: 10px;
}

#top ul {
	float: right;
}

#top li {
	display: block;
	float: left;
	height: 23px;	
	margin-right: 10px;
	text-indent: -9999px;
}

#onas {
	background: url(obrazki/onas.jpg) no-repeat;
	display: block;
	height: 23px;
	width: 62px;
}

#kontakt {
	background: url(obrazki/kontakt.jpg) no-repeat;
	display: block;
	height: 23px;
	width: 72px;
}

#top a:hover {
	background-position: 0px -23px;
}

/*-----------------------/top------------------------------------------*/

/*-----------------------header---------------------------------------*/
#header {
	background: url(obrazki/header.jpg) no-repeat 240px 0px;	
	height: 150px;
	padding-top: 50px;
	width: 960px;
}

/*-----------------------/header---------------------------------------*/

/*-----------------------sidebar--------------------------------------*/
#sidebar {
	background: url(obrazki/sid_top.jpg) no-repeat 119px 0px;
	float: left;
	width: 240px;
}

/*-----------------------mainmenu-------------------------------------

#mainmenu {

	font-size: 18px;
	letter-spacing: -1px;
	margin: 50px 0px;
}

#mainmenu a {
	color: #0576b0;
	text-decoration: none;
}


#mainmenu a:hover {
	color: #d33601;
}

#mainmenu li:hover {
	background-position: 2px 2px;	
}

#mainmenu li {
	background: url(obrazki/menu_bg.jpg) no-repeat;
	height: 58px;
	margin: 0px 0px 0px 14px;
	padding: 10px 20px;
}

#mainmenu .current {
	background: url(obrazki/menu_cur.jpg) no-repeat;
	color: #d33601;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px;
}

#mainmenu #tur {
	background: url(obrazki/menu_tur.jpg) no-repeat;
}
*/

#mainmenu {

	font-size: 18px;
	letter-spacing: -1px;
	margin: 50px 0px;
}

#mainmenu a {
	background: url(obrazki/menu_bg.jpg) no-repeat;
	display: block;
	height: 60px;
	color: #0576b0;
	padding: 10px 20px 0px 20px;	
	text-decoration: none;
}

#mainmenu a:hover {
	background-position: 1px 1px;	
	margin: 0px 0px 0px 1px;
	color: #d33601;
}


#mainmenu li {
	margin: 0px 0px 0px 14px;
	padding: 5px 0px;
}

#mainmenu .current {
	background: url(obrazki/menu_cur.jpg) no-repeat;
	color: #d33601;
	height: 58px;
	margin: -5px 0px -5px 0px;
	padding: 15px 20px;
}

#mainmenu #tur {
	background: url(obrazki/menu_tur.jpg) no-repeat;
}

/*-----------------------/mainmenu-------------------------------------*/


/*-----------------------/sidebar--------------------------------------*/


/*-----------------------content--------------------------------------*/
#content {
	background: url(obrazki/cont_top.jpg) no-repeat;	
	float: left;
	padding: 0px 10px;
	width: 700px;

 

	
}

#content h1 {
	background: url(obrazki/h1_line.jpg) no-repeat 0% 100%;	
	color: #0576b0;
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0px 10px 10px 10px;
}

#content h2 {
	background: url(obrazki/h2_bg.jpg) repeat-x 0% 100%;	
	color: #000000;
	font-size: 24px;
	padding: 10px 10px 35px 10px;
}

#content h2 span.cena {
	color: #d33601;
	display: block;
	float: right;
}

#content p {
	padding: 10px 20px;
}

#content ul li {
	background: url(obrazki/li_plus.jpg) no-repeat 16px 12px;	
	padding: 10px 20px 10px 50px;
}

#content ol{
list-style-type: decimal;
	padding: 10px 20px 10px 50px;
}

#content ol>li{
margin-left: 10px;
	padding: 10px 20px 10px 0px;

}

p.spec {
	color: #d33601 ;
	font-weight: bold;
	margin: 20px 0px;
}

.l320 {
	float: left;
	width: 320px;
}

.p320{
	float: right;
	width: 320px;
}

.l460 {
	float: left;
	width: 460px;
}

.p240{
	float: right;
	width: 240px;
}




.dowiedz {
	background: url(obrazki/dowiedzsie.gif) no-repeat;
	display: block;
	height: 28px;
	margin: 0px auto;
	text-indent: -9999px;
	width: 147px;	
}

.dowiedz:hover {
	background-position: 0px -28px;
}

/*---*/
#porownanie {
	text-align: center;
}
/*---*/

/*---*/
.ramka_prod {
	background: url(obrazki/ramka_prod.jpg) no-repeat;
	float: left;
	height: 299px;
	margin: 30px 0px 0px 3px;	
	width: 199px;
	text-align: center;
	padding: 15px;
}

.ramka_prod h3 {
	background: none;
	color: #0576b0;
	font-family: "Trebuchet MS";
	font-size: 18px;
	padding: 0px 0px 40px 0px;

}

.ramka_prod span.cena {
	color: #d33601;
	display: block;
	text-align: right;	
	font-size: 24px;
	padding: 0px 30px 5px 0px;
	/*float: right;*/
}

.ramka_allegro {
	float: left;
	height: 299px;
	margin: 30px 0px 0px 3px;	
	width: 199px;
	text-align: center;

}

.allegro2 {

	margin: 60px 0px;	

	text-align: center;

}

p.cena span {
	color: #d33601;
	font-size: 24px;
}

/*---*/

/*-----------------------/content--------------------------------------*/




.kreska {
	background: url(obrazki/h1_line.jpg) no-repeat 250px 0px;	
	clear: both;
	height: 30px;
	margin: 0px auto;
	width: 960px;
}

/*-----------------------foot--------------------------------------*/

#foot {
	background: #9d9d9d;
	height: 50px;
	color: #ffffff;
	font-size: 12px;
}

#footer {
	background: url(obrazki/foot.jpg) no-repeat;
	height: 50px;
	margin: 0px auto;
	width: 960px;

}


#foot a{
	color: #ffffff;
}
#foot h1, #foot h2 {
	display: inline;
}

#footer div {
	margin: 25px 50px 0px 50px;
	text-align: right;
}
/*-----------------------/foot--------------------------------------*/

/*-------------------clasy pomocnicze----------------------------------*/
.spacer60 {
	height: 60px;
}

.spacer30 {
	height: 30px;
}

.clear30 {
	clear: both;
	height: 30px;
}