/*
===================================
			ESTILO FIXO
===================================
*/

ul{
	-webkit-padding-start: 0px !important;
	-moz-padding-start: 0px !important;
	-o-padding-start: 0px !important;
	padding-start: 0px !important;
}

textarea[class="form-control"]{
	resize:none !important;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info{
	background-image: none !important;
}
.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info{
	color:#ffffff !important;
}

.list-group{
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

b,
strong{
	font-weight: 600;
}

a,
a:hover,
a:active,
a:link,
a:visited{
	color:inherit;
	text-decoration: none;
}

label{
	font-weight: 700;
	font-size: 12px;
}

#overloading{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.85);
	font-size: 200px;
	z-index: 3999;
}
#overloading i{
	position: fixed;
	top:50%;
	left: 50%;
	margin-top: -87px;
	margin-left: -101px;
	color:#3795c6;
	animation: colorchange 3s ease 1s infinite alternate, fa-spin 2s infinite linear;
    -moz-animation:colorchange 3s ease 1s infinite alternate, fa-spin 2s infinite linear;
    -webkit-animation:colorchange 3s ease 1s infinite alternate, fa-spin 2s infinite linear;
}
.fa-spincustom{
	padding-top: 75px;
	padding-bottom: 75px;
	font-size: 200px;
	color:#3795c6;
	animation: colorchange 3s ease 1s infinite alternate, fa-spin 2s infinite linear;
    -moz-animation:colorchange 3s ease 1s infinite alternate, fa-spin 2s infinite linear;
    -webkit-animation:colorchange 3s ease 1s infinite alternate, fa-spin 2s infinite linear;
}

#footer{
	color:#ffffff;
}
.dropdown-menu{
	min-width: 80px;
	z-index:2000;
}
.copyright{
	padding-top:7px;
	padding-bottom:7px;
	font-size:12px;
	color:#ffffff;
	background-color: rgba(0,0,0,0.6);
	border:1px solid rgba(0,0,0,0.4);
	box-shadow: 0 3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}

.login-row{
	background-color: rgba(0,0,0,0.5);
	border:1px solid rgba(0,0,0,0.4);
	box-shadow: 0 3px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}
