/* -- DECLARATIONS -------------------------------------------------- */
body {  
    margin:0px auto;
    padding:0 2%;
    text-align:center;
    background:#EAEAEA;
}

body { 
    /*font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif; */
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, Helvetica, Sans-Serif; 
    font-size:small;
    color:#79715E;
}

* html body	{
    font-size: x-small; /* dla IE5/Win */
    f\ont-size:small; /* dla innych wersji IE */
}


/* -- DEKLARACJE OGOLNE ----------------------------------------------------------------------------------------------------------- */
a img {border:none;background:none;}
img {}
button, label {cursor:pointer}
b, strong {font-weight:bold;}
form {margin:0;}
p  {margin: 0; padding: 0}
ul { padding: 4px 2px }
ul, li { margin: 0; padding: 0; list-style: none }
li a { padding: 4px ; text-decoration: none }
ol {}
ol li {}
hr {}
input, select, textarea {border-top: 1px solid #E4EAF0;
                         border-left: 1px solid #E4EAF0;
                         border-right: 1px solid #efefef;
                         border-bottom: 1px solid #efefef;
                         background-color: #F2F5FB;
                         color: #7B7566;
                         /* border: 1px solid #EFEFF1; */
                         padding: 8px;
                         /* box-shadow: 1px -1px 3px #000; */
                         /* box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.10); */}
