/* Resolução de 980px */
@media screen and (max-width: 980px) {

/* Index */
.acesso {
	width: 50%;
}

.acesso #form1 {
	width: 90%;
}

#cnpj, #cod {
	font-size: 17px;
}

#login, #senha {
	width: 60%;
}

footer {
	width: 80%;
}

/* Seleciona OS */
.container2 {
	width: 80%;
	height: auto;
	margin-left: 5%;
}

#seleciona {
	width: 100%;
	height: auto;
}

.cliente {
	width: 80%;
}

/* Ordem de Serviço */
#menu {
	width: 98%;
}

nav {
      	 width: 100%;
      	 float: none;
         margin-left: 1%;
         margin-right: 0;
	  /* height: 120px; */
	  	 height: auto;
	     
	     background-color: #ccc;
	     display: inline-block;
}
     
nav #btequipamento, #btlaudo, #btprodutos {
     /*  float: left; */
     	 display: inline-block;
      	 margin-right: 15px;
      	 text-align: center;
      	 margin: 15px; 
      	 margin-top: 0;
}

figure {
	width: 100%;
}

figure img {
    	 width: 80px;
    	 height: 80px;

}

nav a h6 {
		 color: #000;
}

nav a:hover h6 {
		 color: #FF0000;
		 text-decoration: underline;
		 text-shadow: currentColor;
}

.chamada  {
          width:100%;
     }
     .chamada figure img {
          margin: 0 auto;
          width:100%;
          height: 200px;
     }

.chamada h2 {
          margin: 0 auto;
          width:90%;
          font-size: 32px;
}

.chamada h3 {
          
          width:90%;
          font-size: 24px;
}

.container {
	     clear: both;
     	 margin-left: 1% ; 
	     background-color:#ccc;
	     height: auto;
	     padding:15px;
		 width: 94%;
	     margin-bottom: 40px;
}

#conteudocentral {
	width: 100%;
	height: auto;
}

#equipamento {
         width: 100%;
         border: 1px solid #808080;
}

	 #equipamento figure img {
		 width: 40px;
		 height: 40px;
		 float: left;
		 margin-top: 12px;
		 margin-left: 24%;
		 margin-right: 8px;
}

	 #equipamento h2 {
		 text-align: left;
		 font-size: 30px;
		 margin-bottom: 5px;
}

	 #equipamento hr {
		 width: 95%;
		 margin-left: 2%;
}

	 #ocorrencia {
	 	 width: 340px;
	 	 height: 280px;
	 	 float: left;
	 	 margin-top: 15px;
}

	 #ocorrencia label {
		 font-family: Constantia, Palatino, 'Palatino Linotype',  'Palatino LT STD', Georgia, serif;
		 text-shadow: none;
		 font-size: 20px;
		 font-weight: bold;
		 margin-left: 75px;

}

	 #ocorrencia input {
	 	 	float: right;
	 	 	width: 250px;
	 	 	height: 22px;
	 	 	border-radius: 12px;
	 	 	padding-left: 8px;
	 	 	margin-right: 5px;

}

	 #ocorrencia textarea {
			float: right;
			width: 250px;
			height: 240px;
			border-radius: 12px;
			padding: 4px;
			margin-right: 5px;

}

	 #observacao {
	 	 width: 340px;
	 	 height: 320px;
	 	 float: right;
	 	 margin-top: 15px;
	 	 margin-right: 22px;
}

	 #observacao label {
		 font-family: Constantia, Palatino, 'Palatino Linotype',  'Palatino LT STD', Georgia, serif;
		 text-shadow: none;
		 font-size: 20px;
		 font-weight: bold;
		 margin-left: 75px;

}

	 #observacao input {
	 	 	float: right;
	 	 	width: 250px;
	 	 	height: 22px;
	 	 	border-radius: 12px;
	 	 	padding-left: 8px;
	 	 	margin-right: 5px;

}

	 #observacao textarea {
			float: right;
			width: 245px;
			height: 240px;
			border-radius: 12px;
			padding: 4px;
			padding-left: 9px;
			margin-right: 5px;

}
/* ---------------------------------------Aqui é da pagina Laudo.php-------------------------------- */

	 #diaginostico {
         width: 100%;
         border: 1px solid #808080;
}

	 #diaginostico figure img {
		 width: 40px;
		 height: 40px;
		 float: left;
		 margin-top: 12px;
		 margin-left: 215px;
		 margin-right: 8px;
}

	 #diaginostico h2 {
		 text-align: left;
		 font-size: 43px;
		 margin-bottom: 5px;
}

	 #diaginostico hr {
		 width: 95%;
		 margin-left: 2%;
}

	 #laudo {
	 	 width: 340px;
	 	 height: 300px;
	 	 float: left;
	 	 margin-top: 15px;
	 	 
}

	 #laudo label {
		 font-family: Constantia, Palatino, 'Palatino Linotype',  'Palatino LT STD', Georgia, serif;
		 text-shadow: none;
		 font-size: 20px;
		 font-weight: bold;
		 margin-left: 20px;

}
	 
	 #laudo textarea {
			float: right;
			width: 300px;
			height: 290px;
			border-radius: 12px;
			padding: 4px;
			margin-right: 5px;

}

	 #solucao {
	 	 width: 340px;
	 	 height: 320px;
	 	 float: right;
	 	 margin-top: 15px;
	 	 margin-right: 22px;

}

	 #solucao label {
		 font-family: Constantia, Palatino, 'Palatino Linotype',  'Palatino LT STD', Georgia, serif;
		 text-shadow: none;
		 font-size: 20px;
		 font-weight: bold;

}

	 #solucao textarea {
			float: right;
			width: 300px;
			height: 290px;
			border-radius: 12px;
			padding: 4px;
			padding-left: 9px;
			margin-right: 5px;

}

