@import url(http://fonts.googleapis.com/css?family=Muli);
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Montserrat);
@import url(http://fonts.googleapis.com/css?family=Comfortaa);
@import url(http://fonts.googleapis.com/css?family=Muli);

@import url(http://fonts.googleapis.com/css?family=Roboto);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,100,300,500,700,900&amp:subset=latin-ext);



body {
    margin:0;
    padding:0;
    font-family: 'Open Sans', sans-serif;
	background:#fff;
}

p {
    line-height: 1.0;
	
}

a {
    color:#80bfff;
    text-decoration:none;
}

a:hover {
    color:#ffffcc;
}

h1, h2, h3, h4, h5 , h6 { font-family: 'Open Sans', sans-serif; font-weight:normal; }

h1.logowy {
    border-bottom:;
    padding:0 0 0px 0;
    margin:0px 0 0px 0;
	color:#f5dfd6;
	text-align:center;
	font-weight: 100;
	font-size:28px;
}

h2 {
    margin:30px 0 20px;
}

ol {
    line-height:1.5;
}

header {
    padding:7px 100px;
    font-size:14px;
    background:#cc3399;
    color:#fff;
	border-top:0px solid #0033ff;
    border-bottom:0px solid #0033ff;
    overflow:auto;
}

header .logo {
    font-family: 'Muli', sans-serif;
    float:left;
    color:#f3f7cc;
    font-size:30px;
	margin-top:12px;
    margin-right:10%;
}

header ul.menu {
    list-style:none;
    float:left;
    margin-left:30px;
    padding:0;
}
header ul.menu li {
    float:left;
    padding:10px 10px;
}

header ul.menu li.selected a, #header ul.menu li.selected a:hover {
    color:#80bfff;
    font-weight:bold;
}

header a {
    color:#f3f7cc;
}
header a:hover {
    color:#fff;
}

header .user {
    float:right;
    padding-top:25px;
	margin-right:40px;
}

#content {
    padding:10px 140px;
	
}

h1.acount {
	color:#eee;
	font-family: 'Noto Sans', sans-serif; font-weight:normal;
	margin-top:40px;
	margin-bottom:20px;
}

h2.acount {
	color:#eee;
	font-family: 'Noto Sans', sans-serif; font-weight:normal;
	margin-top:40px;
	margin-bottom:20px;
}

h3.acount {
	color:#eee;
	font-family: 'Noto Sans', sans-serif; font-weight:normal;
	margin-top:40px;
	margin-bottom:20px;
}

p.acount {
	color:#ddd;
	font-family: 'Noto Sans', sans-serif; font-weight:normal;
	font-size:13px;
}

h2.acount1, h3.acount1, p.acount1 {
	float:right;
	color:#eee;
	font-family: 'Noto Sans', sans-serif; font-weight:normal;
	margin-right:;
	margin-top:0px;
	margin-bottom:0px;
	
}	  


#lokacje {
	float:right;
	width:100px;
	color:#eee;
	font-family: 'Noto Sans', sans-serif; font-weight:normal;
	margin-right:;
	margin-top:0px;
	margin-bottom:0px;
}

form {
    overflow:auto;
	background:;
	height:;
}

form p {
    width:100%;
    overflow:auto;
}

label {
    float:left;
    clear:;
    color:#d77e5b;
    margin-bottom:0px;
	margin-right:;
	font-family: 'Noto Sans', sans-serif; font-weight:100;
	font-size:12px;
	background:;
}
input, textarea {
    clear:;
    float:right;
	width:280px;
	height:40px;
    margin:0px;
    background:#660066;
	color:#ddd;
	padding:6px 10px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom-color:#145226;
	border-bottom-width:1px;
	font-size:14px;
	font-family: 'Noto Sans', sans-serif; font-weight:100;
}
input[type=submit] {
    font-weight:bold;
    background:#572FBC;
    color:#ebbfad;
    padding:0px;
	margin-top:20px;
	margin-bottom:0px;
	width:301px;
	height:35px;
    font-size:14px;
	border-bottom:none;
    text-transform:uppercase;
	
	
}

input[type=submit]:hover {
	box-shadow: 3px 3px 5px #aaa;
}


.login-form {
    float:left;
	margin-left:33%;
	margin-top:120px;
	margin-bottom:none;
	width:301px;
	background:;
	
}

.loginout-form {
    float:left;
	margin-left:36%;
	margin-top:200px;
	margin-bottom:none;
	width:301px;
	background:;
	
}


.register-form {
    float:left;
	margin-left:33%;
	margin-top:13px;
	margin-bottom:none;
	width:381px;
	height:;
	background:;
	border-top: 1px solid #2f1966;
	
}

