@import url(bootjao.reset.css);
@import url(bootjao.animate.css);
@import url(bootjao.glyphicon.css);
@import url(bootjao.foundation-icons.css);
@import url(bootjao.form.css);
@import url(bootjao.table.css);

.after:after{
	content: ".";
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
	clear: both;
}

/* NOTIFICAÇÕES
**************************************************/

.notification{
	padding: 0px 10px;
}
.notification li{
	padding: 14px 5px 15px 15px;
	box-sizing: border-box;
	border: 1px solid #DEDEDE;
	border-left: 4px solid #DEDEDE;
	margin-bottom: 15px;
	color: #666666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	line-height: 22px;
}
.notification .alert{
	border-left-color: #FF9900;
}
.notification .success{
	border-left-color: #339900;
}
.notification .error{
	border-left-color: #CC0000;
}
.notification li strong{
	font-weight: bold;
}
.notification .alert strong{
	color: #FF9900
}
.notification .success strong{
	color: #339900
}
.notification .error strong{
	color: #CC0000
}

/* ALINHAMENTO DE TEXTO
**************************************************/

.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-justify{
	text-align: justify;
}
.text-bold{
	font-weight: bold;
}

/* POSICIONAMENTO DE ELEMENTO
**************************************************/

.side{
	width: 100%;
}
.side-left{
	float: left;
}
.side-right{
	float: right;
}
.side-1,
.side-2,
.side-3,
.side-4,
.side-5,
.side-6,
.side-7,
.side-8,
.side-9,
.side-10,
.side-11,
.side-12{
	float: left;
}
.side-1{
	width: 8.33%;
}
.side-2{
	width: 16.66%;
}
.side-3{
	width: 25%;
}
.side-4{
	width: 33.33%;
}
.side-5{
	width: 41.66%;
}
.side-6{
	width: 50%;
}
.side-7{
	width: 58.33%;
}
.side-8{
	width: 66.66%;
}
.side-9{
	width: 75%;
}
.side-10{
	width: 83.33%;
}
.side-11{
	width: 91.66%;
}
.side-12{
	width: 100%;
}
.side-left-1{
	margin-left: 8.33%;
}
.side-left-2{
	margin-left: 16.66%;
}
.side-left-3{
	margin-left: 25%;
}
.side-left-4{
	margin-left: 33.33%;
}
.side-left-5{
	margin-left: 41.66%;
}
.side-left-6{
	margin-left: 50%;
}
.side-left-7{
	margin-left: 58.33%;
}
.side-left-8{
	margin-left: 66.66%;
}
.side-left-9{
	margin-left: 75%;
}
.side-left-10{
	margin-left: 83.33%;
}
.side-left-11{
	margin-left: 91.66%;
}
.side-left-12{
	margin-left: 100%;
}

@media (min-width: 768px) and (max-width: 979px) {
	.side-left-1,
	.side-left-2,
	.side-left-3,
	.side-left-4,
	.side-left-5,
	.side-left-6,
	.side-left-7,
	.side-left-8,
	.side-left-9,
	.side-left-10,
	.side-left-11,
	.side-left-12{
		margin-left: 0px;
	}

	.side-1,
	.side-2,
	.side-3,
	.side-4,
	.side-5,
	.side-6{
		width: 50%;
	}

	.side-7,
	.side-8,
	.side-9,
	.side-10,
	.side-11,
	.side-12{
		width: 100%;
	}
}

@media (max-width: 767px) {

	.side-left-1,
	.side-left-2,
	.side-left-3,
	.side-left-4,
	.side-left-5,
	.side-left-6,
	.side-left-7,
	.side-left-8,
	.side-left-9,
	.side-left-10,
	.side-left-11,
	.side-left-12{
		margin-left: 0px;
	}

	.side-1,
	.side-2,
	.side-3,
	.side-4,
	.side-5,
	.side-6,
	.side-7,
	.side-8,
	.side-9,
	.side-10,
	.side-11,
	.side-12{
		width: 100%;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}
}