@charset "utf-8";
/*
	######################################################################################################
	nova formatação de modal
	######################################################################################################
	*/
	

.btnTipoBtn{
	display: block;
    width: 96%;
    margin-left: 2%!important;
}

.escondido{
	display:none;
	visibility: hidden;
	height:0px;width:0px;
}
.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;

	margin-left: auto;
	margin-right: auto;
	display: block;
	margin: 10px auto;
}

.modal-img-elemento-esq {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin: 10px auto 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 0px 0 #000;
	opacity: 0.4;
	z-index:111112; 
/*		;*/
}
/*0 6px;*/
.btnClose {
	right: 10px;
	top: 0px;
	font-size: 30px;
	position: absolute;
	text-shadow: 0 0px 0 #000;
	opacity: 0.6;
	font-weight: normal;
	z-index: 111;
    margin-top: 2px;
}
.modal-lanidor {

}

.row.row-eq-height {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
}


.modalSection_subtit {
    font-weight: bold;
/*    letter-spacing: 1px;*/
    color: #000;
    font-size: 33px;
    margin: 10px 0px 5px 0px;
    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: 0px 15px 15px 15px;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}





#corpoModal{
	/*max-width: 90%;*/
	margin: auto;
}
/*###################################################################################################*/
	/*inicio css versoes modais*/
	/*###################################################################################################*/

.wModalInfo {
	border-width: 0px;
		line-height: normal;
}


.modal-header {

	border: 0px solid #fff;
	
}
.wModalInfo {
	width: 100%!important;
	margin: auto;
	border-radius: 0px;
	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}


/*formatacao por versao - versao 1*/
.versao-1 .contentor-linhas {
    margin-left: 15%;
    width: 70%;
}
/*fim de formatacao por versao - versao 1*/
	
	/*formatacao por versao - versao 2*/


.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: 0px;
		padding:0px 10px;
}

.versao-2 .modalSection_subtit, .versao-6 .modalSection_subtit {
	font-size: 26px;
	margin: 10px 0px 5px 0px;
	padding:0px 10px;
}

.versao-2 #idModalLanidor_subtitulo, .versao-6 #idModalLanidor_subtitulo {
	font-size: 14px;
    line-height: 15px;
}

.versao-2 .caixa-texto-modal{
	margin:10px 0px 5px 0px;
		padding:0px 10px;
}
.versao-6 .caixa-texto-modal {
	    margin: 15px 0px 5px 0px;
		padding:0px 10px;
}

.versao-2 #modal-header, .versao-6 #modal-header{
	padding:25px;
}

.versao-2 #idModalLanidor_txtpequeno , .versao-6 #idModalLanidor_txtpequeno {
    padding: 5px;
    line-height: 14px;
	font-size: 9px;}

.versao-2 .modal-body, .versao-6 .modal-body{
	padding:0px;
}

.versao-2 .modal-footer, .versao-6 .modal-footer{
    padding: 5px 15px 10px 15px;
}

.versao-2 #contentorImgDireita{
/*	display:none;*/
	padding: 0px 15px;
}

.versao-2 .wModalInfo, .versao-6 .wModalInfo{
	border: solid 10px white;
}

.versao-2 .btnClose, .versao-6 .btnClose{top:0px;}


.versao-2 .modal-img-elemento, .versao-6 .modal-img-elemento {
	max-height: 200px;}

	/*fim de formatacao por versao - versao 2*/
	
/* alterar tamanho de letra para IE*/
	
@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;
}
/*###################################################################################################*/
	/*fim css versoes modais*/
	/*###################################################################################################*/
	
.linhamenudesktop{
	position:fixed!important;
}
	
	
.modal-info {
}
.escurece {
rgba(0, 0, 0, 0.5)
}
.modal-footer {
	clear:both;
	overflow: hidden;
    padding: 15px 15px 20px 15px;
	border-top: 0px solid transparent;
}

@media(max-width:991px) {/*767*/
.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;
}
.modal-btn-area-base {
}
.mesma-altura {
	display: flex;
}
.contentor-linhas {
    margin-left: 5%;
    width: 90%;
}
.md-btn-margem-v {
	margin-top: 10px;
}



