/*CSS
dark navy: 092D6A*/

/*  Reset CSS v1.0 | 20080212 */
html, body, span, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
/* remember to define focus styles! */
:focus {outline: 0}
/* remember to highlight inserts somehow! */
ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0}
a.active {outline:0}
* {padding:0;margin:0}

body {
background: #fff url(images/bg22.png) repeat-x top;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 13px;}

#header {
color: #fff;
width: 990px;
padding: 0px;
height: 300px;
margin: 0px auto;
background: url(images/bg1small.jpg) no-repeat 17px 0;}

#wrapper { 
margin: 0 auto;
width: 925px;}

.faux {
 background: url(images/bg4.gif) repeat-y 705px 10px;
 margin-top:10px;
 width: 100%}

#leftcolumn { 
font-family: Arial, Helvetica, sans-serif;
display: inline;
width: 685px;
margin: 5px 0px 0px 0px;
float: left;
color: #000;
padding: 0px 20px 0px 0px;}


#rightcolumn { 
width: 204px;
margin: 5px 0px 0px 0px;
float: right;
color: #000;
padding: 0px;
display: inline;
position: relative;}

#footer { 
border-top: #DEDEDD 1px solid;
height:45px;
width: 925px;
clear: both;
color: #000;
margin: 20px 0px 10px 0px;
padding: 7px 0px 0px 0px;}

.clear { clear: both; background: none; }


#accessibility {position: absolute; left: 0px; top: -500px; overflow: hidden;}

/* home page */
#home #leftcolumn {background: url(images/bg4.gif) repeat-y right;}

#home h3 {
text-align:left;
color: #aaa;
margin: 0px 0 0px 0;
padding: 5px 0px 10px 0px;
font-size: 18px;
letter-spacing:0px;
line-height: 19px;
font-weight: bold;}

#home #rightcolumn {}

#home #rightcolumn .services_homepage {margin: 5px 0px 20px 0px}

#home #rightcolumn .services_homepage li a{
font-family: Arial,Helvetica,sans-serif;
display:block;
width:205px;
height:27px;
border-bottom: #eee 1px solid;
background-color:#fff;
background-position: center 10px;
background-repeat: no-repeat;
padding: 70px 0px 5px 0px;
margin: 0px 0px 10px 0px;
text-align:center;
color: #092D6A;
font-size: 14px;
text-decoration:none;
font-weight:bold}

#home #rightcolumn .services_homepage li a:hover{
border-bottom: #ddd 1px solid;
color: #007CC3;
text-decoration:none;}


.tworzenie-stron-www a {background-image: url(images/tworzenie_stron_www.gif)}
.sklepy-internetowe a {background-image: url(images/sklepy-internetowe.gif)}
.aplikacje-internetowe a {background-image: url(images/aplikacje.gif)}


.title {
width:900px;
margin: 0px 0 68px 50px;}

.title h5 {
text-align:left;
padding-bottom:10px;
color: #fff;
margin: 0px 0 0px 0;
font-size: 100px;
line-height: 120px;
font-weight: bold;
text-shadow:1px 1px 1px #000;}



#portfolio h2  {
border-top: #eee 0px solid;
border-bottom: #ddd 1px solid;
padding: 5px 0 15px 0;}

#portfolio h2 a {
text-align:left;
color: #092D6A;
margin: 20px 0 20px 0;
font-size: 27px;
text-decoration:none;
line-height: 19px;
font-weight: bold;}



h1 {
text-align:left;
border-bottom: #ddd 1px solid;
padding-bottom:10px;
color: #092D6A;
margin: 0px 0 20px 0;
font-size: 30px;
line-height: 39px;
font-weight: bold;
text-shadow:1px 1px 1px #CCCDD1;}

h2 {
text-align:left;
color: #092D6A;
margin: 20px 0 20px 0;
font-size: 17px;
line-height: 19px;
font-weight: bold;}


h3 {
font-family: Arial, Helvetica, sans-serif;
text-align:left;
color: #000;
margin: 20px 0 5px 0;
font-size: 16px;
line-height: 20px;
font-weight: bold;}


p{
line-height: 20px;
font-size:14px;
text-align:justify;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #03290A;}


h2.post_title {
border-bottom: #ddd 1px solid;
padding-bottom:10px;
text-shadow:1px 1px 1px #CCCDD1;
margin: 2px 0 10px 0;
font-size: 31px;
line-height: 33px;
font-weight: bold;}

h2.post_title a{text-decoration:none;}

h2.post_title a:hover {color:#007CC3}



#footer ul{
text-align: right;
margin: 0px 0px 5px 0px;
padding: 0px;}

#footer li {
color: #696969;
font-size: 12px;
display: inline;
list-style-type: none;
border-right: #DEDEDD 1px dotted;
padding: 0px 8px 1px 5px;
margin: 0px 0px 0px 0px;}

#footer a {
padding: 0px 0px 1px 0px;
color: #696969;
font-size: 12px;
text-decoration:none;}

