@import "lib";

.mod01 {
	background-color: #fff;
	padding-top: 3.2em;
}
.modulo-01{
	// background: #f5f5f5;
	font-size: 13px;
	padding: 20px 10px;
	max-width: 940px;
	display: table;

	p{
		margin-bottom:40px;
	}
}

.slideshow{
	overflow: hidden;
}

.modulo-01-txt,
.modulo-01-acoes {
	display: table-cell;
	vertical-align: middle;
}
.modulo-01-txt {
	width: 80%;
	padding-right: 3em;

	a {
		color: #50aecc;
		font-weight: bold;
		display: inline-block;
		margin-top: 5px;
		text-decoration: none;
	}
}
.modulo-01-acoes {
	white-space: nowrap;
}

.btn-index{
	@align-btn:46px;

	background-color: #B6CF23;
	// background-image:url(/media/images/layout/btn-saibamais.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	border:none;
	color:#fff;
	// display:block;
	// float:right;
	font-family: tahoma;
	font-size:18px;
	line-height: 1em;
	// height: 120px - @align-btn;
	margin:0 5px;
	padding: 30px;
	// padding-top: @align-btn;
	text-align: center;
	text-decoration:none;
	min-width:150px;
	display: inline-block;

	// display: table-cell;

	// box-shadow: rgba(0,0,0,0.3) 0px 0px 2px inset;
	// text-shadow:rgba(0,50,0,0.9) 0px 0px 8px;

	&:hover{
		background-color: #caeb15;
		border:none;

		// box-shadow: rgba(0,0,0,0.4) 0px 2px 12px inset;
	}
}
.btn-demo{
	// background-color: #50aecc;
	background-color: @sysquali-verde;
	margin: 0;
	padding: 20px 30px;
	// box-shadow: 0px 1px 2px rgba(0,0,0,0.1) inset;
	// text-shadow: 0 1px 3px rgba(0,0,0,0.3);
	// background-image:url(/media/images/layout/btn-demo.png);
	text-transform: uppercase;
	line-height: 1.1em;
	font-family: @font-title;

	small,
	b {
		display: block;
	}
	b {
		font-size: 1.25em;
		// margin-top: 5px;
	}

	&:hover{
		// background-color:#06b9f3;
		background-color:darken(@sysquali-verde,10%);
		box-shadow: 0 0 0 6px @sysquali-verde;
	}
}

.box-social{
	background: #f5f5f5;
	height: 600px;
	margin-top: 50px;

	h1{
		background: #555;
		color: #fff;
		font-size:18px;
		margin:0;
		padding: 10px;
		// border-top-left-radius: 05px;
		// border-top-right-radius: 05px;
		text-shadow: none;
	}

	hr{
		border:none;
		border-bottom: 1px solid #ddd;
		margin:0;
	}

	.box-social-like{
		border-top: 1px solid #444;
		margin:0 auto;
		padding: 10px;
		padding-bottom: 20px;
		padding-top: 20px;
		text-align:center;
	}
	.box-social-facepile{
		padding: 10px;
	}
}

/*Twitter*/
.twtr-widget{
	p{
		text-align:left;
	}
}
.twtr-doc{}

#clientes {
	background-color: #FFF;
	padding: 20px;
	margin-top: 30px;
}
.clientes{
	margin-bottom: 30px;
	margin-top: 30px;
	width: 940px;

	#clientes-sliding{
		// width: 280px;
		width: 100%;

		// a{
		// 	// background: #fff;
		// 	background-color: transparent;
		// 	color: #666;
		// 	// display:block;
		// 	display:inline-block;
		// 	height: 160px;
		// 	margin:10px;
		// 	overflow: hidden;
		// 	padding: 5px;
		// 	text-decoration:none;
		// 	width: 270px;

		// 	width: 33%;
		// 	text-align: center;
		// 	margin: 0;
		//     -webkit-box-sizing: border-box;
		//        -moz-box-sizing: border-box;
		//             box-sizing: border-box;

		// 	// box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;

		// 	img{
		// 		height: 160px;
		// 		width: 270px;
		// 	}
		// }

		// .client3 {
		// 	width: 100%;
		// }

		.clientes-slide
		{
			background-color: transparent !important;
			width: 100%;
			vertical-align: middle;

			.clientes-item
			{
				display: inline-flex;
				align-items: center;
				justify-content: center;
				vertical-align: middle;
				min-height: 200px;
				width: 21%;
				height: 100%;

				a {
					display: flex;
					align-items: center;
					height: 100%;
					opacity: .75;
					filter: grayscale(1);

					&:hover
					{
						filter: grayscale(0);
						opacity: 1;
					}
				}

				img {
					display: block;
					margin: 0;
					width: 100%;
					height: auto;
				}
			}
		}

		.clientes-lista
		{
			margin: 0;
			min-height: 200px;
		}

		h1 {
			padding: 0 30px;
		}
	}
}
.clientes-title {
	a {
		color: #457484;
		display: inline-block;
		text-decoration: none;
		margin-bottom: 10px;
	}
}



