@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
h3{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 12px;
	color: #052e72;
	font-weight: bold;
}
h3.producent{
	padding-left: 10px;
	color: #000;
	margin-bottom: 0px;
	padding-top: 10px;
}
h4{
	margin: 10px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;
	color: #052e72;
	font-weight: bold;
}
h4.partner{
	border-bottom: 1px solid #c1d7e7;
	padding-left: 20px;
	margin-bottom: 10px;
}
h5{
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #0056d7;
}
input, textarea{
	border: 1px solid #c1d7e7;
}
input:hover, textarea:hover, input.sel, textarea.sel{
	border: 1px solid #065d9f;
}
a{
	color: #052e72;
	cursor: pointer;
}
a:hover{
	color: #ff0000;
}
#kontener{
	width: 900px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
#logo{
	position: absolute;
	z-index: 100;
}
#menu{
	display: block;
	float: left;
	width: 277px;
	background: url(../gfx/ble.gif) left bottom no-repeat;
	padding-bottom: 28px;
}
#none{
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
}
#menu ol, #ikon ol, ul#start, ul#func{
	padding: 0px;
	margin: 0px;
	list-style: none;
	
}
#menu ol li a{
	background-image: url(../gfx/bg_menu.gif);
	background-repeat: no-repeat;
	height: 0pt;
	width: 277px;
	display: block;
	overflow: hidden;
}
#menu ol li#about a{
	background-position: 0px 0px;
	padding-top: 54px;
}
#menu ol li#about a:hover, #menu ol li#about a.sel{
	background-position: 0px -238px;
	padding-top: 54px;
}
#menu ol li#ofert a{
	background-position: 0px -54px;
	padding-top: 44px;
}
#menu ol li#ofert a:hover, #menu ol li#ofert a.sel{
	background-position: 0px -292px;
	padding-top: 44px;
}
#menu ol li#produkt a{
	background-position: 0px -98px;
	padding-top: 45px;
}
#menu ol li#produkt a:hover, #menu ol li#produkt a.sel{
	background-position: 0px -336px;
	padding-top: 45px;
}
#menu ol li#partner a{
	background-position: 0px -143px;
	padding-top: 44px;
}
#menu ol li#partner a:hover, #menu ol li#partner a.sel{
	background-position: 0px -381px;
	padding-top: 44px;
}
#menu ol li#kontakt a{
	background-position: 0px -187px;
	padding-top: 50px;
}
#menu ol li#kontakt a:hover, #menu ol li#kontakt a.sel{
	background-position: 0px -425px;
	padding-top: 50px;
}
#ikon{
	position: absolute;
	z-index:90;
	width: 900px;
	margin-top: 25px;
}
#ikon ol li{
	display:inline;
	float: right;
}
#ikon ol li a{
	background-image: url(../gfx/bg_ikon.gif);
	background-repeat: no-repeat;
	height: 0pt;
	width: 30px;
	padding-top: 22px;
	display: block;
	overflow: hidden;
}
#ikon ol li#main a{
	background-position: 0px 0px;
}
#ikon ol li#main a:hover, #ikon ol li#main a.sel{
	background-position: 0px -23px;
}
#ikon ol li#sitemap a{
	background-position: -30px 0px;
}
#ikon ol li#sitemap a:hover, #ikon ol li#sitemap a.sel{
	background-position: -30px -23px;
}
#ikon ol li#kontakt a{
	background-position: -60px 0px;
}
#ikon ol li#kontakt a:hover, #ikon ol li#kontakt a.sel{
	background-position: -60px -23px;
}
#site{
	background: url(../gfx/bg_site2.gif) repeat-y;
	margin: 0px;
	padding: 0px;
}
#lewa{
	background: #c1d7e7;
	width: 280px;
	margin-left: 8px;
	display: block;
	float: left;
}
#prawa{
	float: left;
	margin-left: 5px;
	width: 598px;
}
#foot{
	border-top: 2px solid #1f435e;
	font-size: 10px;
}
#box{
	margin-left: 5px;
	margin-right: 5px;
	border-bottom: 1px solid #065d9f;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#news{
	margin-left: 10px;
}
#data{
	color: #FF0000;
	font-size: 10px;
}
#opis{
	font-size: 11px;
	padding-top: 5px;
	line-height: 14px;
}
#start #opis{
	color: #7a7b7b;
}
#start #opis a#title{
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	color: #005a9d;
}
#more{
	text-align: right;
	margin-right: 10px;
}
#more a{
	text-decoration: none;
	font-size: 10px;
	color: #052e72;
}
#more a:hover{
	color: #ff0000;
}
ul#start li{
	display: inline-block;
	width: 189px;
	float: left;
	padding: 5px;
}
#start2{
	border: none;
	padding: 0px;
	margin: 0px;
	display: block;
	background: url(../gfx/tlo_m.gif) repeat-y top left;
}
#zaufaliNam{
	display: block;
	height: 78px;
}
form#kontakt{
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
form#zamowienie_frm{
	display: block;
	width: 360px;
	float: left;
}
form#kontakt label{
	display: block;
	float: left;
	width: 200px;
	text-align: right;
	padding-right: 5px;
	font-size: 11px;
}
form#zamowienie_frm label{
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 5px;
	font-size: 11px;
}
form#kontakt label#zgoda{
	display: block;
	width: 500px;
	text-align: left;
	clear: right;
	margin-top: 10px;
}
form#kontakt input, form#kontakt textarea{
	width: 250px;
	margin-bottom: 4px;
}
form#zamowienie_frm input,form#zamowienie_frm textarea{
	width: 200px;
	margin-bottom: 4px;
}
form#kontakt input#radio{
	width: auto;
	border: none;
}
form#kontakt textarea{
	height: 100px;
}
form#kontakt button{
	margin-left: 200px;
}
#tlo_szare{ 
	display: none; 
	top: 0px; 
	left: 0px; 
	width: 0px; 
	height: 0px; 	
	filter: alpha(opacity=70);	
	opacity: 0.7; 
	position:absolute; 
	z-index:1000;
	background:#fff;
}
#popup, #popup2{
	background: #FFFFFF;
	border: 1px solid #0000FF;
	width: 620px;
	height: 560px;
	display: none;
	position: absolute;
	z-index: 10001;
}
#popupDEMO{
	background: #FFFFFF;
	border: 1px solid #0000FF;
	width: 620px;
	height: 360px;
	display: none;
	position: absolute;
	z-index: 10001;
}
ul#menu_dwa, ul#praca{
	list-style: none;
	padding: 0px;
	margin: 5px;
}
ul#menu_dwa li{
	background: url(../gfx/li_menu2.gif) left bottom repeat-x;
	padding-left: 40px;
	padding-bottom: 4px;
	padding-top: 4px;
}
ul#menu_dwa li#pozdwa{
	background: url(../gfx/li_menu2.gif) left bottom repeat-x;
	padding-left: 60px;
	padding-bottom: 4px;
	padding-top: 4px;
}
ul#menu_dwa li a{
	background: url(../gfx/strzalka.gif) right center no-repeat;
	text-decoration: none;
	display: block;
	margin-right: 10px;
	color: #052e72;
}
ul#menu_dwa li#pozdwa a{
	color: #024b60;
}
ul#menu_dwa li a:hover, ul#menu_dwa li a.sel, ul#menu_dwa li#pozdwa a:hover, ul#menu_dwa li#pozdwa a.sel{
	background: url(../gfx/strzalka2.gif) right center no-repeat;
	text-decoration: underline;
	color: #ff0000;
}
table#partner{
	width: 90%;
}
table#partner tr td{
	background: url(../gfx/li_menu2.gif) bottom repeat-x;
	padding-bottom: 5px;
	padding-top: 5px;
}
#konttel{
	font-size: 11px;
	color: #043e8e;
}
#konttel a{
	text-decoration: none;
	color: #043e8e;
}
#logowanie{
	display: block;
	width: 300px;
	background: #f3f3f3;
	margin-top: 20px;
	margin-left: 130px;
	padding: 20px;
	border: 1px solid #bcbcbd;
}
#logowanie label{
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	padding-right: 10px;
}
#logowanie input{
	width: 200px;
	margin-bottom: 5px;
}
#ico{
	text-align: center;
	float: right;
	margin-left: 10px;
	display: block;
	width: 80px;
}
#ico img{
	cursor: pointer;
}
#opisProduktu p, #przykladoweEkrany p, #film p{
	margin-left: 40px;
}
#funkcjeProduktu, #zestawieniaProduktu, #przykladoweEkrany, #porownanieWersji, #historiaWersji, #film{
	display: none;
}
ul#func li{
	background: url(../gfx/li_n.gif) no-repeat left 5px;
	padding-left: 20px;
	margin-left: 40px;
	display: block;
	padding-bottom: 5px;
}
ul#func li#pozdwa, ul#praca li.stanowisko{
	background: url(../gfx/li.gif) no-repeat left 5px;
	margin-left: 80px;
}
ul#func li#poztrzy{
	background: url(../gfx/li_trzy.gif) no-repeat left 5px;
	margin-left: 110px;
}
ul#praca li.dzial{
	font-weight: bold;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #666;
}
ul#praca li.stanowisko{
	padding-left: 20px;
	padding-bottom: 2px;
}
ul#praca li.stanowisko a{
	color: #052e72;
	text-decoration: none;
}
ul#praca li.stanowisko a:hover{
	color: #ff0000;
	text-decoration: underline;
}
.left560x250{
	display: block;
	float: left;
	width: 560px;
	height: 250px;
}
.left270x250{
	display: block;
	float: left;
	width: 270px;
	height: 250px;
}
.left220{
	display: block;
	float: left;
	width: 270px;
	height: 200px;
}
.left220 img, .left180 img, .left270x250 img, .left560x250 img{
	padding-top: 10px;
	padding-bottom: 10px;
}

