html, body{
	margin: 0;
	font-family: Roboto;
}

body{
	background-color: #ecedee;
	height: 120%;
}

/*
#############  HEADER  #############
*/

.desktop{
	display: inline;
}

#positive-green{
	font-size: 14px;
	color: #69AD0A;
	font-weight: bold;
}

.search-page .select-year.mobile{
	display: none;
}

body div#top-header{
	width: 100%;
	background-color: #FFF;
	height: 61px;
	border-bottom: solid 5px #04518C;
	font-weight: bold;
	color: #363636;
	font-size: 14px;
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
}

.form-error{
	color: red;
	float: right;
	margin-right: 5px;
}

#regreg-error.form-error{
	float: none;
	display: block;
	height: 17px;
}

img, a{
	border:none;
    outline:none;
	text-decoration: none;
	color: black;
}

#top-header div#movable-hover{
	height: 61px;
	width: 218px;
	background-color: #EEE;
	position: absolute;
	top: 0px;
	left: 182px;
	z-index: 1000;
	border-bottom: solid 5px #F1D700;
	-webkit-transition: left 0.3s ease-in-out,width 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out,width 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out,width 0.3s ease-in-out;
	transition: left 0.3s ease-in-out,width 0.3s ease-in-out;
}

#top-menu li#mobile-login a, #top-menu li#mobile-search a{ 
	display: none;
}

.search-page .search-header a:visited {
    color: #a6a7ad !important;
}



#top-header #search div#search-hover{
	display: none;
	left: 0;
	top: 0;
	height: 61px;
	width: 100%;
	position: absolute;
	border-bottom: solid 5px #F1D700;
}

#top-header #search.expand-search  div#search-hover{
	display: block;
	z-index: 1900;
}

#top-header div#movable-hover:not(.state1):not(.state2):not(.state3):not(.state4).state0{
	display: none;
}

#top-header div#movable-hover.state1{
	left: 182px;
	width: 218px;
}

#top-header div#movable-hover.state2{
	left: 399px;
	width: 164px;
}

#top-header div#movable-hover.state3{
	left: 562px;
	width: 144px;
}

#top-header div#movable-hover.state4{
	left: 705px;
	width: 136px;
}

#top-header div#movable-hover.state5{
	left: 841px;
	width: 121px;
}

#top-header div{
	float: left;
	position: relative;
	z-index: 2000;
}

#top-header-logo{
	height: 61px;
	width: 116px;
	padding: 0px 33px;
	-webkit-transition: padding 0.3s ease-in-out;
	-moz-transition: padding 0.3s ease-in-out;
	-o-transition: padding 0.3s ease-in-out;
	transition: padding 0.3s ease-in-out;
}

#top-header-logo img{
	margin: 23px 0px;
}

#top-menu{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


#top-menu li{
	display: block;
	float: left;
	border-left: 1px #DDD solid;
	line-height: 61px;
	z-index: 2000;
}

#top-menu li a{
font-family: "Lato";
	text-decoration: none;
	color: black;
	display: block;
	height: 61px;
	padding: 0px 21px;
	text-align: center;
	-webkit-transition: padding 0.3s ease-in-out,width 0.3s ease-in-out,font-size 0.3s ease-in-out;
	-moz-transition: padding 0.3s ease-in-out,width 0.3s ease-in-out,font-size 0.3s ease-in-out;
	-o-transition: padding 0.3s ease-in-out,width 0.3s ease-in-out,font-size 0.3s ease-in-out;
	transition: padding 0.3s ease-in-out,width 0.3s ease-in-out,font-size 0.3s ease-in-out;
}

#top-menu-current-issue a{
	width: 174px;
	transition: width 0.3s ease-in-out;
}

#top-menu-archive a{
	width: 120px;
	transition: width 0.3s ease-in-out;
}

#top-menu-tab3 a{
	width: 100px;
	transition: width 0.3s ease-in-out;
}

#top-menu-a24{
	border-right: 1px #DDD solid;
	transition: width 0.3s ease-in-out;
}

#top-menu-contact a{
	width: 92px;
	transition: width 0.3s ease-in-out;
}

#search.expand-search img#search-icon{
	opacity:0;
	display: none;
}

div#search.expand-search #search-field-div input{
	visibility: visible;
	width: 100px;
	padding: 0px 5px;
}

#search img{
	position:absolute;
	right:10px;
	top:13px;
	z-index: 2500;
	cursor: pointer;
}

#search img#search-icon{
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

div#header-right{
	float: right;
}

#search-field-div{
	border-left: 1px #DDD solid;
	padding-left: 10px;
	border-right: 1px #DDD solid;
	padding-right: 10px;
	height: 61px;
}

