body { margin: 0; padding: 0; text-align: left; color: #000;
	background: #d3d5d7 url('../img/site/bodyBg.png') top left repeat-x; }
body, td, th { font-size: 10px; font-family: Verdana,'Trebuchet MS',Tahoma,sans-serif; }

.body { width: 100%; background: #fff url('../img/site/bodyBg.png') top left repeat-x; }
.bodyShadow { width: 100%; overflow: hidden; background: url('../img/site/bodyShadowBg.png') top center no-repeat; }


/** top */
#top { width: 984px; margin: 34px auto 0; background: url('../img/site/topBg.png') top left repeat-x; }
#top .left, #top .right { width: 28px; height: 271px; margin: 0; }
#top .left { background: url('../img/site/topLeft.png') top left no-repeat; float: left; }
#top .right { background: url('../img/site/topRight.png') top left no-repeat; float: right; }

#top .center { margin: 0 12px; width: 960px; height: 84px; overflow: hidden; text-align: left;
		background: url('../img/site/topMenuBg.png') top left repeat-x; }
#top .center p { margin: 17px 0 0 17px; padding: 0; line-height: 14px; display: inline; color: #383a3b; float: left; }
#top .center p .head { color: #094689; font-size: 12px; }
#top .center p .head a { color: #094689; font-size: 12px; font-weight: bold; }
#top .center p .head a:hover { text-decoration: none; }
#top .center .fR { float: right; text-align: right; }
#top .menu { list-style: none; height: 30px; margin: 33px 28px 0 0; float: right; overflow: hidden; }
#top .menu li { border: 1px #a4a4a5 solid; margin: 0 0 0 2px; padding: 1px 1px 0; float: left;
		border-bottom: none; background: #fff; }
#top .menu li a { display: inline-block; height: 28px; line-height: 28px;
		color: #0f5a99; text-transform: uppercase; padding: 0 26px;
		background: url('../img/site/topMenuElBg.png') top left repeat-x; }
#top .menu li a:hover { text-decoration: none; }
#top .menuUser { list-style: none; height: 15px; margin: 10px 28px 0 0; }
#top .menuUser li { margin: 0; float: right; color: #094689; font-size: 11px;  }
#top .menuUser li a { color: #094689; font-size: 11px; margin: 0 8px; }
#top .menuUser li a:hover { text-decoration: none; }

#top .beltWhite { margin: 0 12px; width: 960px; height: 2px; background: #fff; }

#top .eukom { width: 960px; height: 181px; margin: 0 12px; overflow: hidden;
		background: url('../img/site/eukom-cabling.png') left top no-repeat; }
#top .eukom p { margin: 75px 15px 0 322px; font-size: 13px; color: #fff; padding: 0; }

#top .beltRed { margin: 1px 12px 0; width: 960px; height: 3px; background: #f30101; }

/** main */
#main { width: 984px; margin: 0 auto 1px; padding: 14px 0 20px;
		text-align: left; background: #f4f4f4; overflow: hidden; }

#main .container { width: 688px; margin: 0 0 0 12px; border-top: 1px #e5e4e4 solid;
		text-align: left; background: #989797 url('../img/site/contentBg.png') top left repeat-x; }
#main .subContent { background: #e6e5e5 url('../img/site/contentSubBg.png') top left repeat-x; }

#main .register { padding: 12px 6px; }
#main .register table { margin: 0 auto; }
#main .register table td { padding: 5px 3px; font-size: 10px; }
#main .register table td .red { color: #ff0000; }
#main .register table input { border: 1px #9a9898 solid; background: #fff; }
#main .register table .submit { text-align: center; }
#main .register table .submit input { width: 74px; border: 1px #0c4f90 solid;
		height: 20px; color: #fff; font-size: 11px; margin: 10px 0;
		background: url('../img/site/submitBg.png') 0px 0px repeat-x; cursor: pointer; padding: 0; }
#main .register div.error { color: #ff0000; text-align: center; }
#main .register div.success { color: #000; text-align: center; }
#main .register p { padding: 0; margin: 10px 5px; text-align: center; font-size: 10px; }

