body{

margin:auto;
}

[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;
}

ul.itens {
    list-style-type: square;
    padding-left: 20px; 
	padding-bottom: 20px;
    /* margin: 0px; */
	font: 11pt Open Sans;
}


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;

}


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-raduis: 0;
  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: #ccc;
  border: 1px transparent solid;
  color: #353535;
  margin-right: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 0px;
  border-raduis: 0;
  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: 100%;
	height: 100px;
	resize:none;
	border:solid 1px white;
	color:black;
}

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%;

	}
}


/* Configurador Tetracell */
.tetracell-configurador {border: solid 1px #ccc; padding-top: 20px; padding-bottom: 30px; background-color: #eee;}
.tetracell-configurador .tetracell-opts {padding-left: 0;}
.tetracell-configurador .tetracell-opts .opts {font-size: 15px; line-height: 21px;}
.tetracell-configurador .tetracell-opts .opts .styled-select select {border: solid 2px #ccc; background-color: #fff;}
.tetracell-configurador .tetracell-opts .opts .styled-select:after {width: 25px; height: 30px; top: 2px; right: 2px; z-index: 3; pointer-events: none;}
.tetracell-configurador .gera-cod {margin-top: 10px;}
/* .gera-cod input.button{border: 2px outset lightgray;} */
.tetracell-configurador .tet-code-area {position: relative; padding-right: 0px;}
.tetracell-configurador .tet-code-area #codBal {border: solid 2px #ccc;}
.tetracell-configurador .tet-code-area input {width: 100%;}
.tetracell-configurador .tet-code-area input {padding: 0;}
.tetracell-configurador .tet-code-area input[type=button] {width: 30px; height: 34px; padding: 0; position: absolute;border: none;}
.tetracell-configurador .tet-code-area input.ok {top: 0; right: 15px; background-color: black; background-image: url(../images/Geral/lupa.png);}
.tetracell-configurador .tet-code-area input.clear {top: 0; right: 45px; background: none; font-weight: bold;}
.tetracell-configurador .tet-descr-area textarea.campo_DescCompl {height: 130px; font-style: normal; font-size: 14px; line-height: 20px;}
.tetracell-configurador .tet-descr-area2 textarea.campo_DescCompl {height: 200px; font-style: normal; font-size: 14px; line-height: 20px;}
.tetracell-configurador .tet-descr-area {}

.tetracell-configurador .tetracell-caracteristicas {}
.tetracell-configurador .tetracell-caracteristicas ul {width: 45%; float:left; padding-left: 25px; margin-right: 15px; list-style-type: disc;}
.tetracell-configurador ul.tetracell-vantagens {width: 100%; padding-left: 25px; margin-right: 15px; list-style-type: disc;}

@media only screen and (min-width: 1366px) {
	.coll-conf {width: 20%; padding-left: 5px; padding-right: 5px;}
}

.img-tet2 {padding: 0;}
.img-tet2 img {margin: 0px auto; display: block;}


/* Configurador EAV */
.eav-configurador {border: solid 1px #ccc; padding-top: 20px; padding-bottom: 30px; background-color: #eee;}
.eav-configurador .eav-opts {padding-left: 0;}
.eav-configurador .eav-opts .opts {font-size: 15px; line-height: 21px;}
.eav-configurador .eav-opts .opts .styled-select select {border: solid 2px #ccc; background-color: #fff;}
.eav-configurador .eav-opts .opts .styled-select:after {width: 25px; height: 30px; top: 2px; right: 2px; z-index: 3; pointer-events: none;}
.eav-configurador .gera-cod {margin-top: 10px;}
/* .gera-cod input.button{border: 2px outset lightgray;} */
.eav-configurador .tet-code-area {position: relative; padding-right: 0px;}
.eav-configurador .tet-code-area #codBal {border: solid 2px #ccc;}
.eav-configurador .tet-code-area input {width: 100%;}
.eav-configurador .tet-code-area input {padding: 0;}
.eav-configurador .tet-code-area input[type=button] {width: 30px; height: 34px; padding: 0; position: absolute;border: none;}
.eav-configurador .tet-code-area input.ok {top: 0; right: 15px; background-color: black; background-image: url(../images/Geral/lupa.png);}
.eav-configurador .tet-code-area input.clear {top: 0; right: 45px; background: none; font-weight: bold;}
.eav-configurador .tet-descr-area textarea.campo_DescCompl {height: 130px; font-style: normal; font-size: 14px; line-height: 20px;}
.eav-configurador .tet-descr-area {}

.eav-configurador .eav-caracteristicas {}
.eav-configurador .eav-caracteristicas ul {width: 45%; float:left; padding-left: 25px; margin-right: 15px; list-style-type: disc;}
.eav-configurador ul.eav-vantagens {width: 100%; padding-left: 25px; margin-right: 15px; list-style-type: disc;}


/* Hide disabled options */
select option:disabled {display:none;}