/* reset all html tags */
*{margin: 0;padding: 0;border: 0;}
a{outline:none}

/* all document */
html, body{height:100%}
body.homepage{font:13px Tahoma, Arial, sans-serif; background: url(../../images/default/bg_8a.gif) repeat-x; padding-top:8px; text-align:center;}

@font-face {
	font-family: 'MergeRegular';
	src: url('merge-webfont.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MergeRegular';
	src: url(//:) format('no404'), url('merge-webfont.woff') format('woff'), url('merge-webfont.ttf') format('truetype'), url('merge-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.Merge, h1{font-weight: normal; font-style: normal; line-height:normal; font-family: 'MergeRegular', sans-serif;}

a{text-decoration:none; border:none;outline:none;}
a:hover{color:#000000}
strong{font-weight:bold}
li strong{color:#0D67AD;}

#main{
    width:890px;
    background:#fff;
    margin:0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -178px;
}

.push{background:#fff; height:178px; clear:both}

#menu_logo,#top,#topXX,#projects{position:relative}
#menu_logo	{width:100%; height:119px;background:#f7f7f8 url(../../images/default/../../images/default/logo.gif) no-repeat;}
#logo{width:205px;height:68px; position:absolute; top:28px;/*left:24px;*/left:0px;}

#links{position:absolute; top:4px; right:0; height:28px;vertical-align:middle; line-height:28px;}
#links a{margin:0; height:28px; width:28px;display:block;float:left;}
#links .add1{background:url(../../images/default/facebook.gif) 0 0 no-repeat; margin-right:11px;}
#links .add2{background:url(../../images/default/collegium-papricum.gif) 0 0 no-repeat; margin-right:11px;}
#links .add3{background:url(../../images/default/flickr.gif) 0 0 no-repeat;}


#menu{position:absolute; top:68px; right:0;}
#menu a{margin:0 5px 0 40px; display:block; padding-bottom:2px; border-bottom:2px solid #d2d3d8; outline:none;}
#menu a,#menu span{ float:left; color:#656773; font-weight: normal; font-style: normal; line-height:normal; font-family: 'MergeRegular', sans-serif; color:#626977; font-size:16px}
#menu a:hover,#menu a.active{color:#094989; border-bottom-color:#094989}

#top{width:100%; height:269px;background-color:#084685;}
.top1,.top2,.top3,.top4{height:100%; background-color:#0a4d8c; float:left;position:relative; text-align:left}
#top .top_description, h2.top_description{font-size: 11px; font-weight: normal; width:194px; position:absolute; top:146px; left:11px; color:#74b0e1; line-height:150%; }
#top .top_more{ position:absolute; top:237px; left:11px; color:#b1d3f1;font-weight:bold; padding-right:15px; background: url(../../images/default/ico_3.gif) right center no-repeat; font-size: 11px;}
#top .top_more:hover{color:#fff}
.top1{width:224px; background: url(../../images/default/bg_4.gif) 0  no-repeat}
.top2{width:225px; background: url(../../images/default/bg_3.gif) 0 no-repeat}
.top3{width:220px; background: url(../../images/default/bg_1.gif) 0 no-repeat}
.top4{width:221px; background: url(../../images/default/bg_2.gif) 0 no-repeat; height:269px; }

#projects{width:100%; height:206px;background-color:#d6d8dc	;}
.project1, .project2, .project3, .project4{width:222px; height:100%; float:left; position:relative; text-align:left; overflow:hidden}
/*.project1{background:url(../../images/default/head_4.gif) 10px 15px no-repeat}*/

#projects .projects_image, #projects img{position:absolute; top:47px; left:10px; padding: 3px 3px 3px 33px;}
#projects .projects_image_en{position:absolute; top:47px; left:15px; padding: 3px 3px 3px 33px;}

#projects .projects_image_online_bg {background: #9599a1 url(../../images/default/head_5.gif) 11px 7px no-repeat}
#projects .projects_image_online_bg_en {background: #9599a1 url(../../images/default/head_5_en.gif) 11px 7px no-repeat}

#projects .projects_image_seemore_bg, #projects img{background: #9599a1 url(../../images/default/head_seemore.gif) 11px 9px no-repeat; width:144px; height:99px}
#projects .projects_image_seemore_bg_en {background: #9599a1 url(../../images/default/head_seemore_en.gif) 11px 9px no-repeat}

#projects .projects_image_casestudy_bg {background: #9599a1 url(../../images/default/head_casestudy.gif) 11px 19px no-repeat}
#projects .projects_image_casestudy_bg_en {background: #9599a1 url(../../images/default/head_casestudy_en.gif) 11px 19px no-repeat}

#projects .projects_description{position:absolute; top:160px; left:10px; width:180px}
#projects .projects_description .link1,#projects .projects_description .link2{color:#646972	}
#projects .projects_description .link1{font-weight:bold}
#projects .projects_description .des{font-size:10px; color:#80848a}
#projects .case_studio{background: #9599a1 url(../../images/default/head_6.gif) 11px 7px no-repeat}
.project3{background: url(../../images/default/bg_5.jpg) top right no-repeat; width:225px}
.project4{background:#eff0f4; width:221px}

#news{width:890px; height:auto;/*background:url(../../images/default/bg11.gif) no-repeat*/;padding:20px 0px 30px 0px;_padding:20px 0px 10px 0px; margin:0 auto;}
.new1,.new2,.new3{width:270px; height:100%; float:left; margin-right:20px; margin-left:10px; text-align:left}
#news .news_header{background: url(../../images/default/ico_4.gif) 0 5px no-repeat;font-size:10px; color:#c1c4c9 ; padding:0 0 7px 20px; border-bottom:1px solid #f1f2f4 ; margin-bottom:10px}
.new3{margin-right:0}
#news .news_header a{font:bold 11px Tahoma; color:#1a75c1 }
#news .news_header h2,#news .news_header h3{line-height:11px}
#news .news_description{color:#808387; margin-bottom:15px; font-size:11px}
#news .news_read_more{color:#1a75c1; font-weight:bold; padding-right:15px; background:url(../../images/default/ico_5.gif) right center no-repeat; font-size:11px}

#footer{width:100%; height:178px; clear:both; background:#adafb2; text-align:center; font-size:11px;}
#footer_content{width:890px; background:#adafb2 url(../../images/default/footer.gif) no-repeat; margin:0 auto;position:relative;height:178px;}
.homepage #footer_content {background:#adafb2 url(../../images/default/footer-hp.gif) top left no-repeat; }

#footer #footer_menu{position:absolute; top:25px; left:15px}
#footer #footer_menu a{display:block;height:20px; background:url(../../images/default/bg_9.gif) no-repeat; float:left; color:#FFFFFF; padding: 0 5px 0 11px; margin-right:3px; position:relative; line-height:20px  }
#footer #footer_menu a:hover{background:url(../../images/default/bg_9.gif) 0 -20px no-repeat}
#footer #footer_menu a:hover span{width:1px; height:20px; background: url(../../images/default/bg_10.gif) center center no-repeat; display:block; position:absolute; top:0; right:0}
#footer #copy{position:absolute; top:25px; left:720px; color:#d8dbde; text-align:left}

#bg1{width:241px; height:207px; background: url(../../images/default/bg_6.jpg) no-repeat; position:absolute; top:395px;left:900px}

.clear{clear:both; line-height:0}

#realisationsTitle, #ourClientsTitle, .topTitle,.topTitle2{
    position: absolute;
    top:10px;
    left:10px;
    font:  16px Arial;
    color: #646972;
	font-weight: normal; font-style: normal; line-height:normal; font-family: 'MergeRegular', sans-serif;
  }

#flashMain{position: relative; top: 0px; z-index:20; text-align: right;}
#ourClientsTitle{z-index:99;}

.topTitle,.topTitle2{color:#FFFFFF}
a.topTitle,a.topTitle:hover{color:#FFFFFF}
.topTitle2{top:80px; font-weight: bold;}
topTitle2 span, h1.topTitle2 span{top:80px; font-weight: normal;}
/* usun #topTitle4{color:#094989; font:  16px Arial; margin: 10px 0 0 10px } */

/* usun.top_fastContact{width:100%; text-align:center; margin-top:15px}*/

/* usun#tf1,#tf2,#tf1 a,#tf2 a{color:#54a4f1;font:  13px Arial;}
#tf2 a{text-decoration: underline;}
#tf1, #tf1 a{font-weight:bold}
#tf3{color:#808387; font:  13px Arial; margin:20px 0}*/

#main_content #linki a:hover,#main_content #linki2 a:hover,.news_header h2 a:hover,#news .news_header a:hover,#main_content #linki2 a:hover,/*#news a:hover.news_read_more,*/#main_content .read_more:hover{color:#000000}
#main_content .read_more{text-decoration:none}

.sitemap {margin-left: 30px;}
.sitemap a{font:11px Tahoma; color:#1a75c1}
.sitemap a:hover{color:#000000}

form{margin:0 0 20px 0;}
input,textarea#content{width:280px;background-color:#f4f3f3; border:1px solid #404040; font:11px tahoma, Helvetica, sans-serif; color:#383c42; padding:3px 9px; margin:0}
input#submit{height:18px; background-color:#3891d5; width:auto; line-height:18px;font:bold 10px tahoma, Helvetica, sans-serif; color:#FFFFFF; border:0}
.errors{width:476px; height:auto; padding:1px 9px 3px 112px; margin-bottom:0px; border:none; color:red; list-style-type:none!important; line-height:100%; }
.errors li{background:none!important; padding:0!important; margin:0!important;color:red!important;}
.error_message{margin:10px 5px; background:#d1e3f3;font-weight:bold;padding:5px;}


.email_container, .subject_container, .content_container, .name_surname_container, .company_name_container, .attachment_container, .phone_container{width:600px; margin:7px 0; padding:3px 0}
.send_to_user_container{margin:7px 0; padding:3px 0; width:492px; margin-left:108px;}
.buttons_container{width:597px; margin:0 0 40px 0;}
.email_container:hover, .subject_container:hover, .content_container:hover, .send_to_user_container:hover, .name_surname_container:hover, .company_name_container:hover, .attachment_container:hover, .phone_container:hover{background:#eee}


.dark_txt {color:#2D2D2D;}
.dark_b_txt {color:#2D2D2D; font-weight:bold;}

.ulBlue{position: relative; z-index: 10;clear:both; margin:0px;display:block;}
.ulBlue li {
	display: block;
	clear:both;
	background-image:url(../../images/default/li_dot.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	color:#5C6468;
	line-height:13px;
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 14px;
}

.ulBlue li a{display:inline-block;}
.ulBlue li a:hover{}

.olBlue{position: relative; z-index: 10; clear:both; margin:0; display:block; list-style-type: decimal;}
.olBlue li {
	display: block;
	clear:both;
	color:#5C6468;
	line-height:16px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 14px;
}

.olBlue li a{display:inline-block;}
.olBlue li a:hover{}

.see_online {float:right; margin: 5px 2px 0 0; border:none !important;}
.see_online_selected {float:right; margin: 9px 0px 0 0; border:none !important;}

/*h1.seo_h1 {position: absolute; z-index: 3; font-size:9px; font-weight: bold; color: #ddd; left: 20px;}*/
h1.seo_h1 {top:207px; left: 20px; font-size: 16px; font-weight: bold; position: absolute; z-index: 3; font-family: Arial; font-size:   16px; font-weight: bold; font-style:  normal; color:   #FFFFFF; line-height: 20px; }
h1.seo_h1 span{top:80px; font-weight: normal;}
h1.seo_h1_main_page {bottom:-135px; left: 50px; font-size: 12px; font-weight: bold; position: absolute; z-index: 3; font-family: Arial; font-weight: bold; font-style:  normal; color: #888; line-height: 20px; }
h1.seo_h1_main_page span {top:80px; font-weight: normal;}

/* strona bledu 404 */

.error-page{background:url(../../images/default/bg_main.gif) 0 117px repeat-x; font:11px Tahoma, Arial, sans-serif; color:#FFF; color:#000}
.error-page a{color:#000;text-decoration:underline}
.error-page a:hover{text-decoration:none}
.error-page #main_box{padding:132px 0 0 0; text-align:center;}
.error-page #main_box p{
    font-weight: normal;
    font-weight: bold;
    line-height:130%;
    font-family: 'MergeRegular', sans-serif;
    font-size:22px;
    margin:5px auto;
    color:#fff;
    height:80px;
}
.error-page .logo{position:absolute; top:25px; left:50%; margin:0 0 0 -100px }
.error-page .logo img{border:0}

/* mapa strony na 404*/

.error-page .service, .error-page .main{text-align:left; margin:0 0 10px 0;padding:0; margin-top:50px}
.error-page .main{margin-bottom:50px}
.blocks{float:left;width:180px;text-align:left;margin:0;padding:0}
.o-blocks{float:left;width:180px; margin:0 20px 0 0;text-align:left;}
.block2{width:320px;}
.block4{margin:0; width:160px;}

.error-page .menu{border-bottom:1px solid #d6d6d6; margin:0 0 20px 0; padding:0 0 8px 0}
.error-page .menu a{
    text-align:left;
    font-weight: normal;
    font-weight: bold;
    line-height:normal;
    font-family: 'MergeRegular', sans-serif;
    font-size:22px;
    margin:5px 0;
    background:none!important;
    padding:5px 0!important;
    color:#0D67AD;
    text-decoration:none;
}
.blocks .level-2{margin:0 0 10px 0; padding:0;}
.blocks .level-2 a{color:#165b92; text-decoration:none; font-size:13px; font-weight:bold}
.blocks .level-3 a, .o-blocks .level-2 a, .o-blocks .level-3 a{
    color:#51A2F1;
    background-image:url(../../images/default/li_dot.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
    display:block;
    padding:6px 3px 6px 14px;
    line-height:110%;
}
.block2 .level-2{float:left; width:150px}
.o-blocks .level-3 a{
    background:none;
    padding:2px 3px 2px 14px;
}

.error-page ul.classname li a{color:#51A2F1}
.error-page ul.classname li.level-1 a{text-decoration:none;color:#0D67AD;}
.error-page ul.classname li{
    display:block;
    text-align:left;
    background-image:url(../../images/default/li_dot.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 14px;
}

/* 404 stopka*/
.error-page li{padding:0 18px; border-left:1px solid #FFF}
.error-page li.first{border:0}
.error-page #content{width:900px; margin:0 auto 0 auto; padding:0;}
.error-page #content ul.main{margin:5px 0 20px 0}
.error-page #content .block{display:block; float:left; border:1px solid black; width:100px;}
.error-page #footer{width:100%; background:#afb3bb; text-align:center; color:#fff; padding: 30px 0 0 0}
.error-page #footer span{display:inline-block; clear: both; padding: 0 0 10px 0;}
.error-page #footer a{color:#000;}
.error-page #footer ul,
.error-page #footer ul li{margin:0; list-style-type:none; padding:0; display:inline;}
.error-page #footer li{padding:0 18px 0 0!important; border-left:1px solid #FFF;}
.error-page #footer li.first{border:0}
.error-page #footer a{display: inline-block; padding: 0 0 0 32px;}
.error-page #footer a.facebook{background:url(../../images/default/icon-facebook.gif) top left no-repeat;}
.error-page #footer a.flickr{background:url(../../images/default/icon-flickr.gif) top left no-repeat;}
.error-page #footer a.collegium{background:url(../../images/default/icon-collegium.gif) center left no-repeat;}