@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'WaukeganLDORegular';
    src: url('waukegan_ldo_pl-webfont.eot');
    src: url('waukegan_ldo_pl-webfont.eot?#iefix') format('embedded-opentype'),
         url('waukegan_ldo_pl-webfont.woff') format('woff'),
         url('waukegan_ldo_pl-webfont.ttf') format('truetype'),
         url('waukegan_ldo_pl-webfont.svg#WaukeganLDORegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {height: 100%;}

#wrap {min-height: 100%; 	margin: 0 auto;}

#main {overflow:auto;
	padding-bottom: 38px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -38px; /* negative value of footer height */
	height: 38px;
	clear:both;
	background: url(images/tlo_stopki.png) repeat-x center;
	} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

body  {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(images/tlo_strony.png);
	background-repeat: repeat;
	text-align:left;
}
h3
{
	color:#006699;
	text-transform:uppercase;
}
#header {
	background: url(images/tlo_header.png) repeat-x left top;
	height:187px;
	margin-bottom:10px;
}
#header_grafika {
	background: url(images/graf_header.png) no-repeat;
	margin: 0 auto;
	width:853px;
	height:187px;
	position:relative;
	z-index:10;
}
#menu_holder {
	width:100%;
	height:29px;
	top:186px;
	position:absolute;
	z-index:100;
margin: 0 auto;	
}
#menu{
	width:853px;
	height:29px;
	margin: 0 auto;	
}
#menu a {
	text-decoration:none;
	color:#CCCCCC;
}
#menu a:hover {
	text-decoration:undeline;
	color: #336699;
}
#menu_item2{
	width:290px;
	height:29px;
	margin-left:375px;
	background-color: #0033CC;
	background:url(images/menu_1.png) no-repeat 0 0;
	float:left;		
}
#menu_item2_ink1, #menu_item2_ink3 {
	margin-top:12px;
	float:left;
}
#menu_item2_ink1{
	margin-left:30px;
	color:#CCCCCC;
}
#menu_item2_ink2 {
	margin-top:9px;
	margin-left:45px;
	color:#CCCCCC;
	font-size:14px;
	float:left;	
}
#menu_item2_ink3{
	margin-left:26px;
}
#menu_item1{
	width:290px;
	height:29px;
	margin-left:375px;
	background-color: #0033CC;
	background:url(images/menu_2.png) no-repeat 0 0;
	float:left;		
}
#menu_item1_ink2, #menu_item1_ink3 {
	margin-top:12px;
	float:left;
}
#menu_item1_ink1{
	margin-top:9px;
	margin-left:45px;
	color:#CCCCCC;
	font-size:14px;
	float:left;	
}
#menu_item1_ink2 {
	margin-left:42px;
	color:#CCCCCC;
}
#menu_item1_ink3{
	margin-left:23px;
}
#menu_item3{
	width:290px;
	height:29px;
	margin-left:375px;
	background:url(images/menu_3.png) no-repeat 0 0;
	float:left;
}
#menu_item3_ink1, #menu_item3_ink2 {
	margin-top:12px;
	float:left;
}
#menu_item3_ink3{
	margin-top:9px;
	margin-left:29px;
	color:#CCCCCC;
	font-size:14px;
	float:left;	
}
#menu_item3_ink1 {
	margin-left:37px;
	color:#CCCCCC;
}
#menu_item3_ink2{
	margin-left:30px;
}
#menu_part{
	width:128px;
	height:29px;
	margin-left:59px;
	background:url(images/partnerzy.png) no-repeat 0 0;
	float:left;
}
#menu_part_item{
	margin-top:10px;
	margin-left:46px;
	color:#CCCCCC;
	float:left;	
}

#wstecz_holder {
	width:100%;
	height:15px;
	top:221px;
	position:absolute;
	z-index:100;
}
#wstecz{
	width:853px;
	height:15px;
	margin: 0 auto;	
}
#wstecz a {
	text-decoration:none;
	color:#CCCCCC;
}
#wstecz a:hover {
	text-decoration:undeline;
	color: #336699;
}
#wstecz_napis{
	width:50px;
	height:15px;
	margin-left:605px;
}
#main_win {
	margin: 0 auto;
	width:853px;
	min-height:393px;
}
#main_win_left {
	width:670px;
	height:383px;
	background: url(images/tlo_main_win.png) no-repeat;	
	margin-top:15px;
	padding-top:18px;
	padding-left:10px;
	padding-bottom:20px;
	float:left;
}
#main_win_right {
	width:169px;
	height:393px;
	background: url(images/tlo_part_win.png) no-repeat;	
	margin-top:15px;
	float:right;
}
#firma_lewa {
font-family:WaukeganLDORegular, Verdana, Arial, Helvetica, sans-serif;
	width:338px;
	height:300px;
	margin-top:15px;
	margin-left:10px;
	float:left;
	color:#003399;
	font-size:14px;
	line-height:19px;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	background:url(images/ramka_tlo_firma.png) no-repeat left top;	
}
#firma_prawa {
	width:247px;
	height:330px;
	margin-top:0px;
	margin-left:33px;
	float:left;
    background: url(images/tlo_kontakt.png) no-repeat left top;
}
#kontakt_lewa {
font-family:WaukeganLDORegular, Verdana, Arial, Helvetica, sans-serif;
	width:270px;
	height:311px;
	margin-top:15px;
	margin-left:10px;
	padding-left:12px;
	float:left;
	color:#003399;
	font-size:14px;
	line-height:19px;
	text-align:justify;
	background:url(images/ramka_tlo_kontakt.png) no-repeat left top;
}
#kontakt_prawa {
	width:311px;
	height:310px;
	margin-top:5px;
	margin-left:30px;
	float:left;
}
#kontener_produkty_main {
	margin-top:0px;
	margin-left:10px;
}
#produkt_item {
	width:181px;
	height:83px;
	margin-top:5px;
	margin-left:0px;
	margin-right:22px;
	margin-bottom:15px;	
	float:left;
	background:url(images/tlo_prod_item.png) no-repeat 0 0;
}
#produkt_item_foto {
	width:72px;
	height:65px;
	margin-top:7px;
	margin-left:5px;
	float:left;
}
#produkt_item_foto img {
	border:none;
}
#produkt_item_opis {
	height:75px;
	width:93px;	
	margin-top:5px;
	margin-left:8px;
	margin-right:3px;	
	float:left;
	color:#006699;
	position:relative
}
#produkt_item_opis p 
{bottom:0;position:absolute; font-size:80%;}
#win_right_holder
{
margin-top:6px;
margin-left:9px;
}
#ramka_holder {
	width:100%;
	height:311px;
	top:1px;
	left:315px;
	position:absolute;
	z-index:110;
}
#ramka{
	width:311px;
	height:317px;
	background:url(images/ramka_mapki.png) no-repeat;
}
.ramkag{
	border: solid 6px #003366;
	width:300px;
	height:300px;
	position:relative;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
 	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */	
}