/****************************************************************************************/

/*

Działowy Arkusz Stylów (dla przegladarek w wersji 4) dla Bipromasz

version: 3

autor: waldek zajaczkowski

email: info@neteverest.pl

witryna www: http://www.neteverest.pl/

/***************************************************************************************/





/* Szerokosc okna przegladarki

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



	



/* Globalne ustawienia

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

html, body, form, fieldset {

	margin: 0; 

	padding: 0; 

	font-family: Verdana, Arial, sans-serif; 

	color: #222020;

}

	

html {

	font-size: 100%;

	}

	

html, body{

	margin:0;

	padding:0;

	}



body {

	text-align: center;  

	background: #fff url("../images/tlo_body_dzial.jpg") repeat-x top;

	font-size:82%;

	line-height:140%;

	}



a:link {

    text-decoration: none;

	color: #666666;

	

}



a:active {

    text-decoration: none;

}



a:visited {

    text-decoration: none;

	color: #666666;

}



a:hover {

	text-decoration: underline;

	/*color: #1A3B6B;*/

	color: #000000;

}





sup {

	font-size:80%;

}





/* header

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



#header {

	background: url("../images/dwa_logotypy.gif") top left no-repeat;

	height: 130px;

	font-family: Verdana, Arial, sans-serif; 

	margin: 0 auto;

	text-align:left;

	width: 960px;

	position: relative;

}



#header h1 {

	float:left;

	height: 88px;

	margin: 0;

	overflow: hidden;

	text-indent:-9999em;

	width: 400px;

}

#logo a
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/dwa_logotypy.gif) top left no-repeat;
	width: 400px;
	height: 88px;
	text-indent: -9999em;
	display: block;
	border:0;
}



#header #nagrody img.fairplay {

	float:left;

	margin: 0;

	margin-top:11px;

	margin-left:150px;

}



#header #flagi {

	float:right;

	height: 50px;

	margin: 5px;

	width: 200px;

}



#header #flagi img{

	border:0;

	margin-left: 30px;

}





/* nawigacja główna

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



#nawigacja {

	position: absolute;

	top: 83px;

	left:0;

	width: 960px;

	text-align: left;

}



#header #nawigacja a:hover {

	text-decoration: none;

}



#nawigacja ul, #nawigacja li {

	margin: 0;

	padding: 0;

}



#nawigacja ul {

	text-align: left; 

	margin: auto; 

	padding-left: 0px; 

	width:900px

}



#nawigacja li {

	display: block; 

	float: left; 

	height: 28px; 

	margin: 0 12px; 

	padding: 0;

	font-family: "Century Gothic", Arial, Verdana, Sans-serif;

	font-size: 100%; 

	font-weight: bold; 

	line-height: 29px;

}



#wybrane {

	background: #fff url("../images/tlo_zakladka.jpg") no-repeat left bottom;

	height: 28px;

	margin: 0;

	padding: 0;

}



#wybrane a{

	background: url("../images/tlo_zakladka2.jpg") no-repeat right bottom;

	border: 0px solid red;

	color: #000;

	display: block;

	float: left;

	height: 28px;

	line-height: 26px;

	margin: 0;

	padding: 0 22px 0 22px;

}



#wybrane a:hover {

    text-decoration: none;

}





/* podmenu

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



#podmenu {

	position: relative;

	width: 100%;

	text-align: left;

}



#header #podmenu a {

	color:#fff;

	font-size:90%;

	text-decoration: none;

}



#header #podmenu a:hover {

	color:#000;

	text-decoration:underline;

}



#podmenu ul, #podmenu li {

	margin-top: -15px;

	padding: 0;

}



/*

#podmenu ul {

	text-align: left; 

	margin: auto; 

	padding-left: 0px; 

	width:900px

}

*/



#podmenu li {

	display: block; 

	float: left; 

	height: 28px; 

	margin-top: -5px; 

	padding: 0;

	font-family: "Century Gothic", Arial, Verdana, Sans-serif;

	font-size: 100%; 

	font-weight: bold; 

	/*line-height: 29px;*/

}









