@import url(reset.css);

/* =body
************************************************************** */

body {
	background: #fff url(i/bg.png) repeat-x left top;
	font: normal 69% Arial, Helvetica, sans-serif;
	color: #68727b;
}

/* =site
************************************************************** */

#site {
	width: 776px;
	margin: 0 auto;
	padding-top: 74px;
}

/* =masthead
************************************************************** */

#masthead {
	position: relative;
	height: 51px;
	border-bottom: 1px #f4f6f7 solid;
}

h1 {
	position: absolute;
	left: 15px;
	top: 0;
	width: 152px;
	height: 35px;
	background: url(i/logo.png) no-repeat left top;
	text-indent: -1000em;
}

h1 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 152px;
	height: 35px;
}

/* =nav
************************************************************** */

#nav {
	list-style:  none;
	float: right;
}

#nav li {
	float: left;
	margin-left: 58px;
}

#nav li a {
	display: block;
	height: 51px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
}

#nav li a span {
	display: block;
	height: 51px;
	cursor: pointer;
}

#nav li.about-us a {
	width: 48px;
	background-image: url(i/nav/o-firmie.png);
}

#nav li.our-media a {
	width: 74px;
	background-image: url(i/nav/nasze-media.png);
}

#nav li.for-investors a {
	width: 68px;
	background-image: url(i/nav/wspolpraca.png);
}

#nav li.for-press a {
	width: 54px;
	background-image: url(i/nav/dla-prasy.png);
}

#nav li.programs a {
	width: 58px;
	background-image: url(i/nav/programs.png);
}

#nav li.advertising a {
	width: 50px;
	background-image: url(i/nav/reklama.png);
}

#nav li.selected a span {
	background: url(i/nav/tick.gif) no-repeat center bottom;
}

#nav:hover li.selected a span,
#nav.fHover li.selected a span {
	background-image: none;
}

#nav:hover li a:hover span,
#nav.fHover li a:hover span {
	background: url(i/nav/tick.gif) no-repeat center bottom;
}

/* =main
************************************************************** */

#main {
	border-bottom: 1px #e5e5eb solid;
}

#main:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

/* =content-1st
************************************************************** */

#content-1st {
	float: left;
	width: 187px;
	border-top: 1px #d3d8df solid;
	border-bottom: 1px #fbfcfd solid;
	background: url(i/content-1st-faux-border-r.gif) no-repeat right top;
}

#content-1st .inner {
	background: url(i/content-1st-faux-border-b.gif) no-repeat left bottom;
}

.main-page #content-1st {
	width: 301px;
	background-image: url(i/content-1st-faux-border-r-main.gif)
}

.main-page #content-1st .inner {
	background-image: url(i/content-1st-faux-border-b-main.gif);
}

/* =content-2nd
************************************************************** */

#content-2nd {
	float: right;
	width: 589px;
}

.main-page #content-2nd {
	width: 475px;
}

.main-page #content-2nd img {
	float: left;
}

/* =content
************************************************************** */

#content {
	padding: 20px 22px;
	border-top: 1px #d3d8df solid;
	border-left: 1px #d3d8df solid;
	min-height: 250px;
}

#content p {
	line-height: 1.6em;
	margin-bottom: 18px;
	text-align: justify;
}

#content p.small-m {
	margin-bottom: 5px;
}

#content p:first-child,
#content p.ind {
	text-indent: 56px;
}

#content p.nom {
	margin-bottom: 0;
}

#content p.noind {
	text-indent: 0;
}

#content p.noind {
	text-indent: 0;
}

#content ul,
#content ol {
	margin-left: 20px;
}

#content ul li,
#content ol li {
	margin-bottom: 1.2em;
}


/* =side-nav
************************************************************** */

#side-nav {
	padding: 20px 0 20px 17px;
	min-height: 250px;
}

#side-nav ul {
	list-style: none;
	font-size: 1.09em;
}

#side-nav ul li {
	margin-bottom: 7px;
}