#footer a:hover {color: #333}

#footer .noborder {
border:none;
padding-right:1px}


#footer ul.ul_left {
display:inline;
float:left}

#footer ul.ul_right  {
display:inline;
float:right}

#footer p{
line-height: 12px;
font-size:11px;
text-align:center;
margin: 20px 0px 15px 0px;
padding: 0px 0px 0px 0px;
color: #cdcdcd;}

#footer span {
padding: 0px 8px 0px 5px;
border-right: #eee 1px dashed;}


/* Archives  navigation */
#rightcolumn .archives h2 {}
#rightcolumn .archives select  {}

#rightcolumn .archives  {
font-weight:normal;
margin:0 0 10px 0;
font-size:14px;
padding: 3px 0px 20px 35px;
background: url('images/calender.png') no-repeat left top;
border-bottom: #eee 1px solid;}


/* End Archives navigation */



/* Chat */
#leftcolumn p.chat, #leftcolumn p.chat a {
color: #092D6A;
text-align:left;
font-size:14px}

#leftcolumn p.chat a {text-decoration:underline}

#leftcolumn p.chat a:hover  {
color: #092D6A;
text-decoration:none}

#rightcolumn p.chat {
margin: 0px 0 10px 0;
border-bottom: #eee 1px solid;
padding: 5px 0px 20px 35px;
background: url('images/chat.png') no-repeat left 3px;}

#rightcolumn p.chat a {
font-size:38px;
color: #092D6A;
text-align:center;
text-decoration:none;
font-size:14px}
#rightcolumn p.chat a:hover {text-decoration:underline}
/* End Chat */


/* RSS + Free stuff */
#rightcolumn p.rss, #rightcolumn p.free_stuff {
border-bottom: #eee 1px solid;
margin: 20px 0 10px 0;
padding: 0 0px 20px 35px;
background: url('images/rss.png') no-repeat left top;}

#rightcolumn p.rss a, #rightcolumn p.free_stuff a {
color: #092D6A;
text-align:center;
text-decoration:none;
font-size:14px}

#rightcolumn p.rss a:hover, #rightcolumn p.free_stuff a:hover {text-decoration:underline}

#rightcolumn p.free_stuff {
background: url('images/present.png') no-repeat left top;}

/* End RSS + Free stuff */

.webdesign a {background-image: url(images/webdesign.gif)}
.e-commerce a {background-image: url(images/ecommerce.gif)}
.web-development a {background-image: url(images/webdevelopment.gif)}
.seo a {background-image: url(images/seo.gif)}
.cms a {background-image: url(images/cms.gif)}


/* Services  navigation */
#rightcolumn .services h2 {
padding: 0px 0px 1px 0px;
text-align:left;
color: #444;
margin: 0px 0 0px 0;
padding: 7px 0px 0px 12px;
height:23px;
width:192px;
font-size: 16px;
font-weight: normal;
background: url('images/bg_ramka_top.gif') no-repeat center center;}

#rightcolumn .services ul {
border: #ddd 1px solid;
font-size: 14px;
margin: 0px 0px 15px 0px;
background: #fff;
width: 192px;
padding: 3px 0px 0px 10px;
list-style: none;}

#rightcolumn .services ul li{
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;}

#rightcolumn .services li a{
margin: 0px 0px 2px 0px;
padding: 4px 0px 2px 35px;
font-weight:normal;
display:block;
width:154px;
height:25px;
vertical-align:middle;
line-height:16px;
font-size: 14px;
text-decoration: none;
color: #605D5C;}

#rightcolumn .services li a:hover, #rightcolumn .services li.current_page_item a{
color: #007CC3;
text-decoration:underline;}


