#tutorials-content{width:952px;margin:0 auto;}
#tutorials-content #foo{/*background:transparent url(../image/tutorials/collection/tutorials.background.jpg) no-repeat 0 -347px*/;margin-left:0;padding-right:42px; }
.tutorials-container{position:relative;background:transparent url(../image/tutorials/collection/tutorials.spacer.jpg) repeat-y 0 0;height:100%;overflow:hidden;}
#window{display:block;width:490px;height:447px;position:absolute;top:0;left:50%;margin-left:-245px;z-index:99999;background-color:transparent;}
#window.new-video-player{width:915px;height: 653px;margin-left: -457px;}
/*.tutorials-container:after{content:"";display:block;height:0;clear:both;}
*/
.tutorials-container h2{float:left;width:100%;overflow:hidden;height:20px;text-align:center;line-height:16px;}
.tutorials-container .decoration{font-size:16px;color:#79c4d8;}
.tutorials-container small{color:#435f7b;padding:0 0 0 8px;font-size:10px;font-weight:normal;}
.tutorials-list:after,.tutorials-list li a:after{content:"";display:block;height:0;clear:both;}
.tutorials-list{padding:0 0 0 30px;}
.tutorials-list li{width:400px;padding:0 0 0 35px;float:left;}
.tutorials-list a{text-decoration:none;text-align:left;}
.tutorials-list .icon{float:left;height:31px;overflow:hidden;width:31px;}
.beginner_1{background-position:-194px 0;}
.beginner_2{background-position:-194px -31px;}
.beginner_3{background-position:-194px -62px;}
.intermediate_1{background-position:-225px 0;}
.intermediate_2{background-position:-225px -31px;}
.intermediate_3{background-position:-225px -62px;}
.advanced_1{background-position:-256px 0;}
.advanced_2{background-position:-256px -31px;}
.advanced_3{background-position:-256px -62px;}

.beginner_4,
.intermediate_4,
.advanced_4,
.none_4{background-position:0 -150px;}
.tutorials-list .info{margin:0 15px 0 15px;font-size:10px;text-align:center;color:#2f4356; float: left;}
.tutorials-list .text{}
.tutorials-list .info strong{color:#438698;}
.tutorials-list .info a {color:#438698; display: inline; padding:0;margin:0;float:left;}
.tutorials-list .title{display:block;text-align:left;padding:0 0 5px 0;color:#2f4356;color:#79C4D8;font-size:16px;line-height:17px;float:left;margin:0 0 0 15px;width:310px;}
.tutorials-list .title small{color:#2f4356;padding:0;font-size:11px;display:block;}
.tutorials-list .info em{float:left;background:transparent url(../image/search/search.elements.png) no-repeat -194px -101px;height:15px;width:53px;color:#5e94a8;font-size:9px;line-height:14px;font-style:normal;margin:0 5px 0 0;}
/* @group tutorials-unread */
#tutorials-unread h2{padding:20px 0 80px 0;/*background:transparent url(../image/tutorials/collection/tutorials.background.jpg) no-repeat 0 0;*/}
#tutorials-unread .icon{width:73px;height:73px;padding:0 0 20px 0;}
#tutorials-unread li{padding-bottom:0;}
/* @end tutorials-unread */
/* @group tutorials-read */
#tutorials-read{margin-top:-12px;}
#tutorials-read h2{padding:90px 0 55px 0;background:transparent url(../image/tutorials/collection/tutorials.background.jpg) no-repeat 0 -119px;}
#tutorials-read li{padding-bottom:12px;height:34px;}
#tutorials-read .icon{background-image:url(../image/search/search.elements.png);background-repeat:no-repeat;}
#tutorials-read .info{float:left;margin: 0 15px 0 5px;}
#tutorials-read .info a { float: none;text-align: center; display: block;}
#tutorials-read .info em{display:block;float:none;}
#tutorials-read .title {margin: 0;width: 290px;}
/* @end tutorials-read */
/* @group pager */
#tutorials-content .pager{top:7px;position:relative;display:block;width:5px;}
#tutorials-content .pager li{margin:0 2px 0 0;}
#tutorials-content .pager,#tutorials-content .pager li,#tutorials-content .pager li a{display:inline !important;text-align:center;float:none !important;width:auto;}
#tutorials-content .pager .prev,#tutorials-content .pager .next{padding:0 2px;margin:0;}
#tutorials-content .pager a{text-decoration:none;font-size:10px;line-height:16px;background:transparent url(../image/tutorials/collection/pager.png) no-repeat -29px 0;height:1px;width:1px;padding:14px 4px 14px 6px;}
#tutorials-content .pager a:hover,#tutorials-content .pager .active a{background-position:-44px 0;text-decoration:none;}
#tutorials-content .pager .prev a,#tutorials-content .pager .next a{margin:7px 0 0 0;height:1px;width:1px;padding:14px;}
#tutorials-content .pager .prev a{background-position:0 0;}
#tutorials-content .pager .next a{background-position:-59px 0;}
#tutorials-content #tutorials-read .pager{position:absolute;left:0;top:16px;padding:28px 0 0 0;width:100%;display:block;clear:both;height:44px;background:transparent url(../image/tutorials/collection/tutorials.slice.jpg) no-repeat 50% 0;}
/* @end pager */
#tutorials-content .rss,#tutorials-content .pomoc{padding:6px 33px 6px 0;text-decoration:none;position:absolute;right:22px;top:0;color:#2f4356;text-align:right;height:16px;line-height:16px;background:transparent url(../image/tutorials/collection/helpers.png) no-repeat 100% 100%;}
#tutorials-content a:hover{color:#435F7B;}
#tutorials-content #tutorials-unread .pomoc{background-position:100% 0;top:67px;}
#tutorials-content #tutorials-read .pomoc{background-position:100% 0;top:76px;}
#tutorials-content .rss{top:98px;}
/* @group tutorials-filter */
#tutorials-filter{background:transparent url(../image/tutorials/collection/filter.background.jpg) no-repeat 100% 100%;height:131px;position:relative;}
#tutorials-filter ul a{cursor:pointer;height:45px;width:100%;display:block;background-image:url(../image/tutorials/collection/filter.elements.jpg);background-repeat:no-repeat;position:relative;}
#tutorials-filter li{float:left;position:absolute;height:45px;}
#tutorials-filter .icon{background:transparent url(../image/tutorials/collection/icons.png) no-repeat -16px 0;height:16px;width:16px;position:absolute;top:-6px;}
#tutorials-filter .level .icon{left:-2px;}
#tutorials-filter .category .icon{right:35px;}
#tutorials-filter .locked .icon{background-position:-32px 0;}
#tutorials-filter .hidden .icon{background-position:0 0;}
#beginner{top:61px;left:38px;width:94px;}
#beginner a{background-position:0 0;}
#beginner a:hover{background-position:-94px 0;}
#intermediate{top:66px;left:188px;width:124px;}
#intermediate a{background-position:0 -45px;}
#intermediate a:hover{background-position:-124px -45px;}
#advanced{top:70px;left:349px;width:118px;}
#advanced a{background-position:0 -90px;}
#advanced a:hover{background-position:-118px -90px;}
#photographic{top:70px;left:496px;width:111px;}
#photographic a{background-position:0 -135px;}
#photographic a:hover{background-position:-111px -135px;}
#technical{top:64px;left:713px;width:102px;}
#technical a{background-position:0 -180px;}
#technical a:hover{background-position:-102px -180px;}
#hardware{top:61px;left:818px;width:99px;}
#hardware a{background-position:0 -225px;}
#hardware a:hover{background-position:-99px -225px;}
#video{top:67px;left:614px;width:94px;}
#video a,#video a:hover{background-position:0 -270px;}
/* @end tutorials-filter */
.cover{overflow:hidden;position:relative;width:952px;float:left;clear:both;}
.cover ul{/*position:absolute;*/top:0;left:0;}
#tutorials-filter .helper{width:26px;height:26px;
position:absolute;right:22px;top:31px;padding:0;
background-image:none;}

#additionalDesc {
    color: #2F4C55;
    font-size: 10px;
    margin-left: 88px;
    margin-right: 60px;
    padding-top: 10px;
    padding-bottom: 30px;
    text-align: justify;
}


/*zmiany */
#tutorials {background: url(../image/guide/bkg.gif);}
.fixedwrap {background: url(../image/guide/bkg2.jpg) top left no-repeat; background-position: 0px 106px;}
.fixedwrap.logout  {background: url(../image/guide/bkg_logout.jpg) top left no-repeat; background-position: 0px 106px;}
.tutorials-container {background: transparent; width: 935px;}
#tutorials-unread h2 {background: transparent;}
#tutorials #vignette {height: 96px; background: transparent; padding-top: -10px;}
div.tut-list {width: 578px; overflow: auto; float: left;  height: 555px; overflow-x: hidden;}
div.tut-list div.tutorial-one {position: relative; width: 556px; min-height: 102px; margin-bottom: 11px;}
.tut-list .ramka-img {float: left; margin-top: 3px; margin-left: 3px; height: 90px; width: 105px; overflow: hidden; margin-right: 23px;}
.tut-list .ramka{z-index: 999; position: absolute; top: 0px; left: 0px; height:102px;
			overflow:hidden;width:131px; background: url(../image/guide/orangev1.png) top left no-repeat;
			 margin-right: 20px; }
.tut-list .title{display:block;text-align:left;padding:0 0 5px 0;color:#79C4D8;font-size:16px;line-height:17px; width:425px;}
.tut-list .title small{color:#2f4356;padding:0;font-size:11px;}
.tut-list .tutorial-left
{
	float: left;
	position: relative;
	min-height: 102px;
	width: 131px;
	
	
}
.tut-list .info {display: block; margin-top: 3px;}
.tut-list .info em{text-align: center;float:left;background:transparent url(../image/common/blue.gif) top left no-repeat;height:16px;width:63px;color:#314D56;font-size:10px;line-height:16px;font-style:normal;margin:0 12px 0 0;}
.tutorial-opis {display: table-cell; vertical-align: middle; height: 102px; width: 425px; }
.tut-list .info a {color:#438698; display: inline; padding:0;margin:0; padding-left: 5px; line-height: 16px; font-size: 12px;}
.tut-list .tutorial-opis a, .tut-list .tutorial-opis a:hover {text-decoration: none !important;}
.tut-list .tutorial-opis .title
{
	font-size: 16px !important;
	color: #79C4D8 !important;
	
}


.tut-list .tutorial-opis .title small
{font-size: 12px;color: #518290;}

/*menu*/
.side-left
{
	float: left;
	width: 300px;
	height: 555px;
	overflow: hidden;
	margin-right: 35px;
}

.side-left .menu-left
{
	float: left;
	width: 220px;
	height: 507px;
	overflow: hidden;
	margin-left: 48px;
}

.side-left .menu-left li
{
	float: left;
	width: 220px;
	min-height: 19px;
}

.side-left .menu-left li strong
{
	width: 220px;
	height: 25px;
	line-height: 18px;
	float: left;
	text-transform: uppercase;
	color: #87C7DC;
	font-size: 18px;
	text-shadow: 0px -1px 0px #000000;
}

.side-left .menu-left li ul
{
	margin-bottom: 10px;
	float: left;
}

.side-left .menu-left li li a
{
	width: 174px;
	float: left;
	height: 19px;
	line-height: 21px;
	padding: 0px 24px 0px 22px;
	color: #71BDD5;
	font-size: 11px !important;
	text-shadow: 0px -1px 0px #0B1319;
}

.side-left .menu-left li li a:hover,
.side-left .menu-left li li.active a
{
	background: url(../image/common/li.png) top left no-repeat;
	margin-top: -1px;
	margin-bottom: -1px;
	color: #000000 !important;
	text-decoration: none;
	height: 21px;
	text-shadow: 0px -1px 0px #CAE4ED;
}


.side-left .menu-left li li a span
{
	float: right;
	height: 21px;
	line-height: 21px;
}

.see-all a
{
	width: 167px;
	height: 40px;
	line-height: 39px;
	float: left;
	background: url(../image/common/link2.gif) top left no-repeat;
	margin-left: 48px;
	text-align: right;
	padding-right: 52px;
	color: #669FB6;
	text-decoration: none !important;
	font-size: 11px;
	text-shadow: 0px -1px 0px #070B0E;
}


/*tematy*/
.subjects
{
	float: left;
	width: 878px;
	width: 888px;
	height: 260px;
	overflow: auto;
	overflow-x: hidden;
	margin-left: 25px;
	margin-top: 55px;
}

.subjects-right,
.subjects-left
{
	float: left;
	width: 395px;
	min-height: 260px;
	
}

.subjects-left
{
	margin-right: 35px;
}

.subject-one
{
	width: 395px;
	min-height: 55px;
	margin-bottom: 12px;
	float: left;
	margin-left: 35px;
}

.subject-one.odd
{
	clear: left;
}

.subject-img
{
	float: left;
	width: 72px;
	height: 55px;
}

.subject-one .tutorial-opis
{
	width: 320px;
	height: 55px;
	display: table-cell;
	vertical-align: middle;
}

.subject-one .info 
{
	display: block;
	width: 100%;
	margin-top:7px;
	
}

.subject-one .tutorial-opis .title strong
{
	color: #80C1D8 !important;
	font-size: 13px;
	
}


.subjects .info a {color:#438698; display: inline; padding:0;margin:0; padding-left: 5px; line-height: 16px; font-size: 12px;}
.subjects .tutorial-opis a, .subjects .tutorial-opis a:hover {text-decoration: none !important;}


.tutorials-top
{
	float: left;
	width: 935px;
	padding-top: 20px;
	height: 90px;
}

.tutorials-top h1
{
	font-size: 58px;
	color: #265162;
	text-transform: uppercase;
	text-align: center;
	line-height: 58px;
	margin-top: -4px;
	
	
}
.new-subjects 
{
	position: relative;
	width: 935px;
	height: 115px;
}

.known-subjects
{
	position: relative;
	
	height: 67px;
	padding-top: 63px;
	float: left;
	width: 935px;
}

.known-subjects .pomoc
{
	right: 29px !important;
	top: 69px !important;
	background:url(../image/common/help.png) top right no-repeat !important;
	line-height: 12px !important;
	
}

.new-subjects .pomoc, .new-subjects .rss, .new-subjects .map
{
	position: absolute;
	
	
	right: auto !important;
}

.new-subjects .pomoc, .new-subjects .rss, .new-subjects .map, .known-subjects .pomoc
{
	
	font-size: 10px !important;
}

.new-subjects .pomoc
{
	right: 29px !important;
	top: 30px !important;
	background:url(../image/common/help.png) top right no-repeat !important;
	line-height: 12px !important;
}

.new-subjects .map
{
	right: 29px !important;
	top: 0px !important;
	background:url(../image/tutorials/collection/mapa.png) top right no-repeat;
	padding-right: 33px;
	float: left;
	width: 100px;
	height: 25px;
	text-align: right;
	line-height: 25px;
	color:#2f4356;
	text-decoration: none !important;
}

.new-subjects .map img
{
	float: right;
	margin-left: 7px;
}

.new-subjects .rss
{
	top: 12px !important;
	left: 26px !important;
	right: auto !important;
	background:url(../image/common/rss2.png) top left no-repeat !important;
	
	line-height: 12px !important;
	padding-left: 33px !important;
	padding-right: 0px !important;
}


#tutorials-content #foo
{
	float: left;
	background: none;
	
	margin-top: 50px;
}
.tutorials-top #tutorial-sort .selection
{
	background: url(../image/common/poziomy.png) top left no-repeat;
	width:116px;
	height: 66px;
	padding-left: 20px;
	position: absolute;
	top: 0px !important;
	left: 7px;
}

.new-subjects .decoration,
.known-subjects .decoration
{
	margin-left: -4px;
}

.tutorials-top
{
	position: relative;
}

.tutorials-top .select-box
{
	position: absolute;
	top: 35px;
	right: 18px;
	font-size: 14px;
}

#select
{
	position: relative;
	
	float: right;
}
.select-box2
{
	width: 191px;
	height: 196px;
	background: url(../image/guide/poziomy.png) top left no-repeat;
	float: right;
	z-index: 999;
	padding: 20px 24px 0px 24px;
	position: relative;
}

.select-box2 a
{
	float: left;
	width: 171px;
	height: 11px;
	line-height: 11px;
	padding: 16px 10px 13px 10px;
	font-size: 11px;
	color: #000000;
	z-index: 999;
	text-decoration: none;
}

.select-box2 a span.closed
{
	display: none;
}

.wszystkie1
{
	background: url(../image/guide/input.png) top left no-repeat;
	width: 131px;
	height: 13px;
	color: #000000 !important;
	font-size: 11px;
	float: right;
	padding: 6px 0px 6px 5px;
	margin-left: 10px;
	text-decoration: none !important;
	overflow: hidden;
}


.wszystkie1 img
{
	float: left;
	margin-right: 5px;
}


.wszystkie1 span.opened
{
	display: none;
}



.select-box-wrapper
{
	position: absolute;
	top: 14px;
	right: -51px;
}
.select-box2 a img
{
	float: left;
	margin-left: 14px;
	margin-right: 23px;
}

.select-box2 a.wszystkie img
{
	margin-left: 0px;
	margin-right: 10px;
}

.select-box2 a.poczatkujacy
{
	padding: 17px 10px 13px 10px;
}

.select-box2 a.wszystkie
{
	padding: 16px 10px 15px 10px;
}

.select-box2 a:hover
{
	color: #000 !important;
}

.select-box2 a.poczatkujacy:hover
{
	background: url(../image/guide/poziomy.png) top left no-repeat;
	background-position: -24px -236px ;
}

.select-box2 a.srednio:hover
{
	background: url(../image/guide/poziomy.png) top left no-repeat;
	background-position: -24px -277px ;
}

.select-box2 a.zaawansowani:hover
{
	background: url(../image/guide/poziomy.png) top left no-repeat;
	background-position: -24px -317px ;
}

.select-box2 a.wszystkie:hover
{
	background: url(../image/guide/poziomy.png) top left no-repeat;
	background-position: -24px -357px ;
}

.select-box .decoration
{
	font-size: 13px !important;
	margin-top: 3px;
	float: left;
}

#foo div p
{
	background: transparent;
	color: #35545C;
	line-height: 12px;
	margin: 0px !important;
	font-size: 10px;
	
	width: 300px;
}

#foo div p a
{
	color: #79C4D8;
}


body {
  
   
    font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif;
}


.tut-list .ramka-beginer_1{ background: url(../image/guide/greenv1.png) top left no-repeat;}
.tut-list .ramka-beginer_2{ background: url(../image/guide/greenv2.png) top left no-repeat;}
.tut-list .ramka-intermediate_1{ background: url(../image/guide/yellowv1.png) top left no-repeat;}
.tut-list .ramka-intermediate_2{ background: url(../image/guide/yellowv2.png) top left no-repeat;}
.tut-list .ramka-advanced_1{ background: url(../image/guide/orangev1.png) top left no-repeat;}
.tut-list .ramka-advanced_2{ background: url(../image/guide/orangev2.png) top left no-repeat;}

.tut-list .ramka-beginner_1{ background: url(../image/guide/greenv1.png) top left no-repeat;}
.tut-list .ramka-beginner_2{ background: url(../image/guide/greenv2.png) top left no-repeat;}
.tut-list .ramka-intermediate_1{ background: url(../image/guide/yellowv1.png) top left no-repeat;}
.tut-list .ramka-intermediate_2{ background: url(../image/guide/yellowv2.png) top left no-repeat;}
.tut-list .ramka-advanced_1{ background: url(../image/guide/orangev1.png) top left no-repeat;}
.tut-list .ramka-advanced_2{ background: url(../image/guide/orangev2.png) top left no-repeat;}

/*
.tut-list .ramka{z-index: 999; position: absolute; top: 0px; left: 0px; height:102px;
			overflow:hidden;width:131px; background: url(../image/guide/orangev1.png) top left no-repeat;
			 margin-right: 20px; }

.tut-list .ramka-img {float: left; position: absolute;  top: 3px; left: 3px; height: 90px; width: 105px; overflow: hidden; margin-right: 20px;}
.tut-list div.tutorial-one{width:350px;padding:0 0 0 100px; height: 102px; margin-bottom: 8px;}
.tutorial-opis {display: table-cell; vertical-align: middle; height: 102px;}
*/

/*zmiany ze stycznia*/
/*
.tut-list .info{margin:0 15px 0 15px;font-size:10px;text-align:center;color:#2f4356; float: left;}
.tut-list .text{}
.tut-list .info strong{color:#438698;}
.tut-list .info a {color:#438698; display: inline; padding:0;margin:0;float:left;}
.tut-list .title{display:block;text-align:left;padding:0 0 5px 0;color:#2f4356;color:#79C4D8;font-size:16px;line-height:17px;float:left;margin:0 0 0 15px;width:310px;}
.tut-list .title small{color:#2f4356;padding:0;font-size:11px;display:block;}
.tut-list .info em{float:left;background:transparent url(../image/search/search.elements.png) no-repeat -194px -101px;height:15px;width:53px;color:#5e94a8;font-size:9px;line-height:14px;font-style:normal;margin:0 5px 0 0;}