@charset "utf-8";
/* CSS Document */

body {
color:#575757; font-family:'Tahoma', Arial, sans-serif; font-size:12px;
}
p, ul li, ol li, dl dd {
line-height:18px;
}
p {
margin:16px 0 16px 0;
}
h1, h2, h3 {
font-weight:normal;
}
a {
text-decoration:underline; color:#214295;
}
a:hover {
text-decoration:none; color:#4166c5;
}
/**************************

	KONTENER GŁÓWNY

**************************/
div#mainContainer, div#mainContainerAdds, div#footer, div#footerSub {
width:100%; float:left; background:url(../images/tla/top_bg.jpg) top center no-repeat; position:relative; height:100%;
}

h1, h1 a, h1 a span {
float:left; width:294px; height:110px; display:block; font-size:14px;
}
h1 a {
position:relative;
}
h1 a span {
position:absolute; background:url(../images/dodatki/logo.jpg) no-repeat; cursor:pointer;
}

/**************************

	MENU GŁÓWNE

**************************/
ul#mainmenu {
float:right; margin:25px 0 0 0;
}
ul#mainmenu li a {
display:block; height:36px; text-indent:-5000px;
}
li.mm_start a{
background:url(../images/menu/start.png) no-repeat; width:50px;
}
li.mm_firma a{
background:url(../images/menu/firma.jpg) no-repeat; width:80px;
}
li.mm_oferta a{
background:url(../images/menu/oferta.jpg) no-repeat; width:72px;
}
li.mm_szkolenia a{
background:url(../images/menu/szkolenia.jpg) no-repeat; width:94px;
}
li.mm_referencje a{
background:url(../images/menu/ref.jpg) no-repeat; width:101px;
}
li.mm_galeria a{
background:url(../images/menu/galeria.jpg) no-repeat; width:77px;
}
li.mm_praca a{
background:url(../images/menu/praca.jpg) no-repeat; width:67px;
}
li.mm_kontakt a{
background:url(../images/menu/kontakt.jpg) no-repeat; width:84px;
}
ul#mainmenu li a:hover, ul#mainmenu li a.active {
background-position:0 -36px;
}

/**************************

	BOKSY INFORMACYJNE

**************************/
div#infoBoxes {
float:left; width:960px; margin:20px 0 0 0;
}

div#infoBoxes div.newsBox {
float:left; width:290px; background:url(../images/tla/shadeLeft_bg.jpg) top right no-repeat; height:250px; position:relative; padding-right:20px;
}

div#infoBoxes div.offerBox {
float:left; width:300px; background:url(../images/tla/shadeRight_bg.jpg) top right no-repeat; display:inline; margin:0 10px 0 10px; height:250px; position:relative; padding-right:20px;
}
div#infoBoxes div.workBox {
float:left; width:280px; height:250px; position:relative; padding-right:20px;
}

div.newsBox h2, div.offerBox h2, div.workBox h2, div#referencesBox h2, div#workSamplesBox h2{
margin:0 0 16px 0; padding:5px 0 5px 40px; font-size:16px; color:#080808; background:url(../images/dodatki/ikony/newsH2.jpg) 0 0 no-repeat;
}
div.offerBox h2 {
background:url(../images/dodatki/ikony/ofertaH2.jpg) 0 0 no-repeat;
}
div.workBox h2 {
background:url(../images/dodatki/ikony/workH2.jpg) 0 0 no-repeat;
}

a.readMore {
position:absolute; bottom:0; right:20px; background:url(../images/dodatki/moreButton.jpg) no-repeat; width:71px; height:20px; text-align:center; color:#fff; text-decoration:none; padding-top:5px; z-index:40; display:block; clear:both;
}
a.readMore:hover {
background-position:0 -25px;
}

/***** AKTUALNOŚCI ******/
div#infoBoxes div.newsBox ul{
float:left; width:290px; margin:-8px 0 0 0;
}
div#infoBoxes div.newsBox ul li {
background:url(../images/tla/dottedLine.gif) left bottom repeat-x; list-style:none; padding:8px 0 7px 0;
}
div#infoBoxes div.newsBox ul li span {
padding-right:10px;
}
div#infoBoxes div.newsBox ul li a {
color:#214295;
}
div#infoBoxes div.newsBox ul li a:hover {
color:#4166c5;
}

/***** OFERTA ******/
div#infoBoxes div.offerBox ul {
float:left; width:290px; margin:0 0 0 6px; display:inline;
}
div#infoBoxes div.offerBox ul li {
background:url(../images/dodatki/ikony/tick.jpg) 0 0 no-repeat; list-style:none; padding:0 0 0 26px; margin-bottom:12px;
}
/***** OFERTA ******/
div#infoBoxes div.workBox ul {
float:left; width:270px; margin:
}
div#infoBoxes div.workBox ul li {
background:url(../images/dodatki/ikony/arrow.jpg) 0 4px no-repeat; list-style:none; margin-bottom:12px; padding:0 0 0 26px;
}

