/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Prevent system color scheme's background color being used in Firefox, IE,
* and Opera.
* 2. Prevent system color scheme's text color being used in Firefox, IE, and
* Opera.
* 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 4. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
background: #fff; /* 1 */
color: #000; /* 2 */
font-size: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 4 */
-ms-text-size-adjust: 100%; /* 4 */
}
/**
* Address `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/**
* Address margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
/**
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/**
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/**
* Address CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/**
* Address `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/**
* Address margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/**
* Address paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/**
* Correct list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Correct margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
-webkit-font-smoothing: antialiased;
}
html,body {
margin: 0;
padding: 0;
}
a:focus {outline:none;}
a::-moz-focus-inner {border:0;}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.divTable{
display: table;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
display: table-header-group;
}
.divTableCell, .divTableHead {
display: table-cell;
}
.divTableFoot {
display: table-footer-group;
}
.divTableBody {
display: table-row-group;
}
.center {
text-align: center;
}
.central {
text-align: center;
vertical-align: middle;
}
.clear {
clear: both;
}
.vcenter {
vertical-align: central;
}
.hcenter {
text-align: center;
}
.w100 {
width: 100%;
}
.w33 {
width: 33%;
}
.w50 {
width: 50%;
}
.w25 {
width: 25%;
}
.w20 {
width: 20%;
}
.h100 {
height: 100%;
}
.bred {
border: 1px solid red;
}
.mr20 {
margin-right: 20px;
}
.ml20 {
margin-left: 20px;
}
.r5 {
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
}
.r15 {
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
}
.r25 {
-moz-border-radius:25px;
-webkit-border-radius:25px;
-khtml-border-radius:25px;
border-radius:25px;
}
.r40 {
-moz-border-radius:40px;
-webkit-border-radius:40px;
-khtml-border-radius:40px;
border-radius:40px;
}
.r30 {
-moz-border-radius:30px;
-webkit-border-radius:30px;
-khtml-border-radius:30px;
border-radius:30px;
}
.r50 {
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
border-radius:50px;
}
.notifyBox {
position: relative;
z-index: 1;
}
.notifyCount {
display: block;
color: white;
background-color: #DE1F3D;
min-width: 18px;
height: 18px;
z-index: 2;
-moz-border-radius:9px; /* FF */
-webkit-border-radius:9px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
-khtml-border-radius:9px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
border-radius:9px; /* pozostałe przeglądarki */
position: absolute;
right: -10px;
bottom: -10px;
padding: 0;
font-size: 15px;
font-weight: bold;
line-height: 18px;
text-align: center;
}
.mr {
margin-right: 30px;
}
.mb {
margin-bottom: 30px;
}
.mb10 {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.nmb {
margin-bottom: 0;
}
.panelContent .nmb {
margin-bottom: 0;
}
.hline {
display: block;
width: 100%;
height: 1px;
background: #E5E5E5;
margin-bottom: 30px;
}
.hide {
display: none;
}
.pagenav {
padding:0.4em;
text-align: center;
}
.pagenav span {
color:white;
background-color:#018086;
padding:0.4em 0.8em 0.4em 0.8em;
margin:0.4em
}
.pagenav a {
color:white;
background-color:#018086;
padding:0.4em 0.8em 0.4em 0.8em;
margin:0.4em;
text-decoration:none
}
.pagenav a:hover {
color:#fff;
background-color:#0A3147;
margin:0.4em;
text-decoration:none
}
.articleItem:hover img {
filter: brightness(80%);
}
.articleItem a:hover .articleTitle b {
text-decoration: underline;
}
.showallarr {
float: right;
margin-top: 2px;
}
.showallarr svg {
margin-left: 15px;
margin-bottom: 2px;
}
.showallarr a {
text-decoration: none;
}
.alert {
display: block;
margin: 0 0 20px 0;
padding: 10px 20px;
font-size: 12px;
border: 1px solid silver;
font-size: 1.3em;
}
.alert-success {
background: #dff0d8;
border-color: #dff0d8;
color: #3c763d;
}
.alert-info {
background: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-warning {
background: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.alert-danger {
background: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.sggora, .sgdol{
width: 360px;
height: 200px;
float: left;
margin-right: 30px;
}
.sggoramob, .sgdolmob{
width: 160px;
min-height: 188px;
float: left;
margin-right: 16px;
}
body {
min-width: 1250px;
}
#pageWrapper {
z-index: 10;
}
.pageWrapper {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.pageWrapperNoFixed {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
top: -100px;
}
#header {
position: fixed;
display: block;
left: 0;
top: 0;
width: 100%;
min-width: 1250px;
height: auto;
z-index: 11;
background: white;
-webkit-box-shadow: 0px 0px 3px 1px rgba(223,223,223,1);
-moz-box-shadow: 0px 0px 3px 1px rgba(223,223,223,1);
box-shadow: 0px 0px 3px 1px rgba(223,223,223,1);
}
#loader {
display: block;
position: relative;
left: 0;
top: 0;
width: 100%;
min-height: 20px;
z-index: 10;
background: white;
border-bottom: 1px solid #E5E5E5;
}
#loader .divTableCell {
width: 10%;
}
#menuLeft {
z-index: 12;
display: block;
width: 289px;
height: auto;
border-right: 1px solid #E5E5E5;
background-color: white;
position: relative;
left: 0;
border-bottom: 1px solid red;
}
#menuRight {
z-index: 12;
display: block;
width: 290px;
height: 100%;
border-left: 1px solid #E5E5E5;
background-color: white;
position: relative;
left: 0;
}
#page {
position: relative;
display: block;
overflow: hidden;
z-index: 1;
margin-top: 100px;
width: 100%;
min-height: 1000px;
}
#menuLeftContainer {
z-index: 12;
position: fixed;
left: -290px;
top: 71px;
}
#menuRightContainer {
z-index: 12;
position: fixed;
right: -291px;
top: 71px;
}
.wrapperOuter {
display: block;
width: 1180px;
overflow: hidden;
min-height: 10px;
margin: 0 auto 28px auto;
}
.wrapper {
display: block;
margin: 0 20px;
}
#content {
}
#content .columnLeft {
display: block;
width: 750px;
height: auto;
float: left;
}
#content .columnLeftSmall {
display: block;
width: 300px;
float: left;
}
#content .columnRight {
display: block;
width: 360px;
height: auto;
float: right;
}
#content .columnRightLarge {
display: block;
width: 800px;
height: auto;
float: right;
border-left: 1px solid #E5E5E5;
}
#footer {
background: #333333;
color: white;
padding: 50px 0 30px 0;
}
#footer p {
margin: 5px 0;
padding: 0;
}
#footer2 {
text-align: center;
padding: 20px;
color: #9a9a9a;
font-size: 1.3em;
}
#footer2 a {
color: #9a9a9a;
}
#footer2 b {
color: black;
}
.rowInline .box3 {
display: inline-block;
width: 360px;
margin-right: 30px;
vertical-align: top;
height: auto;
}
.rowInline .box3:last-child {
margin-right: 0;
}
.pressTopIcon1 img {
margin-top: 10px;
}
.pressTopIcon2 img {
margin-top: 10px;
}
.pressTopIcon3 img {
margin-top: 5px;
}
.column1 {
display: inline-block;
width: 360px;
vertical-align: top;
min-height: 100px;
}
.column2 {
display: inline-block;
width: 750px;
vertical-align: top;
min-height: 100px;
}
.columnHalf {
display: inline-block;
width: 555px;
vertical-align: top;
min-height: 100px;
}
#header a:hover {
text-decoration: none;
}
#header .logo {
display: block;
margin: 13px auto;
text-align: center;
width: 168px;
height: 35px;
}
#header .headerLeft {
display: block;
float: left;
width: 540px;
height: auto;
}
#header .headerRight {
display: block;
float: right;
width: 540px;
height: auto;
text-align: right;
}
#header ul {
margin: 0;
padding: 0;
list-style: none;
}
#header ul li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
min-width: 10px;
height: auto;
}
#header .headerLeft ul li {
border-right: 1px solid #E5E5E5;
}
#header .headerRight ul li {
border-left: 1px solid #E5E5E5;
}
#header ul li a {
display: block;
height: 70px;
width: 100%;
}
#header ul li a:hover {
background: #F4F4F4;
}
#header .headerLeft .divTableCell, #header .headerRight .divTableCell {
height: 70px;
padding-left: 5px;
padding-right: 5px;
}
#header .headerLeft .divTableCell:first-child, #header .headerRight .divTableCell:first-child {
padding-left: 20px;
}
#header .headerLeft .divTableCell:last-child, #header .headerRight .divTableCell:last-child {
padding-right: 20px;
}
#header .weatherIcon {
display: block;
width: 30px;
height: 30px;
border: 1px solid red;
}
#header .headerLeft svg {
margin-top: 5px;
}
#header .menuBtn {
display: block;
width: 30px;
height: 30px;
}
#header .menuBtn svg {
margin: 0;
}
#loader {
height: 29px;
}
#loader .loaderItem {
padding: 5px 5px 2px 30px;
}
#loader .loaderProgress {
display: block;
width: 100%;
height: 4px;
}
#loader .loaderProgressBar {
display: block;
width: 0;
height: 4px;
}
#loader .divTableCell:hover {
background: #F4F4F4;
}
.menu .menuBox {
border-bottom: 1px solid #E5E5E5;
}
.menu ul {
list-style: none;
margin: 0 0;
padding: 0;
}
.menu ul li {
}
.menu ul li a:hover {
background: #F4F4F4;
}
.menu ul li a {
display: block;
height: auto;
padding: 10px 30px;
}
.btnContact {
margin: 20px 30px;
text-align: center;
}
.btnContact a {
display: block;
width: 100%;
border: 1px solid #E5E5E5;
padding: 20px 0;
}
.btnContact a:hover {
background: #F4F4F4;
}
.btnMenuSwitchON {
display: none;
}
.btnMenuSwitchOFF {
display: block;
}
.menuSwitchON .btnMenuSwitchON {
display: block;
}
.menuSwitchON .btnMenuSwitchOFF {
display: none;
}
#header .searchIcon svg {
margin: 2px 0 0 2px;
}
#header .avatarIcon svg {
margin: 2px 0 0 0;
}
#header.headerMin .notifyCount {
min-width: 11px;
height: 16px;
z-index: 2;
-moz-border-radius:8px; /* FF */
-webkit-border-radius:8px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
-khtml-border-radius:8px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
border-radius:8px; /* pozostałe przeglądarki */
right: -10px;
bottom: -3px;
padding: 0 3px 0 4px;
font-size: 12px;
}
#header.headerMin .logo {
margin: 5px auto 0 auto;
width: 140px;
height: 30px;
}
#header.headerMin .logo img {
width: 140px;
height: auto;
}
#header.headerMin .hideMin {
display: none;
}
#header.headerMin ul li a {
display: block;
height: 40px;
width: 100%;
}
#header.headerMin .headerLeft .divTableCell, #header.headerMin .headerRight .divTableCell {
height: 40px;
}
#header.headerMin svg {
width: 24px;
height: 24px;
}
#header .headerAvatarImg {
width: 30px;
height: 30px;
-moz-border-radius:15px; /* FF */
-webkit-border-radius:15px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
-khtml-border-radius:15px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
border-radius:15px; /* pozostałe przeglądarki */
}
#header.headerMin .headerAvatarImg {
width: 24px;
height: 24px;
-moz-border-radius:12px; /* FF */
-webkit-border-radius:12px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
-khtml-border-radius:12px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
border-radius:12px; /* pozostałe przeglądarki */
}
#header.headerMin .menuBtn {
display: block;
width: 24px;
height: 24px;
margin-left: 3px;
margin-right: 3px;
}
#header.headerMin .searchIcon svg {
margin: 0
}
#header.headerMin .avatarIcon svg {
margin: 0;
}
#header .headerTop {
display: block;
width: 100%;
height: auto;
overflow: hidden;
border-bottom: 1px solid #E5E5E5;
margin: 0;
padding: 0;
}
.searchBox {
display: inline-block;
width: 500px;
height: 40px;
border: 1px solid #E5E5E5;
padding: 0;
margin: 0 auto 20px auto;
background: #F7F7F7;
}
.searchBox .searchInput {
height: 20px;
padding: 10px;
width: 480px;
border: none;
background: #F7F7F7;
}
.searchButton {
display: inline-block;
width: 42px;
height: 42px;
border: 1px solid #018086;
background: #018086;
vertical-align: top;
}
body {
background-color: #F7F7F7;
}
.colorWhite {
color: #FFFFFF;
}
.bgWhite {
background: white;
}
.colorGray {
color: #A5A5A5;
}
.messageTxt {
color: #333333;
}
#header .menuIconBg {
background: #018086;
}
#header .menuSwitchON {
background: #018086;
}
#header .headerLeft, #header .headerLeft a {
color: #333333;
}
#header .headerRight, #header .headerRight a {
color: #A5A5A5; /* 54% alpha */
}
#loader, #loader a {
color: #A5A5A5;
}
#loader .loaderProgressBar {
background: #018087;
}
.menu, .menu a {
color: #A5A5A5;
}
.articlePlate .articleTitle {
color: white;
}
.articleInfo {
background: #018086;
color: white;
}
.bgred {
background: #DE1F3D !important;
}
.panelTitle, .panelTitle a {
color: #333333;
}
.panelBottom {
background: #018086;
}
#latestNewsList .firstNews a, #latestNewsList ul li a {
color: #333333;
}
#latestNewsList ul li {
color: #018086;
}
#importantTopics ul li, #importantTopics ul li a {
color: #333333;
}
#importantTopics ul li b {
color: #DDDDDD;
}
.columnRight .btnAlert24 p, .columnRight .btnAlert24 p a {
color: white;
}
a:hover {
color: #333;
}
a:hover .panelBtn {
background: #018086;
}
a:hover .panelBtn .hoverWhite {
fill: white;
}
.panelBtnTitleRight {
color: #333333;
}
a:hover .panelBtnTitleRight {
color: white;
text-decoration: none;
}
.btnReadmore {
background: #018086;
color: white;
}
.btnReadmore a {
color: white;
}
.catPolska {
background-color: #C90036;
}
.catSwiat {
background-color: #46B149;
}
.catKultura {
background-color: #5A1446;
}
.catGospodarka {
background-color: #6632B8;
}
.catSport {
background-color: #0E92F7;
}
.catHistoria {
background-color: #00B9D5;
}
.catNatura {
background-color: #8AC13F;
}
.catStream1 {
background-color: #018086;
}
.catOpinie {
background-color: #018087;
}
.catKosciol {
background-color: #8AC13F;
}
.catLife {
background-color: #FF9702;
}
.catVideo {
background-color: #018087;
}
.catKalendarium {
background-color: #018087;
}
.catGazety {
background-color: #018087;
}
.catBlogi {
background-color: #018087;
}
.catObrona {
background-color: #92073E;
}
.articleHorizontalTitle {
color: black;
}
#footer, #footer a {
color: #9a9a9a;
}
#footer b {
color: white;
}
h1 {
color: #333333;
}
.articleInfoHeader {
color: #333333;
}
.imgInfo {
color: #A5A5A5;
}
#articleBody {
color: #333333;
}
.authorName, .authorName a {
color: #333333;
}
.authorDesc {
color: #A5A5A5;
}
.authorContact, .authorContact a {
color: #333333;
}
.articleBoxName {
color: #333333;
}
.articleTagList span {
display: inline-block;
color: white;
background: #8D8D8D;
}
.articleTagList span:hover {
background: #333333;
}
.opinionAuthor {
color: #A5A5A5;
}
.opinionTitle {
color: #333333;
}
.opinionLead {
color: #A5A5A5;
}
.opinionDate {
color: #A5A5A5;
}
.blogAuthor {
color: #A5A5A5;
}
.blogTitle {
color: #333333;
}
.blogLead {
color: #A5A5A5;
}
a.imgHover50:hover img, a.imgHover60:hover img, a.imgHover40:hover img, a.imgHover80:hover img, a.imgHoverCenter80:hover img {
border: 3px solid #018086;
}
a.textHover:hover .colorHover {
color: #018086;
}
.panelHorizontalThree a:hover .blogImg img {
border: 3px solid #018086;
}
.panelHorizontalThree a:hover .blogTitle {
color: #018086;
}
.panelHorizontalThree a:hover .blogAuthor {
color: #018086;
}
.articleListHorizontal a:hover .articleHorizontalTitle {
color: #018086;
}
.articleHorizontalInfo .articleHorizontalDate {
color: #9a9a9a;
}
.articleHorizontalInfo .articleHorizontalTitleMiddle {
color: #333333;
}
.articleHorizontalInfo .articleHorizontalLead {
color: #333333;
}
.articleTitleBottom .articleTitle {
color: #333333
}
a:hover .articleTitleBottom .articleTitle {
color: #018086;
}
#latestNewsList a:hover {
color: #018086;
}
.articleListHorizontal a:hover .pressTopIcon {
background-color: #018086;
}
.searchBox .searchInput {
color: #A5A5A5;
}
.pageHeader h1 a {
color: #333333;
}
.personHeader h1 a {
color: #333333;
}
.topicBgColor {
background-color: #018086;
}
.topicHeader h1 {
color: white;
}
.topicHeaderMenu {
background: rgba(1, 128, 134, 0.3);
filter: alpha(opacity=30);
}
.topicHeaderMenu ul li a {
color: #A5A5A5;
}
.topicHeaderMenu ul li.active a {
color: white;
}
.topicMonthMenu ul li {
color: #DDDDDD;
}
.topicMonthMenu ul li a {
color: #A5A5A5;
}
.topicMonthMenu ul li.active a {
color: #333333;
}
.sectionDate a {
color: #333333;
}
.menuLetters ul li {
color: #c3c3c3;
}
.menuLetters ul li:hover {
background-color: #EAEAEA;
color: #333333;
}
.menuLetters ul li.active {
background-color: #018086;
color: white;
}
.itemBio .personLeft .personName {
color: #333333;
}
.itemBio .personLeft .personInfo {
color: #A5A5A5;
}
.itemBio .personRight .personBody {
color: #333333;
}
/** CALENDAR **/
.calendarMonthMenu {
background: white;
}
.calendarMonthMenu ul li.active a,
.calendarMonthMenu ul li.active a:hover,
.calendarMonthMenu ul li.active a .monthMenuYear,
.calendarMonthMenu ul li.active a .monthMenuMonth,
.calendarMonthMenu ul li.active a .monthMenuCount,
.calendarMonthMenu ul li.active a:hover .monthMenuYear,
.calendarMonthMenu ul li.active a:hover .monthMenuMonth,
.calendarMonthMenu ul li.active a:hover .monthMenuCount {
background-color: #018086;
color: white;
}
.calendarMonthMenu ul li a:hover,
.calendarMonthMenu ul li a:hover .monthMenuYear,
.calendarMonthMenu ul li a:hover .monthMenuMonth,
.calendarMonthMenu ul li a:hover .monthMenuCount {
background-color: #018086;
color: white;
}
.calendarMonthMenu ul li a .monthMenuYear {
color: #A5A5A5;
}
.calendarMonthMenu ul li a .monthMenuMonth {
color: #333333;
}
.calendarMonthMenu ul li a .monthMenuCount {
color: #A5A5A5;
}
.calendarDayMenu ul li a .dayMenuTxt {
color: #333333;
}
.calendarDayMenu ul li a .dayMenuDay {
color: #A5A5A5;
}
.calendarDayMenu ul li:hover,
.calendarDayMenu ul li:hover a .dayMenuDay,
.calendarDayMenu ul li:hover a .dayMenuTxt {
background-color: #018086;
color: white;
}
.eventLeftTitle {
color: #333333;
}
.eventLeftInfo {
color: #A5A5A5;
}
.eventMembers {
color: #A5A5A5;
}
.showallarr, .showallarr a {
color: #333333;
}
/** ARTICLES **/
.opinionContact {
color: #333333;
text-transform: uppercase;
}
.articleToolsBottom, .articleToolsVideo {
color: #A5A5A5;
}
.articleVideoHeader {
color: white;
}
.articleVideoHeader .newsTime {
color: #868686;
}
body {
font-size: 10px;
}
.fontRoboto {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.fontRobotoCondensed {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}
.fontLato {
font-family: 'Lato', Arial, Helvetica, sans-serif;
}
.fontSizeEm17 {font-size: 1.7em;}
.fontSizeEm24 {font-size: 2.4em;}
.fontSizeEm72 {font-size: 7.2em;}
.bold {
font-weight: bold;
}
.upper {
text-transform: uppercase;
}
.center {
text-align: center;
}
.pageHeader h1 {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 4.5em;
font-weight: bold;
}
.messageTxt {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
}
.arrow {
font-family: "Times New Roman", Georgia, serif;
}
/** SEKCJE **/
.sectionDate {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
#header .headerLeft, #header .headerRight {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
}
#loader {
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.menu {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.4em;
}
.articleItemBig .articleTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 3.4em;
font-weight: bold;
line-height: 40px;
}
.articleItemLarge .articleTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 2.4em;
font-weight: bold;
line-height: 32px;
}
.articleItemHalf .articleTitle, .articleItemThree .articleTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 2.0em;
font-weight: bold;
line-height: 24px;
}
.articleVideoHeader {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
.articleInfo {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.panelTitle {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2.4em;
font-weight: bold;
}
#latestNewsList .firstNews {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 1.7em;
}
#latestNewsList ul li {
font-size: 1.5em;
}
#latestNewsList ul li a {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 1em;
}
#latestNewsList ul li span {
font-size: 12px;
font-weight: bold;
}
#importantTopics ul li span {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 1.7em;
}
#importantTopics ul li b {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 4.5em;
}
.columnRight .btnAlert24 p {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
text-decoration: none;
letter-spacing: 0.5px;
}
.btnReadmore {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.articleItemHorizontal .articleHorizontalTitle, .pressTopItemHorizontal .articleHorizontalTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 1.5em;
}
.articleHorizontalInfo .articleHorizontalDate {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.articleHorizontalInfo .articleHorizontalTitleMiddle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 2.1em;
line-height: 28px;
font-weight: bold;
}
.articleHorizontalInfo .articleHorizontalLead {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
line-height: 18px;
}
.articleTitleBottom .articleTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 1.5em;
line-height: 18px;
font-weight: bold;
}
.articleTitleBottom a:hover {
text-decoration: none;
}
#footer {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
h1 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 4.5em;
font-weight: bold;
}
.imgInfo {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.articleLead {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.7em;
font-weight: bold;
}
.articleBody {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.7em;
}
.authorName {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
}
.authorDesc {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.authorContact {
text-transform: uppercase;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
}
.authorContact a {
text-decoration: underline;
}
.articleBoxName {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
text-transform: uppercase;
}
.articleTagList {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.panelBtnTitleRight {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2.0em;
}
.opinionAuthor {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: normal;
}
.opinionTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
}
.opinionLead {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.opinionDate {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.1em;
}
.blogAuthor {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
}
.blogTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
}
.blogLead {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.catHeader h1 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 3.4em;
font-weight: bold;
}
.searchHeader h1 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 3.4em;
font-weight: bold;
}
.searchInfo {
font-family: 'Lato', Arial, Helvetica, sans-serif;
font-size: 1.5em;
}
.searchResult {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
text-transform: uppercase;
}
.searchBox .searchInput {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
}
.pagenav {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
}
.rarr {
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
}
.menuLetters ul li {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 21px;
text-transform: uppercase;
}
.personsHeader h1 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 3.4em;
font-weight: bold;
}
.itemBio .personLeft .personName {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.9em;
font-weight: bold;
}
.itemBio .personLeft .personInfo {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.itemBio .personRight .personBody {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.7em;
line-height: 1.8em;
}
.itemBio .personRight .personBody h1 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 21px;
font-weight: bold;
}
/** CALENDAR **/
.calendarMonthMenu ul li a:hover {
text-decoration: none;
}
.calendarMonthMenu ul li a .monthMenuYear {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.calendarMonthMenu ul li a .monthMenuMonth {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2.0em;
font-weight: bold;
text-transform: uppercase;
}
.calendarMonthMenu ul li a .monthMenuCount {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.calendarDayMenu ul li a:hover {
text-decoration: none;
}
.calendarDayMenu ul li a .dayMenuTxt {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
}
.calendarDayMenu ul li a .dayMenuDay {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2.0em;
}
.eventLeftTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 2.1em;
font-weight: bold;
}
.eventLeftInfo {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.eventMembers {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
#content.event .columnRightLarge h1 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2.1em;
font-weight: bold;
}
#content.event .columnRightLarge .eventBody {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.7em;
}
.showallarr {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
}
/** ARTICLES **/
.articleTypeAndTime {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.authorName {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2.1em;
font-weight: bold;
}
.opinionContact {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
}
.articleToolsBottom, .articleToolsVideo {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.newsTime {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.newsHeader {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.articleItem {
display: inline-block;
margin-bottom: 28px;
}
.articlePlate {
position: relative;
}
.articlePlate .articleTitle {
display: block;
width: 100%;
height: auto;
position: absolute;
left: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50px, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 50px,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 50px,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
.articleItemBig .articleTitle p {
margin: 50px 20px 10px 20px;
padding: 0;
}
.articleItemLarge .articleTitle p {
margin: 40px 15px 10px 15px;
padding: 0;
}
.articleItemHalf .articleTitle p, .articleItemThree .articleTitle p {
margin: 40px 10px 10px 10px;
padding: 0;
}
.articleItemBig {
width: 750px;
height: 430px;
}
.articleItemLarge {
width: 750px;
height: 300px;
}
.articleItemThree {
width: 366px;
height: 205px;
}
.articleItemNine {
width: 165px;
height: 100px;
vertical-align: top;
}
.articleTitleBottom {
height: 170px;
}
.articleTitleBottom .articleTitle p {
margin: 5px 10px;
}
.articleInline {
display: inline-block;
vertical-align: top;
}
.articleInfo {
display: inline-block;
padding: 0 10px;
margin-bottom: 4px;
line-height: 20px;
}
.boxShadow {
-webkit-box-shadow: 0px 4px 10px 0px rgba(22,24,25,0.2);
-moz-box-shadow: 0px 4px 10px 0px rgba(22,24,25,0.2);
box-shadow: 0px 4px 10px 0px rgba(22,24,25,0.2);
}
.panel {
display: block;
background: white;
width: 100%;
height: auto;
margin-bottom: 28px;
}
.panelTitle {
border-bottom: 1px solid #E5E5E5;
margin-bottom: 9px;
}
.panelContent {
display: block;
overflow: hidden;
padding: 15px 20px 15px 20px;
position: relative;
}
.panelBottom {
display: block;
width: 240px;
height: 6px;
margin-top: 1px;
position: relative;
top: 1px;
}
.panelIconLeft {
position: absolute;
left: 20px;
top: 10px;
}
.panelBtnTitleRight {
text-align: center;
}
.columnRight .panelBottom {
width: 210px;
}
#latestNewsList {
}
#latestNewsList a:hover {
text-decoration: none;
}
#latestNewsList .firstNews {
}
#latestNewsList .firstNews img {
float: left;
margin: 0 10px 0 0;
}
#latestNewsList ul {
margin: 11px 0 0 15px;
padding: 0;
}
#latestNewsList ul li {
margin: 5px 0px;
padding-left: 5px;
}
#latestNewsList ul li:last-child {
margin-bottom: 0;
}
#latestNewsList ul li span {
line-height: 12px;
margin-bottom: 0;
padding: 5px 10px 3px 10px;
}
#importantTopics {
}
#importantTopics ul {
margin: 0;
padding: 0;
list-style: none
}
#importantTopics ul li {
margin: 0;
padding: 0;
border-bottom: 1px solid #E5E5E5;
}
#importantTopics ul li span {
position: relative;
left: 20px;
top: -10px;
}
.ads {
display: block;
text-align: center;
margin-bottom: 30px;
}
.adsCenter div {
margin-left: auto;
margin-right: auto;
}
.ads img {
cursor: pointer;
}
.adsCenter {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.adsTop {
margin-bottom: 0;
}
a.aAlert24:hover {
text-decoration: none;
}
.columnRight .btnAlert24 {
display: block;
width: 100%;
background: #018086;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
height: 40px;
margin-top: 5px;
margin-bottom: 5px;
}
.columnRight .btnAlert24 p {
margin: 0 0 15px 0;
padding: 10px;
text-align: center;
color: white;
}
.columnRight .btnAlert24 p span {
float: right;
margin-right: 5px;
}
.btnReadmore {
text-align: center;
display: block;
padding: 8px;
margin-bottom: 30px;
}
.row {
margin-bottom: 30px;
}
.articleListHorizontal {
vertical-align: top;
display: inline-block;
width: 100%;
height: auto;
}
.articleItemHorizontal {
display: block;
width: 100%;
height: 90px;
background: white;
}
.articleItemHorizontalH150 {
height: 150px;
}
.articleItemHorizontalH150 .articleHorizontalInfo {
padding-top: 15px;
margin-left: 285px;
margin-right: 15px;
}
.articleHorizontalInfo .articleHorizontalDate {
margin-bottom: 5px;
}
.articleHorizontalInfo .articleHorizontalTitleMiddle {
margin-bottom: 5px;
}
.row .panelTitle {
margin-bottom: 30px;
}
.articleItemHorizontal img {
float: left;
}
.articleItemHorizontal .articleHorizontalTitle {
margin-left: 110px;
padding-top: 15px;
margin-right: 18px;
}
.opinionItem {
display: block;
width: 100%;
height: 63px;
border-bottom: 1px solid #E5E5E5;
margin: 0;
padding: 10px 0 5px 0;
}
.opinionItem .opinionImg {
float: left;
width: 50px;
margin-top: 3px;
}
.opinionItem .opinionAuthor {
margin-left: 65px;
margin-bottom: 2px;
margin-top: 0;
margin-right: 10px;
}
.opinionItem .opinionTitle {
padding: 0;
margin-left: 65px;
}
.panelHorizontal {
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
background: white;
}
.panelHorizontalThree {
width: 360px;
margin-right: 30px;
height: auto;
overflow: hidden;
}
.panelHorizontalThree.nmr {
margin-right: 0;
}
.panelHorizontalFour {
width: 232px;
height: 240px;
text-align: center;
padding: 15px;
}
.panelHorizontal .opinionImg {
margin: 10px;
}
.panelHorizontal .opinionAuthor {
margin-bottom: 2px;
}
.panelHorizontal .opinionTitle {
margin-bottom: 10px;
}
.panelHorizontal .blogAuthor {
margin-bottom: 4px;
}
.panelHorizontal .blogTitle {
margin-bottom: 10px;
}
.panelHorizontal .blogLead {
display: block;
width: 100%;
height: 40px;
overflow: hidden;
}
.okladka {
margin-bottom: 30px;
}
.panelHorizontal .blogImg {
float: left;
width: 60px;
height: 60px;
}
.panelHorizontal .blogContent {
margin-left: 80px;
margin-right: 25px;
min-height: 115px;
}
.panelHorizontalThree a {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
padding: 15px;
}
.opinionList {
padding-top: 2px;
}
.opinionList a:hover {
text-decoration: none;
}
.articleListHorizontal a:hover {
text-decoration: none;
}
.panelHorizontal a:hover {
text-decoration: none;
}
.panelHorizontal a:hover .blogImg img {
position: relative;
top: -3px;
left: -3px;
-moz-border-radius:33px;
-webkit-border-radius:33px;
-khtml-border-radius:33px;
border-radius:33px;
}
a.imgHover60:hover img {
position: relative;
top: -3px;
left: -3px;
-moz-border-radius:33px;
-webkit-border-radius:33px;
-khtml-border-radius:33px;
border-radius:33px;
}
a.imgHover50:hover img {
position: relative;
top: -3px;
left: -3px;
-moz-border-radius:28px;
-webkit-border-radius:28px;
-khtml-border-radius:28px;
border-radius:28px;
}
a.imgHoverCenter80:hover img {
position: relative;
top: -3px;
-moz-border-radius:43px;
-webkit-border-radius:43px;
-khtml-border-radius:43px;
border-radius:43px;
margin-bottom: 0px;
}
.opinionImg img {
margin-bottom: 6px;
}
.pressTopIcon {
background: #ccc;
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
float: left;
margin: 10px;
}
.pressTopItemHorizontal {
display: block;
width: 100%;
height: 70px;
background: white;
}
.pressTopItemHorizontal .articleHorizontalTitle {
margin-left: 70px;
padding-top: 23px;
margin-right: 18px;
}
.catHeader {
display: block;
color: white;
text-align: center;
}
.catHeader h1 {
padding: 30px;
margin: 0;
color: white;
}
.searchHeader {
display: block;
color: #333333;
text-align: center;
background: white;
border-bottom: 1px solid #E5E5E5;
}
.searchHeader h1 {
padding: 30px;
margin: 0;
color: #333333;
}
/** PAGE SEARCH **/
.contentSearch {
margin-top: 28px
}
.contentSearch .searchResultBox {
margin-left: 50px;
}
.contentSearch .searchResultBox p {
margin-top: 0;
padding-top: 0;
}
/** ARTICLES **/
.opinionContact {
margin-bottom: 10px;
}
.opinionSM img {
margin-left: 5px;
}
.articleToolsBottom {
display: block;
margin-left: 200px;
margin-bottom: 30px;
width: auto;
height: auto;
overflow: hidden;
}
.articleToolsVideo {
margin-left: 0;
margin-bottom: 10px;
}
.articleToolsLeft {
float: left;
width: 260px;
text-align: left;
}
.articleToolsRight {
float: right;
width: 260px;
text-align: right;
}
.articleToolsBottom .icons {
display: block;
height: 50px;
}
.articleToolsBottom .iconsLeft img {
margin-right: 10px;
}
.articleToolsBottom .iconsRight img {
margin-left: 10px;
}
.articleToolsBtn {
display: block;
padding: 10px 0;
border: 1px solid #A5A5A5;
text-align: center;
}
.articleToolsBtn:hover {
background: white;
}
@media only screen and (max-width: 1350px) {
.hide1 {
display: none;
}
}
@media only screen and (max-width: 1600px) {
.hide2 {
display: none;
}
}
.uitemBox {
display: block;
position: relative;
overflow: hidden;
background: white;
}
.uitemInline {
display: inline-block;
vertical-align: top;
}
.uitemList {
display: block;
width: 100%;
height: auto;
}
.uitemShadow {
-webkit-box-shadow: 0px 4px 10px 0px rgba(22,24,25,0.2);
-moz-box-shadow: 0px 4px 10px 0px rgba(22,24,25,0.2);
box-shadow: 0px 4px 10px 0px rgba(22,24,25,0.2);
}
.uitemMarginRight {
margin-right: 30px;
}
.uitemMarginBottom {
margin-bottom: 30px;
}
.uitemF3W1H1 {
width: 360px;
height: 200px;
}
.uitemCL2W1H1 {
width: 360px;
height: 200px;
}
.uitemCL2W2H1 {
width: 750px;
height: 300px;
}
.uitemF3W2H2 {
width: 750px;
height: 430px;
}
.uitemSize1 {
}
.uitemSize2 {
}
.uitemSize3 {
}
.uitemSize4 {
}
.uitemSize5 {
}
.uitemSize6 {
}
.uitemT1 {
}
.uitemT2 {
}
.uitemT3 {
}
.usectionDate {
}
.usectionHeader {
}
.usectionSortHeader {
}
/** PLATE **/
.uitemPlate.uitemInline .uitemTitle {
display: block;
width: 100%;
height: auto;
position: absolute;
left: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50px, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 50px,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 50px,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
.uitemPlate.uitemInline.uitemSize2 .uitemTitle p {
margin: 50px 15px 15px 15px;
padding: 0;
}
.uitemPlate.uitemInline.uitemSize3 .uitemTitle p {
margin: 50px 15px 15px 15px;
padding: 0;
}
.uitemPlate.uitemInline.uitemSize4 .uitemTitle p {
margin: 50px 10px 10px 10px;
padding: 0;
}
a.uitemUnderline:hover .uitemTitle p {
text-decoration: underline;
}
a.uitemNoUnderline:hover {
text-decoration: none;
}
.uitemList img {
float: left;
}
.uitemList.uitemAH85IL .uitemTitle {
display: block;
overflow: hidden;
height: 78px;
margin-left: 85px;
}
.uitemList.uitemAH85IL .uitemTitle p {
margin: 15px 20px;
padding: 0;
}
.uitemIcon {
position: absolute;
left: 10px;
top: 10px;
z-index: 10;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
vertical-align: top;
padding: 2px 5px 2px 2px;
}
.uitemIcon svg {
float: left;
}
.uitemSize2 .uitemIcon, .uitemSize3 .uitemIcon {
left: 15px;
top: 15px;
}
/** IMAGE LEFT **/
.uitemImageLeft .uitemImg {
float: left;
width: 100px;
height: 100px;
}
.uitemImageLeft.uitemPerson .uitemImg {
margin: 20px;
width: 80px;
height: 80px;
}
.uitemImageLeft.uitemPerson .uitemRight {
margin: 20px 20px 20px 130px;
}
.uitemImageLeft .uitemTitle {
display: block;
width: 100%;
height: auto;
}
.uitemImageLeft .uitemDesc {
display: block;
width: 100%;
height: auto;
margin-bottom: 10px;
}
.uitemImageLeft .uitemLead {
display: block;
width: 100%;
height: auto;
margin-bottom: 20px;
}
/** CALENDAR EVENT **/
.uitemCalendarEvent {
}
.uitemCalendarEvent .uitemLeft {
width: 260px;
float: left;
text-align: center;
}
.uitemCalendarEvent .uitemRight {
min-height: 150px;
margin-left: 260px;
border-left: 1px solid #E5E5E5;
padding: 10px 20px 10px 30px;
}
.uitemCalendarEvent .uitemLeft .uitemEventDate {
padding-top: 15px;
}
.uitemCalendarEvent .uitemLeft .uitemEventDay {
padding-top: 5px;
}
.uitemCalendarEvent .uitemLeft .uitemEventDayW {
padding-top: 5px;
}
.uitemCalendarEvent .uitemRight .uitemDesc {
}
.uitemCalendarEvent .uitemRight .uitemTitle {
padding-top: 10px;
}
.uitemCalendarEvent .uitemRight .uitemLead {
padding-top: 10px;
}
.uitemPlate .uitemTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-weight: bold;
}
.uitemBox.uitemPlate.uitemSize2 .uitemTitle {
font-size: 3.4em;
line-height: 40px;
}
.uitemBox.uitemPlate.uitemSize3 .uitemTitle {
font-size: 2.4em;
line-height: 32px;
}
.uitemBox.uitemPlate.uitemSize4 .uitemTitle {
font-size: 2.0em;
line-height: 24px;
}
.uitemList .uitemTitle p {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
line-height: 20px;
}
.uitemIcon {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
line-height: 25px;
}
.uitemReadmore a {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
}
.uitemReadmore a:hover {
text-decoration: none;
}
.uitemImageLeft .uitemTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 2.1em;
font-weight: bold;
}
.uitemImageLeft .uitemDesc {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.uitemImageLeft .uitemLead {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
}
.uitemCalendarEvent .uitemLeft .uitemEventDate {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
}
.uitemCalendarEvent .uitemLeft .uitemEventDay {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 9.2em;
font-weight: 100;
line-height: 92px;
}
.uitemCalendarEvent .uitemLeft .uitemEventDayW {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
text-transform: uppercase;
}
.uitemCalendarEvent .uitemRight .uitemDesc {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.uitemCalendarEvent .uitemRight .uitemTitle {
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 2.1em;
font-weight: bold;
}
.uitemCalendarEvent .uitemRight .uitemLead {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.uitemReadmore a {
color: #333333;
}
.uitemPlate .uitemTitle {
color: white;
}
.uitemList .uitemTitle {
color: #333333;
}
.uitemImageLeft .uitemTitle {
color: #333333;
}
.uitemImageLeft .uitemDesc {
color: #A5A5A5;
}
.uitemImageLeft .uitemLead {
color: #333333;
}
.uitemCalendarEvent .uitemRight {
color: #333333;
}
.uitemCalendarEvent .uitemLeft {
color: #333333;
}
.uitemCalendarEvent .uitemRight .uitemDesc {
color: #A5A5A5;
}
a:hover .uitemTitleHover p {
color: #018086;
}
.uitemBox:hover img {
filter: brightness(80%);
}
.uitemIcon {
background: rgba(0,0,0,0.7);
color: white;
}
.pageHeader {
display: block;
width: 100%;
min-height: 80px;
text-align: center;
border-bottom: 1px solid #E5E5E5;
overflow: hidden;
}
/** TOPIC HEADER **/
.topicHeader {
height: 350px;
background-position: top center;
background-repeat: no-repeat;
position: relative;
}
.topicHeader h1 {
padding: 130px 0 0 0;
margin: 0 0 0 0;
}
.topicHeaderMenu {
display: block;
width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
}
.topicHeaderMenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.topicHeaderMenu ul li {
display: inline-block;
margin: 10px;
}
.topicMonthMenu {
display: block;
width: 100%;
height: auto;
background-color: white;
border-bottom: 1px solid #E5E5E5;
}
.topicMonthMenu ul {
list-style: none;
margin: 0;
padding: 0;
}
.topicMonthMenu ul li {
display: inline-block;
padding: 10px 0;
margin: 0 10px;
}
.topicMonthMenu ul li.is:hover {
border-bottom: 3px solid #333333;
}
.topicMonthMenu ul li.active {
border-bottom: 3px solid #333333;
}
.topicMonthMenu ul li a, .topicHeaderMenu ul li a {
text-decoration: none;
}
.sectionDate {
display: block;
width: 100%;
padding-top: 30px;
margin-bottom: 10px;
border-top: 1px solid #E5E5E5;
}
#content.sectionDate:first-child {
border-top: none;
}
/** BIOGRAFIE **/
.personsHeader {
background: white;
text-align: left;
}
.personsHeader .wrapperOuter {
margin-bottom: 0;
}
.personHeader .wrapperOuter h1 {
margin: 40px 0;
}
.searchBoxPerson {
width: 250px;
float: left;
}
.searchBoxPerson .searchInput {
width: 230px;
}
.menuLetters {
width: 800px;
float: right;
margin-top: 7px;
}
.menuLetters ul {
margin: 0;
padding: 0;
list-style: none;
}
.menuLetters ul li {
display: inline-block;
width: 24px;
height: 24px;
text-align: center;
-moz-border-radius:12px;
-webkit-border-radius:12px;
-khtml-border-radius:12px;
border-radius:12px;
}
.itemBio {
margin: 30px 0;
}
.itemBio .personLeft {
margin: 40px;
width: 250px;
float: left;
text-align: center;
}
.itemBio .personRight {
margin: 40px 40px 40px 320px;
padding-left: 45px;
border-left: 1px solid #E5E5E5;
min-height: 200px;
}
.itemBio .personLeft .personAvatar {
margin-bottom: 20px;
}
.itemBio .personLeft .personName {
margin-bottom: 10px;
}
.itemBio .personLeft .personInfo {
}
.itemBio .personRight .personBody {
}
.itemBio .personRight .personBody h1 {
border-top: 1px solid #E5E5E5;
margin: 30px 0 10px 0;
padding: 30px 0 0 0;
}
.calendarMonthMenu {
display: block;
width: 200%;
height: 120px;
overflow: hidden;
z-index: 2;
}
.calendarMonthMenu ul {
margin: 0;
padding: 0;
list-style: none;
}
.calendarMonthMenu ul li {
display: inline-block;
text-align: center;
margin-bottom: 50px;
vertical-align: top;
position: relative;
}
.calendarMonthMenu ul li a {
display: block;
width: 200px;
height: 105px;
}
.calendarMonthMenu ul li a .monthMenuYear {
padding-top: 10px;
}
.calendarMonthMenu ul li a .monthMenuMonth {
margin-top: 5px;
}
.calendarMonthMenu ul li a .monthMenuCount {
margin-top: 5px;
}
.calendarBtnLeft {
display: none;
width: 80px;
height: 80px;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
background: url(img/arr_left.png) no-repeat center center, -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
background: url(img/arr_left.png) no-repeat center center, -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
background: url(img/arr_left.png) no-repeat center center, linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
filter: url(img/arr_left.png) no-repeat center center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
z-index: 2;
}
.calendarBtnRight {
display: block;
width: 80px;
height: 80px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
background: url(img/arr_right.png) no-repeat center center, -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 99%);
background: url(img/arr_right.png) no-repeat center center, -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 99%);
background: url(img/arr_right.png) no-repeat center center, linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 99%);
filter: url(img/arr_right.png) no-repeat center center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
z-index: 2;
}
.calendarDayMenu {
display: block;
height: 80px;
width: 100%;
overflow: hidden;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
position: relative;
top: -15px;
background: white;
z-index: 1;
}
.calendarDayOuter {
display: block;
width: 2600px;
height: 80px;
position: relative;
}
.calendarDaySlide {
display: block;
width: auto;
height: auto;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.calendarDayMenu ul {
margin: 0;
padding: 0;
list-style: none;
}
.calendarDayMenu ul li {
display: inline-block;
text-align: center;
margin-bottom: 50px;
vertical-align: top;
border-right: 1px solid #E5E5E5;
}
.calendarDayMenu ul li:first-child {
border-left: 1px solid #E5E5E5;
}
.calendarDayMenu ul li a {
display: block;
width: 79px;
height: 73px;
border-bottom: 7px solid white;
}
.calendarDayMenu ul li.is a {
border-bottom: 7px solid #E5E5E5;
}
.calendarDayMenu ul li.active a {
border-bottom: 7px solid #DE1F3D;
}
.calendarDayMenu ul li a .dayMenuTxt {
padding-top: 15px;
}
.calendarDayMenu ul li a .dayMenuDay {
margin-top: 5px;
}
.monthMenuSelect {
display: block;
width: 20px;
height: 20px;
background: #018086;
position: absolute;
left: 90px;
bottom: -10px;
z-index: 3;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.eventLeftTitle {
margin-top: 10px;
}
.eventLeftInfo ul {
list-style: none;
}
.eventLeftInfo ul li {
margin-bottom: 5px;
}
#content.event .columnRightLarge h1 {
margin-top: 0;
padding-top: 0;
padding-bottom: 30px;
}
#comments {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
#comments form {
margin: 0 5px;
}
#comments .comment-item {
display: block;
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 15px;
}
#comments .comment-avatar {
display: block;
float: left;
width: 48px;
height: 48px;
margin-top: 5px;
}
#comments .comment-btn {
font-size: 13px;
color: white;
background: #018086;
padding: 10px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
border: none;
width: 100%;
text-align: center;
margin-right: -10px;
}
#comments .comment-content {
display: block;
margin-left: 70px;
font-size: 15px;
color: #3a3a3a;
}
#comments .comment-header ul, #comments .comment-footer ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 5px;
}
#comments .comment-header ul li {
display: inline;
}
#comments .comment-footer {
margin-top: 8px;
}
#comments .comment-footer ul li {
display: inline;
margin-right: 10px;
}
.pen {
display: inline-block;
background: url(img/r2/pioro.png) no-repeat;
width: 16px;
height: 20px;
}
.comment-name {
font-size: 14px;
color: #9197A3
}
.comment-name b {
color: #018086;
}
.comment-up {
font-size: 12px;
}
.comment-down {
font-size: 12px;
}
.comment-answer {
color: #018086;
}
.comment-time {
font-size: 12px;
color: #9197A3;
margin-left: 10px;
}
.comment-footer {
font-size: 12px;
}
.comment-footer-left {
display: block;
width: 320px;
float: left;
}
.comment-footer-right {
display: block;
width: 200px;
float: right;
}
.comments-sub {
display: block;
margin-left: 70px;
overflow: hidden;
margin-bottom: 15px;
padding-left: 10px;
}
.input-text {
border: 1px solid #E4E4E4;
box-sizing: border-box;
width: 100%;
padding: 5px 10px;
margin-right: -10px;
margin-bottom: 10px;
}
.comment-text textarea {
border: 1px solid #E4E4E4;
box-sizing: border-box;
width: 100%;
padding: 10px;
margin-right: -10px;
}
.comment-header ul li {
font-size: 12px;
color: #a2a2a2;
margin-right: 10px;
}
.comment-header img {
position: relative;
top: -3px;
margin-right: 2px;
}
.kciukUp {
fill: #D0D0D0;
cursor: pointer;
}
.kciukDown {
fill: #D0D0D0;
cursor: pointer;
}
.kciukUp:hover {
fill: #018086;
color: #018086;
}
.kciukDown:hover {
fill: #DE1F3D;
color: #DE1F3D;
}
.comment-footer a:hover {
text-decoration: none;
}
#comments .inline {
display: inline-block;
vertical-align: top;
}
.uitemComments .comment-item {
padding-bottom: 10px;
border-bottom: 1px solid #E5E5E5;
}
.odpowiedz-box {
display: block;
width: 100%;
height: auto;
overflow: hidden;
}
.article {
margin-top: 30px;
}
h1 {
margin: 0 0 30px 0;
padding: 0;
}
.articleInfoHeader {
margin-bottom: 5px;
}
.articleInfoHeader .articleInfo {
margin-right: 20px;
-moz-border-radius:3px; /* FF */
-webkit-border-radius:3px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
-khtml-border-radius:3px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
border-radius:3px; /* pozostałe przeglądarki */
}
.imgInfo {
margin: 5px 0 20px 0;
padding: 0;
}
.autorBox {
float: left;
display: block;
width: 170px;
height: auto;
}
.articleLead {
margin-left: 200px;
}
.articleBoxName {
margin-left: 200px;
margin-bottom: 20px;
}
.articleBody {
margin-left: 200px;
margin-bottom: 30px;
}
.articleBody img {
width: 400px;
height: auto;
}
em {
display: block;
border-left: 10px solid #0BA6AB;
padding-left: 15px;
}
blockquote {
display: block;
border: none;
margin: 15px 0;
padding: 0 0 0 35px;
background: transparent url('img/cyt.png') no-repeat 0 10px;
}
blockquote p {
margin: 0;
padding: 0;
}
.articleContent {
display: block;
width: 100%;
height: auto;
margin-bottom: 30px;
overflow: hidden;
}
.articleTagList {
margin-left: 200px;
}
.articleTagList span {
display: inline-block;
color: white;
background: #8D8D8D;
cursor: pointer;
margin-right: 6px;
padding: 2px 5px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
margin-bottom: 30px;
}
#loader .loaderProgress {
display: block;
}
.opinionHeaderLeft {
float: left;
width: 700px;
}
.authorDesc {
margin-bottom: 5px;
}
.opinionHeaderRight {
float: right;
width: 300px;
text-align: right;
}
.articleVideoBox {
background: black;
padding: 50px 0;
}
.articleVideoWrapper {
display: block;
width:853px;
padding: 0 10px;
margin: 0 auto;
}
.articleVideoBox h1 {
color: white;
border-bottom: 1px solid #4E4E4E;
padding-bottom: 20px;
margin-bottom: 10px;
}
.articleHorizontalInfoOpinie {
margin-left: 120px;
}
/** LIVE **/
.uitemLive {
position: relative;
overflow: visible;
}
#live {
margin-left: 120px;
border-left: 1px solid silver;
padding-left: 25px;
display: block;
}
#refresh input {
border: none;
background: #DE1F3D;
text-align: center;
color: white;
padding: 10px;
width: 600px;
margin-left: 150px;
margin-right: -200px;
margin-bottom: 30px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.livePostBody {
padding: 20px;
}
.iconsLive {
margin-top: 20px;
}
.iconsLive img {
margin-right: 10px;
}
.timeLive {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
color: #de1f3d;
}
.bodyLive {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #333333;
}
.liveNormalIcon {
position: absolute;
display: block;
width: 100px;
height: 100px;
background: url(img/live_1.png) no-repeat 0 0;
left: -30px;
top: 25px;
}
.liveHotIcon {
position: absolute;
display: block;
width: 100px;
height: 100px;
background: url(img/live_2.png) no-repeat 0 0;
left: -42px;
top: 3px;
}
/** SONDA **/
#sonda {
display: block;
margin-top: 10px;
color: #333333;
margin-left: 200px;
border: 1px solid #E5E5E5;
background: white;
padding: 15px;
}
#sonda .sonda-title {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
#sonda .sonda-alpha {
display: block;
padding: 20px 20px;
background: rgba(0,0,0,0.7);
overflow: hidden;
}
#sonda p.question {
font-size: 18px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 15px;
color: #333333;
font-weight: bold;
}
#sonda label {
display: block;
padding: 10px 12px;
background-color: #E5E5E5;
color: #333333;
cursor: pointer;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
border: 1px solid #E5E5E5;
}
#sonda_glosuj {
color: #333333;
font-size: 12px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
#sonda_glosuj a {
display: block;
padding: 8px 20px;
color: white;
border: 2px solid white;
-moz-border-radius:5px; /* FF */
-webkit-border-radius:5px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
-khtml-border-radius:5px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
border-radius:5px; /* pozostałe przeglądarki */
background: #018086;
font-size: 13px;
font-weight: bold;
width: 100px;
text-align: center;
}
#sonda ul {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
width: 200px;
}
#sonda ul li {
display: block;
border: 1px solid #C8C8C8;
padding: 7px 7px 7px 25px;
margin: 4px 0;
cursor: pointer;
color: #0e237a;
font-size: 18px;
font-weight: bold;
background: #E5E5E5;
}
#sonda ul li:hover {
background: #018087;
color: white;
}
#sonda .btn {
background: #C6C6C6;
font-size: 18px;
color: #383837;
font-weight: bold;
padding: 5px 13px;
}
#sonda .info {
font-size: 16px;
color: white;
}
#sonda .r {
color: white;
}
.polopt {
background: white;
padding: 2px 20px 7px 7px;
color: #0e237a;
}
.polopt span {
position: relative;
top: 3px;
}
.bar{ height:10px; background:#1CA9AD; }
.yourvote{ background:#018087; }
.option{ margin:10px 0; }
.option p{ font-size: 16px; }
#boxRightContainer {
display: block;
position: absolute;
top: 0;
right: -250px;
width: 250px;
min-height: 1200px;
background: #DDDDDD;
-webkit-box-shadow: 0px 4px 10px 0px rgba(22,24,25,0.2);
-moz-box-shadow: 0px 4px 10px 0px rgba(22,24,25,0.2);
box-shadow: 0px 4px 10px 0px rgba(22,24,25,0.2);
padding: 10px 5px;
z-index: 9999;
}
.boxRightPost {
display: block;
width: 250px;
height: auto;
overflow: hidden;
margin-bottom: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
background: white;
}
.boxRightBar {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
margin: 0 0 10px 0;
text-align: center;
}
.boxRight_livePost {
width: 230px;
padding: 5px 10px;
max-height: 300px;
position: relative;
}
.boxRight_livePost_bottom {
display: block;
width: 250px;
height: 20px;
background: red;
position: absolute;
top: 260px;
left: 0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
color: #444444;
font-size: 11px;
text-align: center;
padding: 30px 0 0 0;
}
.boxRight_livePost_bottom a {
color: #444444;
}
.boxRight_livePost_body {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #1c2022;
}
.boxRight_livePost_body img {
width: 100% !important;
height: auto !important;
}
.boxRight_livePost_time {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #de1f3d;
border-bottom: 1px solid #E5E5E5;
}
.boxRight_livePost_live a {
color: white;
background: #DE1F3D;
font-size: 10px;
padding: 1px 5px;
position: relative;
top: -2px;
}
.boxRight_livePost_time small a {
color: #444444;
float: right;
margin-top: 4px;
}
.boxRight_livePost_hot {
}
.boxRight_livePost_hot .boxRight_livePost_time {
border-bottom-color: #DE1F3D;
}
blockquote {
display: block;
border: none;
margin: 15px 0;
padding: 0 0 0 35px;
background: transparent url(img/cyt.png) no-repeat 0 10px;
min-height: 40px;
}