/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~                                ~
~   Grynhoff	                 ~
~   03.12.2007                   ~
~   Empathy Interactive          ~
~   /Tomasz Piłat/               ~
~                                ~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~
    GLOBAL STYLES
~~~~~~~~~~~~~~~~~~~~~~~*/
	html, body, h1, h2, h3, h4, h5, h6, div, span,
	blockquote, p, address, form, fieldset, img,
	ul, ol, dl, dt, dd, li, hr, table, td, th,
	strong, em, sup, sub, dfn, ins, del, q, cite,
	var, samp, code, kbd, tt {
		margin: 0;
		padding: 0;
		border: 0;
	}
	legend { display: none; }
	blockquote { padding: 0 0px 0 0px; }

	body { font-size: 11px; font-family: Verdana, Tahoma, sans-serif; color: #4e4e4e; }
	a { text-decoration: none; color: #7F0212; outline: none; }
	a span, h1 span, h2 span { display: none; }
	a:hover { text-decoration: underline; }

	ul { list-style: none; }
	#wrapper { width: 910px; margin: 0 auto; }

/*~~~~~~~~~~~~~~~~~~~~~
    #header
~~~~~~~~~~~~~~~~~~~~~~~*/
	#header {
		overflow: hidden;
		position: relative;
		background: url(/_p/gfx/decorBar.gif) bottom left repeat-x;
		padding-bottom: 13px;
	}
	#nav { text-align: right; padding-top: 10px; }

	#nav li {
		display: inline;
		background: url(/_p/gfx/line.gif) right bottom no-repeat;
		padding: 10px 13px 3px 10px;
	}

	h1 { float: left; }
	h1 a { display: block; width: 349px; height: 65px; background: url(/_p/gfx/logo.gif) 0 0 no-repeat;	}

	#header form { width: 285px; position: absolute; float: right; right: 0; top: 48px; }
	#header form .txt { width: 190px; margin: 0 5px; }
	#header form label { color: #7F0212; }
	#header .current { background: #9D3D28; color: #ffffff; padding: 3px; }
/*~~~~~~~~~~~~~~~~~~~~~
    #menu
~~~~~~~~~~~~~~~~~~~~~~~*/
	#menu { position: relative; margin: 10px 0 18px 0; overflow: hidden; height: 23px; }
	#menu li { float: left; }
	#menu a { display: block; float: left; text-align: center; height: 23px !important; overflow: hidden; }

	a#onas { width: 56px; }
	a:hover#onas { background-position: 0px -23px; }

	#menu a:hover img { margin-top: -23px; }
	.en a#onas { width: 76px; }
	.en a:hover#onas img { top: -23px; }

	a#usl { width: 82px; background-position: -56px 0;}
	a:hover#usl { background-position: -56px -23px; }
	.en a#usl { width: 142px; background-position: -76px 0;}
	.en a:hover#usl { background-position: -76px -23px; }

	a#dep { width: 141px; background-position: -138px 0;}
	a:hover#dep { background-position: -138px -23px; }
	.en a#dep { width: 119px; background-position: -218px 0;}
	.en a:hover#dep { background-position: -218px -23px; }

	a#zre { width: 161px; background-position: -279px 0;}
	a:hover#zre { background-position: -279px -23px; }
	.en a#zre { width: 144px; background-position: -337px 0;}
	.en a:hover#zre { background-position: -337px -23px; }

	a#zes { width: 87px; background-position: -440px 0;}
	a:hover#zes { background-position: -440px -23px; }
	.en a#zes { width: 88px; background-position: -481px 0;}
	.en a:hover#zes { background-position: -481px -23px; }

	a#aktualn { width: 114px; background-position: -527px 0;}
	a:hover#aktualn { background-position: -527px -23px; }
	.en a#aktualn { width: 75px; background-position: -569px 0;}
	.en a:hover#aktualn { background-position: -569px -23px; }

	a#pub { width: 103px; background-position: -641px 0;}
	a:hover#pub { background-position: -641px -23px; }
	.en a#pub { width: 113px; background-position: -644px 0;}
	.en a:hover#pub { background-position: -644px -23px; }

	a#kar { width: 82px; background-position: -744px 0;}
	a:hover#kar { background-position: -744px -23px; }
	.en a#kar { width: 84px; background-position: -757px 0;}
	.en a:hover#kar { background-position: -757px -23px; }

	a#kon { width: 81px; background-position: -826px 0;}
	a:hover#kon { background-position: -826px -23px; }
	.en a#kon { width: 68px; background-position: -841px 0;}
	.en a:hover#kon { background-position: -841px -23px; }

