@import url( '_top-menu.css' );

body, body *{margin:0;padding:0;border:0;}
body,table{background-color:inherit;color:#333;font-size:0.75em;font-family:Arial, Helvetica, sans-serif;}
body{background:#2b2b2b;}

h4{font-size:1em;}

.input, .inputB, select, textarea{border:1px solid #ccc;}
.submit{font:1em Verdana, sans-serif;}
.inputB{font-size:1em;}
input[type="text"].warning-required, input[type="password"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{background:#f7d8d0;border-color:#bb4c2e;}

a{color:inherit;text-decoration:underline;}
a:link, a:visited, a:active{text-decoration:underline;}
a:hover{color:#f78c28;text-decoration:underline;}

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}
.center{text-align:center;}

.skiplink{position:absolute;left:0px;top:-500px;overflow:hidden;}

/* PAGE WIDTH */
#head .head1 nav, #head .head2 nav, #body .article, #body footer.back, #foot #links, #foot footer div{width:1200px;}
@media screen and (max-width:1136px){
	#head .head1 nav, #head .head2 nav, #body .article, #body footer.back, #foot #links, #foot footer div{width:960px;}
}
@media screen and (max-width:960px){
	#head .head1 nav, #head .head2 nav, #body .article, #body footer.back, #foot #links, #foot footer div{width:99%;}
}

#head .head1{background:#2e3740;padding:0 5px 5px;}
#head .head1 nav{height:85px;margin:0 auto;}
.popup #head .head1{background:#2d4863;}
.popup #head .head1 nav{width:100%;height:55px;}

#head .head1 .logo{float:left;margin:5px 0 0;}
#head .head1 .logo a{float:left;padding-top:5px;}

#head .head1 .user{position:relative;}
#head .head1 .user .login-button{float:right;width:180px;padding:7px 0;text-align:center;background:#f78c28;color:#fff;border:1px solid #f78c28;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;border-bottom-right-radius:10px;font-size:1.2em;}
#head .head1 .user a:hover, #head .head1 .user a.selected{color:#2f4a67;text-decoration:none;}
#head .head1 .user form{position:absolute;top:0px;right:170px;z-index:20;display:none;float:right;margin:0;padding:8px 20px;background:#f78c28;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px;}
#head .head1 .user form fieldset{clear:both;float:right;display:inline;}
#head .head1 .user form label{display:none;}
#head .head1 .user form .input{width:142px;margin:3px 0;padding:3px 5px;background:#dee7f0;border:none;}
#head .head1 .user form .input#lEmail{width:214px;}
#head .head1 .user form .submit{width:69px;height:22px;border:none;background:#2f4a67;color:#fff;font-weight:bold;}
#head .head1 .user form .submit:hover{background:#fff;color:#f78c28;}

#head .head1 .user .links{clear:right;float:left;margin-top:10px;list-style:none;}
#head .head1 .user .links li{margin:4px 0 0;}
#head .head1 .user .links a{color:#fde4cd;text-decoration:none;}
#head .head1 .user .links a:hover{color:#2f4a67;}

#head .head1 .user .avatar{float:right;margin:7px 20px 0 0;}
#head .head1 .user .avatar img{height:60px;border:3px solid #777777;}
#head .head1 .user .logged-links{float:right;padding:5px 10px 0 0;list-style:none;color:#ccc;/*background:#2b2b2b;border:1px solid #777;border-top:0;*/border-right:3px solid #777;text-align:right;}
#head .head1 .user .logged-links li a{display:block;padding:1px 23px 2px 0;text-decoration:none;background:url('../images/icons/ico_list2.png') no-repeat right 3px;}
#head .head1 .user .logged-links li a em{font-style:normal;}
#head .head1 .user .logged-links li a:hover{color:#fff;text-decoration:underline;}
#head .head1 .user .logged-links li.dashboard a{background-image:url('../images/icons/ico_dashboard.png');}
#head .head1 .user .logged-links li.partners a{font-weight:bold;background-image:url('../images/icons/ico_partners.png');}
#head .head1 .user .logged-links li.profile a{background-image:url('../images/icons/ico_profile.png');}
#head .head1 .user .logged-links li.logout a{background-image:url('../images/icons/ico_close2.png');}

#head .head2{position:absolute;top:90px;width:100%;background:#2b2b2b;font-family:Tahoma;border-bottom:1px solid #fbffff;}
#head .head2 nav{height:45px;margin:0 auto;}
/*@media screen and (max-width:960px){
  #head .head2{overflow:hidden;}
}*/

#head .head2 .lang{float:left;padding-top:3px;}
#head .head2 .lang a{float:left;display:block;margin-right:15px;padding-top:10px;}
#head .head2 .lang img{opacity:0.8;filter:alpha(opacity=80);}
#head .head2 .lang img:hover, #head .head2 .lang .selected img{opacity:1;filter:alpha(opacity=100);}

/* REMOVE START */
#head .head2 .menu{float:right;list-style:none;white-space:nowrap;}
#head .head2 .menu li a{text-decoration:none;}
#head .head2 .menu > li{position:relative;float:left;height:45px;margin:0 5px;white-space:nowrap;}
#head .head2 .menu > li > a, #head .head2 .menu li strong{display:block;padding:10px;background:inherit;color:#fff;font-size:1.75em;font-weight:normal;text-shadow:0 0 1px rgba(209,214,220,0.8);}
#head .head2 .menu li li a{color:#fff;}
#head .head2 .menu li.mark > strong:first-child{color:#ff9650;text-decoration:none;cursor:pointer;}
#head .head2 .menu > li:hover > a, #head .head2 .menu > li.mark:hover > strong{background:#fafafa;color:#1b212a;text-decoration:none;cursor:pointer;}
#head .head2 .menu > li > ul{float:left;display:none;z-index:10;position:absolute;top:45px;padding:5px 10px 15px;background:#2b2b2b;list-style:none;border:1px solid #fff;font-size:1.167em;}

#head .head2 .menu > li ul.right{right:0px;}
#head .head2 .menu li:hover ul{display:block;}

#head .head2 .menu > li > ul > li{float:left;width:100%;margin:7px 0 0 !important;}
#head .head2 .menu li.mark > ul > li{margin-bottom:7px !important;}
#head .head2 .menu li ul li:first-child{margin-top:5px;}
#head .head2 .menu li ul li a, #head .head2 .menu li ul li strong{margin:0;padding:5px 15px 5px 10px;}
#head .head2 .menu li ul li a:hover{text-decoration:underline;}
#head .head2 .menu li ul ul li.mark a{font-weight:bold;}
#head .head2 .menu li ul li strong{font-weight:bold;font-size:1em;text-shadow:none;}
#head .head2 .menu li ul ul{display:block;float:left;margin-left:20px;padding:0;background:inherit;border:0;list-style:none;}
#head .head2 .menu li ul ul li{margin:7px 0 0;background:none;}
#head .head2 .menu li ul ul a{padding:1px 0;font-size:1em;}
#head .head2 .menu li ul ul img{margin-left:3px;vertical-align:middle;}


#head .head2 .menu > li.detailed > ul{width:970px;margin-left:-390px;}
#head .head2 .menu > li.detailed.qcms > ul{margin-left:-500px;}
#head .head2 .menu > li.detailed > ul > li.basics{width:240px;}
#head .head2 .menu > li.detailed > ul > li.download{width:140px;}
#head .head2 .menu > li.detailed > ul > li.demo{width:200px;}
#head .head2 .menu > li.detailed > ul > li.help{width:180px;}
#head .head2 .menu > li.detailed > ul > li.help-ext{width:210px;}
#head .head2 .menu > li.detailed > ul > li > strong{margin:0 20px 0 10px;padding-left:0;border-bottom:1px dotted #fff;font-size:1.071em;color:#bdbdbd;}
#head .head2 .menu > li.detailed > ul > li > ul{margin:0 10px;padding-top:3px;}
#head .head2 .menu > li.detailed > ul > li > ul a{}
#head .head2 .menu > li.detailed ul li a{margin:0;}

  @media screen and (max-width:1024px){
    #head .head2 .menu > li.detailed > ul{margin-left:-340px;}
    #head .head2 .menu > li.detailed.qcms > ul{margin-left:-460px;}
  }
  @media screen and (max-width:800px){
    #head .head2 .menu > li > a, #head .head2 .menu li strong{font-size:1.5em;}
  }
  @media screen and (min-width:641px) and (max-width:799px){
    #head .head2 .menu > li > a, #head .head2 .menu li strong{font-size:1.25em;}
  }
  @media screen and (max-width:640px){
    #head .head2 .menu > li{width:45%;height:auto;margin:4px 2%;border:1px solid #7c7c7c;}
    #head .head2 .menu > li > ul{right:0px;}
    #head .head2 .menu > li.detailed > ul{width:580px;margin-left:0;}
    #head .head2 .menu > li.detailed.qcms{float:right;}
    #head .head2 .menu > li.detailed > ul > li.help{clear:left;}
  }
  @media screen and (max-width:480px){
    #head .head2 .menu > li.detailed > ul{width:450px;}
    #head .head2 .menu > li.worth-it > ul{right:-40px;}
  }
  @media screen and (max-width:360px){
    #head .head2 .menu > li{width:98%;margin:2px 0;}
    #head .head2 .menu > li.detailed > ul{width:300px;}
    #head .head2 .menu > li.detailed.qcms{float:left;}
    #head .head2 .menu > li > a, #head .head2 .menu li strong{padding:5px 10px;font-size:1.25em;}
    #head .head2 .menu > li > ul{top:30px;font-size:1em;}
  }
/* REMOVE STOP */


  @media screen and (max-width:640px){
    #head{float:left;background:#2b2b2b;}
    #head .head1{float:left;width:40%;padding:0;}
    #head .head1 .logo{width:100%;margin:30px 0 10px;text-align:center;}
    #head .head1 .logo a{float:none;margin:0 auto;}
    #head .head1 .user{float:left;width:100%;}
    #head .head1 .user .login-button{width:98%;padding:0;border:0;border-radius:0;-moz-border-radius:0;background:#2e3740;}
    #head .head1 .user .login-button span{display:none;}
    #head .head1 .user .login-button a{float:left;width:48%;padding:9px 0;background:#9a6433;}
    #head .head1 .user .login-button a:first-child{border-right:2px solid #2e3740;}
    #head .head1 .user .login-button a:hover, #head .head1 .user .login-button a.selected{background:#f78c28;color:#fff;}
    #head .head1 .user form{right:auto;left:0;top:37px;width:100%;padding:0 0 10px;}
    #head .head1 .user form fieldset{width:95%;margin:0 auto;}
    #head .head1 .user form .input{width:60%;padding:6px 2%;}
    #head .head1 .user form .input#lEmail{width:92%;}
    #head .head1 .user form .submit{width:30%;height:auto;padding:6px 2%;}
    #head .head1 .user .links{float:none;text-align:center;padding-top:10px;}
    #head .head1 .user .links li{display:inline;padding:10px;}
    #head .head1 .user .links a{font-size:1.167em;}

    #head .head1 .user .rwd-red{display:none;}
    #head .head1 .user .logged-links{float:right;width:95%;padding:0;list-style:none;color:#ccc;border-right-width:10px;border-top:1px solid #777;}
    #head .head1 .user .logged-links li{float:left;width:48%;}
    #head .head1 .user .logged-links li a{margin:3px 0 2px;font-size:1.25em;}

    
    #head .head2{float:right;position:relative;top:0;width:60%;padding-top:5px;border:0;}
    #head .head2 .lang{position:absolute;top:0;left:-80px;}
  }
  @media screen and (max-width:480px){
    #head .head1 .user .logged-links li{width:98%;}
  }
  @media screen and (max-width:360px){
    #head .head1 .logo img{width:100%;margin-top:10px;}
    #head .head1 .user .login-button a{width:95%;border-bottom:1px solid #2e3740;}
  }


/* FIXED SCROLL MENU TOP */
#head #logo-small{display:none;}
#head .head2.fixed{position:fixed;top:0px;z-index:1;}
#head .head2.fixed .lang{display:none;}
#head .head2.fixed #logo-small{display:block;float:left;padding-top:8px;}

/* PAGE BODY */
#body{padding-top:46px;background:#d3d8dd;}
  @media screen and (max-width:640px){
    #body{clear:left;padding-top:0;}
  }

/* style uniwersalne do wykorzystania w roznych typach stron */
/* art tresc */
#body .article{margin:0 auto;padding-bottom:20px;}
#body .article h1{margin:0 0 10px;padding:35px 0 2px;color:#fff;font-size:3.25em;font-family:Arial;border-bottom:1px solid #dfeaf7;}
#body .article time{display:block;margin-bottom:5px;text-align:right;font-size:1em;color:#888;font-weight:bold;}

#body .pages{width:100%;margin:0;padding:5px 0 20px;list-style:none;}
#body .pages li{display:inline;margin:0;padding:2px;}
#body .pages li a{padding:1px;}

#body footer.back{margin:0 auto;padding:20px 0;text-align:center;}

#body #error{padding:60px 0 100px;text-align:center;font-size:2em;font-family:"Lucida Sans Unicode", "Lucida Grande", "sans-serif";color:#df0000;}
#body #error h4{color:#333;margin-top:20px;}

/* SCROLL BACK TO TOP */
#backToTop{position:fixed;bottom:30px;right:1.5%;font-family:Verdana;}
#backToTop a{display:block;width:80px;text-align:center;text-transform:uppercase;text-decoration:none;color:#606060;font-size:0.917em;-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.6;filter:alpha(opacity=60);}
#backToTop a:hover{color:#2d4863;opacity:1;filter:alpha(opacity=100);}
#backToTop span{display:block;width:100%;height:90px;margin-bottom:7px;background:#939393 url('/os-new/images/back_to_top.png') no-repeat center center;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#backToTop em{padding:3px 8px;font-style:normal;}
#backToTop a:hover span{background-color:#2d4863;}
#backToTop a:hover em{background-color:#2d4863;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
@media screen and (max-width:1180px){
  #backToTop a{opacity:0.4;filter:alpha(opacity=40);}
}
@media screen and (max-width:480px){
  #backToTop a{width:55px;}
  #backToTop span{height:55px;background-position:center top;}
  #backToTop em{display:none;}
}
body.langEn #backToTop a{text-transform:none;}
body.langEn #backToTop em{padding:3px 4px;}

/* FOOTER */

#foot{margin:0;padding:0;}

/*#foot #links{margin:0 auto;padding-bottom:20px;text-align:left;overflow:hidden;}
#foot #links .column{float:left;}
#foot #links .column strong{display:block;clear:left;margin-bottom:10px;}
#foot #links .column > strong{font-size:1.2em;}
#foot #links .column a{clear:left;float:left;margin:6px 0;font-weight:normal;text-decoration:none;border-bottom:1px solid #5c7084;}
#foot #links .column a:hover{border-color:#f78c28;}

#foot #links .sites-short{width:360px;margin-top:20px;}
#foot #links .sites-short strong a{font-weight:bold;margin-top:0;}
#foot #links .sites-short .photos{float:left;width:300px;}
#foot #links .sites-short .photos div{float:left;width:25%;margin:5px 0;font-size:1px;line-height:1px;}
#foot #links .sites-short .photos div a{margin:0;border:0;}
#foot #links .sites-short .photos div.photoL{margin-right:0;}
#foot #links .sites-short .photos img{}

#foot #links .column.numbers{width:830px;float:left;}
#foot #links .column.numbers .rwd-add{display:none;}
#foot #links .column.numbers div{float:left;width:33%;margin-top:27px;background:url('../images/home/foot_sites.png') no-repeat 1% center;opacity:0.4;filter:alpha(opacity=40);}
#foot #links .column.numbers div:hover{border-color:#fff;opacity:1;filter:alpha(opacity=100);}
#foot #links .column.numbers div a{margin:0;color:#fff;text-decoration:none;border:0;}
#foot #links .column.numbers a:hover{color:#fff;}
#foot #links .column.numbers .speed{background-image:url('../images/home/foot_speed2.png');}
#foot #links .column.numbers .downloads{background-image:url('../images/home/foot_downloads.png');}
#foot #links .column.numbers .install{background-image:url('../images/home/foot_time2.png');}
#foot #links .column.numbers .check{background-image:url('../images/home/foot_check2.png');}
#foot #links .column.numbers .years{background-image:url('../images/home/foot_calendar.png');}
#foot #links .column.numbers div strong{display:block;margin:0 0 0 55px;font-size:2.5em;}
#foot #links .column.numbers span{margin:0 0 0 55px;font-weight:normal;font-size:0.909em;}
*/

#foot .copy{clear:both;padding:15px 0;background:#2e3740;font-family:Verdana;}
#foot .copy div{width:960px;margin:0 auto;font-weight:normal;text-align:center;}
#foot .copy a{padding:0 10px;font-weight:normal;color:#fff;text-decoration:none;}
#foot .copy a:hover{text-decoration:underline;}

  @media screen and (max-width:1024px){
    #foot .copy div{width:100%;}
  }

/*
  Katalog stron
*/
.sites{width:100%;background:#a0a612;text-align:center;}
.sites *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sites .inner{width:1200px;padding:20px 0;margin:0 auto;text-align:left;}
.sites .inner:after{content:"";display:block;clear:both;}
.sites h2{font-size:2em;font-weight:normal;text-align:center;}
.sites h2 a{text-decoration:none;}
.sites h2 a:hover{color:#fff;}
.sites h3{margin:20px 0;font-size:1.75em;color:#fff;text-align:center;font-weight:normal;}
.sites .photos{float:left;width:100%;list-style:none;}
.sites .photos li{float:left;width:20%;margin:0 0 4px 0;text-align:center;font-size:1px;line-height:1px;}
.sites .photos img{padding:1px;border:3px solid #daddb7;}
.sites .photos img:hover{opacity:0.8;border-color:#fff}
.sites .options{clear:both;margin:0;padding:0;list-style:none;}
.sites .options li{float:right;padding:30px 20px 10px;}
.sites .options a{padding:7px 10px;border:1px solid #dadada;color:#fff;background:#8f9610;text-decoration:none;font-size:1.167em;}
.sites .options a:hover{background:#1d3752;color:#fff;transition:all 0.4s ease;}
.sites .options #addSite{float:left;}
@media screen and (max-width:1136px){
  .sites .inner{width:960px;}
  .sites .photos li{width:25%;}
  .sites .photos li:last-child{display:none;}
}
@media screen and (max-width:960px){
  .sites .inner{width:99%;}
}
@media screen and (max-width:800px){
  .sites .photos li img{width:90%;}
}

@media screen and (max-width:360px){
  .sites .options li{padding:30px 10px 10px;}
}

.js-notice{position:fixed;z-index:2;padding:3px 0;background-color:rgba(255,255,255,0.7);border:1px solid #bbb;text-align:center;}
.js-notice:hover{background-color:rgba(255,255,255,1);}
.js-notice .close{font-size:0.917em;color:#666;}
.js-notice .close:hover{color:#f78c28;}

.js-notice#noticeAboutCookies{bottom:0px;width:100%;border-bottom:none;}
.js-notice#noticeAboutCookies .close{margin-left:7px;}


/* FB SIDE TAB */
#fbSideTab{z-index:50;position:fixed;top:360px;left:-202px;padding:10px;padding-left:0;}
#fbSideTab .button{display:block;float:left;padding:0 5px 30px;}
#fbSideTab .fb{float:left;-moz-border-radius-topright:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;overflow:hidden;background-color:#fff;border:5px solid #52799f;}
#fbSideTab .fb #fb-root{width:192px;}
@media print{
  #fbSideTab{display:none;}
}

@media screen and (max-width:1330px){
  #fixedNoticeStick{opacity:0.1;filter:alpha(opacity=10);}
  #fixedNoticeStick:hover{opacity:1;filter:alpha(opacity=100);}
  /*#fixedNoticeStick a{display:block;height:40px;overflow:hidden;}*/

  #fbSideTab .button{opacity:0.1;filter:alpha(opacity=10);}
  #fbSideTab:hover .button{opacity:1;filter:alpha(opacity=100);}

  #fbShow{opacity:0.1;filter:alpha(opacity=10);}
  #fbShow:hover{opacity:1;filter:alpha(opacity=100);}
}


/*
-webkit-min-device-pixel-ratio2
*/