*{
margin:0;
padding:0;
}

body{
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-khtml-background-size:cover;
background-size:cover;
}

#pai{
width:95%;
height:100%;
margin:0px auto;
background:;
}

#principal{
width:100%;
height:auto;
max-width:1050px;
margin:0px auto;
background:;
}

#topo{
width:100%;
height:38px;
max-width:1050px;
margin:0 0 5 0;
border-width:15 1 1 1;
border-style:solid;  
border-color:#ccc;
border-radius:2px;
background:;
}

#menu{
width:100%;
height:40px;
max-width:1050px;
margin:5 0 5 0;
border-width:1px;
border-style:solid;  
border-color:#ccc;
border-radius:2px;
background:;
}

#menuad{
width: 99.8%;
height:40px;
max-width:1050px;
margin:0.1 0 5 0;
border-width:1 1 2 1;
border-style:solid;  
border-color:#ccc;
border-radius:2px;
background:;

}

#menuad a{
text-decoration:none;
color:black;
}

#corpomenu{
width:99%;
float:left;
height:auto;
max-width:1050px;
margin: 5 0.5% 5 0.5%;
background:;
}

#linkmenu{
float:left;
height:auto;
margin: 5 0.2% 5 0.2%;
padding: 0 5 0 5;
background:;
position:relative;
}

#linkmenu a{
 text-decoration:none;
color:black; 
}

#linkmenu a:hover{
 color:orange;
 background: #827f7f;
}

#sublinkmenu{
float:left;
height:auto;
margin: 5 0.2% 5 0.2%;
padding: 0 5 0 5;
background:;
position:relative;

}

#sublinkmenu a:hover {
color:red;
}

#corpotopo{
width: 99%;
float: left;
max-width: 1050px;
margin: 5 0.5% 5 0.5%;
background: ;
}

#corpocorpo{
width:100%;
height:100%;
max-width:1050px;
max-height:700px;
margin:0 0 0 0;
border-width:1px;
border-style:solid;  
border-color:#ccc;
border-radius:2px;
background:;
}

#corpocorpoadm{
width:100%;
height:100%;
max-width:1050px;
max-height:650px;
margin:0 0 0 0;
border-width:1px;
border-style:solid;  
border-color:#ccc;
border-radius:2px;
background:;
}

#corpopginicio{
width: 99%;
float: left;
margin: 20% 0.5% 5 0.5%;
background: ;
font:30px arial, bolt;
color:black;
text-decoration: none;
}

#opcadm{
width:  calc((100% / 3) - 2%);
float: left;
height:130px;
margin: 5 1%;
background: ;
}

#opcpdv{
width:  calc((100% / 3) - 2%);
height:130px;
float: left;
margin: 5 1%;
background: ;
}

#corpomenu{
width:99%;
float:left;
height:auto;
max-width:1050px;
margin: 5 0.5% 5 0.5%;
background:;
}

#divformlogin{
width:99%;
float:left;
height:auto;
margin: 5 0.5% 5 0.5%;
background:;
}

#boxlogin{
width:99%;
float:left;
height:auto;
margin: 10% 0.5% 5 0.5%;
background:;
}

#formlogin{
width:50%;
height:auto;
margin: 5% 0.5% 5 0.5%;
background:;
}

#formlogin fieldset{
padding: 10px;
}



.labeluseresenha{  
	width:96%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;		/*emcima , direita, embaixo, esquerda*/
	background:;
}

.inputuseresenha{  
	width:99%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	color:black;
}


#boxcadproduto{
width:97%;
float:left;
height:auto;
margin: 5 0.5% 5 0.5%;
padding: 5 1% 5 1%;
background:;
}
#listprodcadprod{
width:40%;
float:left;
height:auto;
overflow:auto; 
text-align:left;
max-height:550px;
background:#CEF6CE;
}
#formulariocadprod{
width:60%;
float:left;
height:auto;
}

#retornos{
width:97%;
float:left;
height:40px;
font: 12px arial;
font-weight: bold;
color:red;
margin: 5 0.5% 5 0.5%;
padding: 5 1% 5 1%;
background:;
}


.lbcod{  
	width:16%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;		/*emcima , direita, embaixo, esquerda*/
	background:;
}

.incod{  
	width:99%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	padding: 2px;
	color:black;
}

.lbnomeprod{  
	width:75%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;	/*emcima , direita, embaixo, esquerda*/
	background:;
}

.innomeprod{  
	width:99%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	padding: 2px;
	color:black;
}

.lbnomecat{  
	width:70%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;	/*emcima , direita, embaixo, esquerda*/
	background:;
}

.innomecat{  
	width:70%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	padding: 2px;
	color:black;
}

.lbvalor{  
	width: 24.6%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;		/*emcima , direita, embaixo, esquerda*/
	background:;
}

.invalor{  
	width:99%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	padding: 2px;
	color:black;
}

.lbmedida{  
	width:30%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;		/*emcima , direita, embaixo, esquerda*/
	background:;
}

.inmedida{  
	width:99%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	padding: 2px;
	color:black;
}

.lbstatus{  
	width:30%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;		/*emcima , direita, embaixo, esquerda*/
	background:;
}

.instatus{  
	width:99%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	padding: 2px;
	color:black;
}

