body {
font-family : Verdana;
font-size : 12px;
margin : 0;
padding : 0;
}
#wrapper {
max-width : 1200px;
width : 100%;
margin : 0 auto;
padding : 0 4px;
}
h1 {
font-size : 16pt;
font-weight : 700;
}
h2 {
font-size : 16px;
font-weight : 700;
}
h3 {
font-size : 16px;
font-weight : 700;
}
h4 {
font-size : 16px;
font-weight : 700;
}
h5 {
font-size : 16px;
font-weight : 700;
}
h6 {
font-size : 16px;
font-weight : 700;
}
h4 {
    margin: 0;
    padding: 0;
    line-height: normal; /* Consider using a numeric value */
    font-family: Arial, sans-serif;
    font-weight: 400;
    display: inline; /* Consider if this is necessary */
    font-size: 15px;
    color: #039;
    text-decoration: none;
}

h4 a {
    font-weight: 400;
    text-decoration: none;
}

h4 a:hover {
    color: #039;
    text-decoration: none;
}
h2 {
    margin: 0;
    padding: 0;
    line-height: normal; /* Consider using a numeric value */
    font-family: Arial, sans-serif;
    font-weight: 400;
    display: inline; /* Consider if this is necessary */
    font-size: 15px;
    color: #039;
    text-decoration: none;
}

h2 a {
    font-weight: 400;
    text-decoration: none;
}

h2 a:hover {
    color: #039;
    text-decoration: none;
}
h3 {
    margin: 0;
    padding: 0;
    line-height: normal; /* Consider using a numeric value */
    font-family: Arial, sans-serif;
    font-weight: 700;
    display: inline; /* Consider if this is necessary */
    color: #333;
    font-size: 18px;
}

h3 a {
    font-weight: 700;
    text-decoration: none;
}

h3 a:hover {
    color: #039;
    text-decoration: none;
}
h5 {
    margin: 0;
    padding: 0;
    line-height: normal; /* Consider using a numeric value */
    font-family: Arial, sans-serif;
    font-weight: 700;
    display: inline; /* Consider if this is necessary */
    color: #333;
    font-size: 18px;
}

h5 a {
    font-weight: 700;
    text-decoration: none;
}

h5 a:hover {
    color: #039;
    text-decoration: none;
}
h6 {
    margin: 0;
    padding: 0;
    line-height: normal; /* Consider using a numeric value */
    font-family: Verdana;
    font-weight: 500;
    display: inline; /* Consider if this is necessary */
    color: #333;
    font-size: 18px;
}

h6 a {
    font-weight: 500;
    text-decoration: none;
}