#search-field-div input{
	width: 1px;
	border: 0px;
	padding: 0px;
	visibility: hidden;
	-moz-transition: width 0.3s linear;
	-webkit-transition: width 0.3s linear;
	-o-transition: width 0.3s linear;
	transition: width 0.3s linear;
	color: black;
}

img#search-icon2{
	cursor: pointer;
}

#search-icon2, #search-field2{
	float: left;
}

.search-header a{
	width: 98%;
	background-color: #e0e0e0;
	padding: 5px 10px;
	margin-top: 10px;
}

.search-content{
	padding: 0px 10px;
	width: 98%;
	word-wrap: break-word;
}


.search-page .search-header  a:hover{
	color: #3995EA;
}

#search-field2{
	visibility: visible;
	width: 70%;
	padding: 0px 5px;
	margin-left: 10%;
	height: 33px;
	border: 1px solid grey;
}

#search-field-div input[placeholder]{
	
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #A9A9A9;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #A9A9A9;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #A9A9A9;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #A9A9A9;
}

.select-year.mobile{
	display: none;
}

#top-menu a, #mobile-menu-icon, #login-div, 	#mobile-share-icon{
	-webkit-tap-highlight-color: rgba(241,215,0,0.5);
}

#search-field{
	border-left: 1px #DDD solid;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 35px;
	padding-left: 5px;
	margin-right: 44px;
	margin-top:13px;
	border: 1px solid #A9A9A9;
	background-color: #EEE;
	float: left;
}

#search-submit{
	float: left;
	margin: 14px 13px 11px 0px;
	height: 29px;
	width: 29px;
	background-color: #F1D700;
	border: 1px solid #F1D700;
}

div#search{
	position: relative;
	height: 61px;
}


#login-div, #help-div{
	width: 64px;
	height: 61px;
	cursor: pointer;
}

#reg-info{
	margin-left: 40px;
}



#help-div{
	border-right: 1px #DDD solid;
}

#login-div img, #help-div img{
	padding: 10px;
}

#mobile-menu-icon{
	display: none;
	height: 61px;
	width: 44px;
	background-image: url("../images/header/menu_icon.png");
	background-position: center center;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px #DDD solid;
	cursor: pointer;
}

#mobile-share-icon{
	display: none;
	height: 61px;
	width: 44px;
	background-image: url("../images/header/share-mobile.png");
	background-position: center center;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px #DDD solid;
	cursor: pointer;
}

.inpost-button {
	align-items: center;
	justify-content: space-between;
	background-color: #ffcc0a;
	color: #000000;
	flex-wrap: nowrap;
	gap: 0.5rem;
	flex-direction: row;
	border-radius: 0 0.5rem 0.5rem 0;
}
@media (max-width: 920px) {
	.inpost-button {
		justify-content: center;
	}
}
.inpost-button--logo{
	display: flex; 
	align-items: center;
}
.inpost-button--text-wrapper{
	max-width: 150px;
}
@media all and (max-width: 760px),all and (max-device-width: 760px){
	.inpost-button--text-wrapper{
		max-width: 100%;
	}
	.inpost-button{
		border-radius: 0.5rem;
		margin: 0 1em;
	}
}
.inpost-button--main-text{
	font-size: 1rem;
	width: fit-content;
	line-height: 1rem;
}
.inpost-button--sub-text{
	line-height: 0.75rem;
	font-size: 0.75rem;
	width: fit-content;
	text-align: left;
}


/*
#######CENTRALNY PANEL################
*/

#share-buttons-all{
	position: relative;
	display: none;
}

#share-buttons-all img{
	position: absolute;
	right: 34px;
}

.left-content{
	width: 667px;
	background-color: white;
	padding: 20px;
	float: left;
	font-size: 13px;
	margin-bottom: 15px;
	padding-bottom: 25px;
}

.left-content.books{
	padding: 0px;
}

.left-content.books h1{
	margin: 0px;
	font-size: 20px;
	color: #1a61a2;
	width: 100%;
	z-index: 10;
	position: relative;
}

.left-content.books .with-background  h1{
	padding: 5px 20px;
	font-size: 28px;
	box-sizing: border-box;
}

.with-background ul{
	list-style-position: inside;
}

.with-background{
	position: relative; 
	min-height: 430px;
}

.author{
	color: #7d7d7d;
}

.title{
	color: #0991dd;
	font-weight: bold;
	font-size: 16px;
}

.books .books-footer{
	margin: 20px;
	margin-top: 0px;
	padding-top: 20px;
	border-top: 1px solid #c7c7c7;
}

.left-content.books div,.left-content.books span{
	position: relative;
}


.left-content.books p{
	z-index: 10;
	position: relative;
}

.left-content.books img.book-image{
	float: left;
	position: relative;
	padding: 9px 10px;
}

.bg-image-books{
	position:absolute; 
	width: 100%;
}


.left-content.books .price{
	float: right;
	z-index: 10;
	position: relative;
}

