/*	-------------------------------------------------------------
	Centrologic
	Computational Logictic Center
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Basic styles for Centrologic website
	Filename:		centrologic.css
	Version:		1.0
	Date:			Jan 2007
	-------------------------------------------------------------	*/
	
/*	-------------------------------------------------------------
	Base body styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	includes:	Links and headlines
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	/* * { border: 1px solid red; } */

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { 
		margin:0; 
		padding:0; 
	}
	body {
		background-color: #ffffff; 
		background-image: url(/img/tlo_gradient.jpg);
		background-repeat: repeat-x;
		margin: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 69%;
		color:#294165;
		height:100%;
	}
	html>body {
		font-size: 11px; 
	}
	#wrapper {
		position: relative;
		width: 770px;
		height: 50px;
		margin: 0 auto;
	}
	input, form {
		margin:0px;
		padding:0px;
	}
	p { 
		font-size:1em;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		line-height: 1.5em;
		text-align:justify;
	}
	img {
		border:0px;
	}
	ul, li {
		font-size:1em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		line-height: 1.5em;
	}
	ul { padding-left:25px; }
 
/*	Links
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	a {
		color:#9f8129;
		text-decoration:none;
	}
	a:link {
		color:#9f8129;
		text-decoration:none;
	}
	a:visited {
		color: #b7a45f;
		text-decoration:none;
	}
	a:hover {
		text-decoration: underline;
		color: #d2bc6d;
	}
	a:active {
		text-decoration: none;
		color: #ffe584;
	}

/*	Headlines
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	h1 {
		font-size: 2.5455em;
		line-height: 1.1786em;
		margin-top: 0.5714em;
		margin-bottom: 0.5714em;
		font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		}
	h2 {
		font-size: 1.3636em;
		line-height: 1.0667em;	
		margin-top: 1.0667em;
		margin-bottom: 1.0667em;
		font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
		color:#9d8c3f;
		font-weight:bold;
		letter-spacing:-0.8px;
	}
	h3 {
		font-size: 2.1818em;
		line-height: 1.3750em;	
		margin-top: 0.6667em;
		margin-bottom: 0.6667em;
		font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		}
	h4 {
		font-size: 1.1818em;
		line-height: 1.2308em;	
		margin-top: 1.2308em;
		margin-bottom: 1.2308em;
		display:inline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
		border-bottom:2px solid #efd578;
		padding-bottom:7px;
	}
	h5 {
		font-size: 1.0909em;
		line-height: 1.3750em;	
		margin-top: 1.3750em;
		margin-bottom: 1.3750em;
		font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
		color:#9d8c3f;
		font-weight:bold;
		letter-spacing:-0.8px;
	}
	h5 a:visited {
		color:#9d8c3f;
	}
	h6 {
		font-size:1em;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		line-height: 1.5em;
		color:#9d8c3f;
		font-weight:normal;
	}

/*	-------------------------------------------------------------
	TOP
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	includes:	Menu, Promotional picture, searchbox and URL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#top {
		width: 770px;
		height: 60px;
	}
	#logo { 
		float: left;
		margin-left: 10px;
	}
	#top_navi { 
		float:right;
		margin-top: 24px;
	}
	#top_navi a { color:#263b5a; }
	#top_navi a:link { color:#263b5a; }
	#top_navi a:hover { color:#9f8129; }
	#top_navi a:active { color:#ffe584; }
	.top_separator { margin: 0px 10px; }
	#ico_home, #ico_contact, #ico_sitemap, #ico_cust_login { margin: 0px 5px; }
	#ico_home { margin-left: 40px; }

/*	Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
	#menu_wrapper {
		position:relative;
		width: 770px;
		height: 45px;
		background-image:url(/img/menu_tlo.jpg);
		background-repeat:repeat-x;
		background-color:#2c3e62;
	}
	#menu_tlo_left {
		position:absolute;
		width: 5px;
		height:45px;
		top:0px;
		left:0px;
		background-image:url(/img/menu_tlo_left.jpg);
		background-repeat:no-repeat;
	}
	#menu_tlo_right {
		position:absolute;
		width: 5px;
		height:45px;
		top:0px;
		right:0px;
		background-image:url(/img/menu_tlo_right.png);
		background-repeat:no-repeat;
	}
	#menu {
		position:absolute;
		right:0;
		display:block;
		padding:0px 0 0 0;
		/*padding-right: 3px;*/
		margin:0px;
		height:45px;
	}
	#menu ul, #menu li {
		padding:0px;
		margin:0px;
		list-style-type:none;
		float:left;
		height:33px;		
	}
	#menu li {
		position:relative;
		background-image:url(/img/menu_separator.jpg);
		background-position:right 0px;
		background-repeat:no-repeat;
		height:45px;
	}
	
	#menu a {
		display:block;
		float:left;
		margin-right:1px;
		width:auto;
		height:33px;
		padding:0px 20px;
		padding-top:12px;
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size:15px; font-weight:normal; color:#ecf1f9; 
	}
	
	#menu a:hover {
		text-decoration:none;
		color:#fff4c0;
		background-image:url(/img/menu_hover.gif);
		background-repeat:repeat-x;
		background-position: 5px 0px;
	}

