html, body {
margin: 0;
padding: 0;}

body {
overflow-x: hidden;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;}

img {
border: 0;}

.container {
margin: auto;
width:800px;}

.header_menu {margin: 32px -10px 0 0; width: 500px; height: 50px; float: right;}
.header_menu ul { list-style: none; margin: 0; padding: 0; }
.header_menu ul li { list-style: none; margin-right: 1px; float:right; font-size: 11px; font-weight: bold; font-family: Tahoma }
.header_menu ul li a { color: #636363; text-decoration: none; padding: 0 5px 0 5px; display: block; }
.header_menu ul li a:hover { color: #202E39; text-decoration: underline; }
.header_menu span {color:#e6357d; margin: 0 5px 0 5px; text-decoration:underline;}
.header_menu img {margin-top: -4px;}

.logo_top {
	float: left;
height: 48px;
width: 159px;
margin: 15px 0 0 -58px;}

.logo_top  ul {
list-style:none; 
width: 159px;}

.logo_top  li {
display:inline; 
float:left;  
height: 48px;}

.logo_top  a {
height:48px;
display:block; }

.logo_top  a.logo_top8 {
width:159px; 
background:url(img/logo.jpg) 0 0 no-repeat;}

.logo_top  a.logo_top8:hover {
background-position:0 -48px;}

.main {
float: left;
height: 320px;
width: 800px;
font: 13px Arial;
text-align: justify;
color: #848587}

.mapa_strony {
	float: left;
	width: 800px;
	height: 320px;
}

.mapa_box {
	width: 220px;
	float: left;
}

.mapa_strony a {
	text-decoration: none;
	font: 12px Tahoma;
	color: #848587;
}

.mapa_strony a:hover {
	text-decoration: underline;
}

.drzwi {
float: left;
margin: 125px 0 0 340px;
width: 100px;
height: 70px;}

.drzwi a {
text-decoration: none;}

.mapa_link {
	float: left;
	margin: 90px 0 0 50px;
	width: 100px;
}

.mapa_link a {
	text-decoration: none;
	font: 10px Times;
	color: #848587;
}

.mapa_link a:hover {
	text-decoration: underline;
}



.menu_glowne {

margin: 0;
* margin: 15px 0 0 -40px;

height: 180px; 

width: 800px;

float: left;}



.menu_glowne  ul {

padding:0; 

list-style:none; 

width: 800px;}



.menu_glowne  li {

display:inline; 

float:left;  

margin:0; padding:0; 

height: 180px;}



.menu_glowne  a {

height:180px; 

display:block;}



.menu_glowne  a.wizytowki {

width:100px; 

background:url(img/menu.jpg) 0 0 no-repeat;}



.menu_glowne  a.wizytowki:hover {

background-position:0 -180px;}

.menu_glowne  a.wizytowki1 {

width:100px; 

background:url(img/menu.jpg) 0 -180px no-repeat;}



.menu_glowne  a.ulotki {

width:100px; 

background:url(img/menu.jpg) -100px 0 no-repeat;}



.menu_glowne  a.ulotki:hover {

background-position:-100px -180px;}

.menu_glowne  a.ulotki1 {

width:100px; 

background:url(img/menu.jpg) -100px -180px no-repeat;}



.menu_glowne  a.plakaty {

width:100px; 

background:url(img/menu.jpg) -200px 0 no-repeat;}



.menu_glowne  a.plakaty:hover {

background-position:-200px -180px;}

.menu_glowne  a.plakaty1 {

width:100px; 

background:url(img/menu.jpg) -200px -180px no-repeat;}



.menu_glowne  a.foldery {

width:100px; 

background:url(img/menu.jpg) -300px 0 no-repeat;}



.menu_glowne  a.foldery:hover {

background-position:-300px -180px;}

.menu_glowne  a.foldery1 {

width:100px; 

background:url(img/menu.jpg) -300px -180px no-repeat;}



.menu_glowne  a.banery {

width:100px; 

background:url(img/menu.jpg) -400px 0 no-repeat;}



.menu_glowne  a.banery:hover {

background-position:-400px -180px;}

.menu_glowne  a.banery1 {

width:100px; 

background:url(img/menu.jpg) -400px -180px no-repeat;}


.menu_glowne  a.strony {

width:100px; 

background:url(img/menu.jpg) -500px 0 no-repeat;}



.menu_glowne  a.strony:hover {

background-position:-500px -180px;}

.menu_glowne  a.strony1 {

width:100px; 

background:url(img/menu.jpg) -500px -180px no-repeat;}



.menu_glowne  a.gadzety {

width:100px; 

background:url(img/menu.jpg) -600px 0 no-repeat;}



.menu_glowne  a.gadzety:hover {

background-position:-600px -180px;}

.menu_glowne  a.gadzety1 {

width:100px; 

background:url(img/menu.jpg) -600px -180px no-repeat;}



.menu_glowne  a.logo {

width:100px; 

background:url(img/menu.jpg) -700px 0 no-repeat;}



.menu_glowne  a.logo:hover {

background-position:-700px -180px;}

.menu_glowne  a.logo1 {

width:100px; 

background:url(img/menu.jpg) -700px -180px no-repeat;}



/*PORTFOLIO*/

.powiekszenie {
float: left;
width: 770px;
margin: 27px 0 5px 25px;
font-size: 10px; }

.portfolio_box {
float: left;
width: 650px;
margin: 0 0 0 20px;}

.portfolio_box img{
height: 57px;
width: 40px;
}

.portfolio_box a {
display: inline;
margin-left: 5px;
margin-top: 5px;}

.portfolio_linia {
float: left;
width: 650px;
padding: 2px 0 0 0;}

/* OPERA */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body .portfolio_linia { margin-top: 4px; }
}

img.strona {
width: 85px;
height: 230px;
}

#menup {
margin: 0 30px 0 0;
width: 100px;
height: 321px;
float: right;
text-align: right;}

#menup a {
padding: 1px;
font: 13px Arial;
color: #6B6A6A;
text-decoration: none;
display: block;}

#menup a:hover {
font-weight: bold}

