/* jquery ui */

/*
.ui-corner-all
{
	-moz-border-radius: 4px 4px 4px 4px;
}
.ui-widget-content
{
	border: 5px solid black;
	color: #222222;
	background-color: Red;
}
.ui-widget
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 15px;
}
.ui-menu
{
	display: block;
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 2px;
}
.ui-autocomplete
{
	cursor: default;
	position: absolute;
}
.ui-menu .ui-menu-item
{
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-item a
{
	display: block;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	cursor: pointer;
	background-color: Green;
}
.ui-menu .ui-menu-item a:hover
{
	display: block;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	color: White;
	cursor: pointer;
	background-color: ButtonText;
}
.ui-widget-content a
{
	color: #222222;
}*/

.welcome {
	padding-top: 40px;
	padding-bottom: 50px;
}

.changelanguage {/*
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-right: 9px;	*/
}

.changelanguage2 {
	display: none;
}

.metro .tile .tile-status .label {
	font-size: 11pt;
}

.header-tile {
	width: 62px !important;
	height: 68px !important;
}
rgba(237, 237, 237, 1)
.navbar {
	border-radius: 0px;
}

.ui-autocomplete {
	max-height: 120px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	max-width:300px;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 100px;
}

/* ------ Carousel ------ */

#owl-demo {
	padding-bottom: 30px;
}

#owl-demo .item {
    display: block;
    width: 100%;
    height: auto;
	border: 7px solid rgba(237, 237, 237, 1);
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;

	color: 0 0 8px #999;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
	border: 7px solid #FFF;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 8px #999;
	-moz-box-shadow: 0 0 8px #999;
	box-shadow: 0 0 8px #999;
	color: 0 0 8px #999;
}

/* ------ Body ------ */

html,body{
	width: 100%;
	height: 100%;    
}

.thumbnail .caption {
	text-align: center;
}

h2 {
	margin-top: 0px;
}

.borderless tbody tr td, .borderless thead tr th {
    border: none;
}

.thumb {
	position: relative;
	width: 150px;
	height: 150px;
	overflow: hidden;
}
.thumb img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	  -ms-transform: translate(-50%,-50%);
		  transform: translate(-50%,-50%);
	padding: 8px;
	border: 1px solid #DFDFDF;          
}
.thumb img.portrait {
	width: 100%;
	height: auto;
}

.form-control-search {
	font-size: 14px;
	background-color: #4A4A4A;
	border: 1px solid #6F6F6F;	
	color: #fff;
	
}

input[type=checkbox] {
	margin: 0px 0px; 
	line-height: normal;
}

.empresa {
	position: relative;
	background: rgba(237, 237, 237, 1);
	margin: 40px 0px;
	padding: 20px;
	border: 8px solid rgba(237, 237, 237, 1);
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;	

	
}

a.backoffice:hover {
    color: grey;
}

.backoffice {
	margin-top: 7px;
}

.line {
	border-top: 1px dashed #e6e6e6;
	height: 1px;
	margin: 20px 0px;
}

.line2 {
	border-top: 1px solid rgb(203, 203, 203);
	height: 2px;
	margin: 4px 0px;
}

.line3 {
	border-top: 1px dashed #e6e6e6;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 10px;
}


.table>tbody>tr.active>td {
	background-color: #CDCDCD;
	font-weight:bold;
}

.login {
	position: relative;
	margin: 20px 0px;
	padding: 20px;
	
}

.col-centered {
    float: none;
    margin: 0 auto;
}

/* --- Pagination fix --- */
.pagination>.active>a {
	border-color: #679464;
}

.pagination>.active>a:hover {
	z-index: 2;
	color: #fff;
	background-color: #679464;
	border-color: #679464;
}

.pagination>li>a:hover {
	color: #679464;
}

/* ------ Produtos ------ */

.produtos {
	padding-top: 40px;
	min-height: 600px;	
}

.botaoproduto {
	text-align: center;
}

