
/* ustawienia główne */

* {
  margin: 0;
  padding: 0;
}

body {
     font: 11px Arial, helvetica, sans-serif;
     margin-bottom: 10px;
     text-align:center;
}
body { behavior: url("../public/css/csshover.htc");}
img {
    border: 0;
}
/* header*/
h1, h2, h3, h4, h5, h6, ul, ol, dl {
    font-family: Arial, sans-serif;
}

h1 { font-size: 2em; font-weight: bold; }
h2 { font-size: 1.5em; line-height: 1.25; padding: 0; }
h3 { font-size: 1.25em; line-height: 1.5; }
h4 { font-size: 1.125em; margin:0; padding:0; }
h5 { font-size: 1em; }
h6 { font-size: .875em; }

.hello h1 { display:none; }

#news h2 {padding:0 0 10px 20px; font-size:22px;}
h4.boxTitle {font-size:15px; font-weight:normal; color:#fff; padding:10px 0 0 20px;}
 
#most-download h4.boxTitle {width:634px; height:23px; background: url(../images/long-box.gif) no-repeat;}
#most-download >h4.boxTitle {height:23px; width:634px;}

#latest h4.boxTitle {width:634px; height:23px; background: url(../images/long-box.gif) no-repeat;}
#l >h4.boxTitle {height:23px; width:634px;}

#most-popular h4.boxTitle {width:230px; height:23px; background: url(../images/blank-box.gif) no-repeat;}
#most-popular >h4.boxTitle  {height:23px; width:230px;}



#login h4.boxTitle{ background:transparent url(../images/box-login.gif) no-repeat 0 0; width:210px; height:23px; padding-left:40px}

#search h4.boxTitle {background:transparent url(../images/box-search.gif ) no-repeat 0 0; width:210px; height:23px; padding-left:40px}
.menuleft h4.boxTitle, .steps h4.boxTitle {background:transparent url(../images/boxRejestracja.gif ) no-repeat 0 0; width:149px; height:22px; padding-left:40px}
#login > h4.boxTitle, #search > h4.boxTitle {height:23px; width:210px; }
.box_search h4.boxTitle {background:transparent url(../images/box-search_s.gif ) no-repeat 0 0; width:149px; height:22px; padding-left:40px}

/**/


p { font-size: 1em; }
ul { padding: 10px; }

abbr, acronym { border-bottom: 1px dashed #000; cursor: default;}

a { color: black; }
a:hover { text-decoration: none; }

option { padding: 0 5px; }
div.clear { clear: both; }
span.link { padding: 0 5px; }

/* nagłówek */

#contener {width:912px; margin:0 auto; text-align:left; }

#choose-lang {  margin: 15px 0 10px 0px; overflow:hidden; width:912px;}
#choose-lang form {float:right;}

#header { width:912px; }

#logo {float: left; width:161px; height:66px; padding-bottom:10px;}

/* drop down menu */

#menu {
      font: 14px Arial, sans-serif;
      float:right;
      width:711px;
      padding-top:10px;
}

.nav {
background:transparent url(../images/menu-back.gif) no-repeat left top;
width:711px;
height:54px;
float:left;

}

/* html .nav {
       margin-left: 25px;
}*/
.nav ul {
font-size:13px;
height:35px;
list-style:none;
width:711px;
padding:10px 0 0 ;margin:0; 
}

.nav li {
    float: left;
	padding: 0 4px;
	position: relative;
	z-index: 1;
	list-style:none;
}

.nav li.first {margin-left:0px;}
.nav li:hover {	z-index: 2;}

.nav li a {
	display: block;
	line-height: 38px;
	overflow: hidden;
	float: left;
	color: white;
    text-decoration: none;
}

.nav li a span {
	height: 35px; line-height: 35px; display: block; float: left; cursor: pointer; background-repeat: no-repeat;}

a .menu-left, a:visited .menu-left, a:link .menu-left {
	background-image: url(../images/menu_left.gif);
    background-position: 0 35px ;
	width: 7px;
}
a .menu-mid, a:visited .menu-mid, a:link .menu-mid {
	background-image: url(../images/menu_mid.gif);
	background-repeat: repeat-x;
    background-position: 0 35px;
	padding:0 3px;
}
a .menu-right, a:visited .menu-right, a:link .menu-right {
	background-image: url(../images/menu_right.gif);width: 8px; background-position: 0 35px ;}

.nav li a:hover .menu-left, .nav li a:hover .menu-mid, .nav li a:hover .menu-right {
	background-position: 0 5px;
	line-height: 35px;
}
.nav li:hover a .menu-right, .nav li:hover a .menu-mid,.nav li:hover a .menu-left{
	background-position: 0 5px; line-height: 35px;}

.nav li a:hover,
.nav li.hover a,
.nav li:hover a {
	color: white;
}
.nav li:hover .sub,
.nav li.hover .sub {
	display: block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 26px;
	left: 6px;
	background: url(../images/submenu_top.gif) no-repeat;
	width: 105px;
	padding-top: 7px;
}

.nav li ul {
	background: #333333;
	width: 103px;
	height: auto;
	margin: 0;
	padding: 0 1px 10px;
	list-style: none;
	font-size: 11px;
	overflow:hidden;
}

.nav li:hover li {
	width: 104px;
	padding: 1px 0 2px;
	list-style:none;
/*	border-bottom: 1px #C1D9F0 dashed; */ /* obramowanie */
}
.nav li:hover li a {
	color: #c0c0c0;
	line-height: normal;
	width: 92px;
	padding: 4px 6px;
	text-indent: 1px;
}
.nav li:hover li a:hover {
	color: #fff;
	text-decoration: none;
	line-height: normal;
}
.nav li li a:hover {
	color: #fff;
	background: #484848 !important;
	text-decoration: none;
	line-height: normal;
}
.nav .sub ul {
	min-width: 103px;
}

.nav .btm-bg {
	background: url(../images/submenu_bottom.gif) no-repeat;
	width: 105px;
	height: 7px;
	overflow: hidden;
	clear: both;
}

/* box */

.box {
       margin-bottom: 10px;
       width: 167px;
}

.box-down {
       background: url(../images/box-register.jpg) no-repeat;
       float: left;
       width: 35px;
       height: 29px;
}

.box-search {
       background: url(../images/box-search.jpg) no-repeat;
       float: left;
       width: 35px;
       height: 29px;
}

.box-empty {
       background: url(../images/box-empty.jpg) no-repeat;
       float: left;
       width: 35px;
       height: 29px;
}

.box-popular {
       background: url(../images/box-popular.jpg) no-repeat;
       float: left;
       width: 35px;
       height: 29px;
}

.box .title {
       background: url(../images/box-right.gif) top right no-repeat;
       color: white;
       font-size: 1.2em;
       padding: 7px 0px 5px 10px;
       height: 17px;
}

* html .box .title {
       float: left;
       width: 205px;
}

.box .square {
     background: url(../images/gradient.gif) white repeat-x;
     border: 1px solid #e1e1e0;
     border-bottom: 0;
}

.box .text {
     background: url(../images/gradient.gif) white repeat-x;
     border: 1px solid #e1e1e0;
}
#lower .text {border-left: 1px solid #e1e1e0;border-right: 1px solid #e1e1e0;
width:432px;}