#menup span {
font: bold 13px Arial;
color: #06aff4}

.portfolio_menu {
width: 590px;
text-align: center;
clear:both;
margin: 0;}

.portfolio_menu ul{
list-style: none;}

.portfolio_menu li{
display: inline;}

.portfolio_menu a{
text-decoration: none;
font: 13px Arial;
color: #6B6A6A;}

.portfolio_menu a:hover{
font-weight: bold;}

.portfolio_menu span{
font-weight: bold;
color: #06aff4;}

.stopka {
* margin: -15px 0 0 0;
width: 1000px;
height: 120px;
background: url(img/stopka.jpg);
float: left;
margin-left: -100px;}


/* PORTFOLIO STRONY */

#www_box {
float: left;
width: 630px;
margin: 30px 0 0 40px;}

#www1 * {
    margin: 0;
    padding: 0;
    border: 0;
}

#www1 {
    border: 1px solid #737373;
    float: left;
    margin: 2px 5px;
}

#www1 ul {
    float: left;
}

#www1 li {
    list-style-type: none;
    float: left;
}
    
#www1 li ul {
    display: none;
    position: absolute;
    width: 490px;
    height: 350px;
    border: 1px solid #737373;
}

#www1 li:hover ul {
    display: block;
}

#www1 a {
    display: block;
}

/*ONAS*/

.onas_tekst {
float: left; 
width: 700px; 
margin-top: -15px;
* padding: 20px 0 0 0;
font-size: 10px; }

.onas_flash {
float: left; 
margin-top: -10px; 
* margin-top: 5px;}



/* OFERTA */

.identyfikacja {

float: left;

margin: 30px 0 0 18px;

width: 250px;}



.wiecej {

margin: -10px 10px 0 0;
* margin: -15px 10px 0 0;

width: 240px;

text-align: right;}



