body{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(../img/bg-xadrez.jpg);
	background-repeat: repeat;

}



#tudo{
	width: 880px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}



header{
	width: 880px;
	height: 120px;
	margin: 0px;
	background-color: #f6f6f6;

}



#logo-header{

    float: left;

    width: 292px;

    height: 80px;

    margin: 0px;

    margin-top: 20px;

    margin-left: 20px;

    margin-right: 0px;

    background-image: url(../img/LogoHeader.png);
	
	background-size: 292px 80px;

    background-repeat: no-repeat;

}



#menu{
	float: left;
	width: 540px;
	height: 50px;
	margin-left: 25px;
	margin-top: 35px;

}



#menu a:link,#menu a:visited{

    text-decoration: none;

    font-weight: bold;

    font-size: 14px;

    color: black;

}



#menu a:hover{

    color: #005229;

}



#menu ul li{
	display: inline;
	list-style-type: none;
	font-size: 12px;

}



#menu ul{

    padding-left: 5px;

    margin-top: 30px;

    padding-top: 0px;

    height: 50px;

}



#menu li{
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 0px solid;

}



#menu li:last-child{

    border: none;

}



main.home{

    float: left;

    width: 880px;

    height: 450px;

    background-color: gray;

}



main.page{

    float: left;

    position: relative;

    width: 880px;

    min-height: 550px;

    background-color: white;

}



main.page h3{

    color: #005229;

    margin-left: 40px;

    margin-top: 30px;

}



main.page p{

    margin: 0;

    margin-left: 40px;

    margin-right: 40px;

    font-size: 14px;

    text-align: justify;

    line-height: 30px;

    text-indent: 0px;

}



main.page p.sml{

    margin-top: 10px;

    line-height: 8px;

}



main.page ul li{

    margin-left: 40px;

}



main.page ul li p{

    margin-left: 5px;

}



main a:link, main a:visited{

    text-decoration: none;

    color: #005229;

}



main a:hover{

    text-decoration: underline;

    color: #005229;

}

section.home{

    float: left;

    width: 880px;

    height: 90px;

    background-color: #f6f6f6;

    text-align: center;

}



section h4{

    font-size: 24px;

    color: #005229;

    font-weight: normal;

}



section a:link, section a:visited{

    text-decoration: none;

    color: #005229;

}



section a:hover{

    text-decoration: underline;

    color: #005229;

}



table.indique{

    width: 550px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    margin-top: 15px;

}



table.indique th{

    text-align: left;

}



table.produtos{
	width: 805px;
	margin-left: 0;
	margin-right: 0;
	border: 1px solid #005229;
	border-radius: 3px;

}



table.produtos td.descProd{

    width: 40px;

}



table.produtos td.descProd .boxDesc{

    display: none;

    position: absolute;

    width: 300px;

    height: 120px;

    background-color: white;

    z-index: 9999;

    border: 1px solid #005229;

    border-radius: 3px;

}



table.produtos td.descProd .boxDesc h5{

    margin-left: 10px;

    margin-top: 5px;

    margin-bottom: 5px;

}



table.produtos td.descProd .boxDesc p{

    margin-left: 10px;

    margin-right: 10px;

    margin-top: 2px;

    font-size: 12px;

    line-height: 15px;

    text-indent: 10px;

}



#boxCaixa{

    top: 435px;

    left: 60px;

}



#boxTerminal{

    top: 503px;

    left: 60px;

}



#boxAtendente{

    top: 573px;

    left: 60px;

}



#boxSuporte{

    top: 643px;

    left: 60px;

}




#botDesc {

    width: 20px;

    height: 20px;

    line-height: 14px;

    text-align: center;

    padding-top: 0px;

    background-color: white;

    text-decoration: none;

    border: 1px solid #005229;

    border-radius: 3px;

    text-shadow: 1px 1px 1px #;

    text-decoration: none;

    margin-left: auto;

    margin-right: auto;

    background: url('../img/pinPrecos.png') no-repeat;

	text-indent:0px;
}



#botDesc:hover{

    color: white;

    cursor:pointer;

    background: url('../img/pinPrecosHover.png') no-repeat;

    background-color: #005229;

}