input.radio {border:0;background:none}
input.checkbox {border:0;background:none;width:25px}
h1 {font-size: 18px;text-shadow: 0 0 0.5px #999;}
h2 {font-size: 16px;text-shadow: 0 0 0.5px #999;}
h3 {text-shadow: 0 0 0.5px #999;}
h4 {text-shadow: 0 0 0.5px #999;}
h5 {text-shadow: 0 0 0.5px #999;}
h6 {text-shadow: 0 0 0.5px #999;}
small {
    color:#000;
}

.margin0 { margin:0px !important; }
.grid .content {
    position: relative;
    background: #fff;
    min-height: 250px;
    margin-bottom: 20px;
    padding:14px; 
    overflow: hidden;
}

.grid .ga250 {
    margin-left: -1px;
}


.grid .content h2 {margin:10px 0px 10px 0px;}
.grid .content div img { width:50px; height:50px; }
.grid .content .timeago {background: url(https://dojrzewamy.pl/devel/img/clock_mini.png) 0px 0px no-repeat;
                         padding-left: 20px;
                         margin-left: 10px;
                         position: absolute;
                         left: 65px;
                         top: 40px;}
.grid .content .user {background: url(https://dojrzewamy.pl/devel/img/user_mini.png) 0px 0px no-repeat;
                      padding-left: 20px;
                      margin-left: 10px;
                      /* float: left; */
                      /* display: block; */
                      position: absolute;
                      top: 19px;
                      left: 65px;}
.grid .content .rating {content: '';
                        line-height: 0;
                        font-size: 0;
                        width: 0;
                        height: 0;
                        border-top: 50px solid #E87352;
                        border-bottom: 0px solid transparent;
                        border-left: 50px solid transparent;
                        border-right: 0px solid transparent;
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        color: #fff;}
.grid .content .rating span {position: relative;
                             top: -33px;
                             right: 17px;
                             color: #fff;
                             display: block;
                             width: 30px;
                             height: 30px;
                             font-size: 11px;
                             line-height: 0;}
.grid .content .answers {background: #666666;
                         padding: 2px 12px;
                         color: #fff;
                         position: absolute;
                         right: 25px;
                         top: 40px;min-width: 37px;}
.grid .content .answers:before {content: '';
                                line-height: 0;
                                font-size: 0;
                                width: 0;
                                height: 0;
                                border-top: 14px solid #666;
                                border-bottom: 0px solid transparent;
                                border-left: 2px solid transparent;
                                border-right: 23px solid transparent;
                                position: absolute;
                                top: 18px;
                                left: 8px;}
h1.nag {background: #D94310;height:36px;vertical-align:middle;color:#FFF;font-size:12px;padding:0;margin:0;margin-right: 19px;}
h1.nag img {display:inline;float:left}
h1.nag span {vertical-align:middle;float:left;padding:6px 10px 0;font-size: 20px;}
h1.nag span a:hover { color:#000;}
h1.nag span a {font-size: 12px;
               line-height: 4px;
               /* padding: 10px 10px 0px; */
               vertical-align: middle;}
h1.nag a { color: #fff;}
h1.nag2 {

    font-size: 12px;
    padding: 0;
    margin: 0;}
h1.nag2 span {}

h1.nag3 {background: #E0440E url(/img/new_h1_bg3.gif) repeat-x top left;height:36px;vertical-align:middle;color:#FFF;font-size:12px;padding:0;margin:0;}
h1.nag3 span {vertical-align:middle;float:left;padding:10px 10px 0}

h1.nag4 {background: #E0D3B5 url(/img/new_h1_bg4.gif) repeat-x top left;height:36px;vertical-align:middle;color:#FFF;font-size:12px;padding:0;margin:0;}
h1.nag4 img, h1.nag4 span, h1.nag4 a {display:inline;float:left}
h1.nag4 span {vertical-align:middle;float:left;padding:10px 10px 0;color:#79715E}
h1.nag4 a:link, h1.nag4 a:visited {color:#79715E;}
h1.nag4 a:hover {color:#4F493C}

.nag .left, .nag .right {
    position: relative;
    height: 36px;
    width: 45px;
    background: #D94310;
    float: left;
    line-height: 31px;
    text-indent: 14px;
    font-size: 28px;
    z-index:999;
}

.nag .left:after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 36px solid #D94310;
    border-bottom: 50px solid transparent;
    border-left: 0px solid transparent;
    border-right: 50px solid transparent;
    position: absolute;
    top: 0;
    right: -50px;
    z-index: -8;
}

.nag .right {
    margin-left: 50px;
    width: 50px;
    background: #B9390D;
}

.nag .right:before {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 36px solid #B9390D;
    border-left: 50px solid transparent;
    border-right: 0px solid #000;
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: -8;
}
.nag .right:after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 36px solid #B9390D;
    border-bottom: 50px solid transparent;
    border-left: 0px solid transparent;
    border-right: 50px solid transparent;
    position: absolute;
    top: 0;
    right: -50px;
    z-index: -8;
}

.left.dark {
    background: #B9390D;
    width: 56%;

}
.left.dark:after {
    border-top:36px solid #B9390D;
}
.left.dark span {font-size: 16px;
                 line-height: 24px;}
.nag .left a, .nag .right a {
    color: #fff !important;
    display: block;
}
.nag .left a:hover, .nag .right a:hover {
    color:#000 !important;
}

.nag .center {
    text-indent: 40px;
}

/* -- WSPOLNE BLOKI   ---------------------------------------------------------------------------------------------------- */

div#menu { margin-right: 19px;
           margin-bottom: 8px;
           height: 35px;
           overflow: hidden;
           /* margin: 4px 0 0 15px; */
           /* padding: 0px; */
           /* float: left; */
           /* clear: both; */
           background: #2DA5DA;}


div.submenu {display: none; position: absolute; top: 52px; left: 135px; z-index: 501;  }
div.submenu .submenu_bg {background: #1A86B5; margin-top: 9px; text-align: left;  width: 150px; }
div.submenu a { color: #fff;
                margin-bottom: 5px;
                display: block;
                padding: 2px 4px 2px;}
div.submenu a:hover { color: #fff; text-decoration: none; background: #000;}


div#topHeader {padding: 0% 0%;
               width: 104%;
               background: #fff;
               margin: 0px 2% 0px -2%;
               float: left;
               text-align: left;
               height: 63px;}
div#topHeader .center {
    width:96%; margin:0px auto;
}

div#topHeader .logo {padding-right: 25px;}
div#topHeader .logo, div#topHeader .google {
    position: relative;
    background: #fff;
    float: left;
    z-index:999;
}
div#topHeader .google {
    background: #F2F5FB;
    margin-left: 60px;
    width: 400px;
    height: 63px;
}
div#topHeader .google:before {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 63px solid #F2F5FB;
    border-left: 116px solid transparent;
    border-right: 0px solid #000;
    position: absolute;
    top: -50px;
    left: -116px;
    z-index: -8;
}

div#topHeader .formLog {float:right;text-align:right;width:40%}
div#topHeader .formLog .logging .avatar img {width: 63px;
                                             position: absolute;
                                             top: 0px;
                                             right: 33px;}

div#topHeader .formLog .logging .button {
    right:70px;
    padding:5px;
    height:28px !important;
    margin-top: 2px;
}
div#topHeader .formLog .logging .button:before {
    z-index: 1;
    border-top: 50px solid transparent;
    border-bottom: 28px solid #4285F4;
    border-left: 37px solid transparent;
    left: -37px;
}
div#topHeader .formLog .logging .button:hover {
    background: rgba(66,133,244,0.5);
}
div#topHeader .formLog .logging .button:hover:before {
    border-bottom: 28px solid #A0C1F9;
}
div#topHeader .formLog .logging span {font-weight:bold;margin-right: 100px;}
div#topHeader .formLog .count {padding-top:8px;display:block;margin-right: 72px;}
div#content {background: transparent;
             margin: 0px auto;
             /* float: left; */
             text-align: left;
             padding: 0;
             display: block;
             width: 100%;
             /* padding: 1% 2% 2%; */
             position: relative;
             float: left;}

div#topMenu {margin: 8px 0;background: #3B9DC4 url('/img/new_navi_bg.gif') repeat-x top left;float:left;width:100%;position:relative}
#column1 div#topMenu {width: 98.5%;}
div#topMenu ul#navi1 {float:left;}
ul#navi1 li.navi1 {display: inline; float:left; border-right: 1px solid #38BCE2 ; font-weight: bold }
ul#navi1 li.last {border:none}
a:link.navi1, a:visited.navi1 {color: #FFF ; text-decoration: none;padding:8px;background: #3B9DC4 url('/img/new_navi_bg.gif') repeat-x top left;float:left  }
a:hover.navi1 {background:#227AAB url(/img/new_navi_bg_over.gif) repeat-x top left;color: #FFF }

ul#navi2  {border-top: 1px solid #EAEAEA; background: #3B9DC4; color: #fff;}
ul#navi2  li.navi2 {float:left;padding:6px 5px; font-size: 13px }
ul#navi2 .hr {float:left;padding:6px 5px; font-size: 13px }
a:link.navi2, a:visited.navi2 {color:#fff; text-decoration: none;padding:8px 5px;background:none;font-weight:normal;}
a:hover.navi2 {background:#43AFD9;color:#fff; padding:4px 5px; }

div#footer {padding: 1% 2%; width: 96%;margin:0;float: left;text-align:center;}
div#footer a {color:#006299;text-decoration:none}


#column1 {float:left;width:79%;margin-right:0%}
#column2 {float: right;
          width: 20.5%;}
#column2 .grid {min-width: 0; background: #fff; margin-bottom: 10px; padding: 14px;}
#column2 h1.nag,#content #profile h1.nag, #user h1.nag {margin-right: 0px;}
#column3 {float:left;width:18%;margin-right:1%}

/* -- glowna ----------------------------------------------------------------------------------------------------------------------- */

#content #column1 div#zaj {margin-right: 19px}
div#zaj {background: #fff; margin-bottom: 10px;}
div#zaj a {}
div#zaj img {width: 300px;
             margin-top: 12px;}
div#zaj .grid .content {padding: 0px; margin: 0px;}
div#zaj [class*='col-'] { padding:0px;}
.showThread div#zaj {margin: 0px; margin-bottom: 10px;}
ul#tags li a { color: #069; font-size: 12px ; display: inline}
ul#tags li a.l1 { font-size: 14px }
ul#tags li a.l2 { font-size: 16px }
ul#tags li a.l3 { font-size: 18px }
ul#tags li a.l4 { font-size: 20px }
ul#tags li a.l5 { font-size: 24px }
ul#tags { margin: 10px 0; background: #fff; padding: 10px; }
ul#tags li {display: inline; margin: 10px 0}


/* -- podstrony ----------------------------------------------------------------------------------------------------------------------- */
h2.path {margin:0;padding:0;color:#963008}

#topHeader2 {float:left;width:100%;margin-bottom:20px}
#topHeader2 #column {float:left;width:49%;}
#topHeader2 #column #search {float:left;width:100%;margin-bottom:10px}
#topHeader2 #column .buttonsPO {clear:both;float:left;width:100%;}
#topHeader2 #zaj {float:right;width:49%;margin:0}
#topHeader2 div#zaj img {margin: 0 auto;padding:0 0.5% 0.5%}



#questionList {float:left;background-color:transparent;padding:0%;width:100%;margin-bottom:0px}
#questionList .buttonLook {float:right;position: relative;top: 37px;}
#questionList .buttonLook2 {float: right;
                            position: relative;
                            top: 0px;
                            right: 15px;
                            margin-bottom: 10px;}
#questionList .buttonLook a {float:right;color:#3892BA;text-decoration:none; margin-top:10px;}
#questionList .row {float:left;width:100%;border-bottom:1px solid #E1DECF;margin:5px 0}
#questionList .row .count {height:58px;float:left;background:url(/img/new_count_bg.gif) no-repeat top left;width:12%}
#questionList .row .countnull {height:58px;float:left;background:url(/img/new_count_bg0.gif) no-repeat top left;width:12%}
#questionList .row .info {float:right;width:85%;color:#79715E;font-size:12px}
#questionList .row .countLicz {color:#FFF;font-size:30px;width:60px;text-align:center;float:left}
#questionList .row .countGl {clear:both;color:#FFF;font-size:14px;width:60px;text-align:center;padding-top:2px;float:left}
#questionList .row h2 {font-size:12px;color:#288EC7;margin:3px 0 8px;padding:0}
#questionList .row .date {font-size:11px}
#questionList .row .user {font-weight:bold;font-size:11px}



#search {width:350px;margin-left: 28px;
         margin-top: 4px;}
#search form {margin:0px;padding:0; position: relative;}
#search form input {border:0px solid #EE8E76 !important; color:#fff !important;}
#search form input:hover {border:0px;}
#search form .search_in {padding: 7px !important;
                         background: #fff !important;
                         color: #333 !important;
                         width: 100%;}
#search form .button2 {position: absolute;
                       left: 298px;
                       background: rgba(66,133,244,0.5);
                       top: 2px;
                       padding: 5px;
                       cursor: pointer;}

#search form .button2:before {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 63px solid #F2F5FB;
    border-left: 116px solid transparent;
    border-right: 0px solid #000;
    position: absolute;
    top: -50px;
    left: -116px;
    z-index: -8;    
}

#search * {font-family: 'Open Sans', sans-serif;}
#search form .button2:hover {background: #EA876A;}
#searchSub {float:left;width:100%;background-color:#FFF;padding:20px 0;margin:0 0 10px 0}
#searchSub #cse-search-box {margin:0 2% 20px;background-color:#fff;width:96%;float:left;display:inline;border-bottom:1px solid #E1DECF}
#searchSub #cse-search-box div {padding:2%}
#searchSub #cse-search-results {margin:2%}
#searchSub #googleSearchUnitIframe {margin:20px 2% 20px;background-color:#FFF;width:96%;float:left;display:inline;border-bottom:1px solid #E1DECF}
#searchSub #googleSearchUnitIframe div {padding:2%}

#search form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #333;
}
#search form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #333;
    opacity:  1;
}
#search form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #333;
    opacity:  1;
}
#search form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #333;
}
#mainActivityList {float:right;width:92%;background-color:#fff;margin-bottom:15px;padding:10px 4%}
#mainActivityList .row {float:left;width:100%;border-bottom:1px solid #E1DECF;margin:5px 0}
#mainActivityList .info {float:right;width:70%}
#mainActivityList .img {float:left;width:29%}
#mainActivityList .img a {text-decoration: none; float:left; float: left; margin-right: 4px;background: url('/img/new_guest.gif')  no-repeat 0px 0px}
#mainActivityList .img img {float:left; border: none;}
#mainActivityList .info h2 {font-size:12px;color:#288EC7;margin:3px 0 8px;padding:0}
#mainActivityList .info .odp {font-size:11px}