* html .text {
     padding-top: 10px;
}

.box .text div, .box .square div{
     padding: 5px;
}

.box input {
     margin: 5px;
}

.box select {
     margin: 5px 0;
     border:0 none;
outline-color:#CBCBCC;
outline-style:solid;
outline-width:1px;
font-size:11px;
}

.box p {
     font-weight: bold;
}

.text ul {
     list-style-type: none;
     padding-left: 30px;
     padding-bottom:0px;
     line-height: 15px;
}

.text li {
    list-style-image: url(../images/pointer.jpg);
    font-weight: bold;
    font-size: 1.1em;
    color: #909090;
    padding: 5px 0;
}

.box li.current {
     color: black;
}

/* układ dwóch kolumn */

#cols2 {
       width: 100%;
       clear: both;
}

#cols2 #leftcol {
       float: left;
       width: 188px;
}

#cols2 #rightcol {
       float: right;
       width: 706px; /* 912 - 170 */
}

/* prawa kolumna */

#under-menu {
            position: relative;
            top: -10px;
            left: -4px;
            text-align: right;
            height: 15px;
            color: #EE591B;
}

#under-menu span {
            color: black;
}

#under-menu a {
            color: #EE591B;
            text-decoration: none;
}

#under-menu a:hover {
            text-decoration: underline;
}

