/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, /*pre,*/
a, /*abbr, acronym,*/ address, /*big, cite, code,*/
/*del, dfn, em,*/ font, img, /*ins, kbd,*/ q, /*s, samp,*/
/*small, strike, strong, sub, sup, tt, var,*/
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family: 'Armata',sans-serif;
}

/*caption, th, td {
	font-weight: normal;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}*/

blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/* main styles */
body, html {
	width: 100%;
	height: 100%;
}
body {
	position: relative;
	font-family: 'Armata',sans-serif;
	font-size: 12px;
	line-height: 20px;
	background: rgb(255,255,255);
	color: #606060;
}

#top {
	height: 130px;
  background-color: rgba(0,0,0,0.9);
  z-index: 9999;
  width: 100%;
}

.top_exam {
	position: fixed;
}

#top_logo {
  width: 215px;
  height: 100px;
  position: absolute;
  margin-left: 10px;
  margin-top: 15px;
}

#top_logon {
  float: right;
  height: 100px;
  margin-left: 230px;
  margin-top: 15px;
  margin-right: 10px;
  text-align: right;
}

#top_logon .logon_name {
  font-weight: bold;
  color: rgb(246,147,35);
}

.start_bg {
  background-image: url('../gfx/bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  height: 100%;
  width: 100%;
  margin: 0;
}

.start_bg .logo {
  padding-top: 20px;
  padding-left: 20px;
  position: absolute;
}

.start_bg .menu {
  margin-left: 200px;
  position: absolute;
}

.start_bg .login_form {
  width: 33%;
  height: 280px;
  max-height: 50%;
  position: absolute;
  left: 59%;
  /*top: 150px;*/
  background-color: rgba(0,0,0,0.4);
  padding: 20px;
  color: #fff;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

  .hp_text {
    position: absolute;
    text-align: center;
    top: 800px;
    width: 100%;
  }

.hp_text h1 {
  font-size: 3em;
  text-transform: normal;
  text-shadow: 2px 2px #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
  line-height: 1.2em;
}

.hp_text h2 {
  font-size: 1.9em;
  color: #fff;
  text-transform: normal;
  text-shadow: 2px 2px #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #444,  
    1px -1px 0 #444,
   -1px  1px 0 #444,
    1px  1px 0 #444;
  line-height: 1.2em;
}

#start_content .hp_text .box {
  min-height: 10px;
}

@media (max-width: 640px) {
  .start_bg .login_form {
    width: 75%;
    left: 7%;
    height: 280px;
    max-height: 280px;
    top: 150px;
  }
  .start_bg {
    height: 500px;
  }
}

@media (max-width: 320px) {
  .start_bg .login_form {
    width: 75%;
    left: 7%;
    max-height: 70%;
  }
}

.logon_student span {
  display: block;
}

.logon_student span.logon_name {
  font-size: 2.91em;
  line-height: 40px;
}

.logon_logout a {
  color: #606060;
}

.container {
	/*width: 100%;*/
	max-width: 1100px;
	margin: auto;
}

.content_normal {
	padding: 20px;
}

.content_exam {
	padding-top: 160px;
}

#footer {
	/*width: 100%;*/
	height: 80px;
	background-color: rgb(240,240,240);
	margin-top: 40px;
	padding: 0px 10px;
}

#footer_content {
	/*width: 100%;*/
	max-width: 1100px;
	margin: 0 auto;
	height: 100px;
}

#footer_left {
  /*width: 330px;*/
  margin-left: 0px;
  margin-top: 5px;
  color: rgb(115,115,115);
  font-size: 0.83em;
  background-repeat: no-repeat;
  line-height: 1.7em;
  float: left;
}

#footer_center {
  /*width: 330px;*/
  margin: auto;
  margin-top: 15px;
  padding-top: 15px;
  color: rgb(115,115,115);
  font-size: 0.92em;
  background-repeat: no-repeat;
  background-position: 0px 7px;
}

#footer_right {
  float: right;
  /*width: 330px;*/
  margin-top: 15px;
  color: rgb(115,115,115);
  font-size: 0.83em;
  background-repeat: no-repeat;
}

#footer_left a, #footer_left a:hover,
#footer_center a, #footer_center a:hover,
#footer_right a, #footer_right a:hover {
  color: rgb(115,115,115);
  text-decoration: none;
}

#footer_copyright {
  text-align: center;
  font-size: 0.83em;
  color: #999;
  padding-top: 5px;
}

#footer_copyright a, #footer_copyright a:hover {
  color: #999;
}

/* lewa strona + menu */
#left {
  width: 26%;
  float: left;
  z-index: 200;
  position: relative;
}

div.menu_top {
  background: url("../gfx/menu_top.png") no-repeat scroll center top transparent;
  color: #FFFFFF;
  font-size: 1.25em;
  font-weight: bold;
  height: 54px;
  margin-left: -8px;
  margin-top: -5px;
  padding-left: 15px;
  padding-top: 15px;
  position: absolute;
  width: 246px;
  z-index: 500;
}
div.menu_container {
  width: 220px;
  background-color: #B1B3C4;
  min-height: 50px;
  z-index: 300;
  padding-top: 55px;
  padding-bottom: 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 8px rgb(58,59,69);
	-webkit-box-shadow: 3px 3px 8px rgb(58,59,69);
	box-shadow: 3px 3px 8px rgb(58,59,69);
	margin-bottom: 30px;
	z-index: 200;
}
.menu_container ul {
  padding-top: 55px;
  z-index: 600;
}
.menu_container div.li {
  background: url("../gfx/li_bullet.png") no-repeat 10px 0px;
  margin-left: 0px;
  padding: 0px 0px 0px 35px;
  margin-top: 5px;
  height: 25px;
  border-bottom: 1px solid rgb(231,234,243);
}
.menu_container div.border {
  border-top: 1px solid rgb(231,234,243);
}
.menu_container a {
  color: rgb(13,42,77);
  font-weight: bold;
}

