body { font-family: Georgia, Times New Roman; margin: 0 auto; color: #000; font-size: 14px; background-color: #f5f5f5; }

#top { width: 100%; height: 100px; background-image: url(http://lemar-szkolenia.pl/gfx/top_bg.png); }

.content { width: 980px; margin: 0 auto; }

a { text-decoration: none; color: #082d44; }
a:hover { text-decoration: underline; }

#logo { float: left; }
#logo img { border: 0; }

#menu { float: right; margin: 0; background-image:url(http://lemar-szkolenia.pl/gfx/menu_bg.png); background-repeat: no-repeat; width: 736px; height: 100px; }
#menu ul { margin: 25px 0 0 55px; padding: 0; list-style: none; }
#menu ul li { float: left; margin: 0px 0 0 12px; }
#menu ul li a { display: block; padding: 16px 10px 17px 10px; color: #fff; text-align: center; text-decoration: none; font-size: 14px; }
#menu ul li a:hover, #menu ul li a.visited { background-image:url(http://lemar-szkolenia.pl/gfx/menu_hover.png); background-repeat: no-repeat; background-position: center; }

#tytul_top { padding: 88px 0 0 40px; width: 280px; height: 40px; }
#tytul_top h1 { margin: 0; padding: 0; font-size: 16px; color: #fff; }

#naglowek_top { margin: 30px 0 0 40px; color: #fff; width: 280px; height: 105px; text-align: justify; overflow: hidden; }
#naglowek_top p { margin: 0; padding: 0; }

.btn_more { margin: 10px 0; display: block; width: 56px; height: 23px; float: right; padding-left: 8px; background-image: url(http://lemar-szkolenia.pl/gfx/btn_wiecej.png); background-repeat: no-repeat; background-position: 0 0; color: #fff; text-decoration: none; font-size: 12px; }
.btn_more:hover { background-position: 0 -23px; }

.box { width: 230px; float: left; margin: 20px 20px 0 0; text-align: justify; color: #707070; line-height: 150%; }
.box p { margin: 0; text-align: justify; line-height: 150%; color: #707070; }
.box h2 { float: left; padding: 0; margin: 25px 0 0 8px; font-size: 16px; }
.box img { float: left; }

#main_img { float: left; }
#main_text { width: 480px; float: left; margin: 25px 0 0 20px; color: #505050; line-height: 150%; text-align: justify; font-size: 14px; }
#main_text h1 { margin: 0; padding: 0; font-size: 24px; color: #4e4e4e; }

#slogan { width: 400px; float: left; margin: 22px 0 0 0; list-style: none; padding: 0; }
#slogan li { display: block; height: 30px; background-image:url(http://lemar-szkolenia.pl/gfx/top_dot.png); background-repeat: no-repeat; padding: 5px 0 0 50px; margin: 0 0 20px 0; font-size: 18px; }

h2 { color: #33303b; margin: 0 0 10px 0; padding: 0; font-size: 14px;  }

#news { width: 100%; border: 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background-color: #fff; padding: 10px 0; }
#news h3 { float: left; margin: 17px 0; padding: 0; }
img.icon { float: right; margin-top: 10px; }

.news_list { width: 480px; float: left; margin: 0; padding: 0; list-style: none; }
.news_list li { background-image:url(http://lemar-szkolenia.pl/gfx/dot_aktualnosci.png); background-repeat: no-repeat; padding-left: 15px; text-align: justify;  }
.news_list li a { text-decoration: none; color: #082d44; }
.news_list li a:hover, .news_list li a.visited { text-decoration: underline; }

#zapytanie_form { margin: 0; padding: 0; }
#zapytanie_form label { display: block; float: left; width: 200px; margin: 15px 20px 0 0; text-align: left; }
#zapytanie_form .input { margin-top: 10px; height: 26px; width: 758px; background-color: #e5e5e5; border: 1px solid #b2b2b2; padding: 2px 0; }
#zapytanie_form textarea { margin-top: 10px; width: 758px; height: 150px; background-color: #e5e5e5; border: 1px solid #b2b2b2; padding: 2px 0; }
#zapytanie_form .submit { border: 0; margin: 10px 0; display: block; width: 64px; height: 23px; background-image: url(http://lemar-szkolenia.pl/gfx/btn_wiecej.png); background-repeat: no-repeat; background-position: 0 0; color: #fff; text-decoration: none; font-size: 12px; }
#zapytanie_form .submit:hover { background-position: 0 -23px; }

#galeria img { border: 1px solid #e5e5e5; }
#galeria img:hover { border: 1px solid #b2b2b2; }
#galeria .img_item { float: left; width: 182px; margin: 0 13px 13px 0; }
#galeria .img_item_last { width: 182px; margin: 0 0 13px 0; }

#page { margin: 0; text-align: justify; line-height: 150%; color: #505050; }
#page p { margin-left: 0; margin-right: 0; }
#page h1 { font-size: 16px; margin: 10px 0 5px 0; padding: 0; }

.date { display: block; font-size: 12px; }

#footer { padding: 10px 0; margin: 0 0 10px 0; text-align: center; background-image: url(http://lemar-szkolenia.pl/gfx/footer_bg.png); background-repeat: no-repeat; font-size: 13px; color: #898989; }
#footer img { border: 0; float: none; }
#footer ul { padding: 0 0 0 15px; margin: 0; }
#footer a { text-decoration: none; color: #898989; }

.red { color: red; }
.green { color: green; }

.clear { clear: both; }