/* GLOWNE */
body { text-align: center; color: #000; font-family:Verdana; font-size: 12px; font-weight:normal; background: #000 url(images/tlo.png) center top repeat-x; margin:0px; padding:0; }

/* NAGLOWEK */
#naglowek { width:1042px; height: auto; margin: 0 auto; text-align: left; background-color: #FFFFFF;  padding: 0px; padding-bottom: 3px; background:url(img/headerrn.jpg) 0 0 no-repeat;}
#top { width:1042px;height:102px; background:url(images/top.png) 0 0 no-repeat;  }
#logo_left { width:592px;height:152px; background:url(images/logo_left.png) 0 0 no-repeat; float:left; }
#logo_right { width:450px;height:152px; background:url(images/logo_right.png) 0 0 no-repeat; float:right; }

#buttonytop { margin-top: 30px; height: 23px; width: auto; margin-left: 10px;}
#buttonytop #home a { width:23px; height:23px; background: url(images/topbuttons/home_off.png) no-repeat;display: block; float: left;}
#buttonytop #home a:hover { width:23px; height:23px; background: url(images/topbuttons/home_on.png) no-repeat;}
#buttonytop #kontakttop a { width:41px; height:20px; background: url(images/topbuttons/kontakt_off.png) no-repeat; display: block; float: left; margin-left: 45px; margin-top: 3px;}
#buttonytop #kontakttop a:hover { width:41px; height:20px; background: url(images/topbuttons/kontakt_on.png) no-repeat; }
#buttonytop #mapa a { width:65px; height:22px; background: url(images/topbuttons/mapa_off.png) no-repeat; display: block;float: left;margin-left: 45px; margin-top:1px;}
#buttonytop #mapa a:hover { width:65px; height:22px; background: url(images/topbuttons/mapa_on.png) no-repeat; }

#menu_left { width:306px;height:191px; background:url(images/menu_left.png) 0 0 no-repeat; float:left;}
#menu { float: right; width: auto; height: 191px; text-indent: 23px; line-height: 28px;}
#menu a { color: #fff; text-decoration: none; padding-top: 1px; font-size: 11px;}
#menu a:hover { color: #fff; text-decoration: none; text-indent: 35px; }
#menu #strglowna a { width:163px; height:31px; background: url(images/menu/glowna_off.png) no-repeat;float: right;}
#menu #strglowna a:hover { width:163px; height:31px; background: url(images/menu/glowna_on.png) no-repeat;}
#menu #onas a { width:163px; height:31px; background: url(images/menu/onas_off.png) no-repeat; float:right;}
#menu #onas a:hover { width:163px; height:31px; background: url(images/menu/onas_on.png) no-repeat;}
#menu #oferta a { width:163px; height:31px; background: url(images/menu/oferta_off.png) no-repeat; float:right;}
#menu #oferta a:hover { width:163px; height:31px; background: url(images/menu/oferta_on.png) no-repeat;}
#menu #portfolio a { width:163px; height:31px; background: url(images/menu/portfolio_off.png) no-repeat; float:right;}
#menu #portfolio a:hover { width:163px; height:31px; background: url(images/menu/portfolio_on.png) no-repeat;}
#menu #szablony a { width:163px; height:31px; background: url(images/menu/szablony_off.png) no-repeat; float:right;}
#menu #szablony a:hover { width:163px; height:31px; background: url(images/menu/szablony_on.png) no-repeat;}
#menu #kontakt a { width:163px; height:31px; background: url(images/menu/kontakt_off.png) no-repeat; float:right;}
#menu #kontakt a:hover { width:163px; height:31px; background: url(images/menu/kontakt_on.png) no-repeat;}

#ostprojekty { width:736px;height:191px; background:url(images/menu_right.png) 0 0 no-repeat; float:right; }
#ostproj { width:47px; height:191px; background:url(images/ostprojekty/ostprojekty.png) 0 0 no-repeat; margin-left: 2px; float:left;}
#ostprojtlo { width:590px; height:191px; background:url(images/ostprojekty/tlo.png) 0 0 no-repeat; margin-left: 2px; float:left;}

/* MAIN */
#glowna { width:1042px; height: auto; margin: 0 auto; text-align: left; background-color: #FFFFFF;  padding: 0px; padding-bottom: 3px; background:url(img/headerrn.jpg) 0 0 no-repeat;}
#podmenulewa { width:306px;height:140px; background:url(images/bottom_left.png) 0 0 no-repeat; float:left; }
#podmenuprawa { width:736px;height:140px; background:url(images/bottom_right.png) 0 0 no-repeat; float:right; }

/*STOPKA*/
#stopka_out { width: auto; min-height: 180px; background-color: #464646; border-top: 10px solid #B7B7B7; bottom: 0; padding-top:-20px; clear: both;padding-bottom: 0px;}
#stopka { width:800px; height: min-height: 180px; color: #fff; font-size: 10px; text-align: left;  margin: 0px auto 20px; line-height: 14pt;}
#stopka a { color: #00D3FF; text-decoration: none;}
#stopka a:hover { border-bottom: 1px dashed #00D3FF; font-weight: bold;}
#stopka h1 { font-size: 14px; border-bottom: 1px dashed #fff; }
#stopka ul { padding-left: 20px;}
#stopka li {padding: 0; list-style-type:disc;}
#stopka #prawaautorskie { float: left; width:350px; font-size: 11px; text-align: justify; }
#stopka #strony {float: left; margin-left: 40px; width: 150px;}
#stopka #wykonanie { float: left; width:220px; margin-left: 40px;}
#stopka #wykonanie p { text-align: center;}

/* SLIDER */
#featured { top:1px; left: 1px; width:350px; height:187px;position:relative; border:1px solid #242424;}
#featured ul.ui-tabs-nav { position:absolute; top:0; left:350px; list-style:none; padding:0; margin:0; width:250px; }
#featured ul.ui-tabs-nav li { padding:1px 0; padding-left:13px; font-size:8px; color:#666; width: 220px; }
#featured ul.ui-tabs-nav li img { float:left; margin:1px 5px; padding:2px; width: 45px; height: 35px;}
#featured ul.ui-tabs-nav li span { font-size:10px; font-family:Verdana; line-height:45px; }
#featured li.ui-tabs-nav-item a { display:block; height:45px; color:#fff; line-height:12px; text-decoration: none;}
#featured li.ui-tabs-nav-item a:hover { background:#242424; filter:Alpha(Opacity=85); opacity: 0.85;}
#featured li.ui-tabs-selected { background:url('images/strzala-projekty.png') top left no-repeat; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { background:#242424; filter:Alpha(Opacity=45); opacity: 0.45; }
#featured .ui-tabs-panel { width:350px; height:91px; background:#999; position:relative; }
#featured .ui-tabs-panel .info { position:absolute; top:137px; left:0; height:50px; background: url('images/transparent-bg.png'); width:100%; }
#featured .info h2 { font-size:14px; font-family:Arial; color:#fff; padding:5px; margin:0; overflow:hidden; }
#featured .info p { margin:0 5px; font-family:Verdana; font-size:10px; line-height:12px; color:#f0f0f0; }
#featured .info a { text-decoration:none; color:#fff; }
#featured .info a:hover { text-decoration:underline; }
#featured .ui-tabs-hide { display:none; }

/********* DZIAŁY *********/

#tresc { width:734px; height: auto; float: right; padding-bottom: 20px; margin-top: 20px;}
#tresc .tekst { width:617px; padding: 10px 10px 0px 10px ;text-align: justify;line-height: 12pt; font-family: Verdana; font-size: 11px; background: #CECCCD; border: 1px solid #363636; border-bottom: 0px;}
#tresc #dol { width:639px; height:109px;margin-top: 0px; background:url(images/dol.png) 0 0 no-repeat;}
#witamy { width:590px; height:126px; background:url(images/glowna/witamytlo.png) 0 0 no-repeat; margin-left: 2px; margin-top: 30px; float:left; color: #000; margin-bottom: 20px;}

/* strona glowna */
#witamyimg { width:47px; height:126px; background:url(images/glowna/witamy.png) 0 0 no-repeat; margin-left: 2px; margin-top: 30px; float:left; }
#witamy #wnetrze { margin-top: 5px; margin-left: 10px; margin-right: 10px; text-align: justify; font-size: 10px; line-height: 12pt;}
#witamy #wnetrze h1 { font-size: 14px; font-family: Verdana; font-weight: bold; padding: 0; margin: 0; color: #77C100;}
#witamy #wnetrze p { margin-top: 3px; margin-bottom: 0px; margin-left: 20px; line-height: 8pt;margin-right: 0px;}
#witamy a { color: #ED1B23; font-weight: bold; text-decoration: none;}
#podpis { width:150px; height:38px; background:url(images/glowna/podpis.png) 0 0 no-repeat; margin-top: 0px; margin-left: 20px;}
#tresc h1 {font-size: 14px; padding-bottom: 5px; border-bottom: 1px #000 dashed; margin-right: 270px; font-weight: bold; color: #77C100; }
#tresc p { padding 0;margin-bottom: 0px; font-size: 10px; font-style: italic; }
/* o nas */
#onasimg { width:47px; height:126px; background:url(images/onas/onas.png) 0 0 no-repeat; margin-left: 2px; margin-top: 30px; float:left; }
#witamy #wnetrzeonas { margin-top: 8px; margin-left: 10px; margin-right: 10px; text-align: justify; font-size: 11px; line-height: 13pt;}
#witamy #wnetrzeonas h1 { font-size: 14px; padding-bottom: 5px; border-bottom: 1px #000 dashed; margin-right: 270px; font-weight: bold; color: #00B6DC; }
#tresc .tekstonas { width:617px; padding: 10px 10px 0px 10px ;text-align: justify;line-height: 14pt; font-family: Verdana; font-size: 11px; background: #CECCCD; border: 1px solid #363636; border-bottom: 0px;}
#tresc .tekstonas br { margin-bottom: 5px; }
#tresc .tekstonas img { border: 1px dashed #0085A1 }
#tresc .tekstonas h1 {font-size: 14px; padding-bottom: 5px; border-bottom: 1px #000 dashed; margin-right: 270px; font-weight: bold; color: #00B6DC; }

/* oferta */
#ofertaimg { width:47px; height:126px; background:url(images/oferta/oferta.png) 0 0 no-repeat; margin-left: 2px; margin-top: 30px; float:left; }
#witamy #wnetrzeoferta { margin-top: 8px; margin-left: 10px; margin-right: 10px; text-align: justify; font-size: 11px; line-height: 13pt;}
#witamy #wnetrzeoferta h1 { font-size: 14px; padding-bottom: 0px; border-bottom: 1px #000 dashed; margin-right: 270px; font-weight: bold; color: #E7B400;  }
#tresc .tekstoferta { width:617px; padding: 10px 10px 0px 10px ;text-align: justify;line-height: 14pt; font-family: Verdana; font-size: 11px; background: #CECCCD; border: 1px solid #363636; border-bottom: 0px;}
#tresc .tekstoferta br { margin-bottom: 5px; }
#tresc .tekstoferta h1 { font-size: 14px; padding-bottom: 5px; border-bottom: 1px #000 dashed; margin-right: 270px; font-weight: bold; color: #E7B400; }
#tresc .tekstoferta a { color: #5d4800;  }

/* portfolio */
#folioimg { width:47px; height:126px; background:url(images/portfolio/portfolio.png) 0 0 no-repeat; margin-left: 2px; margin-top: 30px; float:left;}
#witamy #wnetrzefolio { margin-top: 8px; margin-left: 10px; margin-right: 10px; text-align: justify; font-size: 11px; line-height: 13pt;}
#witamy #wnetrzefolio h1 { font-size: 14px; padding-bottom: 0px; border-bottom: 1px #000 dashed; margin-right: 330px; font-weight: bold; color: #EA2B00; margin-bottom: 0px;}
#tresc .tekstfolio { width:617px; padding: 10px 10px 0px 10px ;text-align: justify;line-height: 14pt; font-family: Verdana; font-size: 12px; background: #CECCCD; border: 1px solid #363636; border-bottom: 0px;}
#tresc .tekstfolio br { margin-bottom: 5px; }
#tresc .tekstfolio h1 { font-size: 14px; padding-bottom: 5px; border-bottom: 1px #000 dashed; margin-right: 270px; font-weight: bold; color: #EA2B00; }
#tresc .tekstfolio a { text-decoration: none; color: #EA2B00; font-weight: bold; font-size: 12px;}
#tresc .tekstfolio a:hover { text-decoration: underline; }
#tresc .tekstfolio img { border: 1px dashed #EA2B00 }

#menufolio { width: auto; height: 48px; text-indent: 23px; line-height: 10px;}
#stronywww a { width:72px; height:45px; background: url(images/portfolio/strony_off.png) no-repeat; display: block; float: left; margin-top: 23px;margin-left: 15px;}
#stronywww a:hover { width:72px; height:45px; background: url(images/portfolio/strony_on.png) no-repeat;}
#allegro a { width:105px; height:45px; background: url(images/portfolio/allegro_off.png) no-repeat; display: block; float: left;  margin-top: 23px; margin-left: 15px;}
#allegro a:hover { width:105px; height:45px; background: url(images/portfolio/allegro_on.png) no-repeat;}
#bannery a { width:129px; height:48px; background: url(images/portfolio/bannery_off.png) no-repeat; display: block; float: left; margin-top: 23px; margin-left: 15px;}
#bannery a:hover { width:129px; height:48px; background: url(images/portfolio/bannery_on.png) no-repeat;}
#dtp a { width:51px; height:39px; background: url(images/portfolio/dtp_off.png) no-repeat; display: block; float: left;  margin-top: 29px; margin-left: 15px;}
#dtp a:hover { width:51px; height:39px; background: url(images/portfolio/dtp_on.png) no-repeat;}
#zdjeciatap a { width:98px; height:45px; background: url(images/portfolio/zdjecia_off.png) no-repeat; display: block; float: left;  margin-top: 23px; margin-left: 15px;}
#zdjeciatap a:hover { width:98px; height:45px; background: url(images/portfolio/zdjecia_on.png) no-repeat;}

/* szablony */
#szablonyimg { width:47px; height:126px; background:url(images/szablony/szablony.png) 0 0 no-repeat; margin-left: 2px; margin-top: 30px; float:left; }
#witamy #wnetrzeszablony { margin-top: 8px; margin-left: 10px; margin-right: 10px; text-align: justify; font-size: 11px; line-height: 13pt;}
#witamy #wnetrzeszablony h1 { font-size: 14px; padding-bottom: 0px; border-bottom: 1px #000 dashed; margin-right: 270px; font-weight: bold; color: #6500EA;  }
#tresc .tekstszablony { width:617px; padding: 10px 10px 0px 10px ;text-align: justify;line-height: 14pt; font-family: Verdana; font-size: 11px; background: #CECCCD; border: 1px solid #363636; border-bottom: 0px;}
#tresc .tekstszablony br { margin-bottom: 5px; }
#tresc .tekstszablony h1 { font-size: 14px; padding-bottom: 5px; border-bottom: 1px #000 dashed; margin-right: 270px; font-weight: bold; color: #6500EA; }

/* kontakt */
#kontaktimg { width:47px; height:126px; background:url(images/kontakt/kontakt.png) 0 0 no-repeat; margin-left: 2px; margin-top: 30px; float:left; }
#tresc .kontakt {width:617px; padding: 10px 10px 0px 10px ;text-align: justify;line-height: 10pt; font-family: Verdana; font-size: 11px; background: #CECCCD; border: 1px solid #363636; border-bottom: 0px;; }
#tresc .kontakt h1 { font-size: 14px; padding-bottom: 10px; border-bottom: 1px #000 dashed; margin-right: 270px; color: #BDA600}