// #syspat {
// 	background: #e5e5e5 url('/media/images/syspat/syspat-headline-bg.jpg') no-repeat top center;
// 	-webkit-background-size: cover;
// 	-moz-background-size: cover;
// 	background-size: cover;
// 	padding: 20px;
// 	margin-top: 0px;
// 	margin-bottom: -30px;
// 	font-size: 14px;
// 	padding-bottom: 150px;
// 	box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
// 	text-shadow: 0 1px 6px #EEE;
// 	color: #333;

// 	h1 {
// 		width: auto;
// 		margin-top: 100px;
// 		margin-left: 0;
// 		font-size: 3em;
// 		line-height: 1em;

// 		a {
// 			display: inline-block;
// 			// background-color: rgba(230,230,230,0.5);
// 			text-decoration: none;
// 			color: #93C041;
// 			padding:10px 15px;
// 		}
// 	}

// 	.novidade {
// 		vertical-align: top;
// 		margin-top: 6px;
// 		margin-left: -15px;
// 		padding-left: 40px;
// 		padding-right: 40px;
// 		padding-left: 1000px;
// 		margin-left: -1000px;
// 		margin-bottom: 30px;
// 	}

// 	.syspat-txt {
// 		// background-color: rgba(230,230,230,0.5);
// 		display: block;
// 		width:500px;
// 		padding:10px 15px;

// 		a {
// 			color: #759933;
// 			font-weight: bold;
// 			text-decoration: none;
// 			display: inline-block;
// 			width: auto;
// 			padding: 15px 25px;
// 			border: 1px solid;
// 			border-radius:30px;
// 			text-shadow: none;
// 			margin-left: -10px;
// 			margin-top: 10px;

// 			&:hover {
// 				background-color: #759933;
// 				border-color: #759933;
// 				color: #FFF;
// 			}
// 		}
// 	}
// }


.home-banner-destaque
{
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	padding: 3em 0;

	color: #FFF;

	min-height: 500px;
	margin: 0 0 3px;
}
.home-banner-destaque-logo
{
	display: inline-block;
	max-width: 390px;
	margin-bottom: 3em;
	box-sizing: border-box;

	img, svg
	{
		box-sizing: border-box;
		display: block;
		margin-left: 0;
		height: 130px;
	}
}
.home-banner-destaque-content
{
	color: #FFF;
	max-width: 400px;
	padding-left: 2.4em;
	text-shadow: none;
}
.home-banner-destaque-title
{
	color: inherit;
	text-transform: uppercase;
	font-weight: 100;
	line-height: 1.1em;
	margin-bottom: 1em;
}
.home-banner-destaque-cta
{
	display: inline-block;
	padding: 10px 30px;
	background-color: transparent;
	color: #FFF;
	border-radius: 50px;
	text-transform: uppercase;
	font-family: @font-title;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	margin-top: 1em;
	box-shadow: 0 0 0 2px #FFF;

	&:focus,
	&:hover
	{
		background-color: @sysquali-verde;
		color: #222;
	}
}


.home-banner-destaque#sysrating
{
	background-position: 50% 25%;
}

.outras-solucoes
{
	padding: 3.2em 0 0 0;
}