@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Electrolize);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Inder);
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);

html, body{
	background:#F5F5F5;	
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
header,footer,
article,section,
hgroup,nav,
figure{
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}
a{
	font-family: Arial, Helvetica, sans-serif;	
	text-decoration: none
}

h2  {
    font-size:22px;
	color:#2B5074;
	background:url(../sysimg/bg-h1-bar.jpg) 0 bottom repeat-x; 
	letter-spacing: 1px;
	margin:10px ;
	font-family: 'Oswald', sans-serif;
}

h3  {
    font-size:18px;
	color:#2B5074;
	background:url(../sysimg/bg-h1-bar.jpg) 0 bottom repeat-x; 
	letter-spacing: 1px;
	margin:10px ;
	font-family: 'Oswald', sans-serif;
}

#topo{
	width:99.8%; 
	height:70px;
	box-shadow: 0 6px 20px -2px rgba(0,0,0,0.2);
	border:1px solid  rgba(255, 255, 255, 0.0);
	
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #FEFEFE, #F2F2F2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#F2F2F2));
	background: -o-linear-gradient(bottom, rgb(240,240,240) 25%, rgb(245,245,245) 35%, rgb(250,250,250) 65%);
	background: -ms-linear-gradient(bottom, rgb(240,240,240) 25%, rgb(245,245,245) 35%, rgb(250,250,250) 65%);
	background: linear-gradient(bottom, rgb(240,240,240) 25%, rgb(245,245,245) 35%, rgb(250,250,250) 65%);
}

#topo-center{
	margin:0 auto;
	width:960px; 
	height:70%;
}

#logo1{
	margin-top: -18px;	
	width:245px; 
	height:75px; 
	float:left;
}

#logo2{
	margin-left:5px; 
	width:120px; 
	height:33px; 
	float:left;	
}

#imgs-login img{
	margin-top: 15px;		
	width:245px; 
	height:75px; 	
}

#imgs-login .img-3{
	width:245px; 
	height:245px; 	
	background-color: #f5f5f5;	
}

.top-logo1{
	margin-top: -18px;	
	width:205px; 
	height:35px; 
	float:left;
}


#corpo-central{	
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	margin:0 auto; 
	margin-top:20px; 	
	min-height:600px;
	background:#FDFDFD; 
	box-shadow: 1px 1px 15px 3px rgba(0,0,0,0.2);
	padding-bottom:2px;
	width:960px; 
}

#div_req{
	margin: 10px 15px 10px 0px;					
}

.accord-content {
	margin:0 auto;
	position: absolute; 
	display: none; 
	width:99.8%;	
	z-index:9999;
	overflow:visible;
	
	box-shadow: 0 6px 20px -2px rgba(0,0,0,0.2);
	border:1px solid  rgba(255, 255, 255, 0.0);
	
	background: #f5f5f5;
	border-bottom:3px solid #52c1d1;
}

/* Menu */

/* Menu */

#menu {
	float: right;
	width: 400x;
	/*border: 1px solid;*/
	height: 30px;
}

#menu ul {
	margin: 0;
	padding: 0px 0 0 10px;
	list-style: none;
	line-height: normal;
	margin-left: 2px;
}

#menu li {
	display: inline;
	text-align: center;
}

#menu a {
	display: block;
	float: left;
	height: 30px;
	margin-right: 1px;
	padding: 10px 10px 15px 15px;
	letter-spacing: -1px;
	text-decoration: none;
	text-align: center;
	/*text-transform: lowercase;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #383B3F;
}

#menu a:hover, #menu .active a {
	/*background: #F40C42 url(images/img02.jpg) repeat-x left bottom;*/
	color: #52c1d1;
}


/* FIM MENU */
/* MENU ITENS */

.itens{
	margin:0 auto;
	width:800px;
}

.itens a{
	display:block;
	text-align: center;	
}

.itens input{
	margin: 0px 0px 0px 9px;
	/*width: 48px;*/
	height: 48px;
}

.itens ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}

.itens ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	width:130px;
	height:93px;
	margin-right: 10px;	
}
.itens ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

.itens .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 5px;
	padding:4px 6px 0px 6px;
	/*width:116px;*/

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.itens .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 0px 6px;
	margin:0px 0px 4px 5px;
}

.itens li a{
	text-decoration:none;
	color:#015b86;	
}

.itens li a:visited{
	text-decoration:none;	
	color:#015b86;
}

.itens li:hover a {
	font-size:12px;
	color:#015b86;
}
.itens li:hover a:hover {
	color:#029feb;
}

/* FIM MENU ITENS*/

