body {
	text-align: center; 
	background-color: white;
	font: 12px verdana, arial, helvetica, sans-serif;
	color: #009;
	background: transparent url(../img/tlo.gif) top left repeat-y;
	}

img	{
	border: 0;
	}
	
h1 {
   margin: 0 auto;
   margin: 30px 0 30px 0; 
   font-family: Arial, Helvetica, serif;
   font-size: 24px;
   font-weight: 750;
	}	
	

h2 { 
    font-family: arial, helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold;
    margin: 5px 0 5px 0;
    letter-spacing: 1px;
	line-height: 120%;
	}

p {
	margin: 5px 0 0 0;
	line-height: 140%;
	text-align: left;
	}
	
.wyroznienie {
    color: #FF0000;
	}

a, a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	}

a.bez_pod, a.bez_pod:link, a.bez_pod:visited, a.bez_pod:active {
	font-weight: normal;
	text-decoration: none;
	color: #009;
	}
	
a.bez_pod:hover {text-decoration: underline;}
	
div#kanwa, div#kontakt_adres {
    /*width: 600px;*/
	width: 750px;
	margin: 0 auto;
	padding: 0;
    }	
	
	
div#header {
    margin: 0 auto;
    margin-top: 10px;
	margin-bottom: 10px;
	}
	
div.maincontent {
    width: 600px;
    margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 10px 10px 10px;
	border: 1px solid #00f;
    }
	
	
div#linki {
    margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0;
	height: 75px;
	width: 610px;
	}


div#linki div {padding: 0; float: left; text-indent: -9999px;}

div#linki div a {display: block; margin: 0; padding: 0; border: 0; text-decoration: none; float: left;}



div#histwirt {margin: 0 0 0 8px; width: 110px; height: 75px;}
div#wikt {margin: 0 0 0 4px; width: 100px; height: 75px;}
div#vr	 {margin: 0 0 0 4px; width: 100px; height: 75px;}
div#mpgk {margin: 0 0 0 4px; width: 100px; height: 75px;}
div#sing { margin: 0 0 0 4px; width: 92px; height: 75px;}
div#kontakt {margin: 0 0 0 4px; width: 78px; height: 75px;}

div#histwirt a:link, div#histwirt a:visited, div#histwirt a:active {width: 110px; height: 75px; background: transparent url(../img/histwirt.gif) top left no-repeat;}
div#wikt a:link, div#wikt a:visited, div#wikt a:active {width: 100px; height: 75px; background: transparent url(../img/wikt.gif) top left no-repeat;}
div#vr a:link, div#vr a:visited, div#vr a:active {width: 100px; height: 75px; background: transparent url(../img/vr.gif) top left no-repeat;}
div#mpgk a:link, div#mpgk a:visited, div#mpgk a:active {width: 100px; height: 75px; background: transparent url(../img/mpgk.gif) top left no-repeat;}
div#sing a:link, div#sing a:visited, div#sing a:active {width: 92px; height: 75px; background: transparent url(../img/sing.gif) top left no-repeat;}
div#kontakt a:link, div#kontakt a:visited, div#kontakt a:active {width: 78px; height: 75px; background: transparent url(../img/kontakt.gif) top left no-repeat;}

div#histwirt a:hover {background: transparent url(../img/histwirt.gif) 0 -75px no-repeat;}
div#wikt a:hover {background: transparent url(../img/wikt.gif) 0 -75px no-repeat;}
div#vr a:hover {background: transparent url(../img/vr.gif) 0 -75px no-repeat;}
div#mpgk a:hover {background: transparent url(../img/mpgk.gif) 0 -75px no-repeat;}
div#sing a:hover {background: transparent url(../img/sing.gif) 0 -75px no-repeat;}   
div#kontakt a:hover {background: transparent url(../img/kontakt.gif) 0 -75px no-repeat;}


/*
div#stopka {
    margin: 20px 0 10px 0;
	padding: 0 10px 10px 0;
	}
	
div#stopka p.center {
    text-align: center;
	font-size: 11px; 
	font-weight: bold;
	color: #00f;
    }
*/

div#linki2 {
    margin: 0 auto;
	clear: both;
	margin-bottom: 10px;
	}


div#stopka {
    margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	}
	