#rightcolumn .services li.page-item-17 a {background: #fff url('images/webdesign_s.gif') no-repeat 0 1px;}
#rightcolumn .services li.page-item-10 a {background: #fff url('images/ecommerce_s.gif') no-repeat 0 1px;}
#rightcolumn .services li.page-item-8 a {background: #fff url('images/webdevelopment_s.gif') no-repeat 0 1px;}
#rightcolumn .services li.page-item-152 a {background: #fff url('images/seo_s.gif') no-repeat 0 1px;}
#rightcolumn .services li.page-item-338 a {background: #fff url('images/cms_s.gif') no-repeat 0 1px;}







/* End Services navigation */

/* Testimonials */
#rightcolumn .testimonial {
margin: 10px 0px 0px 0px;
font-family: arial ;
font-size: 12px;
text-align: left;
font-weight:normal;
font-style:italic;
padding: 0px 2px 5px 2px;
color:#696969}

#rightcolumn .signature {
font-style:italic;
margin: 0px 0px 10px 0px;
font-family: arial narrow;
font-size: 13px;
text-align: right;
font-weight:normal;
border-bottom: #eee 1px solid;
font-weight:bold;
padding: 0px 2px 8px 2px;
color:#555}
/* End Testimonials */


#rightcolumn .recent h2 {margin:0 0 5px 0}

#rightcolumn #sidebar h2 {margin:0}

#leftcolumn ul, #rightcolumn .recent ul {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
list-style: none;}

#leftcolumn ul li, #rightcolumn .recent ul li{
line-height: 20px;
font-size:14px;
background: url(images/dot.gif) no-repeat 1px 7px;
margin: 0px 0px 1px 3px;
padding: 0px 0px 0px 9px;}

#rightcolumn .recent ul li{
margin-bottom:2px;
line-height: 18px}

a{
margin: 0;
padding: 0;
text-decoration: underline;
color: #092D6A;}

a:hover{
text-shadow:1px 1px 1px #cdcdcd;
color: #092D6A;
text-decoration:none;}


#header_left {
display: inline;
float: left;
padding: 12px 0px 0px 25px;}

#header_right {
display: inline;
float: right;
padding: 12px 0px 30px 0px;}

#header_right ul{
text-align: right;
margin: 0px 35px 0px 0px;
padding: 0px 0px 0px 0px;}

#header_right li {
color: #fff;
font-size: 18px;
display: inline;
list-style-type: none;
padding: 0px 3px 0px 18px;
margin: 0px 0px 0px 0px;}

#header_right a {
color: #DBFBFF;
font-weight:bold;
padding: 1px 0px 2px 15px;
margin: 0px 15px 0px 0px;
font-size: 18px;
line-height:20px;
text-shadow:1px 1px 1px #000;
text-decoration:none;}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {#header_right a {padding-top:1px;padding-bottom:2px}}*/

#header_right a:hover{
background: url(images/bg10.png) no-repeat top left;
color: #fff;
text-decoration:none;}

#header_right a span{
margin: 0px -15px 0px 0px;
padding: 1px 15px 2px 0px}


#header_right a:hover span{background: url(images/bg10.png) no-repeat top right;}



#header_right .current_page_item a, #header_right .current_page_ancestor a , #header_right .current_page_parent a {color: #91C93E}
#header_right .current_page_item a:hover, #header_right .current_page_ancestor a:hover , #header_right .current_page_parent a:hover,
#header_right .current_page_item a:hover span, #header_right .current_page_ancestor a:hover span, #header_right .current_page_parent a:hover span {
background:none;
border:none;
color: #91C93E}


#buttons {
width:900px;
float: left;
text-align: left;
position:relative;
padding: 0 0px 0px 55px;
margin: 0px 0px 0px 0px;}

#buttons li {
float: left;
margin: 0 45px 0 0;
padding: 0px 0px 0px 0px;}

#buttons a {
display:block;
text-decoration:none}

#buttons li.zamow_wycene a {
width:190px;
height:22px;
text-decoration:none;
background: url(images/zamow_wycene.png) no-repeat top left;}

#buttons li.zamow_wycene a:hover{background: url(images/zamow_wycene.png) no-repeat bottom left;}

#buttons li.zobacz_portfolio a {
width:190px;
height:22px;
text-decoration:none;
background: url(images/zobacz_portfolio.png) no-repeat top left;}

#buttons li.zobacz_portfolio a:hover{background: url(images/zobacz_portfolio.png) no-repeat bottom left;}

#buttons li a b{text-decoration:none;visibility:hidden;color:#fff}


#slideshow {
width:924px;
float:right;
text-align:right;
margin:50px 66px 7px 0;}