.showThread {}
.showThread #column1 {float:left;width:79%;margin-right:0%}
.showThread #column2 {float: right;
                      width: 20.5%;}
.showThread #column3 {float:left;width:0%;}
#showThread {background-color:#fff;margin-right: 19px;}
#showThread .info {padding:10px 0}
#showThread .bar { background: #F5F7F6; color: #71797C; }
#showThread .bar a { color: #71797c}
#showThread .bar div {display: inline;}
#showThread a.button, #showThread a.buttonHand {float:right;color:#3892BA;font-weight:bold;margin:10px 0;padding:25px 10px 16px 67px;text-decoration:none}
#showThread a.buttonHand {padding-left:67px}
#showThread a.button {float:right;color:#3892BA;font-weight:bold;margin:10px 0;padding:3px 10px;text-decoration:none}
#showThread .row {clear:both;float:left;width:100%;border-bottom: 1px solid #E2E3E4;padding: 10px;}
#showThread .row .column1 {float:left;width:5%;}
#showThread .row .column2 {float:right;width:94%;}
#showThread .row .column2 div { padding:8px; padding-right: 0;}
#showThread .row .column1 .img img {width: 60px; height: 60px; background: url('/img/new_guest.gif') no-repeat;padding:0px; margin:0px; border: none;}
#showThread .row .column1 .user {font-size:10px;color:#288EC7;font-weight:bold}
#showThread .row .column2 h2 {font-weight:bold;font-size:16px;margin:0 0 15px 0;padding:0;color:#288EC7;padding:8px;}
#showThread .row .column2 .content {font-size:12px;padding-bottom:11px;line-height:1.3em}
#showThread .row .column2 .del {clear:both;width:100%;}
#showThread .row .column2 .del a {float:left;color:#3892BA;font-weight:bold;margin:10px 0;padding:10px 10px;text-decoration:none}
#showThread .row .column2 .del a.button:before {border:0px;}
#showThread .row .column2 .stars {clear:both;float:left;width:30%}
#showThread .row .column2 .rate {float:right;width:70%;text-align:right}
#showThread .row .column2 select {background-color:#FFF;color:#000}
#showThread2 {/* float: left; */
    /* padding: 10px 2%; */
    /* width: 100%; */
    background-color: #fff;
    /* margin-bottom: 15px; */
    margin-right: 19px;
    /* display: block; */
    overflow: hidden;}
