@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'fonte_titulo';
	src: url("../fonts/Chianti XBdIt BT Extra Bold Italic.ttf");
}

body {
	/*background: #f4f9ff url(../img/modelo_bg.png) no-repeat 50% 0px;text-align: center;font-family: Arial ;*/
	/* font-size: 62.5%; */
	/* font-family: verdana, georgia, helvetica, sans-serif; */
}




@media screen and (max-width: 1024px) {

	#conteudo_site {
		width: 98% !important;
		padding: 5px !important;
	}

	.container {
		padding: 0 !important;
	}

	input {
		text-align: center !important;
	}

	/* INDEX */
	.input-group-prepend {
		width: 100% !important;
		text-align: center !important;
	}

	#h1AberturaIndex {
		display: none;
		visibility: hidden;
	}

	.mb-5 {
		text-align: center !important;
		margin-bottom: 0px !important;
		margin-bottom: 0em !important;
	}


	.input-group-prepend label {
		width: 100% !important;
		text-align: center !important;
	}

	/* NAV */
	nav #localizar ul {
		width: 200px !important;
		float: none !important;
		box-sizing: border-box;
		margin: 0px auto 0px auto !important;
	}

	nav ul {
		display: block !important;
	}

	nav ul :first-child {
		width: 100% !important;
	}

	nav ul li {
		display: block !important;
		float: left !important;
		width: 25% !important;
	}

	nav ul li.nav-item a {
		width: 100% !important;
	}

	/* MATERIAIS */
	.span_atender_pedidos {
		margin-top: 5px !important;
		left: 5px !important;
		margin-left: initial !important;
		font-size: 10px !important;
	}

	.distMat {
		display: none !important;
		visibility: hidden !important;
	}

	/* HEADER */
	header div div {
		width: 100% ! important;
		margin-top: 0px !important;
		padding: 0 !important;
		margin-left: auto;
		margin-right: auto;
	}

	header div.row {
		padding: 5px !important;
	}

	header div div div h1 {
		max-width: 100% ! important;
		text-align: center;
		display: block;
		margin: 0px auto 0px auto;
	}

	header div div div:last-child {
		display: none;
		visibility: hidden;
	}

	header div div div:first-child {
		display: none;
		visibility: hidden;
	}

	header div div div:first-child a img {
		display: block;
	}

	header div:nth-child(2n) {
		display: none !important;
		visibility: hidden !important;
	}

	header div.row div a.logo_top {
		margin: 1em auto !important;

	}

	/* barra de pesquisa */
	#barra_pesquisa {
		display: none !important;
		visibility: hidden !important;
	}

	/* Materiais disponivel */
	.linha_material_td1 {
		display: none !important;
		visibility: hidden !important;
	}

	#listagemMateriais {
		display: flex !important;
		flex-direction: column !important;
	}

	#listagemMateriais .col-10,
	#listagemMateriais .col-8,
	#listagemMateriais .col-4 {
		width: 99% !important;
	}

	#listagem_material {
		float: right !important;
		order: 2;
	}

	#listagem_material_escolhidos {
		order: 1 !important;
		margin: 0px !important;
		width: 100% !important;
	}

	#cadastrar_pedido {
		margin: 0px !important;
		padding: 10px !important;
		width: 98% !important;
	}


	/* Pedido Enviado */
	h1.my-5 {
		margin: 10px !important;
	}

	#infos_prof_loc div {
		text-align: center;
	}

	#infos_prof_loc div {
		display: block;
	}

	/* Padrões */
	h1,
	.diplay-8 {
		font-size: 14px !important;
	}

	p {
		font-size: 12px !important;
	}

	.col-3 {
		width: 99% !important;
	}

	.col-sm-3 {
		width: 99% !important;
	}

	.col-6 {
		width: 99% !important;
	}

	.col-sm-6 {
		width: 99% !important;
	}

	.col-sm-11 {
		width: 99% !important;
	}

	.col-11 {
		width: 99% !important;
	}

}

@media screen and (max-width: 1960px) {

	.container,
	.container-quem-somos,
	.container-materia,
	.container-segmento,
	.container-vestsale {
		width: 100% !important;
		max-width: 100%;
		min-width: 100%;
		margin: 0 auto;
		padding: 0em .2em 0em .2em;
	}
}

@media (max-width: 1200px) {
	.container {
		margin: 2em 0px 0px 0px !important;
		max-width: 100% !important;
		font-size: 2em !important;
	}


	/*      #itens_disponiveis{
		    width: 100% !important;
	     }
      
      */
	.col-sm-5 {
		max-width: 98% !important;
		margin: auto !important;
		float: left !important;
		flex: 0 0 98% !important;


	}

	.col-sm-7 {
		max-width: 98% !important;
		margin: auto !important;
		float: left !important;
		flex: 0 0 98% !important;


	}

	nav {
		max-width: 98% !important;
		margin: auto !important;

	}

	.nav_titulos_info {
		max-width: 98% !important;
		margin: auto !important;

	}



}


/* ==========================================================================
   Estilos para impressão
   ========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}

	body {
		margin: 0;
		padding: 0;
		line-height: 1.4em;
		font: 12pt Georgia, "Times New Roman", Times, serif;
		color: #000;
	}

	@page {
		margin: 1.5cm;
	}

	.wrap {
		width: 100%;
		margin: 0;
		float: none !important;
	}

	.no-print,
	nav,
	footer,
	video,
	audio,
	object,
	embed {
		display: none !important;
	}

	.print {
		display: block;
	}

	img {
		max-width: 100%;
	}

	aside {
		display: block;
		page-break-before: always;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 18pt;
	}

	h3 {
		font-size: 14pt;
	}

	p {
		font-size: 12pt;
		widows: 3;
		orphans: 3;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a:link:after,
	a:visited:after {
		content: " (" attr(href) ") ";
	}

	p a {
		word-wrap: break-word;
	}

	q:after {
		content: " (" attr(cite) ")";
	}

	a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	.page-break {
		page-break-before: always;
		page-break-inside: avoid;
	}

	/*Estilos da Demo*/
	.header.print h1 {
		width: 100%;
		margin-bottom: 0.5cm;
		font-size: 18pt;
	}

	.header.print:after {
		content: "Este artigo foi escrito pela designer Dani Guerrato e retirado do site Tableless.";
	}

	.artigo {
		margin-top: 0;
		border-top: 1px solid #000;
		padding-top: 1cm;
	}

	h1 a:link:after,
	h1 a:visited:after {
		content: "";
	}

	.lista_ordens li:last-child {
		border-right: none;
	}
}