html, body { background: #ffffff; font: 8pt "Verdana", "Tahoma", sans-serif; }
* { margin: auto; }

ul { list-style-type: none; margin: 0; padding: 0; }
h1, h2 { font-size: 1.7em; color: #38423e; font-weight: normal; margin-bottom: 20px; }
h3, h4 { font-size: 1.1em; margin: 0; padding: 0; }

div#container { width: 885px; margin-top: 20px; }

div#header a { text-decoration: none; overflow: hidden; }
div#header a:hover { text-decoration: underline; }
ul#podmenu { width: 330px; height: 25px; font-size: 1.3em; float: right; font-weight: bold; }
ul#podmenu li { display: inline; margin-left: 50px; }
ul#podmenu a { color: #7d7d7d; padding-left: 20px; }
ul#menu { clear: both; float: left; width: 250px; height: 256px; background: url(../images/menu_bg.gif) repeat-y; font-size: 1.6em; }
ul#menu li { padding-left: 20px; }
ul#menu a { color: white; padding: 4px 0 4px 15px; display: block; height: 20px; background: url(../images/li.gif) no-repeat left; }
a#glowna { background: url(../images/home.gif) no-repeat left; }
a#kontakt { background: url(../images/mail.gif) no-repeat left; }
a#logotyp { display: block; width: 250px; height: 102px; text-indent: -9999px; background: url(../images/logotyp.jpg) no-repeat; float: left; clear: both; }

img#banner, img#szlaban_top { display: block; width: 635px; height: 102px; float: right; }
img#szlaban_top { width: 635px; height: 256px; float: left; }

img.ramka {	border: 3px solid #d9d9d9;
	}

div#tresc { clear: both; padding: 20px 10px; overflow: hidden; }

div#left { width: 579px; float: left; }
div#left p { margin: 10px 0; padding-right: 10px; text-align: justify; }
div#left p a { color: #62655e; text-decoration: none; }
div#left p a:hover { text-decoration: underline; }
div#left ul { list-style-type: disc !important; padding: 5px 0 5px 30px; }

a.avatar { display: block; float: left; margin: 5px 10px 10px 0; text-indent: -9999px; border: 3px solid #d9d9d9; }
a#home_img { width: 109px; height: 146px; background: url(../images/szlaban_m.jpg) no-repeat; }
a#systemy_park_img { width: 189px; height: 142px; background: url(../images/systemy_park_m.jpg) no-repeat; }
a#automatyka_img { width: 122px; height: 116px; background: url(../images/automatyka.jpg) no-repeat; }
a#kolczatka_img { width: 189px; height: 142px; background: url(../images/kolczatka_m.jpg) no-repeat; }
a#progi_img { width: 189px; height: 101px; background: url(../images/progi_m.jpg) no-repeat; }
a#zapora_lancuchowa_img { width: 152px; height: 120px; background: url(../images/zapora_lancuchowa.jpg) no-repeat; }
a#blokada_parkingowa_img { width: 140px; height: 105px; background: url(../images/blokada_parkingowa.jpg) no-repeat; }
a#serwis_img { width: 189px; height: 194px; background: url(../images/serwis_m.jpg) no-repeat; }
a#oznakowanie_parkingu_img { width: 140px; height: 88px; background: url(../images/oznakowanie_parkingu_avatar.jpg) no-repeat; }


a#blokada_parkingowa_img1 { width: 126px; height: 105px; background: url(../images/unipark_silnik.jpg) no-repeat; }
a#blokada_parkingowa_img2 { width: 126px; height: 105px; background: url(../images/unipark_maly.jpg) no-repeat; }
a#blokada_parkingowa_img3 { width: 126px; height: 105px; background: url(../images/unipark_duzy.jpg) no-repeat; }
a#blokada_parkingowa_img4 { width: 126px; height: 50px; background: url(../images/unipark1.jpg) no-repeat; }

a#kolczatka_img1 { width: 126px; height: 105px; background: url(../images/kolczatka_schowana.jpg) no-repeat; }
a#kolczatka_img2 { width: 126px; height: 105px; background: url(../images/kolczatka_podniesiona.jpg) no-repeat; }
a#kolczatka_img3 { width: 126px; height: 105px; background: url(../images/kolczatka_podziemna.jpg) no-repeat; }
a#kolczatka_img4 { width: 126px; height: 105px; background: url(../images/kolczatka_malowana.jpg) no-repeat; }

a#systemy_img1 { width: 126px; height: 105px; background: url(../images/moneterka_mala.jpg) no-repeat; }
a#systemy_img2 { width: 126px; height: 105px; background: url(../images/bileterka.jpg) no-repeat; }
a#systemy_img3 { width: 126px; height: 105px; background: url(../images/moneterka_duza.jpg) no-repeat; }
a#systemy_img4 { width: 126px; height: 105px; background: url(../images/automat_rozliczeniowy.jpg) no-repeat; }

a#zapora_lancuchowa_img1 { width: 173px; height: 130px; background: url(../images/cat1.jpg) no-repeat; }
a#zapora_lancuchowa_img2 { width: 173px; height: 130px; background: url(../images/cat_silnik.jpg) no-repeat; }
a#zapora_lancuchowa_img3 { width: 173px; height: 130px; background: url(../images/cat_przeciwwaga.jpg) no-repeat; }

a#realizacje_szlabany_img1 { width: 173px; height: 130px; background: url(../images/szlabany_gorzow_wielkopolsk3_m.jpg) no-repeat; }
a#realizacje_szlabany_img2 { width: 173px; height: 130px; background: url(../images/szlabany_gorzow_wielkopolski2_m.jpg) no-repeat; }
a#realizacje_szlabany_img3 { width: 173px; height: 130px; background: url(../images/szlabany_gorzow_wielkopolski_m.jpg) no-repeat; }
a#realizacje_szlabany_img4 { width: 173px; height: 130px; background: url(../images/szlabany_swidnica_m.jpg) no-repeat; }
a#realizacje_szlabany_img5 { width: 173px; height: 130px; background: url(../images/systemy_parkingowe_4_m.jpg) no-repeat; }
a#realizacje_szlabany_img6 { width: 173px; height: 130px; background: url(../images/szlaban_moneterka_1m.jpg) no-repeat; }
a#realizacje_szlabany_img7 { width: 173px; height: 130px; background: url(../images/szlaban_moneterka_2m.jpg) no-repeat; }
a#realizacje_szlabany_img8 { width: 173px; height: 130px; background: url(../images/szlaban_swidnica_1_m.jpg) no-repeat; }
a#realizacje_szlabany_img9 { width: 173px; height: 130px; background: url(../images/szlaban_swidnica_2_m.jpg) no-repeat; }
a#realizacje_szlabany_img10 { width: 173px; height: 130px; background: url(../images/szlabany_pila_m.jpg) no-repeat; }
a#realizacje_szlabany_img11 { width: 173px; height: 130px; background: url(../images/szlabany_poznan_m.jpg) no-repeat; }
a#realizacje_szlabany_img12 { width: 173px; height: 130px; background: url(../images/szlabany_walbrzych_m.jpg) no-repeat; }
a#realizacje_szlabany_img13 { width: 173px; height: 130px; background: url(../images/szlabany_zielona_gora2_m.jpg) no-repeat; }
a#realizacje_szlabany_img14 { width: 173px; height: 130px; background: url(../images/szlabany_wolsztyn_m.jpg) no-repeat; }
a#realizacje_szlabany_img15 { width: 173px; height: 130px; background: url(../images/szlabany_wolsztyn2_m.jpg) no-repeat; }
a#realizacje_szlabany_img16 { width: 173px; height: 130px; background: url(../images/szlabany_wroclaw_1_m.jpg) no-repeat; }
a#realizacje_szlabany_img17 { width: 173px; height: 130px; background: url(../images/szlabany_wroclaw_m.jpg) no-repeat; }

a#realizacje_systemy_parkingowe_img1 { width: 173px; height: 130px; background: url(../images/systemy_parkingowe_1_m.jpg) no-repeat; }
a#realizacje_systemy_parkingowe_img2 { width: 173px; height: 130px; background: url(../images/systemy_parkingowe_2_m.jpg) no-repeat; }
a#realizacje_systemy_parkingowe_img3 { width: 173px; height: 130px; background: url(../images/systemy_parkingowe_3_m.jpg) no-repeat; }
a#realizacje_systemy_parkingowe_img4 { width: 173px; height: 130px; background: url(../images/systemy_parkingowe_4_m.jpg) no-repeat; }
a#realizacje_systemy_parkingowe_img5 { width: 173px; height: 130px; background: url(../images/systemy_parkingowe_5_m.jpg) no-repeat; }
a#realizacje_systemy_parkingowe_img6 { width: 173px; height: 130px; background: url(../images/systemy_parkingowe_6_m.jpg) no-repeat; }

a#realizacje_zapory_lancuchowe_img1 { width: 173px; height: 130px; background: url(../images/came_cat1_m.jpg) no-repeat; }
a#realizacje_zapory_lancuchowe_img2 { width: 173px; height: 130px; background: url(../images/came_cat2_m.jpg) no-repeat; }
a#realizacje_zapory_lancuchowe_img3 { width: 173px; height: 130px; background: url(../images/came_cat3_m.jpg) no-repeat; }

a#realizacje_blokady_drogowe_img1 { width: 173px; height: 130px; background: url(../images/unipark1m.jpg) no-repeat; }
a#realizacje_blokady_drogowe_img2 { width: 173px; height: 130px; background: url(../images/unipark2m.jpg) no-repeat; }
a#realizacje_blokady_drogowe_img3 { width: 173px; height: 130px; background: url(../images/unipark3m.jpg) no-repeat; }

div#right { float: right; width: 286px; }

div#dane { width: 166px; height: 250px; background: url(../images/tel.gif) repeat-x; padding: 25px 0 0 85px;  }
div#dane a { color: #62655e; text-decoration: none;} 

address { font-style: normal; }

div#oferta { padding: 0 45px; background: url(../images/oferta_bg.gif) no-repeat 15px 5px; }
div#oferta p { margin: 10px 0; text-align: justify; }
div#oferta a { color: #62655e; text-decoration: underline;} 
a.oferta_img { display: block; width: 191px; height: 101px; text-indent: -9999px; margin-bottom: 10px; border: 3px solid #d9d9d9; }
a#oferta_serwis { background: url(../images/oferta_serwis.jpg) no-repeat; }
a#oferta_sklep { background: url(../images/oferta_sklep.jpg) no-repeat; }
a#oferta_zapory { background: url(../images/oferta_zapory.jpg) no-repeat; }
a#oferta_szlabany { background: url(../images/oferta_szlabany.jpg) no-repeat; }
a#oferta_automatyka { background: url(../images/oferta_automatyka.jpg) no-repeat; }
a#oferta_kolczatki { background: url(../images/oferta_kolczatki.jpg) no-repeat; }
a#oferta_progi { background: url(../images/oferta_progi.jpg) no-repeat; }

div#footer { background: #f3f3f3; padding: 10px; width: 865px; text-align: center; font-size: 0.8em; }
div#footer a { color: #7d7d7d; text-decoration: none; margin: 10px; }
div#footer a:hover { text-decoration: underline; }
div#footer ul { margin-bottom: 5px; }
div#footer ul li { display: inline; }