#showThread2 .form {clear:both;width:100%;float:left;padding:8px;}
#showThread2 .row {clear:both;float:left;width:100%;padding:3px 0}
#showThread2 .form .column1 {float:left;width:25%}
#showThread2 .form .column2 {float:right;width:74%}
#showThread2 .form input {width:70%}
#showThread2 .form textarea {width:70%;height:100px}
#showThread2 button {float:right;margin:20px 22% 10px 0;}


#addThread {background-color:#fff;padding:3%}
#addThread .title {}
#addThread .title input {display:block;width:99%;margin-top:5px}
#addThread .content {margin-top:20px}
#addThread .content textarea {display:block;width:99%;margin-top:5px;height:100px}
#addThread .parent {margin-top:20px}
#addThread .tags {margin-top:20px}
#addThread .tags input {display:block;width:99%;margin-top:5px;}
#addThread .button {margin-top:20px; float:right;}


#addReplay .question {padding:10px 2%;background-color:#fff;margin-bottom:10px}
#addReplay .question .who {font-size:13px;color:#288EC7;font-weight:bold;padding:20px 0 15px}
#addReplay .question .content {padding-bottom:15px}
#addReplay .nag,#addReplay #showThread2 {margin-right: 0px;}

#user  {clear:both;width:100%;float:left}
#user .userColumn1 {float:left;width:32%;border:none}
#user .userColumn2 {float:right;width:66%;margin-left:1%}
#user .userColumn1 .aboutMe {float:left;width:100%;margin-bottom:25px;background-color:#FFF}
#user .userColumn1 .aboutMe .info {margin:20px;padding:0;float:left;color:#79715E;font-size:11px;display:inline}
#user .userColumn1 .aboutMe .info a.img {float:left;}
#user .userColumn1 .aboutMe .info img {float: left;width:60px; height:60px; background: url('/img/new_guest.gif') no-repeat;padding:0 15px 10px 0 }
#user .userColumn1 .aboutMe .name {font-weight:bold;padding-right:15px}
#user .userColumn1 .aboutMe .about {padding-right:15px}
#user .userColumn1 .aboutMe .add {clear:both;margin-top:10px;color:#288EC7;font-size:12px;width:100%;font-weight:bold}
#user .userColumn1 .aboutMe a.button {padding:3px 10px;}
#user .userColumn1 .osoby {float:left;width:100%;background-color:#fff}
#user .userColumn1 .osoby .info {clear:both;width:92%;margin:0 4%;padding:0;float:left;color:#79715E;font-size:11px;display:inline;margin-bottom:20px}
#user .userColumn1 .osoby .info h2 {font-weight:bold;font-size:12px;color:#79715E;margin-top:15px}
#user .userColumn1 .osoby .info .osoba {float:left;width:33%;text-align:center;margin:5px 0}
#user .userColumn1 .osoby .info .osoba a.img {width: 50px; height: 50px;}
#user .userColumn1 .osoby .info .osoba a.img img {width: 50px; height: 50px; background: url('/img/new_guest.gif') no-repeat;}
#user .userColumn1 .osoby .info2 {clear:both;width:92%;margin:0 4%;padding:0;float:left;color:#79715E;font-size:11px;display:inline;margin-bottom:20px}
#user .userColumn1 .osoby .info2 h2 {font-weight:bold;font-size:12px;color:#79715E;margin-top:0;border-top:1px solid #E1DECF;padding-top:15px}
#user .userColumn1 .osoby .info2 .osoba {float:left;width:33%;text-align:center;margin:5px 0}
#user .userColumn1 .osoby .info2 .osoba a.img {width: 50px; height: 50px;}
#user .userColumn1 .osoby .info2 .osoba a.img img {width: 50px; height: 50px; background: url('/img/new_guest.gif') no-repeat;}
#user .userColumn2 .posts {float:left;width:94%;background-color:#fff;padding:3%}
#user .userColumn2 .posts .row {border-bottom:1px solid #E1DECF;padding:25px 0}
#user .userColumn2 .posts .row h3 {color:#288EC7;font-size:12px;font-weight:bold;margin-top:0;padding-top:0}
#user .userColumn2 .posts .row .content {}

