/*--------------------------------------------------------
	css theme name: mjdesign
	created: october 05, 2007
	z-index: menu(10), foot(20)
*/

* { margin: 0px; padding: 0px; }
a, blockquote, body, h3, h4, input, label, p, textarea {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;line-height: 15px;color: #444; }
blockquote p {padding: 15px 0 20px 0;font-weight: bold;}
body, html { width: 100%; height: 100%; min-height: 100%; }
body { background: url(../gfx/backc.jpg) repeat-y center; }
fieldset { border: none; }
html {overflow: auto;overflow-x: hidden; }
img { border: none; }
ins { text-decoration: none; }
input { border: none; }
label { cursor: pointer; }
p {padding-bottom: 15px;text-align: justify; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;line-height:16px; }
textarea {	border: none;overflow: auto; }

/*	naglowki */
h1, h2 { text-indent: -10000px; }
#pl h1.case { background: url(../gfx/h_case.gif); float: left;  }
#pl h1.klienci { background: url(../gfx/h_klienci_pl.gif); }
#pl h1.kontakt { background: url(../gfx/h_kontakt_pl.gif); }
#pl h1.oferta { background: url(../gfx/h_oferta_pl.gif); }
#pl h1.onas { background: url(../gfx/h_onas_pl.gif); }
#pl h1.portfolio { background: url(../gfx/h_portfolio.gif); }
#pl h1.pracownicy { background: url(../gfx/h_pracownicy.gif); }
#pl h1.realizacje { background: url(../gfx/h_realizacje_pl.gif); }
#pl h1.aktualnosci { background: url(../gfx/h_aktualnosci.gif); }
#pl h1.referencje { background: url(../gfx/h_referencje_pl.gif); }
#pl h2.narzedzia { background: url(../gfx/h_narzedzia_pl.gif); }
#pl h2.realizacja { background: url(../gfx/h_realizacja_pl.gif); }
#pl h2.strategia { background: url(../gfx/h_strategia_pl.gif); }
#pl h2.wstep { background: url(../gfx/h_wstep_pl.gif); }
#pl h2.zadanie { background: url(../gfx/h_zadanie_pl.gif); }

h2 { margin: 0 0 5px 0; }
h3 {width: 100% auto; height: 26px;line-height: 22px;background: url(../gfx/backh3.gif) repeat-x;padding: 0px 0px 15px 15px;font-size: 11px;font-weight: bold;color: White; }
h4 { font-size: 14px; }
h5, h5 a {padding: 0 0 2px 0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; clear:both; }

/*	nawigacja */
a {text-decoration: none;color: #bc141c; }
a:hover { color: #ff000c; }
.margin-foot {width: 100%; height: 25px;background: url(../gfx/oa-foot.gif); }

/* aktualnosci */
#aktualnosci {float: left; width: 232px;padding: 0 16px 0 22px;line-height:17px;}
#aktualnosci h1  { width: 233px; height: 66px; }
#pl #aktualnosci h1 { background: url(../gfx/h_aktualnosci_pl.gif); }
.aktualnosci_item h5 a {background: url(../gfx/arrow.gif) no-repeat left 4px;padding: 0 0 0 10px; }
.aktualnosci_item { padding: 0 0 3px 0; }

/* case study */
#case .left_col p { padding: 0 0 20px 5px; }
#case .left_col p, #case .right_col p {font-size: 11px;color: #777; }
#container {width: 100% auto; height: 100%; min-height: 100%;background: url(../gfx/top.jpg) no-repeat top left; }

/* content */

#content {float: left;width: 100%; min-height: 100%;background: url(../gfx/foot.jpg) no-repeat bottom left; }

/* flags */
#flags {position: absolute; top: 30px; right: 10px;width: 95px; height: 37px;background: url(../gfx/flags_back.jpg);padding: 0 0 0 92px; }
#flags a {float: left;width: 26px; height: 37px;text-indent: -10000px; }
.f_en { background: url(../gfx/flag_en.gif); }
.f_de { background: url(../gfx/flag_de.gif); }
.f_pl { background: url(../gfx/flag_pl.gif); }


/* foot */
#foot {float: left;position: relative;width: 100%; height: 86px;overflow: hidden;bottom: 0;margin-top: -86px; }
#foot .copy, #foot .realizacja, #foot .realizacja a { color: #a4a2a1; }
#foot .copy {position: absolute; top: 40px; left: 32px;font-size: 11px; }
#foot .links { position: absolute; top: 20px; left: 27px; }
#foot .links a {padding: 0 5px 0 5px;border-right: 1px solid #d7d6d5;font-size: 11px;color: #d7d6d5; }
#foot a:hover { text-decoration: underline; }
#foot .realizacja {position: absolute; top: 28px; left: 610px;font-size: 11px; }

/* gold thing */
#gold_thing {position: absolute; top: 160px; right: 0;width: 654px; height: 121px;display: block; }
#pl.start #gold_thing  { background: url(../gfx/gold_thing_pl.gif); }
#pl.subsite #gold_thing { background: url(../gfx/gold_thing_sub_pl.gif); }
	
/* inside */
#inside {float: right;position: relative;width: 460px;padding: 0 16px 0 0; }
#inside h1 {width: 460px; height: 57px;margin-top: -1px; }
#inside h5 {font-size:14px;margin:15px 0px 0px 0px;padding:0px;color:#bc141c;}
#inside p,#inside ul {font-family: Verdana,Arial, Helvetica, sans-serif;line-height:17px;font-size: 11px; }
#inside ul {margin:0 0 0 0px; list-style:none;}
#inside ul li {background: url(../gfx/arrow.gif) no-repeat 0 4px;padding:0 0 0 18px;margin:5px 0px 0px 0px}
.klienci #inside { width: 660px; }
.klienci h1 { float: right; }
.klienci blockquote {float: right;width: 460px; }

/* lista klient�w w portfolio */
#klienci { width: 181px; }
#klienci a {display: block;background: url(../gfx/arrow.gif) no-repeat 6px 6px;padding: 2px 0 2px 17px;color: #444; }
#klienci a:hover { color: #da2630; }
#klienci .zobacz {width: 131px; height: 14px;background: url(../gfx/button_zobacz_pl.gif);text-indent: -10000px;margin: 20px 0 0 5px;padding: 0; }
#pl #klienci h1 {width: 189px; height: 47px;background: url(../gfx/h_klienci2_pl.gif); }

/* formularz kontaktowy */
#kontakt_form {padding: 15px 0 0 0; }
#kontakt_form label {display: block;padding: 0 0 6px 0; }
#kontakt_form input {width: 103px; height: 20px;background: url(../gfx/input.gif);_background-attachment: fixed;padding: 2px 4px 0 4px; }
#kontakt_form span {float: left;width: 55px;text-align: right;padding: 2px 5px 0 0; }
#kontakt_form textarea {width: 255px; height: 86px;background: none;padding: 4px; }
#kontakt_form .fields {float: left;width: 194px; }
#kontakt_form .textarea {position: relative;background: url(../gfx/textarea.gif) no-repeat left top; float: left; }
#kontakt_form .textarea span {position: absolute; top: -22px; left: 0;width: auto; }
#kontakt_form .wyslij { position: absolute; top: 103px; right: 1px; }
#kontakt_form .wyslij span {position: relative; top: 0;padding: 0 4px 0 0;text-transform: uppercase;font-size: 10px;color: #6a1212; }
#kontakt_form .wyslij input {float: right;width: 30px; height: 17px;background: url(../gfx/button_wyslij.gif);cursor: pointer; }
#kontakt_form .wyslij:hover input { background-position: 0 -17px; }

/* left side */
#left_side {float: left;width: 170px;padding: 94px 0 0 15px; }

/* lista klient�w */
#lista .row {float: left;width: 657px;padding: 5px 0 0 0;border-bottom: 1px solid #aca8a2; }
.row p {float: left;padding: 5px 0 0 10px; }
.row p, .row p a {line-height: 12px;font-size: 11px !important; }
#lista .row span {	float: left;width: 190px; }

/* logo */
#logo {position: absolute; top: 10px; left: 65px;width: 177px; height: 132px;text-indent: -10000px; }
	
/* main */
#main {position: relative;width: 946px;padding: 281px 0 0 0; }

/* top menu */
#menu {position: absolute; top: 126px; right: 0;width: 654px; }
#menu a {float: left;width: 109px; height: 34px;text-indent: -10000px; }
#menu a.last { border: none !important; }
#menu a:hover { background-position: 0 -34px; }
#menu a.hit { background-position: 0 -68px !important; }
		
/* pl */
#pl .home { background: url(../gfx/m_home_pl.gif); }
#pl .klienci { background: url(../gfx/m_klienci_pl.gif); }
#pl .kontakt { background: url(../gfx/m_kontakt_pl.gif); }
#pl .oferta { background: url(../gfx/m_oferta_pl.gif); }
#pl .onas { background: url(../gfx/m_onas_pl.gif); }
#pl .realizacje { background: url(../gfx/m_realizacje_pl.gif); }

/* rozwijane menu */
#menu_acc { width: 181px; }
#menu_acc a {display: block;width: 131px;background: url(../gfx/arrow.gif) no-repeat 12px 7px;padding: 3px 5px 3px 23px;font-family: Trebuchet MS;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #333; }
#menu_acc ul { list-style: none; }
#menu_acc a:hover {background: #da2630 url(../gfx/arrow3.gif) no-repeat 12px 8px;color: #fff; }
	
/* drugi poziom menu */
.accordeon {padding: 0 0 0 12px; }
.accordeon a, .accordeonad a {font-size: 11px !important;background: url(../gfx/arrow4.gif) no-repeat 12px 7px !important; }
.accordeon a:hover, .accordeonad a:hover {background: #da2630 url(../gfx/arrow3.gif) no-repeat 12px 8px !important;color: #fff; }
	
/* trzeci poziom menu */
.accordeonad { padding: 0 0 0 23px; }
.accordeonad a {font-weight: normal !important; }

/* najnowsze realizacje */
#najnowsze { float: right;width: 334px;padding: 0 24px 0 0; }
#najnowsze h1 { width: 334px; height: 66px; }
#pl #najnowsze h1 { background: url(../gfx/h_najnowsze_pl.gif); }
#najnowsze h5 { padding-bottom: 10px; }
#najnowsze .shot {float: left;background: url(../gfx/shadow.gif) no-repeat left bottom;padding: 0 0 4px 0; _padding-bottom: 7px; }
#najnowsze .shot img {border-left: 1px solid #cbcbcb;margin: 0 10px 0 0; }
#padding {float: left;padding: 178px 0px 170px 0px; }
#page {position: relative;width: 100%; height: 100%;margin: 0 auto; }
#panel, #side { margin-bottom: 130px; _margin-bottom: 10px;}
.panel_main { margin-left: 288px !important; margin-left: 0;}

/* portfolio */
#portfolio {float: left;margin: 0 0 0 -5px; }
#pan { float: left;background: url(../gfx/porto_back.gif) repeat-y -3px;margin: 14px 0 0 0; }
#pan .desc_short {float: left;padding: 5px 0 0 16px; }
#pan h3 {background: url(../gfx/arrow.gif) no-repeat 5px 7px;margin: 5px 0 -5px 0;padding: 0 0 0 15px;font-size: 13px;text-transform: uppercase;color: #444; }
#pan .panel_top {float: left;background: url(../gfx/porto_top.gif) no-repeat top; }
#pan .panel_content {float: left;width: 397px; min-height: 225px; _height: 225px;background: url(../gfx/porto_foot.gif) no-repeat bottom;padding: 25px 30px 0 38px; }
#pan .panel_content p {padding: 0 0 30px 15px;font-size: 11px;color: #777; }
#pan .next {float: right;width: 15px; height: 180px;background: url(../gfx/button_next.gif) no-repeat center; }
#pan .prev {float: left;width: 15px; height: 180px;background: url(../gfx/button_prev.gif) no-repeat center; }
#pan .shot {float: left;margin: 0 0 0 3px; }

/* zobacz pozostale realizacje */
#pozostale {float: right;width: 294px; height: 39px;background: url(../gfx/pozostale.gif) no-repeat;padding: 25px 0 0 63px; }
	
/* referencje */
#referencje, #siedziba {float: left;width: 205px;padding: 0 0 0 15px; }
#referencje h1, #siedziba h1 {width: 208px; height: 84px;background: url(../gfx/h_referencje.gif) top;margin-top: -26px; }
#referencje img {float: left;padding: 4px 15px 0 0; }
#referencje p {background: url(../gfx/oddziel.gif) no-repeat bottom;line-height: 16px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 12px 0 15px 0; }

/* siedziba */
#siedziba {}
#siedziba h1 {background: url(../gfx/h_siedziba.gif) top;height: 74px;margin: 0;}

/* side on subsites */
#side	{float: right;width: 239px;background: url(../gfx/side_backc.gif) repeat-y; }
#side h1 { width: 205px; }
#side #najnowsze {float: left;width: 205px;padding: 0 0 0 15px; }
#side #pozostale {float: right;margin-right: 10px; _margin-right: 5px;width: 150px; }
#side .content {width: 239px; min-height: 260px; _height: 260px;background: url(../gfx/side_back.gif) no-repeat top;padding: 0 0 0 0; }
#side .foot {float: left;width: 239px; height: 83px;background: url(../gfx/side_foot.gif) no-repeat left bottom; }
.klienci #side .foot,
.kontakt #side .foot { height: 33px; }

/* tools */
#tools {position: absolute; top: 23px; right: 20px;width: 85px; height: 20px; }
#tools a {float: left;height: 20px; }
.a1 {width: 27px;background: url(../gfx/tools_a1.gif); }
.a2 {width: 32px;background: url(../gfx/tools_a2.gif); }
.print {width: 26px;background: url(../gfx/tools_print.gif); }

.girl { position: absolute; left: 0; }
.left_col {float: left;width: 216px; }
.more {width: 16px; height: 9px;overflow: hidden;float: right;background: url(../gfx/arrow2.gif);text-indent: -10000px; }

/* pracownicy */
.pracownicy div { padding: 0 0 15px 5px; }
.pracownicy h1 {width: 189px; height: 47px;background: url(../gfx/h_pracownicy.gif); }
.pracownicy span { color: #777; }
.right_col {width: 220px;float: right;padding: 0 5px 0 0; }
.start .girl {top: 138px; width: 288px; height: 490px; }
.subsite .girl {top: 159px;width: 341px; height: 221px; }
.start #panel 	{float: right;background: url(../gfx/start_backc.gif) repeat-y; }
.start #panel .content {float: left;width: 658px; min-height: 257px; _height: 257px;background: url(../gfx/start_back.gif) no-repeat top; }
.start #panel .foot {float: left;width: 658px; height: 94px;background: url(../gfx/start_foot.gif); }
		
/* subsite panel */
.subsite #panel {float: left;background: url(../gfx/subsite_backc.gif) repeat-y; }
.subsite #panel .content {float: left;width: 698px; min-height: 356px; _height: 356px;background: url(../gfx/subsite_back.gif) no-repeat top; }
.subsite #panel .foot {clear: both; float: left;width: 698px; height: 49px;background: url(../gfx/subsite_foot.gif); }