#page {
      padding-left: 20px;
}

#breadcrumb {
            padding-bottom: 20px;
}

#page hr {
      color: #e1e1e1;;
      background-color: #e1e1e1;
      height: 1px;
      border: 0;
      margin: 10px 0;
}

#page hr.dotted {
      border: 1px dotted white;
      border-style: none none dotted;
}

#page h2 {
      color: #EE591B;
}

#page .check-list p {
      padding: 5px;
}

#page .check-list p a {
      color: red;
}

#page .banner {
      background-color: #fafafa;
      border: 1px solid #cbcbcb;
      position: relative;
      height: 1%; /* holly hack */
      padding: 5px 0;
      margin-bottom: 20px;
}

#page .banner .text {
      float: left;
      padding: 5px;
      width: 85%;
}

#page .banner .image {
      float: left;
      margin: 5px 10px 0 5px;
}

#page * img {
     float: left;
     margin-right: 10px;
}

#page .banner .text h3 {
      padding: 10px 10px 0px 0px;
      color: #EE591B;
}

#page .banner .text h3 .pointer {
      float: left;
}

#page .banner .text h3 .date {
      font-weight: normal;
}

#page .banner .button {
      float: right;
      position: absolute;
      bottom: 1em;
      right: 1em;
}

#page .pagination {
      text-align: right;
}

#page .space {
      margin-bottom: 10px;
}

#page .pagination .count {
      color: #EE591B;
}

#page .pagination .pages {
      margin-left: 20px;
}

#page .pagination a.current {
      color: #EE591B;
}

#page .sort {
      margin-bottom: 15px;
}

#page .sort label {
      color: #EE591B;
      font-size: 1.1em;
      font-weight: bold;
      margin-right: 5px;
}

#page .sort select {
      margin-right: 10px;
}

.item {
      padding: 5px 0;
      margin-bottom: 15px;
      color:#666;
      line-height:16px;
	  width:690px;
}

#home .item {
      border-collapse:collapse;
      border-spacing:0;
      margin:10px 0 10px 45px;
}

table.item .icon { vertical-align: top; width:115px; text-align:left; }
table.item .title { color: #ee591b; font-weight: bold; font-size: 11px; background: url(../images/star.jpg) no-repeat top left; padding:0px 0 2px 20px; vertical-align:top; display:block;padding-top:2px;width:300px;}
table.item .title span { font-weight: normal; font-size: 10px; padding-left: 0px;}
table.item .desc {padding-left: 10px; vertical-align:top; width:480px;} 

a.more {background: url(../images/button_wiecej.gif) top right no-repeat; 
border:0 none;
color:#FFFFFF;
display:block;
float:right;
height:11px;
line-height:20px;
margin:0;
padding:0 25px 10px 0;
text-decoration:none;
 }
a.more img {float:left; border:0 none; margin-right:10px;}


a.PobierzPodglad {background: url(../images/btnpobierzp.gif) top right no-repeat; 
border:0 none;
color:#6e6e6e;
display:block;
float:right;
height:11px;
line-height:20px;
margin:0;
padding:0 25px 10px 0;
text-decoration:none;
margin-left:10px;}

a.PobierzPodglad img {float:left; border:0 none; margin-right:10px;}

.item .downs {
      color: #EE591B;
      text-align: right;
      vertical-align:top;
}

#home .item .downs {
      text-align: left;
}

.item .downs span {
      color: black;
}

.item .tags {
      padding-top: 10px;
}

.item .tags span {
      color: #EE591B;
}

.item .buttons {
      text-align: right;
      vertical-align: bottom;
      width: 256px;
}

#home .item .buttons {
      float: right;
      padding: 5px 0 0 5px;
}

.video {
      padding: 10px 0;
}

.video .movie {
      padding-right: 20px;
      vertical-align: top;
}

.video .date {
      color: #EE591B;
}

.video .downs {
      color: #EE591B;
      text-align: right;
}

.video .downs span {
      color: black;
}

.video .title {
      font-size: 1.5em;
      color: #EE591B;
      font-weight: bold;
      padding: 10px 0;
}