#profile {clear:both;width:100%;float:left}
#profile .profileColumn1 {float:left;width:49%;margin-right:1%}
#profile .profileColumn2 {float:right;width:49%;}
#profile .myProfile {background-color:#fff;float:left;width:94%;padding:3%;margin-bottom:25px}
#profile .myProfile span {font-weight:bold}
#profile .myUlub {background-color:#fff;float:left;width:94%;padding:3%;margin-bottom:25px}
#profile .addUrl {background-color:#fff;float:left;width:94%;padding:3%;margin-bottom:25px}
#profile .addUrl input {width:99%}
#profile .addUrl textarea {width:99%;height:100px}
#profile .profInfo {background-color:#fff;float:left;width:94%;padding:3%;margin-bottom:25px}
#profile .invitation {background-color:#fff;float:left;width:94%;padding:3%;margin-bottom:25px}
#profile .invitation .row {clear:both;float:left;width:100%;padding:3px 0}
#profile .invitation .row .column1 {float:left;width:25%}
#profile .invitation .row .column2 {float:right;width:75%}
#profile .invitation .row input {width:99%}
#profile .invitation textarea {display:block;width:99%;height:100px}
#profile .version {background-color:#fff;float:left;width:94%;padding:3%;margin-bottom:25px}
#profile .version .row {clear:both;float:left;width:100%;padding:3px 0}
#profile .version .pass input {width:99%}
#profile .version .info  {font-size:10px}
#profile .avatar {background-color:#fff;float:left;width:94%;padding:3%;margin-bottom:25px}
#profile .avatar .row {clear:both;float:left;width:100%;padding:3px 0}
#profile .avatar .avatarImg img {background: url('/img/new_guest.gif') no-repeat; float: left;margin-right:15px}
#profile .avatar .avatarImg input {width:60%}
#profile .avatar .info {font-size:10px;padding-top:3px}
#profile .avatar .textA textarea {display:block;width:99%}
#profile .changePassword {background-color:#fff;float:left;width:94%;padding:3%;margin-bottom:25px}
#profile .changePassword .row {clear:both;float:left;width:100%;padding:3px 0}
#profile .changePassword .row .column1 {float:left;width:40%}
#profile .changePassword .row .column2 {float:right;width:59%}