/*~~~~~~~~~~~~~~~~~~~~~
    #graph
~~~~~~~~~~~~~~~~~~~~~~~*/
	#graph {
		clear: both;
		width: 909px;
		display: table-cell;
		vertical-align: middle;
		font-size: 12px;
	}

	#graph.index1 {
		color: #ffffff;
		padding-top: 0 !important;
		height: 110px !important;
		background: url(/_p/gfx/graph_index1.gif) 0 50% no-repeat !important;
	}
	.index2 {
		color: #ffffff;
		padding-top: 0 !important;
		height: 110px !important;
		background: url(/_p/gfx/graph_index2.gif) 0 50% no-repeat !important;
	}
	.index3 {
		color: #ffffff;
		padding-top: 0 !important;
		height: 110px !important;
		background: url(/_p/gfx/graph_index3.gif) 0 50% no-repeat !important;
	}
	.index4 {
		color: #ffffff;
		padding-top: 0 !important;
		height: 110px !important;
		background: url(/_p/gfx/graph_index4.gif) 0 50% no-repeat !important;
		}
	#graph h2 { display: none; }
	#graph.index1 h2, #graph.index2 h2, #graph.index3 h2, #graph.index4 h2 {
		display: block;
		width: 547px;
		text-align: right;
		padding: 0px 30px 0px 60px;
		line-height: 1.5em;
		font-size: 14px;
	}
	.zespol {  height: 51px; background: url(/_p/gfx/1.gif) !important; }
	.departamenty {  height: 51px; background: url(/_p/gfx/2.gif) !important; }
	.o-nas {  height: 51px; background: url(/_p/gfx/3.gif) !important; }
	.uslugi {  height: 51px; background: url(/_p/gfx/4.gif) !important; }
	.wybrane-projekty {  height: 51px; background: url(/_p/gfx/5.gif) !important; }
	.aktualnosci {  height: 51px; background: url(/_p/gfx/6.gif) !important; }
	.publikacje {  height: 51px; background: url(/_p/gfx/7.gif) !important; }
	.kariera {  height: 51px; background: url(/_p/gfx/8.gif) !important; }
	.kontakt {  height: 51px; background: url(/_p/gfx/9.gif) !important; }

/*~~~~~~~~~~~~~~~~~~~~~
    #path
~~~~~~~~~~~~~~~~~~~~~~~*/
	#path { margin-bottom: 20px; }

