@charset "utf-8";

.btnTipoBtn{
	display: block;
    width: 96%;
    margin-left: 2%!important
}

.escondido{
	display:none;
	visibility: hidden;
	height:0;
	width:0
}
.semPaddingRight{
	padding-right: 0px!important;
}

.versao-2 #idModalLanidor_dataPromo, .versao-6 #idModalLanidor_dataPromo{
	margin: 10px 9% 5px 9%;
    text-align: center;
    font-weight: bold
}

.modal-img-elemento {
	max-height: 250px;
	display: block;
	margin: 10px auto auto
}

.modal-img-elemento-esq {
	max-width: 90%;
	display: block;
	margin: 10px auto auto
}

#idModalLanidor_dataPromo{
	font-size: 15px;
    line-height: 18px;
	margin-top: 30px
}

.md-close-mobile {
	right: 10px;
	top: 50px!important;
	font-size: 40px;
	position: fixed;
	text-shadow: 0 0 0 #000;
	opacity: 0.4;
	z-index:111112
}

.btnClose {
	right: 10px;
	top: 0;
	font-size: 30px;
	position: absolute;
	text-shadow: 0 0 0 #000;
	opacity: 0.6;
	font-weight: normal;
	z-index: 111;
    margin-top: 2px
}

.row.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}


.modalSection_subtit {
    font-weight: bold;
    color: #000;
    font-size: 33px;
    margin: 10px 0 5px 0;
    text-align: center;
    display: block;
	line-height: normal
}

.modal {
  text-align: center;
}


  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    height: 100%;
  }

.modal-body{
	padding: 0 15px 15px 15px
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

#corpoModal{
	margin: auto;
}

.wModalInfo {
	border-width: 0;
	line-height: normal
}

.modal-header{border:none}

.wModalInfo {
	width: 100%!important;
	margin: auto;
	border-radius: 0;
	background: #FFF	
}
.md-close {
	opacity: 0.5
}
.modal-dialog {
    position: relative;
    width: 80%;
    max-width: 900px;
    margin: auto;
}

#idModalLanidor_dataPromo, #idModalLanidor_titulo, #idModalLanidor_subtitulo, #idModalLanidor_txtpequeno, .modalSection_tit {text-align:center}


.versao-1 .contentor-linhas {
    margin-left: 15%;
    width: 70%;
}

.versao-2 .modal-dialog{max-width: 500px; margin-left: -24px!important; }
.versao-6 .modal-dialog{max-width: 400px; margin-left: -24px!important; }

.versao-2 #idModalLanidor_dataPromo, .versao-6 #idModalLanidor_dataPromo{
	font-size: 15px;
    line-height: 15px;
	margin-top: 0;
	padding:0 10px
}

.versao-2 .modalSection_subtit, .versao-6 .modalSection_subtit {
	font-size: 26px;
	margin: 10px 0 5px 0;
	padding:0 10px
}

.versao-2 #idModalLanidor_subtitulo,.versao-6 #idModalLanidor_subtitulo{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:16px}

.versao-2 .caixa-texto-modal{
	margin:10px 0 5px 0;
	padding:0 10px
}
.versao-6 .caixa-texto-modal {
	margin: 15px 0 5px 0;
	padding:0 10px
}

/*
.versao-2 #modal-header, .versao-6 #modal-header{
	padding:25px;
}
*/

.versao-2 #idModalLanidor_txtpequeno,.versao-6 #idModalLanidor_txtpequeno{padding:5px;font-size:11px;line-height:15px}

/*.versao-2 .modal-body, .versao-6 .modal-body{padding:0}*/

.versao-2 .modal-footer, .versao-6 .modal-footer{
    padding: 5px 15px 10px
}

.versao-2 #contentorImgDireita{padding:0 15px}

.versao-2 .wModalInfo, .versao-6 .wModalInfo{border:solid 10px #fff}

.versao-2 .btnClose, .versao-6 .btnClose{top:0}

.versao-2 .modal-img-elemento, .versao-6 .modal-img-elemento {
	max-height: 200px;
}

	
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
modal-btn {
	font-size: 8px!important;
}
}
/*fim de alterar tamanho de letra para IE*/
	
	
.largura60margem20 {
	width: 60%!important;
	margin-left: 20%!important;
}
.largura33margem33 {
	width: 33.3%!important;
	margin-left: 33.3%!important;
}

	
.linhamenudesktop{
	position:fixed!important;
}
	
	
.modal-info {
}

