@charset "utf-8";
/* CSS Document */
@import url('reset.css');

body {
background:#0d0d0d;
margin:0;
padding:0;
}

/* --------TEXT STYLES-------- */

.orange {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FF8D00;
}
a:hover.orange {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FF8D00;
	font-weight: bold;
}
.grey {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #999;
}
.footerorange {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FF8D00;
	text-decoration: none;
}
a:hover.footerorange {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FF8D00;
	text-decoration: underline;
}
.text-menu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #4b4b4b;
	text-decoration: none;
}
a:hover.text-menu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #4b4b4b;
	text-decoration: underline;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18;
	font-weight: lighter;
	color: #FFF;
	text-align: left;
	padding-left: 15px;
}
h2 {
	color: #fff;
	font-size: 16px;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	margin: 0 0 5px 0;
	padding: 0;
	}

.body h2 {
	padding-top: 5px;
	}

h2 a {
	color: #ccc;
	text-decoration: none;
	}

h2 a:hover {
	color: #ccc;
	text-decoration: underline;
	}

.title h2 {
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	}

.title h2 a {
	color: #fff;
	}

/* --------TEXT STYLES END-------- */

/* --------CONTENT --------*/
.stagebg {
	background:url(../images/bg.jpg) no-repeat center;
	height: 270px;
}
.stage {
	background:url(../images/bgsides.jpg) repeat-x center;
	width: 100%;
	height: 270px;
}
	
.content {
	background:url(../images/bgcontent.jpg) repeat-y center;
	background-color: #0d0d0d;
}
	
.footer {
	background: url(../images/footer.jpg) repeat-x;
	height:41px;
}
/* --------CONTENT END-------- */

/* --------LINKBAR-------- */
#nav
{
background: url(../images/slice.jpg) repeat-x;
width:100%;
height:70px;
text-align: center;
}
#navigation 
{
margin: 0;
}

#navigation li
{
float:left;
display:block;
}

#navigation li a
{
background-image:url(../images/sprite.jpg);
display: block;
outline: none;
height: 70px;
text-decoration: none;
width: auto;
}

#navigation .home {background-position:0px 0px; width:150px; height:70px; }	
#navigation .realizacje {background-position:-150px 0px; width:111px; height:70px; }	
#navigation .szablony {background-position:-261px 0px; width:140px; height:70px; }	
#navigation .oferta {background-position:-401px 0px; width:94px; height:70px; }	
#navigation .onas {background-position:-495px 0px; width:79px; height:70px; }	
#navigation .kontakt {background-position:-574px 0px; width:101px; height:70px; }	
#navigation .tjdesign {background-position:-675px 0px; width:170px; height:70px; }	
	
#navigation a .hover { 
	background: transparent  url(../images/sprite.jpg) no-repeat; 
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
	
#navigation .home .hover {background-position: -0px -72px;}
#navigation .realizacje .hover{background-position: -150px -72px;}
#navigation .szablony .hover {background-position: -261px -72px;}
#navigation .oferta .hover {background-position: -401px -72px;}
#navigation .onas .hover {background-position: -495px -72px;}
#navigation .kontakt .hover {background-position: -574px -72px;}
#navigation .tjdesign .hover {background-position: -675px -72px;}

#navigation .home-onpage {background-position:0px -143px; width:150px; height:70px; }	
#navigation .realizacje-onpage {background-position:-150px -143px; width:111px; height:70px; }	
#navigation .szablony-onpage {background-position:-261px -143px; width:140px; height:70px; }	
#navigation .oferta-onpage {background-position:-401px -143px; width:94px; height:70px; }	
#navigation .onas-onpage {background-position:-495px -143px; width:79px; height:70px; }	
#navigation .kontakt-onpage {background-position:-574px -143px; width:101px; height:70px; }

#navigation .home-onpage .hover {background-position: -0px -72px;}
#navigation .realizacje-onpage .hover{background-position: -150px -72px;}
#navigation .szablony-onpage .hover {background-position: -261px -72px;}
#navigation .oferta-onpage .hover {background-position: -401px -72px;}
#navigation .onas-onpage .hover {background-position: -495px -72px;}
#navigation .kontakt-onpage .hover {background-position: -574px -72px;}
/* --------LINKBAR END-------- */

