html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
:focus { outline: 0; }

body{
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	background-color: #fff;
	color: #000;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
}
p, li, .link { color: #424242; }
a, .link:hover { text-decoration: none; color: #0893db; }
img { border: 0; }
object { display: block; }
.absol { position: absolute; }
.rela { position: relative; }
.left { float: left; }
.algLeft { text-align: left; }
.algRight { text-align: right; }
.algCenter { text-align: center; }
.right { float: right; }
.center { margin: 0 auto; text-align: center; }
tt, .w { clear: both; display: block; }
.inLine { display: inline; }
.bold { font-weight: bold; }
.uline { text-decoration: underline; }
.noWarp { white-space: nowrap }
.dispNone { display: none; }
.hand { cursor: pointer; }

.mainArea { width: 900px; }
.topArea { margin-bottom: 5px; }

.mainContent { background-color: #f8f8f8; margin-bottom: 17px; }
.mainContentTop { background: url('../images/background_top.gif') left top; }
.mainContentBottom { background: url('../images/background_bottom.gif') left bottom; }
.mainContentTop, .mainContentBottom { background-repeat: no-repeat; height: 8px; }

.menuContent { margin-left: 8px; }
.menu { background-color: #ececec; width: 217px; margin-bottom: 10px; }
.menuBottom { background: url('../images/menu_bottom.gif') left bottom; background-repeat: no-repeat; height: 10px; }
.menu img { padding-bottom: 8px; }
.menu a { display: block; margin: 0 6px 8px 13px; padding: 0 0 1px 2px; border-bottom: 1px solid #fff; color: #0893db; letter-spacing: -0.05em; }
.menu a:hover, .menu a.active, a.pdf:hover, a:hover { color: #cd6734; }
.menu a.active { background: url('../images/arr.gif') right center; background-repeat: no-repeat; }

.kernel { width: 650px; margin: 10px 0 0 13px; }
.kernelHeader { background: url('../images/hr.gif') left bottom; background-repeat: no-repeat; padding: 0 0 2px 8px; height: 19px; vertical-align: bottom; }
.kernelItem { padding: 21px 18px 12px 18px; }
.kernelItem img { vertical-align: middle; }
.verLine { height: 121px; width: 22px; }
.kernelItemText { padding-bottom: 15px; }
.kernelItemImg { margin: 0 12px -10px 0; }
.kernelItemText p, .kernelItemTextWide p { padding-left: 4px; line-height: 1.2; text-align: justify; }
.kernelItemTextWide li { margin: 17px 0 0 17px; padding: 0 0 0 0; line-height: 1.2; text-align: justify; vertical-align: middle; }
ul.lsn { list-style: none; }
ul.compressed { margin-top: 5px; }
ul.compressed li { margin: 0 0 3px 17px; padding: 0 0 0 0; line-height: 1.2; text-align: justify; vertical-align: middle; }
.kernelItemTextWide { padding: 0 0 10px 8px; margin-right: 14px; height: 100%; }
.kernelItemTextWide p, .kernelItemTextWide h3 { padding: 17px 0 0 0; }
.kernelItemTextWide h3 { font-weight: bold; color: #c63; }
.kernelItemHeader h2, .kernelItemTextWide h2 { color: #0b96de; background: url('../images/dot.gif') left 8px; background-repeat: no-repeat; margin: 0 0 12px 0; padding-left: 4px; font-weight: bold; font-size: 12px; line-height: 15px; }
.kernelItemTextWide h2 { margin: 10px 0 2px 0; }
.date { color: #999; font-size: 10px; padding-top: 3px; }
.more { padding-top: 20px; }
.more a { color: #000; }
.more a:hover, .moreArr, ul.links a:hover { color: #ff6600; }

.clients { height: 141px; overflow: hidden; }
.clientsHeader { margin-bottom: 10px; }
.clientsLogos { padding: 12px 0 11px 1px; }
.client { vertical-align: middle; padding: 0 14px; display: inline; }
.clientsLeft { background-image: url('../images/bottom_left.gif'); background-repeat: no-repeat; height: 114px; width: 3px; }
.clientsContent { background-image: url('../images/bottom_center.gif'); background-repeat: repeat-x; height: 114px; width: 893px; }
.clientsRight { background-image: url('../images/bottom_right.gif'); background-repeat: no-repeat;  height: 114px; width: 4px; }
.onyxCopyright a { color: #b2b2b2; font-family: verdana, arial, helvetica; font-size: 10px; }
.onyxCopyright img { vertical-align: middle; padding-bottom: 7px; margin-right: 14px; }
.onyxCopyright { padding-top: 13px; }

.partnerLogo { float: left; margin: 0 7px 0; }

.kernel hr { color: #afd8ee; background-color: #afd8ee; height: 1px; border: 0; margin: 0 14px 0 20px; overflow: hidden; }

.kernelItemTextWide hr { margin: 20px 0 0 0; }

.buttons { padding: 23px 0 0 0; width: 305px; min-width: 308px;} /* bug IE */
.buttonsShort { padding: 23px 0 0 0; width: 136px; min-width: 139px; }
.buttonsSystems { padding: 23px 0 0 0; width: 342px; min-width: 345px; }
.buttonsPostmaster { padding: 23px 0 0 0; width: 419px; min-width: 422px; }
.buttonsMailer { padding: 23px 0 0 0; width: 263px; min-width: 266px;}
.buttonsMedium { padding: 23px 0 0 0; width: 210px; min-width: 199px; }
.buttonsLong { padding: 23px 0 0 0; width: 419px; min-width: 422px; }
.buttonsContent { height: 23px; overflow: hidden; }
.buttonShadow { height: 4px; background-image: url('../images/but_shadow_center.gif'); background-repeat: repeat-x; }
a.button { display: block; padding: 0; margin: 0 1px 7px 0; color: #0893db; opacity: 0.65; filter: alpha(opacity=65); color: #000; }
.buttonText { padding: 5px 6px 7px 6px; background-image: url('../images/but_center.gif'); background-repeat: repeat-x; opacity: 1; filter: alpha(opacity=100); }
a.button:hover, a.active { opacity: 1; filter: alpha(opacity=100); color: #c63; }

.postmaster { background: url('../images/uslugi/background_postmaster.gif') center 20px no-repeat; }
.webmaster { background: url('../images/uslugi/background_webmaster.gif') center 20px no-repeat; }
.storage { background: url('../images/uslugi/background_storage.gif') center 20px no-repeat; }
.database { background: url('../images/uslugi/background_database.gif') center 20px no-repeat; }
.mailer { background: url('../images/uslugi/background_mailer.gif') center 20px no-repeat; }

.employee { padding: 10px 0 0 0; }
.employee h2 { color: #c63; font-size: 12px; padding: 10px 0 3px 0; }
p.lowText { padding: 0; margin: 0; color: #333; }
.employee img { padding: 0 10px 10px 0; }
.employeeEmail { padding: 0 60px 0 0; color: #333; }

table.address { width: 100%; margin: 5px 0 0 0; }
table.address td { padding: 2px 6px 2px 0; color: #333; }

table#gallery { margin: 17px 0 0 0; border-collapse: collapse; }
table#gallery td { height: 105px; vertical-align: middle; text-align: center;  padding: 8px; border: 1px solid #afd8ee; background-color: #fafafa; width: 140px; }
table#gallery td a { display: table; margin: 0 auto; position: relative; }

.clientDetailsLogo { padding-top: 5px; }
table.twoCollumns { width: 100%; }
table.twoCollumns td { width: 50%; }
ul.links { margin-left: 0; padding-bottom: 10px; list-style: none; }
ul.links li { padding-left: 10px; margin-top: 0; }

p.pricing { margin: 10px 0 0 20px; padding: 8px; border: 1px solid #afd8ee; }
table.pricing { border: 1px solid #afd8ee; border-collapse: collapse; margin: 10px 0 0 20px; }
table.pricing td, table.pricing th { border: 1px solid #afd8ee; padding: 8px; }

table.storagePricing { margin: 10px auto 0 auto; border: 1px solid #000; border-collapse: collapse;}
table.storagePricing td, table.storagePricing th { padding: 8px; border: 1px solid #000; }
table.storagePricing th { background: #333; color: #F8F8F8; font-weight: bold; }
table.storagePricing td { background: #bbb; opacity: 0.6; filter: alpha(opacity=60); text-align: center; }

table.postmasterPricing { margin: 10px auto 0 auto; border: 1px solid #F57300; border-collapse: collapse; width: 430px;}
table.postmasterPricing td, table.postmasterPricing th { padding: 8px; border: 1px solid #F57300; }
table.postmasterPricing th { background: #EE1D23; color: #F8F8F8; font-weight: bold; text-align: center; }
table.postmasterPricing td { background: #F57300; opacity: 0.7; filter: alpha(opacity=70); color: #000; }

table.webmasterPricing { margin: 10px auto 0 auto; border: 1px solid #555; border-collapse: collapse; width: 350px;}
table.webmasterPricing td, table.webmasterPricing th { padding: 8px; border: 1px solid #555; }
table.webmasterPricing th { background: #0072BC; color: #F8F8F8; font-weight: bold; text-align: center; }
table.webmasterPricing td { background: #5BA8DC; opacity: 0.7; filter: alpha(opacity=70); }

table.mailerPricing { margin: 10px auto 0 auto; border: 1px solid #F5B47B; border-collapse: collapse;}
table.mailerPricing td, table.mailerPricing th { padding: 8px; border: 1px solid #F5B47B; }
table.mailerPricing th { background: #C88246; color: #F8F8F8; font-weight: bold; }
table.mailerPricing td { background: #C88246; opacity: 0.6; filter: alpha(opacity=60); }
a.pdf { background: url('../images/pdf20x20.gif') left bottom; background-repeat: no-repeat; padding: 8px 0 4px 20px; line-height: 20px; }

.pdfPostmaster { background: url('../images/ikonki/pm.gif') left bottom; background-repeat: no-repeat; padding: 16px 0 12px 35px; line-height: 40px; font-size: 12px; }
.pdfWebmaster { background: url('../images/ikonki/wm.gif') left bottom; background-repeat: no-repeat; padding: 16px 0 12px 35px; line-height: 40px; font-size: 12px; }
.pdfMailer { background: url('../images/ikonki/mailer.gif') left bottom; background-repeat: no-repeat; padding: 16px 0 12px 35px; line-height: 40px; font-size: 12px; }

.imgShadowRight { background: url('../images/img_shadow_right.gif') right top; background-repeat: repeat-y; top: 5px; margin-top: -6px; }
.imgShadowTop { background: url('../images/img_shadow_top.gif') right top; background-repeat: no-repeat; }
.imgShadowRight img { top: -10px; position: relative; }
.imgShadowBottom { top: -5px; position: relative; }

/*
.paging { font-family: arial, verdana, arial, helvetica; }
*/
.paging { margin: 5px 12px 5px 0; line-height: 1.3; }
.paging a { padding: 0 1px; }
.paging .active { font-size: 18px; letter-spacing: -0.05em; padding: 0 2px; margin: 0; color: #cd6734; }

.flashbanner { border: 1px solid #afd8ee; padding: 1px; margin: 16px 0 10px 0; }

#flashLayer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	margin: auto;
}

#flashLayer object { margin: auto; }

#oin { border: 1px solid #afd8ee; padding: 1px; margin: auto; }
.bannerclose { margin-top: 10px; padding: 3px; background-color: #000; color: #fff; filter: alpha(opacity=100); opacity: 1;}

#flashLayer embed { margin-top: 25%; filter: alpha(opacity=100); border: 1px solid #afd8ee; padding: 1px;}

.gallery { padding: 10px 9px 15px 9px; display: block; float: left; text-align: center; height: 230px; }
.gallery img { padding-bottom: 8px; }
.gallery .title { display: block; width: 190px; cursor: pointer; line-height: 14px; text-align: center; color: #333; }
.gallery .time { display: block; width: 180px; cursor: pointer; line-height: 16px; text-align: right; font-size: 10px; color: #aaa; padding-right: 10px;}
h2.year { background: none; text-align: right; font-size: 18px; letter-spacing: 0; padding: 20px 10px 2px 2px; margin: 0; color: #cd6734; border-bottom: 1px solid #cd6734; }
.galleryAlbum { }
.galleryAlbum h3 { padding-top: 6px; }
.galleryAlbum .time {float: right; font-weight: normal; width: 180px; cursor: pointer; line-height: 16px; text-align: right; font-size: 10px; color: #aaa; }
#galleryPlacer { height: 500px; }

#galleryLayer { margin-left: 7px;top: 210px; position: absolute;  text-align: center; z-index: 80; }
#currentPhotoPlacer { vertical-align: middle; width: 620px; height: 620px; }
#currentPhotoLayer { background-color: #fff; }
#currentPhoto {  }

#galleryControls { top: 760px; position: absolute; z-index: 100; width: 630px; overflow: hidden }

#galleryControls #slideshow {  vertical-align: middle; line-height: 20px; }
#galleryControls #slideshow * { vertical-align: middle; }
#galleryControls #slideshowSpeed { vertical-align: middle; line-height: 16px;  display: none; }
#slideshowStatus {display: block; color: #000;}
#galleryControls #slideshowStatus, #galleryControls #slideshowSpeed { font-size: 9px; letter-spacing: -0.4pt;float: left; background: url('../images/galeria/slideshowbg.png') no-repeat; opacity: 0.7; padding: 4px 6px; width: 100px; height: 22px;}

#galleryControls #prevnext { float: right; width: 80px;}
#galleryControls #previous, #galleryControls #previousDisabled { display: block; float: left; margin-right: 10px;  opacity: 0.7; }
#galleryControls #next, #galleryControls #nextDisabled { display: block; float: right; opacity: 0.7; }
#galleryControls #slideshowStatus:hover, #galleryControls #slideshowSpeed:hover, #galleryControls #previous:hover, #galleryControls #next:hover { opacity: 1; }
#galleryControls #nextDisabled, #galleryControls #previousDisabled { cursor: default; }


#plusminus { margin: 0px 7px; }

#photoBorder { empty-cells: show; margin: auto; }
#topLeftBorder { width: 7px; height: 7px; background: url('../images/galeria/border/topleft.png') no-repeat 0 0; }
#topBorder { height: 7px; background: url('../images/galeria/border/top.png') repeat-x 0 0; }
#topRightBorder { width: 16px; height: 7px; background: url('../images/galeria/border/topright.png') no-repeat 0 0; }
#leftBorder { width: 7px; background: url('../images/galeria/border/left.png') repeat-y 0 0; }
#rightBorder { width: 16px; background: url('../images/galeria/border/right.png') repeat-y 0 0; }
#bottomLeftBorder { width: 7px; height: 16px; background: url('../images/galeria/border/bottomleft.png') no-repeat 0 0; }
#bottomBorder { height: 16px; background: url('../images/galeria/border/bottom.png') repeat-x 0 0; }
#bottomRightBorder { width: 16px; height: 16px; background: url('../images/galeria/border/bottomright.png') no-repeat 0 0; }

#thumbnails { margin-left: 7px; position: relative; }
#thumbnailPointer { position: absolute; display: none; }

#ourClients {
	width: 630px;
	background: url('../images/background200.gif') no-repeat bottom right;
}
#industries { margin: 0 0; width: 153px; float: left; }
#industries a {
	white-space: nowrap;
	float: left;
	display: block;
	padding: 6px;
	margin: 0 0 2px 0;
	color: #0893db;
	width: 141px;
	background: url('../images/button153.gif') no-repeat;
	color: #000;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65); 
}
#industries a:hover, #industries a.active { opacity: 1; filter: alpha(opacity=100); color: #c63; }

#companies {
	width: 460px;
	padding-right: 10px;
	float: right;
	padding-bottom: 10px;
}
#companies ul { display: none; }
#companies ul li { text-align: left; list-style: none; background: url('../images/dot.gif') left 7px no-repeat; padding-left: 6px; color: #000; }
#companies ul li a { color: #000; }

#onyxHouseLayer { z-index: 1001; display: none; width: 630px; height: 400px; position: absolute; margin-top: -400px; background: url('../images/kontakt/tlo.png') no-repeat; }
#onyxHouseLayer table { border-collapse: collapse; width: 620px; margin-top: 20px; }
#onyxHouseLayer table td { width: 33%; padding: 24px 0; }
.kontakt p { padding: 5px 0 0 0; line-height: 16px; }

#praca input[type=text], #praca input[type=file], #praca select, #praca textarea {
	border: 1px solid #999;
	background: #efefef;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

#praca input[type=text]:focus, #praca input[type=file]:focus, #praca textarea:focus {
	border: 1px solid #0893db;
	background: #f9f9f9;
}

#praca input[type=reset],#praca input[type=submit] {
	margin-top: 16px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #222;
}

#praca input[type=submit] {
	border: 1px solid #0893db;
	background: #D5ECFE;
	font-weight: bold;
}

#praca input[type=reset] {
	border: 1px solid #999;
	background: #efefef;
}

table.pracaForm {
	border-collapse: collapse;
	width: 482px;
}
table.pracaForm td {
	border-top: 1px solid #E5E6E6;
	border-bottom: 1px solid #E5E6E6;
	padding: 5px;
}

#praca input.wide { width: 200px; }
#praca select.med { width: 183px; }
#praca input.med { width: 150px; }

#praca input.thin { width: 70px; }

#praca textarea {
	width: 467px;
	height: 60px;
	overflow: auto;
}