.video .tags {
      padding: 10px 0;
}

.video .tags span {
      color: #EE591B;
}

.video .buttons .left {
      float: left;
}

.video .buttons .right {
      float: right;
}

/* układ jednokolumnowy */

#home {
       width: 912px;
       clear: both;
       margin:0; padding:0;
}

#home .box {
       width: 250px;
}

#home #higher {width: 912px; overflow:hidden; margin:0; padding:0;}

#home #higher #welcome {
      float: left;
      width: 654px;
}

#welcome {background: url(../images/home-welcome.jpg) top left no-repeat;
      height: 251px;}

#welcome .hello {
      padding: 75px 30px 0 48px;
     
}



#home .hello h1 {
      font-size: 3em;
      color: #111;
      font-weight: lighter;
}

#home .hello h1 strong {
      font-size: 1.1em;
      font-weight: bold;
      color: #000;
}

#home .hello p {
      padding-top: 0px;
      font-size: 21px;
      color: #666;
      width:400px;
}

#home #medium {
       clear: both;
       position: relative;
       top: 0px;
       padding-bottom:20px;
}

#home #medium #news {
      float: left;
      padding-top: 20px;
      padding-left: 10px;
      width: 650px;
      background: url(../images/gradient-medium.gif) no-repeat top center white;
}



* html #home #medium #search .square {
      background: none;
}

#home #lower {
      padding: 20px 0;
      background: url('../images/gradient-lower.gif') no-repeat top center;
      background-position: top center;
      overflow:hidden;
}

#home #lower .box {
       width: 430px;
}

#home #lower .box .text {
      background: white;
}

* html #home #lower .box .title {
       float: left;
       width: 385px;
}

#home #lower #most-download {
      float: left;
}
#home #lower #latest {
      float: left;
}

#home #lower .box ul {
      margin: 2px 0;
 
}

#home #lower .box div.clear {
      padding: 0;
}






#home #lower .box li a:hover {
      text-decoration: underline;
}

#home #lower .box .right {
      float: right;
      position: relative;
      top: -5px;
      color: #EE591B;
      font-weight: bold;
}

#home #lower #most-popular {
      float: right;
}

#home #lower table.four {
      width: 100%;
      padding:9px 9px 0 9px;
}

#home #lower table.four tr {
    height: 89px;
    text-align: left;
}

#home #lower table.four td {
      width: 25%;
      text-align: left;
      vertical-align: middle;
      padding: 3px;
      color: #EE591B;
      font-weight: bold;
      font-size: 1.1em;
}

#home #lower table.four tr.first td {
      border-bottom: 1px solid #e1e1e1;
}

#home #lower table.four td.first {
      border-right: 1px solid #e1e1e1;
}

#home #lower table.four tr.last td {
      border-bottom: 0px;
}

#home #lower table.four td.last {
      border-right: 0px;
}

#home #lower table.four td img {
      text-align: right;
}

#home #lower table.four td.first img, #home #lower table.four td.second img {
      margin-right: 5px;
}

#home #lower table.four td a {
      color: #EE591B;
      text-decoration: none;
}

#home #lower table.four td a:hover {
      text-decoration: underline;
}
/*BOXY */
/* popular & download */
#lower #most-popular { background: url(../images/box-large-round.gif) bottom left no-repeat; padding-bottom:30px; }
#lower #most-download { background: url(../images/long-box-bottom.gif) bottom left no-repeat; padding-bottom:20px; margin-bottom:24px; }
#lower #latest { background: url(../images/long-box-bottom.gif) bottom left no-repeat; padding-bottom:20px; margin-bottom:24px; }

#lower .box li { padding: 4px 5px;}
#lower li span {color: #EE591B; padding-right: 2px; float:left;}
#lower li span.right { float: right; font-weight:normal;}
#lower .text li a { text-decoration: none; color:#666; float:left; margin-left:0; white-space: nowrap; overflow:hidden; width:165; text-overflow: ellipsis;
-o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-binding: url('../css/ellipsis.xml#ellipsis');
}
#most-download .text ul {padding-left:18px; list-style:none; }
#most-download .text li {clear:both; list-style:none !important; list-style-image:none; background: url(../images/pointer.jpg) no-repeat left center; overflow:hidden; padding-left:15px;}