/*	Submenu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	ul#menu ul {
		position:absolute;
		top:45px;
		left:0px;
		float:none;
		height:auto;
		visibility:hidden;
		/*background-color:none;*/
	}
	
	#menu li:hover ul, #menu li.hover ul{
		visibility:visible;
	}
	
	ul#menu li li, ul#menu li li a , ul#menu li li a:hover {
		background-image:none;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		font-size:11px;
		width:200px;
		height:24px;
	}
	ul#menu li li a {
		width:160px;
		height:19px;
		padding:5px 10px 0px 30px;
		background-image:url(/img/submenu_tlo.png);
		cursor:pointer;
	}
	ul#menu li li a:hover {
		background-image:url(/img/submenu_tlo_hover.png);
		background-repeat:repeat;
		width:160px;
		height:19px;
		padding:5px 10px 0px 30px;
	}		
	

/*	Promotional picture
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#promo_pic_en {
		width: 770px;
		height: 160px;
		background-color:#fdf8e5;
		background-image:url(/img/pic_main_en.jpg);
		background-repeat:no-repeat;
	}
	#promo_pic_es {
		width: 770px;
		height: 160px;
		background-color:#fdf8e5;
		background-image:url(/img/pic_main_es.jpg);
		background-repeat:no-repeat;
	}
	#promo_pic_pl {
		width: 770px;
		height: 160px;
		background-color:#fdf8e5;
		background-image:url(/img/pic_main_pl.jpg);
		background-repeat:no-repeat;
	}
	#slogan { 
		position:absolute;
		top:46px;
		left: 340px;
		width:306px;
		height:71px;
		background-image:url(/img/pic_main_txt.jpg);
		background-repeat:no-repeat;
	}
	
/*	URL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#url {
		float:left;
		margin-top:28px;
		text-indent: 15px;
		font-size:12px;
		background-image:url(/img/wybicie_url.gif);
		background-repeat:no-repeat;
		background-position: 0px 4px;
	}
	#url a { font-weight:bold; }

/*	Searchbox
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#searchbox {
		width:770px;
		height:39px;
		background-image:url(/img/searchbox_pasek.jpg);
		background-position:top;
		background-repeat:no-repeat;
		margin-bottom:27px;
	}
	#search {
		background-image:url(/img/searchbox_tlo.gif);
		background-repeat:no-repeat;
		width:239px;
		height:25px;
		float:right;
		margin-top:14px;
	}
	#search_input {
		float:left;
		width:116px;
		height:15px;
		border: 0px;
		background-color:#f4f5f7;
		margin-left:31px;
		font-size:10px;
		color:#263b5a;
	}
	#search_button {
			background: transparent url(/img/b_search.gif) 0 1px no-repeat;
			width: 59px;
			border: none;
			height: 16px;
			color:#ffffff;
			font-size:11px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			float:right;
			margin-right:15px;
			margin-top:-1px;
			padding-bottom:2px;
			cursor:pointer;
	}

/*	-------------------------------------------------------------
	Main column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#main_column {
		clear:both;
		width:500px;
		min-height:300px;
		float:left;
		margin-bottom:30px;
		background-image:url(/img/dots.gif);
		background-repeat:repeat-x;
		background-position:0px 0px;

	}
	.dotted_line {
		clear:both;
		width:100%;
		height:1px;
		background-image:url(/img/dots.gif);
		background-repeat:repeat-x;		
	}

/*	Welcome
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#welcome1 {
		width:231px;
		float:left;
		margin-bottom:1.5em;
	}
	#welcome1 h2 {	
		background-image:url(/img/wybicie_h3.gif);
		background-repeat:no-repeat;
		background-position:0px 4px;
		padding-left:16px;
		letter-spacing:-0.5px;
		margin-top:0em;
	}
	#welcome2 {
		width:231px;
		float:right;
		margin-top:0em;
	}
	#welcome2 h2 {	
		background-image:url(/img/wybicie_h3.gif);
		background-repeat:no-repeat;
		background-position:0px 4px;
		padding-left:16px;
		margin-top:0em;
	}
	.b_more {
		float:right;
		display:block;
		width:51px;
		height:15px;
		background-image:url(/img/b_more.gif);
		background-repeat:no-repeat;
		text-align:center;
		vertical-align:middle;
		font-size:10px;
		/*padding-top:-1px;*/
	}

