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

body {
margin:0;
padding:0;
font-size:14px;
background:##dcdcdc;
font-family:Arial, Helvetica, sans-serif;
color:#535353;
}

/********************************** TOP BOX **********************************/
div#importantInfo {
width:100%; float:left; background:#414141; padding:6px 0 6px 0;	
}
div#importantInfo div {
width:960px; margin:0 auto; color:#e3e3e3; font-size:12px; line-height: 18px;	
}
div#importantInfo div a {
color:#0fc1fb;	
}
div#importantInfo div span {
font-size:16px; font-weight:bold;	
}
/*****************************************************************************/


a, img {
border:none;
outline:none;
}

a {
text-decoration:underline;
color:#333333;
}
a:hover {
text-decoration:none;
color:#000000;
}

span.lightblue {
color:#22b5f2;
}
span.blue{
color:#00a0fc;	
}
span.lemon {
color:#8ade4d;
}
span.yellow {
color:#f6c03c;	
}
span.orange {
color:#ff9c00;
}
span.orangeAllegro {
color:#ff5a00;	
}
span.black{
color:#000;	
}

span.littletext {
color:#919191;
text-transform:uppercase;
font-size:14px;
}

h1, h2, h3, h4 {
font-weight:normal;	
}

p {
line-height:18px;	
}

/**************************** 1. KONTENER GŁÓWNY **********************/
div#mainBG {
width:100%; float:left; background:url(../gfx/tla/mainpage_bg.jpg) top center no-repeat #dcdcdc; margin:0; padding:0;	
}
div#main_container {
width:950px;
margin:0 auto;
}

/************************* 1.1. LOGO ******************************/
h1 {
width:434px;
height:108px;
float:left;
display:block;
margin:16px 0 0 0;
padding:0;
font-size:14px;

}
h1 a {
width:434px;
height:108px;
display:block;
position:relative;
}
h1 a span{
width:434px;
height:108px;
display:block;
position:absolute;
cursor:pointer;
background:url(../gfx/dodatki/logo.jpg) no-repeat;
}

/************************* 1.2. MENU GŁÓWNE ******************************/

ul#mainmenu {
width:423px;
float:right;
margin:0 4px 0 0;
padding:0;
}

ul#mainmenu li {
list-style:none;
float:left;
display:inline;
}

ul#mainmenu li a {
text-indent:-4000px;
height:149px; 
display:block;
}

li.omnie a {
background:url(../gfx/menuglowne/omnie.jpg) 0 0 no-repeat; width:120px;
}
li.portfolio a {
background:url(../gfx/menuglowne/portfolio.jpg) 0 0 no-repeat; width:159px;
}
li.kontakt a {
background:url(../gfx/menuglowne/kontakt.jpg) 0 0 no-repeat; width:144px;
}

li.omnie a:hover, li.omnie a.active, li.portfolio a:hover, li.portfolio a.active, li.kontakt a:hover, li.kontakt a.active {
background-position: 0 -149px;
}

/************************************** 2. SHOWCASE **********************************/
div#showcase {
width:950px;
margin:150px 0 0 0;
padding:0;
float:left;
}

a.prev2, a.next2 {
background: url(../gfx/dodatki/showcase_left.jpg) 0 0 no-repeat;
width:43px; height:38px; display:block; text-indent:-4000px; float:left;
margin:120px 0 0 0;
}

a.next2 {
background: url(../gfx/dodatki/showcase_right.jpg) 0 0 no-repeat; 
}

/*** Box realizacji ***/
div#realizacjeContainer, div.realizacjaBOX, div.realizacjaBOX_fp {
width:864px;
height:280px;
float:left;
margin:0;
padding:0;
background:url(../gfx/tla/realizacjaBox_bg.jpg) no-repeat;
color:#fff;
}

div.realizacjaBOX {
background:none;
}

div.realizacjaBOX_fp {
background:url(../gfx/tla/realizacjaBoxFP_bg.jpg) no-repeat;
}

div.realizacjaBOX img, div.realizacjaBOX_fp img {
float:left;
width:367px;
margin:4px 18px 0 23px;
padding:0;
}