h6 a:hover {
    color: #039;
    text-decoration: none;
	font-weight: 500;
}
.subcat h6 {
    color: #324ddd; /* Przykładowy kolor tekstu */
    font-size: 16px; /* Przykładowy rozmiar czcionki */
}
.subcat h6 a:hover {
  color: #039;
    text-decoration: none;
	font-weight: 500;
}
.user_menu2 li a {
display : block;
padding : 5px 17px 13px 35px;
text-decoration : none;
color : #fff;
}
.clearfix {
height : 1%;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
a {
color : #039;
text-decoration : none;
}
a:hover {
color: #039;
text-decoration : none;
}
form {
margin : 0;
}
input, textarea, select, optgroup, option {
font-family : Verdana, sans-serif;
}
textarea {
font-size : 14px;
}
button {
font-family : Verdana, sans-serif;
font-size : 12px;
font-weight : 700;
background-color : #358edb;
border : #006595 outset 1px;
color : #fff;
}
pre {
font-family : "Courier New";
font-size : 12px;
text-align : left;
}
.err {
color : red;
text-align : center;
font-weight : 700;
margin-bottom : 5px;
font-size : 17px;
border : green solid 3px;
border-bottom : 3px solid green;
}
.imp {
color : #c30;
font-weight : 700;
margin-bottom : 5px;
}
.msg {
color : green;
text-align : center;
margin-bottom : 5px;
font-size : 17px;
border : #4C70D4 solid 3px;
border-bottom : 3px solid #4C70D4;
}
.marker {
color : red;
font-weight : 700;
}
.hint {
font-size : 10px;
font-style : italic;
color : gray;
}
#header {
padding : 0;
}
#logo {
font-size : 14px;
font-weight : 700;
}
#logo a {
color : #000;
text-decoration : none;
}
#logo a:hover {
color : #df971e;
text-decoration : none;
}
#today {
font-size : 10px;
}
#nav {
text-align : right;
}
#city {
font-weight : 700;
font-size : 14px;
display : block;
}
#sidebar_left {
background-color : #fef8ce;
width : 0;
}
.buttons td {
text-align : center;
background-color : #4682b4;
}
.buttons a {
display : block;
font-weight : 700;
text-transform : uppercase;
color : #fff;
padding : 3px;
}
#sidebar_left .head {
font-size : 10px;
font-weight : 700;
text-transform : uppercase;
color : #036;
padding : 0;
}
#sidebar_left table.linkbox {
margin-bottom : 0;
}
#sidebar_left table.linkbox a {
display : block;
text-align : center;
padding : 0;
border-bottom : 1px solid #ddd;
}
table.sidebox {
margin-bottom : 10px;
}
table.sidebox td {
text-align : left;
}
#contentcell {
border-top : 1px solid #eaeaea;
border-bottom : 1px solid #eaeaea;
}
#content {
padding : 10px;
}
#path {
background-color : #f5f5f5;
font-size : 16px;
margin-bottom : 5px;
}
#path td {
padding : 5px 5px 5px 10px;
}
#path a {
color : #777;
text-decoration : none;
}
#path a:hover {
color : #000;
text-decoration : underline;
}
table.searchbox {
background-color : #f5f5f5;
border : #ddd solid 1px;
margin-bottom : 20px;
}
table.searchbox td {
padding : 10px;
}
.eventnav {
border-bottom : 1px solid #ddd;
margin-bottom : 10px;
}
table.dir_cat th {
font-size : 20px;
font-weight : 700;
text-align : left;
text-transform : none;
margin : 0;
padding-bottom : 5px;
}
table.dir_cat .count {
color : #999;
font-size : 10px;
}
table.dir_cat th .count {
color : gray;
font-size : 10px;
}
table.dir {
background : #FBFCF7;
background-position : 0 0;
background-size : 270px 3500px;
background-repeat : repeat-x;
background-color : #ede9e1;
padding : 3px;
border-top : 1px solid #FFF;
border-left : 1px solid #FFF;
border-radius : 10px;
color : #333;
margin-bottom : 10px;
width : 100%;
}
table.dir_cat th {
font-size : 17px;
font-weight : 700;
text-align : left;
text-transform : none;
margin : 0;
padding-bottom : 5px;
}
table.dir_cat .count {
color : #999;
font-size : 10px;
}
table.dir_cat th .count {
color : gray;
font-size : 10px;
}
table.postlisting {
background : #FBFCF7;
padding : 5px;
border-top : 1px solid #FFF;
border-left : 1px solid #FFF;
border-radius : 10px;
color : #333;
}
table.postlisting td {
padding : 5px;
border-bottom : 1px solid #ddd;
height : 70px;
}
table.postlisting td.head, table.postlisting tr.head td {
font-weight : 700;
background : #FBFCF7;
border-bottom : 1px solid #ddd;
border-right : 0 solid #ddd;
}
table.postlisting td.datehead {
background-color : #f5f5f5;
font-weight : 700;
border-bottom : 0;
}
table.postlisting .posttitle {
font-weight : 700;
font-size : 16px;
font-family : Arial;
}
table.postlisting .date {
font-style : italic;
}
.postheader {
margin-bottom : 10px;
padding-bottom : 5px;
border-bottom : 1px solid #e0e0e0;
}
.postheader .posttitle {
font-size : 14px;
font-weight : 700;
margin-top : 0;
padding-top : 0;
margin-bottom : 0;
padding-bottom : 0;
}
.postheader .postarea {
font-size : 11px;
font-weight : 400;
}
.post .link_marker {
color : #ff8c00;
font-weight : 700;
}
.disclosures {
padding : 5px;
}
.disclosure_yes {
color : green;
}
.disclosure_no {
color : red;
}
.postpics {
margin-bottom : 10px;
}
.postpics img {
border : #000 solid 1px;
}
.linkbox2 {
background-color : #ff8c00;
font-weight : 700;
text-transform : uppercase;
padding : 5px;
text-align : center;
color : #fff;
}
.linkbox2 a {
display : block;
color : #fff;
}
.linkbox2 a:hover {
color : #fff;
text-align : center;
}
.imagecredits {
padding : 5px;
}
.head {
font-weight : 700;
}
.imagecredits .count {
color : #bbb;
font-size : 10px;
}
.comments .head {
font-size : 12px;
font-weight : 700;
}
.commentitem {
margin-bottom : 10px;
}
.commentitem .poster {
font-weight : 700;
display : block;
}
.commentitem .time {
color : gray;
display : block;
}
.commentitem .comments {
display : block;
}
#sidebar_right_cities {
background : #fbfcf7;
min-height : 583px;
height : 100%;
padding : 7px;
width : 300px;
background-size : 300px 3500px;
}
#sidebar_right {
background : #fbfcf7;
min-height : 583px;
height : 100%;
padding : 7px;
width : 300px;
}
.citylist_country {
display : block;
color : #000;
font-weight : 700;
text-transform : uppercase;
font-size : 12px;
margin-top : 2px;
}
.citylist_city {
color : #777;
font-size: 15px;
font-weight: 500;
}
#footer {
color : #a0a0a0;
}
#footer td {
font-size : 9px;
padding-left : 15px;
padding-top : 10px;
}
img.thumb {
border : #000 solid 1px;
}
.postpath {
padding : 5px;
border : #dbc06f solid 1px;
background-color : #fff;
font-size : 12px;
color : #a52a2a;
margin-bottom : 10px;
}
.postpath b {
color : #000;
}
.postpath a {
font-weight : 700;
color : #039;
font-size : 11px;
}
#search_top {
margin-bottom : 20px;
padding : 10px;
background-color : #fafafa;
border : #eaeaea solid 1px;
}
.invoice {
background-color : #f0f0f0;
border-right : 1px solid #eaeaea;
border-top : 1px solid #eaeaea;
}
.invoice td {
background-color : #fff;
padding : 5px;
border-left : 1px solid #eaeaea;
border-bottom : 1px solid #eaeaea;
}
.invoice .empty {
background-color : #fff;
border : #fff solid 1px;
}
.invoice .firstcell {
font-weight : 700;
}
.invoice .maincell {
text-align : right;
}
.invoice .totalrow td {
background-color : #fafafa;
}
.invoice .totalrow .totalcell {
background-color : #f3f3f3;
font-size : 13px;
font-weight : 700;
text-align : right;
}
.featuredad_first, .featuredad_first td {
background-color : #ffeec6;
border-top : 1px solid #ffdf95;
border-bottom : 1px solid #ffdf95;
padding : 5px 5px 2px;
margin-bottom : 10px;
}
.featuredad, .featuredad td {
background-color : #ffeec6;
border-bottom : 1px solid #ffdf95;
padding : 5px 5px 2px;
margin-bottom : 10px;
}
.featuredad a, .featuredad_first a {
font-weight : 700;
}
.post_note {
color : green;
}
.latestposts {
padding-top : 1px;
margin-bottom : 10px;
}
.latestposts .head {
padding-bottom : 5px;
color : #4682b4;
font-size : 18px;
}
.latestposts a {
color : #039;
font-family : Arial;
font-weight : 500;
text-decoration : none;
font-size : 18px;
}
.latestposts a:hover {
color : #039;
font-family : Arial;
font-weight : 500;
text-decoration : none;
font-size : 18px;
}
.latestposts td {
height : 30px;
font-size : 18px;
}
.latestposts1 a:hover {
color : #039;
font-family : Arial;
font-weight : 700;
text-decoration : none;
font-size : 18px;
}
.latestposts1 td {
height : 30px;
font-size : 18px;
}
.latestposts1 a {
color : #039;
font-family : Arial;
font-weight : 700;
text-decoration : none;
font-size : 18px;
}
.latestposts1 .head {
padding-bottom : 5px;
color : #4682b4;
font-size : 18px;
}
.adcat {
font-size : 9px;
color : #444;
}
.adcat1 {
font-size : 12px;
color : #444;
}
.adcat2 {
font-size : 16px;
color : #444;
}
table.latestads_table td {
padding : 1px;
}
table.latestads_table a.featured {
font-weight : 700;
}
.catlist .cat {
padding : 1px;
display : block;
}
.catlist .cat a {
font-weight : 700;
}
.catlist .subcat {
padding : 1px;
display : block;
}
.catlist .count {
color : gray;
}
.ribbon {
color : #fff;
margin : 15px 0 10px;
position : relative;
background : #3993ecd4;
border : #0000004d solid 1px;
box-shadow : 0 1px 3px #0003;
padding : 1px;
clear : both;
}
div.both_ribbon {
text-align : center;
color : #fff;
width : auto;
margin-left : -40px;
margin-right : -37px;
font-size : 10px;
}
div.both_ribbon::before {
display : block;
width : 10px;
height : 0;
position : absolute;
bottom : -10px;
left : -11px;
content : "";
border-bottom : 10px solid transparent;
border-right : 10px solid #005074;
}
div.both_ribbon::after {
display : block;
width : 10px;
height : 0;
position : absolute;
bottom : -10px;
right : -10px;
content : "";
border-bottom : 10px solid transparent;
border-left : 10px solid #005074;
}
.hits {
font-size : smaller;
text-align : right;
}
.wmd-preview {
border : silver solid 1px;
background-color : #faf9f5;
padding : 10px;
margin-bottom : 10px;
}
#citytitle {
font-size : 14px;
font-weight : 700;
}
#citytitle a {
color : #000;
text-decoration : none;
}
#citytitle a:hover {
color : #df971e;
text-decoration : none;
}
.flatnavsep {
font-weight : 700;
color : #df971e;
}
#city-filter {
font-size : 1.1em;
margin : 10px 0 20px;
}
#city-filter a {
padding : 0 2px;
}
#city-filter .selected {
background-color : #ffffe0;
padding : 0 2px;
}
#tiny_top_menu {
position : relative;
float : right;
padding : 0;
margin : 0;
}
#tiny_top_menu li {
margin : 0;
padding : 0;
display : inline;
font-size : 13px;
}
.dir-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.dir-col {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    box-sizing: border-box;
	width: 50%;
}