div#autor {
 /*border: 1px #ff3300 dotted;*/
    text-align: right;
	font-size: 11px; 
	font-weight: bold;
	color: #00f;
	float: left;
	padding: 0;
	margin-top: 5px;
	padding-right: 2%;
	width: 54%;
	}
	
div#w3c 	{
   /*border: 1px #ff3300 solid;*/
	float: left;
	padding: 0;
	margin-top: 0px; 
	text-align: left;
	width: 43%;
	}	
	
/* VR */	
	
div#vr1, div#vr2, div#vr3 {
    margin: 0 auto;
    margin-top: 20px;
	margin-bottom: 40px; 
	padding: 0; 
	 
	width: 600px; 
	height: 120px;
	}
	
div#vr1 img, div#vr2 img, div#vr3 img {
    align: left;
	margin-right: 20px;
	}
	
div#oferta {
    margin: 0 auto; 
	width: 480px;
	margin-bottom: 20px;
	margin-top: 20px;
	}

	
div.portf {
    margin-left: 10px;
    margin-top: 5px;
	margin-bottom: 5px; 
	padding: 5px; 
	width: 360px; 
	height: 210px;
	border: 1px #bac8f5 solid;
	border: 0;
	border: 1px #f00 solid;
	float: left;
	font-size: 10px;
	}
	
div.portf img {
    align: left;
	margin-right: 20px;
	float: left;
	}
	
div#linki2 a{ 
    font-size: 11px;
	margin-right: 6px;
	}   
	
div#stopka_vr {
    width: 197px;
	height: 45px;
    margin: 0 auto;
	text-indent: -9999px;
	}
	
div#stopka_vr a {
    display: block; 
	margin: 0;	
	padding: 0; 
	border: 0; 
	text-decoration: none;
	}
	
div#stopka_vr a:link, div#stopka_vr a:visited, div#stopka_vr a:active {
    width: 197px; 
	height: 45px; 
	background: transparent url(../img/powrot_new.gif) top left no-repeat;
	}
	
div#stopka_vr a:hover {
    background: transparent url(../img/powrot_new.gif) 0 -45px no-repeat;
	}
		
/* KONIEC VR */
	
	
/* CTC */  

div#ctc {
    width: 700px;
	margin: 0 auto;
	padding: 0;
    }	

div#ctc1, div#ctc2, div#ctc3 {
	margin: 20px 0 40px 0; 
	padding: 0; 
	float: left; 
	}

div#ctc1 {
	margin-top: 0; 
	}
	
div#ctc1_lewa, div#ctc2_lewa, div#ctc3_lewa {
	float: left;
	margin: 0;
	padding: 0;
	}
	
	
div#ctc1_img, div#ctc2_img, div#ctc3_img {
	width: 195px; 
	margin: 0;
	margin-right: 10px;
	}
	
div#ctc1_img {background: #006; margin-top: 30px;}
div#ctc2_img {background: #030; margin-top: 20px;}
div#ctc3_img {background: #600; margin-top: 45px;}	
	
div#ctc1_img p, div#ctc2_img p, div#ctc3_img p {
	text-align: center;
	color: #FFF;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
div#ctc1_prawa, div#ctc2_prawa, div#ctc3_prawa {
	width: 450px;
	margin: 0 auto;
	padding: 0;
	}
	
div#ctc1_prawa p, div#ctc2_prawa p, div#ctc3_prawa p {
	text-align: justify;
	line-height: 125%;
    font-size: 13px;
    font-weight: bold;
	}
	
div#ctc1_prawa {color: #009;}
div#ctc2_prawa {color: #003;}
div#ctc3_prawa {color: #600;}
	
/* Koniec CTC */

/* KONTAKT_ADRES */

div#kontakt_adres h2 {
   font-family: arial, helvetica, sans-serif; 
   font-size: 16px;
   font-weight: 750;
   margin-top: 20px;
   } 	
	
div#kontakt_adres h3 {
   font-family: arial, helvetica, sans-serif; 
   font-size: 14px;
   font-weight: 750;
   color: #f00;	
	}	


div#kontakt_adres p {
	margin: 0 auto;
	padding: 0;
    text-align: center;
	font-size: 10px;
    }

/* KONIEC KONTAKT_ADRES */
p.linki {text-align: center;}
p.linki a {margin-right: 30px;}