@import url('./oxygen.css');

@import url("./margins.css.asp");
@import url("./topo.css.asp");
@import url("./menu.css.asp");
@import url("./menuCliente.css.asp");




#Space
{
	width: 100%;
	height: 24px;
}


#HalfSpace
{
	width: 100%;
	height: 12px;
}

#MinSpace
{
	width: 100%;
	height: 6px;
}






#marginBox
{
	width: 100%; 
	padding: 0px 85px 0px 85px; 
}
@media screen
{
#marginBox
{
	min-width: 1200px
}
}






#mainBox
{
	width: 100%;
	//height: 800px;
	background-color: #ffffff;
	border-radius: 25px;
}
#mainCont
{
	padding: 0px 25px 0px 25px; 
	display: flex;
}

#mainLatEsq
{
	width: 230px;
	float: left;
}

#mainCenter
{
	flex-grow: 1; 
	width: 100%; 
	padding: 0px 25px 0px 25px
}

#mainLatDir
{
	width: 230px;
	float: right
}








#baseCont
{
	padding: 0px 25px 0px 25px; 
	display: flex
}

#baseEsq
{
	float: left; 
	width: 350px
}

#baseDir
{
	float: right; 
	text-align: right; 
	width: 100%
}









*
{
	/*font-family: Oxygen, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
	/*border: solid 1px #FF0000;*/
}
table, tr, td, div, span, a
{
	font-size: 14px;
}
a
{
	text-decoration: none;
}
a:hover
{
	//text-decoration: underline;
}
img
{
	border: none;
}
body
{
	margin: 0px;
	padding: 0px;
}
.bodyMain
{
	background-color: #ebebeb;
	background-position: top; 
	background-repeat: repeat-x
}
input[type="button"],input[type="submit"] 
{
	cursor: pointer;
}




.TamanhoMenor
{
	font-size: 12px
}



#MaxWidthContent
{
	max-width: 1000px;
}











@media screen
{
	#justprint { display:none; } 
}


@media print
{
	#justscreen { display: none }
	#mainLatEsq { display: none }
	#mainLatDir { display: none }
	#menuExt { display: none; }
	#topoCont { display: none }
	#baseCont { display: none }
	#MenuClienteBlock { display: none }
	body { background: none }
	.bodyMain { background-color: #FFFFFF }
	#marginBox { padding: 0px 0px 0px 0px; }
	#mainCont { padding: 0px 0px 0px 0px;  }
	#mainCenter { padding: 0px 0px 0px 0px; }



	#MaxWidthContent { max-width: none; }

	/** { border: 1px solid #000 }*/
}






#CapaProdTabSelo
{
	width: 165px;
}
#TabCapaProd
{
	/*width: 170px;*/
}
#CapaProd
{
	display: inline-block; 
	margin-right: 20px; 
	margin-bottom: 20px
}
.CapaProd
{
	display: inline-block; 
	margin-right: 20px; 
	margin-bottom: 20px
}
@media screen and (max-width: 1280px) 
{
	#CapaProd
	{
		margin-right: 8px; 
		margin-bottom: 20px;
	}
	.CapaProd
	{
		margin-right: 8px; 
		margin-bottom: 20px;
	}
	#TabCapaProd
	{
		/*width: 160px;*/
	}
	#CapaProdTabSelo
	{
		width: 155px;
	}
}




#PromoBox
{
	border: solid 1px #e6e6e6; 
	border-radius: 12px; 
	width: auto; 
	padding: 35px 30px 25px 80px; 
	margin: 0px 0px 20px 0px; 
}
@media screen and (min-width: 1670px) 
{
	#PromoBox 
	{ 
		display: inline-block;
		margin: 0px 20px 20px 0px;
		max-width: 750px; 
	}
}

#ImgPromoCapa { padding-right: 10px; }

@media screen and (max-width: 1430px) 
{
	#TdImgPromoCapa { display: none }
}
@media screen and (min-width: 1431px) 
{
	#ImgPromoCapa { display: none }
}






#Quebra
{
	height: 0px;
}

@media screen and (min-width: 1430px) 
{
	#Quebra
	{
		display: none;
	}
}






#boxTitulo3
{
	width: 100%;
	background: #e6e6e6;
	border-radius: 12px;
	/*font-family: Arial; */
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	padding: 17px 0px 17px 0px;

}


#TituloPag
{
	/*
	width: 100%;
	*/
	height: 30px;
	/*
	border: solid 1px #dddddd;
	border-radius: 12px;
	background: #0072bf;
	*/
	/*font-family: Arial;*/
	font-size: 26px;
	color: #AAAAAA;
	/*font-weight: bold;*/
	padding-top: 7px;
}

#SubTituloItensCliente
{
	
	width: 100%;
	height: 23px;
	border-radius: 6px;
	/*
	background: #0072bf;
	*/
	/*font-family: Arial;*/
	font-size: 16px;
	color: #FFFFFF;
	/*font-weight: bold;*/
}





#boxFormLateral
{
	margin-top: 0px;
	width: 210px;
	height: 47px;
	border: solid 1px #dddddd;
	padding: 5px;
	border-radius: 12px;
	background-color: #f6f6f6;
}
#boxFormLateral input
{
	float: left;
	width: 160px;
	height: 24px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	background-color: #f6f6f6;
}
#boxFormLateral button
{
	background: linear-gradient(0deg, #004a97, #008ddc);
	border: none;
	border-radius: 8px;
	color: #ffffff;
	font-size: 18px;
	width: 35px;
	height: 35px;
	float: right;
	cursor: pointer;
}






#boxLogon
{
	border-radius: 12px;
	/*padding: 0px 2px 2px 5px;*/
	background-color: #6ebd01; /*#61a800*/
}

#boxSaldo
{
	border-radius: 12px;
	background-color: #f5a701;
}






#boxTituloLateral1
{
	margin-top: 25px;
	width: 198px;
	height: 50px;
	border: solid 1px #dddddd;
	border-radius: 12px;
	background: #0072bf;
	/*font-family: Arial;*/
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	padding-top: 15px;
	text-align: center;
}




#boxLinkLateral2
{
	border-radius: 12px;
	background: linear-gradient(0deg, #004894, #008fdd);
}
#boxLinkLateral3
{
	border-radius: 12px;
	background: linear-gradient(0deg, #62aa0a, #73cc0a);
}
#boxLinkLateral4
{
	border-radius: 12px;
	background: linear-gradient(0deg, #f58a01, #f5a701);
}





#botao1
{
	border: none;
	/*font-family: Arial;*/ 
	padding: 8px 0px 8px 0px;
	background: linear-gradient(180deg, #004a97, #008ddc);
	border-radius: 8px;
	color: #ffffff;
	text-align: center;
	font-size: 13px;
}

#botao2
{
	border: none;
	/*font-family: Arial;*/ 
	padding: 8px 0px 8px 0px;
	background: linear-gradient(180deg, #4a4a4a, #6e6e6e);
	border-radius: 8px;
	color: #ffffff !important;
	text-align: center;
	font-size: 13px;
}