/* ---------------------------------------Aqui é da pagina Produtos.php-------------------------------- */
	 #manutencao {
         width: 100%;
         border: 1px solid #808080;
}

	 #manutencao figure img {
		 width: 40px;
		 height: 40px;
		 float: left;
		 margin-top: 12px;
		 margin-left: 245px;
		 margin-right: 8px;
}

	 #manutencao h2 {
		 text-align: left;
		 font-size: 43px;
		 margin-bottom: 5px;
}

	 #manutencao hr {
		 width: 95%;
		 margin-left: 2%;
}

	 #manutencao label {
		 font-family: Constantia, Palatino, 'Palatino Linotype',  'Palatino LT STD', Georgia, serif;
		 text-shadow: none;
		 font-size: 18px;
		 font-weight: bold;
		 margin-left: 37px;
		 margin-right: 7px;
		 text-align: center;
		 display: none;
}

	 #prodserv {
	 	 height: 280px;
	 	 width: 99%;
	 	 overflow-y: scroll;
	 	 overflow-x: scroll; 
	 	 border: 2px solid #808080;
	 	 display: none;
}

	 #prodserv textarea {
	 	 width: 150px;
	 	 height: 36px;
	 	 border-radius: 13px;
	 	 margin-top: 5px;
	 	 float: left;
	 	 margin-left: 7px;
	 	 padding-top: 4px;
}

	 #prodserv input {
	 	 width: 110px;
	 	 height: 24px;
	 	 border-radius: 10px;
	 	 margin-left: 15px;
	 	 float: left;
	 	 margin-top: 12px;
	 	 padding-left: 3px;
	 	 text-align: center;
}

	 #totalos {
		 width: 134px;
	 	 height: 24px;
	 	 border-radius: 10px;
	 	 float: right;
	 	 margin-top: 5px;
	 	 margin-right: 5px;
	 	 padding-left: 10px

}

	 #nometotalos {
		 float: right;
		 margin-top: 12px;
		 margin-right: 5px;
}
/* A tabela comeca aqui */
#mostrar {
	 	 height: auto;
	 	 width: 99%;
	 	 overflow-y: auto; 
	 	 display: block;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: arial;
    text-shadow: none;
  }

  .tabela2 {
    border-bottom: #999999 solid 1px;
    width: 100%;
    margin-bottom: 20px;
  }

  .tabela2 th,
  .tabela2 td {
    border-right: #999999 solid 1px;
    border-bottom: 1px solid #000;
    font-size: 17px;
    padding: 8px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
  }

  .tabela2 td:last-child {
     border-right: 0;
  }

  .tabela2 thead th {
    font-weight: normal;
    background-color: #FF4500;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
  }

  .tabela2 tbody > tr:nth-child(odd) > td,
  .tabela2 tbody > tr:nth-child(odd) > th {
    background-color: #f8f8f8;
    font-weight: bold;
  }

}

/* Resolução de 780px */
@media screen and (max-width: 780px) {

/* Index */	
.acesso {
	width: 60%;
	height: auto;
}

.acesso #form1 {
	width: 90%;
}

#cnpj, #cod {
	font-size: 15px;
}

#login, #senha {
	width: 60%;
}

.acesso figure img {
	width: 20%;
	height: 20%;
	margin: center;
}

