*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	font-family: tahoma, sans-serif;
	font-size: 19.5px;
}

body{
	color: black;
}

#container {
	width: 1024px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	position: relative;
}

/*<============== INDEX ===========>*/
	/*--------------- header------------------*/
		/* top right bottom left; */

			#header{
				width: 100%;
				clear:both;
			}

			#tel{
				text-align:right;
				font-size: 79%;
				font-weight: bolder;
				margin:0 1.5%;
				color: black;
			}

			#tel a{
				font-size: 82%;
			}

			#banner{
				display: block;
				height:152px;
			}

			.logo {
				float:left;
				position:relative;
				right: 0;
				top: 0;
				height:142px;
				width: 380px;
				margin: 1% 1% 1% .5%;
				max-width: 400px;
				max-height: 150px;	
				background: url( ../Images/logo-horiz2_color.png) top left no-repeat;
				background-size: 95%;
			}

			.logo p{
				text-indent: -9999Px;
			}

			.trapz{
				position:relative;
				float:right;
				right:0;
				top: -71%;
				left: 0;
				width: 623px;
				border-bottom: 56.5px solid #e6eaea;
				border-left: 34.5px solid transparent;
				height: 0;
			}

		/*MAIN MENU */
			#menu { 
				position:relative;
				left: 50px;
				float: left;
				padding-left: 40px;
				margin-top: 3px; 
			}

			#menu  { 
				list-style: none; 
				padding-left: 40px;
				border-radius: 5px; 
				padding: 0 5px; 
			}

			#menu:after { 
				content: '.'; 
				clear: both; 
				visibility: hidden; 
				display: block; 
				height: 0px; 
			}

			#menu  li { 
				float: left; 
				position: relative; 
				line-height: 20px; 
			}

			#menu  li a { 
				display: block; 
				color: black;
				font-weight: bold;
				text-decoration: none; 
				padding: 14px 8px 15px; 
				font-size: 69%; 
				transition: 0.25s ease-out;
				-webkit-transition: 0.25s ease-out;
				-moz-transition: 0.25s ease-out;
				-o-transition: 0.25s ease-out;
				-ms-transition: 0.25s ease-out;
			}

			#menu  li:hover > a { 
				color: #73af46;
			}

			#menu  li:active > a {}

			#menu li a.homeImg {
				position: absolute;
				left: -45px;
				top: 13px;
				height: 0px;
				width: 16px;
				/*margin-top: 10px;*/
				background: url(../Images/Icone-Home2.png) 0px 0px no-repeat;
				background-size: 60%;
				text-indent: -9999Px;
			}

			#menu li a.homeImg:hover  {
				background: url(../Images/Icone-Home2g.png) 0px 0px no-repeat;
				background-size: 60%;
			}

		/*SUB MENU */

			#menu li > ul:before {
				content: "";
				border-style: solid;
				border-width: 0 9px 9px 9px;
				border-color: transparent transparent #040707 transparent;
				width: 0;
				height: 0;
				position: absolute;
				left: 15px;
				top: 5px;
			}

			#menu  li > ul { 
				position: absolute; 
				left: 14px; 
				top: 80%; 
				padding-top: 13px; 
				background: none; 
				width: 150px; 
				z-index: -9999; 
				opacity: 0; 
				transition: 0.3s ease-out;
				-webkit-transition: 0.3s ease-out;
				-moz-transition: 0.3s ease-out;
				-o-transition: 0.3s ease-out;
				-ms-transition: 0.3s ease-out;
			}

			#menu  li:hover > ul { 
				display: block; 
				z-index: 100; 
				opacity: 1; 
				top: 95%; 
			}

			#menu  li > ul li:first-child { 
				border-radius: 4px 4px 0 0; 
				padding-top: 3px; 
			}

			#menu  li > ul li:last-child { 
				border-radius: 0 0 4px 4px;
			}

			#menu  li > ul li { 
				padding: 0 3px 3px; 
				background: #e6eaea; 
				width: 100%; 
			}

			#menu  li > ul li a { 
				display: block; 
				padding: 5px 9px; 
				border-radius: 2px; 
				font-size: 59%;			
				font-weight: bold;
			}

			#menu  li > ul li:hover > a { 
				color: #73af46; 
				/*border: 1px solid #73af46; */
			}

			#menu  li > ul li:active > a {
			 /*color: #73af46;*/
			}

		/* SUB SUB MENU */
			#menu  li > ul li > ul:before {
				content: "";
				border-style: solid;
				border-width: 0 9px 9px 9px;
				border-color: transparent transparent #040707 transparent;
				width: 0;
				height: 0;
				position: absolute;
				left: 0;
				top: 15px;
				transform: rotate(270deg);
				-webkit-transform: rotate(270deg);
				-moz-transform: rotate(270deg);
				-o-transform: rotate(270deg);
				-ms-transform: rotate(270deg);
			}

			#menu  li > ul li > ul { 
				top: 0; 
				left: 90%; 
				padding: 0; 
				padding-left: 13px; 
				 transition: 0.3s ease-out;
				-webkit-transition: 0.3s ease-out;
				-moz-transition: 0.3s ease-out;
				-o-transition: 0.3s ease-out;
				-ms-transition: 0.3s ease-out;
			}

			#menu  li > ul li:hover > ul { 
				display: block; 
				opacity: 1; 
				z-index: 100; 
				top: 0; 
				left: 100%; 
			}

	/*--------------- body------------------*/
		/* top right bottom left; */

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

		.titulo h1{
			margin:0 1.5%;
			font-size: 87.18%;
			font-weight: bold;
		}

		#main{
			margin-top: 15px;
		}

		.produto{
			float:left;
			height: 180px;
			width: 48%;
		}

		.produto:hover{
			opacity: 0.8;
		}

		.produto:hover h1, .produto:hover p {
			color: #aeb1b1;	
		}
		.produto a{
			color: black;
			text-decoration: none;	
		}

		.prodTxt h1{
			color: black;
			font-weight: bold;
			margin-top: 50px;
		}

		.prodTxt p{
			margin-top: 5px;
			font-size: 70.77%;
		}

		/*Cx 1 e 2 */

		.produto:nth-child(1), .produto:nth-child(2){
			margin: .7%;
			border: 3px solid black;
		}

		.produto:nth-child(1) p:first-child, .produto:nth-child(2) p:first-child{
			float:left;
			height: 150px;
			width: 150px;
			margin: 2% 5% auto 3%;
			text-indent: -9999Px;
		}

		.produto:nth-child(1) p:nth-child(1){
			background: url( ../Images/Icone-CNPJ.png) center center no-repeat;
			background-size: 99%;
		}

		.produto:nth-child(2) p:nth-child(1){
			background: url( ../Images/Icone-CPF.png) center center no-repeat;
			background-size: 99%;
		}

		/*Cx 3 e 4 */

		.produto:nth-child(3), .produto:nth-child(4){
			height: 160px;
			margin: 1%;
			background-color: #e6eaea;
		}

		.produto:nth-child(3) a:hover{
			color: #aeb1b1;
		}

		.prodTxt h2{
			margin-top: 50px;
			font-size: 87.18%;
		}

		.produto:nth-child(3) p:first-child{
			float:left;
			height: 162px;
			width: 215px;
			margin: auto 14px auto 5px;
			background: url( ../Images/ate_10_2-on.png) center center no-repeat;
			background-size: 85%;
			text-indent: -9999Px;
		}

		.produto:nth-child(3) p:nth-child(2){
			margin: 5px  10px auto 10px;
			font-size: 61.54%;
		}

		.produto:nth-child(4){
		 	background: url( ../Images/Textura-Revendedor.png) center center no-repeat;
			background-size: cover;
		}

		.produto:nth-child(4):hover{
			cursor:pointer;
		}

		.produto:nth-child(4):hover a{
			color: #aeb1b1;	
		}

		.produto:nth-child(4) a{
			position: relative;
			left: 15px;
		}

		.produto:nth-child(4) a p{
			font-size: 87.18%;
			font-weight: bold; 
			width: 320px;
			padding: 55px 80px 60px 10px;
		}

	/*--------------- NEWS---------------------------*/
		/* top right bottom left */

		#newsArea{
			float:left;
			width:98%;
			padding: .5%;
			margin-top: 30px;
		}

		#newsArea h1{
			border-bottom : 1px solid black;
		}

		.news{
			float:left;
			margin-left: 11px;
			margin-top: 20px;
			padding: .4%;
			width: 23%;
		}

		.news:nth-child(1) {
			margin-left: 10px;
		}

		.news a{
			text-decoration: none;
		}

		.news h3{ 
			color: green;
			font-size: 69.23%;
			font-weight: bold;
			margin: 0 0 -8% 0;
		}

		.news p{
			color: black;
			font-size: 69.23%;
			margin: 10% 0 2% 0;
		}

		.news:hover{
			cursor:pointer;
		}

		.news:hover h3{
			color: #040707;	
		}

	/*--------------- FOOTER---------------------------*/
		/* top right bottom left */

		#footer{
			float:left;
			/*padding-top:10px;*/
			display: inline-block;
			display: block;
			width: 100%;
			min-height: 200px;
			margin-top: 30px;
			background-color: lightgrey;
		}

		.FootMenu{
			float:left;
			display: block;
			width:22.8%;
			min-height: 10px;
			margin-top:1%;
			border-right : 1px solid darkgrey;
		}

		.FootMenu h3{
			text-align: center;
			font-size: 76.92%;
			font-weight: bold;
		}

		.FootMenu p{
			margin-top: 15px;
			font-size: 76.92%;
		}

		/*--------------- child(1) --------*/

			.FootMenu:nth-child(1){
				padding-left: 40px;
			}

			.FootMenu:nth-child(1){
				height: 160px;
			}

			.FootMenu:nth-child(1) p{
				margin-top: 15px;
			}

			/*--------------- Nav --------*/
				#nav{
					margin-top: 15px;
					color: black;
					text-decoration: none;
				}

				#navHorario{
					margin-top: 15px;
					margin-left: 25%;
				}

				#nav li{
					display: block;
					margin: 2.5% .1% 0 .8%;
					padding: 1px .2%;
				}

				#nav a:nth-child(1) li {
					display: none;
				}

				#nav a:link li, #nav a:visited  li, .OpenHours{
					font-size: 76.92%;
					text-decoration: none;
					color:black;
				}

				#nav a li{
					color: black;
				}

				#nav a:hover li{
					color: #73af46;
				}

			/*--------------- child(2) --------*/

				.FootMenu:nth-child(2){
					height: 140px;
				}

				.FootMenu:nth-child(2) p{ 
					float:left;
					margin-top: 40px;
					height: 50px;
					width: 65px;
					margin-left: 10px;
				}

				.FootMenu:nth-child(2) h3:nth-child(2){}

				.FootMenu:nth-child(2) p:nth-child(2){ 
					background: url( ../Images/Ico_visa.jpg) center center no-repeat;
					background-size: cover; 
					text-indent: -9999Px;
				}

				.FootMenu:nth-child(2) p:nth-child(3){ 
					background: url( ../Images/Ico_master.jpg) center center no-repeat;
					background-size: cover; 
					text-indent: -9999Px;
				}

				.FootMenu:nth-child(2) p:nth-child(4){ 
					background: url( ../Images/Ico_boleto.png) center center no-repeat;
					background-size: cover; 
					text-indent: -9999Px;
				}

			/*--------------- child(3) --------*/

				#navHorario{padding:0;}

				#navHorario li{margin-top: 0;}

			/*--------------- child(4) --------*/

				.FootMenu:nth-child(4){
					border-right: none;
					margin-left: 10px;
				}

				.FootMenu:nth-child(4) p{
					/*margin-top: 15px;*/
					/*margin-left: 10px;*/
				}

				.FootMenu .contato{
					margin-top: 10px;
					margin-left: 10px;
				}

				.FootMenu .tel, .FootMenu .mail, .FootMenu .val{
					font-size: 76.4%;
				}

				.FootMenu .mapa{
					color:black;
					margin-top: 15px;
					text-align:left;
				}

				.FootMenu .mapa:hover{
					color: #73af46;
				}

	/*--------------- ClearFix---------------------------*/
		/* top right bottom left */

		.cf{
			*zoom:1;
		}

		.cf:before,.cf:after {
			content: " ";
			display: table;
		}

		.cf:after{
			clear:Both;
		}