.modal-footer {
	clear:both;
	overflow: hidden;
    padding: 15px 15px 20px 15px;
	border-top: 0px solid transparent
}

@media(max-width:991px) {
	.caixa-texto-modal {
		float: none;
	}
}

.idModalLanidor_btn {
	margin: 5px auto;
}
.caixa-texto-modal {
    margin: 5px 0px 15px 0px;
    text-align: center;
    display: block;

}
#idModalLanidor_subtitulo {

	color: #000;
	font-size: 16px;

}
#idModalLanidor_txtpequeno {
    padding: 5px;
    line-height: 14px;
    font-size: 9px;

}
.modalSection_txt {
	color: #000;
	line-height: normal;
	font-size: 11px
}
.modal-promo {
	padding: 0px!important;
}
.mesma-altura {
	display: flex;
}
.contentor-linhas {
    margin-left: 5%;
    width: 90%;
}
.md-btn-margem-v {
	margin-top: 10px;
}

/*
.versao-6 #idModalLanidor_btn {
	margin-top: 25px;
	margin-bottom: 40px;
}
*/

.versao-6 

#idModalLanidor_titulo{
	line-height: 1em;
}
	
.versao-3 #idModalLanidor_dataPromo, .versao-3 #idModalLanidor_titulo, .versao-3 #idModalLanidor_subtitulo, .versao-3 #idModalLanidor_txtpequeno, .versao-3 .modalSection_tit{
	text-align:left;
}

.versao-3 #contentor-linhas{
	margin-left:-5px;
}

.versao-3 #idModalLanidor_txtpequeno{
	padding:5px 0
} 
.versao-3 .modal-footer{
	padding:15px 0 7px 0
}

.versao-3 #corpoModal {
	display: inline-block;
	text-align: left;
	vertical-align: bottom
}

.versao-3 #mColunaDireita{
	display: inline-block;
}

.versao-3 .modal-dialog {
	max-width: 850px;
}


.versao-3 #idModalLanidor_subtitulo{
	line-height: 18px;
    margin-top: 10px;
}

.versao-3 #caixa-texto-modal{
	line-height: 18px;
    margin-top: 10px;
}
.versao-3 .caixa-texto-modal{
	margin: 5px 0
}

.versao-3 .modal-body{
    padding: 5px 15px 15px 0;
	align-items: flex-end;
}
.versao-3 .modal-header{padding:0px;}


@media(min-width:768px){
	.versao-3 #mColunaDireita{
		width: 63.333333335%;
		margin-left: 3.333333335%;
	}
}

@media(max-width:767px){
	.versao-3 #corpoModal{display:block}
	
	.versao-3 #contentor-linhas{
		margin-left: auto;
	}
	
}

.versao-4 .wModalInfo, .versao-5 .wModalInfo{
	background-size: cover!important;
	background-position: center center!important;
	border: solid 8px #fff!important;
}

.versao-4 *, .versao-4 #idModalLanidor_subtitulo, .versao-4 .btnClose{
	color:#fff;
}

.versao-4 #contentorImgDireita, .versao-5 #contentorImgDireita{
	display:none
}
.versao-4 .caixa-texto-modal, .versao-5 .caixa-texto-modal{
	margin-bottom:30%;
}

.versao-4 #idModalLanidor_subtitulo, .versao-4 .btnClose, .versao-4 #idModalLanidor_dataPromo, .versao-4 #idModalLanidor_titulo,.versao-4 #idModalLanidor_txtpequeno {
	text-shadow:0 0 7px #000
}

.versao-4 .contentor-linhas, .versao-5 .contentor-linhas {
    margin-left: 15%;
    width: 70%
}

.versao-5 #idModalLanidor_titulo{
	text-shadow:0 0 45px #fff
}

.versao-5 .btnClose, .versao-5 #idModalLanidor_txtpequeno {
	text-shadow:0 0 5px #fff
}