.left-content.books .price .red{
	font-size: 17px;
	font-weight: bold;
}

.book-desc{
	padding: 10px 30px;
}

/*search*/

.search-page h1{
	font-size: 20px;
	color: #1a61a2;
}

.search-page .search-header  a{
	float: left;
	color: #1a61a2;
}

.search-page .search-page{
	float: right;
}

.search-result{
	margin: 10px;
}


/*spis*/

.one-third{
	width: 33%;
	float: left;
	padding-bottom: 10px;
}

.toc h1.toc-title{
	font-size: 20px;
	color: #1a61a2;
	margin: 5px 0px;
	width: 100%;
	font-weight: bold;
}

.toc h1.access-ok{
	background-image:url("../images/central/check.png");
	background-position: center right;
	background-position-x: 97.5%;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 100%;
	color: black;
	font-size: 18px;
	padding: 5px 10px;
	margin-left: -10px;
}

.toc h1.access-denied{
	background-image:url("../images/central/denied.png");
	background-position: center right;
	background-position-x: 97.5%;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	width: 100%;
	cursor: pointer;
	color: black;
	font-size: 18px;
	padding: 5px 10px;
	margin-left: -10px;
}

.toc-title, .toc-content, .toc-from{
	float: left;
	padding-right: 5px;
	line-height: 15px;
}

.toc-title a{
	color: #0991dd;
	font-weight: 400;
}

.toc-title:hover a{
	color: #3cc4ff;
}

.toc h1{
	font-size: 14px;
	color: #7d7d7d;
	font-weight: 500;
	float: left;
	margin-bottom: 0px;
}

.page-label{
	float: right;
	padding-top: 10px;
}

.toc-element{
	margin: 20px 0px;
}

.toc-from{
	color: grey;
	font-style: italic;
}

.toc-page{
	padding-left: 5px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.toc-element{
	position: relative;
	width: 100%;
}

#toc-left-column{
	width: 210px;
	font-size: 12px;
	font-weight: 500;
	float: left;
}

#toc-right-column{
	float: right;
	width: 440px;
}

.dotted{
	border-bottom: 1px dotted black;
	display: none;
	overflow: hidden;
	height: 13px;
}

.toc-wrap{
	float: left;
	width: 420px;
}


#toc-left-column .button.big{
	width: 200px;
	margin: 10px 0;
	font-size: 14px;
	padding: 6px 0;
}

.sidebar-box .sidebar-box-content .button.big a{
	color: #363636;
}

.button.big a{
	color: #363636;
	width: 100%;
	display: block;
}

#toc-left-column img{
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.window-panel.small .button.big.right {
	float: left;
	margin: 0px;
	margin-left: 30px;
}


.window-panel.small .button.big {
	float: right;
	margin: 0px;
	margin-right: 30px;
}

/*archiwum*/

 a.dr-previous{
	top: 33%;
	background-image: url("/images/central/sleft.png");
	left: 10px;
}

.archive.single-cover .social-wrap{
	border: none;
}

 a.dr-next{
	right: 10px;
	background-image: url("/images/central/sright.png");

}

a.dr-next, a.dr-previous {
	background-size: 26px 37px;
	width: 26px;
	height: 37px;
	margin: 0;
	display: block;
	position: absolute;
	top: 33%;
	z-index: 200;
}

.fb-comments, .fb-comments *{
	width: 100% !important;
}

.fb_iframe_widget{
	display: block !important;
}

.galery-box-wrapper a.tocomments{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: inherit;
	height: inherit;
	margin: 0px;
}

.social-wrap{
	border-bottom: 1px solid grey;
	padding-bottom: 50px;
	margin-bottom: 30px;
	position: relative;
}


.wrap-archives{
	margin: 0 auto;
}

#infoPanel{
	overflow: hidden;
	background-color: white;
	margin: 0 auto;
	width: 1024px;
	margin-top: 75px;
}

.galery-box-wrapper .secnav{
	width: auto;
}

.author-sc{
	color: grey;
	font-style: italic;
	float: right;
	font-size: 9px;
}

#infoPanel p{
	text-align: center;
	border-right: solid 1px #e8e9e9;
	border-left: solid 1px #e8e9e9;
	border-bottom: solid 5px #e8e9e9;
	margin: 0px;
	padding: 10px 0px;
}

#infoPanel p.positive{
	color: #0CCA00;
}

.box-header{
	background-color: #04518c;
	margin: 0px;
	color: white;
	font-size: 25px;
	padding: 10px;
}

p.negative{
	color: red;
}
.galery-box{
	width: 160px;
	position: relative;
	float: left;
	padding: 10px 3px;
}

.galery-box img{
	display: block;
    margin-left: auto;
    margin-right: auto;
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.archiveCard{
	float: left;
	padding: 11px;
	width: 200px;
	    margin: 0 auto;
}

.additional-info{
	border-top: 1px solid grey;
	padding-top: 3px;
	margin-top: 8px;
	color: #5e5e5e;
}

#preview{
	position: fixed;
	top: 10%;
	left: 50%;
}