/* prawa strona */
#right {
  width: 72%;
  float: left;
  padding-right: 2%;
	z-index: 1;
	min-height: 1500px;
}

/* menu górne */
#menu_6_pl div, #menu_7_pl div {
  float: left;
  z-index: 500;
}

#menu_6_pl {
  position: absolute;
  margin-left: 220px;
  margin-top: 160px;
}

#menu_6_pl a {
  color: #fff;
  font-size: 1.42em;;
  font-weight: 500;
  z-index: 500;
}

h1.header_title {
	font-size: 1.25em;
	font-weight: 600;
	color: #0D2A4D;
	text-transform: uppercase;
	background-image: url('../gfx/arrows.png');
	background-repeat: no-repeat;
	background-position: 45px 7px;
	height: 35px;
	padding-left: 100px;
	padding-top: 10px;
}

#static table, #articles table {
  border-collapse: collapse;
  margin: auto;
}

#static th, #articles th {
  font-weight: bold;
  border: 1px solid #000;
  background-color: rgb(88,94,139);
  padding: 0px 5px;
  color: #fff;
  height: 30px;
}

#static td, #articles td {
  padding: 0px 5px;
  border: 1px solid #000;
  height: 30px;
  vertical-align: middle;
}

/* artykuly */
#articles .title {
  font-size: 1.25em;
  font-weight: bold;
  padding-bottom: 20px;
}

.articles_title {
  font-size: 1.25em;
  font-weight: bold;
}

#articles .dateauthor {
  font-size: 0.83em;
  color: #aaa;
  padding-bottom: 20px;
}


/* główna */
#default_articles_header {
  margin-top: 60px;
  margin-bottom: 10px;
  background-color: rgb(88,94,139);
  height: 25px;
  margin-left: -35px;
  padding-left: 35px;
  padding-top: 5px;
  width: 734px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.articles_categories {
  text-align: right;
  font-size: 0.83em;
  margin-bottom: -5px;
  color: #555;
}

.articles_categories a {
  font-size: 0.83em;
  color: #0D2A4D;
}

/* text */
p {
	margin: 6px 0;
}
hr {
    background-color: rgb(88,94,139);
    color: rgb(88,94,139);
    height: 1px;
    border: 0 none;
}

hr.gray {
    background-color: #ccc;
    color: #ccc;
    height: 1px;
    border: 0 none;
}

blockquote {
    border-color: rgb(88,94,139);
    border-style: solid;
    font-family: Georgia,Times,"Times New Roman",serif;
    font-style: italic;
    border-left-width: 5px;
    padding-left: 20px;
    padding-right: 8px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul li {
  margin: 0;
  padding: 0 0 0 35px;
  background: url("../gfx/arrow.png") no-repeat 15px 6px;
  margin-top: 0px;
  line-height: 2em;
}

.ms-list li {
  margin: 0;
  padding: 0 0 0 2px;
  background: none;
  margin-top: 0px;
  line-height: 1em;
}

#ms-users {
  width: 100%;
}

div.ms-selectable,
div.ms-selection {
  width: 45%;
}

.multiSelect_selectionHeader,
.multiSelect_selectableHeader {
  background-color: #000;
  color: rgb(246,147,35);
  padding: 5px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: rgb(248,148,30);
	line-height: 1.5em;
	text-transform: uppercase;
	margin-bottom: 20px;
}
h2 {
	font-size: 1.3em;
	margin: 10px 0;
	font-weight: normal;
	/*color: #fff;*/
  margin-bottom: 20px;
}
#static h2 {
  text-align: center;
}
h3 {
	padding: 8px 0;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: normal;
}
h4 {
	border-bottom: rgb(248,148,30) solid 1px;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h5 {
	border-bottom: #ffffff solid 1px;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 14px;
}
a {
	color: rgb(255,125,30);
	text-decoration: none;
}
a:hover { text-decoration: underline; }

#content ul.menu {
  width: 86%;
  /*min-width: 200px;*/
  background-color: rgb(240,240,240);
}

#content .menu li {
	list-style-type: none;
  list-style-image: none;
  background: transparent;
  display: block;
  vertical-align: middle;
	margin: 0px;
	padding: 0;
}

#content .menu li a,
#content .menu li a:hover,
#content .menu li span.disabled_link {
  color: rgb(90,90,90);
  display: inline-block;
  font-size: 14px;
  line-height: 44px;
  vertical-align: middle;
  display: block;
	margin: 0px;
	padding: 0px 30px;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 77%;
	height: 44px;
	white-space: nowrap;
	cursor: pointer;
}

#content .menu li span.disabled_link,
#content .menu li span.disabled_link:hover {
  color: rgb(180,180,180);
}


#content .menu li:hover {
	background-color: rgb(246,147,35);
}

#content .menu li a:hover {
	color: rgb(255,255,255)
}

#content .menu li div.menu_border {
	height: 1px;
	border-top: 1px solid rgb(220,220,220);
	margin-left: 30px;
	margin-right: 30px;
}

#content .menu li:hover div.menu_border {
	border-top: 1px solid rgb(246,147,35);
}

.menu_header {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  color: rgb(246,147,35);
}

#level2 {
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 20px;
  color: rgb(246,147,35);
  font-weight: bold;
}