.dir-cat {
    border-bottom: 0px solid #ccc;
    padding: 15px;
    font-weight: 700;
}

.cat-header {
    display: flex;
    align-items: center;
	font-weight: 700;
font-size: 16px;
	
}

.cat-header img {
    margin-right: 10px;
}

.subcats .subcat {
    margin-top: 10px;
  margin-left: 45px;
}
.count {
  color: gray;
  font-size: 10px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .dir-col {
        width: 100%; /* Full width on tablets */
    }
}

@media (max-width: 480px) {
    .dir-container {
        display: block; /* Zmiana na block, aby elementy były w jednej kolumnie */
		 width: 100%; /* Upewnij się, że kontener ma 100% szerokości */
		  overflow: hidden;
    }
    .dir-col {
        width: 100%; /* Pełna szerokość na telefonach */
        display: block; /* Upewnij się, że jest to block */
		width: 100%;
    }
    .dir-cat {
        font-size: 20px;
        font-weight: 700;
        text-align: left;
        text-transform: none;
        margin: 0;
        padding-bottom: 5px;
    }
	.count {
  color: gray;
  font-size: 8px;
}
}
.titlekraje {
    text-align: left;
font-size: 16px;
color: #1b80e5;
font-family: 'Merriweather', serif;
margin: 20px 0;
font-weight: 600;
}
@media (max-width: 1150px) {
    /* Ukryj element na ekranach mniejszych niz 1100px */
    .hide-on-mobile {
        display: none !important; /* Ukryj elementy oznaczone klasa .hide-on-mobile */
    }
}

@media (max-width: 800px) {
    /* Ukryj element na ekranach mniejszych niz 900px */
    .hide-on-mobile2 {
        display: none !important; /* Ukryj elementy oznaczone klasa .hide-on-mobile2 */
    }
}
@media (max-width: 800px) {
    /* Ukryj element na ekranach mniejszych niz 900px */
    .hide-on-mobile3 {
        display: none !important; /* Ukryj elementy oznaczone klasa .hide-on-mobile2 */
    }
}
@media (max-width: 800px) {
    .show-on-mobile {
        display: block !important; /* Pokaz element na ekranach mniejszych niz 800px */
    }
}

@media (min-width: 801px) {
    .show-on-mobile {
        display: none !important; /* Ukryj element na ekranach wiekszych niz 800px */
    }
}
.top-title {
padding : 4px 0;
width : auto;
text-align : center;
color : #999;
background-color : #f0f5f7;
}
.info_bar {
background : url(images/spritesrepeat.webp) 0 -342px;
background-repeat : repeat-x;
height : 42px;
width : 52px;
padding-top : 12px;
}
.info_bar1 {
background : url(images/spritesrepeat.webp) 0 -342px;
background-repeat : repeat-x;
height : 42px;
width : 52px;
padding-top : 12px;
}
#newadbutton2 span {
display : none;
}
.tdimageform {
background : url(images/spritesrepeat.webp) 0 -270px;
background-repeat : repeat-x;
height : 42px;
padding-top : 12px;
}
.tdimageformll {
background : url(images/sprites.webp) -469px -205px no-repeat;
height : 42px;
}
.tdimageformr {
margin : -45px 1px 61px 701px;
}
#bookmarktitle {
font-size : 10px;
font-weight : 700;
}
#bookmarktitle a {
color : #000;
text-decoration : none;
}
#bookmarktitle a:hover {
color : #df971e;
text-decoration : none;
}
.bookmarkcell, .bookmarkcell td {
background-color : #fff;
font-size : 10px;
}
.bookmarkcellalt, .bookmarkcellalt td {
background-color : #fff;
font-size : 10px;
}
.bookmarkcell, .bookmarkcell td {
background : #FBFCF7;
font-size : 15px;
}
.bookmarkcellalt, .bookmarkcellalt td {
background : #FBFCF7;
font-size : 15px;
}
.savead {
cursor : pointer;
display : block;
vertical-align : middle;
font-weight : 700;
border : 0;
background-color : transparent;
text-indent : -9999px;
width : 17px;
height : 17px;
background-image : url(images/stars.png);
background-repeat : no-repeat;
background-position : 0 0;
}
.bookmarktext {
font-family : Georgia, serif;
font-size : 11px;
font-style : italic;
color : #f90;
}
div.demolayout {
width : auto;
margin : 0;
}
ul.demolayout {
list-style-type : none;
margin : 0;
padding : 0;
display : flex;
}
ul.demolayout li {
margin-right : 10px;
}
.tab {
border : #dfdfdf solid 1px;
padding : 0 0 15px;
}
ul.demolayout a:hover {
background : #fff;
}
ul.demolayout a.active {
background : #fff;
padding-bottom : 5px;
cursor : default;
color : #34a36c;
}
.tabs-container {
clear : left;
padding : 0;
}
.cloudTitle {
font-size : 12px;
font-weight : 700;
margin-bottom : 10px;
}
.cloudBalloon {
width : 750px;
height : 250px;
margin : 0 auto;
padding : 8px 2px;
background : url(images/spritesrepeat.webp) 0 -867px;
border : #666 dotted 1px;
}
.word {
font-family : Tahoma;
padding : 4px;
letter-spacing : 3px;
}
span.size1 {
color : #000;
font-size : 2.4em;
font-weight : 700;
}
span.size2 {
color : #333;
font-size : 2.2em;
font-weight : 700;
}
span.size3 {
color : #666;
font-size : 2em;
font-weight : 700;
}
span.size4 {
color : #606;
font-size : 1em;
font-weight : 700;
}
span.size5 {
color : #900;
font-size : 1.6em;
font-weight : 700;
}
span.size6 {
color : #003;
font-size : 1.4em;
font-weight : 700;
}
span.size7 {
color : #300;
font-weight : 700;
font-size : 1.2em;
}
span.size8 {
color : red;
font-size : 0.9em;
}
span.size9 {
color : #339;
font-size : 1.2em;
}
span.size0 {
color : #408000;
font-size : 0.7em;
}
.prev_next {
vertical-align : bottom;
}
.prev_next a {
color : #017cbb;
font-weight : 700;
text-decoration : none;
}
.prev_next a:hover {
color : #58af00;
font-weight : 700;
text-decoration : none;
}
.clear {
height : 10px;
clear : both;
}
.clear-left {
height : 10px;
clear : left;
}
.clear-right {
height : 10px;
clear : right;
}
.space {
height : 10px;
float : left;
}
.right {
float : right;
}
.shadow {
background : #FBFCF7;
border-left : 2px solid #fff;
border-radius : 15px;
box-shadow : 5px 5px 5px #a7a7ab;
width : auto;
}
.shadow_dodaj {
background : #FBFCF7;
border-left : 2px solid #fff;
border-radius : 15px;
box-shadow : 5px 5px 5px #a7a7ab;
width : auto;
}
.adcat1 {
font-size : 11px;
color : #000;
}
.underline-green {
border-top : 1px solid #7ce10e;
}