.archive h2{
	float: left;
}

.iss-desc{
	float: left;
	line-height: 15px;
}

.archiveCard .buy, .archiveCard .read{
	float: right;
	width: 70px;
	padding: 6px 3px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
}

.archiveCard .buy{
	background-color: #F1D700;
	color: black;
}

.archiveCard .read{
	background-color: #2185c5;
	color: white;
}

.archiveCard .read:hover{
	background-color: #3195d5;
}

.archive-card-footer{
	margin-top: 10px;
}

.archiveCard  span, .galery-box-wrapper span{
	font-weight: bold;
	color: #1a61a2;
	font-size: 12px;
}

.archiveCard img {
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.select-year{
	
	padding: 0px 23px;
	height: 25px;
    line-height: 25px;
}

.search-page .select-year{
	display: table;
}



.year.current{
	background-color: #f1d700;
}

.year:hover{
	background-color: #f1d795;
}

.floating-content h1.center-header{
	float: left;
	width: auto;
}

.mobile{
	display: none;
}

.floating-content a{
	float: right;
	line-height: 37px;
	color: #777;
	padding: 0 3px;
}

.year{
	text-align: center;
	width: 48px;
	float: left;
	background-color: #e0e0e0;
		margin-top: 1px;
}

/*faq*/

.faq a, .additional-info a, .lnk, .sidebar-box .sidebar-box-content a.lnk{
	color: #0991dd;
}

.faq a:hover, .additional-info a:hover, .lnk:hover,  .sidebar-box .sidebar-box-content a.lnk:hover{
	color: #3cc4ff;
}

.faq ul.bl-list{
	color: black;
	list-style: none;
	font-weight: 900;
	font-size: 12px;
	padding-left: 0px;
}

#cennik{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

#cennik th{
	background-color: #f6f6f6;
}

table#cennik, table#cennik th, table#cennik td {
   border: 1px solid #DDD;
} 

/*reklama*/
.s1 .s1, .s2 .s2, .s3 .s3, .s4 .s4, .s5 .s5, .s6 .s6{
	background-color: #f0c500;
}

.sidebar-box .sidebar-box-content a.list-elmnt{
	color: black;
}

.sidebar-box .sidebar-box-content.nomarginbox{
	margin: 0px;
	padding: 10px 0 0 0;
}

.hideable{
	display: none;
}

.tab-button{
	float: right;
	width: 39px;
	height: 24px;
	cursor: pointer;
}

div.img-expand{
	background-image:url("../images/central/tab-arrow-down.jpg");
}

div.img-collapse{
	background-image:url("../images/central/tab-arrow-up.jpg");
}

table.das{
	width: 100%;
	background-color: #f6f6f6;
	border: 1px solid #ededed;
	margin-top: 10px;
	padding: 0px 10px;
	border-spacing: 0px;
}

table.das li{
	background-color: #f6f6f6;
}

table.das th{
	height: 18px;
}

.table-header p, .table-header h1{
	margin: 0px;
	padding: 0 6px 0 0;
	height: 24px;
    line-height: 24px;
}

.table-header {
	margin-top: 20px;
}

#harmonogram tr.even td {
    background: none repeat scroll 0 0 #dbdbdb;
}

h1.table-title{
	cursor: pointer;
}

.rklm h2, .faq h2, .archive h2{
	color: #1a61a2;
	font-size: 14px;
}

td.cell-left, td.cell-middle, td.cell-right{
	border-top: 1px solid grey;
	height: 53px;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.cell-left, td.cell-right{
	margin-top: -1px;
}

td.cell-right{
	padding-right: 22px;
}

.cell-right{
	width: 90px;
	text-align: right;
	margin-right: 10px;
}

.cell-left{	
	width: 100px;
	margin-left: 10px;
}

.cell-middle{
	text-align: left;
}

.small-cell{
	width: 68px;
}

.cell-left img{
	margin-right: 5px;
}
.table-header{
	border-bottom: 1px solid grey;
}

.table-title{
	float: left;
	font-size: 12px;
	color: #1a61a2;
}

table .table-title{
	float: none;
	padding-right: 22px;
}

.label-coll-exp{
	color: grey;
	float: right;
}

.nomarginbox ul{
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

.nomarginbox ul li:hover{
	background-color: #f1d700;
}

.nomarginbox ul li{
	margin: 0 0 10px 0;
	cursor: pointer;
}

#sidebar b{
	padding-left: 5px;
}

/*kontakt*/
span.grey{
	color: grey;
}

#sidebar h4{
    font-size: 15px;
    margin: 0;
    padding-left: 5px;
	padding: 5px;

}

