@media all{
	body{
		font:14px Arial, Helvetica, sans-serif;
		margin:0;
		background:#F5F5F5 ;/*#EAEAEA;*/
		width:100%;
		color:#444444;
		overflow-y:auto;
	}
	
	#content{
		position: relative;
		z-index: 1;
	}
	
	input[disabled=disabled][type=button] {
        background-color:#CACACA;
    }
	
	input[disabled][type=button] {
        background-color:#CACACA;
    }
	
	input[readonly], textarea[readonly]{
		background-color:lightBlue   !important; /*#C0C0C0*/
		color: #000 !important;
	}
	
	input[type="button"]{
		font-weight:bold !important;
	}
	
	
	#link_not{
		cursor: pointer;
		
	}
	
	
	#headerUser{
			position: fixed;
			z-index:100;
			left: 0;
			top: 0;
			height:55px;
			width:100%;
			overflow:hidden;
			text-align:center;
			padding-top:20px;
			background-color: #18489a;
		}
		
	.textheader{
			
			font-size: 37px;
			color:#FFF;
			font-weight:bold;
			text-shadow: 0px 2px 3px #777;
		}
		
	.notificacao{
		
		/*height: 70px;
		width: 70px;*/
		-webkit-border-radius:50%;
		  -moz-border-radius:50%;
		  -o-border-radius:50%;
		  -ms-border-radius:50%;
		  border-radius:50%;
		  
		background-color:#F00;
		color:#FFF;
		font-weight:bold;
	}
	
	.notificacao a{
		text-decoration:none;
		color:#FFF;
	}
	
	.circle_green {
    width: 25px !important;
    height:25px !important;
    padding-bottom: 50%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #0F1; 
	padding:0;
	
}

