html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;
}
a{text-decoration:none;}
div#container{text-align:left; }
div#container{
width:1003px;
margin:10px auto;
}
#js
{
display:none;
}
#js
{
display:none;
}
div#staty_kont
{
position:absolute;
width:1003px;
}
#js2
{
color:red;
text-align:center;
font-weight:bold;
font-size:20px;
}
a#logo{
float:left;
background: url(obrazki/logo.png) no-repeat;
height:142px;
width: 393px;
}
/* ZROBIONE BEZ SPR_WYNIK */
div#header{
float:left;
background: url(obrazki/header.jpg) repeat-x;
height:142px;
width: 608px;
}
div#pasek{
float:left;
background: url(obrazki/pasek.jpg) repeat-x;
height:34px;
width: 1001px;
}
div#p_menu1{
float:left;
background: url(obrazki/p_menu1.jpg) no-repeat;
height:110px;
width: 306px;
}
a#p_menu2{
float:left;
background: url(obrazki/p_menu2.jpg) no-repeat;
height:110px;
width: 317px;
}
a#p_menu2:hover{
float:left;
background: url(obrazki/rozpocznij.jpg) no-repeat;
height:110px;
width: 317px;
}
div#p_menu3{
float:left;
background: url(obrazki/p_menu3.jpg) no-repeat;
height:110px;
width: 378px;
}
div#aktorzy{
float:left;
/* background: url(obrazki/aktor.jpg) no-repeat;
height:350px;
width: 655px;*/
}
div#koszulka{
float:left;
background: url(obrazki/koszulka2.jpg) no-repeat;
height:210px;
width: 347px;
}
div#tekst{
margin-top: 30 px;
padding:30px;
}
div#staty_l{
float:left;
background: url(obrazki/staty_l.jpg) no-repeat;
height:314px;
width: 39px;
}
div#staty_s{
float:left;
background: url(obrazki/staty_s.jpg) repeat-x;
height:314px;
width: 289px;
}
div#staty_t{
float:left;
background: url(obrazki/staty_s.jpg) repeat-x;
height:314px;
width: 940px;
}
div#staty_p{
float:left;
background: url(obrazki/staty_p.jpg) no-repeat;
height:314px;
width: 20px;
}
div#wykres{
margin-top:15px;
}
p#nag{
margin-top:50px;
font-size:18px;
color:#004d79;
font-weight:bold;
}
div#nagrody{
float:left;
background: url(obrazki/nagrody.jpg) no-repeat;
height:158px;
width: 322px;
}
div#pasek2{
float:left;
margin-top:-174px;
background: url(obrazki/pasek2.jpg) repeat-x;
height:16px;
width: 655px;
}
div#dol_l{
float:left;
margin-top:-158px;
background: url(obrazki/dol_l.jpg) no-repeat;
height:96px;
width: 33px;
}
div#dol_g{
float:left;
margin-top:-158px;
margin-left:33px;
background: url(obrazki/dol_g.jpg) repeat-x;
height:22px;
width: 241px;
}
a#dol_d{
float:left;
margin-top:-136px;
margin-left:33px;
background: url(obrazki/dol_d.jpg) no-repeat;
height:74px;
width: 241px;
}
a#dol_d:hover{
float:left;
margin-top:-136px;
margin-left:33px;
background: url(obrazki/rozpocznij2.jpg) no-repeat;
height:74px;
width: 241px;
}
div#dol_p{
float:left;
margin-top:-158px;
margin-left:274px;
background: url(obrazki/dol_p.jpg) no-repeat;
height:96px;
width: 56px;
}
div#nagroda{
float:left;
margin-top:-62px;
margin-left:0px;
background: url(obrazki/nagroda.jpg) no-repeat;
height:62px;
width: 330px;
}
div#nagrody{
float:left;
margin-top:-158px;
margin-left:329px;
background: url(obrazki/nagrody.jpg) no-repeat;
height:158px;
width: 326px;
}
div#stopka{
float:left;
background: url(obrazki/stopka.jpg) repeat-x;
height:69px;
width: 1001px;
}
div#puste_miejsce
{
float:left;
margin-top:30px;
color:white;
height:30px;
}
p.stopka
{
margin-left:20px;
color:white;
font: Verdana;
font-size:12px;
margin-top: 41px;
color:white;
}
span.odstep
{
margin-left:10px;
margin-right:10px;
}
span.lewo
{
margin-left:200px;
}
a.stopka:hover
{
color:white;
text-decoration:underline;
}
a.stopka
{
color:white;
text-decoration:none;
}
button#dodaj_wpis
{
margin-top:27px;
background:url(obrazki/button.jpg) no-repeat;
height:49px;
width: 149px;
border:none;
}
button#dodaj_wpis:hover
{
background:url(obrazki/button2.jpg) no-repeat;
height:49px;
width: 149px;
border:none;
}
p.test
{
margin-top:40px;
margin-left:320px;
color:white;
font-family: Trebuchet MS;
font-size:14px;
font-weight:bold;
}
div.menu1
{
margin-top:47px;
margin-left:140px;
color:#004d79;
font: Trebuchet MS;
font-size:16px;
font-weight:bold;
}
a.roz
{
color:#004d79;
font: Trebuchet MS;
font-size:16px;
font-weight:bold;
margin-left:40px;
}
a.roz:hover
{
color:black;
font: Trebuchet MS;
font-size:16px;
margin-left:40px;
font-weight:bold;
}
/*
div#gora_spr{
float:left;
background: url(obrazki/gora_spr.jpg) repeat-x;
height:29px;
width: 161px;
}
div#spr_wynik{
float:left;
background: url(obrazki/spr_wynik.jpg) repeat-x;
height:38px;
width: 142px;
}
*/
div#ramka {
background: #FFF;
height:552px;
}
div.outer { float: left; margin-left:15%; background: #f8860e; padding: 8px; width: 600px }
#kontakt_box {
float:left;
margin-top:19px;
margin-bottom:19px;
width:1003px;
height:550px;
margin-left: 20px;
}
#kontakt_box2 {
float:left;
margin-left: 50px;
}
p.form
{
margin-top:10px;
font-size:14px;
font: Trebuchet MS;
font-weight:bold;
}
input.form
{
width:220px;
height:20px;
border: 2px solid #9fcfe8;
}
select
{
width:226px;
height:25px;
border: 2px solid #9fcfe8;
}
textarea
{
border: 2px solid #9fcfe8;
}
input#wyslij
{
float:left;
margin-left:-5px;
background: url(obrazki/wyslij.jpg) no-repeat;
border: none;
cursor: pointer;
max-height: 52px;
height:50px;
width:142px;
}
input#wyslij:hover
{
float:left;
margin-left:-5px;
background: url(obrazki/wyslij2.jpg) no-repeat;
border: none;
cursor: pointer;
max-height: 52px;
height:50px;
width:142px;
}
span.s_mail
{
margin-left:10px;
font-size:12px;
color:red;
font-weight:bold;
}
span.s_name
{
margin-left:10px;
font-size:12px;
color:red;
font-weight:bold;
}
span.s_title
{
margin-left:10px;
font-size:12px;
color:red;
font-weight:bold;
}
span.s_mail
{
margin-left:10px;
font-size:12px;
color:red;
font-weight:bold;
}
div.s_textarea
{
margin-left:10px;
margin-top:0px;
font-size:12px;
color:red;
font-weight:bold;
}
div#pr_blok
{
float:left;
margin-top:20px;
height:42px;
background: #FFB000;
width:600px;
}
div#pr_blok
{
float:left;
margin-top:20px;
height:42px;
background: #f8860e;
width:600px;
}
div#pasek3{
float:left;
background:url(obrazki/pasek3.jpg) repeat-x;
height:587px;
width: 1001px;
}
div#pasek6{
float:left;
background:url(obrazki/pasek6.jpg) repeat;
height:1200px;
width: 1001px;
}
div#pasek8{
float:left;
background:url(obrazki/pasek6.jpg) repeat;
height:1200px;
width: 1001px;
}
div#pasek7{
float:left;
background:url(obrazki/pasek6.jpg) repeat;
height:930px;
width: 1001px;
}
div#pasek5{
float:left;
background:url(obrazki/pasek5.jpg) repeat;
height:630px;
width: 1001px;
}
div#pasek4{
float:left;
background:url(obrazki/pasek3.jpg) repeat-x;
height:500px;
width: 1001px;
}
div#wiad_wyslana
{
font: 13px Trebuchet MS, sans- serif;
margin-top:60px;
margin-left:0px;
text-align:center;
color:#004d79;
}
div#wiad_wyslana a
{
text-decoration:underline;
color:#004d79;
}
div#wiad_wyslana a:hover
{
color:#105881;
font-weight:bold;
}
div#pr_blok1
{
float:left;
margin-top:-5px;
margin-left:-5px;
height:3px;
background: #f7f6f2;
width:4px;
}
div#pr_blok2
{
float:left;
margin-top:-5px;
margin-left:602px;
height:3px;
background: #f7f6f2;
width:4px;
}
div#regulamin
{
float:left;
margin-top:25px;
margin-left:25px;
font-size:11px;
line-height:160%;
width:1003px;
}
img.glass {
float:left;
margin:0 15px 5px 0;
}
.ciekawostki_box1 {
float:left;
margin-top:59px;
width:450px;
height:200px;
margin-left: 20px;
}
.ciekawostki_box2 {
float:left;
margin-top:59px;
margin-left:50px;
width:470px;
height:200px;
}
.ciekawostki_box3 {
float:left;
margin-top:59px;
width:440px;
height:180px;
margin-left: 20px;
margin-bottom:29px;
}
.ciekawostki_box4 {
float:left;
margin-top:59px;
margin-bottom:29px;
margin-left:60px;
width:430px;
height:180px;
}
p.ciekawostki
{
font-size:11px;
text-align:justify;
color:#424242;
}
/*statysyki */
#pierwszy2 {
float:left;
margin-top:19px;
margin-left:1px;
width:321px;
color:#6C6C6C;
}
#drugi2{
float:left;
margin-top:19px;
width:321px;
margin-left: 12px;
color:#6C6C6C;
}
#trzeci2{
float:left;
margin-top:19px;
width:321px;
margin-left: 12px;
color:#6C6C6C;
}
.kar .wynik2 {
position: absolute;
left:287px;
color:#0099FF;
font-size:25px;
padding-top:0px;
}
.kar .wynik4 {
position: absolute;
left:250px;
color:#0099FF;
font-size:25px;
padding-top:0px;
}
}
.rok
{
position: absolute;
padding-top:6px;
padding-left:40px;
font-size:17px;
font-weight:bold;
}
.rok img{
position: absolute;
left:120px;
padding-top:5px;
height:25px;
}
.kar .wynik3 {
position: absolute;
left:238px;
color:#0099FF;
font-size:25px;
padding-top:0px;
}
#czwarty2 {
float:left;
width:341px;
}
h2.karuzela, h3.karuzela
{
font-size:18px;
color:#f8860e;
text-align:center;
margin-bottom:5px;
}
div.nr2 {
font-size:12px;
float:left;
width:20px;
height:25px;
font-weight:bold;
}
div.imie {
font-size:15px;
float:left;
height:25px;
padding-left:3px;
width:150px;
font-weight:bold;
}
div.s_wykres{
float:left;
width:90px;
height:25px;
}
div.s_wynik{
float:left;
width:20px;
height:25px;
color:#0090FF;
font-size:22px;
}
div.s_wykres img{
height:25px;
}
img#drugi{
position: absolute;
left:620px;
padding-top:0px;
height:25px;
}
img#trzeci{
position: absolute;
left:620px;
padding-top:0px;
height:25px;
}
.kar .wynik2 {
position: absolute;
left:740px;
color:#0090FF;
font-size:22px;
padding-top:0px;
}
.kar .wynik3 {
position: absolute;
left:950px;
color:#0090FF;
font-size:22px;
padding-top:0px;
}
/* kod za test*/
div#wynik_testu
{
float:left;
margin-top:30px;
margin-left:20px;
width:1003px;
}
div#naglowek_testu
{
margin-top:5px;
width:700px;
font-size:14px;
font-weight:bold;
/*background-color:#BCBCBC; */
}
span.odstep2
{
float:right;
margin-right:20px;
color:#00a0fe;
}
span.kolor
{
font-size:14px;
color:#00a0fe;
}
div#wynik_testu_info
{
margin-top:12px;
width:700px;
font-size:12px;
background-color:#A0D0FF;
}
p.info_box
{
font-size:14px;
line-height:150%;
margin-top:5px;
}
div.wynik_testu_kroki
{
margin-top:23px;
width:700px;
font-size:12px;
height:75px;
}
input#zobacz_wynik2
{
float:left;
margin-left:-5px;
background: url(obrazki/zobacz_wynik.jpg) repeat-x;
border: none;
cursor: pointer;
max-height: 44px;
height:44px;
width:116px;
}
input#zobacz_wynik2:hover
{
float:left;
margin-left:-5px;
background: url(obrazki/zobacz_wynik2.jpg) repeat-x;
border: none;
cursor: pointer;
max-height: 44px;
height:44px;
width:116px;
}
img#trzy {
float:left;
margin: 10px 15px 5px 0;
}
h3.dol
{
float:left;
margin-top:10px;
}
span.dostep
{
margin-left:10px;
font-size:16px;
color:red;
font-weight:bold;
}
span.s_data
{
margin-left:10px;
font-size:16px;
color:red;
font-weight:bold;
}
input.lewoo
{
margin-left:100px;
}
p.trzy_punkty
{
font-weight:bold;
font-size:14px;
}
div.outer4 { float: left; margin-left:25%; background: #C0C0C0; width: 553px }
div#pr
{
float:left;
margin-top:35px;
font-size:12px;
width:1003px;
}
div#prr
{
float:left;
margin-top:35px;
font-size:12px;
width:1003px;
}
div#logowanie
{
float:left;
background:#fff;
height:520px;
margin-left:25%;
width:553px;
}
div.box {
float:left;
width:330px;
color:#000;
margin-left: 70px;
font-weight:bold;
}
div.box label {
width:100%;
display: block;
padding:10px 0 10px 0;
}
div.box .nazwa{
width: 190px;
height: 22px;
vertical-align: middle;
margin-left:30px;
border: 2px solid #C0C0C0;
}
div.box .mail{
width: 190px;
height: 22px;
vertical-align: middle;
margin-left:21px;
border: 2px solid #C0C0C0;
}
div.box span{
margin-left:10px;
padding:10px 5px 0 0;
font-size:14px;
}
input.log
{
margin-left:192px;
}
div#pr_info
{
float:left;
margin-top:20px;
margin-left:40px;
height:200px;
line-height:170%;
width:500px;
font-size:13px;
}
div#pr_info b
{
color:#105881;
}
div#pr_blok
{
float:left;
margin-top:40px;
height:22px;
background: #D0D0D0;
width:553px;
}
a#refa
{
color:#105881; margin-left:186px; font-weight:bold;
}
a#refa:hover
{
color:#3399FF;
text-decoration:underline;
}
div#r
{
float:left;
margin-top:35px;
font-size:12px;
height:520px;
width:1003px;
}
a.menu_pr
{
margin-left:20px;
color:#105881;
font-size:18px;
font-weight:bold;
}
a:hover
{
color:#3399FF;
text-decoration:underline;
}
div.outer5 { float: left;margin-top:40px; margin-left:200px; background: #f8860e; width: 633px }
div#info_pr
{
float:left;
margin-left:200px;
background:#FFF;
width:633px;
}
div#pr_linia
{
float:left;
margin-top:20px;
margin-bottom:12px;
height:22px;
background: #D0D0D0;
width:633px;
}
div.pr_linia
{
float:left;
margin-top:20px;
margin-bottom:12px;
height:22px;
background: #f8860e;
width:633px;
}
table.stat_pr
{
margin-left:50px;
margin-top: 15px;
font-weight:bold;
font-size:12px;
}
td.w1
{
width:200px;
height:23px;
}
td.w2
{
height:23px;
width:55px;
color:#105881;
font-size:14px;
}
td.w3
{
height:23px;
width:40px;
color:red;
font-size:16px;
}
div#analiza_wyniku
{
background:#a0c0ff;
margin-top:10px;
margin-left:42px;
width:400px;
line-height:150%;
text-align: justify;
}
h2 {
display:inline;
font-size:100%;
font-weight:normal;
}
h1{
padding-bottom: 20px;
display:inline;
}
/*style slidera i menu */
#slider * {
margin: 0;
padding: 0;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#slider ul {
width: 653px;
height: 350px;
overflow: hidden;
padding: 40px 30px 45px;
background: #f5f5f3 url(intro_images/slide.png) 0 0 no-repeat;
}
#slider ul li {
position: relative;
list-style: none;
float: left;
width: 653px;
height: 348px;
overflow: hidden;
}
#slider li h2 {
position: relative;
top: 40px;
float: left;
font: bold 44px/55px 'Times New Roman', Georgia, sans-serif;
color: #5B5B5B;
-webkit-transform: translate(0px, -200px);
-moz-transform: translate(0px, -200px);
-o-transform: translate(0px, -200px);
-ms-transform: translate(0px, -200px);
transform: translate(0px, -200px);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#slider li small {
position: relative;
font: 19px/28px arial, tahoma, sans-serif;
color: #9B9B9B;
top: 30px;
opacity: 0;
clear: both;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
#slider ul li p {
position: relative;
top: 61px;
color: #194B6F;
clear: both;
font: 24px/1 arial, tahoma, sans-serif;
-webkit-transform: translate(0px, 400px);
-moz-transform: translate(0px, 400px);
-o-transform: translate(0px, 400px);
-ms-transform: translate(0px, 400px);
transform: translate(0px, 400px);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#slider ul li p big{
font-size: 36px;
display: block;
}
#slider ul li #iq {
top: 88px;
font: 60px/73px 'Times New Roman', Georgia, sans-serif;
color: #5B5B5B;
}
#slider ul li img {
position: absolute;
bottom: 5px;
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}
#slider li.current h2 {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
#slider li.current p {
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform: translate(0px,0px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
}
#slider li.current small {
opacity: 1;
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
transition-delay: 0.6s;
}
#slider li.current #iq {
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
-ms-transition-delay: 0.8s;
transition-delay: 0.8s;
}
#slider li.current img {
opacity: 1;
transform: translateY(0px);
}
#slide_1 {
}
#slider li#slide_1 h2, #slider li#slide_3 h2 {
float: right;
text-align: right;
right: 78px;
}
#slide_1 p, #slide_3 p {
float: right;
text-align: right;
clear: both;
right: 30px;
}
#slide_1 p big {
text-indent: 35px;
text-align: left;
}
#slide_1 small, #slide_3 small {
float: right;
right: 125px;
}
#slide_1 #iq, #slide_3 #iq {
right: 50px;
}
#slide_1 img {
left: 3px;
}
#slide_2 {
}
#slide_2 h2 {
left: 90px;
}
#slide_2 p {
float: left;
clear: both;
left: 40px;
}
#slide_2 p big {
margin-right: 50px;
text-align: right;
}
#slide_2 small {
float: left;
left: 60px;
}
#slide_2 #iq {
left: 110px;
}
#slide_2 img {
right: 55px;
}
#slide_3 {
}
#slide_3 h2 {
right: 175px;
}
#slide_3 p {
right: 60px;
}
#slide_3 small {
right: 110px;
}
#slide_3 #iq {}
#slide_3 img {
left: 3px;
}
#slide_4 {}
#slide_4 h2 {
left: 40px;
}
#slide_4 p {
width: 40%;
top: 37px !important;
left: 80px;
}
#slide_4 p big {
margin-left: -15px;
}
#slide_4 small {
float: left;
left: 265px;
}
#slide_4 #iq {
left: 110px;
}
#slide_4 img {
right: 60px;
}
/* menu */
#menu {
float: left;
padding: 21.5px 0;
width: 1001px;
height: 67px;
background: -moz-linear-gradient(top, rgba(128,175,201,1) 0%, rgba(128,175,201,1) 4%, rgba(134,181,207,1) 11%, rgba(165,212,238,1) 34%, rgba(176,223,249,1) 48%, rgba(175,222,248,1) 56%, rgba(170,217,243,1) 63%, rgba(149,196,222,1) 81%, rgba(133,180,206,1) 95%, rgba(131,178,204,1) 99%, rgba(130,177,203,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,175,201,1)), color-stop(4%,rgba(128,175,201,1)), color-stop(11%,rgba(134,181,207,1)), color-stop(34%,rgba(165,212,238,1)), color-stop(48%,rgba(176,223,249,1)), color-stop(56%,rgba(175,222,248,1)), color-stop(63%,rgba(170,217,243,1)), color-stop(81%,rgba(149,196,222,1)), color-stop(95%,rgba(133,180,206,1)), color-stop(99%,rgba(131,178,204,1)), color-stop(100%,rgba(130,177,203,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(128,175,201,1) 0%,rgba(128,175,201,1) 4%,rgba(134,181,207,1) 11%,rgba(165,212,238,1) 34%,rgba(176,223,249,1) 48%,rgba(175,222,248,1) 56%,rgba(170,217,243,1) 63%,rgba(149,196,222,1) 81%,rgba(133,180,206,1) 95%,rgba(131,178,204,1) 99%,rgba(130,177,203,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(128,175,201,1) 0%,rgba(128,175,201,1) 4%,rgba(134,181,207,1) 11%,rgba(165,212,238,1) 34%,rgba(176,223,249,1) 48%,rgba(175,222,248,1) 56%,rgba(170,217,243,1) 63%,rgba(149,196,222,1) 81%,rgba(133,180,206,1) 95%,rgba(131,178,204,1) 99%,rgba(130,177,203,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(128,175,201,1) 0%,rgba(128,175,201,1) 4%,rgba(134,181,207,1) 11%,rgba(165,212,238,1) 34%,rgba(176,223,249,1) 48%,rgba(175,222,248,1) 56%,rgba(170,217,243,1) 63%,rgba(149,196,222,1) 81%,rgba(133,180,206,1) 95%,rgba(131,178,204,1) 99%,rgba(130,177,203,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(128,175,201,1) 0%,rgba(128,175,201,1) 4%,rgba(134,181,207,1) 11%,rgba(165,212,238,1) 34%,rgba(176,223,249,1) 48%,rgba(175,222,248,1) 56%,rgba(170,217,243,1) 63%,rgba(149,196,222,1) 81%,rgba(133,180,206,1) 95%,rgba(131,178,204,1) 99%,rgba(130,177,203,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80afc9', endColorstr='#9982b1cb',GradientType=0 ); /* IE6-9 */
}
#menu li {
float: left;
width: 300px;
padding: 0 10px;
list-style: none;
font: bold 24px/67px arial, tahoma, sans-serif;
color: #014D7B;
text-shadow: 1px 2px 0 rgba(255,255,255,.75)
}
#menu li:nth-child(2) {
width: 265px;
}
#menu li.cert {
width: 365px;
background: url(obrazki/cert.png) right 0 no-repeat;
}
#menu li .counter {
display: inline-block;
box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3);
font-size: 24px;
text-indent: 0;
width: 36px;
border: 1px solid #DB8226;
height: 35px;
border-radius: 20px;
margin-right: 10px;
text-align: center;
line-height: 35px;
text-shadow: none;
color: #fff;
background: rgb(235,217,198); /* Old browsers */
background: -moz-linear-gradient(top, rgba(235,217,198,1) 0%, rgba(233,207,179,1) 6%, rgba(229,172,110,1) 24%, rgba(229,161,85,1) 50%, rgba(229,157,77,1) 53%, rgba(226,142,49,1) 56%, rgba(227,134,31,1) 74%, rgba(228,125,11,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,217,198,1)), color-stop(6%,rgba(233,207,179,1)), color-stop(24%,rgba(229,172,110,1)), color-stop(50%,rgba(229,161,85,1)), color-stop(53%,rgba(229,157,77,1)), color-stop(56%,rgba(226,142,49,1)), color-stop(74%,rgba(227,134,31,1)), color-stop(100%,rgba(228,125,11,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(235,217,198,1) 0%,rgba(233,207,179,1) 6%,rgba(229,172,110,1) 24%,rgba(229,161,85,1) 50%,rgba(229,157,77,1) 53%,rgba(226,142,49,1) 56%,rgba(227,134,31,1) 74%,rgba(228,125,11,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(235,217,198,1) 0%,rgba(233,207,179,1) 6%,rgba(229,172,110,1) 24%,rgba(229,161,85,1) 50%,rgba(229,157,77,1) 53%,rgba(226,142,49,1) 56%,rgba(227,134,31,1) 74%,rgba(228,125,11,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(235,217,198,1) 0%,rgba(233,207,179,1) 6%,rgba(229,172,110,1) 24%,rgba(229,161,85,1) 50%,rgba(229,157,77,1) 53%,rgba(226,142,49,1) 56%,rgba(227,134,31,1) 74%,rgba(228,125,11,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(235,217,198,1) 0%,rgba(233,207,179,1) 6%,rgba(229,172,110,1) 24%,rgba(229,161,85,1) 50%,rgba(229,157,77,1) 53%,rgba(226,142,49,1) 56%,rgba(227,134,31,1) 74%,rgba(228,125,11,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd9c6', endColorstr='#e47d0b',GradientType=0 ); /* IE6-9 */
}
#menu li a {
display: inline-block;
text-decoration: none;
width: auto;
height: auto;
color: #014D7B;
padding: 0 25px 0 10px;
box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3);
border: 1px solid #DB8226;
border-radius: 12px;
background: rgb(255,252,250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,252,250,1) 0%, rgba(255,255,255,1) 2%, rgba(255,255,255,1) 3%, rgba(250,245,239,1) 5%, rgba(234,211,187,1) 6%, rgba(230,187,138,1) 17%, rgba(229,172,109,1) 25%, rgba(230,159,81,1) 53%, rgba(226,142,48,1) 55%, rgba(227,132,25,1) 77%, rgba(228,124,8,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,252,250,1)), color-stop(2%,rgba(255,255,255,1)), color-stop(3%,rgba(255,255,255,1)), color-stop(5%,rgba(250,245,239,1)), color-stop(6%,rgba(234,211,187,1)), color-stop(17%,rgba(230,187,138,1)), color-stop(25%,rgba(229,172,109,1)), color-stop(53%,rgba(230,159,81,1)), color-stop(55%,rgba(226,142,48,1)), color-stop(77%,rgba(227,132,25,1)), color-stop(100%,rgba(228,124,8,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,252,250,1) 0%,rgba(255,255,255,1) 2%,rgba(255,255,255,1) 3%,rgba(250,245,239,1) 5%,rgba(234,211,187,1) 6%,rgba(230,187,138,1) 17%,rgba(229,172,109,1) 25%,rgba(230,159,81,1) 53%,rgba(226,142,48,1) 55%,rgba(227,132,25,1) 77%,rgba(228,124,8,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,252,250,1) 0%,rgba(255,255,255,1) 2%,rgba(255,255,255,1) 3%,rgba(250,245,239,1) 5%,rgba(234,211,187,1) 6%,rgba(230,187,138,1) 17%,rgba(229,172,109,1) 25%,rgba(230,159,81,1) 53%,rgba(226,142,48,1) 55%,rgba(227,132,25,1) 77%,rgba(228,124,8,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,252,250,1) 0%,rgba(255,255,255,1) 2%,rgba(255,255,255,1) 3%,rgba(250,245,239,1) 5%,rgba(234,211,187,1) 6%,rgba(230,187,138,1) 17%,rgba(229,172,109,1) 25%,rgba(230,159,81,1) 53%,rgba(226,142,48,1) 55%,rgba(227,132,25,1) 77%,rgba(228,124,8,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,252,250,1) 0%,rgba(255,255,255,1) 2%,rgba(255,255,255,1) 3%,rgba(250,245,239,1) 5%,rgba(234,211,187,1) 6%,rgba(230,187,138,1) 17%,rgba(229,172,109,1) 25%,rgba(230,159,81,1) 53%,rgba(226,142,48,1) 55%,rgba(227,132,25,1) 77%,rgba(228,124,8,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfa', endColorstr='#e47c08',GradientType=0 ); /* IE6-9 */
}
#menu li a:hover {
width: auto;
height: auto;
background: rgb(228,124,8); /* Old browsers */
background: -moz-linear-gradient(top, rgba(228,124,8,1) 0%, rgba(227,132,25,1) 23%, rgba(226,142,48,1) 45%, rgba(230,159,81,1) 47%, rgba(229,172,109,1) 75%, rgba(230,187,138,1) 83%, rgba(234,211,187,1) 94%, rgba(250,245,239,1) 95%, rgba(255,255,255,1) 97%, rgba(255,255,255,1) 98%, rgba(255,252,250,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,124,8,1)), color-stop(23%,rgba(227,132,25,1)), color-stop(45%,rgba(226,142,48,1)), color-stop(47%,rgba(230,159,81,1)), color-stop(75%,rgba(229,172,109,1)), color-stop(83%,rgba(230,187,138,1)), color-stop(94%,rgba(234,211,187,1)), color-stop(95%,rgba(250,245,239,1)), color-stop(97%,rgba(255,255,255,1)), color-stop(98%,rgba(255,255,255,1)), color-stop(100%,rgba(255,252,250,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(228,124,8,1) 0%,rgba(227,132,25,1) 23%,rgba(226,142,48,1) 45%,rgba(230,159,81,1) 47%,rgba(229,172,109,1) 75%,rgba(230,187,138,1) 83%,rgba(234,211,187,1) 94%,rgba(250,245,239,1) 95%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 98%,rgba(255,252,250,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(228,124,8,1) 0%,rgba(227,132,25,1) 23%,rgba(226,142,48,1) 45%,rgba(230,159,81,1) 47%,rgba(229,172,109,1) 75%,rgba(230,187,138,1) 83%,rgba(234,211,187,1) 94%,rgba(250,245,239,1) 95%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 98%,rgba(255,252,250,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(228,124,8,1) 0%,rgba(227,132,25,1) 23%,rgba(226,142,48,1) 45%,rgba(230,159,81,1) 47%,rgba(229,172,109,1) 75%,rgba(230,187,138,1) 83%,rgba(234,211,187,1) 94%,rgba(250,245,239,1) 95%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 98%,rgba(255,252,250,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(228,124,8,1) 0%,rgba(227,132,25,1) 23%,rgba(226,142,48,1) 45%,rgba(230,159,81,1) 47%,rgba(229,172,109,1) 75%,rgba(230,187,138,1) 83%,rgba(234,211,187,1) 94%,rgba(250,245,239,1) 95%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 98%,rgba(255,252,250,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47c08', endColorstr='#fffcfa',GradientType=0 ); /* IE6-9 */
}
#menu li a .counter {
box-shadow: none;
background: none;
border: 0;
margin-right: 0;
}
#menu li span {
display: block;
text-indent: 50px;
line-height: 1;
margin-top: -15px;
color: #272727;
font-size: 12px;
}
form.stepy .stepy-left {
width:330px;
float:left;
margin-right:70px;
margin-left:70px;
}
form.stepy .stepy-right {
width:510px;
float:left;
}
form.stepy fieldset {
border:0px;
}
form.stepy fieldset legend {
display:none;
}
form.stepy ul.answers {
width:330px;
margin:0px;
padding:0px;
list-style:none;
}
form.stepy ul.answers li {
width:100px;
margin:5px;
float:left;
}
form.stepy ul.answers li img {
cursor:pointer;
}
form.stepy ul.answers li label {
display:block;
text-align:center;
color:#ff8a00;
}
form.stepy ul.answers li input[type="radio"] {
visibility:hidden;
}
ul.buttons {
width:320px;
margin:0px;
padding:0px;
list-style:none;
margin:0px auto;
}
ul.buttons li {
float:left;
margin:10px;
width:60px;
height:30px;
}
ul.buttons li a {
width:60px;
height:25px;
padding-top:5px;
text-decoration:none !important;
display:block;
text-align:center;
color:#000;
font-size:18px;
background: url(images/buttons.png) no-repeat -60px 0;
}
ul.buttons li a.active {
color:#fff;
background: url(images/buttons.png) no-repeat 0 0;
}
.stepy-navigator {
width:320px;
margin:0px auto;
margin-top:20px;
}
.stepy-navigator a,
.stepy-navigator input {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(214,214,214,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(214,214,214,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display:inline-block;
padding:3px 20px;
color:#000;
text-decoration:none !important;
border:1px solid #000;
vertical-align:top;
}
.stepy-navigator input {
position: relative;
top: -3px;
visibility:hidden;
}
.stepy-navigator a.button-next,
.stepy-navigator input {
float:right;
}
.clear {clear:both;}
.runner {
width:320px;
margin:0px auto;
margin-top:20px;
padding:5px;
text-align:center;
color:#000;
font-size:16px;
font-weight:bold;
border:1px solid #000;
padding:5px 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: rgb(187,187,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(187,187,187,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,187,187,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(187,187,187,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(187,187,187,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}