body {
background-color:#000000;
margin:0;
padding:0;
color:#999;
font-family:Tahoma, Geneva, sans-serif;
}

table {
color:#999;
font-size:12px;
line-height:16px;
font-family:Tahoma, Geneva, sans-serif;
}

li {
color:#999;
font-size:12px;
line-height:16px;
font-family:Tahoma, Geneva, sans-serif;
}

p {
color:#999;
font-size:12px;
line-height:16px;
font-family:Tahoma, Geneva, sans-serif;
}

img {
	vertical-align:baseline;
}

a {
color:#F8A110;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.clear {
	height:0;
clear:both;
}

#top {
width:990px;
height:100px;
margin:0 auto;
}
#content {
width:990px;
margin:0 auto;
}

#content-main {
	background-image:url(/images/foto3.jpg);
width:990px;
height:372px;
margin:0 auto;
}
#tla {
height:372px;
width:990px;
position:relative;
z-index:2;
}

#index-box {
float:right;
margin-top:172px;
height:150px;
width:400px;
}

#tabs5 {
	width:300px;
	height:50px;
	float:left;
	padding:0;
	margin:0;
	margin-top:20px;
}

#tabs5 li {
	height:50px;
	width:300px;
list-style:none;
margin:0;
padding:0;
background-color:#35f;
}
#tabs5 li a img {
border:none;
}
#tabs5 li a img:hover {
border:none;
}

#tabs8 {
float:left;
margin:0;
padding:0;
}
#tabs8 li {
list-style:none;
margin:0;
padding:0;
}
#tabs8 li a img {
border:none;
}
#tabs8 li a img:hover {
border:none;
}




#tabs3 {
position:absolute;
top:0;
left:0;
height:372px;
width:990px;
z-index:-1;
}
#tabs3 li{
z-index:-1;
position:absolute;
top:-16px;
left:0;
height:372px;
width:990px;
margin:0;
list-style:none;
}

#tlo1 {
height:372px;
width:990px;
position:absolute;
top:0;
left:0;
z-index:-1;
background-image:url(/images/foto1.jpg);
}
#tlo2 {
height:372px;
width:990px;
position:absolute;
top:0;
left:0;
z-index:-1;
background-image:url(/images/foto2.jpg);
}
#tlo3 {
height:372px;
width:990px;
position:absolute;
top:0;
left:0;
z-index:-1;
background-image:url(/images/foto4.jpg);
}


#foty {
	height:1px;
	width:1px;
	position:relative;
	top:0;
	padding:0;
	float:right;
	z-index:1;
}

.fotografie a img{
border:1px solid #333;
}
.fotografie a img:hover{
border:1px solid #F8A110;
}


#tekst {
float:left;
width:520px;
padding-top:10px;
padding-right:50px;
padding-left:30px;
}
#tekst-portfolio {
float:left;
width:930px;
padding-top:30px;
padding-right:30px;
padding-left:30px;
}

#tresc {
width:990px;
float:left;
}

#bok {
	width:380px;
float:right;
background-image:url(/images/bg_bok.gif);
background-position:top;
background-repeat:no-repeat;
text-align:right;
padding-top:10px;
}
#bok img {
margin-top:10px;
margin-bottom:10px;
}


/*   *********************** M E N U *********************** */
#logo a {
display:block;
width:220px;
height:100px;
float:left;
background-image:url(/images/bestprint_logo1.gif);
}
#logo a:hover {
background-image:url(/images/bestprint_logo2.gif);
}

#menu {
	float:right;
	text-align:left;
width:601px;
height:100px;
}

.slash-top{
display:block;
width:38px;
height:100px;
float:right;
margin:0;
background-image:url(/images/slash_top.jpg);
}


a.menu-agencja {
	float:right;
display:block;
height:100px;
width:72px;
margin:0;
padding:0;
border:none;
background-image:url(/images/agencja1.gif);
}
a.menu-agencja:hover {
background-image:url(/images/agencja2.gif);
}
a.menu-portfolio {
	float:right;
display:block;
height:100px;
width:89px;
margin:0;
padding:0;
border:none;
background-image:url(/images/portfolio1.gif);
}
a.menu-portfolio:hover {
background-image:url(/images/portfolio2.gif);
}

a.menu-kontakt {
	float:right;
display:block;
height:100px;
width:75px;
margin:0;
padding:0;
border:none;
background-image:url(/images/kontakt1.gif);
}
a.menu-kontakt:hover {
background-image:url(/images/kontakt2.gif);
}


a.menu-oferta {
	float:right;
display:block;
height:100px;
width:62px;
margin:0;
padding:0;
border:none;
background-image:url(/images/oferta1.gif);
}
a.menu-oferta:hover {
background-image:url(/images/oferta2.gif);
}