/* --------SIDELINKS-------- */
#sidenav
{
background: url(../images/sidenavigation.png) repeat-x;
width:100%;
height:70px;
text-align: center;
}
#sidenavigation 
{
margin: 0;
}

#sidenavigation li
{
float:left;
display:block;
}

#sidenavigation li a
{
background-image:url(../images/sidenavigation.png);
display: block;
outline: none;
height: 175px;
text-decoration: none;
width: auto;
}

#sidenavigation .back{background-position:0px 0px; width:230px; height:88px; }	
#sidenavigation .next {background-position:0px -89px; width:230px; height:86px; }
#sidenavigation .back-only{background-position:-460px 0px; width:230px; height:88px; }
#sidenavigation .next-only {background-position:-460px -89px; width:230px; height:86px; }

#sidenavigation .strony-www{background-position:0px -174px; width:230px; height:88px; }
#sidenavigation .grafika{background-position:0px -263px; width:230px; height:86px; }
#sidenavigation .inne{background-position:0px -354px; width:230px; height:85px; }

#sidenavigation .strony-www-onpage{background-position:-460px -174px; width:230px; height:88px; }
#sidenavigation .grafika-onpage{background-position:-460px -263px; width:230px; height:86px; }
#sidenavigation .inne-onpage{background-position:-460px -354px; width:230px; height:85px; }

#sidenavigation .realizacje-strony-www{background-position:0px -438px; width:230px; height:88px; }
#sidenavigation .realizacje-ulotki{background-position:0px -527px; width:230px; height:86px; }
#sidenavigation .realizacje-inne{background-position:0px -618px; width:230px; height:85px; }

#sidenavigation .realizacje-strony-www-onpage{background-position:-460px -438px; width:230px; height:88px; }
#sidenavigation .realizacje-ulotki-onpage{background-position:-460px -527px; width:230px; height:86px; }
#sidenavigation .realizacje-inne-onpage{background-position:-460px -618px; width:230px; height:85px; }

#sidenavigation .szablony-www-1{background-position:0px -703px; width:230px; height:88px; }
#sidenavigation .szablony-www-2{background-position:0px -792px; width:230px; height:86px; }
#sidenavigation .szablony-www-3{background-position:0px -882px; width:230px; height:85px; }

#sidenavigation .szablony-www-1-onpage{background-position:-460px -703px; width:230px; height:88px; }
#sidenavigation .szablony-www-2-onpage{background-position:-460px -792px; width:230px; height:86px; }
#sidenavigation .szablony-www-3-onpage{background-position:-460px -882px; width:230px; height:85px; }

#sidenavigation .strona-glowna{background-position:0px -966px; width:230px; height:88px; }	
#sidenavigation .jezyki{background-position:0px -1055px; width:230px; height:86px; }
#sidenavigation .strona-glowna-onpage{background-position:-460px -966px; width:230px; height:88px; }
#sidenavigation .jezyki-onpage{background-position:-460px -1055px; width:230px; height:86px; }

#sidenavigation .onas-side{background-position:0px -1140px; width:230px; height:88px; }	
#sidenavigation .technologia{background-position:0px -1230px; width:230px; height:84px; }
#sidenavigation .onas-side-onpage{background-position:-460px -1140px; width:230px; height:88px; }
#sidenavigation .technologia-onpage{background-position:-460px -1230px; width:230px; height:84px; }
	
#sidenavigation a .hover {
	background: transparent  url(../images/sidenavigation.png) no-repeat; 
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
	
#sidenavigation .back .hover {background-position: -230px 0px;}
#sidenavigation .next .hover{background-position: -230px -88px;}
#sidenavigation .back-only .hover {background-position: -690px 0px;}
#sidenavigation .next-only .hover{background-position: -690px -88px;}

#sidenavigation .strony-www .hover {background-position: -230px -174px;}
#sidenavigation .grafika .hover {background-position: -230px -263px;}
#sidenavigation .inne .hover {background-position: -230px -354px;}

#sidenavigation .strony-www-onpage .hover {background-position: -230px -174px;}
#sidenavigation .grafika-onpage .hover {background-position: -230px -263px;}
#sidenavigation .inne-onpage .hover {background-position: -230px -354px;}