/*<============== PAWebDANFE ===========>*/
	/* top right bottom left */

	#PABody{
		position: absolute;
	}

	#PABody .PABody_PA{
		margin-top: 15px;
		padding-bottom: 20px;
		border-bottom: 1px solid darkgrey;
		margin-bottom: 10px;
	}

	#PABody .PABody_PA:nth-child(1){
		margin-top: 40px;
	}

	#PABody .PABody_PA h3{
		width:600px;
		font-size: 87.18%;
		color: #73af46;
	}

	#PABody .PABody_PA ul{
		margin-top: 15px;
	}

	#PABody .PABody_PA ul li{
		margin-left: 20px;
		margin-top: 5px;
		list-style-type: square;
		font-size: 71.79%;
	}

	#PABody .PABody_PA ol{
		margin-top: 15px;
	}

	#PABody .PABody_PA ol li{
		margin-left: 20px;
		margin-top: 5px;
		list-style-type: lower-alpha;
		font-size: 71.79%;
	}

	#ChimpForm{
		margin-top: 40px;
		font-size: 71.79%;
	}

	#ChimpForm iframe{
		float: left;
	}

/*<============== FAQ ===========>*/
	/* top right bottom left */

	.faqBody{
		margin-top: 40px;
		width:inherit;
	}

	.faqBody h2{
		font-size: 87.18%;
		color: #73af46;
	}

	.faqBody h3{
		font-size: 79.5%;
		color: #73af46;
	}

	.faqBody .faq{
		margin-top: 10px;
	}

	.bold{
		font-weight: bold;
	}

	.answer .underline a {
		color: #73af46;
		text-decoration: underline;
		font-size: 76.92%;
	}

	.indice h3{
		margin-bottom: 8px;
		margin-top: 18px;
	}

	.perg h4{
		margin-top: 10px;
	}

	.perg h4 a{
		font-size: 76.92%;
	}

	.perg a{
		color:black;
	}

	.perg a:hover{
		color: #73af46;
		 transition: 0.3s ease-out;
		-webkit-transition: 0.3s ease-out;
		-moz-transition: 0.3s ease-out;
		-o-transition: 0.3s ease-out;
		-ms-transition: 0.3s ease-out;
		cursor: pointer;
	}

	.faqBody hr{
		margin-top: 50px;
		margin-bottom: 20px;
	}

	.QnA{
		margin-top: 15px;
	}

	.QnA h4{
		font-size: 76.92%;
	}

	.QnA p{
		margin-top: 8px;
		text-align: justify;
		color:#5c5e5e;
		font-size: 76.92%;
	}

	.smaller{
		font-size: 76.92%;
	}

	#formulario{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#formulario h3{
		margin-bottom: 20px;
		font-size: 76.92%;
	}

	#formulario p{
		margin-top: 20px;
		font-size: 66.66%;
		font-weight: bold;
	}

	#formulario p:nth-child(2){
		margin-top: 20px;
	}

	#formulario textarea{
		margin-top: 5px;
	}

	#formulario .button{
		margin-top: 20px;
	}

	#qstn{

	}

	/*#formulario p:last-child{
		margin-left: 50%;
		padding: 1%;
		text-align: center;
		width: 80px;
		height: 20px;
		background-color: #aeb1b1;
		border: 3px solid #040707;
	}*/

