* {margin:0;padding:0;-moz-padding-start:0}
ul {-moz-padding-start:0}

/* -- */
html,body {height:100%}
body {width:100%;padding-bottom:20px;background:#ffffff;color:#666666;font:normal 13px 'Tahoma';text-align:left}
.fixer {clear:both;width:100%;height:0}
label {display:block;margin-bottom:5px;font-weight:bolder}
a img {border:none}
img {background:white}
.inputbox {font-size:11px;padding:2px 4px;border:1px solid #e5e5e5;border-top:1px solid #999999;border-left:1px solid #999999;margin-bottom:10px}
.btn,.readon {border:none;background:#dedede;padding:3px 20px;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;color:black;text-shadow:rgb(255,255,255) 1px 1px 0;cursor:pointer}
h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {font-weight:normal;font-family:"Sans Serif";margin-top:5px;color:#000;text-shadow:#f0f0f0 2px 2px 0}
	h1 {font-size:26px}
	h2 {font-size:23px; color: black}
	h3,h3.contentheading {font-size:21px}
	h4 {font-size:15px}
	h5 {font-size:13px}
	h6 {font-size:11px;font-style:italic}
.contentheading, .componentheading {font-size:26px;margin-bottom:10px}
a.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {color:black;text-decoration:none}
	a.contentpagetitle:hover {color:#772222}
a, a:link, a:visited {color:#772222}
	a:hover {text-decoration:none}

/* positioning */
#wrapper, #footer {width:1000px;margin:0 auto;text-align:left}
#wrapper {display:table}
#top {width:1000px;height:50px;clear:both}
#title {width:250px;height:49px;display:block;background:url('../images/sprites.png') 0 -55px;margin-top:25px;clear:both}
#title-a {display:block;height:100%;text-indent:-1999px;font-size:1px;color:white}
#header {width:1000px;height:280px;background:url('../images/header.jpg') #ce162d;position:relative;clear:both;z-index:0}
#menu {width:1000px;height:48px;position:relative;margin-top:30px;z-index:100;background:url('../images/sprites.png') #2e2e2e repeat-x}
#content {padding-top:30px;height:100%;min-height:100%;width:100%;display:table}
#content_main {height:100%;min-height:100%;display:table}
.pd_left {padding-left:15px}
.pd_right {padding-right:15px}
.pd_both {padding:0 15px}
.body_both #content_main {width:498px;float:left;border-left:1px dotted #f0f0f0;border-right:1px dotted #f0f0f0}
	.body_both #content_left {width:250px;float:left}
	.body_both #content_right {width:250px;float:right}
.body_left #content_main {width:745px;float:right;border-left:1px dotted #f0f0f0}
	.body_left #content_left {width:250px;float:left}
	.body_left .pd_both {padding-right:0}
.body_right #content_main {width:712px;position:relative;float:left;border-right:1px dotted #f0f0f0}
	.body_right #content_right {width:250px;float:right}
	.body_right .pd_both {padding-left:0}
#footer {padding:4px 0;margin:15px auto;border-top:4px solid #f2f2f2;clear:both;font:normal 11px 'Arial'}

/* menu */
#menu ul {margin:0}
#menu ul a {display:block;padding:16px 30px;background:none;color:white;text-decoration:none;text-shadow:#000 0 0 4px}
#menu ul ul a {background:#2e2e2e}
#menu ul li a:hover {color:red}
#menu ul li ul a {background:transparent;padding:8px 20px;font:bold 11px Tahoma}
#menu ul li ul a:hover {font:bold 11px Tahoma}
#menu li, #menu ul, #manu li ul li {float:left;display:block;position:relative}
#menu .menu {display:block;list-style:none;font-size:13px;font-family:Arial, Helvetica}
#menu ul li ul {position:absolute;padding:5px;background:rgb(42,42,42);display:none;width:220px}
#menu ul li ul li {clear:both;width:100%}
#menu ul li:hover ul {display:block}
#menu .item1 a{padding-left:45px}

/* mod_opennews */
.mopennews, .opennews ul {list-style:none}
.mopennews_date {color:#e61932}
a.mopennews_title,a.modopennews:visited,a.modopennews:link {color:#666666;font:bold 11px Tahoma;text-decoration:none}
a.mopennews_title:hover {text-decoration:underline}
.mopennews_text {margin:5px 0 15px 0}
.mopennews_sep {border-bottom:1px dotted #f0f0f0;padding-bottom:15px}

/* BOX module style */
.box {margin-bottom:10px;padding-bottom:15px;border-bottom:1px dotted #f0f0f0}
	.box .moa_content {display:block}
	.box .moa_content_div {padding:10px;background:#f2f2f2;color:#666}
.box-title{font-size:22px;margin-bottom:10px}

/* services & portfolio module */
.services,.mportfolio {padding:10px;background:#f2f2f2}
a.services-a,a.mportfolio-a {display:block;text-decoration:none;color:#000;font:normal 14px "Tahoma";margin-bottom:10px}
a.mportfolio-a {font-size:13px}
a.services-a:hover,a.mportfolio-a:hover {text-decoration:underline}
a.services-current,a.mportfolio-current {font-weight:bold}
.services-span,.mportfolio-span {color:#d8172f;margin-left:5px;font:bold 14px "Arial"}

/* module style cbox */
.cbox {width:248px;height:330px;display:table;float:left;margin-right:2px;position:relative;padding-bottom:19px;background:url('../images/cbox_bg.jpg') #e7e7e7 center center}
.cbox-top{display:table-row;height:10px;max-height:10px;font-size:0;background-image:url('../images/sprites.png');background-position: -1px -115px}
.cbox-title {display:table-row;text-shadow:none}
.moa_content {display:table-row;height:100%;color:#373737;cursor:pointer;background:url('../images/fpicons.png') bottom center no-repeat}
	.moa_content_div {padding:17px 19px 0 19px;font-size:12px}

.webdesign-t1,.webdesign-t2,.itsupport-t1,.itsupport-t2,.networks-t1,.networks-t2,.components-t1,.components-t2{display:block;padding:0 19px;font:bold 15px 'Arial';text-transform:uppercase;white-space:nowrap}
.webdesign-t1,.itsupport-t1,.networks-t1,.components-t1 {color:#777;color:#ce162d;text-shadow:#f0f0f0}
.webdesign-t2,.itsupport-t2,.networks-t2,.components-t2 {color:#333;text-shadow:#e0e0e0 1px 1px 0}
#webdesign .moa_content{background-position:50px 125px}
#itsupport .moa_content{background-position:-195px 125px}
#networks .moa_content{background-position:-420px 125px}
#components .moa_content{background-position:-650px 125px}

.moa_content .wstep {font-weight:normal}
a.moa_more {padding-left:19px;font:bold 13px 'Arial';text-decoration:none;color:white}

/* article - webdesign */
.wstep {font-weight:bold}
.blog .wstep {font-weight:normal}

/* ------------ */
label.copy {display:inline;margin-left:10px;cursor:pointer;font-weight:normal}
#snd {margin-top:10px}
.contact a,.contact a:visited,.contact a:link {color:#882222;text-decoration:none}
.contact a:hover {text-decoration:underline}
.mark {color:red}
.contact-category-item {padding:9px 0;border-bottom:1px dotted #ececec}
	.contact-category-item > a, .contact-category-item > a:visited {font-size:14px;color:#666666;font-weight:bolder;text-decoration:underline}
	.contact-category-item > a:hover {text-decoration:none}
.paragraph {text-align: justify}
	.paragraph>a {font-weight: bolder; text-decoration: underline;color: black}
	.paragraph>a:hover, .paragraph>a:visited{text-decoration: none}

/* front page */
#fpitem-oit, #fpitem-www, #fpitem-net{background: url('../images/sprites.jpg'); width: 64px; height: 64px;float: left}
#fpitem-www {background-position: 140px 0}
#fpitem-net {background-position: 70px 0}

/* portfolio */
.portfolio-img {border:3px solid #f0f0f0}
.readon-p {display:table;float:left;margin-top:15px}
a.readon {text-decoration:none;color:black}
	a.readon:hover {background:#b51426;color:white;text-shadow:#790d1a -1px -1px 0;border-color:#7b0d1a}
.portfolio-info {padding:10px;display:block}
.article_row {display:table;width:100%;padding-bottom:40px}

/* clients */
.clients-table {text-align:center;vertical-align:middle;width:100%;min-width:100%}
	.clients-table td {text-align:center;vertical-align:middle;padding:5px 0}

/* pagination */
.pagination_box {width:100%;display:block;padding:4px 2px;text-align:center;padding-top:10px;border-top:1px dotted #f0f0f0}
.pagination {display:block;list-style:none;margin:0 auto}
	.pagination li{display:inline-block;float:left;margin-right:2px}
.page_inactive {padding:2px 5px;color:gray;margin-right:2px}
	a.page_active,a.page_active:link,a.page_active:visited {padding:2px 5px;background:#b51014;text-decoration:none;color:white;margin-right:2px}
	a.page_active:hover {}

/* blog */
.mblog-p {color:gray;;margin-bottom:5px}
	a.mblog-a,a.mblog-a:link,a.mblog-a:visited {color:black;margin-right:5px}

/* Squeezebox - modal */
#sbox-overlay {position:absolute;background-color:#000;left:0;top:0}
#sbox-window {position:absolute;background-color:#fff;text-align:left;overflow:visible;padding:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#sbox-btn-close {position:absolute;width:30px;height:30px;right:-15px;top:-15px;background:url(../imagesModal/closebox.png) no-repeat center;border:none}
.sbox-window-ie6 #sbox-btn-close {background-image:url(../imagesModal/closebox.gif)}
.sbox-loading #sbox-content {background-image:url(../imagesModal/spinner.gif);background-repeat:no-repeat;background-position:center}
#sbox-content {clear:both;overflow:auto;background-color:#fff;height:100%;width:100%}
.sbox-content-image#sbox-content {overflow:visible}
#sbox-image {display:block}
.sbox-content-image img {display:block;width:100%;height:100%}
.sbox-content-iframe#sbox-content {overflow:visible}
.body-overlayed {overflow:hidden}
.body-overlayed embed, .body-overlayed object, .body-overlayed select {visibility:hidden}
#sbox-window embed, #sbox-window object, #sbox-window select {visibility:visible}
.sbox-bg {position:absolute;width:33px;height:40px}
.sbox-bg-n {left:0;top:-40px;width:100%;background:url(../imagesModal/bg_n.png) repeat-x}
.sbox-bg-ne {right:-33px;top:-40px;background:url(../imagesModal/bg_ne.png) no-repeat}
.sbox-bg-e {right:-33px;top:0;height:100%;background:url(../imagesModal/bg_e.png) repeat-y}
.sbox-bg-se {right:-33px;bottom:-40px;background:url(../imagesModal/bg_se.png) no-repeat}
.sbox-bg-s {left:0;bottom:-40px;width:100%;background:url(../imagesModal/bg_s.png) repeat-x}
.sbox-bg-sw {left:-33px;bottom:-40px;background:url(../imagesModal/bg_sw.png) no-repeat}
.sbox-bg-w {left:-33px;top:0;height:100%;background:url(../imagesModal/bg_w.png) repeat-y}
.sbox-bg-nw {left:-33px;top:-40px;background:url(../imagesModal/bg_nw.png) no-repeat}
.modal {}

/* obrazy */
.zdjecie_z_lewej {margin:10px 10px 10px 0; float:left}
.zdjecie_z_prawej {margin:10px 0 10px 10px; float:right}
.zdjecie_z_lewej-piersze {margin:0 10px 10px 0; float:left}
.zdjecie_z_prawej-pierwsze {margin:0 0 10px 10px; float:right}

/* code tags */
.code,.code_php,.code_html,.code_css {background:#f6f6f6;border-left:5px solid #ccc;color:#444;font: normal 14px 'Courier New,Courier,mono';display:block;line-height:22px;padding:10px;margin:3px 0}
.code_php {border-left-color:#4a91cd}
	.code_php em {color:#aaa}
.code_html {border-left-color:#82b450}
.code_css {border-left-color:#fbef69}
	.code_css em {color:#aaa}

/* blocks */
span.style-important, span.style-download {margin:3px 0}
.style-important {color:#9b5a10;background:url('../images/styles/ico_important.png') no-repeat #fedd84 10px center;border-left:5px solid #ffbe40;padding:15px 15px 15px 55px;display:block}
.style-download {color:#14606c;background:url('../images/styles/ico_download.png') no-repeat #a9dee7 10px center;border-left: 5px solid #7dc8d4;padding:15px 15px 15px 55px;display:block}
	.style-download a,.style-download a:visited {color:#14606c;text-decoration:underline}
	.style-download a:hover {text-decoration:none}
.style-preview {color:#79a841;background:url('../images/styles/ico_preview.png') no-repeat #c2ec90 10px center;border-left: 5px solid #99c763;padding:15px 15px 15px 55px;display:block}
	.style-preview a,.style-preview a:visited {color:#79a841;text-decoration:underline}
	.style-preview a:hover {text-decoration:none}
.style-info {color:#27519a;background:url('../images/styles/ico_info.png') no-repeat #cfdef7 10px center;border-left: 5px solid #a8c1ec;padding:15px 15px 15px 55px;display:block}
	.style-info a,.style-info a:visited {color:#27519a;text-decoration:underline}
	.style-info a:hover {text-decoration:none}