/*~~~~~~~~~~~~~~~~~~~~~
    .text
~~~~~~~~~~~~~~~~~~~~~~~*/
	.text { line-height: 1.5em; }
	.text ul { margin-left: 15px; }
	.text dd ul { margin-left: 1px; }
	* html .text dd { display: inline-block; }
	.text ul li, .news ul li { background: url(/_p/gfx/listStyle.gif) 0 7px no-repeat; padding-left: 10px; }
	.news ul { margin-bottom: 1em; }
	.text ul.arrows li { background: url(/_p/gfx/arrow_red.gif) 0 7px no-repeat; padding-left: 10px; }
	.text form {
		background: #F7F8F0;
		padding: 5px;
		width: 410px;
		margin: 10px auto;
	}
	.text form div { padding: 5px 0; overflow: hidden; }
	.text form label { width: 105px; text-align: left; display: block; float: left; margin-right: 10px; }
	.text form .txt { width: 249px; margin: 0; }
	.text form textarea { height: 200px; font-size: 11px; font-family: Verdana, Tahoma, sans-serif; }
	.text form em { font-style: normal; color: #9D3D27; }
	.text form fieldset { border: 1px solid #EBEBEB; padding: 10px 25px; }

	form.inline { width: 100%;background: #ffffff; padding: 0; border: 1px solid #EBEBEB; margin: 10px 0; }
	form.inline label { width: 85px; }
	form.inline div { float: left; padding-right: 17px; }
	form.inline select.txt  { width: 165px; }
	* html form.inline select.txt { width: 158px; }
	form.inline fieldset { border: 0; padding: 15px 10px;}
	form.inline .txt { margin: 0; }

	form.emptyForm { width: 410px ;background: #ffffff; padding: 0; border: 1px solid #EBEBEB; margin: 10px auto; }
	form.emptyForm fieldset { border: 0; padding: 5px 10px;}

	form small { margin-left: 115px; }
	* html form small { margin-left: 118px; }

/*~~~~~~~~~~~~~~~~~~~~~
    #tools
~~~~~~~~~~~~~~~~~~~~~~~*/
	.tools {
		padding: 5px 0px 12px 0;
		margin: 15px 0px 10px 0;
		border-top: 1px solid #EBEBEB;
		position: relative;
		bottom: 0;
		left: 0;
		width:	630px;
		clear: both;
		display: block;
	}

	.tools .print { padding-left: 18px; background: url(/_p/gfx/icon_print.gif) 0 0 no-repeat; color: #9f9f9f; }
/*~~~~~~~~~~~~~~~~~~~~~
    #content
~~~~~~~~~~~~~~~~~~~~~~~*/
	#content {
		background: url(/_p/gfx/bg_content.gif) -1px 0 repeat-y;
		overflow: hidden;
		margin-top: 16px;
		position: relative;
	}
	#body { float: left; width: 628px; padding-right: 9px; padding-bottom: 0px;  }
	#body img { border: 1px solid #cccccc; padding: 2px; float: left; margin: 0 10px 1px 0;}
	#body p { margin-bottom: 1em; }
	#body h4 { font-size: 14px; margin-bottom: 20px; }
	#sidebar { width: 269px; float: right; padding-bottom: 15px; }

	.latest {
		background: url(/_p/gfx/line.gif) 308px 0 repeat-y;
		overflow: hidden;
		padding: 0px 0 10px 0;
		margin-bottom: 15px;
	}
	.latest .news { float: left; width: 290px; padding: 29px 15px 9px 9px;}

	.latest .news .aright { margin-top: 10px; }
	.latest .news small { margin-bottom: 30px; }
	.latest .news h3 { height: 40px; }
	#sidebar .news { padding: 7px 25px 0 7px; margin-bottom: 10px; }

/*~~~~~~~~~~~~~~~~~~~~~
   #logos
~~~~~~~~~~~~~~~~~~~~~~~*/
	#logos, #logosen {
		text-align: center;
		margin: 55px 0 10px 0;
		overflow: hidden;
	}
	#logos img { margin-right: 20px; }
	#logosen img { margin-right: 10px; }
	#logosAkt {
		width: 200px;
		margin: 35px auto 0 auto;
	}
	#logosAkt a, #logosAkt img { display: block; margin-bottom: 10px !important; text-align: left; }
	#logosAkt img { border: 1px solid #cccccc; padding: 2px;  }

/*~~~~~~~~~~~~~~~~~~~~~
   #rss
~~~~~~~~~~~~~~~~~~~~~~~*/
	#rss {
		padding: 15px 5px;
		padding-left: 9px;
		background: #f7f8f0;
		font-size: 10px;
		line-height: 1.5em;
	}
	#rss div strong { display: block; }
	#rss .head { padding: 4px 0; font-size: 12px;  margin-top: 10px; clear: both; overflow: hidden; }
	.lineSep { line-height: 0; font-size: 0; background: url(/_p/gfx/decorBar.gif) 0 0 no-repeat; height: 20px; }
	#rss .news { padding: 0; margin-bottom: 0px; }
	#rss .news h3 { font-size: 10px; margin-bottom: 0px; }
	#rss h2 { font-size: 14px; margin-bottom: 10px; }

/*~~~~~~~~~~~~~~~~~~~~~
   .news
~~~~~~~~~~~~~~~~~~~~~~~*/
	.news { overflow: hidden;}
	.news h3 { font-size: 12px; }
	.news p { line-height: 1.5em; }
	.more { padding-right: 10px; background: url(/_p/gfx/arrow_red.gif) 100% 60% no-repeat; }
	.news small { font-size: 11px; color: #787876; margin-bottom: 15px; display: block;}
	.news .marginImg { margin-left: 140px; }
/*~~~~~~~~~~~~~~~~~~~~~
    #headers
~~~~~~~~~~~~~~~~~~~~~~~*/
	#content h2 { margin-bottom: 20px; }
	#content h2#aktu, #content h2#news {
		width: 204px;
		height: 26px;
		background: url(/_p/gfx/h_akt.gif) 0 0 no-repeat;
		margin-bottom: 0;
	}
	#content h2#news { width: 202px; background: url(/_p/gfx/h_news.gif); }
	#sidebar h2#news { width: 202px; background: url(/_p/gfx/h_news2.gif) !important; }
	#sidebar h2 { height: 27px; }
	#media { width: 101px; background: url(/_p/gfx/h_media.gif) 0 0 no-repeat; }
	#media_en { width: 200px; background: url(/_p/gfx/h_media_en.gif) 0 0 no-repeat; }
	#newsletter { width: 105px; height: 27px; background: url(/_p/gfx/h_newsletter.gif) 0 0 no-repeat; }

	#zespol {  width: 78px; background: url(/_p/gfx/h_zespol.gif); }
	#departamenty {  width: 135px; background: url(/_p/gfx/h_departamenty.gif); }
	#o-nas {  width: 64px; background: url(/_p/gfx/h_onas.gif); }
	#uslugi {  width: 123px; background: url(/_p/gfx/h_uslugi.gif); }
	#wybrane-projekty {  width: 202px; background: url(/_p/gfx/h_zrealizowane-projekty.gif) no-repeat; }
	#aktualnosci {  width: 113px; background: url(/_p/gfx/h_aktualnosci2.gif); }
	#publikacje {  width: 105px; background: url(/_p/gfx/h_publikacje.gif); }
	#kariera {  width: 74px; background: url(/_p/gfx/h_kariera.gif); }
	#kontakt {  width: 87px; background: url(/_p/gfx/h_kontakt.gif); }

	#about-us { width: 202px; background: url(/_p/gfx/h_aboutus.gif); }
	#scope-of-services { width: 202px; background: url(/_p/gfx/h_scope.gif); }
	#departments { width: 202px; background: url(/_p/gfx/h_departments.gif); }
	#selected-projects { width: 202px; background: url(/_p/gfx/h_selected.gif); }
	#people { width: 202px; background: url(/_p/gfx/h_people.gif); }
	#news { width: 202px; background: url(/_p/gfx/h_news2.gif); }
	#publications { width: 202px; background: url(/_p/gfx/h_publications.gif); }
	#careers { width: 202px; background: url(/_p/gfx/h_careers.gif); }
	#contact { width: 202px; background: url(/_p/gfx/h_contact.gif); }

/*~~~~~~~~~~~~~~~~~~~~~
    #newsy
~~~~~~~~~~~~~~~~~~~~~~~*/
	#newsy .news, .newsy .news {
		line-height: 1.5em;
		padding-bottom: 15px;
		border-bottom: 1px solid #EBEBEB;
		margin-bottom: 15px;
	}
	.news em.tit { color: #787876; margin-bottom: 20px; display: block; font-style: normal; }
/*~~~~~~~~~~~~~~~~~~~~~
    #bottombar
~~~~~~~~~~~~~~~~~~~~~~~*/
	#bottombar {
		margin-top: 4px;
		background: url(/_p/gfx/bg_bottom.gif) 0 0 repeat-y;
		overflow: hidden;
	}
	#bottombar .right { width: 269px; }
	#bottombar .right form { width: 253px; margin: 10px auto 0 auto;}
	#bottombar .right form div { margin-bottom: 10px; }
	#bottombar .right form .txt { width: 220px; }

	#bottombar .left { padding: 5px 9px; }
	#bottombar .left div {
		float: left;
		border-right: 1px solid #DBDCD4;
		padding: 5px 60px 5px 0px;
		margin-right: 13px;
	}
	#bottombar .left div.last { margin-right: 0; }

