/*
2020 - Quick Shifter Xtreme
URL: https://quickshifter.com.br
Author: Demetrius Loblein
Author URL: http://loblein.com.br
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

body{ margin: 0 auto; background-color:#020226;}



div.imprimir-lista{ text-align:left; background-color:#fff; color: #000; margin:0 auto; padding:20p;}




html{font-size:20px; color:#fff;font-family: 'Oswald', sans-serif;}
	a{text-decoration:none;}
div.clear{clear:both;}
h1{font-size:2.6em;text-transform:uppercase; color:#fff; text-shadow: 1px 1px 3px black; display:none;}
h2.titulo { font-size:1.1em; margin:0 auto; text-transform:uppercase; color:#fff; text-shadow: 1px 1px 3px black;}
h2.tituloP { font-size:1.2em; margin:0 auto; padding-left:10px; text-align:left; text-transform:uppercase; color:#fff; text-shadow: 1px 1px 3px black;}


header.principal{ width:100%;margin: 0 auto; }
header.principal div.topo{ width:100%; }



header.principal div.topo form.login{margin:7px; width:40%; float:left;font-size:0.6em;}
header.principal div.topo form.login input[type="password"],
header.principal div.topo form.login input[type="text"]{ background:none; max-width:120px; color:#fff; border: 0; padding:3px; border-bottom:solid 1px #fff;}
header.principal div.topo form.login input[type="password"],
header.principal div.topo form.login input[type="text"]:focus{background-color:none;outline: none !important;} 
header.principal div.topo form.login input[type="submit"]{ background:none; color:#fff; border-radius:5px; border:solid 1px #fff;}


header.principal div.logotipo{ margin-bottom:-80px; width:45%; text-align:right; float:right; display:inline-block; }

header.principal div.logotipo img{max-width:550px; margin:20px;} 

header.principal div.logotipo2{ margin-bottom:-60px; width:40%; text-align:right; float:right; display:inline-block; }

header.principal div.logotipo2 img{max-width:480px; margin:10px;} 




div.banner{background-image:url(../img/layout/banner-grande29.jpg);
    background-size:100%; background-repeat: no-repeat; min-height:450px; clear:both;border-bottom:solid 5px #02021e;border-top:solid 5px #02021e; }
	
	
div.banner div.chamada{margin:50px; float:left; font-family: 'Oswald', sans-serif; font-size:2em;text-transform:uppercase; color:#fff; text-shadow: 1px 1px 3px black;}
		
		
		div.banner-sistema{background-image:url(../img/layout/banner-grande229.jpg);
    background-size:100%; min-height:200px; clear:both;border-bottom:solid 5px #02021e;border-top:solid 5px #02021e; }
	
		
	
		
		
content#inicial{ width:100%;text-align:center;margin: 0 auto;}	
content#inicial div.left{ width:70%; display:inline-block; vertical-align:top;}
content#inicial div.left div.produtos-inicial{ width:100%; margin:5px; background-color:#02021c;}
content#inicial div.left div.produtos-inicial div.separador{width:80%;margin:0 auto; height:3px; margin-bottom:10px;margin-top:20px; background-color:#fff;}
content#inicial div.left div.produtos-inicial div.box-produto{width:100%; height:100%; text-align:left; border-top:solid 3px #1c1c60; padding-bottom:10px;
background-image:url(../img/layout/bg-produtos.png); background-repeat: no-repeat; background-position: right bottom;}

content#inicial div.left div.produtos-inicial div.box-produto img{width:35%; margin-right:10px; float:left;}
content#inicial div.left div.produtos-inicial div.box-produto figcaption{ margin-bottom:50px;}
content#inicial div.left div.produtos-inicial div.box-produto figcaption span{ font-size:0.9em;}
content#inicial div.left div.produtos-inicial div.box-produto figcaption small{font-size:0.6em; margin-top:20px;}

content#inicial div.left div.produtos-inicial div.box-produto div.maistexto{ margin:10px;}
content#inicial div.left div.produtos-inicial div.box-produto div.valor{ float:right; font-size:1.5em; margin:5px;}
content#inicial div.left div.produtos-inicial div.box-produto a div.saiba-mais{color:#fff; margin-top:-30px;}



content#inicial div.left div.produtos-inicial div.box-produto div.galeria{width:92%; text-align:center; margin:0 auto; margin-top:30px;}

content#inicial div.left div.produtos-inicial div.box-produto div.galeria img{width:15%; border:solid 1px #3b3b6d; padding:3px; display:inline-block; margin:3px;}

content#inicial div.left div.produtos-inicial div.box-representante{font-size:0.9em;display:inline-block; vertical-align:top; padding:5px;margin:10px; border:solid 2px #ccc; 
width:40%; text-align:left;}
content#inicial div.left div.produtos-inicial div.box-representante div.titulo{ width:100%; text-transform:uppercase;margin-bottom:10px;}




content#inicial div.left div.produtos-inicial div.box-postagens{ width:45%;font-size:0.9em; color:#fff; display:inline-block; vertical-align:top; margin:10px; border:solid 2px #ccc; text-align:left;}
content#inicial div.left div.produtos-inicial div.box-postagens a{color:#fff;}
content#inicial div.left div.produtos-inicial div.box-postagens img{ width:100%; margin:0 auto;}





content#inicial div.left a img.banner-revendedor{ width:99%; margin:0 auto;margin-top:30px;}

content#inicial div.right{ width:27%;display:inline-block; text-align:center; vertical-align:top;}
content#inicial div.right div.redes-sociais{ width:100%; margin:7px;  background-color:#02021c;}



content#inicial div.right div.avisos-sistema{ width:100%; margin:7px; text-align:left; color:#fff;  background-color:#02021c;}


content#inicial div.right div.avisos-sistema div.titulo{ width:95%; padding:7px; color:#fff; margin:0 auto; text-transform:uppercase;}


content#inicial div.right div.avisos-sistema a div.aviso{ width:95%; padding:7px; color:#fff; margin:0 auto; border-bottom:solid 1px #020226;}
content#inicial div.right div.avisos-sistema a div.aviso:hover{ background-color:#020226;}
content#inicial div.right div.avisos-sistema a div.aviso span{ float:right; text-align:right;}



content#inicial div.right div.revendedores-l{ width:100%;color:#fff; margin:7px;  background-color:#02021c;}
content#inicial div.right div.revendedores-l img{width:98%; margin:0 auto; display:inline-block;}

content#inicial div.right div.redes-sociais img{ width:90px; margin:7px; display:inline-block;}
content#inicial div.right div.blog-inicial{ width:100%;color:#fff; margin:7px;  background-color:#02021c;}
content#inicial div.right div.blog-inicial a figure img{  width:100%;}
content#inicial div.right div.blog-inicial a figure figcaption h3{color:#fff; font-size:1em; margin:0 auto; text-align:left;}

content#inicial div.right div.blog-inicial a figure figcaption small{color:#fff; font-size:0.7em; float:left; margin-bottom:10px; text-align:left; clear:both;}

content#inicial div.right div.blog-inicial a.vermais{ font-size:0.8em; text-align:center; text-transform:uppercase; padding:5px; border-radius:7px;background-color:#fff; color:#02021c;}



content#inicial div.left div.cadastro{ width:100%; margin:5px; background-color:#02021c;}
content#inicial div.left div.cadastro div.texto{ width:95%; text-align:left; margin:0 auto;}

content#inicial div.left div.cadastro form{width:95%;margin:0 auto; text-align:left; margin-top:20px;margin-bottom:20px; padding-bottom:30px;
background-image:url(../img/layout/bg-produtos.png); background-repeat: no-repeat; background-position: right bottom;}
content#inicial div.left div.cadastro form label input[type="text"]{width:70%; margin-bottom:10px; border-radius:7px;padding:7px;color:#02021c; border:0px; font-size:1.1em;}





content#inicial div.left div.cadastro form label input[type="text"]:focus{background-color:none;outline: none !important;} 

content#inicial div.left div.cadastro form input[type="reset"],
content#inicial div.left div.cadastro form input[type="submit"]{width:30%; margin:5px; border-radius:6px;padding:10px; border:0px; cursor:pointer; font-size:1.2em;}

content#inicial div.left div.cadastro form input[type="reset"]{background-color:#f9cc41;}

content#inicial div.left div.cadastro form input[type="reset"]:hover{background-color:#e7f702;}
content#inicial div.left div.cadastro form input[type="submit"]{background-color:#24c7b1;}

content#inicial div.left div.cadastro form input[type="submit"]:hover{background-color:#2cb29e;}




content#inicial div.left div.conteudo-sistema{ width:100%; margin:5px; background-color:#02021c;}





content#inicial div.left div.conteudo-sistema div.box-produto2{ width:99%; text-align:left;}
content#inicial div.left div.conteudo-sistema div.box-produto2 img{width:200px; float:left; margin-right:20px;}





content#inicial div.left div.conteudo-sistema div.recado-inicio{ width:98%; text-align:left; margin:0 auto; padding-top:10px;padding-bottom:30px;}

content#inicial div.left div.conteudo-sistema div.menu-sistema{width:100%;margin:0 auto; border-bottom:solid 2px #575782;}
content#inicial div.left div.conteudo-sistema div.menu-sistema a{color:#fff; padding:5px; border-radius:5px;margin:5px; float:left;}
content#inicial div.left div.conteudo-sistema div.menu-sistema a:hover{color:#02021c; background-color:#fff;}

content#inicial div.left div.conteudo-sistema div.titulo-pagina{ width:98%; text-transform:uppercase; line-height:2; margin:0 auto;padding-top:5px; text-align:left;}
content#inicial div.left div.conteudo-sistema div.sub-titulo-pagina{text-transform: capitalize; width:98%; line-height:2; margin:0 auto; text-align:left; border-bottom:solid 3px #020226;}
content#inicial div.left div.conteudo-sistema div.sub-titulo-pagina a{ list-style:none; border-radius:4px; width:100px; float:right; line-height:2; text-align:center; background-color:#fff;color:#02021c;}
content#inicial div.left div.conteudo-sistema div.sub-titulo-pagina a:hover{ background-color:#71edda;}


content#inicial div.left div.conteudo-sistema div.titulo-pagina a.nav-pedidos{ background-color:#fff; margin-left:10px;border-radius:5px;padding: 3px; font-size:0.9em; color:#02021c;} 




content#inicial div.left div.conteudo-sistema div.sub-titulo-pagina a.novo{ list-style:none; border-radius:4px; width:200px; float:left; line-height:2; text-align:center; background-color:#fff;color:#02021c;}
content#inicial div.left div.conteudo-sistema div.sub-titulo-pagina a.novo:hover{ background-color:#71edda;}



content#inicial div.left div.conteudo-sistema ul.lista-cadastro-novos{ width:94%; text-align:left; margin:0 auto; list-style:none;}
content#inicial div.left div.conteudo-sistema ul.lista-cadastro-novos li{ width:100%; margin:0 auto; line-height:3; font-size:0.8em}
content#inicial div.left div.conteudo-sistema ul.lista-cadastro-novos li:hover{background-color:#020226;}

content#inicial div.left div.conteudo-sistema ul.lista-cadastro-novos li a{float:right; width:100px; text-align:center; line-height:2; margin-top:8px; border-radius:5px; background-color:#fff;color:#02021c; }



content#inicial div.left div.conteudo-sistema form{width:95%;margin:0 auto; text-align:left; margin-top:20px;margin-bottom:20px; padding-bottom:30px;
background-image:url(../img/layout/bg-produtos.png); background-repeat: no-repeat; background-position: right bottom;}


content#inicial div.left div.conteudo-sistema form label input[type="password"],
content#inicial div.left div.conteudo-sistema form label input[type="text"]{width:70%; margin-bottom:10px; border-radius:7px;padding:7px;color:#02021c; border:0px; font-size:1.1em;}

content#inicial div.left div.conteudo-sistema form label input[type="text"]:focus{background-color:none;outline: none !important;} 

content#inicial div.left div.conteudo-sistema form input[type="reset"],
content#inicial div.left div.conteudo-sistema form input[type="submit"]{width:30%; margin:5px; border-radius:6px;padding:10px; border:0px; cursor:pointer; font-size:1.2em;}


content#inicial div.left div.conteudo-sistema form input[type="reset"]{background-color:#f9cc41;}

content#inicial div.left div.conteudo-sistema form input[type="reset"]:hover{background-color:#e7f702;}
content#inicial div.left div.conteudo-sistema form input[type="submit"]{background-color:#24c7b1;}

content#inicial div.left div.conteudo-sistema form input[type="submit"]:hover{background-color:#2cb29e;}



content#inicial div.left div.conteudo-sistema form.enviar-acesso{width:95%;margin:0 auto;  margin-bottom:20px;padding:0px; background:none;}
content#inicial div.left div.conteudo-sistema form.enviar-acesso input[type="submit"]{ font-size:1.2em; width:30%; padding:10; background-color:green; color:#fff;}
content#inicial div.left div.conteudo-sistema form.enviar-acesso input[type="submit"]:hover{background-color:#288851;}





content#inicial div.left div.conteudo-sistema form.deletar{width:95%;margin:0 auto; background:none;}
content#inicial div.left div.conteudo-sistema form.deletar input[type="submit"]{ font-size:0.9em; width:20%; padding:5px; background-color:red; color:#fff;}
content#inicial div.left div.conteudo-sistema form.deletar input[type="submit"]:hover{background-color:#e20909;}











content#inicial div.left div.conteudo-sistema form.cadastro2{ width:360px; float:left; margin-left:10px; padding-bottom:5px;}
content#inicial div.left div.conteudo-sistema form.cadastro2 input[type="text"]{width:220px; float:left; border-radius:7px;padding:7px;color:#02021c; border:0px; font-size:1.1em;}

content#inicial div.left div.conteudo-sistema form.cadastro2 input[type="text"]:focus{background-color:none;outline: none !important;} 

content#inicial div.left div.conteudo-sistema form.cadastro2 input[type="submit"]{width:100px; float:left; margin-top:0px; border-radius:6px;padding:9px; border:0px; cursor:pointer; font-size:1em;}


content#inicial div.left div.conteudo-sistema form.cadastro2 input[type="submit"]{background-color:#24c7b1;}

content#inicial div.left div.conteudo-sistema form.cadastro2 input[type="submit"]:hover{background-color:#2cb29e;}

content#inicial div.left div.conteudo-sistema form.cadastro label textarea{width:80%; min-height:80px; border-radius:7px;padding:7px;color:#02021c; border:0px; margin-bottom:20px; font-size:1.1em;}







content#inicial div.left div.conteudo-sistema form.cadastro3{ width:300px; float:left; margin-left:10px;}
content#inicial div.left div.conteudo-sistema form.cadastro2 input[type="text"]{width:220px; float:left; border-radius:7px;padding:7px;color:#02021c; border:0px; font-size:1.1em;}


content#inicial div.left div.conteudo-sistema form.cadastro3 input[type="submit"]{width:200px; float:left; margin-top:0px; border-radius:6px;padding:9px; border:0px; cursor:pointer; font-size:1em;}

content#inicial div.left div.conteudo-sistema form.cadastro3 input[type="submit"]:hover{background-color:#2cb29e;}









content#inicial div.left div.conteudo-sistema form.deletar2{width:140px;margin:0 auto;float:left; margin-top:20px; padding-bottom:5px; background:none;}
content#inicial div.left div.conteudo-sistema form.deletar2 input[type="submit"]{ font-size:0.8em; width:50px; padding:5px; background-color:red; color:#fff;}
content#inicial div.left div.conteudo-sistema form.deletar2 input[type="submit"]:hover{background-color:#e20909;}





content#inicial div.left div.conteudo-sistema div.pedido-editar{width:100%;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.titulo-pedido{width:80%; text-align:lett;}
content#inicial div.left div.conteudo-sistema div.pedido-editar form.novo-item{width:99%; background-image:none;}



content#inicial div.left div.conteudo-sistema div.pedido-editar div.box{display:inline-block; text-align:left; width:29%;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.box2{display:inline-block; text-align:left; width:10%;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.box2 input[type="text"],
content#inicial div.left div.conteudo-sistema div.pedido-editar div.box2 input[type="number"]{width:98%; border-radius:5px;padding:5px;color:#02021c; border:0px; font-size:0.8em;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.box select{width:98%; border-radius:5px;padding:5px;color:#02021c; border:0px; font-size:0.8em;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.box2 input[type="submit"]{ cursor:pointer;width:98%; border-radius:5px;padding:5px;color:#fff; background-color:green; border:0px; font-size:0.8em;}






content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens{width:98%; padding-left:5px; border-bottom:solid 1px #fff;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens div.box5,
content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens div.box6,
content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens div.box7{line-height:2.5; text-align:left;font-size:0.8em; padding:0px; margin:0px;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens div.box5{float:left; width:20%;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens div.box6{float:left; width:17%;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens div.box7{float:left; width:12%;}

content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens div.box6 form{background-image:none; font-size:0.8em; padding:0px; margin:0px;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens div.box6 form input[type="submit"].deletar{width:50%;color:#fff; background-color:red; padding:0px; margin:10px;}

content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens div.box6 form input[type="submit"].muda{width:50%;color:#fff; background-color:#4e85b7; padding:0px; margin:10px;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.lista-de-itens div.box6 form input[type="text"]{ color:#fff;width:35%;color:#fff; border:0px; font-size:1.4em; 
background:none; background-color:none;float:left; padding:9px; margin:0px;}




content#inicial div.left div.conteudo-sistema div.busca{width:100%;}
content#inicial div.left div.conteudo-sistema div.busca form{ background:none; background-image:none;padding:0px;}
content#inicial div.left div.conteudo-sistema div.busca input[type="text"],
content#inicial div.left div.conteudo-sistema div.busca input[type="date"],
content#inicial div.left div.conteudo-sistema div.busca select{width:30%; border-radius:5px;padding:5px;color:#02021c; border:0px; font-size:0.8em;}
content#inicial div.left div.conteudo-sistema div.busca input[type="submit"]{ cursor:pointer;width:10%; border-radius:5px;padding:5px;color:#fff; background-color:green; border:0px; font-size:0.8em;}
content#inicial div.left div.conteudo-sistema div.busca input[type="text"]{width:20%;}


content#inicial div.left div.conteudo-sistema div.pedido-editar div.valor-total-pedido{width:98%; text-align:center;margin:0 auto;margin-top:10px;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.valor-total-pedido div.valor{ width:320px; float:right; background-color:#fff; padding:7px;
border-radius:7px;color:#02021c; }




content#inicial div.left div.conteudo-sistema div.pedido-editar div.imprimir-link{width:90%; text-align:center;margin:0 auto;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.imprimir-link a{width:180px; color:#fff; line-height:3; float:right; margin-top:-20px;border-radius:7px; text-align:center;margin:0 auto;background-color:#6088f7;background-image:url(../img/layout/imprimir.png);
background-repeat: no-repeat;background-position:left center; background-size:40px;
}





content#inicial div.left div.conteudo-sistema div.pedido-editar div.menu-pedido{width:100%; text-align:center;}



content#inicial div.left div.conteudo-sistema div.pedido-editar div.menu-pedido form.menu-pedido{ background-image:none; display:inline-block; width:30%;}

content#inicial div.left div.conteudo-sistema div.pedido-editar div.menu-pedido form.menu-pedido input[type="submit"]{ font-size:1em; line-height:2; width:98%; padding:5px;color:#fff;}




content#inicial div.left div.conteudo-sistema div.pedido-editar div.menu-pedido form.menu-pedido input[type="submit"].enviar{background-color:green;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.menu-pedido form.menu-pedido input[type="submit"].excluir{background-color:red;}

content#inicial div.left div.conteudo-sistema div.pedido-editar div.menu-pedido form.menu-pedido input[type="submit"].enviar:hover{background-color:#0f9e5e;}

content#inicial div.left div.conteudo-sistema div.pedido-editar div.menu-pedido form.menu-pedido input[type="submit"].excluir:hover{background-color:#d61b22;}

content#inicial div.left div.conteudo-sistema div.pedido-editar div.menu-pedido form.menu-pedido input[type="submit"].devolver{background-color:#ff9d00;}
content#inicial div.left div.conteudo-sistema div.pedido-editar div.menu-pedido form.menu-pedido input[type="submit"].devolver:hover{background-color:#bf8220;}




content#inicial div.left div.conteudo-sistema div.editar-produtos{width:98%;}
content#inicial div.left div.conteudo-sistema div.editar-produtos form{width:44%; margin:3px; float:left;border:solid 1px #ccc; border-radius:5px;padding:3px;}
content#inicial div.left div.conteudo-sistema div.editar-produtos form img{width:100%;}
content#inicial div.left div.conteudo-sistema div.editar-produtos form textarea{margin:5px;color:#02021c;border-radius:7px; min-height:150px; border:0px; font-size:0.8em; line-height:1; width:99%; padding:5px;}
content#inicial div.left div.conteudo-sistema div.editar-produtos form input[type="text"]{margin:5px;color:#02021c;border-radius:7px; border:0px; font-size:0.8em; line-height:1; width:99%; padding:5px;}




content#inicial div.left div.conteudo-sistema div.box-sistema-postagem{max-width:200px; height:230px; border:solid 1px #ccc; font-size:0.6em; text-align:left;font-weight:300; float:left; margin:5px;padding:3px;}
content#inicial div.left div.conteudo-sistema div.box-sistema-postagem img{width:200px;height:120px;}


iframe.grande{display:block;}
iframe.pequeno{display:none;}



footer{ margin-top:30px; width:100%; min-height:200px; background-color:#02021c;}
footer div{ font-size:0.9em; margin:20px;}

@media (max-width: 1000px) {
	html{font-size:17px;}
	
	header.principal div.topo form.login{margin:5px; width:350px; float:left;font-size:0.6em; }
header.principal div.topo form.login input[type="password"],
header.principal div.topo form.login input[type="text"]{ max-width:100px; }

	
	
	header.principal div.logotipo{ margin-bottom:-80px; width:300px;}
    header.principal div.logotipo img{max-width:300px;} 
	div.banner{background-image:url(../img/layout/banner-grande29.jpg); min-height:250px;  }
	

}




@media (max-width: 700px) {

header.principal div.topo form.login{margin:0 auto; text-align:center; width:100%;float:none;font-size:0.6em;}
header.principal div.topo form.login input[type="password"],
header.principal div.topo form.login input[type="text"]{ max-width:100px; }

	
	
	header.principal div.logotipo{ margin-bottom:-30px; text-align:center; float:none; width:100%;}
    header.principal div.logotipo img{max-width:300px;} 
	div.banner{ min-height:200px;background-image:url(../img/layout/banner-grande-p29.jpg);}
	div.banner div.chamada{margin:10px; float:left;  font-size:1.6em;}	
	
content#inicial div.left,content#inicial div.right{ width:98%; float:none;}}
content#inicial div.left div.conteudo-sistema form label input[type="password"],
content#inicial div.left div.conteudo-sistema form label input[type="text"],
content#inicial div.left div.cadastro form label input[type="text"]{width:98%;} 

content#inicial div.left div.cadastro form input[type="reset"],
content#inicial div.left div.cadastro form input[type="submit"]{width:45%;}
content#inicial div.left div.produtos-inicial div.box-representante{font-size:0.8em;width:90%;}
}



@media (max-width: 400px) {


    header.principal div.logotipo img{max-width:240px;} 
	div.banner{ min-height:180px;}
	
	
	}