#side-nav ul li a {
	color: #68727b;
}

#side-nav ul li a:hover {
	text-decoration: underline;
}

#side-nav ul li.selected a {
	font-weight: bold;
}

/* =products-box
************************************************************** */

#products-box {
	position: relative;
	height: 289px;
	background: url(i/ludzik.png) no-repeat right bottom;
}

#products-box .logo {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
}

#is-logo {
	position: absolute;
	top: 183px;
	left: 50%;
	margin-left: -89px;
	width: 178px;
	height: 30px;
	background-image: url(i/logos/is-logo.png);
}

#sportpolis-logo {
	position: absolute;
	top: 236px;
	left: 50%;
	margin-left: -58px;
	width: 117px;
	height: 37px;
	background-image: url(i/logos/sportpolis-logo.png);
}

#mysport-logo {
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: -68px;
	width: 151px;
	height: 149px;
	background-image: url(i/logos/mysport-logo.png);
}

/* =rotator
************************************************************** */

#rotator-wrapper {
	padding-top: 8px;
	padding-left: 2px;
	padding-bottom: 12px;
	background: url(i/rotator/stripe.gif) no-repeat left bottom;
	height: 271px;
}

#rotator {
	position: relative;
	height: 271px;
	overflow: hidden;
}

#rotator a {
	display: block;
	width: 772px;
	height: 271px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

#rotator a:hover {
	background-position: left -271px;
}

#rotator a.sportpolis {
	background-image: url(i/rotator/sportpolis.jpg)
}

#rotator a.informator {
	background-image: url(i/rotator/informator.jpg)
}

#rotator a.mysport {
	background-image: url(i/rotator/mysport.jpg)
}

/* =partners
************************************************************** */

#partners {
	height: 80px;
	padding: 20px 0;
	border-bottom: 1px #e8e8ee solid;
}

#partners:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#partners .caption {
	float: left;
	width: 85px;
	height: 79px;
	background: url(i/partners/caption.png) no-repeat center top;
	text-indent: -1000em;
	margin-right: 34px;
}

#partners-box {
	position: relative;
	float: left;
	width: 657px;
	height: 79px;
	overflow: hidden;
}

#innner-box {
	position: absolute;
	width: 10000px;
	top: 0;
	left: 0;
}

#partners-box ul {
	float: left;
	list-style: none;
	height: 79px;
}

#partners-box ul li {
	float: left;
	margin-right: 18px;
}

#partners-box ul li a {
	display: block;
	height: 79px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
}

#partners-box ul li a:hover {
	background-position: left -79px;
}

#prtnr-plus a {
	width: 68px;
	background-image: url(i/partners/plus.png);
}

#prtnr-creative a {
	width: 123px;
	background-image: url(i/partners/creative.png);
}

#prtnr-azs a {
	width: 38px;
	background-image: url(i/partners/azs.png);
}

#prtnr-indreams a {
	width: 82px;
	background-image: url(i/partners/indreams.png);
}

#prtnr-sson a {
	width: 39px;
	background-image: url(i/partners/sson.png);
}

#prtnr-gis a {
	width: 79px;
	background-image: url(i/partners/gis.png);
}

#prtnr-petanque a {
	width: 70px;
	background-image: url(i/partners/petanque.png);
}

#prtnr-maraton_warszawski a {
	width: 194px;
	background-image: url(i/partners/maraton_warszawski.png);
}

#prtnr-druzyna_szpiku a {
	width: 80px;
	background-image: url(i/partners/druzyna-szpiku.png);
}

/* =media
************************************************************** */

#media .medium {
	margin-bottom: 50px;
}

#media .head {
	margin-bottom: 14px;
}

#media .head img {
	float: right;
}

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

#media a:hover {
	text-decoration: underline;
}

/* =footer
************************************************************** */

#footer {
	padding-top: 18px;
	padding-right: 34px;
	padding-bottom: 15px;
	color: #888a8a;
}