/*<============== Emissão_A1 ===========>*/
	/* top right bottom left */

	.ManualA1{
		margin-top: 40px;
		position: absolute;
	}

	.ManualA1 img{
		position:static;
		margin-top: 25px;
		margin-right: 50%;
		margin-left: 35%;
	}

	.safesignlogo img {
		position: relative;
		margin-right: 50%;
		margin-left: 45%;
	}

	.wider img {
		position: relative;
		margin-right: 20%;
		margin-left: 20%;
	}

	.wider2 img {
		position: relative;
		margin-right: 2%;
		margin-left: 28%;
	}

	 .ManualA1 h1{
		font-size: 87.18%;
		color: #73af46;
	}

	.ManualA1 p {
		text-align: justify;
	}
		
	.ManualA1 p , .ManualA1 li{
		color: #040707;
		font-size: 76.92%;
		margin-top: 20px;
	}

	.ManualA1 a{
		font-size: 100%;
	}

	.ManualA1 ol li{
		margin-left: 20px;
		margin-top: 5px;
		list-style-type: lower-alpha;
		font-size: 71.79%;
	}

	.ManualA1 .Vermelho{
		color: red;
		font-size: 110%;
	}

	.ManualA1 .centeredimg{
		display:block; 
		margin: 30px auto;
	}