div.realizacjaOpis {
float:left;
width:440px;
}

div.realizacjaBOX h2, div.realizacjaBOX_fp h2 {
font-size:20px;
font-weight:normal;
float:left;
margin:16px 0 4px 0;
}

div.realizacjaBOX h3, div.realizacjaBOX_fp h3 {
clear:left;
font-size:16px;
font-weight:normal;
float:left;
margin:16px 0 4px 0;
background:url(../gfx/dodatki/lineShowcase.jpg) 0 0 no-repeat;
width:360px;
padding:6px 0 0 0;
text-transform:uppercase;
}

div.realizacjaBOX h2 a, div.realizacjaBOX_fp h2 a {
color:#fff;
padding:6px;
float:left;
background:#757575;
text-decoration:none;
}

div.realizacjaBOX h2 a:hover, div.realizacjaBOX_fp h2 a:hover {
background:#000;
}

span.category {
clear:left;
float:left;
text-transform:uppercase;
font-size:14px;
margin:2px 0 16px 0;
}

p.opis {
clear:left;
float:left;
width:420px;
margin:0;
}

ul.techTree {
width:420px;
float:left;
margin:4px 0 0 0;
padding:0;
}

ul.techTree li {
float:left;
display:inline;
margin-right:8px;
margin-bottom:8px;
padding:2px 4px 2px 4px;
font-size:12px;
}
li.html {
background:#52c101;
}
li.css {
background:#94e05c;
}
li.php {
background:#1f6b83;
}
li.mysql {
background:#0b4254;
}
li.propel {
background:#2d8eac;
}
li.smarty {
background:#000000;
}
li.javascript {
background:#dda100;
}
li.cms {
background:#b20122;
}



/*********************************************** 3. TREŚĆ **********************************/
div#contentContainer {
float:left;
margin:30px 0 0 0;
padding:0;
width:950px;
color:#616161;
}


/*********************************************** 3.1 LEWA KOLUMNA **********************************/

div#left_column {
float:left;
width:440px;
margin:0;
text-align: justify;
}

div#left_column h2, div#right_column h2{
font-size:36px;
color:#616161;
margin:0 0 4px 0;
padding:0 0 4px 0;
font-weight:normal;
border-bottom:1px solid #616161;
}

div#left_column p {
line-height: 19px;	
}

ul.quicklinks {
float:right;
margin:22px 0 16px 0;
}
ul.quicklinks li{
float:left;
display:inline;
list-style:none;
margin-left:14px;
}

div#left_column form fieldset{
width:406px;
border:none;
margin:0;
padding:0;
}

div#left_column form fieldset legend {
text-indent:-6000px;
}

div#left_column form fieldset label {
padding:14px 0 4px 0;
display:block;
text-indent: 0;
}
div#left_column form fieldset input, div#left_column form fieldset textarea {
width:300px;
border:1px solid #616161;
background:#ededed;
font-size:16px;
}
 div#left_column form fieldset textarea {
width:400px;
height:100px;
}

div#left_column form fieldset input:focus, div#left_column form fieldset textarea:focus {
background:#fff;
border:1px solid #a3a3a3;
}

div#left_column form fieldset input.sendButton, div#left_column form fieldset input.resetForm {
width:167px;
height:37px;
background:url(../gfx/dodatki/sendButton.jpg) no-repeat;
border:none;
display:block;
float:right;
margin:16px 0 0 10px;
cursor:pointer;
}
div#left_column form fieldset input.resetForm {
background:url(../gfx/dodatki/clearButton.jpg) no-repeat;
}

h3.mailError, h3.mailOK {
border:1px solid #cc0303;
border-left:8px solid #cc0303;
background:#fff;
padding:4px;
}
h3.mailOK {
border:1px solid #41b700;
border-left:8px solid #41b700;	
}
h3.Hwww {
border-left:8px solid #00a0fc;
padding:4px;
}
h3.Hdruk {
border-left:8px solid #ffe431;
padding:4px;
}