a.menu-technologie {
	float:right;
display:block;
height:100px;
width:113px;
margin:0;
padding:0;
border:none;
background-image:url(/images/technologie1.gif);
}
a.menu-technologie:hover {
background-image:url(/images/technologie2.gif);
}


/* ************************ S U B   M E N U *********************** */

#sub-menu {
margin-left:30px;
margin-top:30px;
width:400px;
float:left;
z-index:3;
}

#sub-menu a{
	display:block;
	height:40px;
margin-bottom:2px;
clear:both;
float:left;
z-index:inherit;
}

#drukarnia {
background-image:url(/images/drukarnia1.gif);
width:242px;
z-index:3;
}
#drukarnia:hover {
background-image:url(/images/drukarnia2.gif);
}

#introligatornia {
background-image:url(/images/introligatornia1.gif);
width:350px;
}
#introligatornia:hover {
background-image:url(/images/introligatornia2.gif);
}

#fotografia {
background-image:url(/images/fotografia1.gif);
width:257px;
}
#fotografia:hover {
background-image:url(/images/fotografia2.gif);
}

#multimedia {
background-image:url(/images/multimedia1.gif);
width:252px;
}
#multimedia:hover {
background-image:url(/images/multimedia2.gif);
}

#wizerunek {
background-image:url(/images/wizerunek1.gif);
width:241px;
}
#wizerunek:hover {
background-image:url(/images/wizerunek2.gif);
}


/* ************************* F O O T E R ******************************* */
#sub-footer {
background-color:#1A1A1A;
width:100%;
height:80px;
margin:0 auto;
}

#footer {
width:990px;
margin:0 auto;
font-size:12px;
height:200px;
color:#444;
margin-top:10px;
}

#footer a {
color:#333;
font-size:12px;
line-height:14px;
}
#footer a:hover {
color:#F8A110;
text-decoration:underline;
}
#sub-center {
width:990px;
margin:0 auto;
height:80px;
}
#sub-center2 {
	background-image:url(/images/stopka.gif);
width:990px;
margin:0 auto;
height:80px;
}


#hints {
height:50px;
width:990px;
margin:0 auto;
}
.h-box {
width:300px;
float:left;
text-align:left;
margin-top:20px;
margin-right:45px;
margin-left:5px;
}

.s-box {
	width:290px;
	height:60px;
	float:left;
	padding-top:20px;
	padding-left:40px;
	margin-left:5px;
	background-image:url(/images/slash_bottom.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#999;
    font-size:12px;
	line-height:14px;
}
.s-box2 {
	width:230px;
	height:60px;
	float:left;
	padding-top:20px;
	padding-left:80px;
	margin-left:5px;
	background-image:url(/images/slash_bottom.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#999;
    font-size:12px;
	line-height:14px;
}
.s-box2 img {
float:left;
margin-top:-3px;
}
.s-box2 span {
float:left;
margin-top:16px;
margin-left:20px;
}

.s-box a {
color:#999;
font-size:12px;
line-height:14px;
}
.s-box a:hover {
color:#F8A110;
text-decoration:underline;
}

.c-box {
	display:block;
	width:300px;
	height:50px;
	margin-top:20px;
	margin-right:15px;
	float:left;
	background-image:url(/images/teczki_magnetyczne1.gif);
}
.c-box:hover {
background-image:url(/images/teczki_magnetyczne2.gif);
}

#d-box-left {
width:660px;
height:55px;
float:left;
padding-left:30px;
padding-top:20px;
}
#d-box-right {
width:250px;
height:55px;
float:right;
padding-left:40px;
padding-top:25px;
}
#d-box-right img{
float:left;
}

#d-box-right a{
display:block;
width:128px;
height:30px;
background-image: url(/images/napisz1.gif);
float:left;
}
#d-box-right a:hover {
background-image: url(/images/napisz2.gif);
}

#f-right {
float:right;
}




ul#tabs{
	margin:0;
    overflow: hidden;
    display: block;
	padding:0;
}

ul#tabs li{
    display: none;
	color:#999;
    font-size:12px;
	line-height:14px;
list-style:none;
}

ul#tabs li img {
float:left;
margin-top:-3px;
}

#tabs li span{
float:left;
margin-top:16px;
margin-left:20px;
}


ul#tabs2 {
	margin:0;
    overflow: hidden;
    display: block;
	padding:0;
}

ul#tabs2 li{
    display: none;
	color:#999;
    font-size:12px;
	line-height:14px;
list-style:none;
}

ul#tabs2 li img {
float:left;
margin-top:-3px;
}

#tabs2 li span{
float:left;
margin-top:16px;
margin-left:20px;
}

.portfolio-box {
width:285px;
margin-left:10px;
margin-right:10px;
float:left;
height:150px;
margin-bottom:20px;
}

.portfolio-box img {
border:1px solid #333;
}

.portfolio-box img:hover {
border:1px solid #F8A110;
}