@charset "utf-8";

#loginform{
	
	padding: 10px;
	background-color: rgba(256, 256, 256, 0.9);
	border: solid 6px #f96968;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -350px;
    margin-left: -400px;
    width: 800px;
    min-height: 535px;
	text-align:center;
	font-size: 80px;
	
	}

#regform{
	
	padding: 20px;
	background-color: rgba(256, 256, 256, 0.9);
	border: solid 6px #f96968;
	text-align:center;
	font-size: 40px;
	
	}

#erro{
	background-color: #F00;
	font-size: 20px;
	font-family: 'Indie Flower', cursive;
	
	}
	
.logininput{
	
	background-color: #e1f1f0;
	padding: 10px;
	border: solid 2px #000000;
	font-size: 20px;
	width: 600px;
	font-family: 'Indie Flower', cursive;
	}

.logininput:focus{
	
	padding: 10px;
	border: solid 2px #000000;
	background-color: #f96968;
	font-size: 20px;
	width: 600px;
	
	}

.loginsubmit{
	
	background-color: #ffffff;
	padding: 10px;
	border: solid 2px #000000;
	font-size: 40px;
	font-family: 'Indie Flower', cursive;
	border-radius: 40px;
	margin-top: 20px;
	
	}

.loginsubmit:hover{
	cursor: pointer;
	background-color: #e1f1f0;
	padding: 10px;
	border: solid 2px #f96968;
	font-size: 40px;
	font-family: 'Indie Flower', cursive;
	border-radius: 40px;
	margin-top: 20px;
	
	}

#menuicon{
	
	display:none;
	
	}

#menu{
	background-color: #ffffff;
	
	width: 100%;
	position:fixed;
	z-index: 99;
	padding: 20px;
	}


	
.btn{
	
	display: inline-table;
	color:#f96968;
	background:#e1f1f0;
	-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
	 transition: background 1s;
	 color: background 1s;
	 padding: 3px 10px 3px 10px;
	 border-radius: 15px;
	}

.btn:hover{
	display: inline-table;
	color:#000000;
	cursor:pointer;
	background: #f96968;
	
	}

.icon{
	width: 18px;
	height: 24px;
	margin-right: 10px;
	
	}	
	
.content{
		background-color: rgba(256, 256, 256, 0.6);
		border: solid 1px #f96968;
		margin: 0px 60px 20px 60px;
		color: #000000;
		min-height: 510px;
		padding: 20px;
	}
	

.contentquadro{
		background-color: rgba(0, 0, 0, 1);
		border: solid 12px #BB9259;
		margin: 0px 60px 20px 60px;
		color: #FFFFFF;
		height: 510px;
		padding: 20px;
		overflow: auto;
	}
	
.quadromsg{
	
	border-bottom: solid 1px #e1f1f0;
	margin-bottom: 15px;
	margin-top: 5px;
	padding: 10px;
	
	}

#premain{
	min-height: 100px;
	}

#main{
	min-height: 1024px;
	}
	
#fotos{
	
	min-height: 1024px;
	}
	
#hist{
	
	min-height: 1024px;
	}
	
#publicar{
	
	min-height: 1024px;
}

#now{
	min-height: 1024px;
	
	}

#who{
	
	background-color: rgba(256, 256, 256, 0.6);
	border: solid 1px #f96968;
	color: #000000;
	padding: 10px;
	}


.weinfo{
	height: 70px;
	width: 120px;
	position:absolute;
	right: 55px;
	top: 10px;	
	}
.weinfo:hover{
	cursor:pointer;
	opacity: 40%;
	}

.weuimg{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
    border-radius: 50%;
	background-size: 150px 150px;
	border: solid 1px #f96968;
	}

.weuname{
	font-size: 10px;
	color: #000000;	
	}


	
#navdiv{
	width: 40%;
	float:right;
	background: #55ffaa;
	}

.alb{
	
	background-color: #000000;
	text-align:center;
	min-width: 100%;
	margin-top: 20px;
	float:left;
	height: 440px;
	color: #ffffff;
	}

#next{
	background-color:#f96968;
	color: #ffffff;
	text-align:center;
	border-radius: 30px;
	padding: 10px;
	border: solid 1px #000000;
	}

#prev{
	background-color:#f96968;
	color: #ffffff;
	text-align:center;
	border-radius: 30px;
	padding: 10px;
	border: solid 1px #000000;
	}

.logout{
	background-color:#f96968;
	color: #ffffff;
	text-align:center;
	border-radius: 30px;
	padding: 3px;
	border: solid 1px #000000;	
	}

.conta{
	background-color:#e1f1f0;
	color: #222222;
	text-align:center;
	border-radius: 30px;
	padding: 3px;
	margin-bottom: 2px;
	border: solid 1px #000000;
	}

.imgalb{
	
	max-height:300px;
	
	}	
	
#pagnav{
	float: right;
	text-align: right;
	width: 20%;
	}
	
.fotoh{
	margin: 12px 0px 12px 0px;
	color: #e1f1f0;
	}

.fotof{
	margin-top: 6px;
	color: #cccccc;
	font-size: 15px;
	}
	

	
.historias{
	
	width: 98%;
	height: 500px;
	overflow: auto;
	background-color: #ffffff;
	padding: 10px 15px 20px 20px;
	font-size: 18px;
	
	}
	
.histframe	{
	
	margin-top: 3px;
	margin-bottom: 12px;
	border-bottom: solid 1px #f96968;
	background-color: #e1f1f0;
	padding: 15px;
	}
	

.histinput{
	
	background-color: #e1f1f0;
	padding: 10px;
	border: solid 2px #000000;
	font-size: 20px;
	width: 95%;
	font-family: 'Indie Flower', cursive;
	font-size:14px;
	
	}
	
.histinput:focus{
	
	background-color: rgba(225,241,240, 0.6);
	padding: 10px;
	border: solid 2px #000000;
	font-size: 20px;
	width: 95%;
	font-family: 'Indie Flower', cursive;
	font-size:14px;
	
	}
	
	

.histinputdrop{
	
	background-color: #e1f1f0;
	padding: 10px;
	border: solid 2px #000000;
	margin: 5px 0px 20px 0px;
	font-family: 'Indie Flower', cursive;
	font-size:14px;
	
	}
	
.histinputdrop:focus{
	
	background-color: rgba(225,241,240, 0.6);
	padding: 10px;
	border: solid 2px #000000;
	font-family: 'Indie Flower', cursive;
	font-size:14px;
	
	}	

	
.fileinput{
	border: solid 2px #000000;
	background-color: #e1f1f0;
	height: 120px;
	width: 100%;
	font-family: 'Indie Flower', cursive;
	font-size:14px;
	}
	
.publicarlk{
	padding: 10px;
	margin-bottom: 5px;
	border: solid 1px #f96968;
	background-color: #ffffff;
	color: #999999;
	}

.publicarlk:hover{
	cursor: pointer;
	border: solid 1px #ffffff;
	background-color: #e1f1f0;
	color: #000000;
	}

.publicardiv{
	padding: 10px;
	margin-top: 5px;
	border: solid 1px #f96968;
	background-color: #ffffff;
	color: #000000;
	margin-bottom: 15px;
	}
	
.updconf{
	padding: 10px;
	background-color: #00FF00;
	margin: 5px 0px 5px 0px;
	color: #003300;
	border: solid 1px #003300;
	text-align:center;
	}