.popup {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-color : #00000080;
text-align : center;
z-index : 1;
}
.popup-content {
background-color : #fff;
width : 300px;
margin : 100px auto;
padding : 20px;
border : #ccc solid 1px;
border-radius : 5px;
}
.right-aligned {
float : right;
margin-right : 5px;
text-align : right;
}
table.ostatnio_dodane td {
padding : 0;
border-bottom : 1px solid #ddd;
height : 50px;
}
.srodek {
margin : 0 auto;
text-align : center;
}
#srodek {
margin : 0 auto;
text-align : center;
}
.cssButton, .cssButtonHover {
width : 20em;
background-color : #f4f4f4;
color : #000;
border : #f4f4f4 outset 2px;
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 1.5em;
text-align : center;
white-space : nowrap;
text-decoration : none;
font-weight : 700;
padding : 0.3em;
}
.cssButtonHover {
color : #616161;
border-style : inset;
text-decoration : none;
}
.button_submit {
width : 18em;
}
#pagerbg {
background : url(images/pagerbg.png) repeat-x #F5F5F5;
border-bottom : 1px solid #DDD;
border-right : 1px solid #DDD;
margin-top : 2px;
height : 20px;
width : 200%;
padding : 7px 0;
}
table.pagetable {
border : #bee55c solid 1px;
border-bottom : 1px solid #8ABA12;
border-right : 1px solid #8ABA12;
margin : 0 7px;
background-color : #fff;
float : right;
}
table.pagetable td {
background : url(images/buttons_bg.png) repeat-x #F5F5F5;
border-left : 1px solid #FFF;
border-right : 1px solid #DDD;
padding : 0 !important ;
}
table.pagetable a {
display : block;
}
table.pagetable a:hover {
display : block;
background : url(images/pagerbg.png) repeat-x #F5F5F5;
}
table.pagetable td.pagetable_activecell {
background : url(images/pagerbg.png) repeat-x #F5F5F5;
color : #8ABA12;
font-weight : 700;
padding : 2px 6px !important ;
border-right : 4px solid #8ABA12;
border-left : 4px solid #8ABA12;
border-bottom : 4px solid #8ABA12;
border-top : 4px solid #8ABA12;
}
table.pagetable td.pagetable_ellipses {
padding : 2px 8px !important ;
color : silver;
}
a.pagelink {
display : block;
text-decoration : none;
padding : 2px 6px;
}
a.pagelink_first {
display : block;
text-decoration : none;
padding : 2px 5px;
}
a.pagelink_prev {
display : block;
text-decoration : none;
padding : 2px 20px;
font-size : 12px;
}
a.pagelink_next {
display : block;
text-decoration : none;
padding : 2px 20px;
font-size : 12px;
}
a.pagelink_last {
display : block;
text-decoration : none;
padding : 2px 5px;
}
:focus {
outline : 0;
}
.contact_form h2, .contact_form label {
font-family : Georgia, Times, "Times New Roman", serif;
}
.form_hint, .required_notification {
font-size : 11px;
}
.contact_form ul {
width : 750px;
list-style-type : none;
list-style-position : outside;
margin : 0;
padding : 0;
}
.contact_form li {
padding : 12px;
border-bottom : 1px solid #eee;
position : relative;
}
.contact_form li:first-child, .contact_form li:last-child {
border-bottom : 1px solid #777;
}
.contact_form h2 {
margin : 0;
display : inline;
}
.required_notification {
color : #d45252;
margin : 5px 0 0;
display : inline;
float : right;
}
.contact_form label {
width : 150px;
margin-top : 3px;
display : inline-block;
float : left;
padding : 3px;
}
.contact_form input {
height : 30px;
width : 90%;
padding : 5px 8px;
}
.contact_form textarea {
padding : 8px;
width : 90%;
}
.contact_form button {
margin-left : 156px;
}
.contact_form input, .contact_form textarea {
border : #aaa solid 1px;
box-shadow : 0 0 3px #ccc, 0 10px 15px #eee inset;
border-radius : 2px;
padding-right : 30px;
transition : padding 0.25s;
font-size: 18px;
}
.contact_form input:focus, .contact_form textarea:focus {
background : #fff;
border : #555 solid 1px;
box-shadow : 0 0 3px #2D9C41;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
box-shadow : 0 0 5px #5cd053;
border-color : #28921f;
width : 90%;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
box-shadow : 0 0 5px #d45252;
border-color : #b03535;
}
.form_hint {
background : #d45252;
border-radius : 3px 3px 3px 3px;
color : #fff;
margin-left : 8px;
padding : 1px 6px;
z-index : 999;
position : absolute;
display : none;
}
.form_hint::before {
content : "\25C0";
color : #d45252;
position : absolute;
top : 1px;
left : -6px;
}
.contact_form input:focus + .form_hint {
display : inline;
}
.contact_form input:required:valid + .form_hint {
background : #28921f;
}
.contact_form input:required:valid + .form_hint::before {
color : #28921f;
}
button.submit {
background-color : #68b12f;
background : linear-gradient(to bottom, #68b12f, #50911e);
border : #509111 solid 1px;
border-bottom : 1px solid #5b992b;
border-radius : 3px;
box-shadow : 0 1px 0 0 #9fd574 inset;
color : #fff;
font-weight : 700;
padding : 6px 20px;
text-align : center;
text-shadow : 0 -1px 0 #396715;
cursor : pointer;
}
button.submit:hover {
opacity : 0.85;
}
button.submit:active {
border : #20911e solid 1px;
box-shadow : 0 0 10px 5px #356b0b inset;
}
#TB_window {
font : 12px Arial, Helvetica, sans-serif;
color : #333;
}
#TB_secondLine {
font : 10px Arial, Helvetica, sans-serif;
color : #fff;
}
#TB_window a {
color : #fff;
}
#TB_overlay {
position : fixed;
z-index : 100;
top : 0;
left : 0;
height : 100%;
width : 100%;
}
.TB_overlayMacFFBGHack {
background : url(thickbox/macFFBgHack.png) repeat;
}
.TB_overlayBG {
background-color : #000;
opacity : 0.75;
}
#TB_window {
position : fixed;
background : #fff;
z-index : 102;
display : none;
border : #525252 solid 4px;
text-align : left;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
}
#TB_window img#TB_Image {
display : block;
margin : 15px 0 0 15px;
border : #ccc solid 1px;
}
#TB_caption {
height : 25px;
padding : 7px 30px 10px 25px;
float : left;
}
#TB_closeWindow {
height : 25px;
padding : 11px 25px 10px 0;
float : right;
}
#TB_closeAjaxWindow {
padding : 7px 10px 5px 0;
margin-bottom : 1px;
text-align : right;
float : right;
}
#TB_ajaxWindowTitle {
float : left;
padding : 7px 0 5px 10px;
margin-bottom : 1px;
}
#TB_title {
background-color : #4682b4;
height : 27px;
}
#TB_ajaxContent {
clear : both;
padding : 2px 15px 15px;
overflow : auto;
text-align : left;
line-height : 1.4em;
}
#TB_ajaxContent.TB_modal {
padding : 15px;
}
#TB_ajaxContent p {
padding : 5px 0;
}
#TB_load {
position : fixed;
display : none;
height : 13px;
width : 208px;
z-index : 103;
top : 50%;
left : 50%;
margin : -6px 0 0 -104px;
}
* html #TB_load {
position : absolute;
}
#TB_HideSelect {
z-index : 99;
position : fixed;
top : 0;
left : 0;
background-color : #fff;
border : 0;
opacity : 0;
height : 100%;
width : 100%;
}
* html #TB_HideSelect {
position : absolute;
}
#TB_iframeContent {
clear : both;
border : 0;
margin-bottom : -1px;
margin-top : 1px;
}
body {
background : url(images/top_talling.gif) left top repeat-x #ede9e2;
}
td {
font-size : 14px;
}
.postheader .postarea {
font-size : 11px;
font-weight : 400;
background : #fff;
}
.post {
background : #FBFCF7;
padding : 3px;
border-top : 1px solid #FFF;
border-left : 1px solid #FFF;
border-radius : 10px;
color : #333;
margin-bottom : 10px;
}
.channel-box-grey {
background : #FBFCF7;
padding : 10px;
border-top : 1px solid #FFF;
border-left : 1px solid #FFF;
border-radius : 10px;
color : #333;
width : auto;
}
.channel-box-grey_dodaj {
background : #FBFCF7;
padding : 10px;
border-top : 1px solid #FFF;
border-left : 1px solid #FFF;
border-radius : 10px;
color : #333;
}
.channel-box-grey > p {
text-shadow : 0 1px 0 #fff;
width : auto;
}
.channel-box-indent {
border : #DDD solid 1px;
background : #FBFCF7;
padding : 10px;
border-radius : 2px;
box-shadow : 0 2px 3px #e7e7e7 inset;
width : auto;
}
.underline-green {
border-top : 1px solid #7ce10e;
}
.header_t {
height : 56px;
}
.user_menu ul {
list-style : none;
text-transform : capitalize;
font-family : Arial, Helvetica, sans-serif;
}
.user_menu li {
float : left;
display : block;
line-height : 16px;
font-size : 12px;
}
.user_menu li a {
display : block;
padding : 0 17px 3px;
text-decoration : none;
color : #222221;
}
.user_menu li.first a {
display : block;
padding : 0 17px 3px 0;
text-decoration : none;
color : #222221;
}
.user_menu li.first {
background : 0;
}
.user_menu li a:hover {
text-decoration : underline;
}
.menu_t {
background-color: #69b215;
width : auto;
border-radius : 7px;
}
.menu_t .inner4 {
width : auto;
height : 43px;
}
.user_menu2 ul {
list-style : none;
margin-top : 0;
text-transform : capitalize;
font-family : Arial, Helvetica, sans-serif;
font-weight : 400;
}
.user_menu2 li {
float : left;
background-color: #68b114;
display : block;
line-height : 18px;
font-size : 17px;
margin-top : 5px;
}
.user_menu2 li.first {
background : 0;
}
.user_menu2 li.first a {
display : block;
padding : 12px 35px 13px 36px;
text-decoration : none;
color : #fff;
}
.footer_t {
background-color: #e2dcce;
min-height : 83px;
height : 83px;
color : #616161;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-align : right;
}
.footer_t a {
text-decoration : none;
}
.footer_t span a {
text-decoration : none;
font-weight : 700;
}
.footer_t a:hover {
text-decoration : underline;
}
.txt1 {
color : #589d09;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
line-height : 18px;
}
.banner-menu img.logo {
border : currentColor none medium;
margin : 0;
}
.adpreview1 {
font-size : 8px;
color : gray;
}
.adpreview2 {
font-size : 12px;
color : blue;
}
.lewa {
margin : -5px auto;
text-align : left;
}
#lewa {
margin : -5px auto;
text-align : left;
}
.modalshow {
display : none;
position : fixed;
z-index : 1;
padding-top : 60px;
left : 0;
top : 0;
width : 100%;
height : 100%;
overflow : auto;
background-color : #000;
}
.modal-content {
margin : auto;
display : block;
width : 80%;
max-width : 700px;
animation-name : zoom;
animation-duration : 0.6s;
}
@keyframes zoom {
from {
transform : scale(0.1);
}
to {
transform : scale(1);
}
}
.closeshow {
position : absolute;
top : 15px;
right : 35px;
color : #f1f1f1;
font-size : 40px;
font-weight : 700;
transition : 0.3s;
}
.closeshow:hover, .closeshow:focus {
color : #bbb;
text-decoration : none;
cursor : pointer;
}
table.dir_cat .subcount {
text-decoration : none;
font-weight : 400;
font-style : normal;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
margin : 0;
padding : 0;
line-height : normal;
}
.postpreview {
display : block;
font-size : 12px;
color : gray;
}
.myButton {
box-shadow : 0 1px 0 0 #fff inset;
background : linear-gradient(to bottom, #fff 5%, #f6f6f6 100%);
background-color : #fff;
border-radius : 6px;
border : #dcdcdc solid 1px;
display : inline-block;
cursor : pointer;
color : #666;
font-family : Arial;
font-size : 15px;
font-weight : 700;
padding : 2px 30px;
text-decoration : none;
text-shadow : 0 1px 0 #fff;
}
.myButton:hover {
background : linear-gradient(to bottom, #f6f6f6 5%, #fff 100%);
background-color : #f6f6f6;
}
.myButton:active {
position : relative;
top : 1px;
}
.titleblack {
color : #191a1c;
font-family : "Quicksand";
font-style : normal;
font-weight : 700;
font-size : 16px;
line-height : 1.4;
}
.titlegreen {
color : #1b80e5;
font-family: 'Open Sans', Arial, sans-serif; 
font-style : normal;
font-weight : 700;
font-size : 18px;
line-height : 1.4;
}
.titledata {
color : #1b80e5;
font-family: 'Open Sans', Arial, sans-serif; 
font-style : normal;
font-weight : 500;
font-size : 12px;
line-height : 1.4;
}
.modal {
display : none;
position : fixed;
z-index : 1;
left : 0;
top : 0;
width : 100%;
height : 100%;
overflow : auto;
background-color : #000;
padding-top : 60px;
}
.close {
color : #aaa;
float : right;
font-size : 28px;
font-weight : 700;
}
.close:hover, .close:focus {
color : #000;
text-decoration : none;
cursor : pointer;
}
.edytuj {
background : #EEE;
border-bottom : 0 none currentColor;
border-left : 1px solid #DFDFDF;
border-right : 1px solid #DFDFDF;
border-top : 1px solid #DFDFDF;
margin : 0 7px 0 0;
color : #4C70D4;
display : block;
float : left;
font-weight : 400;
padding : 5px 10px;
text-decoration : none;
font-size : 14px;
}
ul.demolayout a {
float : left;
display : block;
padding : 5px 20px;
border : #dfdfdf solid 1px;
border-bottom : 0;
color : #4c70d4;
background : #eee;
text-decoration : none;
font-weight : 400;
}
.titleblue {
color : #1b80e5;
font-family: 'Merriweather', serif;
font-size: 18px;
font-style : normal;
font-weight : 700;
line-height : 1.4;
}
.titlebluea {
color : #1b80e5;
font-family: 'Merriweather', serif;
font-style : normal;
font-weight : 700;
font-size : 18px;
line-height : 1.4;
}
#breadcrumb {
font : 15px Arial, Helvetica, sans-serif;
font-weight : 400;
line-height : normal;
text-decoration : none;
background : #FBFCF7;
background-repeat : repeat;
height : 20px;
color : #359e05;
border : #cacaca solid 0;
width : 100%;
overflow : hidden;
margin : 1px 1px -10px 11px;
padding : 1px 1px 11px;
}
#breadcrumb li {
list-style-type : none;
padding-left : 5px;
display : inline-block;
float : left;
}
#breadcrumb a {
display : inline-block;
background-image : url(images/bc_separator.gif);
background-repeat : no-repeat;
background-position : right;
padding-right : 15px;
text-decoration : none;
color : #333;
outline : 0;
font-size: 15px;
font-weight: 600;
}
.home {
border : 0;
margin : 7px 0;
}
#breadcrumb a:hover {
color : #359e05;
font-size : 15px;
}
.modal-content {
background-color : #fefefe;
margin : 5% auto;
padding : 20px;
border : #888 solid 1px;
width : 50%;
}
.search_box {
padding-top : 1px;
}
.search {
padding-left : 1%;
display : flex;
align-items : center;
margin : auto;
width : auto;
height : 34px;
background-color : #f4f4f1;
border-radius : 25px;
box-shadow : 0 10px 38px 0 #0000001a;
}
.select_area {
color : #4451FE;
display : flex;
align-items : center;
font-family : 'Roboto', sans-serif;
line-height : 2px;
padding-left : 25%;
}
.text {
padding-left : 15px;
}
.line {
margin-left : 15px;
border-left : 1px solid #D8D8D8;
height : 40px;
}
.search_text {
width : 70%;
border : none;
margin-left : 15px;
font-size : 16px;
font-family : 'Roboto', sans-serif;
line-height : 24px;
}
.text_and-icon {
width : 410px;
display : flex;
align-items : center;
}
.search_icon {
color : #5E6573;
transition : all 0.6s ease-in-out;
}
.search_text:focus {
outline : none !important ;
}
.search_text:focus + .search_icon {
color : #4451FE;
transform : translate(55px,0);
}
.category-column {
width : 180px;
float : left;
margin : 0 8px;
border-top : 0;
}
.category-column ul {
margin : 0;
padding-left : 0;
}
.category-column ul li {
padding : 0;
color : #6c0;
list-style : none;
}
.category-column ul li:before {
content : "\00BB \0020";
}
.custom-button {
width : 200px;
height : 50px;
display : block;
margin : 0 auto;
background-color : #1B7EE7;
color : #fff;
border : none;
border-radius : 5px;
font-size : 16px;
cursor : pointer;
}
.custom-button:hover {
background-color : #77C122;
}
#openModalBtn {
background-color : #1B7EE7;
color : #fff;
padding : 15px 20px;
border : none;
cursor : pointer;
font-size : 16px;
display : block;
margin : 0 auto;
border-radius : 5px;
width : 200px;
height : 50px;
}
#openModalBtn:hover {
background-color : #77C122;
}
.custom-modal {
display : none;
position : fixed;
z-index : 1;
left : 0;
top : 0;
width : 100%;
height : 100%;
overflow : auto;
background-color : #00000080;
}
.custom-modal-content {
background-color : #fefefe;
margin : 5% auto;
padding : 20px;
border : #888 solid 1px;
width : 100%;
max-width : 800px;
box-shadow : 0 5px 15px #0000004d;
border-radius : 10px;
}
.closeBtn {
color : #aaa;
float : right;
font-size : 28px;
font-weight : 700;
}
.closeBtn:hover, .closeBtn:focus {
color : #000;
text-decoration : none;
cursor : pointer;
}
.tresc-container {
width : 800px;
height : 100px;
position : relative;
margin : 0 auto;
}
@media (max-width: 1210px) {
#wrapper {
width : auto;
padding : 0 20px;
}
table.dir_cat th {
font-size : 20px;
font-weight : 700;
text-align : left;
text-transform : none;
margin : 0;
padding-bottom : 5px;
}
table.dir_cat .count {
color : #999;
font-size : 10px;
}
table.dir_cat th .count {
color : gray;
font-size : 10px;
}
table.dir {
background : #FBFCF7;
padding : 3px;
border-top : 1px solid #FFF;
border-left : 1px solid #FFF;
border-radius : 10px;
color : #333;
margin-bottom : 10px;
width : 100%;
}
table.dir_cat th {
font-size : 17px;
font-weight : 700;
text-align : left;
text-transform : none;
margin : 0;
padding-bottom : 5px;
}
table.dir_cat .count {
color : #999;
font-size : 10px;
}
table.dir_cat th .count {
color : gray;
font-size : 10px;
}
th {
font-size : 12px;
text-align : left;
}
#breadcrumb {
font : 18px Arial, Helvetica, sans-serif;
font-weight : 700;
text-decoration : none;
background : #FBFCF7;
background-repeat : repeat-x;
height : 20px;
line-height : 20px;
color : #359e05;
border : #cacaca solid 0;
width : 100%;
overflow : hidden;
margin : -15px;
padding : 5px;
}
#breadcrumb li {
list-style-type : none;
padding-left : 5px;
display : inline-block;
float : left;
}
#breadcrumb a {
display : inline-block;
background-image : url(images/bc_separator.gif);
background-repeat : no-repeat;
background-position : right;
padding-right : 15px;
text-decoration : none;
color : #333;
outline : 0;
}
.home {
border : 0;
margin : 7px 0;
}
#breadcrumb a:hover {
color : #359e05;
font-size : 18px;
}
.user_menu2 li a:hover {
text-decoration : none;
color : #fff;
display : block;
background : url(images/spritesrepeat.webp) 0 -99px;
}
.adpreview {
display : block;
font-size : 12px;
color : gray;
}
.titleblue {
color : #1b80e5;
font-family: 'Open Sans', Arial, sans-serif; 
font-style : normal;
font-weight : 700;
font-size : 17px;
line-height : 1.4;
}
ul.demolayout a {
float : left;
display : block;
padding : 5px 20px;
border : #dfdfdf solid 1px;
border-bottom : 0;
color : #4c70d4;
background : #eee;
text-decoration : none;
font-weight : 700;
}
.edytuj {
background : #EEE;
border-bottom : 0 none currentColor;
border-left : 1px solid #DFDFDF;
border-right : 1px solid #DFDFDF;
border-top : 1px solid #DFDFDF;
margin : 0 7px 0 0;
color : #4C70D4;
display : block;
float : left;
font-weight : 700;
padding : 5px 10px;
text-decoration : none;
font-size : 12px;
}
.modal-content {
background-color : #fefefe;
margin : 5% auto;
padding : 20px;
border : #888 solid 1px;
width : 50%;
}
.category-column {
width : 180px;
float : left;
margin : 0 8px;
border-top : 0;
}
.category-column ul {
margin : 0;
padding-left : 0;
}
.category-column ul li {
padding : 0;
color : #6c0;
list-style : none;
}
.category-column ul li:before {
content : "\00BB \0020";
}
}
@media (max-width: 1024px) {
#wrapper {
width : auto;
padding : 0;
}
body {
font-size : 10px;
}
h1 {
font-size : 14pt;
}
h4 {
    margin: 0;
    padding: 0;
    line-height: normal; /* Consider using a numeric value */
    font-family: Arial, sans-serif;
    font-weight: 400;
    display: inline; /* Consider if this is necessary */
    font-size: 15px;
    color: #039;
    text-decoration: none;
}