#main .cables { padding: 12px 6px; }
#main .cableBox { width: 326px; height: 96px; overflow: hidden; padding: 1px;
		margin: 6px 5px; float: left; background: #fff; text-align: left; display: inline; }
#main .cableBox .contents { height: 71px; overflow: hidden; }
#main .cableBox .contents img { float: left; }
#main .cableBox .contents h1 { width: 230px; height: 14px;  padding: 0; margin: 10px 0 0; font-size: 10px;
		color: #201f1f; float: right; line-height: 15px; }
#main .cableBox .contents p { width: 230px; padding: 0; margin: 1px 0 0; color: #585757;
		float: right; line-height: 15px; }
#main .cableBox .more { width: 170px; height: 25px; float: right; clear: both;
		background: url('../img/site/cableMoreBg.png') top right repeat-y; }
#main .cableBox .more a { height: 19px; line-height: 19px; float: right;
		color: #070101; margin: 4px 8px; padding: 0 26px 0 0;
		background: url('../img/site/moreMark.png') right center no-repeat; }
#main .cableBox .more a:hover { text-decoration: none; }

#main .document { padding: 12px 12px; font-size: 11px; }
#main .document th, td { font-size: 11px; }
#main .document .header { border: 1px solid #fff; margin: 0; font-size: 16px; border-bottom: none;
		height: 26px; display: inline-block;
		background: url('../img/site/documentHeaderBg.png') top left repeat-x; }
#main .document .header h1 { color: #105d9b; display: inline-block; line-height: 26px;
		margin: 0; font-size: 14px; height: 26px; padding: 0 32px;
		background: url('../img/site/documentHeaderMark.png') 8px 6px no-repeat; }
#main .document .uh { height: 20px; background: url('../img/site/documentUHBg.png') top left repeat-x; }

#main .document p { margin: 0 5px 16px; padding: 0; color: #020000; }
#main .document a { color: #105d9b; }
#main .document p a { color: #105d9b; }
#main .document input.submit { width: 74px; height: 20px; color: #fff;
		margin: 6px 0 0 0; border: 1px #0c4f90 solid; font-size: 11px; padding: 0;
		background: url('../img/site/submitBg.png') 0px 0px repeat-x; cursor: pointer; }
#main .document .legend { text-align: right; }
#main .document input, #main .document textarea { font-size: 12px; line-height: 12px;
		padding-top: 2px; border: 1px #9a9898 solid; /*float: right;*/ background: #fff; }
#main .document input { height: 18px; }
#main .document .contactError { color: #ff0000; }
#main .document div.error { color: #ff0000; text-align: left; }
#main .document div.success { color: #000; text-align: left; }

#main .documentEl h2 { color: #105d9b; height: 26px; font-size: 14px; padding: 0; margin: 0 0 2px 0; }
#main .documentEl h2 a { color: #105d9b; margin: 0; font-size: 14px; height: 26px; padding: 0; }
#main .documentEl h2 a:hover { text-decoration: none; }
#main .documentEl .date { color: #0c4e90; font-size: 11px; }
#main .documentEl .more { text-align: right; padding: 0 5px 0 0; }
#main .documentEl .more a { color: #105d9b; }
#main .documentEl .more a:hover { text-decoration: none; }
#main .documentEl span.profil { display: block; margin: 6px 0 2px 0; }
#main .documentEl input { border: 1px #9a9898 solid; background: #fff; }
#main .documentEl input.submit { width: 74px; height: 20px; color: #fff;
		margin: 6px 0 0 0; border: 1px #0c4f90 solid; font-size: 11px; padding: 0;
		background: url('../img/site/submitBg.png') 0px 0px repeat-x; cursor: pointer; }

#main .back { width: 140px; height: 23px; background: url('../img/site/backBg.png') top left repeat-y; }
#main .back a { margin: 4px 0 0 10px; display: inline-block; line-height: 10px; color: #105d9b;
		padding: 4px 0 4px 16px; background: url('../img/site/backMark.png') left center no-repeat; }