/*<============== Bck_to_Top ===========>*/
	/* top right bottom left */

	/*	<div class="Topo">
			<a href="#container"><span class="up">^</span><span class="topo">Topo</span></a>
		</div><!-- /Topo--> */ 

	.Topo{
		margin-top: 30px;
		margin-bottom: 20px;
		position: relative;
		text-align: right;
		font-weight: bolder;
	}

	.Topo a{
		margin-left: 85%;
		width: 80px;
		height: 15px;
		font-weight:bolder;
	}

	.Topo a .up{
		font-weight: bolder;
		color: white;
		background-color:green;
		border: solid 3px #73af46;
		border-radius:25px;
		margin-right: 5px;
		padding: 3px;	
	}

	.Topo a .Topo{
		color: green;
	}

/*<============== Agendamentos ===========>*/
	/* top right bottom left */

	.AgndBody{
		margin-top: 40px;
		position:absolute;
	}

	.AgndBody h1{
		font-size: 87.18%;
		color: #73af46;
	}

	#tableAgnd{
		margin-top: 10px;
		width: 100%;
		border-collapse: collapse;
		table-layout: auto;
		border: solid 2px black;
		margin-bottom: 60px;
	}

	#tableAgnd caption{
		margin: 2px;
		margin-bottom: 30px;
		width: 100%;
		text-align: justify;
		text-align: left;
		font-size: 82%;
	}

	.tblBodyAgnd {
		text-align: justify;
	}

	.tblBodyAgnd tr{}

	.tblBodyAgnd th:nth-child(2){ 
		width:90px;
	}

	.tblBodyAgnd tr:nth-child(1) th, 
	.tblBodyAgnd tr:nth-child(2) th, .tblBodyAgnd tr:nth-child(5) th, 
	.tblBodyAgnd tr:nth-child(6) th, .tblBodyAgnd tr:nth-child(7) th{ 
		text-align: center;
		font-size: 82%;
	}

	.tblBodyAgnd tr th, .tblBodyAgnd tr td{
		padding: 5px;
		border: solid 1px black;
		font-size: 16px;
		font-size: 82%;
	}

	.tblBodyAgnd tr:nth-child(2) td:nth-child(2), .tblBodyAgnd tr:nth-child(3) td:nth-child(1),
	.tblBodyAgnd tr:nth-child(4) td:nth-child(1), .tblBodyAgnd tr:nth-child(5) td:nth-child(2),
	.tblBodyAgnd tr:nth-child(6) td:nth-child(2), .tblBodyAgnd tr:nth-child(7) td:nth-child(2){
		text-align: center;
		font-size: 82%;
	}

	/*-------CSS-Tricks----------------------------------------*/
	 
		/*Generic Styling, for Desktops/Laptops */
		
		.AgndBody table { 
		  /*width: 100%; */
		  /*border-collapse: collapse; */
		}

		/* Zebra striping */
		.AgndBody tr:nth-of-type(odd) { 
		  /*background: #eee; */
		}

		.AgndBody th { 
		  /*background: #333; */
		  /*color: red; */
		  /*font-weight: bold; */
		}
		.AgndBody td, .AgndBody th { 
		  /*padding: 6px; */
		  /*border: 1px solid #ccc; */
		  /*text-align: left; */
		}

	/*-----------------------------------------------*/

	.agenda{
		/*margin-top: 10px;*/
		/*border: 3px solid blue; */
	}