.acesso h3 {
	font-size: 25px;
	margin: center;
}

h1 {
	font-size: 40px;
}

/* Seleciona OS */
table {
	display:block; width:auto; overflow-x: auto; white-space: nowrap;
}

.container2 {
	width: 80%;
	height: auto;
	margin-left: 3%;
	padding: 10px 40px 40px 40px;
}

.cliente {
	width: 60%;
	height: auto;
}

#cliente1 {
	font-size: 27px;
}

#nomecli {
	font-size: 25px;
}

header h1 #os {
	font-size: 20px;
}

/* Ordem de Servico */
.container {
	     clear: both;
     	 margin-left: 1% ; 
	     background-color:#ccc;
	     height: 825px;
	     padding:15px;
		 width: 93%;
	     margin-bottom: 40px;
}

#conteudocentral {
	width: 100%;
	height: 100%;
}

#equipamento {
         width: 100%;
         height: 815px;
         border: 1px solid #808080;
}

	 #equipamento figure img {
		 width: 40px;
		 height: 40px;
		 float: left;
		 margin-top: 12px;
		 margin-left: 3%;
		 margin-right: 8px;
}

	 #equipamento h2 {
		 text-align: left;
		 font-size: 25px;
		 margin-bottom: 5px;
}

	 #equipamento hr {
		 width: 95%;
		 margin-left: 2%;
}

	 #ocorrencia {
	 	 width: 98%;
	 	 height: 280px;
	 	 float: left;
	 	 margin-top: 15px;
}

	 #ocorrencia label {
		 font-family: Constantia, Palatino, 'Palatino Linotype',  'Palatino LT STD', Georgia, serif;
		 text-shadow: none;
		 font-size: 20px;
		 font-weight: bold;
		 margin-left: 20px;

}

	 #ocorrencia input {
	 	 	float: right;
	 	 	width: 94%;
	 	 	height: 22px;
	 	 	border-radius: 12px;
	 	 	padding-left: 8px;

}

	 #ocorrencia textarea {
			float: right;
			width: 94%;
			height: 240px;
			border-radius: 12px;
			padding: 4px;
			margin-right: 5px;

}

	 #observacao {
	 	 width: 98%;
	 	 height: 320px;
	 	 float: left;
	 	 margin-top: 60px;
	 	 margin-left: 1%;
}

	 #observacao label {
		 font-family: Constantia, Palatino, 'Palatino Linotype',  'Palatino LT STD', Georgia, serif;
		 text-shadow: none;
		 font-size: 20px;
		 font-weight: bold;
		 margin-left: 20px;

}

	 #observacao input {
	 	 	float: right;
	 	 	width: 94%;
	 	 	height: 22px;
	 	 	border-radius: 12px;
	 	 	padding-left: 8px;
	 	 	margin-right: 5px;

}

	 #observacao textarea {
			float: right;
			width: 94%;
			height: 240px;
			border-radius: 12px;
			padding: 4px;
			padding-left: 9px;
			margin-right: 5px;

}
/* ---------------------------------------Aqui é da pagina Laudo.php-------------------------------- */

	 #diaginostico {
         width: 100%;
         height: 815px;
         border: 1px solid #808080;
}

	 #diaginostico figure img {
		 width: 40px;
		 height: 40px;
		 float: left;
		 margin-top: 12px;
		 margin-left: 3%;
		 margin-right: 8px;
}

	 #diaginostico h2 {
		 text-align: left;
		 font-size: 25px;
		 margin-bottom: 5px;
}

	 #diaginostico hr {
		 width: 95%;
		 margin-left: 2%;
}

	 #laudo {
	 	 width: 100%;
	 	 height: 300px;
	 	 float: left;
	 	 margin-top: 15px;
	 	 
}

	 #laudo label {
		 font-family: Constantia, Palatino, 'Palatino Linotype',  'Palatino LT STD', Georgia, serif;
		 text-shadow: none;
		 font-size: 20px;
		 font-weight: bold;
		 margin-left: 20px;

}
	 
	 #laudo textarea {
			float: right;
			width: 94%;
			height: 290px;
			border-radius: 12px;
			padding: 4px;
}

	 #solucao {
	 	 width: 100%;
	 	 height: 320px;
	 	 float: left;
	 	 margin-top: 40px;
}

	 #solucao label {
		 font-family: Constantia, Palatino, 'Palatino Linotype',  'Palatino LT STD', Georgia, serif;
		 text-shadow: none;
		 font-size: 20px;
		 font-weight: bold;
		 margin-left: 20px;

}

	 #solucao textarea {
			float: right;
			width: 93%;
			height: 290px;
			border-radius: 12px;
			padding: 4px;
			padding-left: 9px;
}

