/* @group reset */
html,body,div,form,fieldset,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,th,td,hr{padding:0;margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
:focus{outline:none;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
address,caption,cite,code,th,var{font-weight:normal;font-style:normal;}
input,textarea,h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1em;}
.cl{clear:both;}
a:hover{text-decoration:none;}
/* @end reset */
body{background:#000;font:normal 11px/1.50 "Helvetica Neue",Helvetica,Arial,Sans-Serif;color:#79c4d8;}
.wrap{width:1004px;margin:0 auto; position: relative;}
.clear{clear:both;}
#header,#footer{height:100%;overflow:hidden;position:relative;}
#strips{position:relative; margin-top: -5px;}
#overlay{display:block;height:318px;position:absolute;top:0;left:0;z-index:9999;width:100%;background-color:#000;}
/* #window{display:block;width:614px;height:404px;position:absolute;top:0;left:50%;margin-left:-307px;z-index:99999;background-color:transparent;} */
/* @group footer */
#footer{color:#35545c ;text-align:center;font-size:10px;padding:0px 0 10px 0;}
#footer p{display:inline;padding:0 15px; font-size: 11px; }
#footer a{color:#79C4D8;text-decoration:none; font-weight: bold;}
#footer p.statement {display: block; font-size: 10px; text-align: justify; margin: 0px !important; margin: 12px 0px !important; line-height: 10px; padding: 0px !important; }

#footer p a:hover{text-decoration:underline;}
/* @end footer */
/* @group header */
#header{height:170px;position:relative; background: url(../image/home/top-bkg.jpg) top left no-repeat; margin-top: 0px;}
#header h2 a,
#header div.hnikon a
{
	width:145px;
	height:47px;
	padding-top: 34px;
	display:block;
/* 	background:transparent url(../image/home/home.elements.png) no-repeat 0 -191px; */
	margin:10px 0 0 36px;
}
#header .logotyp a, 
#header .logotyp p{width:240px; height: 77px;
position:absolute;left:376px;top:31px;text-decoration:none;color:#79c4d8;}
#header .logotyp p a
{
/* background:transparent url(../image/home/home.elements.png) no-repeat -91px -103px; */
/* text-indent:-99999px; */
display:block;
}
#header .logotyp a small, #header .logotyp p small{padding:8px 0 0 0;display:block;text-align:center;font-size:11px;font-weight:normal;}
#header .claim-header {color: #173845; font-size: 16px; float: right; text-align: right; margin-right: 50px; margin-top: 49px; line-height: 17px;}
/* @end header */
div#strips #tutorial,
div#strips #inspiration,
div#strips #discussion,
div#strips #account
{float:left;margin:0 4px;height:480px;position:relative;width:241px;overflow:hidden;}
div#strips>div a{text-decoration:none;}
div#tutorial {margin-left: 0px !important;}
#tutorial a{color:#7ec7da;}
#inspiration, #inspiration a{color:#7cc14d;}
#discussion, #discussion a{color:#6dbbb4;}
#inspiration dd,#discussion dd,#tutorial dd{cursor:pointer;}
#openvideo{position:absolute;right:20px;top:-122px;width:90px;height:90px;z-index:8888;}
#account, #account a{color:#cac874;}
#account dt big
{
	font-size: 18px;
	line-height: 20px;
}

/* @group strip-headers */
dt {text-align:center; height: 76px; position: absolute; top: 0px; padding-top: 28px; left : 0px; width: 241px; line-height: 12px; font-size: 12px;}
dt small {font-size: 12px; text-shadow: -1px -1px 1px #131313 !important; }
.logged dt small {font-size: 11px; text-shadow: -1px -1px 1px #131313 !important;}
.logged dt big {font-size: 17px !important; line-height: 21px;}
#strips dt small {font-size: 11px}
div#strips a.dt-title
{
position: absolute; top: 0px ; left : 0px; 
display: block;
width: 241px; 
font-size: 20px; line-height: 20px; 
text-align: center;
}
a.dt-title {font-weight: bold; float: left;
width: 241px;}
dt.zalogowany {  padding-top: 32px; }

/* #inspiration dt a{background-position:-219px 0;} */
/* #discussion dt a{background-position:0 -51px;} */
/* #account dt a{background-position:-219px -51px;} */

/* @end strip-headers */
/* @group strip-titles */
dl .strop{height:480px;position:relative;width:241px;overflow:hidden; margin-top: 0px;}
dl .image{position:absolute;top:0;left:0;z-index:9;background-color:#000;}
dd { display:table-row;_display:table; }
dl h3.hdr,dl div.hdr{    font-size: 1em;
    font-weight: normal;width:211px;padding:0 15px 0 15px;
background:transparent url(../image/home/home.spacer.png) repeat-x 0 0;z-index:99;
position:absolute;left:0;top: 180px;height:102px;display:block;}
dd .center{height:99px;padding-left:35px;vertical-align:middle;display:table-cell;}
dd .center{/display:block;}
dd div.hdr a{/padding-top:36px;/display:block;}
dd small{font-size:10px;line-height:11px;height:11px;display:block;}
dd div.hdr small{/margin-top: -5px;}
dd strong{font-size:14px;line-height:14px;font-weight:normal; }
dd .center a{text-shadow: -1px -1px 1px #131313 !important;}

dd{position:absolute;left:0;top:80px;z-index:99; }



dd .icon{position:absolute;left:15px;top:35px;width:33px;height:33px;float:left;background-image:url(../image/home/home.elements.png);background-repeat:no-repeat;}	
#discussion dd .icon{background-position:-391px -123px;}
#inspiration dd .icon{background-position:-401px -195px;}
#inspiration dd .icon.hmw{background-position:-358px -123px;}

.beginner_1{background-position:-90px -161px;}
.beginner_2{background-position:-123px -161px;}
.beginner_3{background-position:-156px -161px;}
.intermediate_1{background-position:-189px -161px;}
.intermediate_2{background-position:-222px -161px;}
.intermediate_3{background-position:-255px -161px;}
.advanced_1{background-position:-288px -161px;}
.advanced_2{background-position:-321px -161px;}
.advanced_3{background-position:-354px -161px;}
.none_4{background-position:-391px -161px;}
/* @end strip-titles */
/* @group form */
form#loginform,#user-profile{height:58px;width:211px;padding:10px 15px 0 15px;background:transparent url(../image/home/home.spacer.png) repeat-x 0 0;z-index:99;position:absolute;left:0;top: 180px;}
#user-profile{height:82px;padding-top:28px;}
form#loginform{z-index:999;padding-left:24px; height: 105px;width:211px}

#loginform p{padding:0;margin:0 0 8px 0;float:left;}
#loginform .text
{
	overflow:hidden;
	height:22px;
	width:195px;
	background:transparent url(../image/home/input.png) ;
	position: relative;
}

#loginform .text input,
#loginform .text label span
{
	background:transparent url(../image/home/input.png) ;
	border:none;
	width:170px;
	padding:4px 6px 2px 12px;
	margin:0 0 0 0;
	color:#403f25;
	font:normal 11px/16px Helvetica,Arial,Sans-Serif;
	height:16px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	cursor: text;
	
}

#loginform .text ::-webkit-input-placeholder {
	color:#403f25;
}

#loginform .text :-moz-placeholder {
	color:#403f25;
}

#loginform .short{width:128px;background-position:0 -248px;}
#loginform .short input{width:110px;}
#loginform .loader{width:67px; margin-top: 0px;}
#loginform .loader img{margin:3px 0 0 8px;}
#loginform .submit{margin:0 0 0 4px;width:61px;height:22px;float:right;border:none;cursor:pointer;}
#loginform .error{
background: url(../image/home/error.png) top left no-repeat;
   top: -52px;
   color: #4C3100;
   font-family: arial, verdana, helvetica, sans-serif;
   line-height: 41px;
   left: 9px;
   position: absolute;
   text-align: center;
   width: 225px;
   height: 49px;
   font-size: 11px;
}

#loginform .error a {color: #4C3100; text-decoration: underline}
#loginform .error a:hover {text-decoration: none}

#loginform .forgotten a{float: left;  width: 241px; height: 31px; position: absolute; 
			top: 100px; left: 0px; font-size: 13px; color: #4C2F00; text-align: center; padding-top: 11px;}

#loginform .checkbox-home {font-size: 10px; float: left; width: 128px; padding-top: 0px;}
#loginform .checkbox-home span {float: left; 
margin-left: 7px; 
/* height: 13px; */
margin-top: 5px;
color: #CAC874;}
#loginform .checkbox-home span.jcheckbox {
	display: inline-block; 
	width: 13px;
	height: 13px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 10px; 
	background: url(../image/home/checkbox.png) left top no-repeat;
}

#loginform .checkbox-home.checked span.jcheckbox {
	background-position: 0 -13px;
}

#loginform .checkbox-home input {margin-right: 0px; margin-top: 10px; }

#user-profile .avatar{float:left;margin:0 10px 0 0;}
#user-profile h4{float:left;}
#user-profile h4 small{display:block;padding:0 0 2px 0;font-size:12px;line-height:16px;color:#696947;}
#user-profile h4 strong{font-size:16px;line-height:18px;color:#c5c482;}
#user-profile h4 a{display:block;height:19px !important;line-height:19px !important;width:22px;margin:2px 0 0 -3px;background:transparent url(../image/home/home.elements.png) no-repeat -358px -103px;padding-right:0;overflow:hidden;}
#user-profile h4 a:hover{padding-right:60px;}
/* @end form */


.menus {width: 100%; position: absolute; top: 0px; left: 0px;  margin-top: -68px; z-index: 9999;}
.dotted-ul {float: left; width: 248px;
position: absolute; 
z-index:999; 
top: 412px;

}
.dotted-ul ul{float: left; width: 90px; height: 11px; margin-left: 85px; }
.dotted-ul li{float: left; width: 11px; height: 11px; margin-right: 9px;}
.dotted-ul li a{float: left; width: 11px; height: 11px; background: url(../image/home/dott1.png) top left no-repeat;}
.dotted-ul li.active a{background:url(../image/home/dott11.png) top left no-repeat;}

.photo-ul li a{background: url(../image/home/dott2.png) top left no-repeat;}
.photo-ul li.active a{background:url(../image/home/dott22.png) top left no-repeat;}

.insp-ul li a{background: url(../image/home/dott3.png) top left no-repeat;}
.insp-ul li.active a{background:url(../image/home/dott33.png) top left no-repeat;}


.news-wrapper {width: 241px; height: 322px; overflow: auto; overflow-x: hidden; position: absolute; top: 0px; left: 0px; z-index: 999;}
dd.static .strop {position: relative; }
.news {width: 241px;  }
.news td {border-top: 1px solid #585843; background: url(../image/home/li.gif) bottom left repeat-x #4C4C3A;}
.news td.img {padding: 12px 12px 8px 15px; width: 33px;}
.news td.tresc {padding: 5px 30px 5px 0px; line-height: 14px !important;}
.news a {font-size: 14px; color: #CAC874; padding-top: 0px;}	
.news small, .news a small {font-size: 11px; color: #898855; text-shadow: -1px -1px 1px #333 !important; }
.news strong {color: #CAC874; font-size: 13px; line-height: 14px; text-shadow: -1px -1px 1px #131313 !important; }	

.news .icon {position: static; float: left; margin-left:0px; margin-top:0px;width:33px;height:33px;background-image:url(../image/home/poradnik.png);background-repeat:no-repeat;}	
.news .discussion .icon {background-image:url(../image/home/inspiracje.png);background-repeat:no-repeat;}	
.news .inspiration .icon {background-image:url(../image/home/fotograf.png);background-repeat:no-repeat;}	




.news .beginner_1 .icon {background-image:url(../image/home/home.elements.png) !important;background-position:-89px -161px; }
.news .beginner_2 .icon {background-image:url(../image/home/home.elements.png);background-position:-122px -161px;}
.news .beginner_3 .icon {background-image:url(../image/home/home.elements.png);background-position:-155px -161px;}
.news .intermediate_1 .icon {background-image:url(../image/home/home.elements.png);background-position:-188px -161px;}
.news .intermediate_2 .icon {background-image:url(../image/home/home.elements.png);background-position:-221px -161px;}
.news .intermediate_3 .icon {background-image:url(../image/home/home.elements.png);background-position:-254px -161px;}
.news .advanced_1 .icon {background-image:url(../image/home/home.elements.png);background-position:-287px -161px;}
.news .advanced_2 .icon {background-image:url(../image/home/home.elements.png);background-position:-320px -161px;}
.news .advanced_3 .icon {background-image:url(../image/home/home.elements.png);background-position:-353px -161px;}
.news .none_4 .icon {background-image:url(../image/home/home.elements.png);background-position:-390px -161px;}

.news-corner {position: absolute; width: 15px; height: 15px; }
.corner-tl {top: 0px; left: 0px; background: url(../image/common/corner-tl.png) top left no-repeat; z-index:9999}
.corner-tr {top: 0px; right: 0px; background: url(../image/common/corner-tr.png) top left no-repeat; z-index:9999}
.corner-bl {top: 307px; left: 0px; background: url(../image/common/corner-bl.png) top left no-repeat; z-index:9999}
.corner-br {top: 307px; right: 0px; background: url(../image/common/corner-br.png) top left no-repeat; z-index:9999}

#window{display:block;position:absolute;z-index:1001;text-align:center;line-height:0;left:50%;}
#overlay{display:block;height:200px;position:absolute;top:0;left:0;z-index:1000;width:100%;background-color:#000;}
#window p{font:normal 10px/ 15px Tahoma,Helvetica,Sans-Serif;color:#343412;}
#window .proced{position:absolute;right:0;bottom:0;display:block;height:30px;width:55px;text-indent:-99999px;background:transparent url(../image/window/account/proced.png) no-repeat 0 0;}
#window .proced:hover{background-position:0 -30px;}
#window #content{position:relative;margin:25px 30px;text-align:justify;}
#window h2{width:100%;height:25px;margin:0 0 15px 0;background:transparent url(../image/window/account/headers.png) no-repeat 0 0;}
#window .nie_pamietasz_hasla{background-position:0 0;}
#window .nieprawidlowy_klucz{background-position:0 -25px;}
#window .zostalo_aktywowane{background-position:0 -75px;}
#window .zmiana_adresu{background-position:0 -100px;}
#window .zostalo_zalozone{background-position:0 -50px;}

.wmessage{margin-left:-192px;width:384px;height:173px;background:transparent url(../image/window/account/win.normal.png) no-repeat 0 0;}
.wmessage #content{height:123px;}
.wpassword{margin-left:-192px;width:384px;height:202px;background:transparent url(../image/window/account/win.password.png) no-repeat 0 0;}
.wpassword .proced{position:relative !important;float:right;}
.wpassword form{margin:20px 0 0 0;}
.wpassword form .input{margin:0;float:left;background:transparent url(../image/window/account/inputs.png) no-repeat 100% 0;}
.wpassword form .input input{height:15px;padding:8px 0;margin:0 18px;border:none;background:transparent none;font:normal 11px/ 15px Tahoma,sans-serif;color:#84846D;width:146px;float:left;display:inline;z-index:11;}
.wpassword form label{cursor:pointer;height:15px;padding:8px 0;border:none;font:normal 10px/ 15px Arial,Helvetica,sans-serif;color:#343412;text-align:center;width:82px;float:left;background:transparent url(../image/window/account/inputs.png) no-repeat 0 0;}
form .proced input{border:none;height:0;width:0;padding:0;background-color:transparent;}
.wpassword .message{color:#B33400 !important;padding:2px 0 0 2px;}
.werror{margin-left:-241px;width:483px;height:173px;background:transparent url(../image/window/account/win.error.png) no-repeat 0 0;}
.werror #content{height:123px;}
.help{position:absolute;right:18px;float:right;text-align:right;line-height:26px;font:normal 9px/ 26px Tahoma,Helvetica,Sans-Serif;color:#313125;text-decoration:none;}
.help span{height:26px;width:26px;float:right;margin:0 0 0 6px;background:transparent url(../image/account/elements.png) no-repeat -93px 0;}
.help:hover{color:#404030;}
.help:hover span{background-position:-93px -26px;}
.help_logowanie{top:1106px;}
.help_rejestracja{top:664px;}=======