ul.findMeLogo {
float:left;
margin:0; padding:0; width:auto;
}
ul.findMeLogo li {
float:left;
display:inline;
margin:0 32px 0 0; padding:0;
list-style:none;
}
ul.findMeLogo li a {
text-indent:-4000px;
height:42px;
display:block;
cursor:pointer;
}
ul.findMeLogo li.twitter a {
background:url(../gfx/dodatki/twitterLogo.jpg) no-repeat; width:108px;
} 
ul.findMeLogo li.freelancer a {
background:url(../gfx/dodatki/freelancerLogo.jpg) no-repeat; width:122px;
} 
ul.findMeLogo li.digart a {
background:url(../gfx/dodatki/digartLogo.jpg) no-repeat; width:113px; margin-right:0;
} 


/*********************************************** 3.2 PRAWA KOLUMNA **********************************/

div#right_column {
float:left;
width:460px;
margin:0 0 0 46px;
text-align:justify;
}

div#ofertaMini {
width:460px;
float:left;
margin:10px 0 20px 0;
}

div#right_column p {
line-height: 19px;	
}

div#ofertaMini h3.www, div#ofertaMini h3.develop, div#ofertaMini h3.poli, div#ofertaMini h3.allegro{
width:452px;
height:21px;
padding:4px;
background:url(../gfx/dodatki/offerwww.jpg) 0 -29px no-repeat;
color:#fff;
text-transform:uppercase;
font-size:18px;
cursor:pointer;
margin:0;
font-weight:normal;
}
div#ofertaMini h3.develop {
background:url(../gfx/dodatki/offerdevelop.jpg) 0 -29px no-repeat;
}
div#ofertaMini h3.poli {
background:url(../gfx/dodatki/offerpoli.jpg) 0 -29px no-repeat;
}
div#ofertaMini h3.allegro {
background:url(../gfx/dodatki/offerallegro.jpg) 0 0 no-repeat;	
}

div#ofertaMini div {
margin:0;
padding:0;
width:460px;
}

div#right_column ol li, div#right_column ul li{
margin-bottom:6px;
}

div#ofertaMini div p{
width:450px;
padding:12px 4px 12px 4px;
margin:0;
border:1px solid #bebebe;
border-top:none;
background:#f2f0f0;
font-size:12px;
}

div#ofertaMini div p img{
width:100px;
float:right;
margin:0 0 10px 10px;
}

ul.ContactElements {
float:left;
margin:20px 0 40px 0;
padding:0;
}

ul.ContactElements li {
float:left;
display:inline;
list-style:none;
margin:0;
font-size:16px;
padding:36px 0 0 2px;
}

li.contEmail {
width:170px;
background:url(../gfx/dodatki/icoEmail.jpg) no-repeat #dcdcdc;
unicode-bidi:bidi-override;
direction: rtl;
text-align: left;
}

li.contGG {
width:120px;
background:url(../gfx/dodatki/icoGG.jpg) no-repeat #dcdcdc;
}
li.contSkype {
width:140px;
background:url(../gfx/dodatki/icoSkype.jpg) no-repeat #dcdcdc;
}

div#BoxRotate {
width:456px;

margin:0;
padding:0;
}

div.testimonialBox {
width:456px;
float:left;
margin:30px 0 0px 0;
background:#fff;
border:2px solid #b1b1b1;
}
div.testimonialBox p {
margin:0;
padding:0;
padding:10px 10px 0 10px;
text-align:justify;
font-style: normal;
text-indent: 0px;
}

div.testimonialBox p.author {
text-indent:0;
margin:10px 0 0 0;
padding: 4px 2px 2px 4px;
color:#fff;
font-size:16px;
text-align:right;
float:right;
background:#b1b1b1;
font-style:normal;
}
div.testimonialBox p.author a, div.testimonialBox p.author span {
font-size:12px;
text-decoration:none;
}

ul.testiNavigate {
float:right;
margin:15px 0 0 0;
padding:0;
}

