body {margin: 0px auto; padding: 0px; background-color: #F6F6F6; color: #000000; font-family: Verdana, Arial, sans-serif; /*Arial,Helvetica;*/ font-size: 12px;}
a {text-decoration: none;}
.center {border: 1px solid #ddd; background:white; padding:5px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);}
.cbalink {display:none;}

.bewem {border-color: #777 transparent;
border-style: solid;
border-width: 4px 4px 0 4px; height: 0;
width: 0; top: 10px;}

.subway {width: 16px; height: 16px; background: url('images/google16.png') -32px 0;}
.ico16-13-home {width: 16px; height: 16px; background: url('images/google16.png') 0 -96px;}
.ico16-13-discover {width: 16px; height: 16px; background: url('images/google16.png') -16px -96px;}
.ico16-13-profile {width: 16px; height: 16px; background: url('images/google16.png') -32px -96px;}
.ico16-13-messages {width: 16px; height: 16px; background: url('images/google16.png') -48px -96px;}
.ico16-13-circles {width: 16px; height: 16px; background: url('images/google16.png') -64px -96px;}
.ico16-13-communities {width: 16px; height: 16px; background: url('images/google16.png') -80px -96px;}
.ico16-13-event {width: 16px; height: 16px; background: url('images/google16.png') -96px -96px;}
.ico16-13-community {width: 16px; height: 16px; background: url('images/google16.png') -112px -96px;}
.ico16-13-photo {width: 16px; height: 16px; background: url('images/google16.png') -128px -96px;}
.ico16-13-colect {width: 16px; height: 16px; background: url('images/google16.png') -144px -96px;}
.ico16-13-pages {width: 16px; height: 16px; background: url('images/google16.png') -160px -96px;}
.ico16-13-more {width: 16px; height: 16px; background: url('images/google16.png') -176px -96px;}
.ico16-13-games {width: 16px; height: 16px; background: url('images/google16.png') -192px -96px;}
.ico16-13-local {width: 16px; height: 16px; background: url('images/google16.png') -208px -96px;}
.menutext {margin: -18px 20px;}

.arrow-right, .arrow-left, .arrow-up, .arrow-down {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.arrow-right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow-left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.arrow-up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.arrow-down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


nav {color: #000000; background: #FFFFFF; text-align: left; font-size: 36px; font-weight: bold; width: 100%; margin: auto; box-shadow: 0px 2px 8px rgba(127, 127, 127, 0.5); height: 48px; position: relative;}
nav {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}/*background-color: lightgrey; | flex-start*/
/*nav .left, nav .center, nav .right {background-color: cornflowerblue; width: 100px; height: 100px; margin: 10px;}*/
nav #left {text-align: left; display: inline-block;}
nav .logo {text-align: center; background: #EA0603; width: 48px; height: 48px;}
nav .logo a {color: #FFFFFF;}
nav .select {text-align: center; background: #EAEAEA; width: 96px; height: 32px; font-size: 28px; border-radius: 4px; margin: -41px 60px; color: #000000;}
/*nav #center {text-align: left;}*/
nav #right {text-align: right; float: right;}
nav .share {text-align: center; background: #EAEAEA; width: 32px; height: 32px; font-size: 28px; border-radius: 4px; margin: 6px -120px; color: #000000;}
nav .nots {text-align: center; background: #EAEAEA; width: 32px; height: 32px; font-size: 28px; border-radius: 4px; margin: -40px -80px; color: #000000;}
nav .account {text-align: center; background: #EAEAEA; width: 32px; height: 32px; font-size: 28px; border-radius: 4px; margin: 6px -40px; color: #000000;}

#navbox {height: 100%; width: 196px; position: fixed; box-shadow: 0px 2px 8px rgba(127, 127, 127, 0.5); font-weight:bold; background: #FFFFFF;
  z-index: 3;}/*background: #E2ECF5;*/
#navbox a {color: #000000; font-size: 1.5em; margin: 10px;}
#navbox #link {margin: 0 15px;}
#navbox #line {border-bottom: 1px solid #C8C8C8; padding-top: 20px;}

#wrapper {font: 12px Arial, Helvetica, sans-serif; margin: auto; padding-top: 10px; max-width: 1000px;}
.post h1, .post h2, .post h3 {
	font: 1.82em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.post {font: 12px Arial, Helvetica, sans-serif; margin: auto; padding-top: 20px; max-width: 1000px;}
.center {background:white; padding:5px;}
.newbox {border: 1px solid #C8C8C8; /*gray/#ddd dashed*/ box-shadow: 0px 1px 3px rgba(127, 127, 127, 0.4);}
.status {background: #0084ff; padding: 6px; border-radius: 5px; font-weight: bold; color: #fff; width: 200px; margin: auto;}

@media all and (min-width:1000px) {
  /*.mini {display:none;}*/
.mobile {display:none;}
.full {width: 1000px; margin: auto;}
.content
{ background-color: #FBFBFB;
	width: 1000px;/*986px;970px*/
	margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 20px;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	font: 18px Lato, sans-serif;
  z-index: 2;
}
.content h1 {font-size: 40px; font-weight: bold;}
.content h2 {font-size: 31px;}
.point {margin-right: auto; margin-left: auto; display: inline-block; padding-top: 20px;}
.graph {width: 496px; height: 200px; font: 18px Lato, sans-serif; display: inline-block;}
.point1 {width: 496px; height: 200px; margin-left: auto; font: 18px Lato, sans-serif; display: inline-block; text-align: left;}
.point1 h1 {text-align: left;}
.point2 {width: 496px; height: 200px; margin-right: auto; font: 18px Lato, sans-serif; display: inline-block; text-align: right;}
.point2 h1 {text-align: right;}
}

@media all and (max-width:999px) { /*761px*/
.full {display:none;}
#navbox {opacity: 0.9;}
.content {width: 100%; height: 100%; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 20px; text-align: center; border: 1px solid grey; border-left: none; border-right: none; font: 18px Lato, sans-serif; z-index: 2;}
.content h1 {font-size: 40px; font-weight: bold;}
.content h2 {font-size: 31px;}
.point {margin-right: auto; margin-left: auto; display: inline-block; padding-top: 20px;}
.graph {width: 496px; height: 200px; font: 18px Lato, sans-serif; display: inline-block;}
.point1 {width: 496px; height: 200px; margin-left: auto; font: 18px Lato, sans-serif; display: inline-block; text-align: left;}
.point1 h1 {text-align: left;}
.point2 {width: 496px; height: 200px; margin-right: auto; font: 18px Lato, sans-serif; display: inline-block; text-align: right;}
.point2 h1 {text-align: right;}
.square {width: 100%; margin: auto; text-align: center; border: 1px solid grey; font: 18px Lato, sans-serif; background: #f2f2f2; margin-top: 1%; margin-bottom: 1%; padding: 20px 0;}
.square h1 {font-size: 30px; font-weight: bold;}
.square h2 {font-size: 21px;}
  /*#lewy, #srodek, #prawy {float:none; width:auto; margin:15px;}*/
}

.container {min-height:100%;}
.sub-green {border-radius: 6px; cursor: pointer; margin: 0; text-align: center; /*border: 1px solid silver; border-color: #CCCCCC #AAAAAA #999999;*/ border: 0; background-image: -webkit-linear-gradient(#31aa3f, #21962f); background-image: linear-gradient(#31aa3f, #21962f); background-color: #318d3c; color: white; padding: 4px 5px; box-shadow: 0px 0.4px 1px rgba(0, 0, 0, 0.3);}

#footer {background-color: #EEEEEE; min-height: 40px; overflow: hidden; width: 100%; border-top: 1px solid rgba(0,0,0,0.13);}
#footer {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
#footer .left {text-align: left;}
#footer .right {text-align: right; float: right;}