/* Podstawowy arkusz stylow */

/* Elementy wspolne  */
body { background-color: #EFEEEB; color: #333; text-align: left; font: normal 62.5% Tahoma, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; }
#container { width: 775px; margin: 0 auto 0 auto; } 
a, p, h1, h2, h3, h4, h5, ul, li, dl, dt, dd { margin: 0; padding: 0; }
img { display: block; margin: 0 auto 8px auto; }
img.border { border: 1px solid #D4D4D4; }
a img { border: 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both !important; }

p { font-size: 1.1em; line-height: 1.4em; text-align: left; margin: 0 0 1em 0; }
dt, dd { font-size: 1.1em; line-height: 1.2em; margin: 1em 0 0.2em 0; }
h1#logo { float: left; text-indent: -9999px; font-size: 0; margin: 20px 0 0 0; }
h1#logo a { display: block; width: 120px; height: 53px; background: transparent url(images/logo.gif) 0 0 no-repeat; text-decoration: none; }
h2#logo2 { float: right; text-indent: -9999px; font-size: 0; }
h2#logo2 a { display: block; width: 86px; height: 102px; background: transparent url(images/logo2.jpg) 0 0 no-repeat; text-decoration: none; }
h2 { text-indent: -9999px; font-size: 0; }
h2#creativeagency { float: left; width: 174px; height: 11px; background: transparent url(images/h2_creativeagency.gif) 0 0 no-repeat; margin: 42px 0 0 17px; }
h2#seomarketing { float: right; width: 101px; height: 13px; background: transparent url(images/h2_seomarketing.gif) 0 0 no-repeat; margin: 14px 0 0 0; }

h2#title-onas { width: 150px; height: 22px; background: transparent url(images/title_onas.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
h2#title-oferta { width: 150px; height: 22px; background: transparent url(images/title_oferta.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
h2#title-wycena { width: 150px; height: 22px; background: transparent url(images/title_wycena.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
h2#title-klienci { width: 150px; height: 22px; background: transparent url(images/title_klienci.gif) 0 0 no-repeat; margin: 15px 0 0 0; }

h2#title-realizacje { width: 150px; height: 22px; background: transparent url(images/title_realizacje.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
h2#title-publikacje { width: 150px; height: 22px; background: transparent url(images/title_publikacje.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
h2#title-press { width: 150px; height: 22px; background: transparent url(images/title_press.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
h2#title-kontakt { width: 150px; height: 22px; background: transparent url(images/title_kontakt.gif) 0 0 no-repeat; margin: 15px 0 0 0; }



/* naglowki dzialow */
h3 { text-indent: -9999px; font-size: 0; margin: 0 0 15px 0; }
h3 a:link, h3 a:visited { display: block; text-decoration: none; }
h3 a:link:hover, h3 a:visited:hover { text-decoration: none; }
#btn-klienci { width: 60px; height: 18px; background: transparent url(images/btn_klienci.gif) 0 0 no-repeat; }
#btn-pozycjonowanie-stron { width: 116px; height: 18px; background: transparent url(images/btn_pozycjonowaniestron.gif) 0 0 no-repeat; }
#btn-pozycjonowanie { width: 92px; height: 18px; background: transparent url(images/btn_pozycjonowanie.gif) 0 0 no-repeat; }
#btn-produkty { width: 64px; height: 18px; background: transparent url(images/btn_produkty.gif) 0 0 no-repeat; }
#btn-aktualnosci { width: 84px; height: 18px; background: transparent url(images/btn_aktualnosci.gif) 0 0 no-repeat; }

#btn-realizacje { width: 72px; height: 18px; background: transparent url(images/btn_realizacje.gif) 0 0 no-repeat; }
#btn-ekomunikacja { width: 84px; height: 18px; background: transparent url(images/btn_ekomunikacja.gif) 0 0 no-repeat; }
#btn-media-relations { width: 94px; height: 18px; background: transparent url(images/btn_mediarelations.gif) 0 0 no-repeat; }
#btn-panel-klienta { width: 84px; height: 18px; background: transparent url(images/btn_panel.gif) 0 0 no-repeat; }

h3#h3-newsletter { display: block; width: 97px; height: 16px; background: transparent url(images/h3_newsletter.gif) 0 0 no-repeat; border: 0; text-indent: -9999px; font-size: 0; }
h4 { color: #333; font-size: 1.4em; margin: 1em 0; }
h4.no-margin { margin: 0.5em 0; }
a#copyrights { float: left; width: 272px; height: 7px; background: transparent url(images/h5_copyrights.gif) 0 0 no-repeat; text-indent: -9999px; font-size: 0; text-decoration: none; margin: 17px 0 0 0; } 
a#seomarketing { float: right; width: 101px; height: 13px; background: transparent url(images/h2_seomarketing.gif) 0 0 no-repeat; margin: 12px 0 0 0; text-decoration: none; text-indent: -9999px; font-size: 0; }

h5 { font-size: 1.1em; font-weight: bold; padding: 2em 0 0.5em 0; }

h5.praca { border-top: 1px solid #EAEAE9; }

ul { list-style-type: square; list-style-position: outside; font-size: 1.1em; line-height: 1.4em; margin: 1em 2em 1em 2em; }
ol { font-size: 0.7em; line-height: 1.2em; text-indent: 1px; list-style-position: inside; padding: 0; margin: 1em 1em 1em 1em; }
li { }

a:link, a:visited { color: #E4662B; font-size: 1em; text-decoration: underline; } 
a:link:hover, a:visited:hover { color: #666666; }
a.more:link, a.more:visited { color: #E4662B; background: transparent url(images/ico_arrow_orange.gif) 100% 60% no-repeat; font-size: 1.1em; text-decoration: underline; padding-right: 0.6em; } 
a.more:link:hover, a.more:visited:hover { color: #666666; }
a.more-line:link, a.more-line:visited { color: #E4662B; background: transparent url(images/ico_arrow_orange.gif) 100% 60% no-repeat; font-size: 1em; text-decoration: underline; padding-right: 0.6em; } 
a.more-line:link:hover, a.more-line:visited:hover { color: #666666; }
a.small:link, a.small:visited { color: #4B4B4B; font-size: 1em; text-decoration: none; } 
a.small:link:hover, a.small:visited:hover { text-decoration: underline; }
a.see-button:link, a.see-button:visited { width: 48px; height: 13px; background: transparent url(images/btn_zobacz.gif) 0 0 no-repeat; text-indent: -9999px; font-size: 0; text-decoration: none; margin: 7px 5px 7px 0; } 
a.see-button:link:hover, a.see-button:visited:hover { background-position: 0 -13px; }
a.see2-button:link, a.see2-button:visited { width: 48px; height: 13px; background: transparent url(images/btn_wiecej.gif) 0 0 no-repeat; text-indent: -9999px; font-size: 0; text-decoration: none; margin: 7px 5px 7px 0; } 
a.see2-button:link:hover, a.see2-button:visited:hover { background-position: 0 -13px; }
a.next-last:link, a.next-last:visited { font-size: 1.1em; padding: 0.5em 8px; } 
a.next-last:link:hover, a.next-last:visited:hover {  }


/* top */
#top { clear: both; float: left; width: 100%; background: #AFAFAF url(images/bg_top.jpg) 0 100% no-repeat; }

/* middle */
#middle { clear: both; float: left; width: 747px; padding: 0 14px; }
.width-33 { float: left; width: 228px; margin: 0 30px 0 0;}
.width-last { margin: 0; }
.width-66 { float: left; width: 475px; }
.width-15 { float: left; width: 180px; padding: 20px 0; }
.width-75 { float: right; width: 530px; padding: 20px 0; }
.width-50 { float: left; width: 380px; border-right: 1px solid #EAEAE9; padding: 0 10px 0 26px; margin: 20px 0; }
.width-25 { float: left; width: 130px; margin: 20px 0 20px 10px;  }
.width-49 { width: 48%; }
.gray-border { width: 225px; border: 1px solid #EAEAE9; margin: 5px; padding: 10px; }

/* bottom */
#bottom { clear: both; float: left; width: 737px; background: #FFF; border-top: 1px solid #D0D0D0; padding: 0 24px 10px 14px; margin: 10px 0 0 0; }

/* footer */
#footer { clear: both; height: 40px; color: #FFF; background: #333 url(images/bg_footer.gif) 0 100% no-repeat; padding: 0 12px 0 12px; margin: 0 0 10px 0; }

/* box */
.box { width: 225px; margin: 20px auto; }
.box img {  }
.box-maxi { width: 475px; margin: 20px auto; /*border: 1px solid black;*/ }
.box-maxi img { margin-right: 40px; }
.box-long { clear: both; }
.box-right { float: right; }
.box-left { float: left; }
.header { clear: both; float: left; width: 100%; margin: 0 0 10px 0; }

/* nav-0 */
ul#nav-0 { float: right; background: transparent url(images/bg_nav0.jpg) 100% 0 repeat-y; list-style-type: none; padding: 38px 20px 35px 0; margin: 0 0 6px 0; }
ul#nav-0 li { float: left; margin: 0 3px 0 0; }
ul#nav-0 li a:link, ul#nav-0 li a:visited { display: block; width: 66px; height: 17px; color: #FFF; text-decoration: none; text-indent: -9999px; overflow: hidden; } 
ul#nav-0 li a:link:hover, ul#nav-0 li a:visited:hover { background-position: 0 -17px; }
#nav-start { background: transparent url(images/nav_start.gif) 0 0 no-repeat; }
#nav-onas { background: transparent url(images/nav_onas.gif) 0 0 no-repeat; }
#nav-oferta { background: transparent url(images/nav_oferta.gif) 0 0 no-repeat; }
#nav-wycena { background: transparent url(images/nav_wycena.gif) 0 0 no-repeat; }
#nav-klienci { background: transparent url(images/nav_klienci.gif) 0 0 no-repeat; }
#nav-kontakt { background: transparent url(images/nav_kontakt.gif) 0 0 no-repeat; }


/* sub-nav*/
ul.sub-nav { list-style-type: none; margin: 20px 0 50px 0; padding: 0; }
ul.sub-nav li { border-bottom: 1px solid #EAEAE9; padding: 1px 0; }
ul.sub-nav li a:link, ul.sub-nav li a:visited { display: block; color: #333; font-size: 1em; line-height: 1.3em; text-decoration: none; padding: 3px 30px 3px 5px; }
ul.sub-nav li a:link:hover, ul.sub-nav li a:visited:hover { background: #F1F1F1 url(images/ico_arrow_box.gif) 95% 50% no-repeat; }
ul.sub-nav li a#home:link, ul.sub-nav li a#home:visited { color: #98ACAA; }
ul.sub-nav li a#home:link:hover, ul.sub-nav li a#home:visited:hover { background: #F1F1F1; }



/*  thumb */
.thumb { width: 225px; background: transparent url(images/bg_thumb_top.jpg) 0 0 no-repeat; margin: 0 auto 0 auto; padding: 19px 0 0 0; }
.thumb-top { width: 222px; background-color: #EFEEEB; overflow: hidden; border-left: 1px solid #DBD7CD; border-right: 1px solid #DBD7CD; }
.thumb-middle { width: 222px; background: #FFF; border-left: 1px solid #DBD7CD; border-right: 1px solid #DBD7CD; padding: 8px 0; }
.thumb-bottom { clear: both; width: 224px; overflow:hidden; background: transparent url(images/bg_thumb_bottom.jpg) 0 0 no-repeat; padding: 6px 0 0 0;}

a.thumb-foto img { border: 0; } 
a.thumb-foto:link, a.thumb-foto:visited { float: left; margin: 4px 5px; } 
a.thumb-foto:link:hover, a.thumb-foto:visited:hover {  }
a.see-name:link, a.see-name:visited { float: left; color: #333; background: transparent url(images/ico_arrow_little.gif) 0 50% no-repeat; font-size: 1.1em; text-decoration: none; padding: 7px 0 7px 12px; margin: 0 7px; }
a.see-name:link:hover, a.see-name:visited:hover { text-decoration: underline; }
.thumb p { color: #6F6F6F; margin: 0 0 0 15px; padding: 3px 5px 0 0; }
.thumb img { margin: 0; border: 0; }

/* indywidualne bloki */

#about-us { width: 100%; background: transparent url(images/bg_aboutus.jpg) 0 0 no-repeat; padding: 20px 0 7px 0; }
.width-66 #about-us { background: transparent url(images/bg_aboutus_long.jpg) 0 0 no-repeat; }
#about-us p { margin-bottom: 0; }
#about-us h4 { font-size: 1.2em; padding: 7px 0; }
img#site-baner { margin: 0; padding: 0; }
h4#site-motto { color: #5A5A59; font-size: 2em; font-weight: normal; margin: 10px 0; }

#newsletter { width: 100%; background: transparent url(images/mysz.jpg) 100% 50% no-repeat; padding: 0 0 10px 0; }

#box-aktualnosci { padding: 10px 0 0 0; }
#box-aktualnosci dl { float: left; width: 100%; border-bottom: 1px solid #E4E4E4; padding: 0 0 5px 0; }
#box-aktualnosci dt { float: left; width: 29%; font-weight: bold; }
#box-aktualnosci dd { float: right; width: 69%; }

#klienci { width: 223px; height: 147px; border: 1px solid #E2E3E4; }
#flash-klienci { margin: 27px 20px; }

.combo-box { float: left; width: 140px; border: 1px solid #DFDFDF; margin: 12px 13px; }
.combolong-box { float: left; width: 231px; border: 1px solid #DFDFDF; margin: 12px 10px 12px 10px; }
.combo-box a img { border: 3px solid #FFF; margin: 0 auto; }
.combolong-box a img { border: 0; border-bottom: 1px solid #DFDFDF; margin: 0; }
.combo-gray { background-color: #F4F4F4; padding: 8px 7px 1px 7px; }
.combo-box p { text-align: center; }

ul.list-klienci { clear: both; font-size: 1.1em; margin: 1em 2em; list-style-type: none; }
ul.list-klienci li { line-height: 1.4em; text-indent: 0; border-bottom: 1px solid #F1F1F1; padding: 6px 0; }

#top-bottom-border { float: left; width: 518px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; padding: 5px 0;}

.news { border-bottom: 1px solid #EFEAE9; padding-bottom: 20px; }
.news h5.date { font-size: 1.1em; margin: 0; padding: 0; }
.news p { margin: 0; padding: 0; }

/* tabelki */
table { font-size: 1.1em; text-align: center; border-left: 1px solid #EFEAE9; border-top: 1px solid #EFEAE9; }
table th { border-bottom: 1px solid #EFEAE9; border-right: 1px solid #EFEAE9; font-weight: bold; padding: 5px; }
table td { border-bottom: 1px solid #EFEAE9; border-right: 1px solid #EFEAE9; padding: 5px; }
table caption { visibility: hidden; }

/* kontakt */
.box-kontakty { float: left; width: 50%; }

/* formularze */
form { margin: 1em 0 0 0; }
.form-thumb { float: left; width: 500px; margin: 0.5em 0 0 0; padding: 0 0 4px 0; }
fieldset { float: left; border: 1px solid #CCC; width: 500px; padding: 10px; margin: 5px; }
legend { font-weight: bold; font-size: 1.1em; padding: 0.2em 1em 1em 1em; }
label { float: left; text-align: left; width: 130px; font-size: 1.1em; }
input { float: left; clear: right; width: 250px; background-color: #FAFAFA; border: 1px solid #CCC; }
input#kopia { float: left; width: auto; } 
textarea { background-color: #FAFAFA; border: 1px solid #CCC; }
select { float: left; clear: right; background-color: #FAFAFA; border: 1px solid #CCC; }
.submit { float: left; width: 500px; border-top: 1px solid #CCC; text-align: center; padding: 10px 0 0 0; margin: 10px 0 0 0; }
.submit input { float: none; }
fieldset p.error { clear: both; float: none; display: none; color: red; margin-left: 100px; }

/* panel klienta */
.box-panel-klienta h3 {
	margin: 0 0 5px 0;
}
form#panel-klienta {
	float: left; width: 200px;
	background-color: #EFEEEB;
	padding: 15px 10px 10px 10px; margin: 0 0 10px 0;
}
form#panel-klienta label {
	float: left; width: 50px;
	margin: 4px 0 4px 5px;
}
form#panel-klienta input {
	float: right; width: 120px; 
	margin: 0 10px 5px 0;
}
#btn-zaloguj {
	float: right !important; width: 68px !important; height: 13px; clear: both !important;
	border: 0;
}