img.imgDesc:hover{

   

}



table.produtos td.imgProd{

    height: 64px;

    width: 64px;

    text-align: center;

}



table.produtos td.nomeProd{

    width: 300px;

    padding: 0 0 0 0;

    margin: 0 0 0 0;

}



table.produtos td.nomeProd h5{

    margin-left: 10px;

    margin-top: 5px;

    margin-bottom: 5px;

}



main.page table.produtos td.nomeProd p{

    margin-left: 10px;

    margin-top: 2px;

    font-size: 10px;

    line-height: 0px;

    text-indent: 0px;

}



table.produtos td.valProd{

    width: 80px;

    text-align: center;

}



table.produtos td.valProd .inputTotal{

    width: 100px;

    text-align: center;

}



table.produtos td.uniProd{

    width: 66px;

    text-align: center;

}



table.produtos td.uniProd .inputUni{

    width: 40px;

    text-align: center;

}



footer{
	float: left;
	width: 880px;
	height: 140px;
	background-color: #00a652;

}



#logo-footer{
	float: none;
	width: 0px;
	height: 0px;
	margin-top: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;

}



#social{
	float: left;
	width: 260px;
	height: 75px;
	margin-top: 65px;
	margin-left: 0px;

}



#social ul li{

    display: inline;

    list-style-type: none;

    padding: 0 0 0 0;

    margin: 0 0 0 0;



}



#social ul{

    padding: 15px 0 0 20px;

    margin: 0 0 0 0;

}



#menu-footer{
	float: right;
	width: 150px;
	height: 95px;
	margin-top: 40px;
	margin-right: 20px;
	text-align: right;
	font-size: 12px;
	color: white;
	font-weight: bold;

}



#menu-footer ul li{

    display: block;

    padding-top: 5px;

    padding-left: 0px;

    list-style-type: none;

    font-size: 12px;

}



#menu-footer ul{

    padding-left: 0px;

    margin-left: 0px;

    margin-top: 5px;

}



#menu-footer a:link,#menu-footer a:visited{

    text-decoration: none;

    color: white;

}



#menu-footer a:hover{

    text-decoration: underline;

}



#botCont {

    width: 160px;

    height: 23px;

    line-height: 12px;

    text-align: center;

    font-size: 12px;

    padding-top: 7px;

    background-color: #009551;

    text-decoration: none;

    border: 1px solid black;

    border-radius: 3px;

    text-shadow: 1px 1px 1px #;

    text-decoration: none;

}



#botCont:hover{

    background-color: #094C32;

}



.bot, .bot:link, .bot:visited{

    width: 160px;

    height: 23px;

    display:block;

    color: white;

    text-decoration: none;

    border-radius: 3px;

    text-shadow: 1px 1px 1px #;

}



.bot:hover{

    color: white;

    text-decoration: none;

}



.parceria{

    margin-left: 40px;

}



.formPreco{

    width: auto;

    margin-left: 40px;

    margin-right: 40px;

    padding: 0 0 0 0;

}



main.page .formPreco p{

    margin: 0 0 0 0;
	
	padding: 0 0 0 0;
	
    text-indent: 0px;

}



.formPreco input[type="submit"], .formPreco input[type="button"]{

    float: right;

    width: 160px;

    height: 32px;

    margin: 0 -5px 0 0;

    padding:0;

    font-size: 12px;

    line-height: 14px;

    text-align: center;

    background-color: #009551;

    text-decoration: none;

    border: 1px solid black;

    border-radius: 3px;

    text-shadow: 1px 1px 1px #;

    text-decoration: none;

    cursor: pointer;

}



.formPreco input[type="submit"]:hover{

    background-color: #094C32;

}



.formPreco .frm-full{
	width: 100%;
	height: 30px;

}



.formPreco .frm-mid{
	width: 100%;
	height: 30px;

   

}



.formPreco .frm-sml{
	margin-left: 0px;
	width: 100%;
	height: 30px;

}



#alerta{

    width: 870px;

    height: 80px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 15px;

    padding-top: 5px;

    border: 2px solid #F0AD4E;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}



