html * {color: #707070; font-family: Verdana; font-size: 10px;}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

.left {float: left;}

.right {float: right;}

.clear {clear: both;}





.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}














#container {
	text-align: left;		
	width: 980px;
	margin: 0 auto 0;
	padding: 0;
	position: relative; }
	
#header {
	width: 980px;
	height: 104px;
	margin: 0;
	padding: 0;}
	
	/*****************************************************/

/*                  koniec                         */


div#po_lewo{width: 129px;}

div#po_lewo a#logo {
display:block; width: 129px; height: 104px; background-image: url("images/logo_main.jpg");
background-position: top left; }

a#kontakt {display: block; height: 35px; width: 69px;background-image: url("images/kontakt.jpg");}

div#box-topmenu {margin-top: 69px; height: 35px; width: 851px;}

#box-topmenu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 35px;}
	
#box-topmenu ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;

	font: 10px/10px "Lucida Grande", verdana, sans-serif;
	text-align: center;
	}

#box-topmenu span {
	display: none;
	}

#box-topmenu a {
	color: #000;
	text-decoration: none;
	display: block;
	}
	
	li#m_logo a {background: url(images/topmenu1.jpg) 0 0 no-repeat; width: 78px; height: 35px;}
	li#m_id a {background: url(images/topmenu2.jpg)  0 0 no-repeat; width: 75px; height: 35px;}
	li#m_print a {background: url(images/topmenu3.jpg)  0 0 no-repeat; width: 90px; height: 35px;}
	li#m_web a {background: url(images/topmenu4.jpg) 0 0 no-repeat; width: 80px; height: 35px;}
	li#m_il a {background: url(images/topmenu5.jpg) 0 0 no-repeat; width: 66px; height: 35px;}
	li#m_kontakt a {background: url(images/topmenu6.jpg) 0 0 no-repeat; width: 69px; height: 35px;}


/* navbar rollover states */
	li#m_logo a:hover, 
	li#m_id a:hover, 
	li#m_print a:hover, 
	li#m_web a:hover,	
	li#m_il a:hover,	
	li#m_kontakt a:hover
	{
	background-position: 0 -35px;
}

	
	
#content_logo, #content_web {
	background: #efefef;
	width: 980px;
	padding: 10px 0 20px 0 ;
}


#content_web img {
	float: left;
	width: 954px;
	margin: 0 0 45px 13px;
	padding: 0;
	}

#content_logo img {
	border: 1px solid #d8d8d8;
	float: left;
	width: 468px;
	margin: 0 0 15px 13px;
	padding: 0;
	}


/* Contact */

#kontakt1, #kontakt2, #kontakt3 {
	width: 200px;
	width: auto;
}

#contact1 h1 {
	padding: 30px 0 0 20px;
	font-weight: normal;
	margin: 0;
	}

#contact1 p {
	margin: 30px 0 0 20px;
	padding: 0px 20px;
	line-height: 20px;
	}
	
#contact2 h1 {
	padding: 30px 0 0 20px;
	font-weight: normal;
	margin: 0;
	}

#contact2 p {
	margin: 30px 0 0 20px;
	padding: 0px 20px;
	border-left: 1px solid #ffffff;
	line-height: 20px;
	}
	
#contact3 h1 {
	padding: 30px 0 0 20px;
	font-weight: normal;
	margin: 0;
	}

#contact3 p {
	margin: 30px 0 0 20px;
	padding: 0px 20px;
	border-left: 1px solid #ffffff;
	line-height: 20px;
	}

div#footer p {line-height: 30px;
	padding: 0;
	margin: 0 15px 0 15px;
}