* { margin: 0; padding: 0 ; border: 0;}
li {list-style-type: none;}
a {text-decoration: none; outline: 0;}
.none {border:none !important; background:none !important;}
.clear {clear: both;}

strong {color:#3f91c8;}
b {color:#7CAA21;}
a.more {float: right; overflow: hidden;}
a.mail {color:#7CAA21; font-weight:bold; }
a.mail:hover {color:#426000; text-decoration:underline;}

h2 {width: 80%;}
h2.glowna {background: url(../img/n_glowna.jpg) -4px 0px no-repeat; width:458px;}
h2.faq {background: url(../img/n_faq.jpg) -9px 0px no-repeat;}
h2.onas {background: url(../img/n_onas.jpg) -4px 0px no-repeat;}
h2.onas_co {background: url(../img/n_onas_co.jpg) -9px 0px no-repeat;}
h2.kontakt {background: url(../img/n_kontakt.jpg) -6px 0px no-repeat;}
h2.kontakt_form {background: url(../img/n_kontakt_form.jpg) -4px 0px no-repeat;}
h2.portfolio {background: url(../img/n_portfolio.jpg) -4px 0px no-repeat;}
h2.oferta_strony {background: url(../img/n_oferta_strony.jpg) -6px 0px no-repeat;}
h2.oferta_serwisy {background: url(../img/n_oferta_serwisy.jpg) -6px 0px no-repeat;}
h2.oferta_grafika {background: url(../img/n_oferta_grafika.jpg) -6px 0px no-repeat;}
h2.oferta_moduly {background: url(../img/n_oferta_moduly.jpg) 15px 0px no-repeat;}
h2.mapa {background: url(../img/n_mapa.jpg) -6px 0px no-repeat;}
h2.blad {background: url(../img/n_404.jpg) -6px 0px no-repeat;}
h2.mapa_dojazdu {background: url(../img/n_mapadojazdu.jpg) -8px 0px no-repeat;}

h2.oferta-strony {background: url(../img/strony-internetowe_n.gif) -6px 0px no-repeat;}
h2.oferta-aplikacje {background: url(../img/aplikacje_n.gif) -6px 0px no-repeat;}
h2.oferta-identyfikacja {background: url(../img/identyfikacja_n.gif) -6px 0px no-repeat;}
h2.oferta-emarketing {background: url(../img/e-marketing_n.gif) -6px 0px no-repeat;}
h2.oferta-hosting {background: url(../img/hosting_n.gif) -6px 0px no-repeat;}

h2.arrow {background: url(../img/arrow_down2.png) 205px 6px no-repeat;}
h2, h4 {font-size:14px; font-weight:bold; padding:9px 10px; color: #414141 }
h2.arrow:hover {background: url(../img/arrow_down4.png) 205px 6px no-repeat;}
a {color: #3F91C8;}
h2 span {visibility: hidden;}

i {color: #426000; padding-right: 2px;}

ol li h3 {height: 22px; padding:3px 0 0 35px; }

h3.n1 {background: url(../img/1.gif) left 0px no-repeat;}
h3.n2 {background: url(../img/2.gif) left 0px no-repeat;}
h3.n3 {background: url(../img/3.gif) left 0px no-repeat;}
h3.n4 {background: url(../img/4.gif) left 0px no-repeat;}
h3.n5 {background: url(../img/5.gif) left 0px no-repeat;}
h3.n6 {background: url(../img/6.gif) left 0px no-repeat;}
h3.n7 {background: url(../img/7.gif) left 0px no-repeat;}
h3.n8 {background: url(../img/8.gif) left 0px no-repeat;}
h3.n9 {background: url(../img/9.gif) left 0px no-repeat;}
h3.n10 {background: url(../img/10.gif) left 0px no-repeat;}

body {font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #BBBBBB; visibility: auto;}

#bg_bg {width:100%; background-color: #E5E3E4; overflow: hidden; position: relative; z-index: 1;}
#bg_top {width:100%; background: url(../img/bg_top.jpg) top repeat-x; zoom:1;}
#bg_bottom {width: 100%; min-height:800px; background: url(../img/bg_bottom.jpg) bottom repeat-x; zoom:1;}

#wrapper_bg {width:825px; margin:0 auto; background: url(../img/wrapper_bg.jpg) center 0px repeat-y; overflow: hidden;}

#wrapper_top {width:825px; background: url(../img/wrapper_top.jpg) center top no-repeat; overflow: hidden;}
#wrapper_bottom {width:825px; background: url(../img/wrapper_bottom.jpg) center bottom no-repeat; overflow: hidden; position: relative; padding-bottom: 40px;}

#top {width: 519px; height:267px; position: relative; float: right;}

ul#menu {width:519px; height:42px; right:0px; background: url(../img/menu_bg.jpg) repeat-x; font-family: Arial; position: absolute; bottom:0px; font-size: 15px;}
  ul#menu li {width: auto; height:42px; display: block; float: left; font-weight: bold; border-right:1px solid #628f00; }
  ul#menu li.index {width: 70px;}
  ul#menu li a {height:20px; float: left; color: #000; padding:11px 15px; background: url(../img/menu_bg.jpg) 0px 0px repeat-x;}
  ul#menu li a.index span, ul#menu li a.first span {display: none;}
  ul#menu li a.first, ul#menu li a.index, ul#menu li.index a.active {width: 72px; height:42px; background: url(../img/home.jpg) 0px 0px no-repeat !important; padding:0px !important;}
  ul#menu li a.first:hover, ul#menu li a.index:hover {height:72px; height:42px; background:url(../img/home.jpg) 0px -42px no-repeat !important;}
  ul#menu li a:hover, ul#menu li a.active {height:20px; float: left; padding:11px 15px; color: #000; background: url(../img/menu_bg.jpg) 0px -42px repeat-x;}


#swf {width:227px; height: 110px;  background: url(../img/logo.jpg) 0px 0px no-repeat; float: left;}
#swftop {width:519px; height: 225px; background: url(../img/phone.jpg) 0px 0px no-repeat;}
#swftop_bn {width:519px; height: 225px; background: url(../img/top_bn.jpg) 0px 0px no-repeat;}

#content {width:749px; clear: both; background: url(../img/content_bg.jpg) 0px 0px repeat-y; margin:0 auto; top:54px; background-color:#fff; overflow: hidden; position: relative; }

/* menu top */
#menu_top {width: 730px; color:#6b6b6b; position: relative; margin:0 auto;  z-index: 10;}
#menu_top h1 {font-size: 100%; color:#6b6b6b; float: none; display: inline; font-weight: normal; position: relative; top:30px; z-index:10;}

#menu_top a {color: #6b6b6b;}


#mapa {position: absolute; top:17px; right:50px;}
#mapa a.active {text-decoration: underline;}
#mapa a {float: right; color: #6b6b6b; padding-left: 16px; background: url(../img/map.gif) left 3px no-repeat; position: relative; z-index: 20;}

/* menu top koniec */

#sub {width:230px; float:left; overflow: hidden; min-height:700px; height:auto !important; height:700px;}
#sub img {position: relative;}
#sub p {margin-bottom: 10px; text-align: justify;}
#sub a {color: #72a114; font-weight: none;}
#sub a:hover { color:#426000; text-decoration: underline;}
#sub ul {margin-left: 19px;}
#sub ul li {margin-bottom:5px; line-height:1.3em; zoom:1; }
* html #sub ul li {margin:0px;}
#sub ul li a {padding:0 0 0 24px; background: url(../img/arrow_on.jpg) -2px center no-repeat; color:#72a114; display: block;}
#sub ul li a:hover {padding:0 0 0 24px; background: url(../img/arrow_on.jpg) left center no-repeat;}

#sub h4 {padding-left: 60px; margin:0 0 15px 0;}

#sub h4.who { background: url(../img/who.jpg) 12px 0px no-repeat; }
#sub h4.bulb { background: url(../img/bulb.jpg) 16px 0px no-repeat; }
#sub h4.contact { background: url(../img/contact.jpg) 15px 4px no-repeat; }
#sub h4.what { background: url(../img/square.jpg) 13px 4px no-repeat; }

.block, .block2, .block3 {width:200px; float:left; margin:0 0 30px 5px;}
.block p, .block2 p, .block3 p {padding-left:10px; margin-left: 20px; border-left:10px solid #3f91c8;}
.block img {float: left;}


#main {width:478px; float:right; padding:0 15px 20px 25px; background-color: #fff; background: url(../img/main_top_bg.jpg) top repeat-x; zoom:1; min-height: 440px; height:auto !important; height:440px; border-right:1px solid #DEDEDE;}
#main h2 {height: 35px; margin:20px 0 10px 0; clear: both; float: left;}
#main h3 {display: block; float: left; font-size:11px;}
#main p {margin: 0 17px 10px 20px; text-align: justify;}
#main p.indent {text-indent:28px;}

/*O nas */

#main ul.aboutus li {clear: both; margin-bottom: 5px;}
#main ul.aboutus li strong {width: 100px; text-align: right; float: left; display: block;}
#main ul.aboutus li p {width: 320px; overflow: hidden; float: left; display: block; margin:0 0 10px 10px; padding:0 5px 0 10px; border-left:2px solid Gray;}

/*O nas */

/* strona główna */
#box1, #box2, #box3, #box4 {width: 215px; height: 120px; float: left; margin:0 15px 15px 0; border:2px solid #CDCDCD; 
}
* html #box1 {margin:0 15px 15px 4px;}
* html #box2 {margin:0 0 15px 0;}
* html #box3 {margin:0 15px 15px 4px;}
* html #box4 {margin:0 0 15px 0;}

#box1 h3, #box2 h3, #box3 h3, #box4 h3 {width: 180px; font-size: 13px; position: relative; left:14px; top:2px; margin-top: 6px; color:#000;}
#box1 p, #box2 p, #box3 p, #box4 p {width: 126px; padding:5px 0 5px 56px; margin-top: 10px; margin-right: 10px; color:#000; text-align: left; line-height: 1.3em; text-indent:20px;}
#box3 p, #box4 p {margin-top: 15px !important;}
* html #box1 p, * html #box2 p, * html #box3 p, * html #box4 p {margin-top: 25px !important;}
*:first-child+html #box1 p, *:first-child+html #box2 p, *:first-child+html #box3 p, *:first-child+html #box4 p {margin-top: 25px !important;}
#box1, #box3 {margin-left: 10px;}
#box1:hover, #box2:hover, #box3:hover, #box4:hover {border: 2px solid #3F91C8;}

#box1 {background: url(../img/box1.jpg) 6px 40px no-repeat;}
#box2 {background: url(../img/box2.jpg) 6px 40px no-repeat;}
#box3 {background: url(../img/box3.jpg) 6px 40px no-repeat;}
#box4 {background: url(../img/box4.jpg) 6px 40px no-repeat;}
/* strona główna */

/*Oferta*/
  #main ul {margin:5px 0 0 20px;}
  #main ul.margin {line-height: 1.2em;}
  #main ul.margin li {float: left; clear: both; margin-bottom: 15px; }   
  #main ul.margin li a {cursor: pointer;} 
  #main ul.margin li a.box {width:420px; float: left; border-right:2px solid #808080; overflow: hidden; margin:0px; padding-right:10px; color:#000; padding:5px;}
  #main ul.margin li a.box span, #main ul.margin li a.tlo span {display:block; float: right; color: #3F91C8;}
  
  #main ul.small {margin: 0 0 20px 80px; overflow: hidden;}
  #main ul.small li {margin-bottom: 5px;} 
  #main ul.small li a.box {width:320px; padding:0px;}
  #main ul.small li a {cursor: default !important; border:none !important;} 
  
  #main ul.margin li a.tlo {width:420px; float: left; border-right:2px solid #808080; overflow: hidden; margin:0px; padding-right:10px; color:#000; padding:5px; background-color: #CCE5F4;}
  #main ul.margin li a.box:hover {overflow: hidden; background-color: #CCE5F4;}
  #main ul.margin li a.box:link {overflow: hidden;}
  #main ul.margin li a.box p, #main ul.margin li a.tlo p {margin:0px;}
  #main ul.margin li a.box h3, #main ul.margin li a.tlo h3 {color:#3f91c8; padding-right:4px;}
  #main ul.margin li p.price {width: 60px; float:right; padding-left:10px; margin: 0px;}
  #main ul.margin li .left {width:420px; clear: both; float: left; border-right:2px solid #808080; padding: 10px 10px 0 0;}
  ul.details {margin-left: 20px !important; float: left;}
  ul.details li {padding-left: 10px; background: url(../img/list.jpg) left 5px no-repeat; margin-bottom: 0px !important;}   

  ul.o-details {width:450px; margin-left: 20px !important; float: left; margin-top: 0px !important;}
  ul.o-details li {padding-left: 10px; background: url(../img/list.jpg) left 5px no-repeat; margin-bottom: 0px !important; clear: both; line-height:1.4em;}
  ul.o-details li.none {margin-bottom: 5px !important; float: left;}
  ul.o2-details li {width: 200px; float:left; overflow: hidden; clear: none;}  
  
  
  /*----*/
  
  ul.margin_left {padding-left: 20px; line-height: 1.5em;}
  ul.margin_left li {background: url(../img/list.jpg) left 7px no-repeat !important;}

  li.limargin {margin-top:5px;}
  
  /* html #main ul li a.box {width:345px !important;}
  * html ul.small {float: left !important; padding-left: 30px !important;}  
  */
  
  * html ul.margin {width:95%; margin-left: 0px !important; padding-left: 20px !important;} 
  * html #main ul {}
  * html ul.details {width:330px; margin-left: 10px !important;}
  * html li.limargin {width:310px;} 
  * html li {width:100%;}
  * html #main ul.margin li p.price {float:left;}  
  * html #main ul.small {width:400px; float:right;}  
    
  *:first-child+html ul.margin {width:95%;}
  *:first-child+html ul.details {width:330px; margin-left: 10px !important;}
  *:first-child+html li.limargin {width:310px;} 
  *:first-child+html li {width:100%;}
  *:first-child+html #main ul.margin li p.price {float:left;}   
    
   table#oferta_tab {width: 300px; margin:0 0 20px 50px; border:1px solid #ECECEC;}
   /*table#oferta_tab {width: 300px; margin-left: 110px; position: relative; top: -23px; border:1px dotted #ECECEC;}*/ 
   table#oferta_tab tr td {background-color: #FAFAFA;}
   table#oferta_tab td {padding:3px; border:1px solid #ECECEC }
/* Oferta koniec */



/* Pytania */
#basic-accordian h3 {padding:4px 0 0 30px;}
body#faq h3 {float: none; height: 22px; font-size: 12px; margin: 0 0 7px 25px; cursor:pointer;}
body#faq #main p, body#faq #main ul {background-color:#FAFAFA; border:1px dashed #BEBEBE; margin:10px 0pt 25px 52px; padding:10px; line-height: 1.4em;}
body#faq #main ul li {width: 97%; padding-left: 10px;  background: url(../img/list.jpg) left 6px no-repeat; }
body#faq #main ul li ol {width: 90%;}
body#faq #main ul li ol li {margin-left: 10px; background: url(../img/list.gif) left 6px no-repeat;}
body#faq #main a {color: #7CAA21; text-decoration: underline; font-weight: bold;}
body#faq #main a:hover {color: #426000; text-decoration: underline;}
/* Pytania koniec */

/* mapa strony */
#main ul#sitemap {width: 220px; float: left; margin:0 !important;}
* html #main ul#sitemap {width: 190px;} 
#main ul#sitemap li {padding-left: 10px; line-height: 1.4em; font-size: 13px; font-weight: bold; padding-top: 5px;}
#main ul#sitemap li a {}
#main ul#sitemap li.margin {padding-top: 0px; margin-bottom: 5px;}
#main ul#sitemap li ol li {font-size: 11px; font-weight: normal; padding-top: 0px; margin-left: 20px; background: url(../img/list.gif) left 6px no-repeat;}
#main ul#sitemap li ol li a {border-bottom:1px dotted Gray;}
#main img.www {position: relative; top:40px;}
/* mapa strony koniec*/

.realizacja {width: 100%; margin-bottom: 20px; background: url(../img/dotted.gif) bottom repeat-x; float: left; padding-bottom: 10px;}
.realizacja ul {margin-bottom:20px; float: left;}
.realizacja ul li {display: block; float: left;}
.realizacja ul li.margin {padding-top: 30px;}
.realizacja img {margin-right: 20px; float: left;}
.realizacja p {padding-bottom:13px; margin:0px !important;}
.realizacja a { font-weight:bold; color:#72a114;}
.realizacja a:hover {text-decoration: underline;}


/* nowe portfolio */

.realizacja a.more {float: left; clear: both; width: 366px; text-align: right; font-weight: normal; padding-top: 4px; color:#8F8F8F}

.realizacja ul.modules {float: right; margin:0px !important;}
.realizacja ul.modules li {float: none; height: 13px; padding-bottom: 2px; float: right; clear: both;}
.realizacja ul.modules li span {display: none;}
.realizacja ul.modules li.cms {width: 79px; height: 17px; background: url(../img-realizacje/m-webisocms.jpg) 0px 0px no-repeat; padding-bottom: 3px;}
.realizacja ul.modules li.joomla {width: 48px; height: 17px; background: url(../img-realizacje/m-joomla.jpg) 0px 0px no-repeat; padding-bottom: 3px;}

.realizacja ul.modules li.galeria {width: 37px; background: url(../img-realizacje/m-galeria.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.galeriaflash {width: 61px; background: url(../img-realizacje/m-galeriaflash.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.rezerwacje {width: 91px; background: url(../img-realizacje/m-rezerwacje.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.jezyki {width: 83px; background: url(../img-realizacje/m-jezyki.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.tablica {width: 73px; background: url(../img-realizacje/m-tablica.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.aktualnosci {width: 57px; background: url(../img-realizacje/m-aktualnosci.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.wyszukiwarka {width: 72px; background: url(../img-realizacje/m-wyszukiwarka.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.kalendarium {width: 63px; background: url(../img-realizacje/m-kalendarium.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.newsletter {width: 53px; background: url(../img-realizacje/m-newsletter.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.ankieta {width: 40px; background: url(../img-realizacje/m-ankieta.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.katalog {width: 61px; background: url(../img-realizacje/m-katalog.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.komis {width: 67px; background: url(../img-realizacje/m-komis.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.suwaczki {width: 48px; background: url(../img-realizacje/m-suwaczki.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.kalkulator {width: 53px; background: url(../img-realizacje/m-kalkulator.jpg) 0px 0px no-repeat;}
.realizacja ul.modules li.slideshow-3d {width: 66px; background: url(../img-realizacje/m-slideshow-3D.jpg) 0px 0px no-repeat;}

#Overlay {overflow: hidden;}

#r-menu, #r-menu ul {margin:0px !important;}
#r-menu li a.activeparent {display: none;}
#r-menu li ul li {width:30px; height: 15px; float:left; margin:0 5px 0 0;}
#r-menu li ul li a {width:30px; height: 15px; text-align: center; border:1px solid #d7d7d7; float: left; margin:0 5px 0 0; color:#000; font-weight: bold;}
#r-menu li ul li a.active, #r-menu li ul li a:hover {background-color: #4f9aca; color:#fff;}

ul.arrow {width: 80px; clear: both; display: block; margin:0 auto !important;}
ul.arrow li {zoom:1; display: inline;}
ul.arrow li.left a {width:29px; height:19px; display: inline; float: left; background: url(../img/arrow_left.jpg) 0px 0px no-repeat; margin-right: 10px; }
ul.arrow li.left a:hover { background: url(../img/arrow_left_on.jpg) 0px 0px no-repeat;}
ul.arrow li.right a {width:29px; height:19px; display: inline; float: left; background: url(../img/arrow_right.jpg) 0px 0px no-repeat; margin-left: 10px;}
ul.arrow li.right a:hover { background: url(../img/arrow_right_on.jpg) 0px 0px no-repeat;}

ul.arrow li span {visibility: hidden;}

#main_bg {width:480px; margin:0 auto; background: url(../img/main_bg.jpg) 0px 0px repeat-y;  float: left;}
#main_top {width:480px; background: url(../img/main_top.jpg) center top no-repeat; overflow: hidden;}
#main_bottom {width:480px; min-height:350px; height:auto !important; height:350px; background: url(../img/main_bottom.jpg) center bottom no-repeat; overflow: hidden; padding-bottom: 10px;}

#main_bg p {color: #123421; padding:0px 15px; margin:10px;}
#main_bg img {float: right; margin:0 30px 5px 10px; border:2px solid #5f5f5f; }

/* kontakt */
p.cont {width: 190px; float:left; border-right:4px solid #3F91C8; margin-right: 35px !important; line-height: 2em;}
ul.cn {float: left; padding:5px 0 0 0; margin:0px !important;}
ul.cn li {margin-bottom: 8px;}

form {float: left; font-size: 10px;}

form#contact_form {width:452px;}

fieldset.form_first {width: 165px; float: left; margin-left: 20px;}
fieldset.form_first input {width:180px;}
fieldset.form_second {width: 220px; float: right; margin-left: 20px;}
fieldset.form_second input {width: 220px;} 
fieldset.form_second textarea {width: 220px; height:100px;}

label {width:185px; height:15px; display: block; margin-bottom:5px; clear: both;}
label.hide {width:0px !important; height:0px !important; display: none !important;}
input {float:left; clear:both; font-size:11px; height:15px;  margin-bottom:5px; }
input, textarea {border:1px solid #b9b9b9; background-color:#f0f0f0; padding:2px;}
input#topic {width:220px;}
input#submit {width:65px; height: 20px; margin-top:15px; float: right; position: relative;}

* + html input#submit {right:0px !important;}

* html label {zoom:1; overflow: hidden; height:15px !important;}
* html label.message {float:none !important;}
* html fieldset.form_first {margin-left: 10px;}
*:first-child+html label {zoom:1; height:15px !important;}

span#spry_topic {clear: both;}

/* kontakt */

#footer {width:749px; height:17px; background: url(../img/footer_bg.jpg) repeat-y; padding-top:4px; clear: both; margin:54px auto 12px; zoom:1 !important; overflow: visible;}

p#copy {width:140px; float: left; padding-left: 40px; }
p#copy a {color: #000; font-weight: normal;}

ul#foot {text-align: right; width:335px; float: right; }
ul#foot li {width: auto; height:15px; display: block; float: left; padding:0 6px; border-right:1px solid #cdcdcd;}
ul#foot li a {color: #000;}
ul#foot li a:hover, ul#foot li a.active {text-decoration: underline;}


* html ul#menu {right:-1px; bottom:-1px;}
 
img.parking { vertical-align: -4px; }

#tt {
 position:absolute;
 display:block;
 background:url(../img/tt_left.gif) top left no-repeat; 
 z-index: 1; 
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(../img/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(../img/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}