#sidebar .maili{
	background-image: url("../images/central/mail-icon.png");
	background-repeat: no-repeat;
	background-position: 10px 6px;
}

#sidebar .phonei{
	background-image: url("../images/central/phone-icon.png");
	background-repeat: no-repeat;
	background-position: 10px 6px;
}

#sidebar label{
	color: grey;
	width: 70px;
	float: left;
	font-size: 12px;
	padding-left: 5px;
	line-height: 20px;
}

#sidebar span.desc{
	color: #626262;
	float: left;
	font-size: 12px;
	line-height: 20px;
}

/*aktywacja*/
.marked-paragraph{
	font-size: 16px;
	font-weight: bold;
}

.help-footer h2{
	color: #1a61a2;
	border-bottom: 1px solid #DDD;
	padding-bottom: 3px;
	font-size: 14px;
	margin-top:30px;
}

.help-footer ul, .rklm ul, .faq ul{
	padding-left: 18px;
	list-style-image:url("../images/central/arrow-list.jpg");
}

.activate-account a{
	color: #0991dd;
}

.activate-account a:hover{
	color: #3CC4FF;
}

/*index*/
#middle-content{
	max-width: 1024px;
	margin: 0 auto;
}

#issue-date-info{
	padding-top:10px;
	font-size: 14px;
	color: #757575;
	line-height: 25px;
	float:left;
}

#over-cover-bar{
	width: 100%;
	height: 35px;
}

#central-social-div{
	float: right;
	padding-top: 10px;
}

#central-social-div img{
	float: right;
}

#content{
	padding-top: 15px;
}

#cover-div{
	float: left;
	width: 707px;
}

#sidebar{
	float: right;
}

#cover-div img#i-cover{
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

#cover-div {
	position: relative;
}

#cover-share{
	position: absolute;
	bottom: 26px;
	right: 30px;
	cursor: pointer;
}

.mobile-link{
	width: 100%;
}

/*
#######SIDEBAR################
*/

#sidebar{
	width: 290px;
}


.sidebar-box .sidebar-header h2{
	font-weight: bold;
	font-size: 18px;
	color: #7FDBFF;
	width: 100%;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	box-sizing: border-box;
}


.sidebar-box .sidebar-header h1{
	font-weight: bold;
	font-size: 24px;
	color: #FFF;
	margin: 0;
	width: 100%;
	padding-left: 15px;
	padding-bottom: 5px;
	box-sizing: border-box;
	
}

.ank {
	
}

.ank h2{
	margin-top: 0px;
}

.sidebar-header{
	/*height: 61px;*/
	background-color: #04518c;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.sidebar-box .sidebar-box-content{
	background-color: #FFF;
	border-right: solid 1px #e8e9e9;
	border-left: solid 1px #e8e9e9;
	border-bottom: solid 5px #e8e9e9;
	font-size: 13px;
	color: #363636;
	padding: 8px;
}

.sidebar-box {
	margin-bottom: 20px;
}

.sidebar-box .sidebar-box-content a{
	color: #F00;
	font-weight: bold;
	border: none;
}

.button{
	border-color: #FCDF3F;
	background-color: #F1D700;
	font-size: 16px;
	color: #363636;
	box-shadow: 0 2px 0 0 rgba(50, 50, 50, 0.4);
	border-radius: 2px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ffe242;
}

.button:hover{
	background-color: #f8de06;
}

#content{
	width: 100%;
}

.sidebar-box .sidebar-box-content .footer-menu{
	text-align: left;
	border-top: 1px solid #CCCCCC;
}

.separator-sidebar{
	border-top: 1px solid #CCCCCC;
	margin: 5px 0;
}

.sidebar-box .sidebar-box-content .footer-menu a,.sidebar-box .sidebar-box-content a.sidebar-link-grey{
	font-size: 12px;
	color: #7D7D7D;
	font-weight: normal;
	text-decoration: none;
}

/* .bri{
	background-image: url("../images/central/support-media.png");
	background-position-x: 95%;
	background-repeat: no-repeat;
	background-position: right 10px top 6px;
} */

iframe{
	margin-bottom: 10px;
}

.left-f{
	float: left;
}

.right-f{
	float: right;
}

.sidebar-box .sidebar-box-content a.sidebar-link-grey.log-out-link{
	color: #1a61a2;
}

.blue-button{
	background-color: #2185c5;
	color: white;
	border: 1px solid #2185c5;
}

.sidebar-box .sidebar-box-content .button.big.blue-button a {
	color: white;
}

.blue-button:hover{
	background-color: #3296D6;
}

.sidebar-box .sidebar-box-content .footer-menu a:hover{
	color: #0991DD;
}

.sidebar-box h1, h1.center-header {
	font-size: 20px;
	color: #1a61a2;
	margin: 5px 0px;
	width: 100%;
}



