@CHARSET "UTF-8";

body {
	margin: 10px 0px 36px 0px; /*36px 0px 36px 0px;*/ 
	padding: 0px 0px 0px 0px; 
	font-size: 11px; 
	font-family: Tahoma, Arial, Verdana, "lucida console", sans-serif; 
	text-decoration: none;
	color: #5A585C;
	
	background: #edeef0 url(../img/bg_gradient.jpg) repeat-x; 
}

h1, .jak_h1 {
	height: 20px;
	line-height: 20px;
	font-size: 14px; 
	font-family: Tahoma, Arial, Verdana, "lucida console", sans-serif; 
	font-weight: bold;
	text-decoration: none;
	color: #2C4F67; 
	background-color: transparent;
	margin: 0px 0px 11px 0px;
	padding: 0px 0px 0px 0px;
}

h2 {
	height: 15px;
	font-size: 11px;
	line-height: 15px;
	font-family: Tahoma, Arial, Verdana, "lucida console", sans-serif; 
	text-decoration: none;
	color: #2C4F67;
	background-color: transparent;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

h3 {
	height: 15px;
	font-size: 11px;
	line-height: 15px;
	font-family: Tahoma, Arial, Verdana, "lucida console", sans-serif; 
	text-decoration: none;
	color: #2C4F67;
	background-color: transparent;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

a {
	color: #43779A; 
	text-decoration: underline;
	background-color: transparent;
}

a:hover {
	color: #2C4F67;
	text-decoration: underline;
	background-color: transparent;
}

a img, .selected img {
	border-style: none;
	text-decoration: none; 
}

p {
	margin: 11px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.first_justify {
	text-align: justify;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.justify {
	text-align: justify;
}

#container {
	width: 100%;
	text-align: center;
}

#container_inner {
	width: 1006px; /*796px;*/
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-repeat: repeat-y;
}

#content {
	width: 1006px; /*796px;*/
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-repeat: no-repeat;
}

#top {
	width: 1000px; /*790px;*/
	height: 215px;  /*235*/
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url('../img/top_bg.jpg');
	background-repeat: repeat-x;
}

#top_image {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;	
}

#logo {
	/*
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 80px;
	*/
	xwidth: 151px;
	xheight: 40px;
	z-index: 1;
	position: relative;
	xtop: 650px;
	xleft: 40px
}

#icons_top {
	/*
	margin: 17px 0px 0px 0px;
	padding: 0px 19px 0px 0px;
	*/
	z-index: 2;
	position: absolute;
	top: 17px;
	right: 19px
}

#p_home {
	margin: 0px 19px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

#p_site_map {
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;	
}

#menu {
	width: 1000px; /*790px;*/
	height: 33px;
	line-height: 33px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #43779A;
	background-color: #FFFFFF;
}


#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
   	list-style-type: none;
	display: inline;
}

#menu  li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
   	float: left;

}

#menu ul li.divider_menu {
	width: 1px;
	height: 33px;
	line-height: 0px;
	display: block;
}

#menu ul li#p_company a {
	width: 139px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_company_off.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_company, #menu ul li#p_company a:hover, #menu ul li#p_company_sel a {
	width: 139px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_company_on.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_partners a {
	width: 136px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_partners_off.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_partners, #menu ul li#p_partners a:hover, #menu ul li#p_partners_sel a {
	width: 136px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_partners_on.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_clients a {
	width: 136px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_clients_off.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_clients, #menu ul li#p_clients a:hover, #menu ul li#p_clients_sel a {
	width: 136px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_clients_on.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_services a {
	width: 136px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_services_off.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_services, #menu ul li#p_services a:hover, #menu ul li#p_services_sel a {
	width: 136px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_services_on.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_ports a {
	width: 136px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_ports_off.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_ports, #menu ul li#p_ports a:hover, #menu ul li#p_ports_sel a {
	width: 136px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_ports_on.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_contact a {
	width: 139px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_contact_off.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_contact, #menu ul li#p_contact a:hover, #menu ul li#p_contact_sel a {
	width: 139px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_contact_on.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_network a {
	width: 139px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_network_off.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_network, #menu ul li#p_network a:hover, #menu ul li#p_network_sel a {
	width: 139px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/p_network_on.gif');
	background-repeat: no-repeat;
}

#menu ul li#p_final  {
	width: 169px;
	height: 33px;
	line-height: 33px;
	display: block;
	text-align: center;
	background-image: url('../img/bg_menu.gif');
	background-repeat: repeat-x;
}	

#srodek {
	width: 1000px; /*790px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #5A585C;
	background-color: #FFFFFF;
}

#main_container {
	width: 723px; /*513px;*/
	float: right;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: #CFCFCF;
	height: 500px;
}

div>#main_container {
	height: auto !important;
	min-height: 500px;
}

div>#main_container .column {
	height: auto !important; 
	min-height: 426px;
}

#left_container {
	width: 276px;
	float: left;
}