.background#level2  {
  background-repeat: no-repeat;
  min-height: 44px;
  padding-left: 85px;
  padding-top: 20px;
}

#level2 img {
  vertical-align: middle;
  margin-right: 20px;
}

#level {
  margin-bottom: 20px;
  border-bottom: 1px dashed #909090;
}

#level a {
  color: rgb(90, 90, 90);
}

#level a:hover {
  color: rgb(246, 147, 35);
}


.arrow-right {
	padding-right: 16px;
	background: url(../gfx/right_arrow1.gif) no-repeat right center;
	zoom: 1;
}
.gold {
	color: rgb(255, 125, 30);
}
.yellow {
	color: #fff600;
}
.sms_code_y {
	color: #fff600;
}
.pink {
	color: rgb(116,0,56);
}
.black {
	color: #000000;
}
.strong {
	font-weight: bold;
}
input.error, textarea.error {
	color: rgb(144,0,63);
}



.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}
.box-black {
	background: #303030;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#303030');
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#303030));
	background: -moz-linear-gradient(top,  #000000,  #303030);
	background: -o-linear-gradient(top,  #000000,  #303030);
  background: -ms-linear-gradient(top, #000000, #303030);
  background: linear-gradient(to bottom, #000000, #303030);
	color: #ffffff;
	padding: 15px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	zoom: 1;
}
.box-pink {
	background: #303030;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A20045', endColorstr='#7F003C');
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#303030));
	background: -moz-linear-gradient(top,  #A20045,  #7F003C);
	background: -o-linear-gradient(top,  #A20045,  #7F003C);
  background: -ms-linear-gradient(top, #A20045, #7F003C);
  background: linear-gradient(to bottom, #A20045, #7F003C);
	color: #ffffff;
	padding: 15px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	zoom: 1;
	margin-bottom: 10px;
}
.box-yellow {
	background: #303030;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8D04A', endColorstr='#ED9017');
	background: -webkit-gradient(linear, left top, left bottom, from(#F8D04A), to(#ED9017));
	background: -moz-linear-gradient(top,  #F8D04A,  #ED9017);
	background: -o-linear-gradient(top,  #F8D04A,  #ED9017);
  background: -ms-linear-gradient(top, #F8D04A, #ED9017);
  background: linear-gradient(to bottom, #F8D04A, #ED9017);
	color: #000000;
	padding: 15px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	zoom: 1;
	margin-bottom: 10px;
}
.box-indented {
	padding-left: 5px;
	padding-right: 5px;
}
.box-indented .box-black {
	margin-bottom: 10px;
}
.label {
	display: inline-block;
}
.label-short {
	width: 65px;
}
.label-medium {
	width: 90px;
}
.label-long {
	width: 130px;
}

/* icons/tooltip */
.tooltip-container {
	background: #0a0a0a;
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#0a0a0a');*/
	background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#0a0a0a));
	background: -moz-linear-gradient(top,  #303030,  #0a0a0a);
	background: -o-linear-gradient(top,  #303030,  #0a0a0a);
  background: -ms-linear-gradient(top, #303030, #0a0a0a);
  background: linear-gradient(to bottom, #303030, #0a0a0a);
	color: #ffffff;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 8px #dddddd;
	-webkit-box-shadow: 3px 3px 8px #dddddd;
	box-shadow: 3px 3px 8px #dddddd;
	z-index: 999;
	min-width: 150px;
	max-width: 400px;
}
.tooltip-arrow {
	position: absolute;
	left: 48px;
	width: 15px;
	height: 9px;
	bottom: -9px;
	background: url(../gfx/arrow_tooltip.png) no-repeat bottom center;
}
.tooltip-bottom .tooltip-arrow {
	top: -6px;
	bottom: auto;
	background-position: top center;
}
.tooltip-left .tooltip-arrow {
	left: auto;
	right: 34px;
}
.tooltip-small {
  font-size: 0.83em;
  line-height: 1.8em;
}
.ico {
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 5px;
}
.ico.disabled {
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.ico-help {
	background-image: url(../gfx/ico_help.png);
	vertical-align: text-top;
}
.ico-header-arrow { 
	margin: 0 4px;
	background-image: url(../gfx/head_arrow.gif); 
}
.ico-header-change {
	background-image: url(../gfx/head_change.gif);
	width: 70px;
	position: relative;
	cursor: pointer;
}
.ico-header-flags {
	position: relative;
	cursor: pointer;
  top: 2px;
}
#flags a {
  margin-left: 7px;
}
.ico-star {
	width: 23px;
	height: 21px;
	background-image: url(../gfx/ico_star_pink.gif);
}
.ico-heart {
	width: 23px;
	height: 21px;
	background-image: url(../gfx/ico_heart.gif);
}
.box-black .ico-star {
	background-image: url(../gfx/ico_star_black.gif);
}
.little-star {
	padding-left: 16px;
	background: url(../gfx/dymek_star.gif) no-repeat left center;
}
.little-bubble {
	padding-left: 18px;
	background: url(../gfx/dymek_dymek.gif) no-repeat left center;	
}

/* forms */
fieldset {
	margin-bottom: 20px;
}
label {
	vertical-align: middle;
}
input[type='text'], input[type='password'], .button, button, input[type='submit'], input[type='button'], select, textarea {
	margin: 0;
	padding: 2px 9px;
	line-height: 18px;
	font-size: 0.75em;
	resize: none;
	border: 1px solid #909090;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	color: #000000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F0F0F0');
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F0F0F0));
	background: -moz-linear-gradient(top,  #ffffff,  #F0F0F0);
	background: -o-linear-gradient(top,  #ffffff,  #F0F0F0);
  background: -ms-linear-gradient(top, #ffffff, #F0F0F0);
  background: linear-gradient(to bottom, #ffffff, #F0F0F0);
}
input[type='text'], input[type='password'], select {
	height: 30px;
	font-size: 1.1em;
}

select[multiple='multiple'] {
  height: 200px;
}

textarea {
	line-height: 20px;
	/*font-family: 'Courier new', monospace;*/
	font-size: 1.1em;
}
input[type='checkbox'], input[type='radio'] {
	vertical-align: middle;
}

.form-space {
	display: inline-block;
	width: 16px;
	text-align: center;
}

textarea.field-maxsize { width: 680px; height: 200px; }
textarea.field-fullsize { width: 350px; height: 180px; }
textarea.field-halfsize { width: 180px; height: 90px; }

input.field-fullsize { width: 350px; }
input.field-halfsize { width: 190px; }
input.field-code2 { width: 115px; }
input.field-date { width: 66px; }
input.field-short { width: 60px; }
input.field-code1 { width: 35px; }
input.field-time { width: 35px; }

/* input width +18px */
select.field-fullsize { width: 368px; }
select.field-halfsize { width: 208px; }
select.field-code2 { width: 133px; }
select.field-short { width: 78px; }
select.field-code1 { width: 53px; }

.error input[type='text'], .error input[type='password'], .error select, .error textarea {
	border: 1px solid #cc0000;
	padding: 1px 8px;
}
.disabled input[type='text'], .disabled input[type='password'], .disabled select, .disabled textarea {
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.disabled label {
	cursor: default !important;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.button, button, input[type='submit'], input[type='button'] {
	cursor: pointer;
	outline: none;
	resize: none;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
  background: rgb(246, 147, 35);
  color: #fff;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  height: 38px;
  line-height: 37px;
  padding-left: 13px;
  padding-right: 13px;
  text-align: center;
  text-shadow: none;
}

.button {
	height: 18px;
	font-weight: normal;
	display: inline-block;
}

.button_mini {
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	display: inline-block;
}
.button:hover {
	text-decoration: none;
}
button img {
	vertical-align: middle;
	margin-left: 5px;
}
.button-light {
	background: #959595;
	color: #000000;
	font-weight: normal;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D0D0', endColorstr='#959595');
	background: -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(#959595));
	background: -moz-linear-gradient(top,  #D0D0D0,  #959595);
	background: -o-linear-gradient(top,  #D0D0D0,  #959595);
  background: -ms-linear-gradient(top, #D0D0D0, #959595);
  background: linear-gradient(to bottom, #D0D0D0, #959595);
}
.button-gold {
	background: #ed9118;
	font-weight: normal;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8d04a', endColorstr='#ed9118');
	background: -webkit-gradient(linear, left top, left bottom, from(#f8d04a), to(#ed9118));
	background: -moz-linear-gradient(top,  #f8d04a,  #ed9118);
	background: -o-linear-gradient(top,  #f8d04a,  #ed9118);
  background: -ms-linear-gradient(top, #f8d04a, #ed9118);
  background: linear-gradient(to bottom, #f8d04a, #ed9118);
	text-align: center;
}
.button-pink2 {
	background: #FF6060;
	font-weight: normal;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEB9B9', endColorstr='#FF6060');
	background: -webkit-gradient(linear, left top, left bottom, from(#FEB9B9), to(#FF6060));
	background: -moz-linear-gradient(top,  #FEB9B9,  #FF6060);
	background: -o-linear-gradient(top,  #FEB9B9,  #FF6060);
  background: -ms-linear-gradient(top, #FEB9B9, #FF6060);
  background: linear-gradient(to bottom, #FEB9B9, #FF6060);
	text-align: center;
	border: 1px solid rgb(211,26,28);
}
.button-pink {
	background: #7f003c;
	color: #ffd500;
	font-weight: normal;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20045', endColorstr='#7f003c');
	background: -webkit-gradient(linear, left top, left bottom, from(#a20045), to(#7f003c));
	background: -moz-linear-gradient(top,  #a20045,  #7f003c);
	background: -o-linear-gradient(top,  #a20045,  #7f003c);
  background: -ms-linear-gradient(top, #a20045, #7f003c);
  background: linear-gradient(to bottom, #a20045, #7f003c);
	text-align: center;
}
.button-big {
	min-width: 100px;
}

/* js forms */
.jqTransformHidden {
	display: none;
}
.jqTransformSelectWrapper {
	display: inline;
	position: relative;
	height: 30px;
}
.jqTransformSelectWrapper>div {
	display: inline;
	white-space: nowrap;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
	display: inline-block;
	padding: 2px;
	line-height: 26px;
	height: 26px;
	width: 20px;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	background: #f6e6b5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6e6b5', endColorstr='#ed9218');
	background: -webkit-gradient(linear, left top, left bottom, from(#f6e6b5), to(#ed9218));
	background: -moz-linear-gradient(top,  #f6e6b5,  #ed9218);
	background: -o-linear-gradient(top,  #f6e6b5,  #ed9218);
  background: -ms-linear-gradient(top, #f6e6b5, #ed9218);
  background: linear-gradient(to bottom, #f6e6b5, #ed9218);
	vertical-align: middle;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen span {
	display: inline-block;
	height: 26px;
	width: 20px;
	background: url(../gfx/dropdown_arrow.gif) no-repeat center center;
}
.jqTransformSelectWrapper>div>span {
	display: inline-block;
	padding: 2px 9px;
	height: 26px;
	line-height: 26px;
	color: #000000;
	background: #ededed;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F0F0F0');
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F0F0F0));
	background: -moz-linear-gradient(top,  #ffffff,  #F0F0F0);
	background: -o-linear-gradient(top,  #ffffff,  #F0F0F0);
  background: -ms-linear-gradient(top, #ffffff, #F0F0F0);
  background: linear-gradient(to bottom, #ffffff, #F0F0F0);
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;	
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
	border-left: 1px solid #909090;
}
.error .jqTransformSelectWrapper a.jqTransformSelectOpen {
	border: #cc0000 solid 1px;
	border-left: none;
	padding: 1px 1px 1px 2px;
}
.error .jqTransformSelectWrapper>div>span {
	border: #cc0000 solid 1px;
	border-right: none;
	padding: 1px 9px 1px 8px;
}

/*.error {
  color: rgb(248,209,75);
  display: block;
}*/

div.error {
  border: 0px;
  margin-top: 10px;
	background: #0a0a0a;
	background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#0a0a0a));
	background: -moz-linear-gradient(top,  #303030,  #0a0a0a);
	background: -o-linear-gradient(top,  #303030,  #0a0a0a);
  background: -ms-linear-gradient(top, #303030, #0a0a0a);
  background: linear-gradient(to bottom, #303030, #0a0a0a);
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	color: #F8D351;
  padding:3px;
  text-align:left;
  font-size:0.75em;
  z-index: 777;
}

div.error_arrow {
  position:absolute;
  margin-top: 0px;
  margin-left: 0px;
  background: url(../gfx/arrow_tooltip.png) no-repeat top;
  height: 50px;
  z-index: 999;
}

.disabled .jqTransformSelectWrapper>div>span {
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.disabled .jqTransformSelectWrapper a.jqTransformSelectOpen {
	opacity: 0.5;
	filter:alpha(opacity=50);
	cursor: default;
}
.jqTransformSelectWrapper ul {
	position: absolute;
	top: 23px;
	left: 3px;
	list-style: none;
	display: none;
	max-height: 200px;
	overflow: auto;
	overflow-y: auto;
	z-index: 1;
	background: #ffffff;
	border: 1px solid rgb(88,94,139);
}
.jqTransformSelectWrapper ul a, #content .jqTransformSelectWrapper ul a {
	line-height: 16px;
	display: block;
	text-decoration: none;
	padding: 2px 4px;
	color: #000000;
}
.jqTransformSelectWrapper ul a.selected {
	font-weight: bold;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background: rgb(240,174,77);
	color: #ffffff;
}
.jqTransformCheckboxWrapper {
	width: 18px;
	height: 18px;
	padding: 2px;
	background: #ededed;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ededed');
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ededed));
	background: -moz-linear-gradient(top,  #cccccc,  #ededed);
	background: -o-linear-gradient(top,  #cccccc,  #ededed);
  background: -ms-linear-gradient(top, #cccccc, #ededed);
  background: linear-gradient(to bottom, #cccccc, #ededed);
	display: inline-block;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 8px;
}
.error .jqTransformCheckboxWrapper {
	border: #cc0000 solid 1px;
	padding: 1px;
}
.disabled .jqTransformCheckboxWrapper {
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.disabled .jqTransformCheckboxWrapper a {
	cursor: default;
}
.jqTransformCheckboxWrapper a {
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url(../gfx/checkbox.png) no-repeat 23px 23px;
}
.jqTransformCheckboxWrapper a.jqTransformChecked {
	background: url(../gfx/checkbox.png) no-repeat center center;
}
.jqTransformRadioWrapper {
	width: 22px;
	height: 22px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.jqTransformRadioWrapper a {
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../gfx/radio.png) no-repeat bottom center;
}
.jqTransformRadioWrapper a.jqTransformChecked {
	background: url(../gfx/radio.png) no-repeat top center;
}
.disabled .jqTransformRadioWrapper a {
	opacity: 0.5;
	filter:alpha(opacity=50);
	cursor: default;
}

.ui-datepicker-trigger, .ui-timepicker-trigger {
	vertical-align: middle;
	margin-left: 4px;
	cursor: pointer;
}
.disabled .ui-datepicker-trigger, .disabled .ui-timepicker-trigger {
	cursor: default;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year, 
.ui-datepicker select.ui-datepicker-month-year {
	padding: 0;
	padding-left: 3px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #c8c8c8;
	margin-top: 0 !important;
}
#ui-datepicker-div, #ui-timepicker-div, .ui-dialog {
	z-index: 400 !important;
}

/* tables */
.table-form, .table-services {
	width: 100%;
	margin-bottom: 10px;
	border-spacing: 0px;
}
.table-form td, .table-services td {
	padding: 6px 8px;
	line-height: 22px;
	vertical-align: middle;
}
.table-services td {
	width: 25%;
}
.table-half td {
	width: 50%;
}
.table-form th {
	background: #7e003c;
	font-weight: bold;
	line-height: 16px;
	padding: 8px;
}
.table-form td.table-label, .table-label {
	width: 180px;
	font-size: 1.1em;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.message {
  color: #009933;
  background-color: #bdf7ba;
  background-image: url('../gfx/icons/ok.png');
  background-position: 15px center;
  background-repeat: no-repeat;
  padding: 15px 60px;
  border: 1px solid #009933;
  min-height: 15px;
  font-size: 1em;
  margin-bottom: 20px;
  overflow: hidden;
}

.message_error  {
  color: #dd0000;
  background-color: #f7baba;
  background-image: url('../gfx/icons/error.png');
  background-position: 15px center;
  background-repeat: no-repeat;
  padding: 15px 60px;
  border: 1px solid #dd0000;
  min-height: 15px;
  font-size: 1em;
  margin-bottom: 20px;
  overflow: hidden;
}

.message_warning  {
  color: #f67400;
  background-color: #f6f7ba;
  background-image: url('../gfx/icons/warning.png');
  background-position: 15px center;
  background-repeat: no-repeat;
  padding: 15px 60px;
  border: 1px solid #f67400;
  min-height: 15px;
  font-size: 1em;
  margin-bottom: 20px;
  overflow: hidden;
}

.message_info  {
  color: #005edd;
  background-color: #bad8f7;
  background-image: url('../gfx/icons/info.png');
  background-position: 15px center;
  background-repeat: no-repeat;
  padding: 15px 60px;
  border: 1px solid #005edd;
  min-height: 15px;
  font-size: 1em;
  margin-bottom: 20px;
  overflow: hidden;
}

.message_error a,
.message_error a:hover {
  color: #dd0000;
  font-weight: bold;
}

.center {
  /*text-align: center;*/
}

.req {
  color: rgb(246,147,35);
}

.div_bank {
  height: 70px;
  width: 160px;
  line-height: 70px;
  background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

img.bank_active {
  vertical-align: middle;
	opacity: 1;
	filter:alpha(opacity=100);
	cursor: pointer;
}

img.bank_unactive {
  vertical-align: middle;
	opacity: 0.3;
	filter:alpha(opacity=30);
	cursor: pointer;
}

.poczta_unread .poczta_title a,
.poczta_unread .poczta_title a:hover {
  font-weight: bold;
}

/* ikony */
a.ico_button,
a.ico_button:hover,
span.ico_button {
  margin-left: 5px;
  margin-right: 5px;
  color: #909090;
  text-decoration: none;
	padding: 4px 9px 4px 25px;
	line-height: 26px;
	resize: none;
	border: 1px solid #909090;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F0F0F0');
	background-color: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F0F0F0));
	background-color: -moz-linear-gradient(top,  #ffffff,  #F0F0F0);
	background-color: -o-linear-gradient(top,  #ffffff,  #F0F0F0);
  background-color: -ms-linear-gradient(top, #ffffff, #F0F0F0);
  background-color: linear-gradient(to bottom, #ffffff, #F0F0F0);
  background-position: 3px 4px;
  background-repeat: no-repeat;
  min-width: 50px;
}

td a.ico_button,
td span.ico_button {
	font-size: 0.8em;
}

.ico_disabled {
	opacity: 0.4;
	filter:alpha(opacity=40);
}

.ico_add {
  background-image: url('../gfx/icons/ico_add.png');
}
.ico_edit {
  background-image: url('../gfx/icons/ico_edit.png');
}
.ico_delete {
  background-image: url('../gfx/icons/ico_delete.png');
}
.ico_import {
  background-image: url('../gfx/icons/ico_import.png');
}
.ico_results {
  background-image: url('../gfx/icons/ico_results.png');
}
.ico_students {
  background-image: url('../gfx/icons/ico_students.png');
}
.ico_questions {
  background-image: url('../gfx/icons/ico_questions.png');
}
.ico_print {
  background-image: url('../gfx/icons/ico_print.png');
}
.ico_printpass {
  background-image: url('../gfx/icons/ico_printpass.png');
}
.ico_uidpass {
  background-image: url('../gfx/icons/ico_uidpass.png');
}
.ico_printlabels {
  background-image: url('../gfx/icons/ico_printlabels.png');
}
.ico_prolong {
  background-image: url('../gfx/icons/ico_prolong.png');
}
.ico_back_history {
  background-image: url('../gfx/icons/ico_back_history.png');
}
.ico_download {
  background-image: url('../gfx/icons/ico_download.png');
}
.ico_pay {
  background-image: url('../gfx/icons/ico_pay.png');
}
.ico_details {
  background-image: url('../gfx/icons/ico_details.png');
}
.ico_stats {
  background-image: url('../gfx/icons/ico_stats.png');
}
.ico_add_group {
  background-image: url('../gfx/icons/ico_add_group.png');
}
.ico_new_proforma {
  background-image: url('../gfx/icons/ico_new_proforma.png');
}
.ico_request_fv {
  background-image: url('../gfx/icons/ico_edit.png');
}

.quotetable {
  background-image: url('../gfx/icons/ico_quotehelp.png');
  background-repeat: no-repeat;
  padding-left: 64px;
  min-height: 64px;
  margin-top: 30px;
}

.form_step {
  text-transform: uppercase;
  text-align: right;
  font-size: 20px;
  color: rgb(246,147,35);
}

a.question_a,
a.question_a:hover {
  color: rgb(246,147,35);
  font-size: 0.83em;
  display: block;
}

.quesion_answer_type li {
  margin-right: 10px;
  margin-left: 25px;
  padding-left: 30px;
  padding-left: 20px;
  float: left;
}

#tabs .quesion_answer_type img {
  width: 55px;
}

#dialog, #dialog2 {
  background: #fff;
}
.date {
  color: rgb(10,80,130);
  font-size: 9px;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}

input.code_input {
  width: 120px;
  height: 60px;
  font-size: 45px;
  font-weight: bold;
  text-align: center;
}

div.code_form {
  width: 300px;
  text-align: center;
  margin: auto;
}

.code_form td {
  font-size: 20px;
}

.exam_question {
  line-height: 1.8em;
}

.exam_question .exam_question_text {
  font-weight: bold;
}

.exam_questions_buttons,
.training_questions_buttons {
  margin: auto;
  text-align: center;
}

.exam_questions_buttons button,
.training_questions_buttons button {
  margin-left: 15px;
  margin-right: 15px;
  height: 50px;
  width: 50px;
  border: 1px solid rgb(246,147,35);
  color: rgb(246,147,35);
  font-size: 30px;
  font-weight: bold;
  background-color: #eee;
}

.exam_questions_buttons button.checked,
.training_questions_buttons button.checked {
  border: 1px solid rgb(246,147,35);
  color: rgb(255,255,255);
  background-color: rgb(246,147,35);
}

span.saved {
  display: block;
  float: right;
  width: 200px;
  height: 16px;
  background-image: url('../gfx/icons/ico_save.png');
  background-repeat: no-repeat;
  background-position: right;
  text-align: right;
  padding-right: 30px;
}

.red {
  color: #fb7716;
}

.info_bar {
  position: absolute;
  margin-top: 105px;
  background: rgb(246,147,35);
  overflow: hidden;
  height: 50px;
	/*-moz-border-bottom-left-radius: 35px;
	-webkit-border-bottom-left-radius: 35px;
	border-bottom-left-radius: 35px;
	-moz-border-bottom-right-radius: 35px;
	-webkit-border-bottom-right-radius: 35px;
	border-bottom-right-radius: 35px;*/
	-moz-border-radius: 35px;
	-webkit-left-radius: 35px;
	border-radius: 35px;
	display: none;
}

.info_bar_mini {
  margin-left: 450px;
  width: 200px;
}

.info_bar_full {
  margin-left: 350px;
  width: 400px;
}

.info_bar .countdown_text {
  position: absolute;
  margin-top: 0px;
  margin-left: 140px;
  width: 230px;
  text-align: right;
  color: #ddd;
}

.info_bar .answers {
  position: absolute;
  margin-top: 0px;
  margin-left: 20px;
  color: #ddd;
}

.info_bar_full .answers {
  text-align: left;
  width: 200px;
}

.info_bar_mini .answers {
  text-align: center;
  width: 165px;
}

.info_bar .countdown,
.info_bar .answers_count {
  display: block;
  margin-top: 5px;
  font-weight: bold;
  font-size: 30px;
  font-family: monospace;
  color: #fff;
}

.countdown_laquo {
  position: absolute;
  margin-left: 732px;
  margin-top: 115px;
}

.countdown_raquo {
  position: absolute;
  margin-left: 632px;
  margin-top: 115px;
}

#exam_end_button {
  margin-top: 25px;
  text-align: center;
  display: none;
}
.result {
  width: 600px;
  margin: auto;
  text-align: center;
}

.li_correct {
  color: #009933;
}

.li_answer_correct {
  color: #009933;
  background-image: url('../gfx/icons/ico_exam_passed.png');
  background-position: 2px center;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.li_answer_ncorrect {
  color: #dd0000;
  background-image: url('../gfx/icons/ico_exam_failed.png');
  background-position: 2px center;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.result_passed {
  color: #009933;
}

.result_failed {
  color: #dd0000;
}


table.last_log {
    background-color: rgb(240, 240, 240);
    border: 1px solid rgb(208, 208, 208);
    color: #333333;
    font-family: Tahoma;
    font-size: 0.92em;
    width: 100%;
}

.fixed {
    position:fixed;
    top:200px;
}
.hidden {
  display: none;
}

/* COOKIE */
.closeFontAwesome::before {
    color: #ffffff;
    content: "";
    cursor: pointer;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 23px;
    line-height: 23px;
    padding-right: 15px;
}
.closeButtonNormal {
    background: rgb(246,147,35) none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    padding: 2px 5px;
    text-align: center;
    width: 150px;
}
#cookie_info p {
    margin: 0;
    padding: 0;
}
#cookieNoticeContent {
}

#start_content {
  /*margin-top: 160px;*/
  min-height: 500px;
  width: 100%;
  /*position: absolute;*/
}

#start_content .box {
  margin: 20px;
  padding: 20px;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	min-height: 300px;
}

#start_content .box .back {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}

.start_top {
  height: 160px;
}

.start_top .menu {
  position: absolute;
  margin-top: 60px;
  margin-left: 270px;
}

.start_top #menu a {
  font-size: 1.5em;
  color: #fff;
  margin-right: 1em;
  margin-left: 1em;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

.start_top #menu a:hover {
  color: rgb(247,147,30);
  text-decoration: none;
  text-shadow: 1px 1px 0px rgba(0,0,0, 1);
}

.hide {
  display: none;
}

.show {
  display: block;
}



nav {
	margin-top: 20px;
  min-height:60px;
}

#input-toggle {
	opacity:0;
	position: absolute;
	top:0;
	left:0;
}

.navigation-toggle {
	display:none;
	width:44px;
	height:33px;
	margin:5px;
	/*margin-top: 72px;*/
	text-align:center;
	border-radius:10px;
	border:1px solid #404040;
	background-image: linear-gradient(to bottom, #000, #111);
	background-repeat: repeat-x;
	color:#FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding-top:10px;
	position:absolute;
	right:2px;
	cursor:pointer;
}

.navigation-toggle span {
	background-color: #F5F5F5;
	border-radius: 1px 1px 1px 1px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	display:block;
	height:2px;
	width:18px;
	margin:4px auto;
}

nav ul {
	list-style:none;
	padding:0;
	margin:0;
	/*font-size:0;*/
	display: block;
}

nav ul li {
	display: inline-block;
	background: none;
	text-align: center;
	padding: 0;
}

nav ul li a {
	display: block;
	text-decoration: none;
	/*border-right:1px solid #444;
	border-left:1px solid #111;*/
}

nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	text-decoration: none;
}

@media screen and (max-width: 1050px) {

  .margin_menu {
    margin-top: 90px;
  }
  
  .start_top .menu {
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    right: 8px;
    top: 25px;
  	border-radius:10px;
  }

  .navigation-toggle {
		display:block;
		z-index: 999;
	}

	#menu {
    width: 50%;
		float: right;
  }

  nav {
	background-position: 0px 60px;
	background-repeat:no-repeat;
  }

	nav ul {
		overflow: hidden;
		max-height:0;
		transition:max-height 0.35s ease 0s;
		-webkit-transition:max-height 0.35s ease 0s;
		-moz-transition:max-height 0.35s ease 0s;
		z-index: 555;
		position: absolute;
		width: 60%;
		max-width: 230px;
		margin-top: 0px;
	  background: rgb(51,51,51); /* Old browsers */
	  background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(17,17,17,1) 100%); /* FF3.6+ */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
  	background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
  	background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
  	background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* IE10+ */
  	background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* W3C */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
	}

	nav #input-toggle:checked + ul {
		max-height:500px;
	}

	nav ul li {
		border:0;
		width:100%;
		max-width: 100%;
		min-width:0;
		border-bottom:1px solid #333;
		padding: 0;
	}

	nav ul li a {
	  height: 32px;
	  padding-top: 11px;
		display: block;
		text-align: center;
	}

}





  .menu_mobile {
    display: none;
  }

  #footer_center {
    display: none;
  }

@media screen and (max-width: 820px) {

  #left {
    display: none;
    z-index: 999;
    float: none;
    width: 215px;
    position: absolute;
    background-color: #fff;
  }
  
  #right {
    width: 100%;
  }
  
  .menu_mobile {
    display: block;
    margin-left: 20px;
    background-color: rgb(240,240,240);
    border: 1px solid rgb(220,220,220);
    width: 80px;
    padding: 5px;
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    -moz-border-bottom-left-radius: 10px;
  	-webkit-border-left-bottom-radius: 10px;
  	border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
  	-webkit-border-right-bottom-radius: 10px;
  	border-bottom-right-radius: 10px;
  }
  
  .menu_element {
      position: relative;
  }

  /*replace the content value with the
  corresponding value from the list below*/

  .menu_element:before {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
  /*--adjust as necessary--*/
      color: #000;
      font-size: 18px;
      padding-right: 0.5em;
      position: absolute;
      top: 0px;
      left: 10px;
  }
  
  .arrow_down:before {
      content: "\f13a";
  }

  .arrow_up:before {
      content: "\f139";
  }


}



@media screen and (max-width: 420px) {
  #top_logon {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    height: 100px;
  }
  #top_logo img {
    width: 160px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 650px) {
  #footer_left {
    display: none;
  }

  #footer_right {
    display: none;
  }

  #footer_center {
    display: block;
  }
}

.pakiety {
  -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
  background-color: #ccc;
  color: #000;
  padding: 20px;
  margin: auto;
  width: 100%;
  border: 0px;
  border-collapse: collapse;

    background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(209,209,209,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D1D1D1',GradientType=0 ); /* ie6-9 */

}

@media screen and (max-width:960px) {
	.rwd-table {
		overflow-x:scroll;
	}	
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    margin-top: 20px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#static .pakiety td,
.pakiety td {
  height: 38px;
  padding: 15px;
  border: 1px solid #aaa;
}

.pakiety a.wybor,
.pakiety a.wybor:hover {
  display: box;
    background: rgb(246, 147, 35) none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 38px;
    line-height: 37px;
    outline: medium none;
    padding-left: 13px;
    padding-right: 13px;
    resize: none;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;
    text-decoration: none;
}

#static .pakiety .first td, .pakiety .first td { border-top: 0; }
#static .pakiety .last td, .pakiety .last td { border-bottom: 0; }
#static .pakiety td.first, .pakiety td.first { border-left: 0; }
#static .pakiety td.last, .pakiety td.last { border-right: 0; }

.select_items {
  background-color: rgba(215,215,215,1);
  color: #000;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 8px rgb(58,59,69);
	-webkit-box-shadow: 3px 3px 8px rgb(58,59,69);
	box-shadow: 3px 3px 8px rgb(58,59,69);
	margin: 20px;
  position: fixed;
  left: 10px;
	bottom: 10px;
  padding: 20px;
  display: none;
  z-index: 999;
}

.whitebg {
  background-color: #fff;
}

.folder {
  background-image: url('../gfx/icons/ico_folderB.png');
  background-repeat: no-repeat;
  font-size: 1.2em;
  padding-left: 47px;
  min-height: 32px;
  padding-top: 5px;
  cursor: pointer;
}

.GooglePlay {
  margin-top: 30px;
  text-align: center;
}

.GooglePlay img {
  width: 100%;
  max-width: 200px;
}

/* poziom trudności */

.DifficultyBar {
  width: 150px;
  height: 10px;
  border: 1px solid #666;
}

.Difficulty {
  float: right;
  width: 150px;
  margin-bottom: 10px;
}

.Difficulty div {
  float: left;
  font-size: 8px;
  text-transform: uppercase;
}

.tabs_t .Difficulty div {
  font-size: 8px;
}

.DifficultyLevel {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  width: 150px;
}

.DifficultyBar div.bar {
  background-image: url('../gfx/difficulty_bar.png');
	background-repeat: no-repeat;
  height: 10px;
}

.input_diff {
  width: 100%;
}

.input_diff .fl {
  float: left;
}

.input_diff .fr {
  float: right;
}

.agreements_div {
  width: 100%;
  height: 200px;
  overflow-y: scroll;
  background-color: rgb(245,245,245);
  padding: 10px;
  color: #111;
}

.linkmsg a {
  color: rgb(0,0,150);
}