.change-form {
    float:left;
	margin-left:33%;
	margin-top:20px;
	margin-bottom:none;
	width:301px;
	background:;
	
}

.edit-form {
    float:left;
	margin-left:33%;
	margin-top:20px;
	margin-bottom:none;
	width:301px;
	background:;
	
}


#plog {
	float:left;
	margin-top:-13px;
	font-family: 'Noto Sans', sans-serif; font-weight:100;
	font-size:12px;
	color:#fff;
	background:;
	padding-left:53px;
	width:250px;
	height:20px;
	
}

#plog-d {
	float:left;
	margin-top:-13px;
	font-family: 'Noto Sans', sans-serif; font-weight:100;
	font-size:12px;
	color:#fff;
	background:;
	padding-left:30px;
	width:250px;
	height:20px;
	
}


#right-dick {
	float:left;
	margin-left:10%;
	margin-top:20px;
	margin-bottom:none;
	width:301px;
	background:;
}

#haf11 {
		width: 100%;
		height:;
		float: left;
		background:;
		margin-top:100px;
		
}

#haf22 {
		width: 100%;
		height:;
		float: left;
		background:;
		margin:;
}

#haf33 {
		width: 100%;
		height:;
		float: left;
		background:;
		margin-bottom:38px;
}

#haf44 {
		width: 100%;
		height:;
		float: left;
		background:;
		margin-bottom: ;
		margin-top:0px;
}


#haf55 {
		width: 100%;
		height:;
		float: left;
		background:;
		margin-top:5px;
		margin-bottom:0px;
}


#haf66 {
		width: 100%;
		height:;
		float: left;
		background:;
		margin-bottom:38px;
		padding:0px 0px 4px 0px;
		border-bottom: 1px solid #2f1966;
}

#haf77 {
		width: 100%;
		height:;
		float: left;
		background:;
		margin-bottom:8px;
		padding:0px 0px 4px 0px;
		border-bottom: 1px solid #2f1966;
}


#haf88 {
		width: 100%;
		height:;
		float: left;
		background:;
		margin-bottom:6px;
		margin-top:66px;
}


#haf99 {
		width: 100%;
		height:;
		float: left;
		background:;
		margin-top:70px;
		
}


.logol {
	width:100%;
    font-family: 'Ubuntu', sans-serif;
    float:left;
	background:;
    color:#000;
    font-size:30px;
    margin-left:0%;
	padding:5px 0 5px 0;
	border-top: 1px solid #2f1966;
}


.logol:hover {
	
    font-family: 'Ubuntu', sans-serif;
   
	background:;
    color:#000;
    border-top: 1px solid #572FBC;
	border-bottom: 1px solid #2FBC57;
	border-left: 1px solid #572FBC;
	border-right: 1px solid #2FBC57;
    margin-left:0%;
	padding:5px 0 5px 0;
	box-shadow: ;
}


#logs {
	float:left;
	width:;
	height:30px;
	background:;
    color:#111;
	padding: 0px 0px 0px 73px;
    font-size: 18px;
    text-align: left;
}


#logs-r {
	float:left;
	width:;
	height:30px;
	background:;
    color:#111;
	padding: 0px 0px 0px 106px;
    font-size: 18px;
    text-align: left;
}

#be {
	float:left;
	width:60px;
	height:20px;
	background:;
    color: #572FBC;
	padding: 0px 0px 0px 0px;
    font-size: 28px;
    text-align: left;
	font-weight:500;
}


#te {
	float:left;
	width:30px;
	height:20px;
	background:;
    color:#ebbfad;
	padding: 0px 0px 0px 0px;
    font-size: 28px;
    text-align: left;
	font-weight:100;
}

#kwa {
	float:right;
	width:60px;
	height:30px;
	background:;
    color:#00d43c;
	padding: 0px 0px 0px 0px;
    font-size: 28px;
    text-align: left;
}

#k1 {
	float:left;
	width:17px;
	height:30px;
	background:#4b29a3;
    color:#0011bd;
	padding: 0px 0px 0px 0px;
    font-size: 28px;
    text-align: left;
}

#w1 {
	float:left;
	width:7px;
	height:30px;
	background:#ebbfad;
    color:#00d43c;
	padding: 0px 0px 0px 0px;
    font-size: 28px;
    text-align: left;
}

#a1 {
	float:left;
	width:21px;
	height:30px;
	background:#2FBC57;
    color:#00d43c;
	padding: 0px 0px 0px 0px;
    font-size: 28px;
    text-align: left;
}


