/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
body {display:none;}
@font-face {font-family: 'latomedium'; src: url('../fonts/lato-medium.eot'); src: url('../fonts/lato-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-medium.woff2') format('woff2'),url('../fonts/lato-medium.woff') format('woff'), url('../fonts/lato-medium.ttf') format('truetype'); font-weight: normal; font-style: normal;}
body, html{background: url(../img/bg.png) repeat top center; color: #606060; font-size: 14px; font-family: 'latomedium';}
header{background: #fff; height: 119px; float: left; width: 100%; border-bottom: 1px solid #f2f2f2;}
header a.logo{float: left; margin: 30px 1% 0 5%;}
header a.logo img{width: 50px; height: 50px;}
header .header-title{float: left;}
header h1{color: #1394cc; text-transform: uppercase; font-size: 14px; margin-top: 40px; }
header h2{color: #606060; text-transform: uppercase; font-size: 14px; clear: both; margin-top: 2px;}
section#register{float: left;}
section#register form{float: left; width: 50%; padding: 20px 25%;}
section#register div.form-items{float: left; width: 100%; margin: 1% 0;}
section#register label{color: #606060; float: left; font-size: 14px; line-height: 57px; text-align: right;}
section#register input{float: right; width: 55%; background: #fff; border: 1px solid #e4e4e4; color: #606060; padding: 2% 3%; font-family: 'latomedium';}
section#register input2{float: right; width: 30%; background: #fff; border: 1px solid #e4e4e4; color: #606060; padding: 2% 3%; font-family: 'latomedium';}
section#register select{float: right; width: 61%; background: #fff; border: 1px solid #e4e4e4; color: #606060; padding: 2% 3%; font-family: 'latomedium';}
section#register .button{float: right; background: #dddddd; border-bottom: 2px solid #c8c8c8; color: #606060; width: 20%; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#register .button:hover{opacity: 0.8; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#register2{float: left; padding: 0 2%; width: 96%; text-align: center !important; font-size: 16px; margin-top: 3%;}
section#register2 a{position: relative; top: 5px; text-decoration: none; color: #1394cc;}
section#testy{float: left; width: 100%;}
section#testy a{float: left; width: 48%; text-decoration: none; text-transform: uppercase; color: #606060; background: #dddddd; border-bottom: 2px solid #c8c8c8; padding: 20px; margin: 20px 24%; text-align: center; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#testy a:hover{opacity: 0.8; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#question{float: left; width: 100%;}
section#question .zakonczTestMMPI{
  text-align: center;
  height: 74px;
  background: #5DFF47;
  border-bottom: 2px solid #244913;
  color: #055F00;
  width: 25%;
  cursor: pointer;
  margin-top: 12%;
  margin-left: 20%;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 74px;
  font-weight: bold;
}
section#question .zakonczTestMMPI:hover{opacity: 0.8; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

section#test .zakonczTestACL{
  text-align: center;
  height: 54px;
  background: #5DFF47;
  border-bottom: 2px solid #244913;
  color: #055F00;
  width: 40%;
  cursor: pointer;
  margin-top: 12%;
  margin-left: 20%;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 54px;
  font-weight: bold;
}
section#test .zakonczTestACL:hover{opacity: 0.8; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}


section#question .pytanie{width: 70%; padding: 10% 15%;}
section#question .pytanie p{font-size: 28px; text-align: center; color: #000;}
section#question .pytanie input[type=radio] {display: none;}
section#question .pytanie .przyciski{margin-top: 80px;}
section#question input[type=radio] {display:none; margin:10px;}
section#question input[type=radio] + label {display:inline-block; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#question input[type=radio]:checked + label {opacity: 0.2; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#question label.tak{width: 15%; text-align: center; float: left; background: #bccf02; border-bottom: 3px solid #aabb00; color: #fff; font-size: 16px; text-transform: uppercase; padding: 20px 30px;}
section#question label.nie{display: block !important; width: 15%; text-align: center; margin:0 auto !important; display:block; cursor: pointer; margin: 0 auto;background: #f0563d; border-bottom: 3px solid #e7482e; color: #fff; font-size: 16px; text-transform: uppercase; padding: 20px 30px;}
section#question label.nie_wiem{width: 15%; margin-top: -59px; text-align: center; float: right; background: #1394cc; border-bottom: 3px solid #0d85b9; color: #fff; font-size: 16px; text-transform: uppercase; padding: 20px 30px;}
section#question a.next{background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 3%; text-transform: uppercase; text-decoration: none; float: right; margin-right: -5%; margin-top: 10%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#question a.prev{opacity: 0.5; background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 3%; text-transform: uppercase; text-decoration: none; float: left; margin-left: -5%; margin-top: 10%;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#question a:hover{opacity: 0.8; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#test{float: left; width: 100%; margin-top: 2%;}
section#test #tab{width: 40% !important; margin: 0 auto !important; display: block !important;}
section#test .resp-tabs-container label{font-size: 15px; text-transform: uppercase;}
section#test div.info{padding: 10px 0;}
section#test .left{width: 50%; float: left;}
section#test .right{width: 50%; float: right;}
section#test .przyciski{overflow: hidden; width: 100%; height: 5px; display: block; border: 0px solid black;}

section#test a.ACLrealNext{background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 3%; text-transform: uppercase; text-decoration: none; float: right; margin-right: -5%; margin-top: 10%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#test a.ACLrealPrev{opacity: 0.5; background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 3%; text-transform: uppercase; text-decoration: none; float: left; margin-left: -5%; margin-top: 10%;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

section#test a.ACLidealNext{background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 3%; text-transform: uppercase; text-decoration: none; float: right; margin-right: -5%; margin-top: 10%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#test a.ACLidealPrev{opacity: 0.5; background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 3%; text-transform: uppercase; text-decoration: none; float: left; margin-left: -5%; margin-top: 10%;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

section#test a.ACLNext{background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 3%; text-transform: uppercase; text-decoration: none; float: right; margin-right: -5%; margin-top: 10%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}



section#test a.next{background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 3%; text-transform: uppercase; text-decoration: none; float: right; margin-right: -5%; margin-top: 10%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#test a.prev{opacity: 0.5; background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 3%; text-transform: uppercase; text-decoration: none; float: left; margin-left: -5%; margin-top: 10%;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#test a:hover{opacity: 0.8; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#test a.end{background: #1394cc; border-bottom: 3px solid #0d85b9; color: #fff; text-transform: uppercase; padding: 1% 2%; text-decoration: none; text-align: center; clear: both; margin: 0 auto !important; display: block !important; width: 100px; text-align: center;}
section#test .button{width: 100% !important; margin: 0 auto !important; display: inline-block !important;}

section#instrukcja_2 {float: left; width: 70%; padding: 0 15%;}
section#instrukcja_2 .czesc-pierwsza{padding-top: 5px;}
section#instrukcja_2 .czesc-pierwsza h2{padding-top: 2%; color: #1394cc; text-transform: uppercase; padding-bottom: 10px;}
section#instrukcja_2 .czesc-pierwsza p{float: left; margin-top: 0px; line-height: 19px; padding-bottom: 15px;}
section#instrukcja_2 .czesc-druga{float: left; padding-bottom: 20px;}
section#instrukcja_2 .czesc-druga h2{padding-top: 2%; color: #1394cc; text-transform: uppercase; padding-bottom: 10px;}
section#instrukcja_2 .czesc-druga p{float: left; margin-top: 0px; line-height: 19px; padding-bottom: 15px;}
section#instrukcja_2 .czesc-pierwsza p span, section#instrukcja_2 .czesc-druga p span{color: #1394cc; text-transform: uppercase;}
section#instrukcja_2 .czesc-pierwsza .add-info{float: left; padding-top: 20px; color: #000;}
section#instrukcja_2 .czesc-druga .add-info{float: left; padding-top: 20px; color: #000;}
section#instrukcja_2 .accept_2{margin-bottom: 20px; background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 2% 3%; text-transform: uppercase; text-decoration: none; float: right; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#instrukcja_2 .accept_2:hover{opacity: 0.7;}

section#instrukcja{float: left; width: 70%; padding: 0 15%;}
section#instrukcja .czesc-pierwsza{padding-top: 5px;}
section#instrukcja .czesc-pierwsza h2{padding-top: 2%; color: #1394cc; text-transform: uppercase; padding-bottom: 10px;}
section#instrukcja .czesc-pierwsza p{float: left; margin-top: 0px; line-height: 19px; padding-bottom: 15px;}
section#instrukcja .czesc-druga{float: left; padding-bottom: 20px;}
section#instrukcja .czesc-druga h2{padding-top: 2%; color: #1394cc; text-transform: uppercase; padding-bottom: 10px;}
section#instrukcja .czesc-druga p{float: left; margin-top: 0px; line-height: 19px; padding-bottom: 15px;}
section#instrukcja .czesc-pierwsza p span, section#instrukcja .czesc-druga p span{color: #1394cc; text-transform: uppercase;}
section#instrukcja .czesc-pierwsza .add-info{float: left; padding-top: 20px; color: #000;}
section#instrukcja .czesc-druga .add-info{float: left; padding-top: 20px; color: #000;}
section#instrukcja .accept{margin-bottom: 20px; background: #dddddd; border-bottom: 3px solid #c8c8c8; color: #606060; padding: 2% 3%; text-transform: uppercase; text-decoration: none; float: right; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
section#instrukcja .accept:hover{opacity: 0.7;}

@media all and (max-width: 780px){
	section#register form{float: left; width: 100%; padding: 20px 0;}
    section#register label{padding: 0 5%; text-align: left; width: 100%; font-size: 12px; line-height: 24px;}
	section#register input{float: left; width: 90%; padding: 20px 5%;}
	section#register select{float: left; width: 100%; padding: 20px 5%;}
	section#register .button{float: left; width: 100%; margin-top: 10%; margin-bottom: 0;}
	section#question label.tak{width: 100%; float: left; background: #bccf02; border-bottom: 3px solid #aabb00; color: #fff; font-size: 16px; text-transform: uppercase; padding: 20px 0; text-align: center;}
	section#question label.nie{width: 100%; float: left; background: #f0563d; border-bottom: 3px solid #e7482e; color: #fff; font-size: 16px; text-transform: uppercase; padding: 20px 0; text-align: center;}
	section#question label.nie_wiem{margin-top: 0px; width: 100%; float: left;  background: #1394cc; border-bottom: 3px solid #0d85b9; color: #fff; font-size: 16px; text-transform: uppercase; padding: 20px 0; text-align: center;}
	section#question input[type=radio]:checked+label{opacity: 0.5;}
	section#question .pytanie .przyciski{margin-top: 50px;}
	section#question a.next{float: left; width: 80%; margin: 5px 0px; padding: 5% 10%; text-align: center;}
	section#question a.prev{opacity: 0.5; float: left; width: 80%; margin: 5px 0px 0 0; padding: 5% 10%; text-align: center;}
	section#test #tab{width: 100% !important; margin: 0 auto; display: block;}
	section#test .left{width: 100%; float: left;}
	section#test .right{width: 100%; float: left;}
}
@media all and (max-width: 385px){
	header a.logo img{display: none;}
	header .header-title{float: none;}
	header h1{margin-top: 45px; text-align: center; font-size: 13px;}
	header h2{text-align: center;}
}

ul.resp-tabs-list, p {margin: 0px;padding: 0px;}
.resp-tabs-list li {font-weight: 600;border-bottom: 2px solid #c1c1c1;font-size: 13px;text-transform: uppercase;display: inline-block;padding: 14px 15px;margin: 0;list-style: none;cursor: pointer;float: left;}
.resp-tabs-list li:hover {font-weight: 600;border-bottom: 2px solid rgb(51,102,255);font-size: 13px;text-transform: uppercase;display: inline-block;padding: 14px 15px;margin: 0;list-style: none;cursor: pointer;float: left;}
.tabClicked { background-color: rgb(204,255,204); }

.resp-tabs-container {padding: 0px;background-color: #fff;clear: left;}
h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}
.resp-tab-content {display: none;padding: 15px;}
.resp-tab-active {border-bottom: 2px solid #1394cc !important;border: 1px solid #c1c1c1;border-bottom: none;margin-bottom: -1px !important;padding: 12px 14px 14px 14px !important;}
.resp-tab-active {border-bottom: none;background-color: #fff;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content {border: 0px;float: left;width: 90%;}
h2.resp-accordion {font-size: 13px;border: 1px solid #c1c1c1;border-top: 0px solid #c1c1c1;margin: 0px;padding: 10px 15px;}
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 10px 15px !important;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;}
.resp-vtabs ul.resp-tabs-list {float: left;width: 30%;}
.resp-vtabs .resp-tabs-list li {display: block;padding: 15px 15px !important;margin: 0;cursor: pointer;float: none;}
.resp-vtabs .resp-tabs-container {padding: 0px;background-color: #fff;border: 1px solid #c1c1c1;float: left;width: 68%;min-height: 250px;border-radius: 4px;clear: none;}
.resp-vtabs .resp-tab-content {border: none;}
.resp-vtabs li.resp-tab-active {border: 1px solid #c1c1c1;border-right: none;background-color: #fff;position: relative;z-index: 1;margin-right: -1px !important;padding: 14px 15px 15px 14px !important;}
.resp-arrow {width: 0;height: 0;float: right;margin-top: 3px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow {border: none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #9B9797;}
/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #dbdbdb !important;}
.resp-easy-accordion h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
.resp-jfit {width: 100%;margin: 0px;}
.resp-tab-content-active {display: block;}
h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;}
@media only screen and (max-width: 768px) {
/*	ul.resp-tabs-list {display: none;}*/
	h2.resp-accordion {display: block;}
	.resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
	.resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: initial;clear: none;}
	.resp-accordion-closed {display:none !important;}
	.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
}