#sidenavigation .realizacje-strony-www .hover {background-position: -230px -438px;}
#sidenavigation .realizacje-ulotki .hover {background-position: -230px -527px;}
#sidenavigation .realizacje-inne .hover {background-position: -230px -618px;}

#sidenavigation .realizacje-strony-www-onpage .hover {background-position: -230px -438px;}
#sidenavigation .realizacje-ulotki-onpage .hover {background-position: -230px -527px;}
#sidenavigation .realizacje-inne-onpage .hover {background-position: -230px -618px;}

#sidenavigation .szablony-www-1 .hover {background-position: -230px -703px;}
#sidenavigation .szablony-www-2 .hover {background-position: -230px -792px;}
#sidenavigation .szablony-www-3 .hover {background-position: -230px -882px;}

#sidenavigation .szablony-www-1-onpage .hover {background-position: -230px -703px;}
#sidenavigation .szablony-www-2-onpage .hover {background-position: -230px -792px;}
#sidenavigation .szablony-www-3-onpage .hover {background-position: -230px -882px;}

#sidenavigation .strona-glowna .hover {background-position: -230px -966px;}
#sidenavigation .jezyki .hover{background-position: -230px -1055px;}
#sidenavigation .strona-glowna-onpage .hover {background-position: -690px -966px;}
#sidenavigation .jezyki-onpage .hover{background-position: -690px -1055px;}

#sidenavigation .onas-side .hover {background-position: -230px -1140px;}
#sidenavigation .technologia .hover{background-position: -230px -1230px;}
#sidenavigation .onas-side-onpage .hover {background-position: -690px -1140px;}
#sidenavigation .technologia-onpage .hover{background-position: -690px -1230px;}

/* --------LINKBAR END-------- */

/* --------ROUNDED MENU-------- */

.topleft {
	background: url(../images/menu/tl.jpg) no-repeat;
	width: 21px;
	height: 21px;
}
.topright {
	background: url(../images/menu/tr.jpg) no-repeat;
	width: 21px;
	height: 21px;
}
.top {
	background: url(../images/menu/t.jpg) repeat-x;
	height: 21px;
}
.left {
	background: url(../images/menu/l.jpg) repeat-y;
	width: 21px;
}
.right {
	background: url(../images/menu/r.jpg) repeat-y;
	width: 36px;
}
.bottom {
	background: url(../images/menu/b.jpg) repeat-x;
	height: 23px;
}
.bottomleft {
	background: url(../images/menu/bl.jpg) no-repeat;
	width: 21px;
	height: 23px;
}
.bottomright {
	background: url(../images/menu/br.jpg) no-repeat;
	width: 21px;
	height: 23px;
}
/* --------ROUNDED MENU END-------- */

/* --------REALIZACJE-------- */
.efp { background:url(../images/realizacje/realizacja-efp-big.jpg) no-repeat; width: 704px; height: 424px; }
.mavena { background:url(../images/realizacje/realizacja-mavena-big.jpg) no-repeat; width: 704px; height: 424px; }
.regividerm { background:url(../images/realizacje/realizacja-regividerm-big.jpg) no-repeat; width: 704px; height: 424px; }
.taxor { background:url(../images/realizacje/realizacje-taxor-big.jpg) no-repeat; width: 704px; height: 424px; }
.hollywood { background:url(../images/realizacje/realizacja-hollywood-big.jpg) no-repeat; width: 704px; height: 424px; }
.riegel { background:url(../images/realizacje/realizacja-riegel-big.jpg) no-repeat; width: 704px; height: 424px; }
.dukat { background:url(../images/realizacje/realizacja-osk-dukat-big.jpg) no-repeat; width: 704px; height: 424px; }
.eubos { background:url(../images/realizacje/realizacja-eubos-big.jpg) no-repeat; width: 704px; height: 424px; }
.rugard { background:url(../images/realizacje/realizacja-rugard-big.jpg) no-repeat; width: 704px; height: 424px; }
.pbcenter { background:url(../images/realizacje/realizacja-pbcenter-big.jpg) no-repeat; width: 704px; height: 424px; }
/* --------REALIZACJE END-------- */