*, a{
	border: none;
	margin: 0;
	padding: 0;
	list-style:  none;
	text-decoration: none;
    font-family: arial;
}
a{ color: #232323;}
a:hover{ color: #004885;}
body{1200px; 
	background: url('../images/background.jpg') no-repeat;
	background-size: cover;
}
#top{ background: url('../images/top_bg.png') center top repeat-x; display: block; height: 115px; width: 100%; }
#top #logo {float: left; width: 400px; padding-top: 30px; margin-left: 20px;}
#top ul#menu{float: right; background: url('../images/menu_bg.png') no-repeat; width: 522px; height: 76px; margin-top: 20px; padding: 28px 35px ; margin-right: 20px; }
#top ul#menu li { float: left; padding: 0 10px;}
#top ul#menu li a{ font-size: 18px; font-family: bitshumishi; color: #d7ebff; text-shadow: 1px 1px 1px #666 }
#top ul#menu li a:hover{ color: #3d81b2; text-shadow: 1px 1px 1px #333}
#main{ border: 1px solid #9d9c9c; background: url('../images/main_bg.png') repeat; margin-top: 34px;}
#main .title_l{ background: url('../images/title_l.png') no-repeat left bottom; display: block; width: 100%; height: 9px; padding-bottom: 40px; }
#main .title_r{ background: url('../images/title_r.png') no-repeat right bottom; display: block; width: 100%; ; height: 9px; padding-bottom: 40px; text-align: right;}
#main .title_l h2 { margin-left: 60px;}
#main .title_r h2 { margin-right: 60px;}
#main h2 {font-size: 30px; color: #a2e333; text-shadow: 1px 1px 1px #444; font-weight: normal;}

/* O NAS */
#main .about_us{ float: left; width: 790px;}
#main .about_us .content{ color: #393939; font-size: 14px; padding: 20px;}
/* POLECANE PRODUKTY */
#main .recomended{ float: right; width: 400px; }
#main .recomended .content{ color: #393939; font-size: 14px; padding: 10px; text-align: center;}
/* POLECANE PRODUKTY - PRODUKT */
#main .recomended .h3{ color: #393939; font-size: 14px; font-weight: normal; margin: 10px 0;}
#main .recomended .content ul li { text-align: center; float: left; padding: 5px 5px; margin: 0;}
#main .recomended .content ul li h3{ font-size: 17px; background: #5cabff; padding: 5px 20px; color: #fff; font-weight: lighter;}
#main .recomended .content ul li h4{ font-size: 16px; background: #299bfd; padding: 5px 20px; color: #fff;  font-weight: lighter;}
#main .recomended .content ul li h5{ font-size: 15px; background: #67b0fe; padding: 5px 20px;  color: #fff; font-weight: lighter;}
#main .recomended .content ul li a{color: #fff; transition: 0.4s all;}
#main .recomended .content ul li a:hover{color: #262626; }
/*  KONTAKT */
#main .contact{ float: left; width: 340px;}
#main .contact .content{ color: #393939; font-size: 14px; padding: 20px; position: relative;}
#main .contact .phone{ padding: 20px 0 0 160px; position: absolute; height: 167px; width: 100%; background: url('../images/phone_ico.png') no-repeat left center; margin-left: -40px;}
#main .contact .phone .numbers{ margin-left:  20px;}
#main .contact .address{ padding: 30px 0 0 160px; position: absolute; height: 100px; width: 100%; background: url('../images/address_ico.png') no-repeat left top; margin-left: -40px; margin-top: 170px;}
/* LOKALIZACJA*/
#main .localization{ float: right; width: 860px; position: relative; height: 380px; }
#main .localization .content{ color: #393939; font-size: 14px; position: absolute; top: 20px; text-align: center;}


#main .offer .content{ color: #393939; font-size: 14px; padding: 10px 30px; }
#main .offer .content ul{ padding: 0 30px; }
#main .offer .content ul li{list-style: square inside !important; padding: 2.5px 0 0 20px; text-indent: -15px; font-size: 16px;}

.domek{background }
.grid { width: 1200px; margin: 0 auto; position: relative;}
.space{ margin-top: 30px; }
.c { clear: both;}
.copyright{ text-align: right; color: #fff; font-size: 14px;}
.copyright a{ color: #fff;}

@font-face {
    font-family: 'bitshumishi'; /*a name to be used later*/	
    src: url('../fonts/BITSUMIS.TTF') format("truetype"),
	url('../fonts/BITSUMIS.eot');
}