#box_container {
width:100%;
float:left;
margin: 15px 0px 10px 0px;
padding:0 0 10px 0;
border-bottom: #969594 1px solid;}

.div_container {
width:100%;
float:left;
margin: 0px 0px 25px 0px;
padding: 0}

.div_left {
display: inline;
width: 320px;
height:98px;
float: left;
margin: 0px 0px 0px 30px;
padding: 12px 0px 0px 100px;}

.div_right {
display: inline;
width: 320px;
height:98px;
float: right;
margin: 0px 20px 0px 0px;
padding: 12px 0px 0px 100px;}

.box1 {background: url(images/box1.png) no-repeat top left}
.box2 {background: url(images/box2.png) no-repeat top left}
.box3 {background: url(images/box3.png) no-repeat top left}
.box4 {background: url(images/box4.png) no-repeat top left}

.div_container p {color:#000;text-align:left;font-family:arial;font-size:15px;font-weight:bold}
.div_container span {color:#696969;font-weight:normal}

#box_container .div_container a {
line-height: 23px;color:inherit;
text-decoration: none;}

#box_container .div_container a:hover {color:#037CC2}

#box_container .div_container a:hover span{color:#696969}



/* Button */
#leftcolumn a.button {
background: transparent url('images/bg_button_a.png') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 30px;
margin: 0 10px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;}

#leftcolumn a.button span {
background: transparent url('images/bg_button_span.png') no-repeat;
display: block;
font-weight:bold;
line-height: 20px;
padding: 5px 0 5px 18px} 

#leftcolumn a.button span:hover, #leftcolumn a.button:hover span {color:#1354B5}

#leftcolumn a.button:active {
background-position: bottom right;
color: #000;
outline: none}

#leftcolumn a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px}
/* End Button */

/* Oferta */
#leftcolumn .oferta {
border: #ddd 1px solid;
background-color:#fff;
background-position: 20px center;
background-repeat: no-repeat;
padding: 15px 20px 5px 85px;
margin-bottom:10px;}

#leftcolumn .oferta p{
font-size:14px;
text-align:left;
color:#555;}

#leftcolumn .oferta h1 {
text-align:left;
border-bottom: #eee 1px solid;
padding:0 0 10px 3px;
color: #092D6A;
margin: 0px 0 10px 0;
font-size: 22px;
line-height: 24px;
font-weight: bold;}

#leftcolumn .oferta h1 a{
text-decoration:none;
font-size: 22px;}

#leftcolumn .oferta h1 a:hover{color:#007CC3}
/* End Oferta */

/* Porfolio */
#portfolio {
float:none;
text-align:center;
margin:0 auto;
width:685px;
border-top: #696969 0px solid}

#portfolio img{text-align:right}

#portfolio p, .left p{
line-height: 19px;
text-align:left}


.wrap {
margin-bottom:25px;
width:100%;
float:left;}
.left {
width:250px;
display: inline;
height:auto;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.right {
width:420px;
display: inline;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.zobacz_wiecej {margin-top:30px;visibility: hidden;}
#home .zobacz_wiecej {visibility: visible;}

/* End Porfolio */

/* Tags */
#leftcolumn ul.tags{
list-style: none;
margin:20px 0 0 0;}

#leftcolumn ul.tags li{display: inline;}

#leftcolumn ul.tags li{
display:block;
float:left;
padding-left:12px;
background:url(images/tag.gif) left no-repeat;
margin:0 5px 5px 0;}

#leftcolumn ul.tags li a{
font-size:13px;
color:#696969;
text-decoration:none;
display:block;
float:left;
height:22px;
padding:3px 12px 0 0;
background:url(images/tag.gif) right no-repeat;}

#leftcolumn ul.tags li a:hover{color: #092D6A}
/* End Tags */



.navigation {float:left;width:100%}
.navigation .alignleft {float:left}
.navigation .alignright {float:right}


.wp-pagenavi a {
border:none;
text-decoration:none;}


/* Form styles */
#leftcolumn div.wpcf7 {
margin: 0px;
padding: 5px;
color:#000}

#leftcolumn div.wpcf7 div {
vertical-align: middle;
text-align:left}

#leftcolumn div.wpcf7 p.info {
margin-bottom: 5px;
text-align:left}

div.wpcf7 em, p.legend em { color: red; font-style: normal; }


#leftcolumn div.wpcf7 img {
color:#82db78;
margin-left:3px;
vertical-align:middle}