/* baner startowy

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



#baner_startowy {

	position: relative;

	width: 960px;

	height: 220px; 

	margin: 0px auto;

	text-align: left;

}





/* kontener_tekst

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

#kontener_tekst {

	position: relative;

	width: 960px;

	min-height: 280px;

	margin: 0px auto;

	text-align: left;

	}

	

#kontener_tekst .haslo {

	float:left;

	margin: 10px;

	}









/* Content

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

#content {

	position: relative;

	width: 880px;

	min-height: 400px;

	margin: 0px auto;

	text-align: left;

	}



#content p, h2, h3, h4 {

	margin: 15px 0 25px 10px;

	padding: 5px;

}



#content h3 {

	font-size: 120%;

}



#content h4 {

	font-size: 110%;

}



#content h2{

	margin: 10px;

	font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;

	color: #223344;

}



#content .lewa_kolumna{

	float:left;

}



#content .prawa_kolumna{

	margin: 0 20px 0 250px;

}



#content ul.lista, #content li.lista {

	margin: 0;

	padding: 0;

	list-style:none;

	list-style-position:outside;

}





#content h2{

	margin: 10px;

	font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;

	color: #223344;

	font-size: 130%;

}



/* pudelko cennika

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



#content .pudelko_cennika

	{

	width: 229px;

	height: 109px;

	margin-left: 10px;

	background: transparent url(../images/box_cennik.jpg) no-repeat top left;

	margin-bottom: 10px;

	font-weight:bold;

	}



#content .pudelko_cennika h2

	{

	font-size: 150%;

	padding: 35px 30px 0px 45px;

	color:#FFFFFF;

	}

	

	#content .pudelko_cennika h4

	{

	font-size: 100%;

	padding: 0px 0px 20px 10px;

	color:#FFFFFF;

	}



/*#content .pudelko_cennika h5 {

	margin: 0;

	padding: 5px 8px 4px 15px;

	width: 307px;

	font: 1.0em Arial, Times, serif;

	font-style:italic;

	font-weight:bold;

	color: #333333;

	background: transparent url(../images/box_cennik_gora.gif) no-repeat top left;

}

	

#content .cena {

	padding: 5px;

	font: 15px Arial, Helvetica, Verdana, sans-serif;

	text-align:right;

	}



*/





/* lokalizator

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



#content #lokalizator {

	margin: 3px 0 10px 10px;

	padding: 5px 0px 0px 0px;

	font-family: Verdana, Arial, sans-serif; 

	font-size: 85%;

}



#content #lokalizator a{

	font-family: Verdana, Arial, sans-serif;

	color: #cc6600;

	text-decoration:none;

}



#content #lokalizator a:hover{

	text-decoration:underline;

}





/* content - elementy

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



#lista_produktow .produkt {

	width: 500px;

}





/* zawartosc

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



#zawartosc {

	margin-top: 40px;

}





	

/* Stopka

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



#stopka {

	width: 960px;

	clear: both;

	text-align: center;

	font-family: "Century Gothic", Arial, Verdana, Sans-serif;

	font-size: 90%;

	line-height: 180%;

	color: #fff;

	margin: 40px auto;

	position: relative;

	}



#stopka p {

	margin: 0;

	padding: 10px;

	color: #000;

}	



#stopka_nawigacja {

	/*background: #793C1A; /*#517BA5; 

	border-top: 4px solid #612F14; #7195B9; */

	border-top: 1px solid #ccc;

	margin: 10px auto; 

	padding: 10px 0 0 0;

}



#stopka_nawigacja li {

	display: inline;

}



#stopka_nawigacja a {

	color: #000; 

	font-weight: bold; 

	padding: 2px 10px 2px 0px;

	margin: auto 10px;

}



#stopka_nawigacja a:hover {

	color: #000;

	text-decoration:underline;

}





#stopka #copyright {

	/*background: #1A3B6B;

	border-top: 3px solid #25549A; */

	padding: 10px;

	}



#stopka #copyright a {

	color: #000000; font-weight: bold;

	}



#stopka #copyright a:hover {

	color: #517ba5; font-weight: bold;

	}



#standardy_info p, #standardy_info a {

	font-size: 90%;

	color: #333333;

	font-weight:normal;

}







/* Rozne

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



.img_center

	{

	text-align: center;

	margin: 10px;

	}



.clear-both {

	clear: both;

	height: 20px;

	}



.hr  {

	display: block;

	border: 0;

	padding: 0;

	margin: .6em 0;

	height: 1px;

	background: transparent url(../www/img/dotted.gif) repeat-x left top;

	}



a:link.hiperlacze {

	color:#999999;

	font-weight:bold;

	padding: 2px;

	text-decoration:underline;

}



a:active.hiperlacze {

	color:#999999;

	font-weight:bold;

	padding: 2px;

	text-decoration:underline;

}



a:visited.hiperlacze {

	color:#999999;

	font-weight:bold;

	padding: 2px;

	text-decoration:underline;

}



a:hover.hiperlacze {

	color:#666666;

	font-weight:bold;

	padding: 2px;

}