#miolo{
margin-top: 6px;
float: left;
}

.miolo_rodape{
height: 6px;
/*background-image: url(../imagens/miolo_pe_sm.png);*/
background-repeat: no-repeat;
clear: both;
background-color: #FFFFFF;
font-size: 0;
padding-left: 0;
}

.lote{
    font-size: 90%;
    margin: auto;
    clear: both;
    font-family: helvetica, arial;
    padding: 10px 6px 0px 35px;
    display: none;
    color: #666666;
}

.sm_botao {
    background: url(../imagens/botao_agendado.png) no-repeat;
    width: 121px;
    height: 40px;
    margin-right: 1px;
    margin-left: 15px;
    margin-bottom: 1px;
    margin-top: 15px;
    vertical-align: middle;
    font-size: 100%;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-style: normal;
    font-variant: normal;
    padding-top: 11px;
    cursor: pointer;
    float: left;
}
.sm_botao:hover {
    background: url(../imagens/botao_agendado_h.png) no-repeat;
}
.sm_botao_largo {
    background: url(../imagens/botao_largo.png) no-repeat;
    width: 202px;
    height: 40px;
    margin-right: 1px;
    margin-left: 15px;
    margin-bottom: 1px;
    margin-top: 15px;
    vertical-align: middle;
    font-size: 100%;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-style: normal;
    font-variant: normal;
    padding-top: 11px;
    cursor: pointer;
    float: left;
}
.sm_botao_largo:hover {
    background: url(../imagens/botao_largo_h.png) no-repeat;
}
#sm_corpo_botao{
  clear: both;
  display: block;
  margin-left: 15px;
  margin-top: 5px;
  float:left;

}

.botoes_lici{
	width: 294px;
	float: right;
}


input[type="radio"] {
	appearance: none;
	display: inline-block;
	width: 12px;
	height: 12px;
	padding: 1px;
	background-clip: content-box;
	border: 2px solid var(--corfonte);
	border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
  background-color: var(--corbotao_corlupa);
}

/* optional styles, I'm using this for centering radiobuttons */
.flex {
  display: flex;
  align-items: center;
}