.produto-item {
	height: 320px;;
}

.noticias {
	padding-top: 40px;
	min-height: 500px;
	background: rgba(237, 237, 237, 1);
	margin: 40px 0px;
	padding: 20px;	
	border-radius: 5px;
	word-wrap: break-word;
}

.produto_perfil {
	position: relative;
	background: rgba(237, 237, 237, 1);
	margin: 40px 0px;
	padding: 20px;
	border: 8px solid rgba(237, 237, 237, 1);
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;	
	word-wrap: break-word;
	/*
	-webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
	-moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
	box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;	*/
	min-height: 600px;	
}


/* ------ Footer 2 ------*/

.footer2 {
	/*background: #222;*/
/*background: #292929;*/
box-shadow: 0px 0px 10px rgba(0,0,0,0.5);

	color: #A0A0A0;
	/*padding: 0 20px 10px 20px;
	padding-top: 20px;*/
	padding-top: 15px;	

	margin-top: 10px;
	
}

/* ------ NAVBAR ------ */


.afc-logo {
	width: 300px;
	padding-top: 10px;
}

.header-border {
	padding-left: 30px;	
	/*width: 350px;*/
}

.navbar-default {

	background: #292929;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	border: 0px;
	
	/*background: url(../images/fundo_escuro.png) left top no-repeat;
	 border-bottom: 2px solid #8FD400; 
	 */	
	color: #fff;
	padding: 0px 10px 10px 10px;
}

.navbar-default .navbar-toggle {
	border-color: #555;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #3F3F3F;
}

.navbar-collapse {
	box-shadow: inset 0 0px 0 rgba(255,255,255,.1); 
}

.select_cat {
	display:none;
	opacity: 0;
}

/* ------ SMARTPHONES ------ 479px */

@media screen and (max-width: 479px) {

	.apps {
		float: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 260px;
	}

}

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

	.afc-logo {
		width: 205px;
		padding-top: 5px;
	}

	.header-border {
		/*border-left: 0px;*/
		padding-left: 0px;		
		width:100%;
	}
	
	body {
		/*background: url(../images/fundo.jpg) left top no-repeat;*/
		background-color: #222;  
	}
	
	.navbar-default {
		padding: 10px 10px 10px 10px;	
	
	}	

	.navbar-nav {
		margin: 7.5px -15px;
		margin-top: 0px;
		margin-bottom: 0px;
	}	
	
	.butoesnav {
		/*padding-top: 14px;
		width: 363px; 
		margin: 0 auto;			*/
	}
	
	.portfolio-item .portfolio-image {
		min-height: 100px;
		max-width: 275px;		
		margin: 0 auto;
	}
	
	.produto-item {
		height: 266px;
	}	
	
	.portfolio-item {
		word-wrap: break-word;
		height: 340px;	
	}
	.changelanguage {
		display:none;
	}
	
	.changelanguage2 {
		display: inline;
		padding: 13px;
		padding-right: 25px;
	}	

	.select_cat {
		display: inline;
		opacity: 1;
	}
	
	.cat_tree {
		display: none;
		opacity: 0;
	}
}

.custom-toggler.navbar-toggler { 
    border-color: darkgreen; 
} 
        
.custom-toggler .navbar-toggler-icon { 
	background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 128, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
}

.metro .tile-group.two,
.metro .tile-group.afc_single {
  width: 175px;
}

.metro .tile.afc_single {
  width: 165px;
}

.metro .tile.afc_single-vertical {
  height: 165px;
}

.metro .tile-group.two,
.metro .tile-group.afc_double {
  width: 350px;
}

.metro .tile.afc_double {
  width: 340px;
}

.metro .tile.afc_double-vertical {
  height: 340px;
}

.icon-cart-2-afc {
	font-size: 72px !important;
	margin-left: -36px !important;
}

.icon-cart-1-afc {
	font-size: 24px !important;
	margin-left: -18px !important;
}

.fa-pulse-hover:hover {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }