/*
	Autor: Filippo Petroli
	Mail: fipetroli@gmail.com
*/

/*----------------------------------------
	- Partes Comuns
---------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-family: 'Nunito', Helvetica, Arial, sans-serif;
	font-size: 12px;
}
html{
	overflow-x: hidden;
	height: 100%;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+0,f4f4f4+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 0%, #f4f4f4 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ffffff 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #ffffff 0%,#ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	display: block;
}
.content {
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	display: table;
}
.left{
	float: left;
}
.right{
	float: right;
}
p{
	font-family: 'Nunito', sans-serif;
}
a{
	text-decoration: none;
	font-family: 'Nunito', sans-serif;
}
h2{
	font-family: 'Nunito';
	font-size: 34px;
	margin-top: 20px;
	padding-left: 50px;
	line-height: 40px;
	background: left center no-repeat;
	background-size: 40px;
}
h3 a{
	display: block;
	font-family: 'Nunito';
	font-size: 18px;
	margin-top: 20px;
	padding-left: 50px;
	line-height: 40px;
	background: left center no-repeat;
	background-size: 40px;
}
label{
	text-align: center;
	display: block;
	font-size: 18px;
	font-family: 'Nunito', sans-serif;
}
input{
	border: 0px;
	font-size: 18px;
	line-height: 30px;
	border: solid 1px rgba(5,61,36,0.3);
	border-radius: 10px;
	-webkit-box-shadow:inset 0 0 3px 0.4px rgba(5,61,36,0.3);
	box-shadow:inset 0 0 3px 0.4px rgba(5,61,36,0.3);
}
input[type=file]{
	border: 0px;
	font-size: 18px;
	line-height: 30px;
	-webkit-box-shadow: none;
	box-shadow: none;

}
input[type=submit]{
	width: 200px;
	background: #053d24;
	border: 0px;
	height: 30px;
	border-radius: 10px;
	font-size: 18px;
	color: #fff;
	font-family: 'Nunito', sans-serif;
	cursor: pointer;
}
input:focus{
	border: solid 1px rgba(5,61,36,0.7);
	outline:0;
}
input[type=submit]:focus{
	outline:0;
}
table{
	clear: both;
	width: 100%;
	margin-top: 100px;
	position: relative;
}
table tr:nth-child(odd){
	background: rgba(5, 61, 36, 0.05);
}
table th{
	line-height: 40px;
	background: rgba(5, 61, 36, 0.7);
	font-size: 20px;
	font-family: 'Nunito';
	color: #fff;
}
table td{
	line-height: 40px;
	background: rgba(0,0,0,0.2);
	text-align: center;
	font-family: Arial;
}
table tr:hover{
	background: rgba(5, 61, 36, 0.1);
}
table td.opt{
	width: 200px;
	text-align: center;
}
table td a.editar{
	display: inline-block;
	margin-right: 10px;
}
table td a.apagar{
	display: inline-block;
	margin-left: 10px;
}
.ic-users{
	background-image: url(../img/ic-users.png);
}
.ic-add-user{
	background-image: url(../img/ic-add-user.png);
}
.ic-material{
	background-image: url(../img/ic-material.png);
}
.ic-upload{
	background-image: url(../img/ic-upload.png);
}
.ic-categorias{
	background-image: url(../img/ic-categorias.png);
}
/*----------------------------------------
	- Header
---------------------------------------*/
header h1{
	background: url(../img/logo.png) center center no-repeat;
	background-size: 321px;
	height: 100px;
	width: 321px;
	margin-top: 15px;
	display: block;
	text-indent: -9999px;
}
header h1 a{
	display: block;
	width: 100%;
	height: 100%;
}
header nav{
	height: 100px;
	margin-top: 15px;
}
header nav a{
	line-height: 100px;
}
header nav span{
	margin-right: 10px;
	margin-left: 10px;
}
/*----------------------------------------
	- Footer
---------------------------------------*/
footer{
	text-align: center;
	width: 100%;
	background: #000;
	color: #fff;
}
/*----------------------------------------
	- Login
---------------------------------------*/
#login form{
	width: 300px;
	left: 50%;
	margin-left: -150px;
	position: relative;
	margin-top: 100px;
}
#login form label:nth-child(2){
	margin-top: 20px;
}
#login form input{
	width: 294px;
	text-align: center;
	margin-top: 5px;
}
#login form a{
	font-size: 14px;
	display: block;
}
#login form input[type=submit]{
	margin-top: 10px;
}
/*----------------------------------------
	- Esqueci Senha
---------------------------------------*/
#esqueci-senha form{
	width: 300px;
	left: 50%;
	margin-left: -150px;
	position: relative;
	margin-top: 100px;
}
#esqueci-senha form p{
	text-align: center;
}
#esqueci-senha form label{
	text-align: center;
	display: block;
	font-size: 18px;
	font-family: 'Nunito', sans-serif;
}
#esqueci-senha form label:nth-child(2){
	margin-top: 20px;
}
#esqueci-senha form input{
	width: 294px;
	text-align: center;
	margin-top: 5px;
}
#esqueci-senha form input[type=submit]{
	margin-top: 10px;
	width: 200px;
	background: #053d24;
	border: 0px;
	height: 30px;
	border-radius: 10px;
	font-size: 18px;
	color: #fff;
	font-family: 'Nunito', sans-serif;
	cursor: pointer;
}
/*----------------------------------------
	- Interna
---------------------------------------*/
.menu{
	width: 100%;
	margin-top: 100px;
}
.menu li{
	display: inline-block;
	text-align: center;
}
.menu li:not(:nth-child(4n)){
	margin-right: 62px;
}
.menu li a.icon{
	width: 200px;
	padding-top: 155px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.menu li a.icon:hover{
-webkit-transform: scale(1.1, 1.1);
   -moz-transform: scale(1.1, 1.1);
   -ms-transform: scale(1.1, 1.1);
   -o-transform: scale(1.1, 1.1);
   transform: scale(1.1, 1.1);
}
/*----------------------------------------
	- Usuários
---------------------------------------*/

/*----------------------------------------
	- Add e Edit
---------------------------------------*/
form.add-edit{
	clear: both;
	margin-top: 100px;
}
form.add-edit label{
	text-align: right;
	margin-right: 60px;
}
form.add-edit input{
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 40px;
	width: 700px;
}
form.add-edit input[type=submit]{
	left: 50%;
	margin-left: -100px;
	position: relative;
	margin-top: 30px;
}