@font-face@font-face{font-family:'TenorSansRegular';src:url(tenorsans/tenorsans-regular-webfont.eot);src:url(tenorsans/tenorsans-regular-webfont.eot?#iefix) format("embedded-opentype"),url(tenorsans/tenorsans-regular-webfont.woff) format("woff"),url(tenorsans/tenorsans-regular-webfont.ttf) format("truetype"),url(tenorsans/tenorsans-regular-webfont.svg#TenorSansRegular) format("svg");font-weight:400;font-style:normal}
.panel_popup p.title,.panel_popup p,.panel_popup input#ukryj{font-family:'TenorSansRegular';text-align:left}
.panel_popup{width:50%;position:fixed;z-index:8001;right:0;left:0;top:10%;margin:0 auto;max-height:700px;height:auto;padding:0 1%;border:3px solid rgba(0,85,128,.8);text-align:center;color:#333;background:rgba(226,226,226,.95);-webkit-box-shadow:0 0 15px 0 rgba(50,50,50,.75);-moz-box-shadow:0 0 15px 0 rgba(50,50,50,.75);box-shadow:0 0 15px 0 rgba(50,50,50,.75)}
.panel_popup .artykul{margin:0 auto;padding:1%;width:auto;overflow:hidden;height:97%;text-overflow:ellipsis}
.panel_popup input#ukryj{border:none;color:#fff;font-size:25px;height:30px!important;width:30px!important;line-height:30px;background:url(../images/close-st1.png) no-repeat 50% rgba(0,85,128,.9);display:block;position:absolute;top:-10px;right:-15px;padding:0;cursor:pointer;text-indent:-999em;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 15px 0 rgba(50,50,50,.75);-moz-box-shadow:0 0 15px 0 rgba(50,50,50,.75);box-shadow:0 0 15px 0 rgba(50,50,50,.75)}
.panel_popup input#ukryj[type="button"]:hover,.panel_popup input#ukryj[type="button"]:active,.panel_popup input#ukryj[type="button"]:focus,.panel_popup input#ukryj:hover,.panel_popup input#ukryj:active,.panel_popup input#ukryj:focus{background:url(../images/close-st1.png) no-repeat 50% #666!important}
.panel_popup p.title,.panel_popup p{color:#212121;text-shadow:-1px 0 0 rgba(255,255,255,1);line-height:1.5!important}
.panel_popup p.title{font-weight:100;font-size:14px;text-transform:uppercase;margin:0;display:none}
.panel_popup p{font-size:14px;margin:0 1%!important;line-height:1.3}
.panel_popup p a.czytaj-wiecej{color:#31a8f0!important;text-decoration:underline;background:none;white-space:nowrap}
.panel_popup a.czytaj-wiecej:hover{text-decoration:none;background:none}
.panel_popup #all4web{background:url(../images/all4web.png) top right no-repeat transparent;text-indent:-9999em;background-size:15px 15px;opacity:.5;position:absolute;bottom:1px;right:5px;z-index:11;width:15px;display:block;line-height:18px!important}
@media screen and (max-width: 979px) and (orientation:landscape) {
#panel_popup{width:90%;left:0;right:0}
.panel_popup p.title{font-weight:100;font-size:110%!important;padding:0!important}
.panel_popup p{font-size:80%!important;line-height:1.3;margin:0 35px 0 0}
.panel_popup #all4web{right:2%}
}
@media screen and (max-width: 979px) and (orientation:portrait) {
#panel_popup{width:90%;left:0;right:0}
.panel_popup p.title{font-weight:100;font-size:85%!important;padding:0!important}
.panel_popup p{font-size:70%!important;line-height:1.3;margin:0 30px 0 10px}
.panel_popup #all4web{right:2%}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#panel_popup{width:90%;left:0;right:0}
.panel_popup #all4web{right:1%}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#panel_popup{width:90%}
.panel_popup #all4web{right:7%;bottom:15%}
}