/*<============== NEWS_Pg_News_Section===========>*/
	/* top right bottom left */

	.NewsPage{
		margin-top: 40px;
		position: absolute;
	}

	.NewsPage hr{ 
		width: 100%;
		margin-top: 20px;
	}

	.NewsPage p{
		font-size: 71.79%;
	}

	.NewsPage h2{
		font-size: 87.18%;
		color: #73af46;
	}

	.fonte{
		font-size: 71.79%;
		text-align: right;
	}

	.thenews p{
		margin-top: 15px;
		text-align: left;
		font-size: 71.79%;
	}

	.thenews a{
		font-size: 100%;
	}

/*<============== Documentos_Necessarios===========>*/
	/* top right bottom left */

	.NesDocsBody{
		margin-top: 40px;
		position: absolute;
	}

	.DocsTitulos{
		position: relative;
		margin-bottom:10px;
		border-bottom: solid 1px black;
	}

	.DocsTitulos h1{
		font-size: 87.18%;
		text-transform:uppercase;
		margin-bottom:10px;
		color: #73af46;
	}

	.DocsTitulos p{
		margin-top:10px;
		margin-bottom:15px;
		text-align: justify;
		color: grey;
		font-size: 82%;
	}

	.DocsTitulos p a{
		color: #73af46;
		text-decoration: underline;
		font-size: 82%;
	}

	.Docs h1{
		margin-top: 20px;
		font-size: 87.18%;
		color: #73af46;
	}

	.Docs a{
		/*font-size: 82%;*/
		font-size: 100%;
	}

	.Docs p{
		margin-top:10px;
		font-size: 71.79%;
		text-align: justify;
		color: grey;
	}

	.Docs  ul {
		list-style-type: square;
	}

	.Docs ul li{
		color: grey;
		margin-top: 10px;
		text-align: justify;
		margin-left: 25px;
		list-style-type: square;
		font-size: 82%;
	}

	.Docs ul li a{
		font-size: 92%;
	}

	/*#eCPF, #eCNPJ{
		border-bottom: solid 1px black;
	}*/

	.bold{
		color: #707070;
		font-weight: bold;
		font-size: 103%;
	}

	.atencao{
		margin-top: 20px;
		margin-bottom: 20px;
		border: 1px solid black;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		background-color: lightyellow;
	}

	.blue{
		color:blue;
	}

	.sup{
	    vertical-align: super;
	    font-size: small;
	}

	.recuo{
		/*font-size: 90%;*/
		/*margin-left: 40px;*/
	}

	.button{
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: small;
		margin-left: 25px;
	}

	.button:hover, .sup:hover{
		color: #73af46;
	}

