@charset "utf-8";
/* CSS Document */
body{
	padding:0px;
	margin:0 auto;
	position:relative;
	color:#333333;
	font-weight:normal;
	background-image: url(images/header-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #D8E4FA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	font-style: normal;
}
.boldi {
	font-size: 14px;
	font-weight: bold;
}

div, p, h1, h2, h3, h4, ul, a, img{
	padding:0px;
	margin:0px;
	border: 0px;
}

h3{
	font-weight: bold;
	text-align: left;
	padding-top: 12px;
	padding-left: 20px;
	color: #06C;
	font-size: 18px;
	font-style: italic;
}
ul{list-style-type:none;}

/* TOP PANEL */

#topPan{
	width:836px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#topPan ul{
	width:458px;
	height:32px;
	display:block;
	position:absolute;
	top:124px;
	right:42px;
	margin:0px;
	padding:0px;
	background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714;
	color:#fff;
}
#topPan ul li{float:left; display:block; width:90px; height:32px; background:url(images/menu-devider.gif) right top no-repeat;}
#topPan ul li span{display:block; width:88px; height:32px; background:url(images/menu-hover.gif) 50% 0 no-repeat; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a{display:block; width:88px; height:32px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a:hover{
	display:block;
	width:88px;
	background:url(images/menu-hover.gif) 50% 0 no-repeat;
	text-decoration:none; /*position:fixed;*/
	margin:0;
	padding:0px;
	color: #0C4FA6;
}
#topPan ul li.praca{display:block; width:88px; height:32px; background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li.praca:hover{display:block; width:90px; background:url(images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}

/* LEFT PANEL */
#bodyPan{
	width:836px;
	position:relative;
	/*height: 560px;*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* Left Panel */
#leftPan{
	width:260px;
	display:block;
	float:left;
	margin:0;
	padding:20px 20px 0 20px;
/*	height: 560px;*/
}
#leftPan h2{
	width:260px;
	height:31px;
	float:left;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	background-color: #ff9933;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#leftPan h2 span{background:#EFEFEF; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan h3{ width:247px; display:block; float:left; background:none; font-size:18px; font-weight:bold; padding:0; margin:0;}
#leftPan p{
	display:block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#leftPan p.more{
	height:20px;
	display:block;
	margin:0 0 10px;
	padding:0;
} 
#leftPan p.more a{
	display:block;
	width:260px;
	height:20px;
	color:#000099;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
}
#leftPan p.more a:hover{ background:#EFEFEF; color:#FF6500; text-decoration:none;}
#leftPan h4{ width:177px; height:70px; float:left; display:block; background:url(images/image2.jpg) 0 0 no-repeat #EFEFEF; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 70px; margin:0; }
#leftPan h4 span{background:#EFEFEF; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan ul{width:241px; height:271px; display:block; float:left; margin:0; padding:0;}
#leftPan ul li.middle{width:22px; height:152px; background:none; float:left; display:block; padding:0; margin:0;}
#leftPan ul li{width:109px; height:122px; display:block; float:left; background: url(images/dot-line.gif) repeat-x 0 100%; padding:0 0 10px 0; margin:20px 0 0 0;}
#leftPan ul li img{width:109px; height:105px; display:block; padding:0; margin:0;}
#leftPan ul li a{ width:70px; height:20px; display:block; background:url(images/arrow.gif) no-repeat 100% 50% #EFEFEF; color:#BF4D02; font:12px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none; text-align:center; margin:0 0 0 12px; padding:0;}
#leftPan ul li a:hover{text-decoration:underline; display:block;}
#leftworkPan{width:241px; height:271px; display:block; float:left; margin:10px 0 0; padding:0;} 
/* Right Panel */
#rightPan{
	width:516px;
	/*	height:560px;*/
	float:left;
	display:block;
	background:#FFF;
	margin:0 auto;
	padding:0;
	color:#333333;
}
#rightPan p{
	padding:0 0 0 0px;
}
#rightPan p.paddingtop{
	background:#FFF;
	color:#0033CC;
	font:14px/20px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