/* INICIO MENU CADASTRO */
div #menu-cadastro{
	margin: 0 auto;	
	width:95%;
}


div #menu-cadastro li{
	width:70px;
	height:50px;	
}

div #menu-cadastro input[type="image"]{
	width:30px;
	height:30px;
	margin: 0 auto;		
}

/* FIM MENU CADASTRO */

/* DIV NAVEGACAO NO PEDIDO */
div #navega-pedido{
	margin: 0px 0px 0px 25px;		
}
/* FIM DA DIV NAVEGACAO DO PEDIDO */

/* INICIO FORM PADRAO */

.form_padrao{
	font-size:12px;	
	font-family: sans-serif;
	margin: 10px 15px 10px 25px;
}

.form_padrao table{
	width:100%;	
}

.form_padrao label{
	font-family: 'Oswald', sans-serif;	
}

.form_padrao td{
	padding: 5px 5px 5px 0px;		
}

.form_padrao td input, textarea, select{
	width:100%;	
}

.form_padrao input,textarea,select{  
  font-size:16px;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;  
}


.consprod{
	width: 35px;
	height:35px;
	background-image:url(../sysimg/search.png);
	background-size:35px;
	border:none;	
}

.consprod:hover{
	width: 35px;
	height:35px;
	background-image:url(../sysimg/search_h.png);
	background-size:35px;
	border:none;
}

.clearprod{
	width: 35px;
	height:35px;
	background-image:url(../sysimg/limpar.png);
	background-size:35px;
	border:none;
}

.incluirprod{
	width: 35px;
	height:35px;
	background-image:url(../sysimg/incluir.png);
	background-size:35px;
	border:none;
}

.incluirnovo:hover{
	width: 35px;
	height:35px;
	background-image:url(../sysimg/incluir_novo_sel.png);
	background-size:35px;
	border:none;
}

.incluirnovo{
	width: 35px;
	height:35px;
	background-image:url(../sysimg/incluir_novo.png);
	background-size:35px;
	border:none;
}


.form_padrao td.descr_prod{
	width:420px;
}

.form_padrao input.descr_prod{
	width:420px;	
}


.form_padrao input.table_values{
	width:100%;
	height: 30px;
	background-color:none;
	font-size:10px;
	border:none;
	padding:0px;	
}

.modal-input-text{
	height:30px !important;
	width:350px;
	padding: 5px 5px 5px 5px !important;	
}

/* FIM FORM PADRAO */

/* DATA GRID DATATABLES*/

.dataTables_filter input{
   width: 95%;
   float: left;
   /*text-align: left;*/
   max-height:30px;
   margin:0px 0px 5px 2px !important;   
}

.datagrid table { 
	border-collapse: collapse; 	
	text-align: left; 
	width: 100%; 
} 
.datagrid {
	margin-top:5px;
	margin-bottom:15px  !important;
	width:760px !important;	
	font: normal 12px/150% Arial, Helvetica, sans-serif; 
	background: #fff; 
	overflow: hidden; 
	border: 1px solid #006699; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}

.datagrid table td, .datagrid table th { 
	padding: 3px 10px;
}
.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699; 
	color:#ffffff; 
	font-size: 12px; 
	font-weight: bold; 
	border-left: 1px solid #0070A8; 
} 

.datagrid table thead th:hover {
	cursor:pointer;
	text-decoration: none;
	border-color: #006699; 
	color: #FFFFFF; 
	background: none; 
	background-color:#00557F;	
}
.datagrid table thead th:first-child { 
	border: none; 
}
.datagrid table tbody td { 
	color: #00496B; 
	border-left: 1px solid #E1EEF4;
	font-size: 12px;
	font-weight: normal; 
}
.datagrid table tbody .alt td { 
	background: #E1EEF4; 
	color: #00496B; 
}
.datagrid table tbody td:first-child { 
	border-left: none; 
}
.datagrid table tbody tr:last-child td { 
	border-bottom: none; 	
}
.datagrid table tfoot td div { 
	border-top: 1px solid #006699;
	background: #E1EEF4;
} 
.datagrid table tfoot td { 
	padding: 0; 
	font-size: 12px; 
} 
.datagrid table tfoot td div{ 
	padding: 2px; 
}
.datagrid table tfoot td ul { 
	margin: 0; 
	padding:0; 
	list-style: none; 
	text-align: right; 
}
.datagrid table tfoot  li { 
	display: inline; 	
}
.datagrid table tfoot li a { 
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color: #FFFFFF;
	border: 1px solid #006699;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699;	
}
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { 
	text-decoration: none;
	border-color: #006699; 
	color: #FFFFFF; 
	background: none; 
	background-color:#00557F;
}