/*<============== USOS_GERAIS ===========>*/
	/* top right bottom left */

	.UsosDocBody{
		margin-top: 40px;
	}

	.UsosDocBody h1{
		font-size: 87.18%;
		margin-bottom:25px;
		color: #73af46;
	}

	/*------- Table_STICKY_HEADER -------------*/
		.tableticky{
			border-collapse: collapse;
			border: solid 2px black;
			border-bottom: 0px;
		}

		.theadsicky{
			/*width: 100%;*/
		}

		#undefined-sticky-wrapper{
			/*width: 100%;*/

		}

		.tblHeaderTr th{
			/*width: 100%;*/
		}

		.theadsicky th:nth-child(1){
			/*background-color: yellow;*/
			height: 40px;
			width: 45%;
		}

		.theadsicky th:nth-child(2),.theadsicky th:nth-child(3), 
		.theadsicky th:nth-child(4),.theadsicky th:nth-child(5), 
		.theadsicky th:nth-child(6),.theadsicky th:nth-child(7){ 
			/*background-color: green;*/
			border-left: solid 1px black;
			width: 91px;
		}

	/*------- Table_Body -------------*/

		.tbl{
			border-collapse: collapse;
			border: solid 2px black;
		}

		.tblHeaderTr{
			height: 40px;
		}

		.tblBody{ }

		.tblBody tr{
			height: 40px;
		}

		.tblBody tr th, .tblBody tr td{
			text-align: center;
			border: solid 1px black;
		}

		.tblBody tr td:nth-child(1){
			text-indent: 10px;
			text-align: left;	
			font-size: 82%;		
		}

		.tblBody th:nth-child(1){
			/*font-size: 16px;*/
			font-size: 82%;
			height: 40px;
			width: 45%;
		}

		.tblBody th:nth-child(2),.tblBody th:nth-child(3), 
		.tblBody th:nth-child(4),.tblBody th:nth-child(5), 
		.tblBody th:nth-child(6),.tblBody th:nth-child(7){ 
			font-size: 82%;
			width: 91px;
		}