/* ---------------------------------------Aqui é da pagina Produtos.php-------------------------------- */
	 #manutencao {
         width: 100%;
         height: 815px;
         border: 1px solid #808080;
}

	 #manutencao figure img {
		 width: 40px;
		 height: 40px;
		 float: left;
		 margin-top: 12px;
		 margin-left: 3%;
		 margin-right: 8px;
}

	 #manutencao h2 {
		 text-align: left;
		 font-size: 24px;
		 margin-bottom: 5px;
}

	 #manutencao hr {
		 width: 95%;
		 margin-left: 2%;
}

	 #manutencao label {
		 font-family: Constantia, Palatino, 'Palatino Linotype',  'Palatino LT STD', Georgia, serif;
		 text-shadow: none;
		 font-size: 18px;
		 font-weight: bold;
		 margin-left: 37px;
		 margin-right: 7px;
		 text-align: center;
		 display: none;
}

	 #prodserv {
	 	 height: 280px;
	 	 width: 99%;
	 	 overflow-y: scroll;
	 	 overflow-x: scroll; 
	 	 border: 2px solid #808080;
	 	 display: none;
}

	 #prodserv textarea {
	 	 width: 150px;
	 	 height: 36px;
	 	 border-radius: 13px;
	 	 margin-top: 5px;
	 	 float: left;
	 	 margin-left: 7px;
	 	 padding-top: 4px;
}

	 #prodserv input {
	 	 width: 110px;
	 	 height: 24px;
	 	 border-radius: 10px;
	 	 margin-left: 15px;
	 	 float: left;
	 	 margin-top: 12px;
	 	 padding-left: 3px;
	 	 text-align: center;
}

	 #totalos {
		 width: 134px;
	 	 height: 24px;
	 	 border-radius: 10px;
	 	 float: right;
	 	 margin-top: 5px;
	 	 margin-right: 5px;
	 	 padding-left: 10px

}

	 #nometotalos {
		 float: right;
		 margin-top: 12px;
		 margin-right: 5px;
}
/* A tabela comeca aqui */
#mostrar {
	 	 height: auto;
	 	 width: 99%;
	 	 overflow-y: auto; 
	 	 display: block;
}

table {
    width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: arial;
    text-shadow: none;
}

  .tabela2 {
    border-bottom: #999999 solid 1px;
    width: 100%;
    margin-bottom: 20px;
}

  .tabela2 th,
  .tabela2 td {
    border-right: #999999 solid 1px;
    border-bottom: 1px solid #000;
    font-size: 17px;
    padding: 8px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
}

  .tabela2 td:last-child {
     border-right: 0;
}

  .tabela2 thead th {
    font-weight: normal;
    background-color: #FF4500;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

  .tabela2 tbody > tr:nth-child(odd) > td,
  .tabela2 tbody > tr:nth-child(odd) > th {
    background-color: #f8f8f8;
    font-weight: bold;
}

}

/* Resolução de 490px */
@media screen and (max-width: 490px) {

/* Index */	
.acesso {
	width: 90%;
	height: auto;
}

.acesso #form1 {
	width: 90%;
}

#cnpj, #cod {
	font-size: 15px;
}

#login, #senha {
	width: 95%;
}

.acesso figure img {
	width: 20%;
	height: 20%;
	margin-left: 30%;
}

.acesso h3 {
	font-size: 25px;
	text-align: center;
	margin-top: 12px;
}

h1 {
	font-size: 25px;
}

/* Seleciona OS */
.container2 {
	width: 85%;
	height: auto;
	margin-left: 0;
	padding: 7px 25px 25px 25px;
}

.cliente {
	width: 60%;
	height: auto;
}

#cliente1 {
	font-size: 27px;
}

#nomecli {
	font-size: 25px;
}

.container2 h3 {
	font-size: 24px;
}

}

/* Resolução de 330px */
@media screen and (max-width: 330px) {

/* Index */	
.acesso {
	width: 90%;
	height: auto;
}

.acesso #form1 {
	width: 90%;
}

#cnpj, #cod {
	font-size: 15px;
}

#login, #senha {
	width: 95%;
}

.acesso figure img {
	width: 20%;
	height: 20%;
	margin-left: 27%;
}

.acesso h3 {
	font-size: 25px;
	text-align: center;
	margin-top: 12px;
}

h1 {
	display: none;
}

/* Seleciona OS */

}