.sidebar-box h3{
	color: #2185c5;
	margin: 5px 0px;
	width: 100%;
}

.small-field{
	width: 162px;
	border: 1px solid #A9A9A9;
	background-color: #EEEEEE;
	height: 32px;
	float: left;
	padding-left:5px;
}

#code .small-field{
	width: 140px;
}

#code .button{
	float:right;
	padding: 5px 10px;
}

.sidebar-box .sidebar-box-content .button.small, .pmnt .button.small{
	width: 85px;
	height: 35px;
	line-height: 35px;
	margin-left: 7px;
	float: left;
	font-size: 14px;
}

.clearfix{
	clear: both;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

#code, #newsletter{
	margin-top: 10px;
	margin-bottom: 10px;
}

#ios-app{
	display: block;
	margin: 0 auto;
}



/*
#######FOOTER################
*/

.footer{
	background-color: #f9f8f8;
	width: 100%;
	border-top: 1px solid #d9dbdd;
	margin-top: 20px;
}

.footer #footer-wrapper{
	border-bottom: 1px solid #d9d9d9;
	width: 1024px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.footer #leftfooter, .footer #middlefooter , .footer #rightfooter{
	float: left;
}

.footer #leftfooter,.footer #middlefooter {
	margin-right: 16px;
}


.footer #angorka-footer{
	width: 272px;
}

.footer .books-footer{
	width: 448px;
	padding: 10px;
}

.footer #laicos-footer{
	width: 272px;
}

.footer .footer-header h2{
	font-weight: bold;
	font-size: 18px;
	color: #7FDBFF;
	width: 100%;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}


.footer .footer-header h1{
	font-weight: bold;
	font-size: 24px;
	color: #1a61a2;
	margin: 0;
	width: 100%;
	padding-left: 15px;
	padding-bottom: 5px;
	
}

#footer-wrapper{
	width: 1024px;
}

.footer-box-content{
	border: 1px solid #e5e4e4;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 5px 10px;
	font-size: 14px;
	position: relative;
}

#sidebar .sidebar-box p{
	margin-top: 0px;
}

.sidebar-box .footer-box-content .book-details{
	width: 134px;
}

.sidebar-box .footer-box-content{
	padding: 10px 5px;
}

#cover-angorka{
	width: 250px;
}

.book-image-small{
	float: left;
	padding: 0 10px;
}

.book-details{
	float: right;
	width: 260px;
}

.book-footer{
	position: absolute;
	right: 11px;
	bottom: 8px;
	width: 260px;
	border-top: 1px solid #d9d9d9;
	padding-top: 10px;
}

.buy-button{
	float: right;
	padding: 5px 25px;
	font-size: 14px;
}

.book-price{
	float: left;
	color: #fc4349;
	font-size: 23px;
	font-weight: bold;
}

.book-title, .book-title a{
	color: #0991dd;
	font-size: 14px;
	font-weight: bold;
}

.book-author{
	color: #555;
	font-size: 12px;
	font-weight: bold;
}

.book-desc-short{
	padding-top: 10px;
	color: #7D7D7D;
	font-size: 12px;
}

.fake-book-footer{
	height: 60px;
	width: 100%;
}	

.footer.last{
	margin-top: 0px;
	border: none;
	padding-top: 10px;
}

.real-footer{
	padding: 10px 0;
	width: 1024px;
	margin: 0 auto;
	font-size: 12px;
	height: 153px;
	color: #555555;
}

#footer-info{
	float: left;
	width: 272px;
}

#visits{
	float: left;
	width: 485px;
	text-align: center;
}

#visits span{
	font-size: 24px;
	color: #fc4349;
}

#dev span{
	color: #F00;
}

#footer-right{
	float: right;
	text-align: right;
	height: 153px;
	position: relative;
}

#dev{
	position: absolute;
	right: 0;
	bottom: 0;
}

.window-background{
	background-color: black;
	opacity: 0.7;
	filter: alpha(opacity =70);
	z-index: 4000;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

#login-disp{
	display: none;
}

#login-disp.active{
	display: block;
}

.payment{
	display: none;
}

.payment p{
	font-size: 12px;
}

.payment.active{
	display: block;
}

.payment .button{
	width: 90px;
}

.window-panel{
	width: 1004px;
	background-color: white;
	height: 460px;
	z-index: 5000;
	position: absolute;
	left: 50%;
	margin-left: -502px;
	top: 50%;
	margin-top: -230px;
	padding: 10px 15px;
}

#real-footer img, .payment-footer img{
	padding-top: 6px;
	padding-left: 6px;
}

.window-panel.small {
	width: 502px;
	background-color: white;
	height: 230px;
	z-index: 5000;
	position: fixed;
	left: 50%;
	margin-left: -256px;
	top: 50%;
	margin-top: -160px;
	padding: 10px;
}