.paginate_button{
	float:left;
	width:45px;
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color: #FFFFFF;
	border: 1px solid #006699;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699;	
	text-align:center;	
}

.paginate_active{
	width:25px;
	float:left;
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color:#dfc125;
	border: 1px solid #006699;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#00557F;
	text-align:center; 		
}

.paginate_button:hover {
	text-decoration: none;
	border-color: #006699; 
	color: #DDDDDD; 
	background: none; 
	background-color:#00557F;
	cursor: pointer;
	text-align:center;	
}

.paginate_active:hover{
	text-decoration: none;
	border-color: #006699; 
	color: #FFFFFF; 
	background: none; 
	background-color:#00557F;
	cursor: pointer;
	text-align:center;	
}

.linha_par{	
	height:15px;
	vertical-align:top;
	text-align:center;
	
	/*background: #d5d5d5;	*/
	background-color:RGB(213,232,247);
}

.linha_impar{
	background-color:#fff;		
	height:15px;
	vertical-align:top;
	text-align:center;
}

#example input[type="checkbox"] {
	margin:0 auto;
	vertical-align:middle;
	max-width: 15px;
	width:15px;
	height:20px;	
}

#example tr:hover td{
	background-color:#336699;	
	color:#FFF;
	height:15px;
	/*vertical-align:top;*/
	text-align:center;
	cursor:pointer;	
}

.center{
	vertical-align:middle;	
}

.maisbarato{
	background-image:url(../sysimg/valor_menor.png);	
	background-repeat: no-repeat; 
	background-position: center center;
	background-size:95%;
	text-indent: -3000px;	
}

.maiscaro{
	background-image:url(../sysimg/valor_maior.png);	
	background-repeat: no-repeat; 
	background-position: center center;
	background-size:99%;
	text-indent: -3000px;	
}

.outras{
	font-size:0px;
	text-indent: -3000px;
}

#legenda input{
	float: right;
}

.legenda_maisbarato{
	width:30px; 
	height:30px; 
	float:left;	
	margin-bottom:3px;
	background-image:url(../sysimg/valor_menor.png);	
	background-repeat: no-repeat; 
	background-position: center center;
	background-size:99%;	
}

#legenda span{
	float:left; 
	margin-left:5px; 
	margin-right: 15px;
	font: normal bold 16px/150% Arial, Helvetica, sans-serif;
	color:#00557F;	
}

.table-aux{
	border:1px solid #006699; 
	padding: 5px 5px 5px 5px;
}

.table-aux table{
	 margin:0 auto;
	 border:2px solid #006699; 	
	 margin-bottom:5px;
}

.table-aux table td{
	border:1px solid #006699;
	text-align:center;
}

/* FIM DATA GRID DATATABLES */

/* MENSAGEM */

#message_ok div{
	float:left;
}

#message_ok .msg{
	width:80%;
}

#message_ok div img{
	width:48px;
	height:48px;
	margin-right:20px;	
}



.ui-dialog-title{
	font-size:22px;
	color:#fff;
	letter-spacing: 1px;
	font-family: sans-serif;
	margin-top:-5px !important;	    	
	text-decoration:none;
}

.ui-dialog-titlebar-close{
	/*display:none;	*/
}
	
.ui-widget-header {
	/*background:#fff;*/
	border:none;	
	/*background: url(../sysimg/bg-h1-bar.jpg) 0 bottom repeat-x;	 */
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699; 
	
	border-radius: 0;
	height:25px;
}

.ui-dialog-titlebar{
	border-radius: 0;
}

.ui-dialog-content{
		
}

.ui-dialog{

}

.ui-widget {

}

.ui-widget-content {
	background: #f5f5f5 !important;
	background: -moz-linear-gradient(top, #FEFEFE, #FEFEFE) !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#F2F2F2)) !important;
	background: -o-linear-gradient(bottom, rgb(240,240,240) 25%, rgb(245,245,245) 35%, rgb(250,250,250) 65%) !important;
	background: -ms-linear-gradient(bottom, rgb(240,240,240) 25%, rgb(245,245,245) 35%, rgb(250,250,250) 65%) !important;
	background: linear-gradient(bottom, rgb(240,240,240) 25%, rgb(245,245,245) 35%, rgb(250,250,250) 65%) !important;
	
	border:2px solid #006699;
}

.ui-dialog-buttonpane input, .ui-dialog-buttonpane button{
  font-size:16px;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
  
  color:#fff !important;
  
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) ) !important;
  background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% ) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F') !important;
  background-color:#006699 !important;  
}

