﻿body {
	margin: 0;
	font-weight: normal;
	font-size: 13px;
	color: #666666;
	background: #fff;
	background-image: url('img/bg.png');
	background-repeat: repeat-x;
	font-family: tahoma, verdana, arial;
}
html {
	margin: auto;
	font-weight: normal;
	font-size: 11px;
	color: #949494;
}

td {
	font-size:11px;
	line-height:22px;
}

a {
	color: #516c7d;
	text-decoration: none;
	outline:0px;
}

a:hover {
	color: #C40000;
	text-decoration: none;
}

h1 {
	font-family:Arial,Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#D02A05;
	margin:0px 0px 10px 0px;
}

h2 {
	font-family:Arial,Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#D02A05;
	margin:0px 0px 10px 0px;
}


h3 {
	font-family:Arial,Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#D02A05;
	margin:0px 0px 10px 0px;
}


div {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
}

div.container {
	display: block;
	width:980px;
	height:699px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div.header {
	display: block;
	float:left;
	width:980px;
	height:87px;
}

a#logo { 
	display: block; 
	width:160px;
	height:36px;
	background: url(img/logo.gif); 
	float:left; 
	margin-left:21px;
	margin-top:26px;
	outline:0px;
}

#slogan {
	display: block; 
	width:251px;
	height:20px;
	background: url(img/slogan.gif); 
	float:right; 
	margin-right:22px;
	margin-top:36px;
}

div.main-menu {
	display: block;
	float:left;
	width:980px;
	height:41px;
}

#customer {
	display: block;
	float:left;
	width:198px;
	height:245px;
}

div.banner {
	display: block;
	float:left;
	width:485px;
	height:245px;
	background: url(img/img_04.jpg); 

}

div.news {
	display: block;
	float:left;
	width:297px;
	height:245px;
	padding:0px;
	vertical-align:top;
	background: url(img/img_05.jpg); 
}

div.content {
	display: block;
	float:left;
	width:683px;
	height:197px;
	background: url(img/content.jpg); 
}

#contentSub {
	display: block;
	float:left;
	width:980px;
}

div.content a:hover {
	color:#DB0000;
}

#bannerLeft {
	display: block;
	float:left;
	width:267px;
	height:190px;
}

#bannerRight {
	display: block;
	float:left;
	width:713px;
	height:190px;
}

#contSep {
	display: block;
	float:left;
	width:100%;
	height:17px;
	margin:1px 0px 3px 0px;
	background: url(img/cont_sep.gif); 
}
#submenu {
	display:inline;
	float:left;
	width:286px;
}
#submenuTop {
	display:inline;
	float:left;
	width:268px;
	height:34px;
	background: url(img/box_top.gif); 
}

#submenuTop h2{
	font-family:Arial,Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	margin:10px 0px 10px 15px;
}

#submenuMain {
	display:inline;
	float:left;
	width:268px;
	background: url(img/box_middle.gif); 
}

#submenuMain ul {
	margin-left:1px;
	margin-right:1px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px; 
	display:inline; 
	float:left; 
}

#submenuMain li {
	border-bottom:1px #ffffff solid;
	margin:0px; 
	padding:5px 0px 0px 15px; 
	display:inline; 
	list-style-type:none; 
	float:left; 
}

#submenuMain li:hover {
	background: url(img/submenu_hover.gif); 
	background-position:0% 100%;
	background-repeat:repeat-x;
}

li#active {
	border-bottom:1px #ffffff solid;
	margin:0px; 
	padding:5px 0px 0px 15px; 
	display:inline; 
	list-style-type:none; 
	float:left; 
	background: url(img/submenu_hover.gif); 
	background-position:0% 100%;
	background-repeat:repeat-x;
}

li#active a {
	color:#EB0000;
}

#submenuMain a {
	width:225px;
	height:25px;
	display:inline;
	padding-left:25px;
	padding-top:7px;
	float:left;
	background: url(img/bullet_submenu.gif); 
	background-position:5px 40%;
	background-repeat:no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#808080;
	outline:0px;
}

#submenuMain a:hover {
	color:#EB0000;
}

#submenuBot {
	display:block;
	float:left;
	width:268px;
	height:8px;
	background: url(img/box_bottom.gif); 
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.boxTop {
	display:block;
	float:left;
	width:267px;
	height:31px;
	margin-top:25px;
}

