/*
www.mcom.pl Damian Maruszak
*/

body {
	margin: 0;
	padding: 0;
	background: #ffffff ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

h1, h2, h3 {
	margin-top: 0;
}

h1 {
	font-size: 16px;
}

h2 {
	font-size: 12px;
	padding: 0 10px 0 10px;
	color: #184957;
}

h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
	padding: 0 10px 0 10px;
}

li {
    margin: 0 0 0 20px;
	padding: 0 0 0 0;
	list-style-image: url(../images/ul.gif);
}
a {
    border-width: 35px;
	color: #666666;
	text-decoration: none;
}

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

/* STRONA */

#page {
	width: 970px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

/* flasze */
#flasz {
	width: 970px;
	height: 320px;	
	margin:0 auto;
	padding: 20px 0 10px 0;
}

/* INFORMACJA pod HEAD */

.informacja
{
width: 970px;
height: 100px;
margin: 0 auto;
padding: 10px 0 0 0;
background: #ffffff;
	}
		.informacja h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-decoration: none;
	text-align: justify;
	padding: 5px 0 0 10px;
	margin: 0 auto;
	}
			.informacja h1 a:hover{
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	padding: 0 0 0 0;
	margin: 0 auto;
	}
			.informacja h1 a{
	font-size: 13px;
	color: #184957;
	text-decoration: none;
	text-align: justify;
	padding: 0 0 0 0;
	margin: 0 auto;
	}
	.informacja h2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
	padding: 0 0 0 10px;
	margin: 5px auto;
	}

/* REALIZACJA moduly obraz-wskaznik-opis */
	.container
{
width: 970px;
height: 168px;
margin: 0 auto;
padding: 10px 0 0 0;
	}
	.picleft
	{
	float: left;
	width: 600px;
	height: 100px;
    margin: 0 auto;
    padding: 0 0 0 0;
	}
	.klamra
	{
	float: left;
	width: 19px;
	height: 100px;
    margin: 0 auto;
    padding: 0 0 0 0;
	background: url(../images/banery_1.gif) no-repeat;
	}
	.opis
	{
	float: right;
	width: 351px;
	height: 100px;
    margin: 0 auto;
    padding: 0 0 0 0;
	font-weight: lighter;
	border-bottom-style: solid;
	border-width: 1px;
	border-spacing: 20px;
	border-color: #d4d4d4;

	}
		.opis2
	{
	float: right;
	width: 970px;
	height: 100px;
    margin: 0 auto;
    padding: 0 0 0 0;
	background: #ffffff;
	font-weight: lighter;
	border-bottom-style: dotted;
	border-width: 3px;
	border-spacing: 20px;
	border-color: #d4d4d4;

	}
	.odstep {
	width: 970px;
	height: 40px;
	padding: 0 0 0 0;
	margin: 0 auto;
	background: #ffffff;
	}
		.opis h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-decoration: none;
	text-align: justify;
	padding: 0 0 0 10px;
	margin: 5px auto;
	}
	.opis h2 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
	padding: 0 0 0 10px;
	margin: 5px auto;
	}
	.opis2 h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
	padding: 0 15px 0 10px;
	margin: 10px auto;
}
	.opis h4 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F8F8F;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
	padding: 0 15px 0 30px;
	margin: 10px auto;
}
	.opis h4 a{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F8F8F;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
	padding: 0 0 0 0;
	margin: 10px auto;
}
	.opis h4 a:hover{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	text-align: justify;
	font-weight: lighter;
	padding: 0 0 0 0;
	margin: 10px auto;
}
	/* Kontenery informacyjne na dole */
		#container2
{
width: 970px;
height: 250px;
margin: 0 auto;
padding: 10px 0 0 0;
}
	#shadowleft
	{
	float: left;
	width: 224px;
	height: 27px;
    margin: 0 auto;
    padding: 0 25px 0 0;
	background: url(../images/shadow.gif) no-repeat;
	}
		#shadow
	{
	float: left;
	width: 224px;
	height: 27px;
    margin: 0 auto;
    padding: 0 25px 0 0;
	background: url(../images/shadow.gif) no-repeat;
	}
		#shadow1
	{
	float: left;
	width: 224px;
	height: 27px;
    margin: 0 auto;
    padding: 0 0 0 0;
	background: url(../images/shadow.gif) no-repeat;
	}
	#shadowright
	{
	float: right;
	width: 224px;
	height: 27px;
    margin: 0 auto;
    padding: 0 0 0 0;
	background: url(../images/shadow.gif) no-repeat;
	}
	/* BOX */
	#box1
	{
	float: left;
	width: 224px;
	height: 200px;
    margin: 0 auto;
    padding: 0 25px 0 0;
	background: url(../images/boxbg.gif) repeat-y;
	}
		#box2
	{
	float: left;
	width: 224px;
	height: 200px;
    margin: 0 auto;
    padding: 0 25px 0 0;
	background: url(../images/boxbg.gif) repeat-y;
	}
		#box3
	{
	float: left;
	width: 224px;
	height: 200px;
    margin: 0 auto;
    padding: 0 0 0 0;
	background: url(../images/boxbg.gif) repeat-y;
	}
	#box4
	{
	float: right;
	width: 224px;
	height: 200px;
    margin: 0 auto;
    padding: 0 0 0 0;
	background: url(../images/boxbg.gif) repeat-y;
	}
/* Footer */
#footer {
	width: 970px;
	height: 70px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color:#ffffff;
}

#footermerq {
	width: 970px;
	height: 20px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color:#BBBBBB;
}
#footerlbg {
    float: left;
	width: 21px;
	height: 50px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../images/lbg.gif) no-repeat;
}
#footerrbg {
    float: right;
	width: 21px;
	height: 50px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../images/rbg.gif) no-repeat;
}
#footersbg {
    float: left;
	width: 928px;
	height: 50px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: #BBBBBB;
}

#footer p {
	margin: 0 0 0 0;
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-size: smaller;
	color: #666666;
}

#footer a:hover {
	color: #CFCFCF;
}
#footer a: {
	color: #666666;
}
#footer a:link {
	color: #BFBFBF;
	text-decoration: none;
}