/*
  OS w liczbach:
  - home
  - produktowe itd
*/
.foot-short{text-align:center;background:#294159;font-weight:bold;color:#fff;border-top:1px solid #acb5bf;font-family:"Verdana";}

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

@media screen and (max-width:960px){
	.foot-short .copy div{width:99%;}
}

@media screen and (max-width:799px){
  .copy .rwd-add{display:inline;}
}

/*
  Tabelka porównawcza edycji:
  - produktowe
*/
.comparison{clear:both;width:100%;background:transparent;border-collapse:collapse;border-spacing:0;font-size:1.25em;border-bottom:10px solid #434345;text-align:center;}
.comparison.short{border-bottom:0;}
.comparison thead th{width:19%;padding:15px 0;background:#107ca0;color:#fdfbfc;font-size:1.5em;border-right:1px solid #f7f3eb;}
.comparison thead td{border-right:1px solid #f7f3eb;}
.comparison thead th div{margin-top:10px;padding:5px 0;background:#303032;color:#dbdbdb;}
.comparison thead th.latest, .comparison thead th.ext{background:#f89812;}
.comparison thead th.plus{background:#d6522e;}
/*.comparison thead th.plus div{background:#a6a6a6;color:#6c6c71;}*/

.comparison tfoot{color:#fdfbfc;}
.comparison tfoot th, .comparison tfoot td{padding:7px 10px;}
.comparison tfoot th{text-align:right;font-weight:normal;}
.comparison tfoot tr:first-child th{background:#434345;}
.comparison tfoot td{font-size:1.375em;background:#434345;border-left:1px solid #f7f3eb;}
.comparison tfoot .additional{font-size:0.7em;font-style:normal;color:#a6a5a6;}
.comparison tfoot td:last-child{border-right:1px solid #f7f3eb;}
.comparison tfoot tr:last-child td{padding:15px 0;background:#107ca0;font-size:1.188em;}
.comparison tfoot td a{text-decoration:none;}
.comparison tfoot td a:hover{color:#303032;}
.comparison tfoot .action{display:inline-block;height:24px;padding:0 10px 0 40px;background:url('/os-new/images/product/ico_download2.png') no-repeat 0 0;}
.comparison tfoot tr:last-child td.ext{background:#f89812;}
.comparison tfoot td.ext .action, .comparison tfoot td.plus .action{background-image:url('/os-new/images/product/ico_buy.png')}
.comparison tfoot tr:last-child td.plus{background:#d6522e;}
.comparison tfoot .price{position:relative;display:block;width:100%;}
.comparison tfoot .help{position:absolute;top:1px;right:0;width:22px;height:21px;background:#686769;border-radius:12px;font-size:0.85em;font-weight:bold;line-height:1.35em;}
.comparison tfoot .help:hover{background:#fdfbfc;color:#434345;cursor:help;}
.comparison tfoot .info{display:none;position:absolute;right:5px;top:5px;z-index:2;width:300px;padding:8px;background:#eeeeee;font-weight:normal;box-shadow:0 4px 5px -2px rgba(48,48,50,0.8);font-size:0.75em;}
.comparison tfoot .help:hover .info{display:block;}
.comparison tfoot .info a{text-decoration:underline;}
.comparison tfoot .info a:hover{color:#f78c28;}

.comparison tbody{background:#eee;}
.comparison tbody tr.hide{display:none;}
.comparison tbody tr:nth-child(even){background:#d8d8d8;}
.comparison tbody th{position:relative;padding:7px 10px;text-align:left;font-weight:normal;border-right:1px solid #f7f3eb;}
.comparison tbody td{padding:3px 0;text-align:center;border-right:1px solid #f7f3eb;}
.comparison tbody td.included{background:url('../images/icons/check-green.png') no-repeat center center;}
.comparison tbody td.included.extended{background-image:url('../images/icons/check-red.png');}
.comparison tbody td.minus{background:url('../images/icons/minus-grey.png') no-repeat center center;}
.comparison tbody td.plugin{background:url('../images/icons/plus-blue.png') no-repeat center center;}
.comparison tbody td.plugin.extended{background-image:url('../images/icons/plus-red.png');}
.comparison tbody td.time{background:url('../images/icons/time-grey.png') no-repeat center center;}
/*.comparison tbody td.included.off{background-image:url('../images/icons/check-off.png');}
.comparison tbody td.plugin.off{background-image:url('../images/icons/plus-off.png');}*/
.comparison tbody tr .description{display:none;position:absolute;left:100px;top:29px;z-index:2;width:400px;padding:8px 12px;background:#ae211e;border:1px solid #c4c4c4;box-shadow:0 4px 5px -2px rgba(48,48,50,0.8);}
.comparison tbody tr .description .demo{padding:4px 0;}
.comparison tbody tr .description .screens{float:right;}
.comparison tbody tr .description .screens img{margin:0 0 4px 4px;padding:2px;border:3px solid #8f1c18;}
.comparison tbody tr .description .full{margin-top:5px;color:#eed2d2;}
.comparison tbody tr:hover th{background-color:#bd2420;color:#fff;}
.comparison tbody tr:hover th a{color:#fff;}
.comparison tbody tr:hover td{background-color:#b6b6b6;}
.comparison tbody tr:hover .description{display:block;}
.comparison tbody .more{margin-left:7px;color:#777;font-size:0.867em;}
.comparison.other th{width:40%;}
.comparison.other .older, .comparison.other .latest{width:30%;}

.comparison--light tbody tr:hover th a{color:#ae211e;}
.comparison--light tbody tr .description{background:#f7f3eb;color:#333;}


.legend{text-align:left;}
.legend h3{margin:20px 0 5px;}
.legend ul{list-style:none;}
.legend ul:after{content:"";display:table;clear:both;}
.legend li{float:left;margin:5px 50px 10px 0;}
.legend li.netto{padding-top:4px;}
.legend li:nth-child(5){clear:left;}
.legend ul img{vertical-align:middle;}

@media screen and (max-width:1136px){
  .comparison thead th, .comparison tfoot td, .comparison tfoot tr:last-child td{font-size:1.125em;}
}
@media screen and (max-width:1000px){
  .comparison tfoot .price strong{display:block;}
}
@media screen and (max-width:640px){
  .comparison thead th, .comparison tfoot td, .comparison tfoot tr:last-child td{font-size:1em;}
  .comparison thead th{min-width:125px;}
}

@media screen and (max-width:480px){
  .comparison .rwd-red, #webmasters thead .ext span{display:none;}
  .comparison thead th{min-width:80px;}
  .comparison thead th{width:auto;}
  .comparison tbody tr .description{width:200px;}
  .comparison tfoot .action{width:30px;padding:0;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;}
  .comparison tfoot .help{top:auto;bottom:1px;}
  .comparison tfoot th, .comparison tfoot td{padding:5px;}
}
@media screen and (min-width:481px){
  .qcms #webmasters thead .free div{margin-top:37px;}
  .qcms #webmasters thead .ext span{display:block;}
}
@media screen and (max-width:320px){
  .comparison{font-size:1em;}
  .comparison thead th{min-width:50px;}
  .comparison tfoot .price{padding-bottom:25px;}
  .comparison tfoot .additional, .comparison tfoot .help, .comparison tfoot .info{font-size:0.9em;}
}