#boxMainSklep {
	display:block;
	float:left;
	width:128px;
	height:123px;
	background: url(img/sklep_main.jpg); 
	font-size:11px;
	padding:17px 10px 0px 130px;
	line-height:18px;
}
#boxMainEdicra {
	display:block;
	float:left;
	width:128px;
	height:123px;
	background: url(img/edicra_main.jpg); 
	font-size:11px;
	padding:17px 10px 0px 130px;
	line-height:18px;
}

#contentMain {
	display:block;
	float:right;
	width:655px;
	line-height:18px;
	padding-left:25px;
	margin-right:10px;
	margin-top:5px;
	background: url(img/sep_ver.gif);
	background-position:left;
	background-repeat:repeat-y;
	font-size:11px;
}

#contentTxt{
	margin: 5px 20px 0px 20px;
	text-align:justify;
}

#contentLeft {
	display:inline;
	float:left;
	width:250px;
	padding-left:15px;
}

#contentRight {
	display:inline;
	float:right;
	width:300px;
	border:1px #D1D8DC solid;
	padding:20px 30px 20px 0px;
	margin-left:20px;
	background: url(img/box_bg.gif);
	background-repeat:repeat-x;
	background-color:#F7F7F7;

}

.input2 {
	BORDER-RIGHT: #BDBDBD 1px solid; BORDER-TOP: #BDBDBD 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #BDBDBD 1px solid; COLOR: #000000; BORDER-BOTTOM: #BDBDBD 1px solid; FONT-FAMILY: Tahoma, Arial, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; padding-top:4px; padding-left:3px; height:16px; background-image: url('img/input.gif'); background-repeat: repeat-x; 
}

.input3 {
	BORDER-RIGHT: #BDBDBD 1px solid; 
	BORDER-TOP: #BDBDBD 1px solid; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #BDBDBD 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #BDBDBD 1px solid; 
	FONT-FAMILY: Tahoma, Arial; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-DECORATION: none; 
	padding-top:4px; 
	padding-left:3px; 
	background-image: url('img/input.gif'); 
	background-repeat: repeat-x; 
	line-height:15px; 
	margin:0px;
	padding-bottom:0px;
}

	
.wyslijform {
	background-image: url('img/wyslij.gif'); 
	height:30px; 
	width:87px; 
	margin-right:20px; 
	border:1px solid #C0C0C0; 
	margin-top:0px;
	margin-left:10px;
	}
	
.resetform {
	background-image: url('img/reset.gif'); 
	height:30px; 
	width:100px; 
	margin-right:20px; 
	border:1px solid #C0C0C0; 
	margin-top:0px;
}
	
.contentBox{
	margin-bottom:20px;
	margin-top:5px;
	display:block;
	float:left;
}

.contBoxLebel {
	display:block;
	float:left;
	width:614px;
	height:26px;
	padding-left:35px;
	padding-top:24px;
	margin-left:3px;
	margin-top:5px;
	background: url(img/cont_top.gif);
	font-weight:bold;
}

.contBoxLebel img {
	margin-right:5px;
}

.contBoxMain {
	display:block;
	float:left;
	width:310px;
	padding:13px 46px 10px 45px;
	line-height:17px;
	text-align:justify;
	margin-left:3px;
	background: url(img/cont_mid.gif);
	background-repeat:repeat-y;
}

.portDescTitle {
	display:block;
	float:left;
	width:280px;
}

.portDesc {
	display:block;
	float:left;
	width:300px;
	margin-bottom:12px;
	margin-top:5px;
	linbe-height:18px;
	margin-left:14px;
}

.contBoxPic {
	display:inline;
	float:right;
	width:219px;
	height:190px;
	margin-right:8px;
	margin-top:5px;
}

.contBoxPic img {
	border:0px #fff solid;
}

.contBoxBot {
	display:block;
	float:left;
	width:357px;
	height:28px;
	margin-left:3px;
	padding-left:45px;
	padding-top:9px;
	font-weight:bold;
	background: url(img/cont_bot.gif);
	background-repeat:no-repeat;
}

.contBoxBot img {
	margin-right:3px;
}

.contBoxBot a {
	font-weight:normal;
}

.boxInfo{
	width:530px;
	border:1px #D1D8DC solid;
	padding:20px;
	float:left;
	margin-left:20px;
	margin-bottom:30px;
	margin-top:30px;
	display:inline;
	text-align:justify;
	line-height:20px;
	background: url(img/box_bg.gif);
	background-repeat:repeat-x;
	background-color:#F7F7F7;
}