/* Telas convencionais */
@media screen
  and (min-device-width: 800px) {
	.sitemap_titulo{
		margin-top: 15px;
		width: 770px;
		height: 30px;
		padding-left: 15px;
		padding-top: 15px;
		text-align: left;
		font-weight: bold;
		font-family: Arial,Helvetica,sans-serif;
		clear: both;
		vertical-align: bottom;
	}
	.miolo_corpo_aberto40{
		width: 40% !important;
		height: auto;
		/*background-color: #fff;*/
		font-size: 115%;
		text-align: left;
		float: left;
		/*clear: both;*/
	}
	.miolo_corpo_aberto60{
		width: 60% !important;
		height: auto;
		/*background-color: #fff;*/
		font-size: 115%;
		text-align: left;
		float: left;
		/*clear: both;*/
	}
	.miolo_corpo_aberto50_centro{
		width: 50% !important;
		height: auto;
		font-size: 115%;
		text-align: left;
		float: left;
		/*clear: both;*/
	}
	.miolo_corpo_aberto100{
		width: 100% !important;
		height: auto;
		/*background-color: #fff;*/
		font-size: 115%;
		text-align: left;
		float: left;
		/*clear: both;*/
	}
	
	.miolo_acessorios{
		width: 800px;
		background-color: var(--corfundocaixas);
		border-radius: 0.2em;
		border: var(--corbordacaixas) 1px solid;
		text-align: left;
		float: left;
	}
	.divisor_miolo_acessorios{
		clear: both;
		height: 10px;
	}
	.dados_lici{
		margin-top: 0px;
		width: 770px;
		height: auto;
		padding: 3px;
		padding-top: 0px;
		padding-left: 6px;
		float: left;
		font-weight: bold;
		clear: both;
	}
	.dados_lici a{
		padding: 2px 5px 10px 10px;
		width: 770px;
		height: auto;
		float: left;
		font-family: helvetica, arial;
		font-weight:bold;
		text-decoration:none;
		clear: both;
	}

	.licitante{
		width: 780px;
		height: auto;
		float: left;
		padding: 6px 6px 6px 20px;
		text-transform: uppercase;
		font-family: helvetica, arial;
		clear: none;
		color: #666666;
	}
	#graf_estatisticas {
		display:block;
	}
	#graf_estatisticas_portateis {
		display:none;
	}

	.caixa-btn{
	width: auto;
	height: 24px;
	display: block;
	text-align: center;
	background-image: url(../imagens/bot_lote_repx.png);
	background-repeat:repeat-x;
	color: #666666;
	float: left;
	text-decoration: none;
	}
	.caixa-btn-share{
	width: auto;
	height: 24px;
	display: block;
	text-align: center;
	background-image: url(../imagens/bot_lote_repx.png);
	background-repeat:repeat-x;
	color: #666666;
	float: left;
	text-decoration: none;
	}
	.caixa-btn_a{
	width: auto;
	height: 24px;
	display: block;
	text-align: center;
	background-image: url(../imagens/bot_lote_a_repx.png);
	background-repeat:repeat-x;
	color: #FFFFFF;
	float: left;
	text-decoration: none;
	}
	.bot_link{
	width: 24px;
	height: 24px;
	float: left;
	background-image: url(../imagens/i-link.png);
	cursor: pointer;
	}
	.bot_link:hover{
	background-image: url(../imagens/i-link_h.png);
	}
	
	 .btn-sumario{
	  width: 24px;
	  height: 24px;
	  float: left;
	  background-image: url(../imagens/i-resumo.png);
	  cursor: pointer;
	 }
	 .btn-sumario:hover{
	  background-image: url(../imagens/i-resumo_h.png);
	  }
	
	.caixa-btn-tampa{
	 width: 5px;
	 height: 24px;
	 display: block;
	 text-align: left;
	 background-image: url(../imagens/i-tampa.png);
	 background-repeat:no-repeat;
	 color: #666666;
	 float: left;
	 text-decoration: none;
	 cursor: pointer;
	}
	.caixa-txt-btn{
	 width: auto;
	 height: 24px;
	 display: none;
	 text-align: center;
	 background-image: url(../imagens/bot_lote_repx.png);
	 background-repeat:repeat-x;
	 color: #666666;
	 float: left;
	 text-decoration: none;
	 cursor: pointer;
	 padding-top: 4px;
	 font-size: 12px;
	}
	.caixa-txt-btn-share{
	 width: auto;
	 height: 24px;
	 display: none;
	 text-align: center;
	 background-image: url(../imagens/bot_lote_repx.png);
	 background-repeat:repeat-x;
	 color: #666666;
	 float: left;
	 text-decoration: none;
	 cursor: pointer;
	 padding-top: 4px;
	 font-size: 12px;
	}
	.caixa-btn-tampa-share{
	 width: 5px;
	 height: 24px;
	 display: block;
	 text-align: left;
	 background-image: url(../imagens/i-tampa.png);
	 background-repeat:no-repeat;
	 color: #666666;
	 float: left;
	 text-decoration: none;
	 cursor: pointer;
	}

	.btn-share{
	  width: 24px;
	  height: 24px;
	  float: left;
	  background-image: url(../imagens/social/i-compartilhar.png);
	  cursor: pointer;
	}

	.btn-share:hover{
	  background-image: url(../imagens/social/i-compartilhar_h.png);
	}

	.btn-facebook{
	  width: 24px;
	  height: 20px;
	  float: left;
	  background-image: url(../imagens/social/i-facebook.png);
	  cursor: pointer;
	}

	.btn-facebook:hover{
	  background-image: url(../imagens/social/i-facebook_h.png);
	}

	.btn-whatsapp{
	  width: 24px;
	  height: 20px;
	  float: left;
	  background-image: url(../imagens/social/i-whatsapp.png);
	  cursor: pointer;
	}

	.btn-whatsapp:hover{
	  background-image: url(../imagens/social/i-whatsapp_h.png);
	}

	.btn-googlemais{
	  width: 24px;
	  height: 20px;
	  float: left;
	  background-image: url(../imagens/social/i-googlemais.png);
	  cursor: pointer;
	}

	.btn-googlemais:hover{
	  background-image: url(../imagens/social/i-googlemais_h.png);
	}

	.btn-linkedin{
	  width: 24px;
	  height: 20px;
	  float: left;
	  background-image: url(../imagens/social/i-linkedin.png);
	  cursor: pointer;
	}

	.btn-linkedin:hover{
	  background-image: url(../imagens/social/i-linkedin_h.png);
	}
	.btn-pinterest{
	  width: 24px;
	  height: 20px;
	  float: left;
	  background-image: url(../imagens/social/i-pinterest.png);
	  cursor: pointer;
	}

	.btn-pinterest:hover{
	  background-image: url(../imagens/social/i-pinterest_h.png);
	}
	.btn-tumblr{
	  width: 24px;
	  height: 20px;
	  float: left;
	  background-image: url(../imagens/social/i-tumblr.png);
	  cursor: pointer;
	}

	.btn-tumblr:hover{
	  background-image: url(../imagens/social/i-tumblr_h.png);
	}
	.btn-twitter{
	  width: 24px;
	  height: 20px;
	  float: left;
	  background-image: url(../imagens/social/i-xtwitter.png);
	  cursor: pointer;
	}

	.btn-twitter:hover{
	  background-image: url(../imagens/social/i-xtwitter_h.png);
	}
	.btn-email{
	  width: 24px;
	  height: 20px;
	  float: left;
	  background-image: url(../imagens/social/i-email.png);
	  cursor: pointer;
	}

	.btn-email:hover{
	  background-image: url(../imagens/social/i-email_h.png);
	}


}



