body		{ color: #2F2929; background: #E5E5E5; font-family: "Lucida Grande", Tahoma, Arial, sans-serif; font-size: 0.75em; }

p, dl, hr, ol, ul, pre, table, address, fieldset { margin: 0 0 1.5em 0; }

h1, h2, h3, h4, h5, h6	{ font-family: "Lucida Grande", Helvetica, Tahoma, Verdana, Arial, sans-serif; }

h1			{ margin: 15px 0 0 0; padding: 0; }
h2			{ font-size: 2.33em; letter-spacing: -1px; }
h3			{ height: auto; font-size: 1.67em; letter-spacing: -1px; margin-bottom: 0.75em; }

ul			{ list-style-type: disc; }

blockquote	{ font-style: italic; }
address		{ font-style: normal; margin: 0 0 1.5em 0; }

a			{ color: #2D7199; font-weight: bold; text-decoration: underline; }
a:hover,
a:focus		{ color: #163549; text-decoration: underline; }

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

.bottom		{ margin-bottom: 0; }
.small		{ font-size: 0.8em ;}
.signature	{ font-weight: bold; text-align: right; }

form		{ background: #F2F2F2; margin: 0 0 1.5em 0; padding: 10px 0 0 0; }

label       { font-weight: bold; vertical-align: middle; }
fieldset    { padding: 1.4em; margin: 0 0 1.5em 0; }
legend      { font-weight: bold; font-size: 1.2em; }
input		{ vertical-align: middle; }

input.text, input.title,
textarea, select {
  margin: 0.5em 0;
  border: 1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border: 1px solid #666;
}

input.text,
input.title   { width: 290px; padding: 5px; }
input.title   { font-size: 1.5em; }
textarea      { width: 390px; height: 150px; padding: 5px; }

/* kolorowe boxy z bledami, sukcesem, informacja */
.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* pasek gorny */
#top			{ color: #FFF; background: #383D44; line-height: 2.5em; }
#top a			{ color: #FFF; text-transform: uppercase; text-decoration: none; }
#top a:focus,
#top a:hover,
#top li.selected a	{ text-decoration: underline; }

#topnavi		{ list-style: none; list-style-image: none; margin: 0; }
#topnavi li		{ float: left; margin: 0 25px 0 0; }

#top #contact	{ text-align: right; }
#top .phone,
#top .email		{ text-transform: uppercase; }
#top .phone		{ margin-right: 25px; }

/* naglowek */
#header	{ min-height: 80px; _height: 80px; background: #FBFBFB url(../images/header-bg.gif) repeat-x 0 100%; border-bottom: 1px solid #FFF; }

/* glowna nawigacja */
#mainnavi				{ float: right; list-style: none; list-style-image: none; margin: 0; padding: 0; }
#mainnavi li			{ float: left; width: 130px; margin: 0; }
#mainnavi a				{ display: block; height: 6.6em; color: #3F3F3F; font-size: 0.83em; text-decoration: none; padding: 3px 5px 12px 5px; }
#mainnavi a:hover,
#mainnavi a:focus,
#mainnavi .selected a	{ color: #FFF; border-top: 1px solid #FFF; padding-top: 2px; }
#mainnavi strong		{ display: block; font-size: 2em; letter-spacing: -1px; }
#mainnavi span			{ display: none; visibility: hidden; font-size: 0; }

#mainnavi .offer a		{ background: transparent url(../images/mainnavi-offer-bg.gif) 100% 100% no-repeat; }
#mainnavi .portfolio a	{ background: transparent url(../images/mainnavi-portfolio-bg.gif) 100% 100% no-repeat; }
#mainnavi .references a	{ background: transparent url(../images/mainnavi-references-bg.gif) 100% 100% no-repeat; }
#mainnavi .blog a		{ background: transparent url(../images/mainnavi-blog-bg.gif) 100% 100% no-repeat; }
#mainnavi .contact a	{ background: transparent url(../images/mainnavi-contact-bg.gif) 100% 100% no-repeat; }

#mainnavi a:hover,
#mainnavi a:focus,
#mainnavi .selected	a	{ background-repeat: repeat-y; }

/* pas promocyjny */
#promo					{ position: relative; color: #272B2D; background: #DDEEF8 url(../images/promo-bg.gif) 0 100% repeat-x; /*background: #D0D0D0 url(../images/promo-bg.gif) 0 0 repeat-x;*/ font-size: 1.25em; border-bottom: 1px solid #FFF; padding: 15px 0; }
#promo h2.slogan		{ color: #272B2D; font-size: 1.67em; line-height: 1.3em; font-weight: bold; margin: 0 0 0.375em 0; text-shadow: 1px 1px 2px #89B6C5; }
#promo h2.title			{ font-size: 1.67em; line-height: 1em; font-weight: bold; margin: 0; *line-height: 1.2em; text-shadow: 1px 1px 2px #89B6C5; }
#promo h2.title a		{ color: #555F62; text-decoration: none; }
#promo h2.title a:hover,
#promo h2.title a:focus	{ color: #272B2D; }
#promo h2.title span	{ color: #555F62; }
#promo p				{ margin-bottom: 0.75em; text-shadow: 1px 1px 2px #89B6C5; }

#smooth-gallery	{ position: absolute; top: 20px; width: 580px; height: 260px; background: transparent url(../images/smooth-gallery-bg.png) no-repeat 0 100%; margin: 0; padding: 0 0 100px 0; }
#smooth-inner	{ height: 250px; background: #FFF; padding: 5px; overflow: hidden; }
#smooth-inner p { text-shadow: none; }

#myGallery		{ font-size: 0.83em; }
#myGallery h2	{ width: auto; border-bottom: 0; font-size: 0.83em; font-weight: bold; text-transform: uppercase; letter-spacing: 0; margin-bottom: 0; }
#myGallery p	{ margin-top: 0; font-size: 0.83em; letter-spacing: 0; }

/* tresc */
#content	{ position: relative; padding-top: 30px; }

/* subnavi */
.subnavi				{ font-size: 1.17em; margin: 0 0 1.5em 20px; }
.subnavi li				{ float: left; margin: 0 10px 0 0; }
.subnavi li.selected a	{ color: #163549; text-decoration: underline; }

#offernavi				{ list-style: none; list-style-image: none; margin-left: 0; }
#offernavi li			{ width: 180px; }
#offernavi a			{ line-height: 2em; padding-top: 10px; padding-bottom: 10px; padding: 10px 0 10px 30px; }
#offernavi #image		{ clear: left; }
#offernavi #websites a	{ background: transparent url(../images/offernavi-websites-bg.gif) no-repeat 0 50%; }
#offernavi #shops a		{ background: transparent url(../images/offernavi-shops-bg.gif) no-repeat 0 50%; }
#offernavi #seo a		{ background: transparent url(../images/offernavi-seo-bg.gif) no-repeat 0 50%; }
#offernavi #image a		{ background: transparent url(../images/offernavi-image-bg.gif) no-repeat 0 50%; }
#offernavi #mailing a	{ background: transparent url(../images/offernavi-mailing-bg.gif) no-repeat 0 50%; }
#offernavi #revital a	{ background: transparent url(../images/offernavi-revital-bg.gif) no-repeat 0 50%; }

/* co robimy */
#what-we-do				{ padding-top: 20px; }
#what-we-do .intro		{ margin-top: -20px; padding-bottom: 1.5em; }
#what-we-do dl			{ position: relative; }
#what-we-do dt			{ float: left; clear: left; width: 210px; font-size: 1.25em; margin: 0; padding: 0 0 60px 70px; }
#what-we-do dt a		{ color: #2D7199; font-weight: bold; text-decoration: underline; }
#what-we-do dt a:hover,
#what-we-do dt a:focus	{ color: #163549; text-decoration: underline; }
#what-we-do dd			{ float: left; clear: left; width: 210px; font-size: 0.92em; margin: -60px 0 1.5em 0; padding: 0 0 0 70px; }

#what-we-do dt.newline	{ float: right; clear: right; margin-top: -5.5em; *margin-top: 0; }
#what-we-do dd.newline	{ float: right; clear: right; margin-top: -60px; }

#what-we-do #websites	{ background: transparent url(../images/wwd-websites-bg.gif) no-repeat 0 0; }
#what-we-do #shops		{ background: transparent url(../images/wwd-shops-bg.gif) no-repeat 0 0; }
#what-we-do #seo		{ background: transparent url(../images/wwd-seo-bg.gif) no-repeat 0 0; }
#what-we-do #image		{ background: transparent url(../images/wwd-image-bg.gif) no-repeat 0 0; }
#what-we-do #mailing	{ background: transparent url(../images/wwd-mailing-bg.gif) no-repeat 0 0; }
#what-we-do #revital	{ background: transparent url(../images/wwd-revital-bg.gif) no-repeat 0 0; }
img.google	{ float: none; vertical-align: middle; margin: 0; }

/* zalety contip */
#adventages			{ position: relative; margin-top: -10px; }
#adventages ul		{ background: #D7D7D7; list-style: none; list-style-image: none; font-size: 1.25em; margin: 0 0 1.5em 0; padding: 15px; }
#adventages li		{ background: transparent url(../images/tick-bg.gif) no-repeat 0 15%; margin: 0; padding: 0 0 0 28px; zoom: 1; }
#adventages p		{ font-size: 1.25em; }
#adventages h3 img	{ vertical-align: middle; margin-right: 3px; }

/* blog */
.entry			{ margin: 0 0 2em 0; }
.entry h3		{ line-height: 1.3em; margin-bottom: 0.5em; font-size: 1.53em; }
.entry .meta	{ font-size: 0.83em; margin: 0.5em 0 1em 0; }
.entry img { float: left; border: 5px solid #fff; margin: 5px 15px 5px 0; }

.box	{ background: #D7D7D7; margin: 0 0 1.5em 0; padding: 15px; }
.box ul	{ margin-bottom: 0.5em; }

/* zapytanie ofertowe */
#offer-form			{}
#offer-form textarea	{ width: 290px; height: 60px; }

/* dane teleadresowe */
#address	{ background: #D7D7D7; margin: 0 0 1.5em 0; padding: 15px; }

/* stopka */
#footer				{ background: #383D44; color: #FFF; border-top: 1px solid #FFF; }
#footer h4			{ font-size: 1.67em; font-weight: bold; line-height: 2.5em; margin: 0; padding: 0; }
#footer a			{ color: #FFF; text-decoration: none; }
#footer a:hover,
#footer a:focus		{ text-decoration: underline; }
#footer ul			{ margin: 0; padding: 0; }
#footer li			{ margin: 0 0 0 17px; padding: 0; }
#footer-container	{ background: transparent url(../images/footer-bg.gif) no-repeat 100% 0; padding-top: 15px; padding-bottom: 20px; }

#footer #testimonials		{ _margin-right: -3px; }
#footer #news h4			{ background: transparent url(../images/news-bg.gif) no-repeat 0 50%; padding-left: 45px; zoom: 1; }
#footer #blog h4			{ background: transparent url(../images/blog-bg.gif) no-repeat 0 50%; padding-left: 45px; zoom: 1; }
#footer #testimonials h4	{ background: transparent url(../images/testimonials-bg.gif) no-repeat 0 50%; padding-left: 48px; zoom: 1; }
#footer #testimonials p		{ margin-bottom: 0.5em; }
#footer #testimonials p img	{ float: left; border: 5px solid #fff; margin: 0 20px 10px 0; }

#footer-sub					{ color: #9B9EA1; border-top: 1px solid #9B9EA1; margin-top: 20px; padding-top: 10px; }
#footer-sub a				{ color: #9B9EA1; }
#footer-sub ul				{ float: right; list-style: none; list-style-image: none; }
#footer-sub li				{ float: left; margin: 0 0 0 25px; }
#footer-sub li.selected a	{ text-decoration: underline; }
#footer-sub img				{ vertical-align: middle; margin-right: 10px; }

/* portfolio */
.portfolio-entry			{ background: #F2F2F2; padding: 10px; margin: 0 0 1.5em 0; }
.portfolio-image			{ display: block; height: 250px; background: #FFF; border: 1px solid #FFF; padding: 4px; margin: -10px -10px 0.75em -10px; }
.portfolio-image:hover,
.portfolio-image:focus		{ border-color: #2D7199; }
.portfolio-image img		{ vertical-align: text-bottom; }
.portfolio-entry h4			{ color: #2D7199; font-size: 1.25em; margin: 0 0 0.375em 0; }
.portfolio-entry h4 span	{ font-size: 0.80em; }
.portfolio-entry p			{ float: left; width: 450px; }
.portfolio-entry table		{ float: right; width: 100px; font-size: 0.83em; border-left: 1px solid #585858; margin: 0 0 0 10px; }
.portfolio-entry td			{}
.portfolio-entry td.first-child	{ padding-left: 10px; }
.portfolio-actions			{ float: left; margin: 0.75em 0 0 0; }
.portfolio-actions img		{ vertical-align: text-bottom; margin-right: 10px; }

.pagination			{ list-style: none; list-style-image: none; margin: 0.75em 0; padding: 0; }
.pagination li		{ float: left; margin: 0 5px 5px 0; }
.pagination a		{ width: 29px; text-align: center; display: block; background: #fff; text-decoration: none; border: 1px solid #C9C9C9; padding: 3px 0; }
.pagination a:hover,
.pagination a:focus	{ border-color: #263039; }
.pagination li.selected	{ width: 29px; text-align: center; color: #A71C6F; background: #fff; font-weight: bold; border: 1px solid #263039; padding: 3px 0; }

/* testimonials */
.testimonial-entry		{ background: #F2F2F2; padding: 10px; margin: 0 0 1.5em 0; }
.testimonial-entry img	{ float: left; border: 5px solid #fff; margin: 0 20px 20px 0; }

/* promo portfolio */
#promo-portfolio		{ background: #D7D7D7; list-style: none; list-style-image: none; margin: 0 0 1.5em 0; padding: 15px; }
#promo-portfolio li		{ float: left; width: 150px; background: none; margin: 0 10px 10px 0; padding: 0; }
#promo-portfolio li.last{ margin-right: 0; }
.promo-image			{ display: block; width: 140px; height: 62px; background: #FFF; border: 1px solid #FFF; padding: 4px; }
.promo-image:hover,
.promo-image:focus		{ border-color: #2D7199; }
#promo-portfolio-btn	{ text-align: center; margin-bottom: 1.5em; }

/* PAWEŁ */

div#map { width: 310px; height: 268px; overflow: hidden; }

img.full-shot { float: left; border: 5px solid #fff; margin: 0 0 2em 0; }

.pagination li.wide { width: 100%; margin: 0 0 1em 0; }
.pagination li a strong { color: #163549; }

ul.news {}
ul.news li { margin-left: 15px; }
ul.news li.selected a { color: #163549; text-decoration: none; }

dl.sitemap { line-height: 1.6em; list-style: normal; }
dl.sitemap dt { font-size: 1.1em; font-weight: bold; background: url(../images/sitemap-dt-link.gif) 0 0.45em no-repeat; padding-left: 20px; }
dl.sitemap dd { margin: 0 0 0 1em; }
dl.sitemap dl { margin: 0; }
dl.sitemap dd a { background: url() 0.2em top no-repeat; padding-left: 20px; }

.entry .date { background: url(../images/icon-date.jpg) 0 0 no-repeat; padding-left: 15px; }

div.one-client { width: 100px; float: left; margin: 0 10px 20px 0; }
div.one-client img { border: 1px solid #AFAFAF; }