.lbimpress{  
	width: 31.9%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;		/*emcima , direita, embaixo, esquerda*/
	background:;
}

.inimpress{  
	width:99%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	padding: 2px;
	color:black;
}

.lbsub{  
	width: 97%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;		/*emcima , direita, embaixo, esquerda*/
	background:;
}

.fundomenubotaoc{ 
	width:;  
	height:;
	cursor: pointer;
	font:12px arial, bolt;
	color: black;
	margin:10px 6px 0px 6px ;
	padding:5px 10px 5px 10px ;
	border-width:1px;
	border-style:solid;
	border-color:#A0A0A0;
	border-radius:3px; 
	background:#E0E0E0;
	text-decoration: none;

}



.fundomenubotaoc:hover{
	margin:10px 6px 0px 6px ;
	border-width:1px;
	border-style:solid; 
	border-color:#A0A0A0;
	border-radius:3px;
	background:;  

}

#topocadcompra{
	width:100%;
	float:left;
}

#listcadcompra{
	width:99%;
	float:left;
	max-height:380px;
	overflow:auto; 
	background:#CEF6CE;
	padding: 5 0.5% 5 0.5%;
}

#listcadcompraprod{
	width:99%;
	float:left;
	max-height:248px;
	overflow:auto; 
	background:#CEF6CE;
	padding: 5 0.5% 5 0.5%;
}
#listdetaprod{
	width:99%;
	float:left;
	max-height:380px;
	overflow:auto; 
	background:#CEF6CE;
	padding: 5 0.5% 5 0.5%;
}

#listcadcompranota{
	width:99%;
	float:left;
	max-height:220px;
	overflow:auto; 
	background:#CEF6CE;
	padding: 5 0.5% 5 0.5%;
}

#listvendasprod{
	width:99%;
	float:left;
	height:550px;
	max-height:550px;
	overflow:auto; 
	background:#CEF6CE;
	padding: 5 0.5% 5 0.5%;
}

#listvendasprod td{
font:12px arial;
}

#listcadcompranota td{
font:12px arial;
}

#listdetaprod td{
font:12px arial;
}
#listcadcompra td{
font:12px arial;
}

#topocadcompra th{
	font:12px arial;
}

#topocadcompra td{
	font:12px arial;
}

#listprodcadprod th{
	font:12px arial;
}

#listprodcadprod td{
	font:12px arial;
}

#listprodcadprod td a{
	font:12px arial;
	text-decoration:none;
	color:black;
}

#listprodcadprod td a:hover{
	font:12px arial;
	text-decoration:none;
	color:red;
}

#teste{
	top:35%;
	left:25%;
	width:50%;
	height:10%;
	max-height:768;
	float:left;
	border-width:1px;
	border-style:solid;
	border-color:#A0A0A0;
	border-radius:3px; 
	padding:6% 0 4% 0;
	position:absolute;
	background:yellow;
}

.lbnomeinsu{  
	width:40%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 0.3% 2px 0.3% ;	/*emcima , direita, embaixo, esquerda*/
	background:;
}

.innomeinsu{  
	width:99%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	padding: 2px;
	color:black;
}

.lbqtdinsu{  
	width:8%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;	/*emcima , direita, embaixo, esquerda*/
	background:;
}

.inqtdinsu{  
	width:99%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	padding: 2px;
	color:black;
}

.lbvalorinsu{  
	width:12%;
	font:12px arial;
	font-weight:bold;
	color:black;
	text-align:left;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;	/*emcima , direita, embaixo, esquerda*/
	background:;
}

.invalorinsu{  
	width:99%;
	height:30px;
	font:12px arial;
	font-weight:bold;
	text-align:left;
	padding: 2px;
	color:black;
}


.lbnomeinsutop{  
	width:46.5%;
	font:15px arial;
	font-weight:bold;
	color:black;
	text-align:center;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;	/*emcima , direita, embaixo, esquerda*/
	background:;
}

.innomeinsutop{  
	width:99%;
	height:30px;
	font:16px arial;
	font-weight:bold;
	text-align:center;
	padding: 2px;
	color:black;
}

.lbvalorinsutop{  
	width:23%;
	font:15px arial;
	font-weight:bold;
	color:black;
	text-align:center;
	float:left;
	padding: 2px;
	margin:2px 1% 2px 1% ;	/*emcima , direita, embaixo, esquerda*/
	background:;
}

.invalorinsutop{  
	width:99%;
	height:30px;
	font:16px arial;
	font-weight:bold;
	text-align:center;
	padding: 2px;
	color:black;
}

.lbsubinsu{  
	width: auto;
    font: 12px arial;
    font-weight: bold;
    color: black;
    text-align: left;
    float: left;
    padding: 8 0 0 0;
    margin: 2px 0 2px 0;	/*emcima , direita, embaixo, esquerda*/
	background:;
}


@media(max-width: 610px){
	#corpopginicio{
	font:20px arial, bolt;
	
	}
	#formlogin{
	width:99%;	
	}
	#corpocorpo{
	max-height:500px;
	}
	#opcadm{
	width:  calc((100% / 2) - 2%);
	}

	#opcpdv{
	width:  calc((100% / 2) - 2%);
	}
	
}