#login {clear:both;width:100%;float:left}
#login .column1L {float:left;width:49%;}
#login .column2L {float:right;width:49%;}
#login .logow {padding:2%;background-color:#fff;margin-bottom:20px}
#login .row {clear:both;float:left;width:100%;padding:1px 0}
#login .row .column1 {clear:both;float:left;width:20%}
#login .row .column2 {float:left;width:79%}
#login .zapEmail {padding:2%;background-color:#fff;margin-bottom:20px}
#login .zarejestruj {padding:2%;background-color:#fff;margin-bottom:20px}
div#login button {float:right; display:block;}



/* -- LINKI ----------------------------------------------------------------------------------------------------------------------- */

a:link, a:visited  {color: #288EC7;text-decoration:none}
a:hover {color:#B94C1A}

a:link.button, a:visited.button,  .button {
    display: inline-block;
    position: relative;
    border: 0;
    background: #4285f4;
    text-align: center;
    font: inherit;
    padding:9px;
    outline: none;
    -webkit-user-select: none;
    user-select: none;
    color: #fff !important;
    height: 36px;
}
a.link.button:before, .button:before {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 36px solid #4285F4;
    border-left: 50px solid transparent;
    border-right: 0px solid #000;
    position: absolute;
    top: -50px;
    left: -50px;

}
a:hover.button { background: #6BA2FF;}
a:hover.button:before {border-bottom: 36px solid #6BA2FF;}

.button.noborder,.button.noborder:before, .button.noborder:after {border:0px;}
.button.right:before {border:0px;}
.button.right:after, .button.right:after{ content: '';
                                          line-height: 0;
                                          font-size: 0;
                                          width: 0;
                                          height: 0;
                                          border-top: 50px solid transparent;
                                          border-bottom: 36px solid #fff;
                                          border-left: 50px solid transparent;
                                          border-right: 0px solid #000;
                                          top: -23px;
                                          left: 9px;
                                          position: relative;
                                          /* z-index: 9999; */}

a:link.buttonHand, a:visited.buttonHand,  .buttonHand {background: #BADBEA url(/img/new_button_hand.gif) top left;border-top:1px solid #F0E9EF;border-left:1px solid #F0E9EF;border-right:1px solid #F0E9EF;border-bottom:1px solid #56A7CC;color:#3892BA;font-weight:bold;margin:0;text-decoration:none;padding-left:26px}
a:hover.buttonHand {color:#B94C1A}


a:link.buttonImg, a:visited.buttonImg{
    position: relative;
    height: 36px;
    background: #D94310;
    float: left;
    color:#fff;


}
a.buttonImg:after{
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 36px solid #eaeaea;
    border-left: 50px solid transparent;
    border-right: 0px solid #000;
    top: -50px;
    left: -50px;
}
a:hover.buttonImg { background: #E87352;}
a.buttonImg span {float:left;padding:10px 0 0 20px;cursor:pointer}



/* -- klasy pomocnicze ---------------------------------------------------------------------------------------------------------------- */
.clear {clear: both;margin: 0;padding:0;height:1px;font-size:1px;border:0;visibility:hidden;width:100%}
.error {color:red;font-weight:normal}


.prevNext {height:36px;vertical-align:middle;margin: 0;padding:0; background: #D94310;}

.prevNext .center { width:12%; margin: 0 auto; }

.prevNext .left, .prevNext .right {
    position: relative;
    height: 36px;
    width: 45px;
    background: #D94310;
    float: left;
    line-height: 31px;
    text-indent: 14px;
    font-size: 28px;
    z-index:999;
}

.prevNext .left:after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 36px solid #D94310;
    border-bottom: 50px solid transparent;
    border-left: 0px solid transparent;
    border-right: 50px solid transparent;
    position: absolute;
    top: 0;
    right: -50px;
    z-index: -8;
}

.prevNext .right {
    margin-left: 50px;
    width: 50px;
    background: #B9390D;
}

.prevNext .right:before {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 36px solid #B9390D;
    border-left: 50px solid transparent;
    border-right: 0px solid #000;
    position: absolute;
    top: -50px;
    left: -50px;
    z-index: -8;
}
.prevNext .left a, .prevNext .right a {
    color: #fff !important;
    display: block;
    padding:2px;
}
.prevNext .left a:hover, .prevNext .right a:hover {
    color:#000 !important;
}

/* ------------------------------------------------------------------------------------------------------------- */



/* ADS ZADANE */
div#zadane {
    background:white;
    color: #646464;
    font-family: "Trebuchet MS";
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;    
}
div#zadane .orange {
    color: #ffa500;
}
.buttonBig a:hover, a.buttonBig:hover, .buttonSmall a:hover, a.buttonSmall:hover { 
    text-decoration: none;
}
.buttonBig a:hover, a.buttonBig:hover, .buttonSmall a:hover, a.buttonSmall:hover { 
    text-decoration: none;
}
a.buttonBig, a.buttonSmall { 
    display: block;
}
div#zadane .buttonBig { 
    color: white;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-color: transparent;
    background-image: url("https://zadane.pl/img/btnBig.png");
    width: 162px;
    height: 58px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Trebuchet MS";
    letter-spacing: -0.7px;
    cursor: pointer;
}
table.debug td {
    padding: 5px 5px 10px
}

div#dojrzewamy_questions .box_item {
    /* border: 1px solid #C9C9C9; */
    height: 64px;
    margin-bottom: 1px;
}
div#dojrzewamy_questions a { 
    color: #000
}
div#dojrzewamy_questions img.thumb {
    float: left;
    margin-right: 10px;
    height: 64px;
    width: 64px;
}

div#dojrzewamy_questions h3 {
    font-size: 12px;
    margin: 0;
    padding-top: 10px;

}
div#dojrzewamy_questions h3 a { 
    color: #000;
    font-size: 13px;
    font-weight: bold
}
div#dojrzewamy_questions h4 {
    font-size: 9px;
    padding-top: 10px;
}
#column2 .grid:first-child {
    margin-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 991px)  {
    .reklama {}
    #column1, .showThread #column1 {width:57%; }

    #column2, .showThread #column2 {width:310px;}
    #showThread .row .column2 {
        width: 83%;
    }
    #showThread,#showThread2 {margin-right: 0px;}
    .grid {min-width: 0px !important;}
    .grid.grid-pad .col-1-4 {width:100% !important;}
    .grid .content {min-height: 0px;}
    .grid .ga250 {margin-bottom: 20px}
    div#zaj {display: none;}
    h1.nag {margin:0px;}
    h1.nag span {
        vertical-align: middle;
        float: left;
        padding: 9px 5px 0;
        font-size: 12px;
    }
    div#topHeader .formLog .logging .avatar img { display: none;}
    .grid .content { min-height: 50px;}

    .grid {
        width: 100%;
        min-width: 0;
        padding:0px !important;
        margin: 0px !important;
    }
    [class*='col-'] {
        padding-right: 0px !important;
    }
    div#topHeader .google:before {border:none;}
    div#topHeader .google {
        background: #F2F5FB;
        /* margin-left: 60px; */

        height: 63px;
        margin-top: 10px;
        margin-left: 15px;
    }
    div.logging {
        position: absolute;
        top: 0px;
        left: 440px;
    }
    body div.reklama {margin: 15px 0px;}
    div#topHeader .google {width: 260px;height: 46px;margin-left: 110px;}
    #search {
        width: 341px;
        margin-left: 18px;
        margin-top: 4px;
    }
    h1.nag2 span {
        display: none;
    }
    #search form .search_in {
        padding: 7px !important;
        background: #fff !important;
        color: #333 !important;
        width: 51%;
    }
    #search form .button2 {
        position: absolute;
        left: 176px;
        background: rgba(66,133,244,0.5);
        /* top: 2px; */
        padding: 5px;
        cursor: pointer;
    }
}