ul.testiNavigate li {
float:left;
display:inline;
list-style:none;
}
ul.testiNavigate li a {
text-indent: -4000px;
width:29px;
height:15px;
display:block;
}
li a.prev3 {
background: url(../gfx/dodatki/refListRotatorIcoLeft.jpg) 0 0 no-repeat;	
}
li a.next3 {
background: url(../gfx/dodatki/refListRotatorIcoRight.jpg) 0 0 no-repeat;	
}
ul.testiNavigate li a:hover {
background-position: 0 -15px;	
}
/********************************************* STOPKA **********************************************/
div#footer {
clear:both;
float:left;
margin-top:40px;
width:100%;
background:url(../gfx/tla/footer_bg.jpg) top center no-repeat #414141;
}

div#footer_container {
width:950px;
margin:0 auto;
}

/**** Submenu przy stopce ****/
ul#footer_menu {
margin:16px 0 0 96px;
width:780px;
}
ul#footer_menu li {
float:left;
display:inline;
list-style:none;
text-transform:uppercase;
margin-left:4px;
}
ul#footer_menu li a {
color:#616161;
text-decoration:none;
}
ul#footer_menu li a:hover {
color:#000;
}
/**** Submenu przy stopce - koniec ****/

h2.footerAd {
float:left;
width:800px;
color:#fff;
font-weight:normal;
margin:18px 0 0 140px;
font-size:16px;
text-transform:uppercase;
}

ul#validation {
float:right;
margin:20px 0 0 0;
}

ul#validation li{
float:left;
display:inline;
list-style:none;
margin-left:8px;
}
ul#validation li a {
text-transform:uppercase;
color:#bdbdbd;
text-decoration:none;
}
ul#validation li a:hover {
color:#e1b847;
}
/************** boksy w stopce ************/
div#footer_content {
float:left;
margin:40px 0 20px 0;
width:950px;
color:#fff;
}

div.box01, div.box02, div.box03 {
float:left;
width:320px;
}

div.box02 {
width:240px;
margin-left:20px;
}

div.box03 {
width:340px;
margin-left:20px;
}


div.box01 h3, div.box02 h3, div.box03 h3 {
float:left;
font-size:20px;
font-weight:normal;
padding:6px;
background:#000000;
color:#fff;
margin:0 0 20px 0;
}
span.addText {
margin:7px 0 0 10px;
text-transform:uppercase;
color:#bdbdbd;
font-size:12px;
background:#414141;
}

div.box02 ul {
clear:left;
margin:0;
padding:0;
width:240px;
}

div.box02 ul li {
list-style:none;
margin-bottom:16px;
}
div.box02 ul li a {
padding:2px 4px 2px 4px;
background:#333333;
color:#fff;
text-decoration:none;
}
div.box02 ul li a:hover {
background:#6a9f51;
}

div.box03 a {
color:#ffcc4a;	
}
div.box03 a:hover {
color:#ffb700;	
}

/*** OPINIE w stopce ****/

div.testiFooter, div#testiRotate {
width:320px;
float:left;
margin:0;
padding:0;
background:url(../gfx/dodatki/testiFootUp.jpg) no-repeat #414141;
}

div#testiRotate {
background:none;
}

div.testiFooter p {
width:310px;
margin:22px 0 4px 0;
font-style:normal;
text-indent:52px;
line-height:18px;
}

div.testiFooter p span.strenghten {

border-bottom:1px solid #23b3e7;
}

div.testiFooter span.testiAuthor {
width:320px;
float:left;
background:url(../gfx/dodatki/testiFootDown.jpg) top right no-repeat;
font-size:16px;
padding:10px 0 20px 0;
}
div.testiFooter span.testiAuthor small {
font-size:12px;
color:#bdbdbd;
}

/*** NEWSY w stopce ****/
span.dataWpisu {
font-size:12px;
float:left;
width:340px;
margin:0;
color:#bdbdbd;
}

div.box03 h4 {
float:left;
width:334px;
margin:2px 0 0 0;
font-weight:normal;
font-size:16px;
display:block;
border-left:4px solid #ffc71e;
padding-left:6px;
}

div.box03 p {
width:340px;
float:left;
margin:10px 0 20px 0;
color:#bdbdbd;
}