/*~~~~~~~~~~~~~~~~~~~~~
    #footer
~~~~~~~~~~~~~~~~~~~~~~~*/
	#footer { clear: both; border-top: 1px solid #9B9B9B; padding: 10px 15px; margin: 3px 0 30px 0; }
	#footer a.gray { color: #4E4E4E; }
	#footer div { clear: both; }

/*~~~~~~~~~~~~~~~~~~~~~
    .=jobOffer
~~~~~~~~~~~~~~~~~~~~~~~*/
	dl dt { float: left; width: 180px; font-weight: bold; padding: 5px 0; }
	dl dd { margin-left: 180px; padding: 5px 0; }
	dd { text-align: justify; }



/*~~~~~~~~~~~~~~~~~~~~~
    GLOBAL CLASSES
~~~~~~~~~~~~~~~~~~~~~~~*/
	.people { clear: both; overflow: hidden;}
	.people ul {
		width: 210px;
		padding: 0 45px 20px;
		background: url(/_p/gfx/line.gif) right 0 repeat-y;
		float: left;
		margin: 20px 0 0;
	}
	.people li { padding: 0 !important; background: none !important; border-bottom: 1px solid #DCDBDC;}
	.people li.last { border-bottom: 0; }
	.people a { padding: 10px 12px;  display: block; background: url(/_p/gfx/arrow_red.gif) 2px 14px no-repeat;}
	.people a:hover { background: #F7F8F0 url(/_p/gfx/arrow_red.gif) 2px 14px no-repeat !important; }

	.txt {
		font-size: 11px;
		border: 1px solid #8C8C8E;
		padding: 4px 2px;
		color: #4e4e4e;
		font-family: Verdana, Tahoma, sans-serif;
	}
	.submit, .reset, .buttonRed, .buttonGray {
		padding: 4px 10px;
		color: #ffffff;
		font-size: 11px;
		background: #9D3D27;
		border: 0;
		font-weight: bold;
	}
	.reset { background: red; }

	.aleft .submit { margin-left: 311px; }


	.buttons { overflow: hidden;margin: 10px 0; }
	.buttons .left, .buttons .right { width: 300px; }
	.buttons .left a { float: left; margin-right: 4px; }
	.buttons .right a { float: right; margin-right: 4px;  }

	.buttonRed { display: block; }
	.buttonGray { display: block; background: #CFCFCF; }
	.red { color: #9D3D27 !important; }

	.pdf { padding: 5px 25px 5px 0px; background: url(/_p/gfx/pdf.gif) 100% 30% no-repeat; }
	.ok, .alert { border: 2px solid #5C7A46; padding: 5px; }
	.alert { border-color: #9D3D28; }

	.left { float: left; }
	.right { float: right; }

	#sidebar .aright { margin: 0; }
	.aleft { text-align: left; }
	.aright { text-align: right; }
	.acenter { text-align: center; }
	.aleft p, .aright p, .acenter p { margin-bottom: 0; }

	.last { border: 0 !important; }

	.clear { clear: both; }
	p.clear { margin-bottom: 0; }

	.rss { padding-left: 18px; background: url(/_p/gfx/icon_rss.gif) 0 0 no-repeat; }

	.points { padding: 0 8px; }
	.points a { color: #4f4f4f; }
	.points a:hover { color: #7F0212; }
	.points li { padding-left: 12px; background: url(/_p/gfx/arrow_red.gif) 0 3px no-repeat; margin-bottom: 1em; }

	ul.rows li { display: inline; padding-right: 3px; margin-right: 5px; border-right: 1px solid #535353; }

	.mb { margin-bottom: 30px; }
	.mt { margin-top: 30px; }


	#cms-login h3 {
		font: bold 1.64em Arial, Tahoma, Verdana, Helvetica, sans-serif; /* 18px */
		color: #9D3D27;
		border-bottom: 1px solid #DBD7D1;
		padding-bottom: 11px;
		margin-bottom: 1px;
		}
	#cms-login,
	.gray-box {
		width: 225px;
		position: relative;
		z-index: 0;
		}

	#cms-login { margin: 100px auto 0; }
	#cms-login div { margin: 10px 0;  }
	#cms-login label { width: 70px; display: block; float: left; }


	form label.vlong { width: 200px; }
	form .checkbox { float: left; margin-right: 8px; }

	.imgDesc {
		overflow: hidden;
		width: 170px;
		float: left;
		margin: 0 20px 0 0;
		padding: 0px;
		text-align: left;
	}
	#body .imgDesc img { float: none; }
	.imgDesc strong { clear: both; display: block; }

	.contact dt { float: left; width: 180px; padding: 3px 0px; font-weight: normal; }
	.contact dd { padding: 3px 0px; }
	h3.contact { margin: 0; font-size: 11px; }
	.width140 { width: 140px !important; }
	.width250 { width: 250px !important; }
	.widthHeight { width: 250px !important; height: 150px !important; }
	.orange { color: orange;}
	.pointer { cursor: pointer; }


	form h3 { font-size: 12px; }
	.questionnaire { }
	.questionnaire div strong { display: block; }
	.questionnaire div em { display: block; }
	.quest { border-bottom: 1px solid #e3e3e3; overflow: hidden; }
	.field { text-align: left; }
	.field textarea { width: 582px !important; }
	.desc {   }
	.noborder dl dt { width: 100%; }
	.text .s_form { width: 590px; padding-left: 20px; padding-right: 20px; }

	.footer-quest { padding-left: 100px !important; }
	.footer-quest .acenter { padding-left: 145px !important; }

#content .paging {
	clear: left;
}
#content .paging ul {
	list-style-type: none;
}
#content .paging li {
	display: inline;
	border-right: 1px solid #535353;
	margin-right: 2px;
	padding-right: 5px;
}
#content .paging li.nastepna {
	border: none;
}

.position-table { width: 99%; border: 1px solid #ebebeb; border-collapse: collapse; margin: 30px auto 25px auto;}
.position-table th { width: 33%; }
.position-table td, .position-table th { padding: 6px; border: 1px solid #ebebeb; text-align: left;  }
.position-table th { background: #F7F8F0; }