.window-panel.small .button.big{
	width: 100px;
}


.window-panel.small form {
    width: 100%;
	margin: 0 auto;
}

.window-panel h3{
	color: #2185c5;
}

.window-one-third{
	width: 31%;
	padding: 0 1%;
	float: left;
	height: 231px;
}

.window-one-third input, .payment-footer input{
	width: 90px;
}

.help-header{
	background-color: #f2f2f4;
	padding-left: 10px;
	padding: 5px 0px 5px 10px;
}

.help input {
	height: 35px;
	padding: 0px 5px;
	margin-right: 10px;
	width: 200px;
	float: left;
}

.help label{
	display: block;
	width: 100%;
}

.help .button{
	width: 100px;
	height: 35px;
	line-height: 35px;
	float: left;
	font-size: 14px;
}

.window-panel a.grey-right{
	float: right;
	padding-right: 45px;
	font-size: 12px;
	color: #7D7D7D;
	font-weight: normal;
	text-decoration: none;
	line-height: 24px;
}


.window-panel p.grey{
	font-size: 12px;
	color: #707070;
	font-weight: normal;
	text-decoration: none;
}

.payment-footer p, .payment-footer img{
	float: left;
}


.black{
	color: black;
}

.red{
	color: red;
}

.green{
	color: #69AD0A;
}

.window-panel .code input[type=text]{
	width: 260px;
	margin-left: 0px;
}

.window-panel  form.code {
	margin: 0px;
}

.close-panel{
	position: absolute;
	right: 0;
	top: 0px;
	padding: 3px;
	cursor: pointer;
}

.window-left-panel{
	float: left;
	width: 49%;
	height: 360px;
}

.window-right-panel{
	float: right;
	width: 47%;
	height: 360px;
}

.window-right-panel {
	padding-left: 2%;
}

.grey-price-box{
	background-color: #f2f2f4;
	height: 40px;
	margin: 20px 0px;
}

.grey-price-box h3{
	color: #8f8f91;
	font-size: 14px;
	line-height: 40px;
	float: left;
	padding: 0 15px;
	margin: 0px;
}

.grey-price-box .price{
	float: right;
	line-height: 40px;
	font-size: 14px;
	color: #8f8f91;
	padding-right: 15px;
}

.grey-price-box .price .red{
	color: red;
	float: left;
	font-size: 16px;
}

.grey-price-box .price  span{
	float: left;
	padding-right: 5px;
}

.grey-price-box .price .black{
	color: black;
	float: left;
	padding-left: 5px;
	weight: bold;
}


.window-panel h1{
	color: #1a61a2;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	float: left;
}

.window-panel h2, .pmnt h2{
	color: #0078ad;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	float: left;
}

#login-left-panel, #login-right-panel{
	float: left;
	width: 490px;
	padding: 5px;
	height: 455px;
}

#login-left-panel .cb-wrap, #login-left-panel  .button{
	margin-top: 10px;
}

#login-right-panel{
	padding-left: 15px;
	width: 475px;
	font-size: 12px;
}

#login-right-panel, .window-right-panel{
	border-left: 1px solid #d6d6d7;
}

#header-window-panel h1{
	float: left;
}

#header-window-panel a{
	float: right;
	color: #7d7d7d;
	font-size: 12px;
	line-height: 24px;
	margin-right: 15px;
}

#login-left-panel{
	font-size: 12px;
}

.window-panel form{
	width: 396px;
	margin: 12px 47px 47px;
}

.window-panel  form.no-margin{
	margin: 0px;
	width: 100%;
}

.window-panel  form.no-margin{
	margin: 0px;
	width: 100%;
}

.payment .window-panel  form.no-margin span{
	font-size: 12px;
}

#central-social-div img{
	padding:3px;
}

.window-panel input[type=text],.window-panel input[type=password]{
	height: 35px;
	padding: 0px 5px;
	width: 380px;
}

.window-panel input{
	margin-bottom: 7px;
}

.window-panel form  span,.window-panel form label{
	margin-bottom: 3px;
}

.payment .window-panel form  span,.window-panel form label{
	display: block;
	float: left;
}

.window-panel form label{
	float: left;
}

.window-panel input[type=text].error-field,.window-panel input[type=password].error-field{
	border: 2px red solid;
	height: 33px;
}

.cb-wrap{
	padding-top: 5px;
}

.window-panel .button{
	padding: 8px;
	font-size: 14px;
	font-family: Roboto;
	float: right;
	margin-right: 5px;
}

.cb-wrap{
	float:left;
}

.cb-wrap a{
	color: red;
}

.window-panel input[type=checkbox]:checked + label:after, .window-panel input[type=checkbox]:checked + .reg-req label:after {
    font-size: 28px;
    left: 6px;
}