.boxInfo h3{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin:0px 0px 12px 0px;
}

.boxInfo li {
	margin-bottom:6px;
	list-style-image:url(img/dot_sm.gif);
}

#contentTxt a:hover{
	color:#EB0000;
}

h1.title {
	margin:0px 0px 5px 0px; 
	font-family:Tahoma; 
	font-size:23px; 
	font-weight:normal; 
	color:#7A7A7A;
	background: url(img/cont_sep.gif); 
	background-position:0% 28px;
	padding-bottom:12px;
	background-repeat:repeat-x;;
}

div.col_01 {
	display:inline;
	float:left;
	width:205px;
	height:180px;
	margin:17px 0px 0px 20px;
}

div.col_02 {
	display:inline;
	float:left;
	width:200px;
	height:180px;
	margin:17px 0px 0px 0px;
}

div.col_03 {
	display:inline;
	float:left;
	width:199px;
	height:180px;
	margin:17px 0px 0px 0px;
}

div.sep {
	display:inline;
	float:left;
	width:21px;
	height:180px;
	margin:17px 0px 0px 0px;
	background: url(img/lin.gif); 
}
div.colTxt {
	display:inline;
	float:left;
	font-size:11px;
	color:#747474;
	line-height:17px;
	width:125px;
	height:auto;
	margin:0px 0px 0px 6px;
}

div.colPic {
	display:inline;
	float:left;
	width:auto;
	height:auto;
	margin:0px;
}
div.right {
	display: inline;
	float:right;
	width:297px;
	height:197px;
	background: url(img/img_07.jpg); 
}

div.colBot {
	display:block;
	float:right;
	width:auto;
	height:35px;
	margin:0px 10px 0px 0px;
}

div.colBot2 {
	display:block;
	float:right;
	width:auto;
	height:35px;
	margin:0px 10px 0px 6px;
}

a.colLinkLeft {
	display:inline;
	float:left;
	width:auto;
	height:20px;
	font-size:11px;
	font-weight:bold;
	margin:10px 8px 0px 8px;
}
a.colLinkLeft2 {
	display:inline;
	float:left;
	width:auto;
	height:20px;
	font-size:11px;
	font-weight:bold;
	margin:10px 2px 0px 8px;
}

a.colLinkRight {
	display:inline;
	float:left;
	width:66px;
	height:20px;
	font-size:11px;
	text-align:right;
	font-weight:bold;
	margin:10px 0px 0px 8px;
}
a.colLinkRight2 {
	display:inline;
	float:left;
	width:66px;
	height:20px;
	font-size:11px;
	text-align:right;
	font-weight:bold;
	margin:10px 0px 0px 4px;
}

div.sepLink {
	display:inline;
	background-repeat: repeat-y;
	float:left;
	width:17px;
	height:30px;
	margin:5px 0px 0px 10px;
	background: url(img/lin.gif); 
}

div.footerLeft {
	display: inline;
	float:left;
	width:267px;
	font-size:11px;
	height:155px;
}

#pagerTop {
	width:640px;
	background: url(img/cont_sep.gif); 
	background-position:0px 28px;
	background-repeat:repeat-x;
	display:inline;
	margin-left:45px;
	margin-top:10px;
	margin-bottom:5px;
	float:left;	
	font-size:11px;
	font-weight:bold;
	color:#CC0000;
}

#pager {
	display:inline;
	float:left;
	margin-top:30px;
	width:640px;
	text-align:center;
	color:#516C7D;	
}

div.footerSub {
	display: inline;
	float:left;
	width:713px;
	font-size:11px;
	margin-top:43px;
	background: url(img/footer.gif); 
	background-repeat:repeat-x;
}
div.footerSub2 {
	display: inline;
	float:left;
	width:713px;
	font-size:11px;
	margin-top:15px;
	background: url(img/footer.gif); 
	background-repeat:repeat-x;
}

div.footer {
	display: block;
	float:left;
	width:980px;
	font-size:11px;
	height:129px;
	background: url(img/footer.gif); 
	background-repeat:repeat-x;
}

div.footerTop {
	display: inline;
	float:left;
	width:660px;
	margin-left:35px;
	height:18px;
	margin-top:11px;
}