/**************************

	KONTENER GŁÓWNY DODATKI

**************************/
div#mainContainerAdds {
background:url(../images/tla/lowerMid_bg.jpg) top left repeat-x #f6f6f6; margin:25px 0 0 0; padding:24px 0 30px 0;
}

/***** REFERENCJE ******/
div#referencesBox {
float:left; width:460px;
}
div#referencesBox h2 {
background:url(../images/dodatki/ikony/referH2.jpg) no-repeat;
}

div.referenceItem {
float:left; width:460px; position:relative;
}
div#referencesShowcase div.referenceContent {
float:left; width:300px; background:url(../images/tla/referencesBox_bg.jpg) top left no-repeat #fff; border:1px solid #aaa;
}

div#referencesShowcase div.referenceContent p {
margin:0; padding:10px 10px 10px 50px; width:240px;
}

div#referencesShowcase div.referenceContent img.speakAdder {
position:absolute; top:36px; left:301px; z-index:400;
}

div#referencesShowcase div.referenceAuthor {
float:right; width:120px;
}

/***** REALIZACJE ******/
div#workSamplesBox {
float:right; width:450px;
}
div#workSamplesBox h2 {
background:url(../images/dodatki/ikony/finishedH2.jpg) no-repeat;
}

div#worksShowcaseNavi {
float:left; width:20px; background:url(../images/tla/naviShowcase_bg.jpg) repeat-y; padding:6px 0 0 0;
}

div#worksShowcaseNavi a {
background:url(../images/dodatki/dot.jpg) 0 0 no-repeat; width:9px; height:9px; display:block; text-indent:-5000px; margin:0 0 8px 5px; padding:0;
}

div#worksShowcaseNavi a.activeSlide {
background-position:0 -9px;
}

div#worksShowcase {
float:left; width:auto;
}

div#worksShowcase div.item{
padding:4px; background:#fff; border:1px solid #aaa; float:left; position:relative; width:412px;
}
div#worksShowcase div.item img {
width:100%; float:left; display:block;
}
div#worksShowcase div.item p {
position:absolute; width:400px; background:url(../images/tla/blackPng.png) repeat; color:#fff; bottom:4px; left:4px; margin:0; padding:6px;
}

/**************************

	PODSTRONA

**************************/
div#sidebar {
clear:left; float:left; width:245px; margin:20px 0 20px 0; background:url(../images/tla/subpageSidebar_bg.jpg) right 0 no-repeat;
}
div#sidebar h2, div#subContent h2 {
margin:0 0 16px 0; padding:5px 0 5px 0; font-size:16px; color:#080808;
}

div#sidebar div.subMenu, div#sidebar div.quickContact, div#sidebar div.projectTeam{
float:left; width:220px; margin-bottom:30px;
}
div#sidebar div.subMenu h2, div#sidebar div.quickContact h2, div#sidebar div.projectTeam h2 {
background:url(../images/tla/h2Sidebar_bg.gif) bottom no-repeat; padding-bottom:12px;
}
div#sidebar div.subMenu ul {
float:left; width:220px; margin-bottom:16px;
}
div#sidebar div.subMenu ul li {
list-style:none; background:url(../images/tla/subMenuList_bg.gif) bottom repeat-x; width:220px; float:left;
}
div#sidebar div.subMenu ul li a {
background:url(../images/dodatki/subMenuDot_off.jpg) 8px 16px no-repeat; padding:10px 0 9px 30px; width:190px; float:left; text-decoration:none; color:#3e3e3e;
}

div#sidebar div.subMenu ul li a:hover, div#sidebar div.subMenu ul li a.active {
color:#cf7a00;
}
div#sidebar div.subMenu ul li a.active {
background:url(../images/dodatki/subMenuDot_on.jpg) 8px 16px no-repeat;
}
div#sidebar div.subMenu h3.archiveYear {
padding-left:10px; font-weight:bold;
}


div#sidebar div.quickContact dl dt {
font-weight:bold; padding:2px 0 8px 24px;
}
div#sidebar div.quickContact dl dt.phone {
background:url(../images/dodatki/ikony/phone.png) 0 0 no-repeat;
}
div#sidebar div.quickContact dl dt.mail {
background:url(../images/dodatki/ikony/contact.png) 0 0 no-repeat;
}
div#sidebar div.quickContact dl dt.fax {
background:url(../images/dodatki/ikony/fax.png) 0 0 no-repeat;
}
div#sidebar div.quickContact dl dd {
padding:0px 0 0 23px; background:url(../images/dodatki/ikony/arrow.gif) 7px 7px no-repeat; margin-bottom:6px;
}