.ui-state-default{
	 
}

.ui-corner-all{

}

.ui-state-focus{
  	
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{

}

/* FIM MENSAGEM */

/* MODAL SEARCH */

.conssearch{
	width: 35px;
	height:35px;
	background-image:url(../sysimg/search.png);
	background-size:35px;
	border:none;
	margin-left:5px;
	float:right;	
}

.conssearch:hover{
	width: 35px;
	height:35px;
	background-image:url(../sysimg/search_h.png);
	background-size:35px;
	border:none;
	margin-left:5px;
	float:right;
}
/* FIM MODAL SEARCH */

#detalhes{
	/*	display:none;
	position: absolute;*/
	background:#FFFFFF;
	border:1px solid #006699;
	padding: 5px 0px 5px 3px;
	height:133px;
	width:757px;			
}

#detalhes span{
	float:left;
	position:relative;
	margin-right:7px;
}

#detalhes span textarea{
	width:720px;		
}

#campos-consulta span{
/*	float:left;*/
	display:inline-block;
	margin-right:5px;	
}

#campos-consulta textarea{
	position:relative;
	height:120px;	
	width:760px;
}

#campos-consulta span input[type=checkbox]{
	float:left;	
	display:inline;
	vertical-align:middle;		
}

#campos-consulta span span{
	margin:7px 0px 0px 10px;
}

/* AJAX - TABLE_REQUISICAO */
.btn-atender{

}

/* FIM - AJAX - TABLE REQUISICAO */


/* FORM PRODUTO - PESQUISA */

.datapesq table { 
	border-collapse: collapse; 	
	text-align: left; 
	width: 100%; 
} 
.datapesq {
	margin-top:5px;
	margin-bottom:15px  !important;
	width:100%;	
	font: normal 12px/150% Arial, Helvetica, sans-serif; 
	background: #fff; 
	overflow: hidden; 
	border: 1px solid #006699; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}

.datapesq table td, .datagrid table th { 
	padding: 3px 10px;
}
.datapesq table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699; 
	color:#ffffff; 
	font-size: 12px; 
	font-weight: bold; 
	border-left: 1px solid #0070A8; 
} 

.datapesq table thead th:hover {
	cursor:pointer;
	text-decoration: none;
	border-color: #006699; 
	color: #FFFFFF; 
	background: none; 
	background-color:#00557F;	
}
.datapesq table thead th:first-child { 
	border: none; 
}
.datapesq table tbody td { 
	color: #00496B; 
	border-left: 1px solid #E1EEF4;
	font-size: 12px;
	font-weight: normal; 
}
.datapesq table tbody .alt td { 
	background: #E1EEF4; 
	color: #00496B; 
}
.datapesq table tbody td:first-child { 
	border-left: none; 
}
.datapesq table tbody tr:last-child td { 
	border-bottom: none; 	
}
.datapesq table tfoot td div { 
	border-top: 1px solid #006699;
	background: #E1EEF4;
} 
.datapesq table tfoot td { 
	padding: 0; 
	font-size: 12px; 
} 
.datapesq table tfoot td div{ 
	padding: 2px; 
}
.datapesq table tfoot td ul { 
	margin: 0; 
	padding:0; 
	list-style: none; 
	text-align: right; 
}
.datapesq table tfoot  li { 
	display: inline; 	
}
.datapesq table tfoot li a { 
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color: #FFFFFF;
	border: 1px solid #006699;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699;	
}
.datapesq table tfoot ul.active, .datagrid table tfoot ul a:hover { 
	text-decoration: none;
	border-color: #006699; 
	color: #FFFFFF; 
	background: none; 
	background-color:#00557F;
}

#busca_produto{
	margin-top:-7px;	
}
/* FIM FORM PRODUTO - PESQUISA */