#left_container_inner {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #CFCFCF;
	height: 199px;
}

div>#left_container_inner  {
	height: auto !important;
	min-height: 199px;
}

#left_container_inner ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
   	list-style-type: none;
} 

#left_container_inner li {
	font-size: 11px;
	line-height: 15px;
	font-family: Tahoma, Arial, Verdana, "lucida console", sans-serif; 
	text-decoration: none;
	color: #2C4F67;
	background-color: transparent;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}


.left_menu {
	height: 11px;
	line-height: 11px;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}

.tresc {
	margin: 0px 10px 0px 20px;   /* 0px 10px 0px 20px; */
	padding:  10px 0px 10px 0px; /*17px 0px 20px 0px;*/
}

div #main_container div.tresc {
	width: 623px; /*473px;*/ /*473 489px*/
}

div.scroll {
	height: 200px;
	width: 400px;
	overflow: auto;
	border: 1px solid #cdcdcd;
	padding: 8px;
}

.left_grey_panel {
	xxxheight: 100%;
	xxxwidth: 272px;
	xmargin: 10px 0px 14px 10px;
	padding: 10px 0px 0px 4px;
	xxxbackground-color: #f3f3f3;
}

#footer {
	width: 1000px; /*790px;*/
	height: 35px; /*55*/
	line-height: 35px; /*55*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #5A585C;
	background-color: #FFFFFF;
	background-image: url('../img/footer_bg35.gif');
	background-repeat: repeat-x;
}


#footer_left {
	height: 35px; /*55*/
	line-height: 35px; /*55*/
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}


#footer_right {
	height: 35px;            /*55*/
	line-height: 35px;       /*55*/
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px; /*20*/
}

#footer_right strong {
	font-weight: normal;
}

.menu_spacer {
	margin: 0px 4px 0px 4px;
}

.strzalka {
	height: 11px;
	width: 11px;
	line-height: 11px;
	float: left;
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.strzalka_belka {
	height: 11px;
	width: 11px;
	line-height: 11px;
	float: left;
	margin: 4px 4px 4px 11px;
	padding: 0px 0px 0px 0px;
}

li .strzalka, h3 .strzalka {
	height: 11px;
	width: 11px;
	line-height: 11px;
	float: left;
	margin: 2px 4px 2px 0px;
	padding: 0px 0px 0px 0px;
}

/* position is everything */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


.tips {
	width: 236px;
	height: 19px;
	line-height: 19px;
	margin: 0px 0px 11px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('../img/h2_belka.gif'); 
	background-repeat: no-repeat;
	background-color: #E3EBF0;
	font-size: 11px; 
	color: #2C4F67;
}

.slide {
	height: 140px;
	width: 100%;
	margin: 20px 0px 14px 0px;
	padding: 10px 0px 10px 0px;
	background-color: #f3f3f3;
	
	xxbackground-image: url('../img/tlo_portfolio_slide.gif');
	xxbackground-repeat: repeat-x;
	
	xxborder-style: solid;
	xxborder-color: #CFCFCF;
	xxborder-width: 1px;
}

.slide p {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
}

.slide_img {
	margin-top: 8px;
}

.portfolio {
	height: 20px;
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background-color: #ffffff;
}

.portfolio_img_right {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	xfloat: right;
}

.portfolio_img_left {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	xfloat: right;
}

 
 /* Styled table*/
/* Table */
table.styled { border-collapse: collapse; border: 0; }
.styled thead { background: url(../img/section/title_bg.gif) #e3e8ec; }
.styled th { padding: 7px 9px; border-bottom: 1px solid #e3e6e8; font-weight: bold; color: #656d75; text-align: left;}
.styled th.first { background: url(../img/section/title_left_table.gif) #e3e8ec 0 0 no-repeat; text-align: left;}
.styled th.last { background: url(../img/section/title_right.gif) #e3e8ec 100% 0 no-repeat; text-align: left;}
table.styled td { padding: 5px 9px; border-bottom: 1px solid #d6d6d6; vertical-align: top; text-align: left; }
td.styled_no_border { border: none !important; padding: 5px 9px !important; vertical-align: top; text-align: left; }
td.styled_small { border: none !important; padding: 1px 9px !important; vertical-align: top; text-align: left; }
td.styled_top_border { padding: 5px 9px; border-bottom: none !important; border-top: 1px solid #d6d6d6 !important; vertical-align: top; text-align: left; }

table.grey {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    empty-cells: show;
    clear: both;
}

table.grey td {
	padding: 4px;
    border: 1px solid #cccccc;
}

.form_button {
	border-color: #CFCFCF;
	border-style: solid;
	border-width: 1px;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	width: 75px;
	background-image: url('/img/bg_btn.gif');
	cursor: pointer;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, "lucida console", sans-serif;
	text-decoration: none;
	text-align: center;
}

 