#ge {
	float:left;
	width:80px;
	height:20px;
	background:;
    color: #2FBC57;
	padding: 0px 0px 0px 0px;
    font-size: 28px;
    text-align: left;
	font-weight:400;
	
}

#res {
	color:#555;
	font-family: 'Noto Sans', sans-serif; 
	font-weight:100;
	font-size:12px;
	margin-bottom:65px;
}

#id_username {
	background:;
	
}


#pedit {
	float:left;
	margin-top:300px;
	font-family: 'Noto Sans', sans-serif; font-weight:normal;
	font-size:14px;
	color:#fff;
	padding-left:50px;
	width:200px;
	height:40px;
	
}

#pedit {
	float:left;
	margin-top:300px;
	font-family: 'Noto Sans', sans-serif; font-weight:normal;
	font-size:14px;
	color:#fff;
	padding-left:50px;
	width:200px;
	height:40px;
	
}

#pspr {
	float:left;
	margin-top:150px;
	font-family: 'Noto Sans', sans-serif; font-weight:normal;
	font-size:14px;
	color:#fff;
	padding-left:50px;
	width:200px;
	height:40px;
	
}

#pspr1 {
	float:left;
	margin-top:30px;
	margin-left:500px;
	font-family: 'Noto Sans', sans-serif; font-weight:normal;
	font-size:14px;
	color:#fff;
	padding-left:50px;
	width:200px;
	height:40px;
	
}

.errorlist {
    color:#cc0033;
    float:left;
    clear:both;
    padding-left:10px;
}
.helptext {
    margin:0 0 20px 0;
    color:#aaa;
    clear:both;
    float:left;
    font-size:13px;
}


#sheet {
	
	font-size:42px;
	text-align:center;
	float:left;
	margin-left:30%;
	margin-top:200px;
	margin-bottom:none;
	width:401px;
}

















/* messages */
ul.messages {
    margin:10px 100px;
    padding:0;
    list-style-type:
    none;
}
ul.messages li.success,
ul.messages li.warning,
ul.messages li.error,
ul.messages li.info {
    margin:0;
    padding:14px 20px;
    list-style:none;
    color:#fff;
}

ul.messages li.success { background:#81ce81; }
ul.messages li.success a { color:#0ac33e; }

ul.messages li.error { background:#a30029; color:#e9828e; }
ul.messages li.error a { color:#e9828e; }

ul.messages li.info { background:#faffae; color:#696b4e; }
ul.messages li.info a { color:#1586de; }

ul.messages li.warning { background:#de9404; }
ul.messages li.warning a { color:#f49000; }

ul.messages li a.close {
    margin:0;
    float:right;
    opacity:1;
    border:0;
    box-shadow:none;
    text-shadow:none;
}



/* social-auth */
.social {
    float:right;
}
.social li {
    list-style:none;
    padding:10px 20px;
    margin:0 0 10px 0;
}
.social li a {
    width:100%;
    height:100%;
    display:block;
    color:#fff;
}
.social li.facebook { background:#3b5399; }
.social li.twitter { background:#00cffa; }
.social li.google { background:#de1710; }


/* images */

.image-preview, .image-detail {
    max-width:300px;
    float:left;
    margin:0 20px 20px 0;
}
.image-detail { margin-top:20px; }
.image-info div {
    padding:20px 0;
    overflow:auto;
}
.count {
    color:#aaa;
    border:3px solid #bbb;
    border-radius:26px;
    padding:10px 20px;
    margin:20px 10px 0;
}
a.like, a.follow { float:right; margin-top:-8px; }

#image-list { overflow:auto; }
#image-list .image {
    float:left;
    width:220px;
    height:300px;
    margin:0 10px 10px 10px;
    border-top:8px solid #12c064;
    background:#eee;
}
#image-list img { width:220px; height:220px; }
#image-list .info { padding:10px; }
#image-list .info a { color:#333; }
.image-likes div {
    float:left;
    width:auto;
    padding:10px;
    text-align:center;
}
.image-likes img {
    width:120px;
    height:120px;
    border-radius:50%;
}

/* users */
#people-list img {
    width:180px;
    height:180px;
    border-radius:50%;
    margin-bottom:20px;
}
#people-list .user {
    width:180px;
    float:left;
    overflow:auto;
    padding:10px;
}
#people-list .info { text-align:center; }
img.user-detail {
    border-radius:50%;
    float:left;
}
.profile-info {
    float:left;
    overflow:auto;
    margin-right:20px;
}
.image-container { margin-top:40px; }

/* actions */
.action {
    clear:both;
    overflow:auto;
}
.action .images {
    float:left;
    margin:0 10px 10px 0;
}
.action .date {
    font-style:italic;
    color:#ccc;
}