/* ESTILOS PARA OS SITES DE CLIENTES 
O ShowCommerce não utiliza. Apenas os clientes requisitam o link absoluto
*/

@charset "utf-8";

/*TOOLTIP */
#header .tooltip, .tooltipLogin 
{
	background:#fff;
	padding:0px;
	margin:0px;
	border:1px solid #ddd;
	max-width:350px;
	min-width:180px;
	position:absolute;
	
	filter: alpha(opacity=98);
	opacity: 0.98;
	display:none;
	
	color:#555;
	text-transform:none !important;
	text-shadow: none !important;
	
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
	
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
	
	text-align:left;
	z-index:999999999;
	
/*comandos de posicao estao em estilo.css*/
}
#header .tooltip:before, .tooltipLogin:before 
{
	content:"";
	display:block;
	position:absolute;
	top:-20px;
	right:10px;
	border-bottom:10px solid #fff;
	border-top:10px solid transparent;
	border-right:8px solid transparent;
	border-left:8px solid transparent;
	
}
#header .tooltip .tooltip-menu,.tooltipLogin .tooltip-menu {display:block; margin-top:15px;}
#header .tooltip .tooltip-menu a,.tooltipLogin .tooltip-menu a{background:#f2f2f2; display:block; padding:7px 5px; margin:0px 0px 1px 0px; text-decoration:none; color:#555; border-radius:2px;}

#header .tooltip .coluna,.tooltipLogin .coluna {color:#555 !important;}
#header .tooltip ul,.tooltipLogin ul {padding:0px;margin:0px;}
#header .tooltip ul li,.tooltipLogin ul li{padding:5px 25px; margin:0px; list-style:none; cursor:pointer; font-size:11px;}
#header .tooltip ul li:hover,.tooltipLogin ul li:hover{background-color:#eee !important;}
#header .tooltip ul li.current,.tooltipLogin ul li.current{background:url(../img/icones/checkmark.png)no-repeat;}
#header .tooltip ul li.suspenso,.tooltipLogin ul li.suspenso{background:url(../img/icones/suspenso.png)no-repeat; color:#ccc;	}

.login .avatar {border-radius:100%; width:35px; height:35px; display:block; background-size:cover; background-position:center;}
 
 
/*TOOLTIP LABEL */
.tooltipLabel{
	position:absolute; 
	background:rgba(0,0,0,0.7); 
	max-width:700px;
	max-height:40px; 
	color:#fff;
	font-weight:bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:4px 6px;
	font-size:11px;
	display:none;
	
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	border:3px solid rgba(255,255,255,0.4);
}