/* TELA DE LOGIN */
div.login{
	border:3px solid; 
	width:400px; 
	height:250px; 
	margin:0 auto;	
	font-family: 'Oswald', sans-serif;
	color:#2B5074;
	letter-spacing:1px;
	
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px; 
	background: -moz-linear-gradient(top, #F5F5F5, #A3A3A3);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#A3A3A3));
	background: -o-linear-gradient(bottom, #A3A3A3 15%, #F5F5F5 100%);
	background: -ms-linear-gradient(bottom, #A3A3A3 15%, #F5F5F5 100%);
	background: linear-gradient(bottom, #A3A3A3 15%, #F5F5F5 100%);
	background-color:#F5F5F5;
}

div.login input[type=text],input[type=password]{
	height:30px;
	/*padding:15px 0px 15px 0px;*/
}
/* FIM TELA DE LOGIN */

input.descr-pesquisa{
	height:30px;
}

.grupos{
	background:#00a3f5;	
}

.datagrid2 table { 
	border-collapse: collapse; 	
	text-align: left; 
	width: 100%; 
} 
.datagrid2 {
	margin-top:5px;
	margin-bottom:15px  !important;
	width:100%;	
	font: normal 12px/150% Arial, Helvetica, sans-serif; 
	background: #fff; 
	overflow: hidden; 
	border: 1px solid #006699; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}

.datagrid2 table td, .datagrid table th { 
	padding: 3px 10px;
}
.datagrid2 table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699; 
	color:#ffffff; 
	font-size: 12px; 
	font-weight: bold; 
	border-left: 1px solid #0070A8; 
} 

.datagrid2 table thead th:hover {
	cursor:pointer;
	text-decoration: none;
	border-color: #006699; 
	color: #FFFFFF; 
	background: none; 
	background-color:#00557F;	
}
.datagrid2 table thead th:first-child { 
	border: none; 
}
.datagrid2 table tbody td { 
	color: #00496B; 
	border-left: 1px solid #E1EEF4;
	font-size: 12px;
	font-weight: normal; 
}
.datagrid2 table tbody .alt td { 
	background: #E1EEF4; 
	color: #00496B; 
}
.datagrid2 table tbody td:first-child { 
	border-left: none; 
}
.datagrid2 table tbody tr:last-child td { 
	border-bottom: none; 	
}
.datagrid2 table tfoot td div { 
	border-top: 1px solid #006699;
	background: #E1EEF4;
} 
.datagrid2 table tfoot td { 
	padding: 0; 
	font-size: 12px; 
} 
.datagrid2 table tfoot td div{ 
	padding: 2px; 
}
.datagrid2 table tfoot td ul { 
	margin: 0; 
	padding:0; 
	list-style: none; 
	text-align: right; 
}
.datagrid2 table tfoot  li { 
	display: inline; 	
}
.datagrid2 table tfoot li a { 
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color: #FFFFFF;
	border: 1px solid #006699;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699;	
}
.datagrid2 table tfoot ul.active, .datagrid table tfoot ul a:hover { 
	text-decoration: none;
	border-color: #006699; 
	color: #FFFFFF; 
	background: none; 
	background-color:#00557F;
}

.datagrid3 table { 
	border-collapse: collapse; 	
	text-align: left; 
	width: 100%; 
} 
.datagrid3 {
	margin-top:5px;
	margin-bottom:15px  !important;
	width:760px !important;	
	font: normal 12px/150% Arial, Helvetica, sans-serif; 
	background: #fff; 
	overflow: hidden; 
	border: 1px solid #006699; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}

.datagrid3 table td, .datagrid table th { 
	padding: 3px 10px;
}
.datagrid3 table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699; 
	color:#ffffff; 
	font-size: 12px; 
	font-weight: bold; 
	border-left: 1px solid #0070A8;
	text-align:center;
} 
/*esta classe não sofre influencia do click na linha, programada no cadbotoes*/
.datagrid3 table thead th:hover {
	cursor:pointer;
	text-decoration: none;
	border-color: #006699; 
	color: #FFFFFF; 
	background: none; 
	background-color:#00557F;	
}
.datagrid3 table thead th:first-child { 
	border: none; 
}
.datagrid3 table tbody td { 
	color: #00496B; 
	border-left: 1px solid #E1EEF4;
	font-size: 12px;
	font-weight: normal; 
}
.datagrid3 table tbody .alt td { 
	background: #E1EEF4; 
	color: #00496B; 
}
.datagrid3 table tbody td:first-child { 
	border-left: none; 
}
.datagrid3 table tbody tr:last-child td { 
	border-bottom: none; 	
}
.datagrid3 table tfoot td div { 
	border-top: 1px solid #006699;
	background: #E1EEF4;
} 
.datagrid3 table tfoot td { 
	padding: 0; 
	font-size: 12px; 
} 
.datagrid3 table tfoot td div{ 
	padding: 2px; 
}
.datagrid3 table tfoot td ul { 
	margin: 0; 
	padding:0; 
	list-style: none; 
	text-align: right; 
}
.datagrid3 table tfoot  li { 
	display: inline; 	
}
.datagrid3 table tfoot li a { 
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color: #FFFFFF;
	border: 1px solid #006699;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699;	
}
.datagrid3 table tfoot ul.active, .datagrid table tfoot ul a:hover { 
	text-decoration: none;
	border-color: #006699; 
	color: #FFFFFF; 
	background: none; 
	background-color:#00557F;
}