.circle_red {
    width: 25px !important;
    height:25px !important;
    padding-bottom: 50%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #F00; 
	padding:0;
	
}
	
	.backtotop{
		/*position: fixed;
		bottom: 70px;
		right: 100px;
		/*margin-right: 150px;*/
		/*z-index:100;*/
		width: 40px;
		height:40px;
		float:left;
		background:transparent url(../img/arrow.png) no-repeat; 
		background-size:40px 40px;
		background-position:0px 0px; 
		
	}
	
	.btnDelete{
			width:50px !important;
			height:35px !important;
			padding:0 !important;
			background:white url(../img/close.png) no-repeat; 
			background-position:16px 9px; 
			margin:0;
		}
	
	
	/* GRID ARTIGOS */
	#gridArtigos .jqx-grid-header{
	
	}
	#gridArtigos .jqx-grid-column-header{
	
	}
	
	#gridArtigos .jqx-grid-cell, #gridUltsEnc .jqx-grid-cell, #gridSugestoes .jqx-grid-cell{
		border-color: #AAA;
		background-color: #E8E8E8;
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#FAFAFA),to(#DADADA));
		background-image: -moz-linear-gradient(top,#FAFAFA,#DADADA);
		background-image: -o-linear-gradient(top,#FAFAFA,#DADADA);
		
		font-family: Verdana,Arial,sans-serif;
			font-style: normal;
			font-size: 13px;
		border:none;
		/*background: #EFEFEF;*/
		
		/*border-bottom: 1px solid #AAA;*/
	}
	
	#gridArtigos .jqx-grid-cell > div, #gridUltsEnc .jqx-grid-cell > div, #gridSugestoes .jqx-grid-cell > div{
		padding:10px 10px 10px 30px ;
		margin-top: 0 !important;
	}
	
	#gridArtigos .jqx-grid-cell-hover{
		
	}
	
	#gridArtigos {
		
	}
	
	#gridClientes .jqx-grid-cell{
		border-color: #AAA;
		background-color: #E8E8E8;
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#FAFAFA),to(#DADADA));
		background-image: -moz-linear-gradient(top,#FAFAFA,#DADADA);
		background-image: -o-linear-gradient(top,#FAFAFA,#DADADA);
		
		font-family: Verdana,Arial,sans-serif;
			font-style: normal;
			font-size: 13px;
		border:none;
		/*background: #EFEFEF;*/
		
		/*border-bottom: 1px solid #AAA;*/
	}
	
	#gridClientes .jqx-grid-cell > div{
		padding:10px 10px 10px 30px ;
		margin-top: 0 !important;
	}
	
	
	.editable{
		background-color:#d1eeee !important;
	}
	
	/*   BOTOES*/
	#btnLogin img{
		width:100px;
		height:100px;
		
		/*box-shadow: 10px 10px 5px #000;
		
		/*-moz-box-shadow:   	 0 1px 0 rgba(255,255,255,0.4);
		-webkit-box-shadow:  0 1px 0 rgba(255,255,255,0.4);
		box-shadow:          0 1px 0 rgba(255,255,255,0.4);*/
	}
	
	.btgeral{
		width:150px;
		padding: 4px 10px;
		height: 35px;
	}
	
	.btAddArt{
		background:white url(../img/add_sheet.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		width:150px;
		margin:0 10px 0 40px;
		padding: 8px 10px;
		float:left;
	}
	
	.btDelArt{
		background:white url(../img/close.png) no-repeat; 
		background-position:9px 9px; 
		width:150px;
		margin:0 0 0 10px;
		padding: 8px 10px;
		float:left;
	}
	
	.bthome{
		
		margin:0 10px 0 0;
		
		float:right;
	}
	
	.btback{
		background:white url(../img/back.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btfinal{
		background:white url(../img/Save-icon.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btsend{
		background:white url(../img/icon_send.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btaltcli{
		background:white url(../img/alterar_client.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btnext{
		background:white url(../img/next.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btprev{
		background:white url(../img/prev.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btsearch{
		background:white url(../img/search-icon.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btnewcli{
		background:white url(../img/adduser.jpg) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btsync{
		background:white url(../img/synchronization_icon.png) no-repeat; 
		background-size:22px 22px;
		background-position:5px 5px; 
	}
	
	.btsyncEnc{
		background:white url(../img/enviarencs.png) no-repeat; 
		background-size:22px 22px;
		background-position:5px 5px; 
	}
	.btaltEmp{
		background:white url(../img/alterar_empresa.png) no-repeat; 
		background-size:22px 22px;
		background-position:5px 5px; 
	}
	
	.btSave{
		background:white url(../img/Save-icon.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btOK{
		background:white url(../img/ok.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btCancel{
		background:white url(../img/cancel.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btCheque{
		background:white url(../img/icon_cheque.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btRec{
		background:white url(../img/Euro.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		padding: 8px 5px 8px 25px;
		margin:0;
	}
	
	.btAddEnc{
		background:white url(../img/add_sheet.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		width:200px;
		margin:0;
		padding: 8px 5px 8px 25px;
		float:right;
		/*width:220px;margin:0;float:right;*/
	}
	
	.btHist{
		background:white url(../img/list-icon.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btPdf{
		background:white url(../img/pdf-icon.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btCopy{
		background:white url(../img/copy_icon.png) no-repeat; 
		background-size:25px 25px;
		background-position:5px 5px; 
		
	}
	
	.btnHome{
		display: inline-block;
		margin: 0;
		left: 5px;
		position: absolute;
		top: 3px;
		-moz-box-shadow:   	 0 1px 0 rgba(255,255,255,0.3);
		-webkit-box-shadow:  0 1px 0 rgba(255,255,255,0.3);
		box-shadow:          0 1px 0 rgba(255,255,255,0.3);
		color: white;
		vertical-align:middle;
		text-align: center;
		-webkit-border-radius:1em;
		  -moz-border-radius:1em;
		  -o-border-radius:1em;
		  -ms-border-radius:1em;
		  border-radius:1em;
		  text-decoration: none;
		  
		border: 1px solid #044062;
		background: #396B9E;
		font-weight:bold;
		text-shadow: 0 1px 1px #194B7E;
		background-image: -webkit-linear-gradient(#5F9CC5,#396B9E);
		background-image: -moz-linear-gradient(#5F9CC5,#396B9E);
		background-image: -ms-linear-gradient(#5F9CC5,#396B9E);
		background-image: -o-linear-gradient(#5F9CC5,#396B9E);
		background-image: linear-gradient(#5F9CC5,#396B9E);
		
	}
	
	.btnHome > span{
		padding-left: 30px;
		font-size: 12.5px;
		padding:.55em 11px .5em;
		min-width: .75em;
		display:block;
		position:relative;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		zoom:1;
		
	}
	
	.btnHome   .hometext{
		position: relative;
		z-index: 1;
		width: 100%;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		padding-left: 20px;
	}
	
	.btnHome   .homeico{
		position: absolute;
		top: 50%;
		margin-top: -9px;
		left:5px;
		
		width: 18px;
		height: 18px;

		-moz-box-shadow:   	 0 1px 0 rgba(255,255,255,0.4);
		-webkit-box-shadow:  0 1px 0 rgba(255,255,255,0.4);
		box-shadow:          0 1px 0 rgba(255,255,255,0.4);
		background-position: -576px 50%;
		background: #666;
		background: rgba(0, 0, 0, .4);
		background-image: url(buttons/icons-18-white.png);
		background-repeat: no-repeat;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
	}
	
	/*********************************/
	
	.divListview{
		background-color:#EFEFEF;/* #FFF;*/
		position:absolute;
		left:0px;
		top:0px;
		z-index: 100; 
		padding: 0;
		/*overflow:hidden;*/
	}
	.divListview_toolbar{
		/*background-color: #FFF;*/
		background-color:#EFEFEF;
		padding: 10px;
		position:fixed;
		bottom:0;
		width:100%;
	}
	/********MENU*****************/
	ul#menuslide{
		text-align:center;
		width:200px; 
		position:absolute; 
		top:75px;
		left:0; 
		z-index:100;
	}
	
	ul#menuslide li a:link, ul#menuslide li a:visited {
		display:block;
		height: 40px;
		line-height:40px;
		text-decoration:none;
		font-size:14px;
		/*color:#5E0F50;*/
		color:#000;
		
		background: #f2f5f6; /* Old browsers */
		background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
		background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
		
	}
	
	ul#menuslide li a:hover{
		color:#00F;
		font-weight:bold;
	}
	
	ul#menuslide li a.select{
		color:#00F;
		font-weight:bold;
		background: rgb(206,220,231); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
	}
	
	span#headermenu {
		text-align:center;
		width:200px; 
		height: 20px;
		line-height:20px;
		display:block;
		position:absolute; 
		top:55px;
		left:0; 
		color:#FFF;
		background:#000 !important;
		z-index:100;
		-webkit-border-bottom-right-radius:8px;
		-moz-border-bottom-right-radius:8px;
		-o-border-bottom-right-radius:8px;
		-ms-border-bottom-right-radius:8px;
		border-bottom-right-radius:8px;
		
		-webkit-border-bottom-left-radius:8px;
		-moz-border-bottom-left-radius:8px;
		-o-border-bottom-left-radius:8px;
		-ms-border-bottom-left-radius:8px;
		border-bottom-left-radius:8px;
	}
	
	ul#menuslide li#clock, ul#menuslide li#clock  {
		display:block;
		height: 40px;
		background-color: #A5A5A5; /*#F1FF5E;*/
		padding:3px 0;
		
	}
	li#clock > div.clock {width:100%; margin:0 auto; padding:0px; /* border:1px solid #333;*/ color:#000; }
	li#clock > div.clock > ul { width:100%; margin:0 auto; padding:0px; list-style:none; text-align:center; font-weight:bold; }
	li#clock > div.clock > ul li { display:inline; text-align:center; font-size:16px; font-family: Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }
	li#clock > div.clock #point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:2px; padding-right:2px; }
	/************************************/
	
	#flashmsg{	
		z-index: 10000;
		position:fixed;
		top:25%;
		left:25%;
		width:50%;
		color:#FFF;
		text-align:center;
		font-weight:bold;
		font-size:18px;
		text-align:center;
		padding: 5px;
		background-color:#FF5E5B;
		border: 1px solid #000;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
	
	}
	
	#flashmsg.success{
		background-color:#72cf3f !important;
	}
	
	/************************/
	
	.errors{
		color:#F00;
		font-size:15px;
		font-weight:bold;
	} 

	#errorLogin{	
		color:#FFF;
		text-align:center;
		font-weight:bold;
		font-size:15px;
		
		text-align:center;
		padding: 0;
		background-color:#FF5E5B;
		border: 1px solid #000;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
	
	}
	
	#errorLogin > p{ margin:0;
		padding: 3px 0;
	}
	
	#titleheader{
		color:#FFF;
		font-size:14px;
		line-height:35px;
	}
	
	div#botoesArts{
		text-align: center;
		height: 40px;
		position: fixed;
		z-index:100;
		left: 0;
		bottom: 110px;
		width:100%;
		overflow:hidden;
		padding:3px 0 ;
	}
	
	div#totais{
		
		text-align: center;
		height: 60px;
		background-color: #449BCA;
		color: #000;
		position: fixed;
		z-index:100;
		left: 0;
		bottom: 50px;
		width:100%;
		overflow:hidden;
		padding:0 ;
		/*background:#F32;*/
		/*background: rgb(181,189,200); /* Old browsers */
		/*background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
		/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
		/*background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
		/*background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
		/*background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
		/*background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

	}
	div#totais input{
		padding: 5px 5px;
		text-align:center;
	}
	
	
	
	#divinfocli{
		/*color:#000;
		font-size: 16px;
		font-weight:bold;
		min-height:100px;
		  display:block;
		  margin-bottom:15px;
		  margin-top:5px;
		  outline: none;
		  
		  */

		/*  -webkit-border-radius:5px;
		  -moz-border-radius:5px;
		  -o-border-radius:5px;
		  -ms-border-radius:5px;
		  border-radius:5px;
  
		-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
		*/
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	
	}
	a{
		color:#466087;
		text-decoration:underline;
	}
	a:hover { text-decoration:none;}
	section, header,footer,nav { display:block;}
	img{
		border:0;
		vertical-align:top;
		max-width:100%;
	}
	form,
	fieldset{
		border:0;
		padding:0;
		margin:0;
	}
	h1{
		font:4.285em/1.067em 'PT Sans', Arial, Helvetica, sans-serif; /*60px/64px*/
		margin:0 0 0.167em;
		text-align:center;
		color:#000;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	h2 {
		font:1.714em/1.125em Arial, Helvetica, sans-serif; /*24px/27px*/
		color:#fff;
		text-align:center;
		margin:0 0 0.417em;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	h3 {
		font:1.285em/1.167em 'Nunito', Arial, Helvetica, sans-serif; /*18px/21px*/
		margin:0 0 0.55em;
		text-align:center;
	}
	.subHeading{
		display:block;
		font:2.357em/1.151em 'PT Sans', Arial, Helvetica, sans-serif; /*33px/38px*/
		margin:0 0 1em;
		text-align:center;
		color:#7a7a7a;
		text-shadow:0px 1px 1px rgba(255,255,255,0.5);
	}
	ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	/*section ul,
	article ul{
		margin:0 0 0.5em;
	}
	section li,
	article li{
		padding:0 0 0.5em 1.5em;
		
	}
	.grey li,
	.grey article li{
	}*/
	p {margin:0 0 1em;}
	blockquote {
		margin:0 0 1em;
		
		font-size:1.143em;
		line-height:1.25em;
		font-style:italic;
		color:#444;
	}
	q {
		quotes:none;
		display:block;
		padding:1.5em 1em 0 40px;
	}
	q:before { content:"";}
	q:after { content:"";}
	cite {
		display:block;
		text-align:right;
	}
	dl{ margin:0 0 10px;}
	dt {font-weight:bold;}
	dd { margin:0 0 10px 20px;}
	form,
	fieldset {
		padding:0;
		margin:0;
		border:0;
	}
	.center {
		max-width:960px;
		width:100%;
		margin:0 auto;
	}
	.hidden{display:none;}
	.box-main:after,
	.center:after {
		content:"";
		clear:both;
		display:block;
	}
	.right { float:right;} 
	.left { float:left;}
	.alignLeft{
		float:left;
		margin-right:1em;
	}
	.alignRight{
		float:right;
		margin-left:1em;
	}
	.fullWidth{width:100%;}
	.fullWidth img{width:100%;}
	.row{
		width:100%;
		background: #F5F5F5; /*#eaeaea;*/
		padding:0;
	}
	.row:after{
		content:"";
		display:block;
		clear:both;
	}
	.grey{
		background:#7e8794;
		color:#fff;
		border-bottom:1px solid #f6f6f6;
		border-top:1px solid #f6f6f6;
		
		-moz-box-shadow:   	inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
		box-shadow:         inset 0 6px 6px -6px rgba(0,0,0,0.75),
							inset 0 -6px 6px -6px rgba(0,0,0,0.75);
	}
	.grey h1{
		color:#fff;
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.grey h2{
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.grey .subHeading{
		color:#d9e7fb;
		text-shadow:0 1px 1px rgba(0,0,0,0.5);
	}
	.grey a{color:#fff;}
	.btn{
		position:relative;
		display:inline-block;
		padding:0.278em;
		font:1.714em/2.375em Arial, Helvetica, sans-serif;
		border:1px solid #d6d6d6;
		background:#dedede;
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
		width:auto;
		margin:0 -2px;
		overflow:visible;
		
		-webkit-border-radius: 1.67em;
		-moz-border-radius: 1.67em;
		border-radius: 1.67em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease;
	}
	* +html .btn{margin:0;}
	.btn span{
		color:#fff;
		padding:0 1.25em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		-moz-box-shadow:   	inset 0 0px 3px rgba(255,255,255,255.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(255,255,255,0.75);
		box-shadow:         inset 0 0px 3px rgba(255,255,255,0.75);
							
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	.btnSmall{
		padding:0.278em;
		text-decoration:none;
		font-size:1.214em;
		line-height:2.35em;
		background:#798493;
		font-weight:bold;
		border:1px solid #505a68;
		
		-webkit-border-radius: 1.47em;
		-moz-border-radius: 1.47em;
		border-radius: 1.47em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease; 
		
		-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
		box-shadow:         0 1px 1px rgba(255,255,255,0.36);
	}
	.btnSmall span{
		color:#fff;
		text-decoration:none;
		padding:0 1.47em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		border:1px solid #566270;
		background:#606a78;

		background-image: linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -o-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(98,119,149)),
			color-stop(1, rgb(160,188,226))
		);
		
		-moz-box-shadow:   	inset 0 2px 2px -2px rgba(255,255,255,255.75),
							inset 0 0 0 #fff;
		-webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
							inset 0 0 0 #fff;
		box-shadow:         inset 0 2px 2px -2px rgba(255,255,255,0.75),
							inset 0 0 0 #fff;
							
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	.btn:hover {
		background:#1b4648;
		background:rgba(0,0,0,0.2);
	}
	.btnSmall:hover {
		background:none;
	}
	.btnSmall:hover span{
		background-image: linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -o-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(109,131,164)),
			color-stop(1, rgb(169,199,241))
		);
	}
	.btn:active{
		top:1px;
	}
	.btn:hover span,
	.btn:active span{
		color:#fff;
	}
	.btnGreen span{
		border:1px solid #5e9048;
		background:#75cf44;
		
		background-image: linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -o-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(80,153,46)),
			color-stop(1, rgb(117,207,68))
		);
	}
	.btnBlue span{
		background:#52b3d3;
		border:1px solid #67a2b4;
		color:#fff;
		
		background-image: linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -o-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(66,153,179)),
			color-stop(1, rgb(82,179,211))
		);
	}
	.formRow{
		width:100%;
		margin:0 0 1.5em;
	}
	.formRow:after{
		content:"";
		display:block;
		clear:both;
	}
	.textField{
		width:100%;
		overflow:hidden;
		border:1px solid #505a68;
		background:#798493;
		font-weight:bold;
		padding:0.5em;
		
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
		
		-moz-box-shadow:   	0 1px 1px rgba(255,255,255,0.36);
		-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36);
		box-shadow:         0 1px 1px rgba(255,255,255,0.36);
	}
	input,select,
	textarea{
		
		/*display:block;*/
		background:#fff;
		font:1em/1.214em Arial, Helvetica, sans-serif;  /*14px/17px*/
		color:#444;
		width:100%;
		padding:0.75em 1.5em;
		border:1px solid #505762;
		margin:5px 0 0 0;
		font-size:16px;
		resize:none;
		
		-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
		
		-webkit-border-radius: 1.5em;
		-moz-border-radius: 1.5em;
		border-radius: 1.5em;
				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	textarea {
		overflow:auto;
		/*height:10.812em;*/
	}
	* +html input,
	* +html textarea,
	* +html .textField{
		width:99%;
		padding:0;
	}
	::-webkit-input-placeholder {
		color:    #444;
	}
	:-moz-placeholder {
		color:    #444;
	}
	.columns{width:100%	}
	.columns:after{
		content:"";
		display:block;
		clear:both;
	}
	.columns > div,
	.columns > article{
		float:left;
		vertical-align:top;
	}
	.columns h2{text-align:left;}
	.half{
		width:48.0%;
		margin:1.3%;
	}
	.oneThird{
		width:32%;
		margin:1%;
	}
	.columns > div:first-child,
	.columns > article:first-child{margin-left:0;}
	.oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .half,
	.half + .half,
	.half + .oneForth + .oneForth,
	.last{
		float:right;
		margin-right:0;
	}
	.oneForth{width:25%;}
	.threeForth{width:74.5%;}
	.buttons{
		width:100%;
		overflow:hidden;
		text-align:center;
		margin:2.5em 0 0
	}
	.buttons > span{
		background:url(../img/sep-vert.gif) no-repeat 50% 50%;
		display:inline-block;
		font-size:1.714em;
		line-height:1.125em;
		padding:1em 0.75em;
		margin:0 -1px 0 -2px;
		background:#;
	}
	* +html .buttons > span{margin:0 20px;}
	.buttons > span em{
		font-style:normal;
		display:block;
		background:#eaeaea;
	}
	.imgHolder{
		display:inline-block;
		padding:1px;
		background:#fff;
		border:6px solid #cecece;
		margin-bottom:1em;
		max-width:100%;
		overflow:hidden;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	* +html .imgHolder{
		max-width:93.5%;
		border-width:3%;
		padding:0;
	}
	.imgHolder img{display:block;}
	.grey .imgHolder{
		border-color:#646e7d;
	}
	/*main styles*/
	#pagewidth {width:100%;}
	
	#myheader{
        position: fixed;
        z-index:100;
        left: 0;
        top: 0;
        height:35px;
        width:100%;
        overflow:hidden;
        padding:10px 0;
        background:#586d88; /*#404751;*/
       
        -moz-box-shadow:       inset 0 0 0 #fff,
                            inset 0 -20px 20px -20px rgba(0,0,0,0.75);
        -webkit-box-shadow: inset 0 0 0 #fff,
                            inset 0 -20px 20px -20px rgba(0,0,0,0.75);
        box-shadow:         inset 0 0 0 #fff,
                            inset 0 -20px 20px -20px rgba(0,0,0,0.75);
    }
   
    #myheader .esq{
        width:25%;
        height:35px;
        float:left;
        padding:0 10px;
    }
    #myheader .centro{
        /*width:50%;
        float:left;*/
		height:35px;
		/* 
		Assim o gajo tá sempre no meio, e se for muito grande corta
		Evitamos que os butões saltem para baixo.
		*/
        position: absolute;
		left: 40%;
		width: 20%;        
		text-align:center;
		
    }
    #myheader .dir{
        height:35px;
        text-align:center;
    }
    #header{
        position: absolute;
        z-index:100;
        left: 0;
        top: 0;
        height:30px;
        width:100%;
        overflow:hidden;
        padding:10px 0;
        background:#404751;
       
        -moz-box-shadow:       inset 0 0 0 #fff,
                            inset 0 -20px 20px -20px rgba(0,0,0,0.75);
        -webkit-box-shadow: inset 0 0 0 #fff,
                            inset 0 -20px 20px -20px rgba(0,0,0,0.75);
        box-shadow:         inset 0 0 0 #fff,
                            inset 0 -20px 20px -20px rgba(0,0,0,0.75);
    }
	#content{padding:80px 50px  80px 50px; }
	#mainNav{text-align:center;}
	#mainNav li{
		display:inline-block;
		margin:0 7px;
	}
	#mainNav a{
		color:#fff;
		position:relative;
		display:inline-block;
		padding:0.278em;
		text-decoration:none;
		font-size:1.214em;
		line-height:2.35em;
		background:#2d3239;
		font-weight:bold;
		
		-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
		
		-webkit-border-radius: 1.47em;
		-moz-border-radius: 1.47em;
		border-radius: 1.47em;
	}
	#mainNav a span{
		color:#fff;
		text-decoration:none;
		padding:0 1.25em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		border:1px solid #202329;
		background:#606a78;

		background-image: linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
		background-image: -o-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(65,72,82)),
			color-stop(1, rgb(96,106,120))
		);
		
		-moz-box-shadow:   	inset 0 2px 2px -2px rgba(255,255,255,255.75),
							inset 0 0 0 #fff;
		-webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
							inset 0 0 0 #fff;
		box-shadow:         inset 0 2px 2px -2px rgba(255,255,255,0.75),
							inset 0 0 0 #fff;
							
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	#mainNav a:active{
		top:1px;
	}
	#mainNav a:hover span ,
	#mainNav li.active span {
		background-image: linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
		background-image: -o-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(71,83,101)),
			color-stop(1, rgb(123,145,177))
		)
	}
	.gallery{
		background:url(../img/sep-hor.gif) no-repeat 50% 0;
		padding:2px 0;
		position:relative;
		margin:0 auto;
		width:81.25%;
		position:relative;
	}
	.gallery:after{
		content:"";
		position:absolute;
		bottom:0;
		left:0;
		background:url(../img/sep-hor.gif) no-repeat 50% 0;
		width:100%;
		height:2px;
	}
	.news > div{
		border:1px solid #505a68;
		position:relative;
		padding:0 0 50px;
		margin:0 0 30px;
		height:1%;
	}
	.news > div:after{
		content:"";
		display:block;
		clear:both;
	}
	.news h3{
		font-size:1.714em;
		line-height:2.583em;
		text-align:center;
		margin:0 0 0.83em;
		border-top:1px solid #909eb2;
		border-bottom:1px solid #545b65;
		background:#5d6a7c;
		
		background-image: linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -o-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(93,106,124)),
			color-stop(1, rgb(126,137,153))
		);
	}
	.news h3 a{
		display:block;
		text-decoration:none;
		text-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.news .content{
		width:83%;
		overflow:hidden;
		margin:0 auto;
	}
	.news .readMore{
		position:absolute;
		top:100%;
		margin:-2.143em 0 0;
		width:100%;
		text-align:center;
	}
	.slides{
		list-style:none;
		overflow:hidden;
		padding:0;
		width:100%;
	}
	.slides li{
		padding:0;
		position:relative;
		background:url(../img/sep-vert.gif) no-repeat 50% 50%;
	}
	* +html .slides li{
		display:inline;
		zoom:1;
		margin:0;
	}
	.slides blockquote{
		float:right;
		width:48%;
		margin:2.5em 0 0;
	}
	.slides blockquote:first-child{float:left;}
	#map{
		border:1px solid #535d6b;
		padding:0.428em;
		background:#798493;
		margin:0 0 1em;
	}
	#map .imgHolder{
		height:1%;
		overflow:hidden;
		background:#fff;
		padding:1px;
		border:0;
		margin:0;
		display:block;
	}
	#map .imgHolder img{
		width:100%;
	}
	.form{width:92%;}
	#testimonials{
		margin-top:-2.857em;
	}
	#testimonials .row{
		padding:0;
		background:url(../img/sep-hor.gif) no-repeat 50% 1.5em;
	}
	#testimonials .row:first-child{
		background:none;
	}
	#testimonials{background:none;}
	#testimonials:after{display:none;}
	#footer{
		color: #FFF;
		position: fixed;
		z-index:100;
		left: 0;
		bottom: 0;
		height:35px;
		width:100%;
		overflow:hidden;
		padding:10px 0;
		background:#586d88; /*#404751;*/
		
		-moz-box-shadow:   	inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0 0 #fff,
							inset 0 -20px 20px -20px rgba(0,0,0,0.75);
	}
	#footer a{
		color:#fff;
	}
	#footer .copy{float:right;}
}
@media all and (max-width: 1024px){
}
@media all and (max-width: 960px){
	.center{
		padding:0 10px;
		width:auto;
	}
	.buttons{font-size:11px;}
	#header{
		padding:2px 0 0;
		height:0;
		overflow:hidden;
		position:static;
	}
	#content{padding:85px 0 70px 0;}
}
@media  (max-width: 780px){
	body{font-size:13px;}
	.buttons{font-size:9px;}
	h1{font-size:3.5em;}
	.subHeading{font-size:2em;}
	.news h3{font-size:1.3em;}
	
	.btgeral {
		width: 120px;
		font-size: 13px;
		padding-left: 30px;
	}
	
	.dir{
		float:right;
		max-width:400px;
	}
	
	.esq{
		float:left;
		max-width:250px;
	}
	
	input[id *= 'qtdt_']{
		width:50px !important;
	}
	
	.td_prc{
		width:80px !important;
	}
}
/* only screen and */
 @media (device-width:768px){
       /* default iPad screens */
	   
	   body{font-size:13px;}
	.buttons{font-size:9px;}
	h1{font-size:3.5em;}
	.subHeading{font-size:2em;}
	.news h3{font-size:1.3em;}
	
	.btgeral {
		width: 120px;
		font-size: 13px;
		padding-left: 30px;
	}
	
	.dir{
		float:right;
		max-width:400px;
	}
	
	.esq{
		float:left;
		max-width:250px;
	}
	
	input[id *= 'qtdt_']{
		width:50px !important;
	}
	
	.td_prc{
		width:80px !important;
	}
	   
 }