div#sidebar div.projectTeam dl dt{
font-weight:bold; background:url(../images/dodatki/ikony/teamMember.png) top left no-repeat; padding:10px 0 10px 40px; margin-bottom:10px;
}
div#sidebar div.projectTeam dl dd {
padding:0px 0 0 23px; background:url(../images/dodatki/ikony/arrow.gif) 7px 7px no-repeat; margin-bottom:6px;
}
div#sidebar div.projectTeam dl dd.mail {
margin-bottom:16px;
}

div#subContent {
float:right; width:696px; margin:20px 0 20px 0;
}
div#subContent h2 {
background:url(../images/tla/h2SubContent_bg.gif) bottom no-repeat; padding-bottom:12px;
}
div#subContent ul {
margin:10px 0 16px 4px;
}
div#subContent ul li {
list-style:none; background:url(../images/dodatki/listIcon01.jpg) 0 8px no-repeat; padding-left:12px; margin-bottom:8px;
}


div#subContent ul.worksListing, div#subContent ul.workPhotos {
margin:10px 0 0 0;
}
div#subContent ul.worksListing li{
background:none; padding:0; margin:0 32px 16px 0; width:308px;
}
div#subContent ul.worksListing li a, div#subContent ul.workPhotos li a {
border:1px solid #d2d2d2; padding:3px; background:#fff; float:left; 
}
div#subContent ul.worksListing li a:hover, div#subContent ul.workPhotos li a:hover {
border:1px solid #5994e4;
}
div#subContent ul.worksListing li a img, div#subContent ul.workPhotos li a img {
display:block; margin:0 auto; text-align:center;
}
div#subContent ul.worksListing li p {
width:250px; float:left; background:url(../images/dodatki/ikony/workProject.png) top left no-repeat; padding-left:50px;
}
div#subContent ul.worksListing li p a, div#subContent ul.worksListing li p a:hover {
border:none; padding:0; background:none; width:auto; font-weight:bold; padding-bottom:20px;
}

div#subContent ul.workPhotos li {
background:none; padding:0; margin:0 24px 24px 0; width:188px; height: auto;
}
div#subContent ul.workPhotos li a {
width:180px;
}

h3.archiveItem {
font-size:14px; background:url(../images/tla/dottedLine.gif) repeat-x bottom; padding-bottom:10px; margin-bottom:10px;
}
h3.archiveItem a {
padding-left:10px;
}

div.referenceGroup {
width:690px; float:left; margin-bottom:20px;
}
div.referenceBox {
border:1px solid #e7e7e7; padding:6px; float:left; width:310px; margin:0 20px 0 0;
}
div.referenceBox a {
float:left; width:auto;
}
div.referenceBox a img {
border:1px solid #d2d2d2; display:block;
}
div.referenceBox p {
float:right; width:220px; margin:0;
}
div.referenceBox p.referent {
margin-top:10px;
}


div.companyData {
float:left; width:320px;
}
div.companyData h3, div.companyMap h3 {
font-size:14px; background:url(../images/tla/dottedLine.gif) bottom repeat-x; padding-bottom:6px; margin-bottom:16px; height:36px; font-weight:bold;
}
div.companyData dl dt {
font-weight:bold; margin:16px 0 6px 0;
}
div.companyData dl dd address{
font-style:normal;
}

div.companyMap {
float:right; width:320px;
}
div.companyMap iframe {
border:1px solid #d2d2d2; padding:3px; display:block;
}
/**************************

	STOPKA

**************************/
div#footer, div#footerSub {
background:url(../images/tla/footer_bg.jpg) top center no-repeat; padding:2px 0 20px 0; color:#fff;
}
div#footerSub {
background:url(../images/tla/footer_bg.png) top center no-repeat;
}

div#footer a.goToTop, div#footerSub a.goToTop{
float:right; width:auto; height:25px; display:block; margin:16px 0 0 0;
}

div#footer a, div#footerSub a {
color:#81cbff;
}
div#footer a:hover, div#footerSub a:hover {
color:#fff;
}

div#footer span, div#footerSub span {
clear:both; width:960px; display:block; 
}

div#footer p.companyTag, div#footerSub p.companyTag {
float:left; width:200px; margin:16px 0 0 0;
}
div#footer ul, div#footerSub ul {
float:right; width:auto; margin:16px 0 0 0; 
}
div#footer ul li, div#footerSub ul li {
color:#81cbff; margin-left:4px;
}

div#footer p.creatorTag, div#footerSub p.creatorTag {
clear:both; float:right; width:auto;
}