@media only screen and (max-width: 767px) {

    div#topHeader .google:before {border:none;}
    div#topHeader .google {
        background: #F2F5FB;
        /* margin-left: 60px; */

        height: 63px;
        margin-top: 10px;
        margin-left: 15px;
    }
    h1.nag {margin:0px;}
    #topMenu {margin: 0px;}
    div#zaj {display: none;}
    h1.nag span {
        vertical-align: middle;
        float: left;
        padding: 9px 5px 0;
        font-size: 12px;
    }
    div#content {
        display: flex;
        flex-direction: column;
    }

    #column1 {
        float: left;
        width: 100%;
        margin-right: 0%;
    }
    #column2 {
        float: left;
        width: 100%;
        order: 2;
    }

    div.showThread {
        display: flex;
        flex-direction: column;
    }
    .showThread #column1 {
        float: left;
        width: 100%;
        margin-right: 0%;
    }
    .showThread #column2 {
        width: 100%;
    }
    #showThread,#showThread2 {
        background-color: #fff;
        margin-right: 0px;
    }
    body div.reklama {margin-top: 85px;width: 100%;
                      overflow: scroll;}
div#topHeader .formLog {float: none;}
    div.logging {
position: relative;
/* position: absolute; */
right: -252px;
top: -135px;
    }
    div#topHeader .formLog .logging .button {right:0px;}
    div#topHeader .formLog .logging .button:before {border:0px;}
    div#topHeader .formLog .logging .avatar img { display: none;}
    .grid .content { min-height: 50px;}

    .grid {
        width: 100%;
        min-width: 0;
        padding:0px !important;
        margin: 0px !important;
    }
    [class*='col-'] {
        padding-right: 0px !important;
    }
    #column1 div#topMenu {
        width: 100%;
    }

    .col-1-4 div.googleadsense {
        width: 67%;
        margin: 0px auto;
        /* background: #fff; */
    }
    #showThread .row .column2 {
        float: right;
        width: 75%;
    }
}