/*

Designed & coded by MOJITO Agencja Kreawtyna
All Rights Rserved

Main Colors:
dark grey: #7d7d7d
light grey: #ebebeb;
pink: #c83aa9
orange: #f09c28
blue: #39b8eb

*/

body {
margin: 0;
padding: 0;
font-family: calibri, arial, sans-serif;
color: #7d7d7d;
background-color: white;
}

img {
border: none;
}

li,ul, p, h1, h2 {
margin: 0;
padding: 0;
}

li {
list-style: none;
}

a {
text-decoration: none;
color: #7d7d7d;
}

a:hover {
color: #c83aa9;
}

.active {
color: #c83aa9;
font-weight: bold
;}

#container {
width: 960px;
margin: 0 auto;
}

#header {
position: relative;
width: 960px;
height: 200px;
background: url('../images/portfolio_header.png') no-repeat;
}

#header a#klienci{
position: absolute;
width: 47px;
height: 13px;
top: 31px;
right: 170px;
background: url('../images/portfolio_klienci.png') no-repeat;
}

#header a#home{
position: absolute;
width: 35px;
height: 12px;
top: 95px;
right: 223px;
background: url('../images/portfolio_home.png') no-repeat;
}

#header a#bulb{
position: absolute;
width: 15px;
height: 24px;
top: 92px;
right: 143px;
background: url('../images/portfolio_bulb.png') no-repeat;
}

#main_nav {
position: relative;
width: 620px;
height: 102px;
margin: 0 auto;
background: url('../images/portfolio_menu_bg.png') no-repeat;
overflow: hidden;
}

#main_nav ul{
float: left;
position: relative;
left: 50%;
}

#main_nav ul li {
display: block;
float: left;
position: relative;
right: 50%;
margin-top: 40px;
padding: 0 1em;
}

#sub_nav {
width: 100%;
position: relative;
overflow: hidden;
float: left;
}

.pages {
clear: left;
float: left;
margin: 0;
padding: 0;
position: relative;
left: 50%;
}

.pages li {
display: block;
float: left;
margin: 0;
padding: 0;
position: relative;
right: 50%;
}

.pages li a {
display: block;
padding: 0 .25em;
}

#content {
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
}

.holder {
margin: 2em 0;
}

.box {
width: 600px;
height: 195px;
margin: 0 auto;
overflow: hidden;
border: 1px solid #ebebeb;
}

h1 {
font-size: 14pt;
margin-left: 180px;
margin-bottom: .25em;
}

h1 span {
font-weight: normal;
font-size: 10pt;
}

.holder a{
display: block;
text-align: right;
margin-right: 180px;
margin-top: .5em;
font-size: 10pt;
}


#profinanse .box { background: url('../images/foldery_profinanse_bg.jpg') no-repeat;}
#infolab .box { background: url('../images/foldery_infolab_bg.jpg') no-repeat; }
#mtm .box { background: url('../images/foldery_mtm_bg.jpg') no-repeat; }
#tspeed .box { background: url('../images/foldery_tspeed_bg.jpg') no-repeat; }
#mediacom_folder .box { background: url('../images/foldery_mediacom_0.jpg') no-repeat; }
#fotonet_folder .box { background: url('../images/foldery_fotonet_0.png') no-repeat; }
#fiolet .box {background: url('../images/ulotki_fiolet_bg.jpg') no-repeat;}
#SWSZ_2 .box {background: url('../images/ulotki_swsz2_bg.jpg') no-repeat;}
#debacom_4 .box {background: url('../images/ulotki_debacom1_bg.jpg') no-repeat;}
#gzm .box {background: url('../images/gzm_bg.jpg') no-repeat;}
#SWSZ_1 .box { background: url('../images/press_swsz1_bg.jpg') no-repeat; }
#swsz_folder .box { background: url('../images/folder_swsz_bg.jpg') no-repeat; }
#print_miconet .box { background: url('../images/print_miconet_bg.jpg') no-repeat; }

.more {
	background: #c83aa9;
	padding: 3px 5px;
	color: white;
	font-weight: bold;
	position: relative;
	display: block;
	text-align: right;
	float: right;
}

a.more:hover { background: #9b64a7; color: white;}




,