#latest .text ul {padding-left:18px; list-style:none; }
#latest .text li {clear:both; list-style:none !important; list-style-image:none; background: url(../images/pointer.jpg) no-repeat left center; overflow:hidden; padding-left:15px;}
/**/
/*Logowanie*/
#login {  float:right; width:250px; height:221px; background: url(../images/box-large-round.gif) bottom left no-repeat; padding:0 0 30px 0; margin:0;}
#higher > #login {height:221px;}
.box-login {border-left:1px solid #E1E1E0; border-right:1px solid #E1E1E0; background: url(../images/gradientbox.gif) repeat-x 0 0; margin:0; padding:0;}

#login .text { padding: 23px 0 0px 0; height:160px; margin:0;}

#login .text div { text-align: left; padding:8px 0 0 15px; margin:0; overflow:hidden;}

#login input {margin:0px 0px; padding:0; background: url(../images/inputLogin.gif) no-repeat; width:140px; height:17px;border:0; vertical-align:center;padding:4px 5px 0 5px; float:left; }
#login input.zaloguj, input.zaloguj {margin:5px; background: url(../images/inputZaloguj.gif) no-repeat; width:140px; height:21px;border:0; padding:0 0 5px 0; font-size:12px; color:#fff; float:none;}
#login div > input {   width: 140px;}
#login div label { vertical-align: 0; color:#545454; line-height:21px; float:left; width:60px }

#login p { text-align: left; margin:0 0 0 43px; padding:0;}
#login p.first-button { padding: 10px 0 5px 0;}

#login a {font-weight: normal;text-decoration: none;}
#login a:hover {text-decoration: underline;}
#login a.zarejestruj {background: url(../images/btnZarejestruj.gif) top left no-repeat; 
border:0 none;
color:#545454;
display:block;
height:11px;
line-height:20px;
margin:0 0 0 5px;
padding:0 0px 0px 0px;
text-decoration:none;
width:141px;
text-align:center;
font-size:11px;
 }
#login .text p > a.zarejestruj {padding:0 0px 10px 0px;}
a.zarejestruj_login {background: url(../images/btnZarejestruj.gif) top left no-repeat;
border:0 none;
color:#545454;
display:block;
height:11px;
line-height:20px;
margin:0 0 0 5px;
padding:0 0px 0px 0px;
text-decoration:none;
width:141px;
text-align:center;
font-size:11px;
 }
a.zarejestruj_login {padding:0 0px 10px 0px;}
/*Search*/
#search {background: url(../images/box-large-round.gif) bottom left no-repeat; padding-bottom:30px;}
#search input.szukaj {margin:5px; background: url(../images/inputSzukaj.gif) no-repeat; width:222px; height:21px;border:0; padding: 2px 0 2px 5px ; font-size:12px; color:#000;}
#home #medium #search input[type="text"] {
      padding-left: 3px;
      margin-left: 8px;
}
#search .box  {margin-bottom:0;}
#search .box .text { border:0; border-top:1px solid #E1E1E0; border-left:1px solid #E1E1E0; border-right:1px solid #E1E1E0; background: url(../images/gradientbox.gif) repeat-x 0 0;}
#home #medium #search {  float: right; padding-top: 15px;}
#home #medium #search p { margin-left: 0px;}
#home #medium #search .msg { padding: 6px 10px 0 10px;}
#home #medium #search .select { float: left; padding-left: 10px;}
#home #medium #search .button { float: right; padding: 0; margin: 0;}
#home #medium #search .clear {padding: 0;}
#home #medium #search .text { background: none;}
#search input.btnSzukaj {margin:5px; background: url(../images/btnSzukaj.gif) no-repeat; width:67px; height:21px; border:0; padding-bottom:5px; font-size:12px; color:#fff;}