.versao-5 #idModalLanidor_subtitulo, .versao-5 #idModalLanidor_dataPromo{
	text-shadow:0 0 12px #fff
}
	
	
@media (max-width: 767px) {

	.modal-dialog {
		width: 90%;
		margin-left: -4px!important;
	}

	.modalSection_subtit, #idModalLanidor_titulo{
		font-size: 21px!important;
	}
	
	#idModalLanidor_subtitulo{
		font-size:12px;
		line-height: 1.5em;
	}

	.caixa-texto-modal {
    margin: 10px 0px 15px 0px;
    text-align: center;
    display: block;
	}
	
	.contentor-linhas, .versao-1 .contentor-linhas, .versao-4 .contentor-linhas, .versao-5 .contentor-linhas {
    margin-left: 5%;
    width: 90%;
}
	
	.versao-3 #mColunaDireita {
		display: inline-block;
		position: relative;
	}
	.versao-3 #idModalLanidor_dataPromo, .versao-3 #idModalLanidor_titulo, .versao-3 #idModalLanidor_subtitulo, .versao-3 #idModalLanidor_txtpequeno, .versao-3 .modalSection_tit {text-align:center}
	
	.versao-3 .modal-body{
		padding: 5px 15px 15px 15px;
	}

	.modal-img-elemento {
		max-height: 400px;
	}

	.versao-3 #corpo-modal{
	    max-width: 100%;
    	margin: auto auto auto auto;
	}
	
	#contentor-linhas{
		width:100%;
		margin:0px
	}
	
	.versao-4 .modal-header, .versao-5 .modal-header{
		padding:0;
	}

	.versao-4 .caixa-texto-modal, .versao-5 .caixa-texto-modal{
		margin-bottom:70%;
	}
	
	.versao-4 .wModalInfo,	.versao-5 .wModalInfo{
		border: solid 0px #fff!important;
	}
}

.conceitoLanidor .modal-btn,.modal-btn{display: block;margin:0 5px;padding:15px;font-size:12px}

.conceitoLanidor *{font-family:'LatoWeb',sans-serif}

@media(min-width:768px) { 
	.md-btn-3x1 {
		width: 33.33333333%
	}
	.botao4nalinha3x1 {
		margin-left: 33.33333333%
	}
	.botao3nalinha2x1 {
		margin-left: 25%
	}
}
	
#masterModalLanidor .btnPreto {
	padding-left: 0;
	padding-right: 0
}
.modal-dialog {
	margin: auto
}


#modalDetalheEntregas48h.versao-6 .modal-promo {
	padding: 0 25px 25px!important
}
#modalDetalheEntregas48h.versao-6 .modalSection_subtit {
	font-size: 22px;
    line-height: 27px;
	margin: 0;
	text-align: left
}
#modalDetalheEntregas48h.versao-6 .caixa-texto-modal {
	font-size: 12px;
    line-height: 14px;
    text-align: left
}

.info-top-banner {
	font-family: 'LatoWeb';
	text-align: center;
	padding: 5px 0;
	margin: 0;
	z-index: 2;
	width: 100%;
	border: none;
	border-radius: 0;
	white-space: normal
}
#xmasDeliveries.info-top-banner {
	background-color: #cc0511;
	color: #fff
}			
.info-top-banner h2 {
	margin: 0;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'LatoWebBold';
	display: inline-block
}
.info-top-banner h2 .conditions {
	text-transform: lowercase;
    font-family: 'LatoWebLight';
    padding-left: 10px;
	font-size: 10px;
	text-decoration: underline
}
.info-top-banner .btn {
	min-width: auto
}
.info-top-banner p {
	margin: 0;
	font-size: 12px;
	font-family: 'LatoWeb'
}

#xmasDeliveriesModal.versao-6 .modalSection_subtit {
	text-transform: uppercase
}
#xmasDeliveriesModal .modal-header {
	padding: 15px!important
}
#xmasDeliveriesModal.versao-6 .caixa-texto-modal {
	font-size: 12px;
	padding: 25px;
    margin: 0
}
#xmasDeliveriesModal.versao-6 .modalSection_subtit {
	font-size: 22px
}

	@media (max-width:767px) and (orientation:portrait) {
		#xmasDeliveries {
			position: absolute;
			top: 51px
		}
		#xmasDeliveriesModal.versao-6 .caixa-texto-modal {
			padding: 15px
		}
		#xmasDeliveries h2 {
			font-size: 12px;
			letter-spacing: 0
		}
		.info-top-banner {
			font-family: 'LatoWeb';
			text-align: center;
			padding: 5px 25px
		}
	}