@media all and (max-width: 600px){
	body{font-size:13px;}
	.buttons{font-size:9px;}
	h1{font-size:3.5em;}
	.subHeading{font-size:2em;}
	.news h3{font-size:1.3em;} 
	
	/*input[type="button"]{
		width: 100px;
	}*/
	.btgeral{
		font-size:12px;
		width:110px;
		padding: 2px 2px;
		height: 35px;
	}
	
	.dir{
		float:right;
		max-width:350px;
	}
	
	.esq{
		float:left;
		max-width:220px;
	}
	input[id *= 'qtdt_']{
		width:50px !important;
	}
	
}
@media all and (max-width: 504px){
	body{font-size:12px;}
	
	.btgeral{
		font-size:8px;
		width:90px;
		padding: 2px 2px;
		height: 35px;
	}
	
	.dir{
		float:right;
		max-width:300px;
	}
	
	.esq{
		float:left;
		max-width:200px;
	}
	
	input[id *= 'qtdt_']{
		width:40px !important;
	}
	
	.columns > div,
	.columns > article{
		float:none;
		margin:0;
		width:100%;
	}
	.buttons{font-size:7px;}
	#testimonials li,
	#testimonials .row{
		background:none;
	}
	#testimonials blockquote{
		float:none;
		width:100%;
		position:relative;
	}
	#testimonials blockquote:after{
		background:url(../img/sep-hor.gif) no-repeat 50% 0;
		content:"";
		position:absolute;
		left:0;
		top:-18px;
		width:100%;
		height:2px;
	}
	#testimonials .row:first-child blockquote:first-child:after{display:none;}
	.flex-direction-nav{display:none;}
	h1{font-size:3em;}
	.subHeading{font-size:1.75em;}
}
@media all and (max-width: 320px){
	.buttons > span{display:none;}
	.buttons .btn{margin-top:0.5em;}
	.buttons{margin-top:2em;}
	h1{font-size:2.5em;}
	.subHeading{font-size:1.5em;}
	.news h3{font-size:1.25em;}
}
@media all
	and (min-device-width: 768px)
	and (max-device-width: 1024px){
	#header{
		padding:2px 0 0;
		height:0;
		overflow:hidden;
		position:static;
	}
	#content{padding:85px 0 70px 0;}
	
	
	
	
}