#main .back a:hover { text-decoration: none; }

#main .beltRed { width: 688px; height: 3px; margin: 0 12px;
		border-top: 1px #f4f4f4 solid; background: #f30101; }

#main .panel { width: 259px; margin: 0 12px 10px 0; }
#main .panel .tab { border: 1px #b5b5b5 solid; border-bottom: none; text-align: center;
		padding: 1px 1px 0; float: left; background: #fff; }
#main .panel .tab h1 { width: 110px; line-height: 24px; font-size: 14px;
		margin: 0; padding: 0; height: 24px; color: #105d9b;
		background: url('../img/site/panelTabBg.png') top left repeat-x; }
#main .panel .tab2 { width: 143px; height: 24px; border-bottom: 1px #b5b5b5 solid;
		text-align: right; padding: 1px 1px 0; float: right; }
#main .panel .tab2 a { margin: 2px 5px; height: 18px; line-height: 18px;
		display: inline-block; color: #105d9b; font-size: 11px; padding: 0 25px 0 0;
		background: url('../img/site/moreMarkC.png') center right no-repeat; }
#main .panel .tab2 a:hover { text-decoration: none; }
#main .panel .panelLeft { padding: 0 0 0 1px; background: #e3e1e1 url('../img/site/panelBorder.png') top left no-repeat; }
#main .panel .panelRight { padding: 0 1px 0 0; background: url('../img/site/panelBorder.png') top right no-repeat; }
#main .panel .content { width: 227px; padding: 18px 15px 7px; text-align: left;
		background: url('../img/site/panelBg.png') top left repeat-x; }
#main .panel .content .date { color: #0c4e90; font-size: 11px; }
#main .panel .content h1 { margin: 0; padding: 0; line-height: 12px; }
#main .panel .content h1 a { margin: 0; padding: 0; color: #393737; font-size: 10px; }
#main .panel .content p { margin: 0; padding: 0; margin-bottom: 14px; }
#main .panel .content p a { margin: 0; padding: 0; color: #393737; line-height: 11px; font-size: 11px; }
#main .panel .content div { width: 225px; margin: 0 0 10px; text-align: right; display: inline-block; }
#main .panel .content div.error { text-align: center; color: #ff0000; }
#main .panel .belt { border-top: 1px #fff solid; height: 3px; background: #f30101; }

#main .panel .content div span { color: #020202; font-size: 12px; line-height: 16px; margin-right: 5px; }
#main .panel input { width: 135px; height: 18px; font-size: 12px; line-height: 12px;
		padding-top: 2px; border: 1px #9a9898 solid; /*float: right;*/ background: #fff; }
#main .panel input.submit { width: 74px; height: 20px; color: #fff;
		margin: 6px 0 0 0; border: 1px #0c4f90 solid; font-size: 11px; padding: 0;
		background: url('../img/site/submitBg.png') 0px 0px repeat-x; cursor: pointer; }

#main .documentHeight { height: 373px; }

/** bottom */
#bottom { width: 100%; margin: 0; background: url('../img/site/bottomBg.png') top left repeat-x; }
#bottom .content { width: 984px; margin: 0 auto; overflow: hidden;  padding: 0;
		background: url('../img/site/bottomEukom.png') 43px 10px no-repeat; }

#bottom .menu { margin: 0 0 0 300px; }
#bottom .menu .menuUl { margin: 14px 0 0 60px; float: left; display: inline; }
#bottom ul { margin: 0; list-style: none outside; }
#bottom ul li { padding: 0 0 0 25px; background: url('../img/site/bottomMark.gif') center left no-repeat; }
#bottom ul li a { color: #39393a; }
#bottom ul li a:hover { text-decoration: none; }

#bottom .copyrights, #bottom .realization { margin: 0 43px; color: #656566; display: inline; }
#bottom .copyrights a, #bottom .realization a { color: #656566; }

a { text-decoration: none; }


/** http://www.hyh.pl */