/*<============== Campanha_Contador ===========>*/
	/* top right bottom left */

		.CampanhaCont_Ccwrap{
			position:relative;
			margin: 0 auto;
			width:100%;
		}

	/*------------LeftBar-------*/

		#CampanhaCont_LeftBar{
			position:relative;
			top:40px;
			left:0;
			width:250px;
			height:2000px;
			padding: 1%;
			border: 0px solid black;
			border-radius: 12px;
			background: #e6eaea;
		}

		#CampanhaCont_10logo{
			height: 162px;
			width: 215px;
			margin: 10px auto 5px;
			background: url( ../Images/10Banner_trns.png) center center no-repeat;
			background-size: cover;
			text-indent: -9999Px;
			margin-bottom:20px;
		}

		#CampanhaCont_LeftBar .CampanhaCont_h1{
			font-size: 95%;
			color: #73af46;	
		}

		#CampanhaCont_LeftBar p{
			color: #040707;
			font-size: 74%;
			margin-top: 15px;
		}	

		#CampanhaCont_LeftBar a{
			font-size: 110%; 
		}

		#CampanhaCont_LeftBar .vermelho{
			color: red;
			font-size: 100%;
		}

		.CampanhaCont_formu{
			border: 0px solid black;
			border-radius: 12px;
			height:800px;
			background-color: #fff;
		}

	/*------------Main-------*/

		#CampanhaCont_CampContBody{
			position:absolute;
			top:60px;
			left:310px;
			width:710px;
		}

		#CampanhaCont_CampContBody img{
			margin-top: 10px;
			margin-left: 70px;
			width: 70%;
		}

		#CampanhaCont_CampContBody p{
			color: #040707;
			font-size: 76.92%;
			text-align: justify;
			margin-top: 15px;
		}

		#CampanhaCont_CampContBody p .strong{
			font-size: 105%;
			font-weight: bold;
		}

		#CampanhaCont_CampContBody .CampanhaCont_h1{
			font-size: 100%;
			color: #73af46;	
		}

		#CampanhaCont_CampContBody  ul {
			list-style-type: square;
			margin-bottom: 20px;	
		}
		
		#CampanhaCont_CampContBody ul li{
			color: #040707;
			font-size: 76.92%;
			text-align: justify;
			margin-top: 20px;		
			margin-left: 25px;
			width:680px;
			list-style-type: square;
			padding-right: 5%;
		}

		#CampanhaCont_CampContBody ul li a{
			font-size: 76.92%;
		}

		#CampanhaCont_CampContBody ol {
		  margin-bottom: 20px;	
		  margin: 0 0 1.5em;
		  padding: 0;
		  counter-reset: item;
		}

		#CampanhaCont_CampContBody ol > li {
		  margin: 0;
		  padding: 0 0 0 2em;
		  text-indent: -2em;
		  list-style-type: none;
		  counter-increment: item;
			margin-top: 20px;		
			width:680px;
			color: #040707;
			font-size: 76.92%;
			text-align: justify;
		}

		#CampanhaCont_CampContBody ol > li:before {
		  display: inline-block;
		  width: 1em;
		  padding-right: 0.5em;
		  font-weight: bold;
		  text-align: right;
		  content: counter(item) ".";
		}

		#CampanhaCont_CampContBody ol .strong{
			font-size: 105%;
			font-weight: bold;
		}

		#CampanhaCont_CampContBody h1:nth-child(3), #CampanhaCont_CampContBody h1:nth-child(13), {
			margin-top: 40px;
		}

		/*------------clear-------*/
		#CampanhaCont_CampContBody .CampanhaCont_clear{
			clear:both;
		}