.login-on{
	padding-top: 15px;
	padding-bottom:15px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.login-lost{
	min-height: 283px;
	background-color: rgba(0,0,0,0.5);
	border-left: 1px solid #000000;
	padding-top: 15px;
	padding-bottom:15px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.textshad{
	text-shadow:0 1px 1px #2c2c2c;
}

.navbar-default{
	background-image: none !important;
}
.navbar-fixed-top{
	z-index: 4000 !important;
}

.footer-inner{
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.header-logo{
	position: fixed;
	width:200px;
	top:0px;
	left:50%;
	margin-left:-200px;
	background-color:#f8f8f8;
	z-index: 4001;
}

/* menu categorias */
.col-xs-4[rel="navigation-lateral"]{
	padding-right: 0px;
	padding-left: 0px;
}
.nav-lateral{
	position: fixed;
	height: 100%;
	top: 50px;
	left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 40px;
	background-color: #f8f8f8;
	border-right:1px solid #eeeeee;
	border-right: 1px solid #ffffff;
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.3);
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	overflow: auto;
	z-index: 1000;
}

.nav-lateral-fixed{
	width: 320px !important;
	left:-320px;
}
.nav-lateral-fixed.nav-lateral-open{
	left: 0px;
}
.nav-lateral-fixed.nav-lateral-closed{
	left: -320px;
}


.logo-nav-lateral{
	padding:10px 0;
}
.grupo{
	width:100%;
	padding:7px;
	padding-right: 0px;
	border-top:1px solid #ffffff;
	color:#ffffff;
	font-size:16px;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
.sub-grupo{
	width:100%;
	padding:7px;
	padding-right: 0px;
	border-top:1px solid #ffffff;
	color:#2c2c2c;
	font-size:12px;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
.sub-grupo:hover{
	background-color:#e8e8e8;
}
.toggle_icon{
	width: 40px;
	margin-right: 10px;
	background-color:rgba(0,0,0,0.2);
	cursor:pointer;
}
.toggle_icon i{
	transition:0.4s;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
}
.icon-rotate{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}
.animation-menu{
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
}

/* cesta lateral */
.side-cart{
	position:fixed;
	height: 588px;
	max-height: 588px;
	top: 50px;
	left:-100%;
	background:#ffffff;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	z-index: 1999;
}
.cesta-pedidos{
	height: 588px;
	max-height: 588px;
	overflow-y: auto;
}
.overlay-cart{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	background-color: rgba(0,0,0,0.5);
	z-index: 1998;
	display: none;
}

.list-group-item.active h1,
.list-group-item.active h2,
.list-group-item.active h3,
.list-group-item.active h4,
.list-group-item.active h5,
.list-group-item.active h6{
	color:#ffffff;
	text-shadow:none;
}

/* skype */
#skypedetectionswf{
	position:absolute;
	left:-9999px;
}
.skypeperso{
	padding:3px 7px; cursor:pointer;
	background:#00aff0;
	border:1px solid #00aff0;
	color:#ffffff;
}
.skypeperso:hover{
	background:#ffffff;
	color:#00aff0;
}

.btn-skype,
.btn-skype:visited,
.btn-skype:focus,
.btn-skype.disabled{
	background-color: #00AFF0 !important;
	border-color: #0093DC !important;
	color:#ffffff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.btn-skype:hover,
.btn-skype:active,
.open > .dropdown-toggle.btn-skype{
	background-color: #0093DC !important;
	border-color: #0093DC !important;
}

/* produto detail */
#gallery_01 img{
	border:2px solid white;
}
.active img{
	border:2px solid #333333 !important;
}
.tamanho_aneis{
	font-size:9px;
	color:#ffffff;
	float:right;
}
.tamanho_aneis:hover{
	color:#999999;
}
.mouse_over{
	background-color:#cccccc;
	color:#444444;
}
.preco-spot{
	background:#dbdbdb;
	color:#000000;
}
.produto-detal-infos{
	width:315px;
	float:left;
	text-align:left;
}
.produto-detal-table{
	max-width:610px;
	float:left;
	text-align:left;
}
.table-produto-detail td{
	padding-top: 6px !important;
	padding-bottom: 4px !important;
}

/* página produtos fancy e textos */
.produtos_detalhes{
	font-size: 14px;
	font-weight:700;text-decoration:none;
}
.prod-relacionados{
	float:left;
	margin:0 5px;
	background:#ffffff;
	border:1px solid #eeeeee;
}
.prod-relacionados:hover{
	box-shadow:0 0 5px #cccccc;
	-webkit-box-shadow:0 0 5px #cccccc;
	-moz-box-shadow:0 0 5px #cccccc;
}

.zoomthumb::after{
	content: '';
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url("../js/zoommaster/icon.png");
}

/* mostruários */
.mostra-mostruario{
	width:200px;
	height:180px;
	margin:0px 22px 20px;
	float:left;
	color:#636363;
	background:#f9f9f9;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
}
.mostra-mostruario:hover{
	background:#163657;
	color:#ffffff;
	box-shadow:0 0 7px #d8d8d8;
	-webkit-box-shadow:0 0 7px #d8d8d8;
	-moz-box-shadow:0 0 7px #d8d8d8;
}
.mostruario-imagem{
	width:100%;
	height:140px;
	background-size:cover;
	box-shadow:inset 0 0 15px #000000;
	-moz-box-shadow:inset 0 0 15px #000000;
	-webkit-box-shadow:inset 0 0 15px #000000;
}
.mostruario-texto{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:12px;
}

/* mostruários popup */
.lhp_giv_marker .label{
	color:#f0f0f0;
	font-size:12px;
	background:#000;
	padding:5px 10px;
	border-radius:5px;
}
.lhp_giv_popup .content{
	color:#d8d8d8;
	font-size:10px;
	background:#000;
	border:solid 1px #282828;
	width:230px;
	padding:5px 8px;
	margin:10px;
	border-radius:8px;
}
.lhp_giv_popup{
	z-index:999997;
	cursor:default;
}
.content{
	background:#000000;
	z-index:999998;
	overflow:auto;
	display:block;
}

.modal-backdrop{
	position: fixed;
	z-index: 9500 !important;
	height: 100% !important;
}
.modal{
	z-index: 9501 !important;
}

.cor-impressao{
	position: absolute;
	left:-9999px;
	width:20px;
	height:20px;
}

/* media queries */
@media (max-width: 768px){
	.login-row,
	.login-on,
	.login-lost,
	.copyright{
		border-left:none;
		border-radius: 0px !important;
	}
	.copyright{
		font-size: 10px;
	}
	.side-cart{
		overflow-y:auto;
		max-height: auto;
	}
	.cesta-pedidos{
		height: auto;
		max-height: auto;
	}
}

@media (min-width: 768px) and (max-width: 992px){
	.side-cart{
		overflow-y:auto;
		max-height: auto;
	}
	.cesta-pedidos{
	height: auto;
	max-height: auto;
	overflow-y: auto;
}
}

@media (min-width: 992px) and (max-width: 1200px){

}

@media (min-width: 1200px){
	.modal-lg{
		width: 1170px;
	}
}

@media (min-width: 1400px){
	.modal-lg{
		width: 1370px;
	}
}

@media (min-width: 1600px){
	.modal-lg{
		width: 1570px;
	}
}

/* adicionar, comprar, no mostruário */
.peca-destaque_most{
	width:75px;
	height:85px;
	margin:0 25px 18px 9px;
	padding: 5px;
	background:#f9f9f9;
	border:none;
	color:#636363;
	cursor:default;
	opacity:0.15;
	-moz-opacity: 0.15;
	filter: alpha(opacity=15);
	transition:0.1s ease;
	-webkit-transition:0.1s ease;
	-moz-transition:0.1s ease;
}
.peca-destaque_most:hover{
	box-shadow:0 0 7px #d8d8d8;
	-webkit-box-shadow:0 0 7px #d8d8d8;
	-moz-box-shadow:0 0 7px #d8d8d8;
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
}
.peca-destaque-imagem{
	width:175px;
	height:175px;
	background:#ffffff;
}

/*
=============
notifications
=============
*/
.notification-content{
	position: fixed;
	width: 350px;
	top: 15px;
	left:50%;
	margin-left:-175px;
	z-index: 91051;
}
.notification.alert{
	padding: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.20);
	opacity: 0.95;
	border-radius:6px !important;
	-webkit-border-radius:6px !important;
	-moz-border-radius:6px; !important;
	cursor: pointer;
}
.notification p{
	margin-bottom: 0px;
}
.notification i{
	margin-top: 2px;
	font-size: 18px;
}

/*
=============
item já comprado
=============
*/
.purchased{
	position: absolute;
	top: 5px;
	left: 5px;
	padding:2px 5px;
	background-color: #398439;
	color:#FFFFFF;
	opacity: 0.65;
}

.promotion{
	position: absolute;
	top: 5px;
	right: 20px;
	padding:2px 5px;
	font-size: 24px;
	background-color:#fff;
	color:#4CAF50;
	opacity: 0.65;
}


/* animação loading */
@keyframes colorchange{
    from{
    	color:#3795c6;
	}
    to{
    	color:#c65f37;
	}
}

@-moz-keyframes colorchange /* Firefox */{
    from {
    	color:#3795c6;
	}
    to{
    	color:#c65f37;
	}
}

@-webkit-keyframes colorchange /* Safari and Chrome */{
    from{
    	color:#3795c6;
    }
    to{
    	color:#c65f37;
	}
}