/*	About
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#about_us {
		width:360px;
		padding-left:140px;
		clear:both;
	}
	#about_us h2 {
		margin-top:2px;
	}
	#pic_about {
		float:left;
		margin-left:-140px;
		margin-top:6px;
	}
	#pic_about_subtitle {
		font-style:italic;
		float:left;
		margin-left:-140px;
		width:118px;
		margin-top:92px;
		text-align:center;
	}

/*	-------------------------------------------------------------
	Right column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#right_column {
		clear:right;
		float:right;
		width: 206px;
		min-height:200px;
		background-image:url(/img/dots_right_column.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		padding-left:20px;
		padding-right:5px;
		overflow:hidden;
	}
	#right_column .dotted_line {
		margin-left:-15px;
		margin-right:-5px;
		width:226px;
		margin-bottom:15px;
	}

/*  Our offer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#our_offer {
		margin-top: 30px;
		position:relative;
		padding-left:20px;
		width:156px;
		padding-bottom:30px;
		
	}
	
	#our_offer ul, li {
		list-style-type:none;
	}
	
	#our_offer img {
		float:left;
		margin-left:-40px;
	}
	#our_offer h5 {
		padding-top:6px;
	}
	
/*	Our products
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#our_products {
		position:relative;
		padding-left:80px;
		width:126px;
		padding-bottom:30px;
	}
	#our_products h4 {
		margin-left:-80px;
	}
	#our_products p {
		text-align:left;
	}
	#our_products h5 {
		margin-top:28px;
	}
	#pic_products {
		position:absolute;
		left:0px;
		top:0px;
	}
	#testimonials {
		margin-top:30px;
		padding-bottom:13px;
		width:206px;
		background-image:url(/img/testimonials_arrow.gif);
		background-repeat:no-repeat;
		background-position:25px 100%;
	}
	#h6_testimonials {
		padding-left:20px;
	}

/*	Testimonials box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.testimonialsbox{ 
		display:block;
	} 
	.testimonialsbox *{ 
		display:block;
		height:1px;
		overflow:hidden;
		background:#f9f0cd;
	} 
	.testimonialsbox1{ 
		border-right:1px solid #f9f0cd;
		padding-right:1px;
		margin-right:3px;
		border-left:1px solid #f9f0cd;
		padding-left:1px;
		margin-left:3px;
		background:#f9f0cd;
	} 
	.testimonialsbox2{ 
		border-right:1px solid #f9f0cd;
		border-left:1px solid #f9f0cd;
		padding:0px 1px;
		background:#f9f0cd;
		margin:0px 1px;
	} 
	.testimonialsbox3{ 
		border-right:1px solid #f9f0cd;
		border-left:1px solid #f9f0cd;
		margin:0px 1px;
	} 
	.testimonialsbox4{ 
		border-right:1px solid #f9f0cd;
		border-left:1px solid #f9f0cd;
	} 
	.testimonialsbox5{ 
		border-right:1px solid #f9f0cd;
		border-left:1px solid #f9f0cd;
	} 
	.testimonialsbox_content{ 
		background:#f9f0cd;
		padding:0px 15px;

	} 
	#round_testimonials {
		padding-top:1px;
		padding-bottom:1px;
	}

/*	-------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#footer {
		width:770px;
		height:30px;
		clear:both;
	}
	#round_footer {
		margin-top:20px;
		padding-bottom:20px;
	}
	#footer_menu {
		position:absolute;
		display:block;
		width:770px;
		text-align:center;
		top:11px;
		left:0px;
	}

/*	Footer box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.footerbox{ 
		display:block;
	} 
	.footerbox *{ 
		display:block;
		height:1px;
		overflow:hidden;
		background:#e6e7e9;
	} 
	.footerbox1{ 
		border-right:1px solid #e6e7e9;
		padding-right:1px;
		margin-right:3px;
		border-left:1px solid #e6e7e9;
		padding-left:1px;
		margin-left:3px;
		background:#e6e7e9;
	} 
	.footerbox2{ 
		border-right:1px solid #e6e7e9;
		border-left:1px solid #e6e7e9;
		padding:0px 1px;
		background:#e6e7e9;
		margin:0px 1px;
	} 
	.footerbox3{ 
		border-right:1px solid #e6e7e9;
		border-left:1px solid #e6e7e9;
		margin:0px 1px;
	} 
	.footerbox4{ 
		border-right:1px solid #e6e7e9;
		border-left:1px solid #e6e7e9;
	} 
	.footerbox5{ 
		border-right:1px solid #e6e7e9;
		border-left:1px solid #e6e7e9;
	} 
	.footerbox_content{ 
		padding:0px 5px;
		background:#e6e7e9;
		height:35px;
		position:relative;
	} 
	.footerbox_content a { color:#263b5a;}
	.footerbox_content a:link { color:#263b5a;}
	.footerbox_content a:visited { color:#263b5a;}
	.footerbox_content a:hover { color:#9f8129; }
	
/* Styles for subpages */