h4 a {
    font-weight: 400;
    text-decoration: none;
}

h4 a:hover {
    color: #039;
    text-decoration: none;
}
h2 {
    margin: 0;
    padding: 0;
    line-height: normal; /* Consider using a numeric value */
    font-family: Arial, sans-serif;
    font-weight: 400;
    display: inline; /* Consider if this is necessary */
    color: #039;
    font-size: 15px;
}

h2 a {
    font-weight: 400;
    text-decoration: none;
}

h2 a:hover {
    color: #333;
    text-decoration: none;
}
h3 {
    margin: 0;
    padding: 0;
    line-height: normal; /* Consider using a numeric value */
    font-family: Arial, sans-serif;
    font-weight: 700;
    display: inline; /* Consider if this is necessary */
    color: #039;
    font-size: 18px;
}

h3 a {
    font-weight: 700;
    text-decoration: none;
}

h3 a:hover {
    color: #039;
    text-decoration: none;
}
h5 {
font-size : 14px;
}
h6 {
font-size : 14px;
}
#sidebar_left, #sidebar_right {
display : none;
}
#content {
padding : 0;
}
table.dir, table.postlisting {
width : 50%;
}
.postheader .posttitle {
font-size : 12px;
}
.postheader .postarea {
font-size : 9px;
}
.image-container {
display : flex;
justify-content : center;
}
.tresc-mobile {
max-width : 100%;
height : auto;
overflow : hidden;
box-sizing : border-box;
}
.centered-image {
display : block;
margin : auto;
}
div.demolayout {
width : auto;
margin : 0;
}
ul.demolayout {
list-style-type : none;
float : none;
margin : 0;
padding : 0;
}
ul.demolayout li {
float : left;
}
.latestposts a {
color : #039;
font-family : Times;
font-weight : 400;
text-decoration : none;
font-size : 18px;
}
.latestposts a:hover {
color : #039;
font-family : Times;
font-weight : 400;
text-decoration : none;
font-size : 18px;
}
.titledata {
color : #1b80e5;
font-family: 'Open Sans', Arial, sans-serif; 
font-style : normal;
font-weight : 500;
font-size : 10px;
line-height : 1.4;
}
.dir_column {
width : 100%;
padding-top : 10px;
padding-bottom : 10px;
display : block;
}
table.dir_cat th {
font-size : 12pt;
font-weight : 700;
}
.dir_cat td {
font-size : 10pt;
padding : 10px 5px;
}
.catlist .cat, .catlist .subcat {
padding-top : 5px;
padding-bottom : 5px;
}
.catlist .cat a {
font-size : 11pt;
font-weight : 400;
}
.catlist .subcat a {
font-size : 10pt;
}
.shadow {
background : #FBFCF7;
border-left : 2px solid #fff;
border-radius : 15px;
box-shadow : 5px 5px 5px #a7a7ab;
width : auto;
max-width : 99%;
}
.shadow_dodaj {
background : #FBFCF7;
border-left : 2px solid #fff;
border-radius : 15px;
box-shadow : 5px 5px 5px #a7a7ab;
width : auto;
max-width : 99%;
}
.channel-box-grey {
background : #FBFCF7;
padding : 10px;
border-top : 1px solid #FFF;
border-left : 1px solid #FFF;
border-radius : 10px;
color : #333;
width : auto;
}
.channel-box-grey_dodaj {
background : #FBFCF7;
padding : 10px;
border-top : 1px solid #FFF;
border-left : 1px solid #FFF;
border-radius : 10px;
color : #333;
}
.channel-box-grey > p {
text-shadow : 0 1px 0 #fff;
width : auto;
}
.channel-box-indent {
border : #DDD solid 1px;
background : #FBFCF7;
border-radius : 2px;
box-shadow : 0 2px 3px #e7e7e7 inset;
width : auto;
}
#header, #footer, #path {
padding : 0;
}
.buttons td {
font-size : 10px;
padding : 5px;
}
#content {
width : 50%;
}
table.searchbox, .eventnav {
width : 100%;
font-size : 10px;
}
table.dir, table.postlisting {
width : 100%;
}
#sidebar_left, #sidebar_right {
display : none;
}
#sidebar_right_cities {
display : none;
}
.hide {
display : none;
}
.user_menu2 li a {
display : inline;
text-decoration : none;
color : #fff;
}
.user_menu2 li {
float : left;
background : url(images/user_menu_bg2.gif) 0 0 no-repeat;
display : block;
line-height : 18px;
font-size : 15px;
margin : 10px 1px -2px -35px;
}
#breadcrumb {
font : 12px Arial, Helvetica, sans-serif;
font-weight : 700;
text-decoration : none;
background : #FBFCF7;
background-repeat : repeat-x;
height : 30px;
line-height : 30px;
color : #359e05;
border : #cacaca solid 0;
width : 100%;
overflow : hidden;
margin : 1px 1px -4px 0;
padding : 1px 1px 1px 5px;
}
#breadcrumb li {
list-style-type : none;
padding-left : 5px;
display : inline-block;
float : left;
}
#breadcrumb a {
display : inline-block;
background-image : url(images/bc_separator.gif);
background-repeat : no-repeat;
background-position : right;
padding-right : 15px;
text-decoration : none;
color : #333;
outline : 0;
}
.home {
border : 0;
margin : 7px 0;
}
#breadcrumb a:hover {
color : #359e05;
font-size : 12px;
}
.category-column {
float : left;
margin : 0 8px;
border-top : 0;
}
.category-column ul {
margin : 0;
padding-left : 0;
}
.category-column ul li {
padding : 5px 1px 8px;
color : #6c0;
list-style : none;
font-size : 1px;
}
.category-column ul li:before {
content : "\00BB \0020";
}
.user_menu2 li a:hover {
text-decoration : none;
color : #fff;
display : inline;
background : url(images/spritesrepeat.webp) 0 -99px;
}
.adpreview {
display : block;
font-size : 12px;
color : gray;
}
.titleblue {
color : #1b80e5;
font-family: 'Merriweather', serif;
font-style : normal;
font-weight : 700;
font-size : 18px;
line-height : 1.4;
}
ul.demolayout a {
float : left;
display : block;
padding : 5px 20px;
border : #dfdfdf solid 1px;
border-bottom : 0;
color : #4c70d4;
background : #eee;
text-decoration : none;
font-weight : 400;
font-size : 12px;
}
.edytuj {
background : #EEE;
border-bottom : 0 none currentColor;
border-left : 1px solid #DFDFDF;
border-right : 1px solid #DFDFDF;
border-top : 1px solid #DFDFDF;
margin : 0 7px 0 0;
color : #4C70D4;
display : block;
float : left;
font-weight : 400;
padding : 5px 10px;
text-decoration : none;
font-size : 12px;
}
.modal-content {
background-color : #fefefe;
margin : 5% auto;
padding : 20px;
border : #888 solid 1px;
width : 80%;
}
.sidebar {
height : 100%;
width : 0;
position : fixed;
z-index : 1;
top : 0;
left : 0;
background-color : #f0f0f0;
overflow-x : hidden;
transition : 0.5s;
padding-top : 60px;
}
.sidebar a {
padding : 8px 8px 8px 32px;
text-decoration : none;
font-size : 18px;
color : #4f6cdf;
display : block;
transition : 0.3s;
}
.sidebar a:hover {
color : #4f6cdf;
}
.sidebar .closebtn {
position : absolute;
top : 0;
right : 25px;
font-size : 36px;
margin-left : 50px;
}
.openbtn {
cursor : pointer;
color : #fff;
padding : 10px 15px;
border : none;
}
.ribbon {
color : #fff;
margin : 15px 0 10px;
position : relative;
background : #3993ecd4;
border : #0000004d solid 1px;
box-shadow : 0 1px 3px #0003;
padding : 1px;
clear : both;
}
div.both_ribbon {
text-align : center;
color : #fff;
width : auto;
margin-left : -40px;
margin-right : -37px;
font-size : 10px;
}
div.both_ribbon::before {
display : block;
width : 10px;
height : 0;
position : absolute;
bottom : -10px;
left : -11px;
content : "";
border-bottom : 10px solid transparent;
border-right : 10px solid #005074;
}
div.both_ribbon::after {
display : block;
width : 10px;
height : 0;
position : absolute;
bottom : -10px;
right : -10px;
content : "";
border-bottom : 10px solid transparent;
border-left : 10px solid #005074;
}
.search_box {
padding-top : 1px;
}
.search {
padding-left : 1%;
display : flex;
align-items : center;
margin : auto;
width : auto;
height : 34px;
background-color : #f4f4f1;
border-radius : 25px;
box-shadow : 0 10px 38px 0 #0000001a;
}
.select_area {
color : #4451FE;
display : flex;
align-items : center;
font-family : 'Roboto', sans-serif;
line-height : 2px;
width : 17%;
padding-left : 2%;
}
.text {
padding-left : 15px;
}
.line {
margin-left : 15px;
border-left : 1px solid #D8D8D8;
height : 40px;
}
.search_text {
width : 70%;
border : none;
margin-left : 15px;
font-size : 16px;
font-family : 'Roboto', sans-serif;
line-height : 24px;
}
.text_and-icon {
width : 410px;
display : flex;
align-items : center;
}
.search_icon {
color : #5E6573;
transition : all 0.6s ease-in-out;
}
.search_text:focus {
outline : none !important ;
}
.search_text:focus + .search_icon {
color : #4451FE;
transform : translate(55px,0);
}
.center {
text-align : center;
}
}