@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - M E N U */
body{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
nav{
	position:fixed;
	left:0;
	top:0;
	width:220px;
	height:100vh;
	background-color:#1a1a1a;
	overflow-y:auto;
	z-index:500;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}
nav ul li{
	line-height:35px;
	height:35px;
	text-indent:10px;
	font-size:14px;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}
nav ul li i{ margin-right:5px;}
nav ul li a{
	color:#999;
	display:block;
}
nav ul p{
	text-indent:10px;
	color:#666;
	font-size:11px;
	line-height:30px;
}
nav ul hr{
	border:none;
	height:1px;
	background-color:#333;
}
nav ul li:hover{ background-color:#111; text-indent:15px; }
nav ul li:hover > a{ color:#fff;  }
a#fecha_menu{
	position:absolute;
	color:#fff;
	background-color:#333;
	text-align:center;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	overflow:hidden;
	width:34px;
	height:32px;
	line-height:32px;
	bottom:0;
}
a#fecha_menu:hover{
	width:150px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - S E C T I O N */
section{
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	box-sizing:content-box;
	height:100vh;
}
header{
	height:70px;	
	background-color:#f5f5f5;
	position:relative;
	
}
header h1{
	font-size:30px;
	font-weight:300;
	color:#111;
	line-height:70px;
	text-indent:15px;
	position:absolute;
}
header a.busca{
	float:right;
	color:#fff;
	background-color:#18a301;
	text-align:center;
	margin:15px 15px 0 0;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	overflow:hidden;
	width:34px;
	height:32px;
	line-height:32px;
}
header a.busca:hover{
	background-color:#fff;
	color:#18a301;
	border-bottom:1px solid #18a301;
	width:100px;
}

header a.adicionar{
	float:right;
	color:#fff;
	background-color:#18a301;
	text-align:center;
	margin:15px 15px 0 0;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	overflow:hidden;
	width:34px;
	height:32px;
	line-height:32px;
}
header a.adicionar:hover{
	background-color:#fff;
	color:#18a301;
	border-bottom:1px solid #18a301;
	width:120px;
}