body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.42857143;
    background:#f2f2f2;
}

div {
	    font-family: 'Roboto', sans-serif;
}

div.wrapper {
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	padding: 35px;
	margin-top: 25px;
	margin-bottom: 25px;
	border: 1px solid #ccc;
}

#header img {
    float: left;
    margin-right: 15px;
}

#header h1, #header h2 {
    margin: 0px;
    padding: 0px;
}

div#header {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

a {
	color:#000
}


a:visited {
	color:#888
}




a:hover, a:active {
	color:#cb4052
}

ul.attachment li {
    margin-bottom: 8px;
}

div.powrot {
	
}

.powrot {
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

.powrot_bottom {
    padding-top: 25px;
    border-top: 1px solid #ccc;
    }


.powrot a, .powrot_bottom a {
    font-size: 1.5em;
}

div.podsumowanie {
	font-size:2em;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #ccc
}

a.back {
	color:#000 !important;text-decoration:none;
}

a.back:hover {
	color:#cb4052!important;text-decoration:underline;
}

div.wyn {
	padding-bottom:25px
}

div#sterowanie {
    float: right;
    margin-left:45px;
}

#sterowanie a {
    margin-bottom: 6px;
    display: inline-block;
    color: #000 !important;
    text-decoration: none;
}

#sterowanie a:hover {
	color:#cb4052 !important
}

#sterowanie a i {
    margin-right: 6px;
}


body.black {
    background: #000;
}

body.black #wrapper {
    background: #000;
    color: #fff;
}

body.black a {color:#fff}
body.black a:visited {color:#389eff}
body.black a:hover {color:yellow}


body.black a.back {color:#fff !important}
body.black a.back:hover {color:yellow !important}


body.black #sterowanie a {color:#fff !important}
body.black #sterowanie a:hover {color:yellow !important}


#sterowanie a.kontrast {
	background: #000;
    color: #fff !important;
    padding-top: 15px;
}

body.black #sterowanie a.kontrast {
	background: #fff !important;
    color: #000 !important;
}


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

div#sterowanie {
    float: none;
    margin-left: 0px;
    text-align: center;
}

#sterowanie a {
    display: block;
    font-size: 1.5em !important;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}

#sterowanie br {
    display: none;
}

#sterowanie a i {
    margin-right: 20px;
}

.posiedzenie {
    margin-bottom: 40px;
}

div#wrapper {
    margin: 0px;
    padding: 20px;
}

body.black #sterowanie a {
	border-bottom:1px solid #fff
}

}