/* 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; }

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; }
#logo2 { float: right;}
#logo2 h2{ text-indent: -9999px; font-size: 0; }
#logo2 h2 a { display: block; width: 86px; height: 102px; background: transparent url(images/logo2.jpg) 0 0 no-repeat; text-decoration: none; }
#flash-logo2 { margin-top: 10px; margin-left: 10px;}
h2 { text-indent: -9999px; font-size: 0; }
h2#creativeagency { float: left; width: 117px; height: 11px; background: transparent url(images/h2_creativeagency.gif) 0 0 no-repeat; margin: 42px 0 0 17px; }
h2#title-ofirmie { width: 107px; height: 22px; background: transparent url(images/title_ofirmie.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
h2#title-realizacje { width: 107px; height: 22px; background: transparent url(images/title_realizacje.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
h2#title-oferta { width: 107px; height: 22px; background: transparent url(images/title_oferta.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
h2#title-kontakt { width: 107px; height: 22px; background: transparent url(images/title_kontakt.gif) 0 0 no-repeat; margin: 15px 0 0 0; }
h2#title-klienci { width: 107px; height: 22px; background: transparent url(images/title_klienci.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: 47px; height: 18px; background: transparent url(images/btn_klienci.gif) 0 0 no-repeat; }
#btn-rozwiazania-interaktywne { width: 150px; height: 18px; background: transparent url(images/btn_rozwiazaniainteraktywne.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: 82px; height: 18px; background: transparent url(images/btn_aktualnosci.gif) 0 0 no-repeat; }
#btn-produkt { width: 81px; height: 18px; background: transparent url(images/btn_produkt.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: 290px; 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#skepyinternetowe { float: right; margin: 12px 0 0; text-decoration: none; }

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: #F47C3F; font-size: 1em; text-decoration: underline; } 
a:link:hover, a:visited:hover { color: red; }
a.more:link, a.more:visited { color: #F47C3F; 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: red; }
a.more-line:link, a.more-line:visited { color: #F47C3F; 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: red; }
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: #F57350 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: #000 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-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-ofirmie { background: transparent url(images/nav_ofirmie.gif) 0 0 no-repeat; }
#nav-klienci { background: transparent url(images/nav_klienci.gif) 0 0 no-repeat; }
#nav-oferta { background: transparent url(images/nav_oferta.gif) 0 0 no-repeat; }
#nav-realizacje { background: transparent url(images/nav_realizacje.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: 19px 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: 137px; padding: 10px 0 0 0; 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: 33%; }

/* 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: 100px; font-size: 1.1em; }
input { float: left; clear: right; width: 200px; 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; }
 
#page-bottom { position: absolute; width: 100%; margin: 0; padding: 0; background-color: #D9D8D5; height: 150px; top: 650px; }
#bottom-content { width:708px; height: 116px; margin: 0 auto 0 auto; padding: 20px 0 0 67px; color: #000; }
#bottom-content p { line-height: 1.2em; } 
#bottom-content a:link, #bottom-content a:visited, #bottom-content a:active { text-decoration: none; color: #EE3800; }
#bottom-content a:hover { text-decoration: underline; color: #EE3800; }

#bottom-zamknij { float: right; width: 40px; padding: 10px 20px; height: 40px; }
#bottom-zamknij div { float: left; width: 100%; padding: 18px 0 0 0; background: url(images/bottom-content-zamknij.gif) 50% 0px no-repeat; text-align: center; color: #8F8F8F; cursor: pointer; }
	
h1#emotive { float: left; text-indent: -9999px; font-size: 0; margin: 0; width: 338px;}
h1#emotive a { float: left; display: block; width: 247px; height: 103px; background: url(images/bottom-content-bg.png) 0 0 no-repeat;}