/* Telas portáteis */
@media screen
	and (max-device-width: 799px) {

	.sitemap_titulo{
		margin-top: 15px;
		max-width: 770px;
		height: 30px;
		padding-left: 15px;
		padding-top: 15px;
		text-align: left;
		font-weight: bold;
		font-family: Arial,Helvetica,sans-serif;
		clear: both;
		vertical-align: bottom;
	}
	.miolo_licitacao{
		text-align: left;
		height: auto;
		margin: 10px 0 10px 0;
		background-color: var(--corfundocaixas);
		width: 96% !important;	}
	.miolo_corpo_aberto40{
		width: 96% !important;
		float: inherit !important;
		clear: both;
	}
	.miolo_corpo_aberto60{
		width: 96% !important;
		clear: both;
	}
	.miolo_corpo_aberto50_centro{
		width: 96% !important;
		clear: both;
	}
	
	.miolo_corpo_aberto100{
		width: 96% !important;
		clear: both;
	}
	
	.miolo_acessorios{
		width: 96% !important;
		background-color: var(--corfundocaixas);
		text-align: left;
	}
	.divisor_miolo_acessorios{
		height: 0;
	}
	
	.miolo_corpo_aberto_est{
		max-width: 780px;
		height: 500px;
		background-image: url(../imagens/miolo.png);
	}

	.miolo_conteudo{
		height: auto;
		width: 90% !important;
		margin: auto;
		float: left;
		padding-left:7px;
		padding-bottom:7px;
		font-size: 85%;
		color: #333;
	}
	.dados_lici{
		margin-top: 0px;
		max-width: 770px;
		height: auto;
		padding: 3px;
		padding-top: 0px;
		padding-left: 6px;
		float: left;
		font-weight: bold;
		clear: both;
	}
	.dados_lici a{
		padding: 2px 5px 10px 10px;
		max-width: 770px;
		height: auto;
		float: left;
		font-family: helvetica, arial;
		font-weight:bold;
		text-decoration:none;
		clear: both;
	}

	.licitante{
		max-width: 780px;
		height: auto;
		float: left;
		padding: 6px;
		text-transform: uppercase;
		font-family: helvetica, arial;
		clear: none;
		padding-top: 6px;
	}
	#graf_estatisticas {
		display:none;
	}
	#graf_estatisticas_portateis {
		display:block;
	}
	
	.largura_bloco {
		max-width:400px;
	}
	
	.caixa-btn{
	width: auto;
	height: auto;
	display: block;
	text-align: center;
	background-image: url(../imagens/bot_lote_repx_portateis36.png);
	background-repeat:repeat-x;
	color: #666666;
	float: left;
	text-decoration: none;
	}
	.caixa-btn_a{
	width: auto;
	height: 36px;
	display: block;
	text-align: center;
	background-image: url(../imagens/bot_lote_a_repx_portateis36.png);
	background-repeat:repeat-x;
	color: #FFFFFF;
	float: left;
	text-decoration: none;
	}
	.caixa-btn-share{
		background-image: none !important;
		background-repeat: no-repeat;
	}
	.bot_link{
	width: 36px;
	height: 36px;
	float: left;
	background-image: url(../imagens/i-link_portateis36.png);
	cursor: pointer;
	}
	.bot_link:hover{
	background-image: url(../imagens/i-link_h_portateis36.png);
	}
	.caixa-btn-tampa{
	 width: 5px;
	 height: 36px;
	 display: block;
	 text-align: left;
	 background-image: url(../imagens/i-tampa_portateis36.png);
	 background-repeat:no-repeat;
	 color: #666666;
	 float: left;
	 text-decoration: none;
	 cursor: pointer;
	}
	.caixa-txt-btn{
	 width: auto;
	 height: auto;
	 display: none;
	 text-align: center;
	 background-image: url(../imagens/bot_lote_repx_portateis36.png);
	 background-repeat:repeat-x;
	 color: #666666;
	 float: left;
	 text-decoration: none;
	 cursor: pointer;
	 padding-top: 9px;
	 font-size: 12px;
	}
	.caixa-txt-btn-share{
	 width: 150px;
	 height: 36px;
	 display: none;
	 text-align: center;
	 background-repeat:repeat-x;
	 color: #666666;
	 float: left;
	 text-decoration: none;
	 cursor: pointer;
	 padding-top: 1px;
	 font-size: 12px;
		background-image: none !important;
		background-repeat: no-repeat;
	 
	}
	.caixa-btn-tampa-share{
		display: none;
	}

	.btn-share{
	  width: 36px;
	  height: 36px;
	  float: left;
	  background-image: url(../imagens/social/i-compartilhar_portateis36.png);
	  cursor: pointer;
	}
	.btn-facebook{
	  width: 35px;
	  height: 31px;
	  float: left;
	  background-image: url(../imagens/social/i-facebook_portateis36.png);
	  cursor: pointer;
	  margin-bottom: 4px;
	}

	.btn-whatsapp{
	  width: 35px;
	  height: 31px;
	  float: left;
	  background-image: url(../imagens/social/i-whatsapp_portateis36.png);
	  cursor: pointer;
	  margin-bottom: 4px;
	}

	.btn-googlemais{
	  width: 35px;
	  height: 31px;
	  float: left;
	  background-image: url(../imagens/social/i-googlemais_portateis36.png);
	  cursor: pointer;
	  margin-bottom: 4px;
	}

	.btn-linkedin{
	  width: 35px;
	  height: 31px;
	  float: left;
	  background-image: url(../imagens/social/i-linkedin_portateis36.png);
	  cursor: pointer;
	  margin-bottom: 4px;
	}

	.btn-pinterest{
	  width: 35px;
	  height: 31px;
	  float: left;
	  background-image: url(../imagens/social/i-pinterest_portateis36.png);
	  cursor: pointer;
	  margin-bottom: 4px;
	}

	.btn-tumblr{
	  width: 35px;
	  height: 31px;
	  float: left;
	  background-image: url(../imagens/social/i-tumblr_portateis36.png);
	  cursor: pointer;
	  margin-bottom: 4px;
	}

	.btn-twitter{
	  width: 35px;
	  height: 31px;
	  float: left;
	  background-image: url(../imagens/social/i-xtwitter_portateis36.png);
	  cursor: pointer;
	  margin-bottom: 4px;
	}
	.btn-email{
	  width: 35px;
	  height: 31px;
	  float: left;
	  background-image: url(../imagens/social/i-email_portateis36.png);
	  cursor: pointer;
	  margin-bottom: 4px;
	}

	#video_mostrar{
		display: none;
	}

	#video_oculto_portateis{
		display: block !important;
	}
	
}
