body { width: 950px; margin: 0 auto; padding: 0; font-family: Arial; font-size: 12px; }
h2 { margin: 0; font-size: 16px; color: #0089b1; }
a { color: #0089b1; text-decoration: none; }
a:hover { color: #0089b1; text-decoration: underline; }

#top { height: 70px; margin-bottom: 25px; }
#top img { border: 0; margin: 20px 50px 0 0; float: left; }
#top h1 { float: left; margin: 47px 16px 0 5px; padding: 0; font-size: 18px; color: #4c6278; width: 350px; font-weight: normal; }
#top img.line { margin: 20px 60px 0 10px; }
#top form { margin: 0; padding: 0; }
#top form div { text-align: right; }

h2 a.h { padding-left: 20px; background-image: url(http://opcode.pl/gfx/link.png); background-repeat: no-repeat; background-position: left 2px; }

#top #search { width: 290px; float: left; text-align: right; height: 10px; margin-top: 20px; }
#top #links { height: 20px; margin-bottom: 5px; color: #4c6278; }
#top #links a { color: #4c6278; text-decoration: none; font-size: 11px; }
#top #links a:hover { text-decoration: underline; color: #0089b1; }

#top form { float: right; }
#search_field { width: 175px; height: 25px; border: 0; color: #4c6278; background-image: url(http://opcode.pl/gfx/search.png); background-repeat: no-repeat; padding: 3px 5px 0 5px; float: left; }
#search_submit { width: 90px; height: 28px; border: 0; margin-left: 5px; background-image: url(http://opcode.pl/gfx/search_button.png); background-position: 0 0; color: #fff; font-size: 13px; float: left; }
#search_submit:hover { background-position: 0 28px; }

#menu { width: 950px; height: 100px; margin-bottom: 30px; background-image: url(http://opcode.pl/gfx/top.gif); }
#menu img { float: left; }
#menu ul { width: 745px; padding: 50px 0 0 0; margin: 0; list-style-type: none; }
#menu ul li { float: left; text-align: center; margin-right: 5px; }
#menu ul li a { color: #353a3f; text-decoration: none; font-weight: bold; font-size: 12px; }
#menu ul li a:hover { color: #fff; }

#menu #front a { background-image:url(http://opcode.pl/gfx/menu_front.gif); background-position: 0 0px; display: block; width: 140px; height: 35px; padding-top: 15px; }
#menu #about_us a { background-image:url(http://opcode.pl/gfx/menu_item_80.gif); background-position: 0 0px; display: block; width: 80px; height: 35px; padding-top: 15px; }
#menu #offer a { background-image:url(http://opcode.pl/gfx/menu_item_90.gif); background-position: 0 0px; display: block; width: 90px; height: 35px; padding-top: 15px; }
#menu #pos_tv a { background-image:url(http://opcode.pl/gfx/menu_item_100.gif); background-position: 0 0; display: block; width: 100px; height: 35px; padding-top: 15px; }
#menu #portfolio a { background-image:url(http://opcode.pl/gfx/menu_item_120.gif); background-position: 0 0; display: block; width: 120px; height: 35px; padding-top: 15px; }
#menu #blog a { background-image:url(http://opcode.pl/gfx/menu_item_80.gif); background-position: 0 0; display: block; width: 80px; height: 35px; padding-top: 15px; }
#menu #contact a { background-image:url(http://opcode.pl/gfx/menu_item_100.gif); background-position: 0 0; display: block; width: 100px; height: 35px; padding-top: 15px; }
#menu #contact { margin-right: 0; }

#menu #front a:hover, #menu ul #front a.visited, #menu #about_us a:hover, #menu ul #about_us a.visited, #menu #offer a:hover, #menu ul #offer a.visited, #menu #pos_tv a:hover, #menu ul #pos_tv a.visited, #menu #portfolio a:hover, #menu ul #portfolio a.visited, #menu #blog a:hover, #menu ul #blog a.visited, #menu #contact a:hover, #menu ul #contact a.visited { background-position: 0 -50px; color: #fff; }

#what { width: 280px; margin: 0 30px 15px 25px; float: left; }
#what h2 { margin: 10px 0; padding: 0; font-size: 15px; color: #586c81; }
#what img { border: 1px solid #c4dbe3; margin: 10px 0; }
#what p { margin: 5px 0; text-align: justify; line-height: 150%; font-size: 13px; }

#who { width: 280px; margin: 0 30px 15px 0; float: left; }
#who h2 { margin: 10px 0; padding: 0; font-size: 15px; color: #586c81; }
#who img { border: 1px solid #c4dbe3; margin: 10px 0; }
#who p { margin: 5px 0; text-align: justify; line-height: 150%; font-size: 13px; }

#how { width: 280px; margin: 0 0 15px 0; float: left; }
#how h2 { margin: 10px 0; padding: 0; font-size: 15px; color: #586c81; }
#how img { border: 1px solid #c4dbe3; margin: 10px 0; }
#how p { margin: 5px 0; text-align: justify; line-height: 150%; font-size: 13px; }

#footer { text-align: center; color: #b6c5d2; margin: 20px 0 10px 0; }

a.more { height: 17px; padding-top: 3px; float: right; color: #0089b1; background-image:url(http://opcode.pl/gfx/arrow.png); background-repeat: no-repeat; padding-right: 25px; text-decoration: none; background-position: right 0; }
a.more:hover { text-decoration: underline; background-position: right -20px; }

.textlink_blue { color: #0089b1; text-decoration: none; }
.textlink_blue:hover { text-decoration: underline; }

#content, #content_oferta { float: left; width: 590px; margin-left: 20px; }
#content h2, #kontakt h2, #content_oferta h2 { margin: 10px 0 10px 0; padding: 0; font-size: 16px; color: #586c81; }
#content p, #content_oferta p { text-align: justify; text-indent: 30px; line-height: 150%; font-size: 13px; }
#content p.contact { text-indent: 0; }
#portfolio h2, #kontakt h2, #left h2{ margin: 10px 0 10px 20px; padding: 0; font-size: 16px; color: #586c81; }

#content ul { list-style-type: none; margin: 0 0 20px 40px; padding: 0; }
#content ul li { line-height: 150%; }
#content ul li a { height: 15px; color: #0089b1; text-decoration: none; background-image:url(http://opcode.pl/gfx/dot.png); background-repeat: no-repeat; padding-left: 15px; background-position: 0 0; }
#content ul li a:hover { text-decoration: underline; background-position: 0 -15px; }

#content ol { margin: 0 0 20px 20px; padding: 0; }
#content ol li { line-height: 150%; }
#content ol li a { height: 15px; color: #0089b1; text-decoration: none; }
#content ol li a:hover { text-decoration: underline; }

#content ul.normal { list-style-type: disc; margin: 15px 0 20px 40px; padding: 0; }

#content p.noindent, #content_oferta p.noindent { text-indent: 0; }

#content_oferta ul { list-style-type: none; margin: 0 0 20px 40px; padding: 0; }
#content_oferta ul li { line-height: 150%; text-decoration: none; background-image:url(http://opcode.pl/gfx/dot_small.png); background-repeat: no-repeat; padding-left: 15px; background-position: 0 0; }

#portfolio .portfolio { margin: 0 15px 15px 20px; height: 240px; width: 280px; float: left; text-align: justify; line-height: 150%; }
#portfolio .portfolio img { border: 1px solid #c4dbe3; }
#portfolio p { text-align: justify; float: left; line-height: 150%; font-size: 13px; margin: 0;}

#page { margin-top: 20px; }
#page a { text-align: center; display: block; float: left; width: 20px; height: 18px; padding-top: 2px; text-decoration: none; font-size: 14px; background-image:url(http://opcode.pl/gfx/page_icon.png); background-position: 0 0; margin-left: 5px; }
#page a:hover, #page a.current { color: #ffffff; background-position: 0 -20px; }

#kontakt { width: 720px; float: right; }
#kontakt iframe { margin: 30px 0 0 20px; }

#left { float: left; }
#left h2 { margin: 10px 0 0 20px; }
#left p { margin: 0 0 0 20px; }

.fright { float: right; }

h2 { margin: 0; padding: 0; }
h3 { margin: 0 0 5px 0; font-size: 13px; }
p.info { text-indent: 0; line-height: 130%; font-size: 13px; }
img.info { float: left; margin-right: 5px; }

.clear { clear: both; }
.clear_blog { clear: both; height: 20px; }

#blog_box { width: 640px; float: left; }
#blog_box .content { width: 600px; margin: 0 20px; }
#blog_box h1 { padding: 0; font-size: 16px; color: #586c81; margin: 10px 0 3px 0; }
#blog_box .date { font-size: 11px; color: #0089b1; }
#blog_box h1 a { color: #586c81; }
#blog_box p { text-align: justify; text-indent: 30px; line-height: 150%; font-size: 13px; }
#blog_box p.noindent { text-align: justify; text-indent: 0; line-height: 150%; font-size: 13px; margin-left: 20px; }
#blog_box ul li, #blog_box ol li { line-height: 150%; }

#blog_right { width: 285px; float: right; margin-top: 30px; }
#blog_right h3 { color: #4c6278; margin: 0 0 10px 0; padding: 0; font-size: 14px; }
#blog_right ul { margin: 0 0 25px 0; list-style-type: none; padding: 0; }
#blog_right ul li { margin: 0 0 10px 0; padding-left: 18px; text-align: left; background-image: url(http://opcode.pl/gfx/blog_category.png); background-repeat: no-repeat; background-position: left; }
#blog_right ul li a { color: #0089b1; text-decoration: none; font-size: 12px; }
#blog_right ul li a:hover { color: #0089b1; text-decoration: underline; }

#blog_top_tag_box { width: 285px; height: 5px; background-image:url(http://opcode.pl/gfx/blog_top_tag_box.png); background-repeat: no-repeat; }
#blog_bottom_tag_box { width: 285px; height: 5px; background-image:url(http://opcode.pl/gfx/blog_bottom_tag_box.png); background-repeat: no-repeat; }
#blog_tag_box_content { width: 265px; padding: 10px; background-image:url(http://opcode.pl/gfx/blog_tag_bg.png); }
#blog_tag_box_content a { color: #4c6278; }
#blog_tag_box_content a.size6 { font-size: 16px; }
#blog_tag_box_content a.size5 { font-size: 15px; }
#blog_tag_box_content a.size4 { font-size: 14px; }
#blog_tag_box_content a.size3 { font-size: 13px; }
#blog_tag_box_content a.size2 { font-size: 12px; }
#blog_tag_box_content a.size1 { font-size: 11px; }

.right { width: 285px; float: right; margin-top: 30px; }
.right form { margin: 0; padding: 0; }
.right label { display: block; float: left; width: 150px; margin: 15px 20px 0 0; text-align: left; }
.right .input { margin-top: 10px; height: 26px; width: 258px; background-color: #e5e5e5; border: 1px solid #b2b2b2; padding: 2px 0; }
.right textarea { margin-top: 10px; width: 258px; height: 150px; background-color: #e5e5e5; font-family: Arial; font-size: 12px; border: 1px solid #b2b2b2; padding: 2px 0; }
.right .submit { width: 90px; height: 28px; border: 0; margin: 10px 0 0 0; background-image: url(http://opcode.pl/gfx/search_button.png); background-position: 0 0; color: #fff; font-size: 13px; float: left; }
.right .submit:hover { background-position: 0 28px; }
.right p { line-height: 150%; }
.right ul { list-style-type: none; margin: 10px 0 20px 0; padding: 0; }
.right ul li { line-height: 150%; text-decoration: none; background-image:url(http://opcode.pl/gfx/dot_small.png); background-repeat: no-repeat; padding-left: 15px; background-position: 0 0; }
.right ul li a { color: #000; }

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