.box_search {background: url(../images/box-large-round-left.gif) bottom left no-repeat; padding-bottom:18px; margin-bottom:20px;}
.box_search .text {width:186px; border:0; border-top:1px solid #E1E1E0; border-left:1px solid #E1E1E0; border-right:1px solid #E1E1E0; background: url(../images/gradientbox.gif) repeat-x 0 0;}
.box_search .text div {padding:15px 0 5px 15px}
.box_search .text p {padding:5px 0 }
.box_search input.btnSzukaj {margin:5px 15px 5px 5px; background: url(../images/btnSzukaj.gif) no-repeat; width:67px; height:21px; border:0; padding:1px 10px 3px 0; font-size:12px; color:#fff;}
.box_search #search_input {width:157px; outline:0; border:1px solid #CBCBCC; height:15px;}
.box_search select {width:156px; border:0 none; font-size:11px; outline-color:#CBCBCC; outline-style:solid; outline-width:1px; margin:5px 0;}
/**/
/*box steps / menuleft*/
.menuleft, .steps {background: url(../images/box-large-round-left.gif) bottom left no-repeat; padding-bottom:18px; margin-bottom:20px;}
.menuleft .text, .steps .text {width:186px; border:0; border-top:1px solid #E1E1E0; border-left:1px solid #E1E1E0; border-right:1px solid #E1E1E0; background: url(../images/gradientbox.gif) repeat-x 0 0;}
.menuleft .text li, .steps .text li { color:#b4b4b4; font-size:12px; font-weight:bold; list-style-image:url(../images/pointer.jpg); padding-top:0.4em;}
.menuleft .text li, .steps .text li a {color:#535252; text-decoration:none;}


/*rejestracja*/
table.form {width:700px; padding: 5px 0;}
table.form td { padding: 2px; font-size: 1.1em; text-align: left;}
table.form .left {width: 200px; color: #666666; font-size:12px;}
table.form .right {width: 500px; font-weight: bold;}
table.form .break {height: 10px;}
table.form .lined {border: 1px solid #e5e5e5; width: 400px; margin:5px 0px 5px 9px; border-collapse:separate; border-spacing:0; padding:10px 0; }
table.form .lined .left {width: 176px; padding:3px 0 3px 10px;}
table.form .lined td p {padding:10px 0;}
table.form .lined .right {width: 200px; padding:3px 0;}
table.form span {color:#e95412;}
table.form .lined td p {padding:10px 0 10px 8px;}
table.form input{ border:1px solid #c3c3c3; *width:120px;}
table.form select{ border:0 none; outline-color:#CBCBCC; outline-style:solid; outline-width:1px; font-size:11px; width:142px; margin-left:1px;}
#page table.form .check-list p {padding:5px 10px;}
#page input.dalej {margin:20px 5px; background: url(../images/btnDalej.gif) no-repeat; width:60px; height:21px; border:0; padding:2px 15px 4px 5px; font-size:11px; color:#fff;}
#page input.potwierdz {margin:20px 5px; background: url(../images/btnPotwierdz.gif) no-repeat; width:84px; height:21px; border:0; padding-bottom:5px; font-size:11px; color:#fff;}
.errorMessage{color:#e95412; font-size:12px; font-weight:bold;}
input.loguj {margin:20px 5px; background: url(../images/button_wiecej.gif) no-repeat; width:60px; height:21px; border:0; padding-bottom:5px; font-size:12px; color:#fff;}

#individual_data {margin-bottom:20px;}
#distributor_data {margin-top:20px; margin-bottom:10px}
#retailer_data {margin-top:10px; margin-bottom:10px}

.step2 p {color:#666666;font-size:12px;}
.step2 p span {color:#e95412; font-weight:bold;}
.cheklist {}
a.powrot {background: url(../images/button_right.gif) top left no-repeat; 
border:0 none;
color:#FFF;
display:block;
height:12px;
line-height:22px;
margin:19px 0 0 5px;
padding:0 0 10px 8px;
text-decoration:none;
width:80px;
text-align:center;
font-size:11px;
float:left;
 }
 a.powrot img{float:right;}
 
/**/
/* stopka */

#footer {
        width: 884px;
        color: #8e8e8e;
        border: 1px solid #e1e1e1;
        padding: 8px 13px;
        padding-bottom: 1px;
}

#footer #links {
        float: left;
}

#footer #links a {
        color: #8e8e8e;
        text-decoration: none;
}

#footer #author {
        float: right;
}

/* KONIEC PLIKU */
.menuleft li a{color:#535252;text-decoration:none;}
input{font-size:11px;}
#news .item{width:580px;}
#most-popular .text {width: 248px; }
#most-download .text {width: 652px; }
#latest .text {width: 652px; }