/*
.versao-6 .md-btn-margem-v {
	margin-top: 20px;
	margin-bottom: 40px;
}
*/

.versao-6 #idModalLanidor_btn {
	margin-top: 25px;
	margin-bottom: 40px;
}

#idModalLanidor_titulo{
	line-height: 1em;
}
	
	/*formatacao por versao - versao 3*/


.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 0px 5px 0px;
} 
.versao-3 .modal-footer{
	padding:15px 0px 7px 0px;
}


/*
.versao-3   .mColunaDireita:before {
    display: inline-block;
    vertical-align: bottom;
    content: " ";
    height: 100%;
  }
*/


.versao-3 #corpoModal {
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
/*    margin: auto 1% auto auto;*/
}







.versao-3 #mColunaDireita{
	    display: inline-block;
/*    position: absolute;*/
/*
    bottom: 0;
    right: 0px;
*/
}

.versao-3 .modal-dialog {
	max-width: 850px;}


/*
.versao-3 #corpo-modal{
	    max-width: 97%;
    margin: auto 0 auto auto;
}
*/

.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 0px;
}


/*
.versao-3 #idModalLanidor_titulo{
	line-height: 1em;
}
*/

.versao-3 .modal-body{
    padding: 5px 15px 15px 0px;
	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;
	}
	
}

	/*fim de formatacao por versao - versao 3*/


.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;
}
	/*###################################################################################################*/
	/* inicio css formatações condicionais com base em media*/
	/*###################################################################################################*/

	
	
@media (max-width: 767px) {

	.modal-dialog {
		width: 90%;
	margin-left: -4px!important;}
	
/*
	.modal-dialog {
	margin-top: 10px!important;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 10px!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 #contentor-linhas {
    margin-left: 5%;
}
*/
	
	
.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;
}
}

/* original btns*/
.conceitoLanidor .modal-btn, .modal-btn {
display: block;
    margin: 0 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.conceitoLanidor .modal-btn:after, .modal-btn:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 8px;
	bottom: 3px;
	right: 8px;
	border: 1px white solid;
}
.conceitoLanidor .modal-btn:hover, .conceitoLanidor .modal-btn:hover:after, .modal-btn:hover, .modal-btn:hover:after {
	color: lightgray;
}
.conceitoLanidor .modal-btn:hover:after, .modal-btn:hover:after {
	border: 1px lightgray solid;
}

.conceitoLanidor *{
	    font-family: 'Lato', sans-serif;
}

.conceito2B *{
	    font-family: Muli;
}

.conceitoThrottleman *{
	    font-family: 'Lato', sans-serif;
}

/*

.conceitoLanidor .modal-btn {
display: block;
    margin: 0 5px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.conceitoLanidor .modal-btn:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 8px;
	bottom: 3px;
	right: 8px;
	border: 1px white solid;
}
.conceitoLanidor .modal-btn:hover, .modal-btn:hover:after {
	color: lightgray;
}
.conceitoLanidor .modal-btn:hover:after {
	border: 1px lightgray solid;
}


*/

.conceitoThrottleman .modal-btn {
}

.conceitoThrottleman .modal-btn:after {
	border: 0px;
}

.conceitoThrottleman .modal-btn:hover, .modal-btn:hover:after {
	border: solid 1px #444;
}

.conceitoThrottleman .modal-btn:hover:after {
	border: 0px lightgray solid;
}











/*



@media (max-width: 410px) {
.modal-dialog {
	margin-top: 10px!important;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 10px!important;
}

}

@media (max-width: 456px) {
.modal-dialog {
	margin-top: 10px!important;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: 10px!important;
}
}
*/

/*breakpoint mais provavel para butoes 3x1 partirem*/
@media(min-width:768px) { /*min 554px*/
.md-btn-3x1 {
	width: 33.33333333%
}
.botao4nalinha3x1 {
	margin-left: 33.33333333%
}
.botao3nalinha2x1 {
	margin-left: 25%
}
}
/*fim de breakpoint mais provavel para butoes 3x1 partirem*/
	
#masterModalLanidor .btnPreto {
	padding-left: 0px;
	padding-right: 0px;
}
.modal-dialog {
/*	max-width: 500px;*/
	margin: auto;
}
	/* ############################################################################################ */