/*LIGHTBOX SHOWCOMMERCE*/
.lightBoxShowCommerce{ }
.lightBoxShowCommerce-janela{background:rgba(0,0,0,0.9); text-align:center; width:100%; height:100%; position:fixed; z-index:99999999999999999999999999999999999;}
.lightBoxShowCommerce-janela table{width:100%; height:100%;}
.lightBoxShowCommerce-janela table td{vertical-align:middle;height:100%;}
.lightBoxShowCommerce-janela img{}
.lightBoxShowCommerce-janela span.fechar{background:#000 url("../widget/lightbox/img/close.png") center no-repeat; background-size:60%; z-index:9; cursor:pointer; position:absolute; top:18px; right:18px; display:block; border-radius:100%; width:30px; height:30px;}
.lightBoxShowCommerce-janela a{ display:block; width:60px; height:60px; top:40%; cursor:pointer; position:absolute;   background:transparent no-repeat center;}
.lightBoxShowCommerce-janela a.btn-proxima{right:0px;background-image:url("../widget/lightbox/img/next.png");}
.lightBoxShowCommerce-janela a.btn-anterior{left:0px;background-image:url("../widget/lightbox/img/prev.png");}
.lightBoxShowCommerce-janela a.btn-anterior:hover{}
.lightBoxShowCommerce-janela a.btn-proxima:hover{}
.lightBoxShowCommerce-janela a.btn-proxima.disable{display:none}
.lightBoxShowCommerce-janela a.btn-anterior.disable{display:none}




/*TABS */
ul.tabs-menu{margin:0px; padding:0px;}
ul.tabs-menu li{
		/*float: left; float left tava dando pala nas abas da rita trindade*/
		display: inline-block;
		list-style:none;
		margin: 0 !important;
		color: #333 !important;
		padding: 7px 15px;
		margin-right: 2px;
		background: #f5f5f5;
		border: 1px solid #ccc !important;
                }
ul.tabs-menu li.current{
		background: #fff;
		border: 1px solid #ccc !important;
		border-bottom: 1px solid #fff !important;
		-webkit-box-shadow:   0 -1.5px 3px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 -1.5px 3px rgba(0,0,0,0.1);
		box-shadow:  0 -1.5px 3px rgba(0,0,0,0.2);
		z-index:9;
		position:relative;
                }
/* COMENTEI POR QUE NAO PODE SER A CLASSE .tab SOLTA.ELA TEM QUE ESTAR DENTRO DE UMA SECTION
AINDA NAO DESCOBRI ESSA ESTRUTUR

.tab {
	display:none;
	background:#fff;
	color:#333 !important;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin-top:-1px;
	-webkit-box-shadow:   0 -3px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 -3px 8px rgba(0,0,0,0.1);
	box-shadow:  0 -3px 8px rgba(0,0,0,0.2);
	padding:20px;
	z-index:2 !important;
	position:relative;
		}
.tab.current {display:block; }*/





/*CARREGANDO*/
.carregando{
	position:absolute;
	margin: auto;
	display:block;
	height:100%;
	width:100%;
	background:#f2f2f2 url(../img/loader/circular-eee.gif) center no-repeat;
	font-size:10px;
	text-align:center;
	z-index:98;
	}
	
.carregando-mini{
	width:16px !important;
	height:12px !important;
	display:inline-block;
	background:url(../img/loader/loader_peq.gif) center no-repeat;
	}
	
.carregando-ajax{
	width:16px !important;
	height:16px !important;
	display:inline-block;
	background:url(../img/loader/ajax-loader-transp.gif) center no-repeat;
	}
	
	
/* Loader */
.sc-loader {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:url(../img/loader/loader.gif) center no-repeat, url(../img/semi-transparent.gif) ;
	z-index:9999;
	}
.sc-loader .load_feedback{
	top:50%;
	margin-top:50px;
	left:50%;
	width:400px;
	margin-left:-200px;
	text-align:center;
	position:absolute;
	font-size:18px;
	font-weight:bold;
	color:#666;
	text-shadow: rgba(0, 0, 0,0) 1px 1px 3px;
	}
		
.loader_top {
	width:100%;
	height:30px;
	position:fixed;
	top:0px;
	right:1px;
	background:url(../img/loader/loader.gif) right no-repeat ;
	z-index:9999;
	}
	
/*LOADER TOP*/		
.sc-loader.top {
	width:100%;
	height:30px;
	position:fixed;
	top:0px;
	left:auto;
	right:1px;
	background:url(../img/loader/loader.gif) right no-repeat;
	border:none;
	}
.sc-loader.top .load_feedback{
	top:7px;
	margin-top:0px;
	right:50px;
	text-align:right;
	position:absolute;
	font-size:12px;
	text-shadow: rgba(0, 0, 0,0.5) 1px 1px 3px;
	}
	

/* DIALOG */
.dialog{
	position:fixed;
	top:0px;
	z-index:999999999999999999999999;
	background:rgba(255,255,255,0.7);
	width:100%;
	height:100%;
}
.dialog .alert{
	position:relative;
	top:20%;
	left:50%;
	margin-left:-250px;
	width:500px;
	
	border: 10px solid rgba(82,82,82,0.7);
				
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	padding:0px !important; /*por causa do bootstrap*/
}
.dialog .alert .titulo{
	position:relative;
	top:0px;
	left:0px;
	padding:6px 10px;
	color:#fff;
	background:#369;
	display:block;
}
.dialog .alert .mensagem{
	padding:15px 20px;
	color:#555;
	font-size:13px;
	position:relative;
	background:#fff;
	display:block;
	max-height:400px;
	overflow-y:auto;
}

.dialog .alert .action{
	border-top:1px solid #ccc;
	padding:5px;
	text-align:right;
	color:#777;
	position:relative;
	background:#eee;
	display:block;
}

.dialog .danger{background: #990404 !important;}
@media screen and (min-width : 320px) and (max-width : 980px) {
	.dialog .alert {position:relative;top:5%;left:0px;margin:0px auto !important;width:90%;}
	.dialog .alert .mensagem {font-size:15px;}
	
}




/* DIALOG */
.sc-dialog{
	position:fixed;
	top:0px;
	z-index:9999;
	background:rgba(255,255,255,0.7);
	width:100%;
	height:100%;
	font-family:sans-serif;
}
.sc-dialog .sc-alert{
	position:relative;
	top:20%;
	left:50%;
	margin-left:-250px;
	width:500px;
	
	border: 10px solid rgba(82,82,82,0.7);
				
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}
.sc-dialog .sc-alert .sc-titulo{
	position:relative;
	top:0px;
	left:0px;
	padding:8px 10px;
	color:#fff;
	background:#369;
	display:block;
	font-size:16px;
	
}
.sc-dialog .sc-alert .sc-mensagem{
	padding:15px 20px;
	color:#555;
	font-size:14px;
	position:relative;
	background:#fff;
	display:block;
	max-height:400px;
	overflow-y:auto;
}

.sc-dialog .sc-alert .sc-mensagem h1{
	
	font-size:24px;
	
}


.sc-dialog .sc-alert .sc-action{
	border-top:1px solid #ccc;
	padding:5px;
	text-align:right;
	color:#777;
	position:relative;
	background:#eee;
	display:block;
}

.sc-dialog .sc-danger{background: #990404 !important;}
@media screen and (min-width : 320px) and (max-width : 980px) {
	.sc-dialog .sc-alert {position:relative;top:25%;left:0px;margin:0px auto !important;width:90%;}
	.sc-dialog .sc-alert .sc-mensagem {font-size:15px;}
	
}