.wiecej a {

text-decoration: none;

font: 11px Arial;

color: #848587}



.tworzenie {

float: left;

margin: 30px 0 0 0;

width: 250px;}



.tekst_oferta {

padding: 0 10px 0 10px;

text-indent: 30px;
* margin-top: 10px;}



.pasek_oferta {

margin: 40px 0 0 0;

float: left;

width: 7px;

height: 249px;}



/* KONTAKT */



.formularz {

float: left;

width: 340px;

margin: 31px 190px 0 270px;}



.formularz_container1 {
width: 400px;

float: left;
margin-top: 0;
* margin-top: -20px;}

.formularz_container2 {

width: 400px;

float: left;
margin-top: 0;
* margin-top: -2px;}



.adres {

height: 77px;

width: 340px;

color: #636363;

font-size: 11px}



.adres_mail {

width:340px; 

height:20px;

font:15px tahoma; 

color:#555555;

border: 0px;

background: url(img/pole1.jpg); }



.telefon {

margin-top: 18px;

width:340px; 

height:20px;

font:15px tahoma; 

color:#555555;

border: 0px;

background: url(img/pole2.jpg); }



.tekst_mail {

width:340px; 

height:100px;

margin-top: 19px;

font:14px tahoma; 

color:#555555;

border: 0px;

line-height: 14px;

background: url(img/pole3.jpg); }



.wyslij_mail {

background: url(img/koperta1.png);

width: 61px;

height: 37px;

margin: 0 10px 0 0;

float: right;

border: 0;}

.wyslij_mail:hover {
background: url(img/koperta.png);
}



.mail_kontakt {

text-decoration: none;

color:#555555;}


/*OFERTY*/

.ikona {
width: 260px;
height: 278px;
float: left;
margin: 40px 0 0 -58px;}

.pasek {

background: url(img/pasek.jpg);

width: 12px;

height: 278px;

float: left;

margin: 40px 0 0 0;}



.pasek2 {

background: url(img/pasek2.jpg);

width: 7px;

height: 278px;

float: left;

margin: 40px 0 0 0;}



.main_left {
padding: 25px 10px 25px 10px;
width: 260px;
height: 270px;
float: left;}

.main_left a {
text-decoration: none;
color: #848587; }

.tytul {
float: left;
width: 250px;
background: #EAEAEA;
padding: 4px 0 4px 10px;
font-weight: bold;}

div h1 {
font: 13px Tahoma;
font-weight: bold;
margin: 0;
padding: 0; }

.text_google {
float: left;
width: 1000px;
text-align: center;
clear: both;
}

div h2 {
font: 8px Tahoma;
color: #8c8c8c;}

div h2 a {
font: 8px Tahoma;
color: #8c8c8c;
text-decoration: none;
}

.tekst_left {
padding: 15px 0 0 0;
height: 230px;
width: 260px;}

.tekst_wciecie {
text-indent: 30px;
* margin-top: -10px;}

.tekst_wciecie_min {
text-indent: 30px;
margin-top: -10px;}

.przyklady {
float: left;
width: 260px;
height: 50px;
* margin-top: -10px;}

.przykladyie {
* margin-top: -10px;}

.przyklady a{
display: inline;}

a.zobacz {
color: #9D9D8C;
font: 10px Arial;
text-decoration: none;
margin-left: 10px;}

.main_right {
padding: 25px 29px 25px 10px;
width: 260px;
height: 210px;
float: left;}

.schemat_right {
margin: 20px 0 0 0;
float: left;
background:url(img/SCHEMTA8create.jpg) no-repeat;
width: 260px;
height: 300px;}

.schemat_kont {
float: left;
margin: 20px 0 0 60px;}

.schemat_kont a {
text-decoration: none;
color: #848587; }

.schemat_spec {
float: left;
margin: 20px 0 0 130px;
text-align: left;}

.schemat_spec2 {
float: left;
margin: 27px 0 0 130px;
text-align: left;}

.schemat_proj {
float: left;
margin: 28px 0 0 64px;}

.schemat_akce {
float: left;
margin: 26px 0 0 132px;}

.schemat_akce2 {
float: left;
margin: 19px 0 0 132px;}

.schemat_odbi {
float: left;
margin: 32px 0 0 70px;}

.schemat_odbio {
float: left;
text-align: left;
margin: 24px 0 0 70px;}


/* LIGTBOX2 */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }