@charset "utf-8";

*{margin:0px; padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:18px;}

body{font-family:Verdana, Arial, Helvetica, sans-serif; color:#585858; font-size:11px;width:100%;  height:100%;}

ul{ margin-left: 30px; list-style-position: outside
}

a{color:#8ab000; text-decoration:underline; font-weight:bold;}
h1{margin-left:18px; font-size:15px; margin-bottom:10px; width:826px; background-color:#FFFFFF;  width:300px;}
h1.writeus, h1.writeus span{background-color:#fbfbfb;border:0px;}
.right{float:right; margin-right:42px;}
h1.darkpurple, h1.darkpurple span, .writeus {background-color:#fbfbfb;border:0px;}
h1.purple1, h1.purple1 span{background-color:#fbfbfb; border:0px;}
h4{color:#a41a84; font-size:12px; font-weight:bold}
h5{font-size:14px; font-weight:bold}
#page{width:100%; height:100%;  position:relative;text-align:center; background:#64134e url(/images/default/main_bg.png) center repeat-y}
#main{width:1000px; margin:0px auto 0px auto; background-color:#ffffff;position:relative;}

#top{width:1000px; height:389px; position:relative; background:url(/images/default/banner.jpg) top left no-repeat}

/********  html wersja ************/
#menu_html{width:900px; height:42px; position:absolute; top:330px; left:0px; z-index:2; background-color:#000000; padding-left:30px; }
#menu_html a{color:#FFFFFF; font-size:16px; padding-left:14px; line-height:42px; padding-right:14px; text-decoration:none; font-weight:normal}
#menu_html a:hover{color:#a3d000}
#menu_html a.current{color:#a3d000}
#logos{margin-top:20px; float:left; display:inline}
#language_html{width:900px; height:34px; position:absolute; top:0px; right:42px; text-align:right; z-index:2; }

#banner_left{width:428px; height:219px; position:absolute; top:83px; left:48px; z-index:2; }
#banner_right{width:428px; height:219px; position:absolute; top:83px; left:523px; z-index:2; }

#language_html a{width:25px; float:right; display:inline; color:#000000;padding-bottom:5px;  text-decoration:none; text-align:center; padding-top:5px; margin-left:4px; background-color:#bd1e98; border:1px solid #771060}

#language_html a:hover{width:25px; padding-bottom:5px; padding-top:19px; color:#FFFFFF; }
#language_html a.current{width:25px; padding-bottom:5px; padding-top:19px; color:#FFFFFF; }

/*#banner{position:absolute; top:0px; left:0px; z-index:1; width:1000px; height:389px;}*/


/********  koniec html wersja ************/

#middle{width:1000px; height:auto; background-color:#ffffff; position:relative; float:left; }
#middle1{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:yellow; z-index:999}
.small{font-size:11px}

/****   FOOTER   ****/
#footer{width:1000px; height:29px; background:url(/images/default/footer.gif) top left no-repeat; clear:both}

#footer_left{width:540px; margin-left:42px; margin-top:7px; font-size:10px; float:left;display:inline }
	#footer_left a{font-size:10px; color:#ffffff; font-weight:normal; text-decoration:none; margin-right:14px;}
		#footer_left a:hover{color:#a3d000; text-decoration:none}
	#footer_left a.current{color:#a3d000;}
	
#footer_right{width:376px; text-align:right; margin-top:7px; margin-right:42px; font-size:10px; float:left; color:#b0188c;display:inline}


/****   BOTTOM   ****/
#bottom{width:1000px; height:218px;float:left; background:url(/images/default/bottom.gif) top left no-repeat; overflow:hidden }

#bottom a{color:#a3d000; }
#bottom_content{margin:0px 0px 0px 0px;}
#bottom_title {margin-bottom:5px;width:488px;float:left; min-height:18px!important;}
#bottom_title h2{color:#FFFFFF; font-size:13px; margin-bottom:10px; margin-left:0px;}
#bottom_title span{color:#000000; font-size:10px; }

#bottom_left{float:left; width:488px; height:146px; margin-top:37px; margin-left:45px; overflow:hidden; color:#FFFFFF; clear:both; display:inline;line-height:18px; }
#bottom_left img{float:left; margin-right:15px; border:0px solid #640f50}

#bottom_right{margin: 0px 0px 0px 100px; float:left; width:365px; height:128px;display:inline }
#bottom_right anniversary{float:right;}
#bottom_right_contact{width:129px; height:140px; overflow:hidden; font-size:10px; color:#ffffff; float:left;clear:both; line-height:18px; margin-top:54px;}

#bottom_subscribe{margin: 75px 0px 0px 100px; float:left; width:365px; height:128px;display:inline }
#bottom_subscribe h2{color:#a3d000; font-size:13px; margin-bottom:20px;}
#bottom_subscribe input{width:187px; line-height:normal;  padding:3px 0px 3px 3px; margin-top:3px; border:1px solid #e1e1e1;float:left; display:inline; color:#a41a84; font-size:11px; margin-right:10px;}

#bottom_subscribe div#newsletter-message{color:#FFFFFF; clear:both; width:250px}
#bottom_subscribe input.button_subscribe_1{width:85px; height:28px; float:left; margin-top:0px;display:inline; background:url(/images/default/button_subscribe_pl.jpg) top left no-repeat; border:0px; cursor:pointer}
#bottom_subscribe input.button_subscribe_2{width:85px; height:28px; float:left; margin-top:0px;display:inline; background:url(/images/default/button_subscribe_en.jpg) top left no-repeat; border:0px; cursor:pointer}
#bottom_subscribe input.button_subscribe_3{width:85px; height:28px; float:left; margin-top:0px;display:inline; background:url(/images/default/button_subscribe_nl.jpg) top left no-repeat; border:0px; cursor:pointer}

/****   HOME   ****/
#home{font-size:12px; float:left; line-height:18px; background-color:#ffffff; position:relative }

#home .twitter{float:right; width:59px; padding-right:44px; height:19px;text-align:left; background-color:#FFFFFF; text-align:right}
#home .twitter img{border:0px;}

#home_left{width:505px; margin:42px 0px 0px 42px; float:left; line-height:18px;display:inline }
#home_left img{border:1px solid #e1e1e1; margin:0px 14px 14px 0px; float:left;}

#home_right{float:left; width:280px; font-size:12px;margin:22px 0px 0px 40px; line-height:18px;display:inline}
.home_line_vert{float:left; margin-left:40px; border:0px;}

.home_item{width:330px;float:left;position:relative; }

.home_item img{border:0px;  float:left; margin-right:10px;display:inline;}
.home_item p{float:left; width:255px;  display:inline;}

.home_line{margin:15px 0px 15px 0px; }


/****   O NAS   ****/
#onas{float:left; margin-left:44px; display:inline; margin-top:32px; font-size:12px; background-color:#ffffff;}
#onas h2{color:#c51f9e; font-size:14px; font-weight:bold}
#onas h2 span{color:#86136b}
#onas h1.test{float:left; }
#onas .rss{float:left; border:0px;}
#onas .rss img{border:0px;}
#onas .twitter{float:left; position:absolute; right:66px; top:0px; border:0px;}
#onas .twitter img{border:0px;}
.box_grey{width:914px; background-color:#f2f2f2; }
.box_content{padding:35px 96px 35px 96px;}
.box .box_content{padding-top:20px;}
.box{width:914px; }
.spacer{height:36px;}


/****  KONTAKT   ****/
#kontakt{float:left; background:url(/images/default/contact_bg.gif) top no-repeat; width:956px; margin-left:44px; margin-top:32px; font-size:12px; background-color:#ffffff; display:inline;}
#kontakt h1{float:none;width:252px; }
#kontakt .twitter{float:left; position:absolute; right:42px; top:0px; border:0px;}
#kontakt .twitter img{border:0px;}

#kontakt_left{float:left; display:inline; width:272px; margin-right:38px; height:456px;overflow:hidden;}
#kontakt_left h1{width:252px; overflow:hidden; margin-top:37px; margin-bottom:23px; float:none}
#kontakt_left img{margin-left:40px; margin-top:30px;}
#kontakt_left p{margin-left:50px;}
#kontakt_left p img{margin-left:-10px;}

#kontakt_middle{float:left; display:inline; width:272px; margin-right:30px;height:456px;overflow:hidden;}
#kontakt_middle h1{width:252px; overflow:hidden;margin-top:37px; margin-bottom:23px;float:none}
#kontakt_middle p{margin-left:50px;}
#kontakt_middle img{margin-left:40px; margin-top:30px;}
#kontakt_middle p img{margin-left:-10px;}

#kontakt_right{float:left; display:inline; width:246px; height:456px;overflow:hidden; }
#kontakt_right h1{width:220px; overflow:hidden;margin-top:37px; margin-bottom:20px;float:none }
#kontakt_right p{margin-left:50px;}


#kontakt_right input{width:207px; padding:3px 0px 3px 3px; line-height:normal; border:1px solid #e1e1e1; color:#a41a84; font-size:11px; margin-left:33px;margin-bottom:6px; }
#kontakt_right input.button_1{width:85px; height:35px; float:right; background:url(/images/default/button_send_pl.jpg) top left no-repeat; border:0px; cursor:pointer}
#kontakt_right input.button_2{width:85px; height:35px; float:right; background:url(/images/default/button_send_en.jpg) top left no-repeat; border:0px; cursor:pointer}
#kontakt_right input.button_3{width:85px; height:35px; float:right; background:url(/images/default/button_send_nl.jpg) top left no-repeat; border:0px; cursor:pointer}
#kontakt_right textarea{width:210px; height:120px;border:1px solid #e1e1e1; margin-left:33px;color:#a41a84; font-size:11px;}
#kontakt_right input.formError{color:red; border:1px solid red}
#kontakt_right textarea.formError{color:red; border:1px solid red}
#kontakt_right p.success{margin-top:40px; font-size:11px; color:#a41a84}

/****  KARIERA   ****/

#kariera{float:left; background:url(/images/default/career_top.gif) top no-repeat; width:956px; margin-left:44px; margin-top:32px; font-size:12px; background-color:#ffffff; display:inline;clear:both }
#kariera_content{background:url(/images/default/career_bg.gif) repeat-y; float:left; display:inline}
#kariera h1{width:272px; overflow:hidden;}
#kariera h2{color:#a41a84; font-size:14px; margin-bottom:20px; width:370px;}

#kariera_left{width:410px;margin-left:18px; float:left; display:inline;margin-bottom:32px;padding-top:10px; }

#offers{width:390px;float:left; display:inline; }
.job_offer{width:390px; margin-top:25px; display:inline; float:left; padding-bottom:30px}

#kariera .rss{float:left; position:absolute; right:42px; top:0px; border:0px;}
#kariera .rss img{border:0px;}

#kariera_right{width:464px; margin-left:31px; float:left; display:inline; margin-top:10px}

#kariera_right h1{margin-left:0px;}

#kariera_right_content{margin-left:55px; margin-top:25px; width:360px; margin-bottom:30px;}


/****  CHATBOTS   ****/
#chatbots{
	float:left; 
	width:956px; 
	margin-left:42px; 
	margin-top:19px; 
	font-size:12px; 
	display:inline;
	clear:both; 
	background: url(/images/default/chatbots_content.gif) repeat-y;
	}
	
#chatbot_tabs{float:left; width:916px; height:39px;text-align:left; background:url(/images/default/tabs/tabs_bottom.gif) no-repeat; background-color:#FFFFFF; }
#chatbot_tabs img{ display:inline; float:left;border:0px; color:#FFFFFF}
#chatbot_tabs .rss{float:left; position:absolute; right:42px; top:0px; border:0px;}
#chatbot_tabs .twitter{float:left; position:absolute; right:66px; top:0px; border:0px;}


#chatbot_content_about{float:left; display:inline; width:956px; text-align:left; background:url(/images/default/chatbots_about_top.gif) top left no-repeat;}

#chatbots_left{float:left; display:inline; width:558px; }

#chatbots_right{float:left; display:inline; width:389px;}
.chatbots_right_content{width:280px; margin:28px 38px 28px 38px; margin-right:0px; margin-bottom:0px;}

#chatbots_right h3{font-size:13px; font-weight:bold; color:#a41a84; margin-bottom:20px;}

#chatbots_grey{background:url(/images/default/chatbots_grey.gif) right repeat-y;  float:left; display:inline; width:558px;}
#chatbots_grey_content{width:480px; margin:28px 38px 28px 38px;}

#chatbots_white{background:url(/images/default/chatbots_white.gif) repeat-y;  float:left; display:inline; width:558px;}
#chatbots_white_content{width:480px; margin:28px 38px 28px 38px; margin-top:28px; margin-bottom:10px; line-height:21px;}
#chatbots_white_content h5{margin-bottom:10px}
#chatbots_white_content p{line-height:21px; font-size:11px;}
#chatbots_white_content strong{line-height:21px; font-size:12px;}

.chatbot_separator{height:3px; width:558px; background:url(/images/default/chatbot_separator.gif) no-repeat; float:left; display:inline}

.chatbot_separator_blured{height:32px; width:946px; background:url(/images/default/chatbot_separator_blured.gif) no-repeat; float:left; display:inline; text-align:right}

#chatbots h2{color:#c51f9e; font-size:16px; font-weight:bold; margin-bottom:15px;}
#chatbots h2 span{color:#86136b}
#chatbots_bottom{width:916px; height:20px; background:url(/images/default/chatbots_bottom.gif) no-repeat; float:left; display:inline}
#chatbots_features{width:872px; float:left; display:inline; margin:0px 22px 0px 32px; padding-top:30px;padding-bottom:0px; background:#ffffff}
#chatbots_features p.header{margin-left:5px;}
.icon{width:290px; height:60px; float:left; display:inline; margin-top:22px;}
.icon img{float:left; display:inline}
.icon p{float:left; display:inline; width:205px; margin-left:5px; line-height:normal; font-size:11px}
.icon p strong{color:#a41a84}

.platforms{width:480px; float:left; display:inline; min-height:69px; vertical-align:middle;  margin-bottom:0px;}
.platforms img{float:left; display:inline; vertical-align:middle; margin-right:10px; }
/*.platforms_separator{width:33px; height:69px; background:url(/images/default/platform_separator.gif) no-repeat;float:left; display:inline;}*/

.case_short{width:280px; font-size:11px; }
.case_short_content{margin-left:9px; width:260px;}
.case_short img{border:1px solid #e6e6e6; margin-bottom:10px;}

.case_short_content a.more{float:right}

.chatbot_case_separator{width:388px; height:32px; float:left; display:inline; background:url(/images/default/chatbot_case_separator.gif) no-repeat; text-align:right; margin-left:-38px;margin-bottom:30px;}

#newslatter-message{font-size:11px; color:#640f50;}
#content{float:left; 
	width:956px; 
	margin-left:42px; 
	margin-top:19px; 
	font-size:12px; 
	display:inline;
	clear:both; 
	margin-bottom:200px;
	}


/*************   KMS    ********************/


#chatbot_content_kms{float:left; display:inline; width:956px; text-align:left;background:url(/images/default/chatbots_kms_top.gif) top left no-repeat; }
#chatbots_white_content .kms_feature{width:480px; padding-bottom:10px; float:left; display:inline; margin-left:-8px; line-height:18px;}
#chatbots_white_content .kms_feature img{float:left; display:table-column; }
#chatbots_white_content .kms_feature span{float:left; display:inline; width:390px; margin-left:15px; font-size:11px; line-height:18px; }
#chatbots_white_content .kms_feature span strong{color:#a41a84}


.chatbot_separator_kms{height:52px; width:946px; margin-top:-35px; background:url(/images/default/kms_bottom.gif) top no-repeat; float:left; display:inline; text-align:right;}


/*************   CHATBOT REALISATIONS    ********************/

#chatbots_realisations{
	float:left; 
	width:956px; 
	margin-left:42px; 
	margin-top:19px; 
	font-size:12px; 
	display:inline;
	clear:both; 
	background: url(/images/default/realisations.gif) repeat-y;
	}
	

.realisation_first{float:left; display:inline; background:url(/images/default/first.gif) left repeat-y; width:916px; margin-top:0px; height:auto}	

.realisation{float:left; display:inline; width:916px; margin-top:20px; height:auto;}	

.realisations_separator_grey{height:32px; width:946px; background:url(/images/default/realisations_separator_grey.gif) no-repeat; margin-top:-10px; float:left; display:inline; text-align:right}
.realisations_separator{height:32px; width:946px; background:url(/images/default/realisations_separator.gif) no-repeat; margin-top:-10px; float:left; display:inline; text-align:right}
.realisations_separator_bottom{height:55px; width:946px; background:url(/images/default/realisations_separator_bottom.gif) top no-repeat; float:left; display:inline; text-align:right; }

.realisation_left{margin:0px 0px 0px 38px; width:430px; float:left; display:inline}

.realisation_right{margin:0px 0px 0px 40px; width:360px; float:left; display:inline; font-size:11px; line-height:16px;}
.realisation_right p{line-height:16px;}

.realisation_right h2{color:#c51f9e; font-size:16px; font-weight:bold; margin-bottom:10px;}
.realisation_right div.desc{width:360px; }
.realisation_right a.link{line-height:20px;}

.icons{margin-left:-6px; float:left; display:inline; margin-top:10px; width:430px; }

.banner{width:431px; height:222px; overflow:hidden;float:left; display:inline;z-index:1;position:relative;}
.banner img{border:1px solid #e1e1e1}

#chatbot_content_realisations{float:left; display:inline; width:956px; text-align:left;background:url(/images/default/chatbots_realisations_top.gif) top left no-repeat;}

.platforms_small{width:360px; float:left; display:inline; height:49px; vertical-align:middle;  margin-bottom:15px; overflow:hidden}
.platforms_small img{float:left; display:inline; vertical-align:middle; }
.platforms_separator_small{width:39px; height:49px;float:left; display:inline;}
.platforms_separator_small_white{width:39px; height:49px; background:url(/images/default/platform_separator_small_w.gif) no-repeat;float:left; display:inline;}

.platforms_small_chat{width:360px; float:left; display:inline; vertical-align:middle;  margin-bottom:5px; overflow:hidden}
.platforms_chat{width:360px; line-height:49px;vertical-align:middle;  overflow:hidden; margin-top:-10px;}
.platforms_chat img{float:left; vertical-align:middle; }
.platforms_chat a{float:left; display:inline;  line-height:49px;width:205px;}

/***** CHATBOT ARTICLES  *******/

#chatbot_content_media{float:left; display:inline; width:956px; text-align:left;background:url(/images/default/chatbots_realisations_top.gif) top left no-repeat; }

.media_first{float:left; display:inline; background:url(/images/default/first.gif) left repeat-y; width:916px; margin-top:34px}	

.media{float:left; display:inline; width:916px; }	

.media_logo{width:88px; height:79px; border:0px solid #e3e3e3; overflow:hidden; float:left; display:inline; margin:38px 0px 0px 38px;}

.media_first .media_logo, .media_first .media_info, .media_first .media_desc{margin-top:30px;}
.media_info{width:210px; height:77px;  overflow:hidden; float:left; display:inline;margin:38px 20px 0px 20px; font-size:11px;}
.media_desc{width:430px; height:105px; overflow:hidden; float:left; display:inline;margin:38px 0px 0px 0px;}
.media_desc a.more{float:right; margin-top:15px;}

.media_desc_details{width:400px; float:left; display:inline;margin:38px 0px 0px 0px;}
.media_desc_details p.file{margin-bottom:3px;}
.media_desc_details img{margin-right:10px;}
.media_bottom{height:20px; float:left; display:inline; width:946px;}

#path{margin:0px 0px 0px 38px; width:790px; float:left; display:inline; font-size:11px; }

.media_info h2{color:#c51f9e; font-size:14px; font-weight:bold; margin-bottom:5px;}

.media_left{margin:0px 0px 0px 38px; width:430px; float:left; display:inline}

.media_right{margin:0px 0px 0px 40px; width:360px; float:left; display:inline; font-size:11px;}

.media_separator_grey{height:32px; width:946px; background:url(/images/default/media_separator_grey.gif) no-repeat; float:left; display:inline; text-align:right}
.media_separator{height:32px; width:946px; background:url(/images/default/media_separator.gif) no-repeat; float:left; display:inline; text-align:right}
.media_separator_bottom{height:50px; width:946px; background:url(/images/default/media_separator_bottom.gif) no-repeat; float:left; display:inline; text-align:right; }
.media_separator_bottom_grey{height:50px; width:946px; background:url(/images/default/media_separator_bottom_grey.gif) no-repeat; float:left; display:inline; text-align:right; }


/***** CHATBOT CASE STUDY  *******/

.case_desc{width:720px; margin:30px 0px 0px 96px; float:left; display:inline; padding-bottom:50px;}

.case_desc p{ text-align:left}
.case_desc p strong{color:#a41a84}
.case_desc img{margin-right:45px; margin-bottom:20px; float:left; border:1px solid #e1e1e1}


/******* ARTICLES    *********/
#articles{float:left; display:inline; width:956px; text-align:left; background:url(/images/default/articles_top.gif) top left no-repeat;}
.media_main{float:left; display:inline; width:916px; margin-bottom:20px;}	

.media_short{float:left; display:inline; width:916px; font-size:11px; }	
.media_date{float:left; display:inline; margin-left:38px; width:107px; }
.media_source{float:left; display:inline; width:214px; border:1px solid white}
.media_title{float:left; display:inline; margin-left:15px; width:382px;}
.media_file{float:left; display:inline;margin-left:15px; }
.media_file img{border:0px; text-decoration:none}

.article_separator{width:833px; height:23px; background:#ffffff url(/images/default/article_separator.gif) center no-repeat; float:left; display:inline}



/****   ADVERTISEMENT     **********/

#advertisement_main{
	float:left; 
	width:956px; 
	margin-left:42px; 
	margin-top:19px; 
	font-size:12px; 
	display:inline;
	clear:both; 
	background: url(/images/default/realisations.gif) repeat-y;
	}
	

#advertisement{float:left; display:inline; width:956px; text-align:left; background:url(/images/default/articles_top.gif) top left no-repeat;}	

#advertisement_blure{float:left; display:inline; width:956px; text-align:left; background:url(/images/default/articles_top_blure.gif) top left no-repeat; }	

#advertisement_content{float:left; display:inline; background:url(/images/default/first.gif) left repeat-y; width:916px; }

#advertisement_text{margin:28px 38px 28px 38px; margin-bottom:0px;width:830px; float:left; display:inline;}	


#advertisement_text p strong, #advertisement_text strong{color:#a41a84}

#advertisement_left{width:490px; margin:0px 20px 0px 0px; float:left; line-height:18px;display:inline;}
#advertisement_left img{border:1px solid #e1e1e1; margin:0px 14px 14px 0px; float:left;}

#advertisement_right{float:left; width:280px; font-size:12px;margin:0px 0px 0px 20px; line-height:18px;display:inline; }
#advertisement_right img{border:1px solid #e1e1e1; }

/****** TOOTLTIP ********/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #eee;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-size:11px;
}
#tooltip h3, #tooltip div { margin: 0; font-size:11px; }
#tooltip h3 p{font-size:11px; font-weight:normal}


#preloader{position:absolute; top: 520px; left:0px; width:100px; text-align:center}


.pagination{float:left; display:inline; background:url(/images/default/first.gif) left repeat-y; width:916px; margin-top:28px; height:auto; padding-bottom:18px;}
.pagination_bottom{float:left; display:inline; padding-top:4px; background:#ffffff; width:916px;  height:auto; padding-bottom:18px;}
.realisations_pagination{float:left; margin:0px 0px 0px 37px; text-align:left; width:400px;}
.realisations_pagination a, .realisations_pagination span{float:left; display:inline; margin-right:3px; }

.realisations_pagination span{background:url(/images/default/num_green.png) no-repeat; color:#FFFFFF; text-decoration:none; font-size:10px; font-weight:bold; width:19px; height:19px; text-align:center;}
.realisations_pagination a{background:url(/images/default/num_grey.png) no-repeat; color:#FFFFFF; text-decoration:none; font-size:10px; font-weight:bold; width:19px; height:19px; text-align:center;}

.icon_space{width:35px; float:left; display:inline}

ul.gallery{list-style:none;}
.pp_overlay{z-index:999999;position:relative;}
.article-link{font-weight:normal;}

.div_rss{width:80px;float:left;position:absolute; right:5px; top:0px;}
.div_rss a{float:left; margin-right:5px;}

.facebook{float:left; position:absolute; top:0px; right:91px;}