.left180{
	display: block;
	float: left;
	width: 180px;
	height: 215px;
}
#cena{
	font-size: 10px;
	margin-left: 45px;
	padding-top: 5px;
	padding-bottom: 10px;
	display: block;
}
#cena2{
	font-size: 10px;
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 10px;
	display: block;
	float: left;
}
#cena span, #cena2 span{
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}
.head{
	border-bottom: 1px solid #666666;
	padding-bottom: 4px;
}
#tb_body td{
	height: 30px;
	font-size: 11px;
	border-bottom: 1px solid #E2E2E2;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#tb_body2 td{
	height: 30px;
	font-size: 11px;
	border-bottom: 1px solid #E2E2E2;
	background: #F7F7F7;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#old_cena{
	text-decoration: line-through;
}
img#ikony{
	margin-right: 5px;
}
#reklama{
	position: absolute;
	display: none;
	z-index: 1000;
	width: 1000px;
	text-align: center;
}
#windowVideo thead th{
	background: #005a9d url(../gfx/thVideo.gif) no-repeat top left;
	height: 35px;
	color: #ffffff;
	font-size: 14px;
	padding-left: 70px;
}
#windowVideo tbody td{
	background-color: #005a9d;
	padding-top: 5px;
	padding-bottom: 10px;
}
#listVideo{
	border: 1px solid #ffffff;
}
#windowVideo tbody td #listVideo tbody tr.first td{
	border-top: none;
}
#windowVideo tbody td #listVideo tbody td{
	background-color: #c1d7e7;
	border-top: 1px solid #ffffff;
}
#windowVideo tbody td #listVideo tbody td a{	
	cursor: pointer;
}
#windowVideo tbody td #listVideo tbody td div{
	margin-left: 10px;
}