/*<============== CPF_CNPJ ===========>*/
	/* top right bottom left */

	/* ------NAVBAR----------- */

		#navbar{
		z-index: 10; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1 */
		margin: 2px auto;
		margin-top: 2px;
		padding: 0;
		width: inherit;
		height: auto;
		overflow: hidden;
		/*barra rodapé das abas*/
		border-bottom: 1px solid #ccc;
		}

		#Tab-CPF{
			display: none;
			margin: 0;
			padding: 0;
			width: 100%;
			height:auto;
			overflow: hidden;
		}

		nav{
			height:42px;
		}

		nav ul{
			margin: 0;
			padding: 0;
			width: 100%;
			height:auto;
			overflow: hidden;
			list-style-type: none;
		}

		nav ul li{
			display: inline-block;
			margin-right: 1px;
			padding: 9px;
			float:left;
			border-top: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			border-top-right-radius: 10px;
			border-top-left-radius: 10px;
			background-color: #e6eaea;
		}

		nav ul li.onlink{
			background-color: #fff;
			border-bottom: 1px solid #fff;
		}

		nav ul li a {
			margin: 0;
			padding: 8px;
			padding-left: 26px;
			padding-right: 26px;
			color: black;
			text-decoration:none;
			text-align: center;
			-webkit-transition:0.3s ease all;
			   -moz-transition:0.3s ease all;
			    -ms-transition:0.3s ease all;
			     -o-transition:0.3s ease all;
					transition:0.3s ease all;
		}

		nav ul li a{
			color: black;
		}

		nav ul li a:hover {
			color: #73af46;
		}

		nav ul li a:active {
			color: black;
		}
		
		nav ul li.onlink a{
			color: #73af46;
		}

	/* ------Section----------- */

		#produtos{
			margin:0;
			padding-left: 10px;
		}

		#produtos form table{
			color: black;
		}

		#produtos .tabelaCompra{
			width: 100%;
			border-collapse: collapse;
			margin: 20px auto 10px auto;
		}

		#produtos .tabelaCompra tr:nth-child(even) {
			background-color: lightgreen;
		}

		/* ---------- PopUp Images--------------*/

			.SaibaA1pop{
				font-size: 100%;
				position:relative;
			}

			.PopUpImg{
				position:absolute; /*see support section for more info on positioning*/
				left: -9999px; /*moves the span off the page, effectively hidding it from view*/
			}

			.PopUpImg img{
			/*give the thumbnails a frame*/
			background-color:#eae9d4; /*frame colour*/
			padding: 6px; /*frame size*/
			/*add a drop shadow to the frame*/
			-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
			-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
			box-shadow: 0 0 6px rgba(132, 132, 132, .75);
			/*and give the corners a small curve*/
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			}

			.SaibaA1pop:hover >.PopUpImg{
				z-index: 10; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
				cursor:pointer; /*changes the cursor to a hand*/
				top: -160px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
				left: -170px; /*distance from the left of the thumbnail to the left of the popup image*/
			}

		.tabelaCompra{}

		.cabecalho{
			font-size: 82%;
		} 

		.tabelaCompra tr th{
			font-size: 82%;
			text-align: left;
			text-indent: 10px;
		}

		.tabelaCompra tr td{
			padding: 5px;
			padding-left: 10px;
			padding-right: 10px;
			text-align: center;
		}

		.tabelaCompra tr td a{
			font-size: 82%;
			margin-left: 20px;
			font-weight: normal;
		}

		.tabelaCompra tr td label{
			font-size: 82%;
			margin-left: 20px;
			font-weight: bold;
		}

		.tabelaCompra tr td label, .tabelaCompra tr td a{
			margin-left: 20px;
			margin-right: 20px;
		}

		.tabelaCompra tr td a, .tabelaCompra tr td a:hover{
			color: blue;
			cursor:pointer;
		}

		.tabelaCompra tr td a{
			-webkit-transition:0.3s ease all;
			-moz-transition:0.3s ease all;
			-ms-transition:0.3s ease all;
			-o-transition:0.3s ease all;
			transition:0.3s ease all;
		}

		.tabelaCompra tr td a:hover{}

		form{
			position:relative;
		}

		#CodigoC{
			position:absolute;
			bottom: 80px;
			left: 70px;
		}

		#CodigoC input{  
			margin-left: 30px;
		}

		.Comprar{
			position:absolute;
			bottom: 55px;
			right:30px;
			height: 50px;
			width: 215px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin: 10px 1px 14px auto;
			background: url( ../Images/bt_comprar.png) center center no-repeat;
			background-size:contain;
			text-indent: -9999Px;
			clear: both;
		}

		.Comprar:hover{
			opacity: .8;
		}

		#qstn{
			position:absolute;
			width:15px;
			height:15px;
			background: url( ../Images/Qstion_30px.png) center center no-repeat;
			background-size:100%;
			text-indent: -9999Px;
		}

		#qstn:hover{
			opacity: .8;
		}

		.Aviso{
			margin-top: 95px;
			margin-bottom: 10px;
			font-size: 70%;
		}	

		.vermelho{
			color: red;
			top: 30px;
			right:10px;
		}

		.fontfix{
			font-size: 100%;
		}