#dashboard {
	list-style: none;
	text-align: right;
	margin-bottom: 5px;
}

#dashboard  li {
	display: inline;
	padding-left: 1ex;
}

#dashboard  li:before {
	content: '/ ';
	padding-right: 1ex;
}

#dashboard  li:first-child:before {
	content: '';
}

#dashboard  li a {
	color: #888a8a;
}

#dashboard  li a:hover {
	text-decoration: underline;
}

#copy {
	text-align: right;
}

/* =general
************************************************************** */

a {
	color: #7A7768;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

.semantic {
	display: none;
}

.columns:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.pdf {
	padding: 3px 0 3px 24px;
	background: url(i/icons/pdf-ico.png) no-repeat left center;
	text-decoration: underline;
}

.pdf:hover {
	text-decoration: none;
}

/* =sizes
************************************************************** */

 .size0 { display: none;}
 .size1 { width: 1%;}   .size2 { width: 2%;}  .size3 { width: 3%;}    .size4 { width: 4%;}
 .size5 { width: 5%;}   .size6 { width: 6%;}  .size7 { width: 7%;}    .size8 { width: 8%;}
 .size9 { width: 9%;}  .size10 { width: 10%;} .size11 { width: 11%;} .size12 { width: 12%;}
.size13 { width: 13%;} .size14 { width: 14%;} .size15 { width: 15%;} .size16 { width: 16%;}
.size17 { width: 17%;} .size18 { width: 18%;} .size19 { width: 19%;} .size20 { width: 20%;}
.size21 { width: 21%;} .size22 { width: 22%;} .size23 { width: 23%;} .size24 { width: 24%;}
.size25 { width: 25%;} .size26 { width: 26%;} .size27 { width: 27%;} .size28 { width: 28%;}
.size29 { width: 29%;} .size30 { width: 30%;} .size31 { width: 31%;} .size32 { width: 32%;}
.size33 { width: 33%;} .size34 { width: 34%;} .size35 { width: 35%;} .size36 { width: 36%;}
.size37 { width: 37%;} .size38 { width: 38%;} .size39 { width: 39%;} .size40 { width: 40%;}
.size41 { width: 41%;} .size42 { width: 42%;} .size43 { width: 43%;} .size44 { width: 44%;}
.size45 { width: 45%;} .size46 { width: 46%;} .size47 { width: 47%;} .size48 { width: 48%;}
.size49 { width: 49%;} .size50 { width: 50%;} .size51 { width: 51%;} .size52 { width: 52%;}
.size53 { width: 53%;} .size54 { width: 54%;} .size55 { width: 55%;} .size56 { width: 56%;}
.size57 { width: 57%;} .size58 { width: 58%;} .size59 { width: 59%;} .size60 { width: 60%;}
.size61 { width: 61%;} .size62 { width: 62%;} .size63 { width: 63%;} .size64 { width: 64%;}
.size65 { width: 65%;} .size66 { width: 66%;} .size67 { width: 67%;} .size68 { width: 68%;}
.size69 { width: 69%;} .size70 { width: 70%;} .size71 { width: 71%;} .size72 { width: 72%;}
.size73 { width: 73%;} .size74 { width: 74%;} .size75 { width: 75%;} .size76 { width: 76%;}
.size77 { width: 77%;} .size78 { width: 78%;} .size79 { width: 79%;} .size80 { width: 80%;}
.size81 { width: 81%;} .size82 { width: 82%;} .size83 { width: 83%;} .size84 { width: 84%;}
.size85 { width: 85%;} .size86 { width: 86%;} .size87 { width: 87%;} .size88 { width: 88%;}
.size89 { width: 89%;} .size90 { width: 90%;} .size91 { width: 91%;} .size92 { width: 92%;}
.size93 { width: 93%;} .size94 { width: 94%;} .size95 { width: 95%;} .size96 { width: 96%;}
.size97 { width: 97%;} .size98 { width: 98%;} .size99 { width: 99%;}