/*** sample table to demonstrate CSS3 formatting ***/
        table.formatHTML5 {
            width: 100%;
            border-collapse:collapse;
            text-align:left;
            color: #606060;
        }
 
        /*** table's thead section, head row style ***/
        table.formatHTML5 thead tr td  {
            background-color: White;
            vertical-align:middle;
            padding: 0.6em;
            font-size:0.8em;
        }
 
        /*** table's thead section, coulmns header style ***/
        table.formatHTML5 thead tr th
        {
            padding: 0.5em;
            /* add gradient */
            background-color: #808080;
            background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
            background: -moz-linear-gradient(top, #606060, #909090);
            color: #dadada;
        }
 
        /*** table's tbody section, odd rows style ***/
        table.formatHTML5 tbody tr:nth-child(odd) {
           background-color: #fafafa;
        }
 
        /*** hover effect to table's tbody odd rows ***/
        table.formatHTML5 tbody tr:nth-child(odd):hover
        {
            cursor:pointer;
            /* add gradient */
            background-color: #808080;
            background: -webkit-gradient(linear, left top, left bottom, from(#4169E1), to(#4169E1));
            background: -moz-linear-gradient(top, #4169E1, #4169E1);
            color: #dadada;
        }
 
        /*** table's tbody section, even rows style ***/
        table.formatHTML5 tbody tr:nth-child(even) {
            background-color: #d1eeee;  /*#ADD8E6; /**#87CEEB;**/
        }
 
        /*** hover effect to apply to table's tbody section, even rows ***/
        table.formatHTML5 tbody tr:nth-child(even):hover
        {
            cursor:pointer;
            /* add gradient */
            background-color: #808080;
            background: -webkit-gradient(linear, left top, left bottom, from(#4169E1), to(#4169E1));
            background: -moz-linear-gradient(top, #4169E1, #4169E1);
            color: #dadada;
        }
 
       /*** table's tbody section, last row style ***/
        table.formatHTML5 tbody tr:last-child {
             border-bottom: solid 1px #ADD8E6;
        }
 
        /*** table's tbody section, separator row pseudo-class ***/
        table.formatHTML5 tbody tr.separator {
            /* add gradient */
            background-color: #808080;
            background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
            background: -moz-linear-gradient(top, #606060, #909090);
            color: #dadada;
        }
 
        /*** table's td element, all section ***/
        table.formatHTML5 td {
           vertical-align:middle;
           padding: 0.5em;
        }
 
        /*** table's tfoot section ***/
        table.formatHTML5 tfoot{
            text-align:center;
            color:#303030;
            text-shadow: 0 1px 1px rgba(255,255,255,0.3);
        }
		
/* LISTA envio_dados */
.tabela_envio_dados_a {
	/*border: 1px solid #505762;*/
	border-collapse:collapse;
	width: 100%;
	border-bottom: dashed 1px #505762;
}

.tabela_envio_dados_a tr[id*=desc] {
	background-color: #ddeeee;
	/*border: 1px solid #505762;*/
}

.tabela_envio_dados_a td {
	padding: 4px 8px;
}

.tabela_envio_dados_a td[id*=horas] {
	text-align: center;
}

.tabela_envio_dados_b {
	/*border: 1px solid #505762;*/
	border-collapse:collapse;
	width: 100%;
	border-bottom: dashed 1px #505762;
}

.tabela_envio_dados_b tr[id*=desc] {
	background-color: #cceeee;
	/*border: 1px solid #505762;*/
}

.tabela_envio_dados_b td {
	padding: 4px 8px;
}

.tabela_envio_dados_b td[id*=horas] {
	text-align: center;
}

.tab-list {
	margin-top: 20px;
}

.tab {
	display: inline-block;
	margin: 0 0 0 1%;
	padding: 10px;
	background: #DDD;
	border: 1px solid #CCC;
	position: relative;
	top: 1px;
	cursor: pointer;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.tab:first-child {
	margin-left: 0;
}

.tab.active {
	border-bottom-color: #F5F5F5;
	background: #F5F5F5;
}

.tabs {
	border: 1px solid #CCC;
	padding: 10px;
}

.tab-content {
	display: none;
}

.tab-content.active {
	display: block;
}

#divinfocli {
	margin-top: 0 !important;
}

.input-share {
	margin-top: 40px;
	text-align: right;
}

#container2,
#ults_enc {
	width: 50%;
	float: left;
}

.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
}	

.cc-vazilhame-tabela {
	width: 100%;
	border-collapse: collapse;
}

.cc-vazilhame-tabela thead tr {
	background: #d1eeee !important;
}

.cc-vazilhame-tabela tr:nth-child(odd) {
	background: #DDD;
}

.cc-vazilhame-tabela td,
.cc-vazilhame-tabela th {
	padding: 10px 0;
	text-align: center;
}

.neg {
	color: #e74c3c;
}

.pos {
	color: #2ecc71;
}