#leftcolumn div.wpcf7 form p {
margin: 0;
color:#000}

#leftcolumn div.wpcf7 form p.note { 
font-style: italic;
margin:0 0 0 220px; 
padding:0; 
font-size: 11px; 
color: #696969; 
font-weight:normal; 
padding-top:2px }

#leftcolumn div.wpcf7 form fieldset { 
margin: 10px 0; 
padding: 10px;  
background-color: #FBFBFB; 
border: #76746E 1px solid;}

#leftcolumn div.wpcf7 form legend {
font-weight: bold;
color: #76746E;}

#leftcolumn div.wpcf7 form fieldset div {padding: 0.25em 0}

#leftcolumn div.wpcf7 label, #leftcolumn div.wpcf7 span.label {
margin-right: 10px;
padding:3px 10px 0 0;
width: 200px;
display: block;
float: left;
text-align: right;
position: relative;
font-size: 12px}

#leftcolumn div.wpcf7 label em, #leftcolumn div.wpcf7 span.label em {
position: absolute;
right: 0;
font-size: 120%;
font-style: normal;
color: red}

#leftcolumn div.wpcf7 input.error {
border-color: #C00;
background-color: #FEF}

#leftcolumn div.wpcf7 input:focus, #leftcolumn div.wpcf7 input.error:focus, #leftcolumn div.wpcf7 textarea:focus {
background-color: #FFC;
border-color: #FC6}

#leftcolumn div.wpcf7 div.controlset label, #leftcolumn div.wpcf7 div.controlset input {
display: inline;
float: none}

#leftcolumn div.wpcf7 div.controlset div {margin-left: 220px}

#leftcolumn div.wpcf7 div.buttonrow { 
text-align:center;
font-weight:bold}

#leftcolumn div.wpcf7 div.buttonrow input {
padding: 0 5px;
font-weight:bold;}

input:focus, textarea:focus {outline: none}

input, textarea {font-family:Arial, Helvetica, sans-serif}
						
/* End Form styles */



/* Begin Comments*/
#leftcolumn .commentlist {
width:580px;
margin-bottom:20px}


#leftcolumn .commentlist li {
border:#ddd 1px solid;
padding: 10px;
margin-top:15px;
background:#F8F8F8 /*url(images/bg_commentlist.gif) bottom no-repeat*/;
color:#e4edee;}

#leftcolumn .commentlist cite {
display:block;
font-style:normal}

#leftcolumn .commentlist cite a:link, #leftcolumn .commentlist cite a:visited {
color:#696969;
text-decoration:none;}

#leftcolumn .commentlist cite a:hover, #leftcolumn .commentlist cite a:active {
color:navy;
text-decoration:underline;}

#leftcolumn #commentform p label {
font-size: 13px;
margin-left:3px}

#leftcolumn .commentlist em{
color:#666}

#leftcolumn .comments_number {
font-size:13px;
font-weight: bold;
font-style: italic;}

#leftcolumn .postmeta {margin-bottom:30px}

#leftcolumn .postmeta p, #leftcolumn .postmeta a{
font-size:13px;
text-align:left;
font-weight: normal;}
/* End Comments */

#leftcolumn .post_date {
font-size:12px;
color:#696969;
padding-left:19px;
background: url('images/time.png') no-repeat 0px 50%;}



/* Sociable */

#leftcolumn .sociable_tagline {margin-bottom:10px}

#leftcolumn .sociable ul{}

#leftcolumn .sociable ul li {
background:none;
margin-left:0;
padding-left:0;}
/* End Sociable */



/* breadcrumbs */

#leftcolumn #breadcrumbs {
border-bottom:1px solid #eee;
text-align:left;
list-style: none;
padding:0 0px 6x 0;
margin:0px 0 5 0px;}


#leftcolumn #breadcrumbs li{
background-image:none;
display:inline;
margin:0 0px 0px 0;
padding:0 6px 0px 0;
font-size:12px;
color:#bbb;}

#leftcolumn #breadcrumbs li a{
font-size:12px;
color:#bbb;
background-image:none;
text-decoration:none;
padding:0px 0px 0 4px;}

#leftcolumn #breadcrumbs li a:hover{color:#007CC3;text-decoration:underline;}
#leftcolumn #breadcrumbs li.current a, #leftcolumn #breadcrumbs li.current a:hover{color:#aaa;text-decoration:none;text-shadow:none;cursor:default}