table {
	text-align: center;

}

.table_header_column {
	text-align: right;
	color:#9f8129;
}

.table_header_row {
	text-align: center;
	background:#294165;
	color:#FFFFFF;
}

/*	Table styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.tabTitle {
 width:100px;
 padding:5px 5px 5px 0px;
 background:url(/img/tab_dots.gif) bottom right;
 font-weight:bold;
 color:#294165;
 vertical-align:top;
 text-align:left;
 width:15%;
}
.tabTitle2 {
 width:100px;
 padding:5px 5px 5px 0px;
 background:url(/img/tab_dots.gif) bottom;
 font-weight:bold;
 font-size:14px;
 color:#9f8129;
 vertical-align:top;
 text-align:left;
}
.tabTitle3 {
 padding:5px 5px 5px 0px;
 background:url(/img/tab_dots.gif) bottom right;
 font-weight:bold;
 font-size:14px;
 color:#9f8129;
}

.tabDescript {
 width:auto;
 padding:5px;
 color:#294165;
 font-size:10px;
 width:17%;
}

.tabClear {
	background:url(/img/tab_dots.gif) bottom;
}

.tabHighlight {
 background-color:#f5f6f6;
}

.tabBottom, td.tabBottom, td.tabBottom, td.tabBottom, tr.tabBottom td {
 background:url(/img/tab_dots.gif) bottom right;
}

#tabDotted {
background-image:url(/img/tab_dots.gif);
background-position:0px 1px;
}