div.footerTopSub {
	display: inline;
	float:right;
	width:660px;
	height:18px;
	margin-top:11px;
}

div.footerTopSub a {
	display: inline;
	float:left;
	margin-right:49px;
	width:auto;
	height:18px;
}

div.footerTop a {
	display: inline;
	float:left;
	margin-right:48px;
	width:auto;
	height:18px;
}

div.footerTopSub a:hover {
	color:#DB0000;
}

div.footerTop a:hover {
	color:#DB0000;
}

div.footerItem {
	display: inline;
	float:left;
	margin-right:48px;
	width:auto;
}

div.footerItem2 {
	display:inline;
	float:left;
	width:auto;
	margin-right:1px;
}

div.footerTopSub img {
	margin-right:7px;
}

div.footerTop img {
	margin-right:7px;
}

div.footerRight {
	display: block;
	float:right;
	width:255px;
	height:129px;
}

div.footerRight img {
	display: inline;
	float:right;
	margin-right:42px;	
}

div.footerRight a {
	display: inline;
	float:left;
	width:80px;
	height:15px;
	margin-top:53px;
	background: url(img/xhtml_icon.png); 
}

div.footerBot {
	display: inline;
	float:left;
	width:611px;
	margin-left:35px;
	height:18px;
	margin-top:22px;
	color:#9E9E9E;
}

div.footerBotSub {
	display: inline;
	float:right;
	width:611px;
	margin-right:35px;
	height:18px;
	margin-top:22px;
	color:#9E9E9E;
}

div.footerBotSub a {
	display: inline;
	float:right;
	margin-right:2px;
	width:auto;
	color:#666666;
}

div.footerBot a {
	display: inline;
	float:right;
	margin-right:2px;
	width:auto;
	color:#666666;
}

div.footerBotSub a:hover {
	color:#808080;
	text-decoration:underline;
}

div.footerBot a:hover {
	color:#808080;
	text-decoration:underline;
}

div.footerBotSub div {
	display: inline;
	float:left;
	width:auto;
}

div.footerBot div {
	display: inline;
	float:left;
	width:auto;
}

div.footerBotSub img {
	display: inline;
	float:right;
	margin-right:5px;
	margin-top:2px;
}

div.footerBot img {
	display: inline;
	float:right;
	margin-right:5px;
	margin-top:2px;
}

.hosting td {
	padding:10px 15px 10px 15px;
	text-align:justify;
}


/*********** navigator ***********/


/* position and dimensions of the navigator */
ul.navi {
	width:150px;
	height:20px;
	display:inline;
	padding:0;
	float:left;
	margin:13px 0px 0px 25px;
	list-style-type:none;
	list-style-position:outside;
}

ul.navi li {
	display:inline;
	margin:0;
	padding:0;
}

/* items inside navigator */
ul.navi a {
	float:left;
	margin-right:8px; 
	width:20px;
	height:21px;
	cursor:pointer;	
	-moz-opacity:0.7; opacity:0.7; filter: alpha(opacity=70); background-color:#fff;
}

/* mouseover state */
ul.navi a:hover {
	-moz-opacity:1; opacity:1; filter: alpha(opacity=100); background-color:#fff;    
}


/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	display:inline;
	overflow:hidden;
	width: 270px;	 
	height:160px;
	margin-top:46px;
	margin-left:20px;
	float:left;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:1370px;	
	clear:both;
}


/* single item */
#thumbs div {
	float:left;
	width:270px;
	display:block;
	height:160px;
	color:#666666;
}

#thumbs h3 {
	margin:0px;		
	font-size:13px;
	color:#666666;
	font-weight:bold;
}

#thumbs p {		
	font-size:11px;
	line-height:18px;
	margin-top:5px;
	color:#949494;
}

#thumbs div div {		
	float:left;
	display:inline;
	width:100px;
	margin: 0px 0px 70px 0px;
	height:100px;
}

#thumbs div.poz {		
	float:left;
	display:block;
	width:250px;
	margin:7px 0px 11px 0px;
	text-align:center;
	height:auto;
}

#thumbs h3.poz {		
	margin:0px 0px 0px 5px;		
	font-size:13px;
	color:#666666;
	font-weight:bold;
}

#thumbs p.poz {		
	font-size:11px;
	line-height:18px;
	margin-top:5px;
	color:#949494;
	margin:5px 0px 0px 5px;	
}