#alerta p{

    margin: 12px;

    text-align: center;

    line-height: 15px;

    text-indent: 5px;

    margin-left: 0px;

    margin-right: 0px;

}



main.page table.funcionalidades{

    width:820px;

    min-height: 80px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 10px;

    margin-bottom: 40px;

}



main.page table.funcionalidades h5{

    margin: 0px;

    margin-left: 8px;

	font-size:12px;
}



main.page table.funcionalidades p{
	margin: 12px;
	text-align: justify;
	line-height: 20px;
	text-indent: 0px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 2px;

}



main.page table.funcionalidades tr td.imgFuncio{

    width: 420px;

    height: 240px;

}



main.page div.error{

    height: 150px;

    width: 725px;

    margin-left: auto;

    margin-right: auto;



}



main.page div.error img{

    float: left;



    margin-right: 20px;



}



main.page div.error h3.msg{

    color: black;

    text-align: center;

}



main.page div.error p{

    margin: 0 0 0 0;

    padding: 0 0 0 0;

    font-size: 12px;

    margin-top: 100px;

    text-align: right;

}



input[type="submit"]:disabled, input[type="submit"]:disabled:hover {

    background: gray;

    cursor:default

}



main.page hr{

    float:left;

    width: 660px;

    margin-right: 30px;

    margin-left: 40px;

    margin-bottom: 30px;

}



table.login{

    margin-top: 50px;

    margin-left: auto;

    margin-right: auto;

    height: 150px;

    text-align: right;

}





.frmAdm input[type="submit"], .frmAdm input[type="button"]{

    width: 70px;

    float: right;

    margin-bottom: 0px;

}



.frmAdm .inputAdm{

    width: 100px;

}



table.cliente

{

	background: #FFFFFF;

	table-layout: fixed;

    margin: 1rem auto;

	width: 870px;	

	border: 1px solid rgba(0,0,0,.5);			

}



.wrap {

		width: 100%;

		border:0px solid;

		border-color:#c7c7c7;

		

	 }								

			.wrap table {

			  background: #FFFFFF;

			  table-layout: fixed;

			  margin: 1rem auto;

			  width: 870px;			  

			  border-collapse: collapse;

			  border: 1px solid rgba(0,0,0,.5);			  

			}

			.wrap thead {

			  background: #eee;

			  padding:5px;

			  font-weight: bold;

			}

			.wrap thead tr {

			  padding-right: 17px;	

			  border-bottom: 1px solid rgba(0,0,0,.2);

			  z-index: 2;

			}

			.wrap th {

			  padding: .7rem 0;

			  border-left: 1px solid rgba(0,0,0,.2);			  			  

			  font-weight: normal;						

			}

			

			.wrap tbody {	

			  display: block;			

			  height: calc(50vh - 1px);

			  min-height: calc(200px + 1 px);

			  /*use calc for fixed ie9 & <*/

			  overflow-Y: scroll;

			  text-align: left;

			}

			.wrap tr {

			  display: block;

			  overflow: hidden;

			}

			.wrap td {

			  padding: .5rem 0 .5rem 1rem;

			  font-weight: normal;

			  border-bottom: 1px solid rgba(0,0,0,.2);

			}

			.wrap tr:hover {

				background: #eee;

			}

			

			[data-campo='codigo'] {

			  width: 80px;

			  

			}  

			[data-campo='razaosocial'] {

			  width: 295px;

			  

			}  

			[data-campo='nomefantasia'] {

			  width: 295px;

			 

			}  

			[data-campo='vencimento'] {

			  width: 100px;

			  

			}  

			[data-campo='atualizar'] {

			  width: 50px;

			  text-align:center;

			}  

			

		

.flat-button {

  position: relative;

  vertical-align: top;

  width: 100px;

  height: 35px;

  padding: 0;

  font-size: 15px;

  color: white;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);

  background: #00a652;

  border: 0;

  border-bottom: 2px solid #1f9546;

  cursor: pointer;

  -webkit-box-shadow: inset 0 -2px #1f9546;

  box-shadow: inset 0 -2px #1f9546;

}

.flat-button:active {

  top: 1px;

  outline: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}