#rightPan p span.bigsize{ font-family:Georgia,"Times New Roman", Times, serif; font-style:italic; color:#BF4D02; font-size:20px; line-height:20px; background:#fff; padding:0;}
#rightPan p.name{
	background:#fff;
	display:block;
	color:#FF9933;
	font:18px/18px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	text-align:right;
	padding:10px 63px 5px 0px;
}
#rightPan p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; color:#666; margin:0 63px 0 52px;}
#rightPan h2{
	display:block;
	width:456px;
	height:28px;
	font-weight:bold;
	color:#2c6fe5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 28px;
	background-color: #fff;
	background-image: url(images/tyt_bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	border: 1px solid #2c6fe5;
	font-style: italic;
}
#rightPan h2 span{background:#fff; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#rightPan p.bottompadding{padding:0 63px 22px 52px;}
#rightPan p.more{height:28px; display:block; position:relative; margin:0; padding:13px 0 38px 200px;} 
#rightPan p.more a{display:block; width:100px; height:20px; background:#fff; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#BF4D02; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#rightPan p.more a:hover{ background:#fff; color:#FF6500; text-decoration:none;}
/* /Right Panel */
#footerbody {
	background-color: #568bd9;
	background-image: url(images/foot_bg.gif);
	background-repeat: repeat-x;
	height: 100px;
	position: relative;
	margin: 0 auto;
	clear: both;
	padding-top: 20px;
}
#footercent {
	width: 836px;
	height: 80px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0;
	padding-left: 20px;
}

#footerlogo {
	width: 260px;
	padding-left: 20px;
	height: 80px;
}
#footlinks {
	color: #FFFFFF;
	float: left;
	padding-left: 20px;
}
#footercent ul {
	color: #FFFFFF;
	display: block;
	float: left;
	width: 272px;
	position: absolute;
	left: 430px;
	top: 16px;
}
#footercent li {
	color: #FFFFFF;
	float: left;
}
#footercent ul li a {
	color: #FFFFFF;
	padding-left: 20px;
	text-decoration: none;
}
#footercent ul li a:hover {
	color: #FF9933;
	text-decoration: underline;
}
#footcopyright {
	color: #FF9933;
	width: 300px;
	position: absolute;
	left: 467px;
	top: 41px;
}
#kontakt_m {
	background-color: #D8E4FA;
	float: left;
	margin-top: 0px;
	margin-left: 120px;
	padding-left: 25px;
	width: 290px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #003399;
}
#kontakt_l {
	font-weight: bold;
	color: #003399;
	text-align: right;
	width: 95px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
#telefony {
	background-color: #D8E4FA;
	float: left;
	margin-top: 0px;
	margin-left: 120px;
	padding-left: 25px;
	width: 290px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #003399;
}
#kontakt_l1 {
	font-weight: bold;
	color: #003399;
	text-align: right;
	width: 95px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}
#mail_a {
	font-weight: bold;
	color: #003399;
	text-align: right;
	width: 95px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}
#mail_b {
	background-color: #D8E4FA;
	float: left;
	margin-top: 0px;
	margin-left: 120px;
	padding-left: 25px;
	width: 290px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FF9933;
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: bold;
}
#nip {
	width: 360px;
	float: left;
	text-align: center;
	font-size: 12px;
	margin-left: 40px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.foto {
	float: left;
	padding-bottom: 20px;
	padding-right: 20px;
	margin-right: 15px;
}
#boxtext {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#cert {
	margin-right: auto;
	margin-left: auto;
}
.slajd {
	height: 102px;
	width: 102px;
	float: left;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 16px;
}
.check {
	font-size: 12px;
	font-weight: bold;
	color: #F93;
	margin-left: 340px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.icons {
	background-color: #CCCCCC;
	padding: 5px;
	float: left;
	height: 50px;
	width: 50px;
}
#optima {
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#comarch {
	padding-left: 320px;
	margin-bottom: 10px;
}
#200flash {
	height: 200px;
	width: 200px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.marginauto {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: 30px;
}
.softar {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 30px;
}