#modalCKentregaPontosET{
	font-size: 14px
}
#modalCKentregaPontosET .modal-dialog{
	margin: auto!important;
    width: 90vw;
	max-width: 750px
}
#modalCKentregaPontosET .modal-header{
	position: relative
}
#modalCKentregaPontosET .modal-content{
	box-sizing: border-box;
	border: none;
    padding: 25px
}
#modalCKentregaPontosET .close{
	width:30px;
	opacity: .5;
	top: 0;
	right: 0
}
#modalCKentregaPontosET .close:hover{
	opacity:1
}
#modalCKentregaPontosET .modalSection_subtit{
	text-transform: uppercase;
	text-align: left;
	margin: 0;
    padding: 0 50px 0 0
}
#modalCKentregaPontosET .caixa-texto-modal{
	text-align: left;
	margin-bottom: 0;
    padding: 0
}

#modalCKentregaPontosET .caixa-texto-modal {
	max-height: 50vh;
    overflow: auto;
}
#modalCKentregaPontosET .caixa-texto-modal  ul{
	padding: 0;
	margin: 0
}

#modalCKentregaPontosET .caixa-texto-modal   ul li{
	list-style: none;
	display: inline-block;
	width: 100%;
}

#modalCKentregaPontosET .caixa-texto-modal   ul li .row{
	display: table;
	width:100%;
	margin: auto
}
#modalCKentregaPontosET .caixa-texto-modal   ul li .row [class*="col-"]{
	display: table-cell;
	float: none;
	vertical-align: middle
}
#modalCKentregaPontosET .caixa-texto-modal   ul li .row [class*="col-"]:last-child{
	text-align: right
}
#modalCKentregaPontosET .caixa-texto-modal   ul li .tab-content{
	margin-top: 25px
}
#modalCKentregaPontosET .caixa-texto-modal   ul li .tab-content .tab-pane{
	margin-bottom: 25px
}
#modalCKentregaPontosET .caixa-texto-modal   ul li:last-child .row{
	margin-bottom: 0
}
#modalCKentregaPontosET .caixa-texto-modal .la-btn{
	outline: none;
    outline-offset: 0;
    text-transform: uppercase;
    border-radius: 0;
    padding: 10px 25px;
    cursor: pointer;
    -webkit-transition: all .25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all .25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all .25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all .25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all .25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    font-family: 'LatoWeb';
    font-size: 14px;
    border: 0;
    text-decoration: none;
    color: #fff;
    background-color: #000;
    overflow: hidden
}
#modalCKentregaPontosET .caixa-texto-modal .la-btn:hover{
	background: #333
}
#modalCKentregaPontosET .caixa-texto-modal a{
	color: #000
}
#modalCKentregaPontosET .caixa-texto-modal span.name{
	display: block
}

#infoWindow h3.header{
	text-transform:uppercase;
	margin-top:0;
	padding-right: 60px;
	font-size: 18px;
    line-height: normal;
}
#infoWindow .body{
	font-size: 12px
}
.gm-style .gm-style-iw-c{
	max-width:90vw!important;
	width: 450px!important;
	border-radius: 0;
	padding: 15px!important;
	max-height: none!important
}
.gm-style .gm-style-iw-d{
	overflow:auto!important
}
.gm-ui-hover-effect{
	background-image: url(/imgsV9/detalhe_produto/close.svg)!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	top: 10px!important;
	right: 10px!important
}
.gm-ui-hover-effect img{
	display:none!important
}

@media(max-width:576px){
	#modalCKentregaPontosET{
		font-size: 12px
	}	
	#modalCKentregaPontosET .modal-content{
		padding: 15px
	}
	.gm-style .gm-style-iw-c{
		max-width: 65vw!important
	}
}