.window-panel input[type=checkbox]:checked + label:after, .window-panel input[type=checkbox]:checked + .reg-req label:after {
    color: #99a1a7;
    content: "✔";
    font-size: 14px;
    left: 4px;
    position: absolute;
    top: -1px;
}

.window-panel input[type=checkbox]:checked  + label , .window-panel input[type=checkbox].wrong:checked  + label, .window-panel input[type=checkbox]:checked  + .reg-req label , .window-panel input[type=checkbox].wrong:checked  + .reg-req label  {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    color: #99a1a7;
}
.window-panel input[type=checkbox] + label, .window-panel input[type=checkbox] + .reg-req label  {
    padding: 18px;
}

.window-panel input[type=checkbox].wrong + label, .window-panel input[type=checkbox].wrong + .reg-req label {
	border: 1px red solid;
	background-color: #FF9999;
}

#regreg-error{
	margin-bottom: 0px;
	margin-top: 3px;
}

.cb-label{
	float: left;
}

.window-panel input[type=checkbox] + label, .window-panel input[type=checkbox] + .reg-req label  {
    background-color: #fafafa;
    border: 1px solid #cacece;
    border-radius: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
    display: inline-block;
    padding: 9px;
    position: relative;
}

.window-panel input[type=checkbox] + label, .window-panel input[type=checkbox] + .reg-req label  {
    display: inline;
}

.window-panel input[type=checkbox]{
	display: none;
}

.cb-wrap div{
	float: left;
	  display: initial;
	  padding-left: 5px;
}

.reg-req{
	float: left;
}

.styled-checkbox{
	margin-right: 5px;
}

.cloud{
	display: block;
	position: absolute;
	right: 20px;
	top: 65px;
}

.cloud-close{
	position: absolute;
	right: 3px;
	top: 12px;
	cursor: pointer;
}

.page404 h1{
	font-size: 40px;
	color: #1a61a2;
	margin: 15px 0px;
}


.left-content{
	min-height: 800px;
	margin-bottom: 20px;
}

@media screen and (min-height: 800px){
	.left-content{
	min-height: 1100px;
	}
}

@media screen and (min-height: 1100px){
	.left-content{
	min-height: 1500px;
	}
}

.pmnt{
	margin: 0px;
	margin-right: 10px;
}

.pmnt form{
	padding-top: 20px;
}

/* PAYMENT.PHP */

#payment-method-left{
	float: left; 
	margin-left: 90px;
	cursor: pointer;
}

.brm{
	display: none;
}

#search-wide{
	display: none;
}

#top-menu li#help-mobile{
	display: none;
}

#announcement .window-panel{
	width: 520px;
	height: 430px;
	margin-left: -260px;
	margin-top: -215px;
}

#payment-method-right{
	float: right; 
	margin-right: 90px;
	cursor: pointer;
}

#payment-method-left label, #payment-method-right label{
	cursor: pointer;
}

#payment-method-left img, #payment-method-right img{
	display: block;
	margin: 0 auto;
}

#announcement{
	display: none;
}

.pmnt .button.small{
	width: 160px;
	float: right;
}

.pmnt.psubscription #payment-method-left{
	margin-left: 240px;
}

#tostepthree{
	padding-bottom: 20px;
}


/* ANKIETY */
#main3 ul li, #main3 ol li{
	line-height: 20px !important;
}

#main3 p{
	line-height: 20px !important;
	text-indent: 20px;
	text-align: justify;
	font-size: 13px;

	background:#fff; 
}

#main3 b{
	background:#fff; 
	text-align: justify;
}

#main3 h1{
background:#fff; 
}

b,p, li{
background:#fff; 
}

.nbp p{

 text-align: justify;
 font-size: 13px;

	background:#fff; 
}

#main3 p, #main3 b{
	font-family: arial;
	width: 100%;
}

#main3 h1{
	padding: 0px;
	marigin: 0px;
}

#main3 h1{
	padding: 20px;
	padding-top: 0px;
	margin-top: 0px;
}

.sidebar-box .sidebar-box-content .button.big{
	width: 240px;
	height: 43px;
	line-height: 43px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
}



#footer-info b{
	background: #f9f8f8;
}

.books p, .books li, .books b, .cookies p{
	background: none;
}

.mobile-break{
	display: none;
}

.galery-box{
	width: 100%;
}

.galery-box-wrapper{
	margin: 0 auto;
	width: 365px;
	position: relative;
}

.galery-box-wrapper img{
	padding: 1px;
}

.galery-box-wrapper a{
	margin-top: 10px;
	height: 32px;
	margin-left: 5px;
	width: 80px;
	margin-right: 5px;
	background-size: 80px 32px;
	display: block;
	float: left;
}

/* Breadcrumbs styles */
.breadcrumbs {
    font-size: 14px;
    margin-bottom: 20px;
}

.breadcrumbs a {
    color: #0991dd !important;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs span {
    color: #363636;
}