/* 
** The main stylesheet
** IE8 and below workarounds are located in ie.css
** @author: Bruno | Digigroup
*/

/* Font-face */

@font-face {
    font-family: 'Frutiger Bold';
    src: url('../webfonts/frutiger_bold-webfont.eot');
    src: url('../webfonts/frutiger_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/frutiger_bold-webfont.woff') format('woff'),
         url('../webfonts/frutiger_bold-webfont.ttf') format('truetype'),
         url('../webfonts/frutiger_bold-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Frutiger';
    src: url('../webfonts/frutiger-webfont.eot');
    src: url('../webfonts/frutiger-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/frutiger-webfont.woff') format('woff'),
         url('../webfonts/frutiger-webfont.ttf') format('truetype'),
         url('../webfonts/frutiger-webfont.svg#frutigerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Global Styles */

body {
	font-family: 'Frutiger', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Frutiger', sans-serif;
	font-weight: bold;
}

h1 {
	font-weight: normal;
}

strong {
	font-weight: bold;
}

a, a:hover {
	color: #3a9848;
}

.flash {
	padding-top: 50px;
}

.badge {
	background: #812991;
}

/*.alert {
	margin-top: 50px;
}
*/

/*MODAL*/
.modal-body {
	overflow: auto;
}


/* Header */

.main-header {
	background: #fff;
	border-bottom: 1px solid #a5cd39;
}	
	
	.main-header .container {
		position: relative;
	}

	.main-header .navbar-brand {
		width: 200px;
	}
		.main-header .navbar-brand img {
			width: 100%;
		}

	.main-header .navbar-nav {
	}

		.main-header .navbar-nav a {
			font-size: 15px;
			color: #3a9848;
		}

		.main-header .navbar-nav a:hover, .main-header .navbar-nav a.active {
			background: #ebf7ec;
		}

	.main-header .user {
		position: absolute;
		top: 0;
		right: 0;
	}

		.main-header .user span, .main-header .user a {
			background: #3a9848;
			color: #fff;
			display: block;
			height: 30px;
			padding: 5px 15px 0 30px;
			float: right;
			margin-left: 44px;
			position: relative;
		}

			.main-header .user span:before, .main-header .user span::before {
				position: absolute;
				left: 10px;
				top: 7px;
				content: '';
				display: block;
				background: url(../images/icon-user.png) no-repeat 0 0;
				width: 16px;
				height: 16px;
			}

			.main-header .user a {
				background-image: url(../images/icon-logout.png);
				background-repeat: no-repeat;
				background-position: 13px center;
				text-indent: -9999em;
				padding: 0;
				width: 38px;
				-webkit-border-bottom-right-radius: 20px;
				   -moz-border-bottom-right-radius: 20px;
				     -o-border-bottom-right-radius: 20px;
				        border-bottom-right-radius: 20px;
			}

				.main-header .user a:hover {
					background-color: #4bba5b;
				}

	.main-header .navbar-toggle {
		position: absolute;
		right: 40px;
		top: 0;
		width: 40px;
		height: 30px;
		margin: 0;
		padding: 7px 8px;
		background: #3a9848;
		z-index: 10;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		     -o-border-radius: 0;
		        border-radius: 0;
	}
		.main-header .navbar-toggle:hover {
			background: #4bba5b;
		}
		.main-header .navbar-toggle .icon-bar {
			background: #fff;
		}

/* Content */

.main {
	margin-top: 65px;
	padding-bottom: 50px;
	padding-top:50px;
}

	.page-title {
		position: fixed;
		top: 65px;
		margin: 0;
		background: #a5cd39;
		float: left;
		min-width: 215px;
		padding: 5px;
		font-size: 20px;
		color: #fff;

		-webkit-border-bottom-right-radius: 25px;
		   -moz-border-bottom-right-radius: 25px;
		     -o-border-bottom-right-radius: 25px;
		        border-bottom-right-radius: 25px;
	}

.form-signin, .form-subscribe, .form-senha, .form-options, .form-payment {
	clear: both;
	max-width: 390px;
	margin: 80px auto 0;
}	
	.form-payment {
		margin-top: -40px;
	}

	#frm-discount {
		position: relative;
		top: -65px;
	}

	.form-heading {
		color: #3a9848;
		font-size: 24px;
		font-weight: bold;
	}

	.form-subheading {
		color: #000;
		font-size: 18px;
		font-weight: bold;
	}

.form-row {
	margin: 10px 0;
}
	.form-row.data-mes, .form-row.data-ano{
		float:left;
		width: 48%;
	}

	.form-row.data-ano{
		float:right;
	}

	.form-control {
		background: #e9e9e8;
		border: none;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		     -o-box-shadow: none;
		        box-shadow: none;
		color: #000;
	}

	.checkbox {
		font-weight: normal;
		margin-top: 0;
	}
		.lembrar {			
			float: left;
		}

	.forgot {
		float: right;
	}

	.form-options-preferences label {
		background: #e9e9e8;
		padding: 7px 10px;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		     -o-border-radius: 5px;
		        border-radius: 5px;
	}

	.form-options-preferences .checkbox input {
		margin-left: 0;
		margin-right: 5px;
	}

	.btn {
		font-weight: bold;
		font-size: 18px;
		line-height: 21px;
		clear: both;
		background: #3a9848;
		color: #fff;
		padding: 5px 10px 4px 8px;
	}

		.btn:hover {
			color: #fff;
			background: #4bba5b;
		}

		.btn:before, .btn::before {
			content: '';
			float: left;
			background: url(../images/icon-seta.png) no-repeat 0 0;
			width: 9px;
			height: 11px;
			margin: 3px 5px 0 0;
		}

		.btn-danger, .btn-danger:hover {
			background: #d43f3a;
		}

.table-responsive {
	margin: 30px auto 0;
}

.table-pedidos, .table-detalhes, .table-autorizacoes {
	width: 100%;
	border-collapse: separate;
	clear: both;
}

.table-responsive-detalhes {
	max-width: 730px;
}

	.table-pedidos, .table-pedidos thead, .table-pedidos thead tr, .table-pedidos th:first-child,
	.table-detalhes, .table-detalhes thead, .table-detalhes thead tr, .table-detalhes th:first-child,
	.table-autorizacoes, .table-autorizacoes thead, .table-autorizacoes thead tr, .table-autorizacoes th:first-child {
		-webkit-border-top-left-radius: 20px;
		   -moz-border-top-left-radius: 20px;
		     -o-border-top-left-radius: 20px;
		        border-top-left-radius: 20px;
	}

	.table-pedidos > thead > tr > th, .table-pedidos > tbody > tr > th, .table-pedidos > tfoot > tr > th, .table-pedidos > thead > tr > td, .table-pedidos > tbody > tr > td, .table-pedidos > tfoot > tr > td,
	.table-detalhes > thead > tr > th, .table-detalhes > tbody > tr > th, .table-detalhes > tfoot > tr > th, .table-detalhes > thead > tr > td, .table-detalhes > tbody > tr > td, .table-detalhes > tfoot > tr > td,
	.table-autorizacoes > thead > tr > th, .table-autorizacoes > tbody > tr > th, .table-autorizacoes > tfoot > tr > th, .table-autorizacoes > thead > tr > td, .table-autorizacoes > tbody > tr > td, .table-autorizacoes > tfoot > tr > td {
		border: 1px solid #e9e9e8;
	}

	.table-pedidos thead, .table-detalhes thead, .table-autorizacoes thead {
		background: #349948;
		color: #fff;
		font-weight: bold;
	}

	.table-pedidos > thead > tr > th,
	.table-detalhes > thead > tr > th,
	.table-autorizacoes > thead > tr > th {
		border: 1px solid #308c42;
		padding: 10px;
		padding-left: 25px;
	}

	.table-pedidos td, .table-detalhes td, .table-autorizacoes td {
		padding: 5px;
		padding-left: 25px;
	}

	.table-pedidos tbody tr:nth-child(even),
	.table-detalhes tbody tr:nth-child(even),
	.table-autorizacoes tbody tr:nth-child(even) {
		background: #edf4d7;
	}

	.detalhes-produto-heading {
		float: left;
		margin-top: 10px;
		font-size: 24px;
		font-weight: bold;
		margin-left: 20px;
	}

	.btn-pagar {
		clear: none;
		float: right;
		margin-top: 6px;
	}

.table-valores-pedido {
	width: 250px;
}

	.table-autorizacoes .btn:before {
		display: none;
	}

@media screen and (min-width: 768px) {


.main-header {
	height: 125px;
}

	.main-header .navbar-nav {
		margin-top: 40px;
	}

		.main-header .navbar-brand {
			padding-top: 32px;
			width: 270px;
		}

		.main-header .navbar-nav li {
			border-right: 1px solid #3a9848;
		}

			.main-header .navbar-nav li:last-of-type {
				border: none;
			}

			.main-header .navbar-nav li a {
				padding-top: 4px;
				padding-bottom: 3px;
			}

		.main-header .user span, .main-header .user a {
			margin-left: 2px;
		}

.main {
	margin-top: 125px;
}

	.page-title {
		top: 125px;
	}

	.form-signin {
		margin-top: 125px;
	}

}

#loading {
	display:none;
	width:16px;
	height: 16px;
}

.txt_pagseguro {
	float: right;
	width: 244px;
	text-align: right;
	line-height: normal;
	margin-bottom: 0px;
	font-size: 13px;
}

.bt-pagseguro {
	clear:right!important;
}

.bt-enviar {
	margin-bottom: 15px;
}

.modal-backdrop {
	background: #aaa;
	background: rgba(150,150,150,0.6);
}

.modal .modal-body {
	width: 100%;
	min-height: 200px;
}

.modal .modal-body img {
	display: block;
	margin: 0 auto;
}

.modal .btn:before {
	display: none;
}