body{

margin:auto;
}

.OpcaoSist:disabled{

        background-color:#E6E6E6;
        color:black;
    }
	
.campo_descrsimples:disabled{
        border: solid 1px white ;
        background-color:#E6E6E6;
        color:black;
}

.campo_Codigo:disabled{
		border: solid 1px white ;
        background-color:#E6E6E6;
        color:black;

}

div.PagePrincipal
	{

		margin: auto;
		height: 700px;

	}
	
div.conteudo
	{

		margin: auto;
		width: 1000px;

	}	
	
header.principal{

	height:60px;
	background:#D8D8D8;
	margin: 0px;
	text-align:center;
}

div.titulo{

	border-right:10px;
	float:right;
}

div.buttonReturn{

	float:left;
	margin-top:6px;
	margin-left:5px;


}

div.tabCarac{

	width:250px;

	float:left;

	margin-top:10px;


}


div.conteudoPrinc{

	width:700px;
	height:700px;
	float:left;
	background-color:#ffffff;	

}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}


div.tabAcess{

	width:550px;

	background-color:#ffffff;	
}



select.OpcaoSist{
	width:100%;
	margin-bottom:10px;

}


div.areaCompProd{
	background-color:#ffffff;

	width:750px;

	float:right;
}

div.areaBotoescomando{
	width:750px;
	float:right;
	background-color:#ffffff;
	margin-top:10px;
}
div.areaProdutoSelecionado{
	background-color: #ffffff;
	height: 70px;
	width:750px;
	float:right;

}

img.imagemProd {
    width: 50px;
    height: 50px;
	margin-top:4px;
	padding:0px;
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s, height 1s, transform 1s; 
}

/*img.imagemProd:hover {
    width: 150px;
	height: 150px;
}*/

	
footer.cinza
	{
	background:#D8D8D8;
	height:50px;
	color:white;
	width:100%;
	left:0px;
	text-align:center;
	margin:0px;
	display:inline-block;
	vertical-align:top;

	}
	


tr.destaqueModCel{

background-color:#ccc;

}

/*
******TIPOGRAFIA******
*/
body {
	font: 10pt Open Sans;
	font-weight:100;
	word-wrap:break-word;
	color: black;
}
h1 {
	font: 30pt Open Sans;
	color: black;
	font-weight:100;
	margin:0px;
}

h2 {	
	font: 20pt Open Sans;
	color: #606060;
	font-weight:100;
}

h3 {
	font: 15pt Open Sans;
	color: #606060;
	font-weight:300;
}

h4 {
	font: 10pt Open Sans;
	color: black;
	font-weight:100;
}

h5 {
	font: 15pt Open Sans;
	color: #606060;
	font-weight:300;
	margin:0px;
	float: right;
}

h6 {
	font: 12pt Open Sans;
	color: black;
	font-weight:100;
	margin:0px;


}

/*
******FONTES******
*/



@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;  
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;  
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;  
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;  
}

/*
******BUTTON******
*/

button,
.button {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  min-width: 100%;
  min-height: 32px;
  height: 32px;
  background-color: #ccc;
  border: 1px transparent solid;
  color: #353535;
  margin-right: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 0px;
  border-radius: 0px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 4px 10px;
  position: relative;
}

button:active,
.button:active,
button.default:active,
.button.default:active {
  top: 1px;
  left: 1px;
}

button,
.buttonBuscar {
  font-family: 'Segoe UI', 'Open Sans', 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
  font-weight: 400;
  font-size: 9pt;
  min-width: 100%;
  min-height: 32px;
  height: 32px;
  background-color:rgb(118, 118, 118);
  border: 1px transparent solid;
  color: #353535;
  margin-right: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 0px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 4px 10px;
  position: relative;
}

button:active,
.buttonBuscar:active,
button.default:active,
.buttonBuscar.default:active {
  top: 1px;
  left: 1px;
}



div.hand {
	width:20px;
	height:20px;	
	cursor: pointer;
	
}

textarea.campo_DescCompl {
	font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight: 400;
	font-size: 10pt;
	width: 300px;
	height: 55px;
	resize:none;
}

input.campo_descrsimples{
	font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15pt;
	width:100%;
}



input.campo_Codigo{
	font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15pt;
	width:100%;
	

}

input.campo_busca{
	font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15pt;
	width:100%;
    margin-top: 10px;
	margin-bottom: 10px;

}


/*
******TABLE******
*/

table {	
	border-collapse: collapse;
	font: 11pt Open Sans;
	color: black;
	font-weight:100;

}
table, td {
	border-bottom: 1px solid #ccc;
	border-top: none;
}

table, th {
	border-bottom: 1px solid #ccc;
	border-top: none;
}

table.composicaoProduto{
border: none;
}

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

    input.campo_descrsimples{
	font-size: 10pt;
	}
	
	input.campo_Codigo{
	font-size: 12pt;
	}
	
	input.campo_busca{
	font-size: 12pt;
	}
	
	header.principal{

	height:100%;

	}
	
	h1 {
	font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font: 15pt Open Sans;

	}
	
	h6 {
	font: 9pt Open Sans;
	}
	
	footer.cinza
	{
height: 100%;

	}
}