/*
CSS Credit: http://www.templatemo.com
*/
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}

body {
	margin: 0;
	padding: 0;
	/*line-height: 1.5em;  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;	
	background: #F8F8F8; 
	
}
/* validate */

label.error2 {
border: 1px solid #333333;
color: white;
font-weight: bold;
background-color: #FF3535;
text-align: center;
padding:2px;
margin-left:2px;
display: inline;
}

div.erro_validacao {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
}
div.erro_validacao ol li {
	list-style-type: disc;
	margin-left: 20px;

}

div.erro_validacao { display: none }

.erro_validacao label.error {
	display: inline;
	
}

.error_list li { 
    padding-top: 2px;
	font-weight: bold;
    color: #EA5200;
    padding-bottom: 2px;
	list-style-image:url(../images/alerta.gif);
}


input.error { border: 1px solid red; }
select.error { border: 1px solid red; }
radio.error { border: 1px solid red; background-color:#FF0033 }



/* fim validate */

#col-esquerda {
	margin:0;
	padding:0;
	width:452px;
	padding:2px;
	padding-right:2px;
	padding-left:0px;
	float:left;/*background-color:#009999; */
/*	background:#FFFF99; */
/*   padding:10px; */
}
#col-direita {
	margin:0;
	padding:0;
	width:452px;
	padding:2px; 
	padding-right:2px;
	margin-left:0px;
	float:right;
	clear:both;
	/*background:#00CCFF;*/
  /* padding:10px; */
}




.aviso{ 
	color: #FFFFFF; 
	width:auto; 
	float:left; 
	display:block; 
	margin-left:10px; 
	background-color: #000000; /* #303030; */
	padding:2px;
	/*border: thin solid #969696;*/	
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;	  

} 

/*
.aviso {
	border: thin solid black;
	font-size: 12pt;
	font-weight:bold;
	color: #000000;
	background-color: #FFFF00;
}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
 background-color: #dcdcdc;
 border: #3532ff 1px solid;
 color: #000000;
 cursor: default;
} 

*/
/*
input[type="text"]:enabled { background: none; }
input[type="text"]:disabled { background: #FFFFBF; color:#000000 }
*/
#marca_dagua {
  background:url(images/marca_dagua2.gif) center no-repeat;
}

a:link, a:visited { color: #000000; text-decoration: none; font-weight: bold; } 
a:active, a:hover { color: #000000; text-decoration: underline; } 

p { margin: 0px; padding: 0px; text-align: justify; }

img { margin: 0px; padding: 0px; border: none; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_02 { clear: both; width: 100%; height: 02px; font-size: 1px;	}
.margin_bottom_05 { clear: both; width: 100%; height: 05px; font-size: 1px;	}
.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_25 { margin-right: 25px; }
.margin_right_60 { margin-right: 60px; }

.border_bottom {
	border-bottom: 1px solid #999;
}

.rc_btn_01 a {
	clear: both;
	float: left;
	padding-left: 30px;
	display: block;
	width: 200px;
	font-size: 12px;
	background: url(../images/templatemo_icon_01.png) no-repeat;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.rc_btn_02 a {
	clear: both;
	display: block;
	float: right;
	text-align: center;
	width: 106px;
	height: 28px;
	padding-top: 8px;
	background: url(../images/templatemo_button_01.png) no-repeat;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

/* header */
#templatemo_header_wrapper {
	width: 100%;
	height: 120px;
	margin: 0 auto;
	background: url(../images/template_header_bg.jpg) repeat-x;
}
/*
#templatemo_header {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	background: url(images/template_header_bg_01.jpg)  no-repeat;
}
*/
#templatemo_header #site_title_section {
	float: left;
	width: 300px;	
	margin-left: 30px;
	text-align: center;
}

#site_title_section #site_title {
	margin-top: 30px;
	padding: 10px 0;
	font-size: 30px; 
	color: #4379ab;
	font-weight: bold;
}

#site_title_section #salogon {
	font-size: 14px;
	margin-left: 20px;
	color: #333333;
}
/*
#templatemo_header #search_section {
	float: right;

	margin-top: 40px;
	margin-right: 20px;
}

#search_section form {
	margin: 0px;
	padding: 0px;
}

#searchfield {
	height: 20px;
	width: 200px;
	padding: 5px;
	color: #000;
	font-size: 13px;
	font-variant: normal;
	line-height: normal;
	background: #86d8ff;
	border: 1px solid #ffffff;	
}

#searchbutton {
	width: 106px;
 	height: 35px;
	margin: 0 0 0 7px;
	padding: 0 6px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	background: url(images/templatemo_search_button.png); 
	border: none;
}
*/
/* end of header */

/* banner */
#cabecalho_geral {
	clear: both;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	border-top: 2px solid #3C3C3C;
	border-bottom: 10px solid #3C3C3C;
	padding-bottom:0 0 10 0px;
    background:#fff; /*#0294CC;*/


}

#cabecalho_logo {
	width: 100%;
	height: 80px;
	margin: 0 auto;
	/*padding: 0 px;*/

	background:url(../images/empresa_logo.jpg) no-repeat; margin-left:20px;
/*	
	background:url(../images/logomaxlog.jpg) no-repeat; margin-left:20px;*/

}

#webemail{
	float:right;
	/*position:absolute;

	
	padding-left:10px;
	*/
	padding-right:20px;
	margin-top:-25px;
	width: 998px;
	text-align:right;
	color:#000;
	font-style: oblique;
	font-weight:bolder;


	/*margin-left:150px;	*/
	
	/*border:1px solid #CC0000; */
	background:url(../images/busca.png)  no-repeat; margin-left:20px;
	
/*	background:url(../images/empresa_logo.png) no-repeat; margin-left:20px;*/
}


#logout{
	float:right;
	/*position:absolute;

	
	padding-left:10px;
	*/
	padding-right:20px;
	margin-top:-25px;
	width: 998px;
	text-align:right;
	color:#000;
	font-style: oblique;
	font-weight:bolder;


	/*margin-left:150px;	*/
	
	/*border:1px solid #CC0000; */
	
}


#linha {
	border-top:5px  #003366;
}

#banner_header_01 {
	padding: 65px 0 15px 0;
	font-size: 50px;
	font-weight: bold;
	color: #ffffff;
}

#banner_header_02 {
    margin-left:10px;
	margin-bottom: 160px;	
	font-size: 20px;
	font-weight: bold;
	color: #006600;
}

#banner_text {
	color: #999;
	width: 500px;
	margin-left: 10px;
	font-size: 14px;
	/*border:2px solid #000000; */
}

#banner_text p {
	/*margin-bottom: 20px;*/
}
/* end of banner */

/* menu */
#templatemo_menu_linha {
	clear: both;
	width: 100%;
	margin: 0 auto;	
	background: url(../images/templatemo_menu_bg_vd.jpg) repeat-x;  
}

#conteudo_geral {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background: #F8F8F8;
	font-family:Arial, Helvetica, sans-serif;
}

#conteudo_meio {
	width: 1006px; /* 991*/
	margin: 0 auto;
/*	padding: 40px 20px; #E9E9E9*/
	min-height:740px;
	background: #F8F8F8 ;	
	background-image:url('../images/logisticus_marca_dagua.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
}

#login_usuario {
   margin:0 auto; 
   padding-top:180px;
   background:url(../images/login.png) no-repeat; margin-top:200px; background-position:center ; 
   width:300px;
   height:200px; 
   /*text-align:center; */
}

.mens_erro{ 
	color: #FFFFFF; 
	width:auto; 
	float:left; 
	display:block; 
	margin-left:10px; 
	background-color: #303030; 
	padding:2px;
	border: thin solid #fff;  
}

#menu_geral {
	clear: both;
	width: 100%; 
/*	width: 1006px;*/
/*	height: 50px;*/
	margin: 0 auto;	
/*	background: url(../images/templatemo_menu_bg.jpg) repeat-x; */
    background: #BEBEBE;
    border-bottom: 2px solid #3C3C3C;
	
 
}

#menu_itens {
	/*clear: both; */
	width: 991px;
	height: 30px;
	margin: 0 auto;
	
}
/*
#menu_itens ul {
	float: left;
	margin: 0px;
	padding: 0 0 0 20px;
	list-style: none;
}

#menu_itens ul li {
	display: inline;
}

#menu_itens ul li a {
	position: relative;
	float: left;
	display: block;
	height: 30px;
	width: 120px;
	padding-top: 20px;
	margin-right:10px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/templatemo_menu_button.jpg) bottom right no-repeat;
	color: #333333;	
	outline: none;
}

#menu_itens ul li a span {
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 50px;
	bottom: 0px;
	left: 0px;
	background: url(../images/templatemo_menu_button_left.jpg) left bottom no-repeat;
}

#menu_itens li a:hover, #menu_itens li .current {
	color: #ffffff;
	height: 35px;
	padding-top: 15px;
	background: url(../images/templatemo_menu_button_hover.jpg) bottom right no-repeat;
}

#menu_itens li a:hover span, #menu_itens li .current span	{
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 50px;
	bottom: 0px;
	left: 0px;
	background: url(../images/templatemo_menu_button_hover_left.jpg) bottom right no-repeat;	
}
/* end of menu*/


/* content */

#conteudo_meio #content_left {
	float: left;
	width: 260px;
	margin: 0 40px 0 0;
	padding:  0 39px 0 0;
	border-right: 1px solid #999;
}

#conteudo_meio #content_right {
	float: right;
	width: 620px;
	margin: 0px;
	/*background: url(images/templatemo_content_top.jpg) top repeat-x;*/
	
}

.content_header_01 {
	font-size: 22px;
	color: #056E2C;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: url(images/templatemo_horizontal_divider_01.jpg) bottom repeat-x;	
}

.content_header_02 {
	font-size: 22px;
	color: #056E2C;
	padding-bottom: 10px;
	background: url(images/templatemo_horizontal_divider_01.jpg) bottom repeat-x;	
}

#content_left .content_left_section {
	clear: both;
}

.news_section {
	border-left: 10px solid #999;
	padding-left: 10px;
}

.content_left_section p {
	text-align: justify;
}

.news_date {
	font-size: 12px;
	font-weight: bold;
	color: #056E2C;
}

.news_title {
	font-size: 12px;
	font-weight: bold;
	color:#000;
}

.content_left_section form {
	padding: 0px;
	margin: 10px 0 0px 0;
}

.content_left_section #search_field {
	padding: 5px 0 0 0;
	height: 20px;
	width: 255px;
	margin-bottom: 10px;
}

.content_left_section #subscribe_button {
	/*float: right;*/
	width: 106px;
 	height: 36px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	/*vertical-align: bottom;*/
	white-space: pre;
	background: url(images/templatemo_button_01.png) no-repeat; 
	color: #ffffff;
	border: none;
}

#content_right .content_right_section {
	clear: both
}

.content_right_section p {
	text-align: justify;
	padding-bottom: 10px;
}

#content_right .content_right_550_section {
	float: left;
	width: 550px; /*280px*/	
	
}

.content_right_550_section .image_wrapper {
	background: #333;
	padding: 9px;
	margin-bottom: 10px;
}

.content_right_550_section .image_wrapper img {
	border: 1px solid #ffffff;
}

.content_right_550_section ul {
	margin: 10px 0 0 0;
	padding: 0px;
}

.content_right_550_section ul li {
	border-left: 5px solid #999;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	list-style:none;
}



#content_right .content_right_280_section {
	float: left;
	width: 280px; /*280px*/
}

.content_right_280_section .image_wrapper {
	background: #333;
	padding: 9px;
	margin-bottom: 10px;
}

.content_right_280_section .image_wrapper img {
	border: 1px solid #ffffff;
}

.content_right_280_section ul {
	margin: 10px 0 0 0;
	padding: 0px;
}

.content_right_280_section ul li {
	border-left: 5px solid #999;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	list-style:none;
}

.content_right_w620_wrapper {
	/*border: 1px solid #000;*/
}

.content_right_w620_inner {
    margin:0;
	padding:0;
/*	padding: 20px;*/
	color: #ffffff;
	background: #333;
	border: 1px solid #666;
	height:200px;
	

}

.content_right_w620_inner .image_wrapper {
	border: 1px solid #ffffff;
	background: #cccccc;
	padding: 4px;
	margin-bottom: 5px;
}

.image_wrapper img {
	border: none;
}

.box_w170 {
	float: left;
	width: 170px;
}
/* end of content right */

/* footer */
#templatemo_footer_wrapper {
	clear: both;
	width: 100%;
	height: 35px;
	margin: 0 auto;
	border-top: 5px solid #3C3C3C;	
	border-bottom: 5px solid #3C3C3C;
	background-color: #999999 /* #0D4369; maxlog */
	/* transfax
	background-color: #0C6338; */
	
}

#templatemo_footer {
	width: 100%; /*980px; */
	margin: 0 auto;
	/*padding: 30px 0;*/
	padding-top:10px;
    padding-bottom:10px;

	text-align: center;
	color: #000000;
	font-size:12px;

}

#templatemo_footer a {
	color: #000;
	font-weight: bold;
}
/* end of footer */
/*----------------------------------------CSS ANTIGO---------------------*/
#pag-central {
	margin:0;
	padding:0;
	width:920px;
	/*height:600px;*/
	margin-left:2px;
	padding:10px;
	background:#fff;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:5px;
	float:left;
	padding-top:0px;
	overflow: hidden;
}

.titulo{

    background: #3C3C3C;
	/*#076DCD; */
	color: #fff;
	font-weight:bold;
	font-size:13px;
	padding:2px;

}


.titulo_carga{

    background: #3C3C3C;
	/*#076DCD; */
	color: #fff;
	font-weight:bold;
	font-size:16px;
	padding:2px;

}

.titulon {
/*	background: #1345b4; */
	color: #B12C03;
	font-weight:bold;
	font-size:14px;
	padding:3px;
	display: marker;
}

.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}
.center {
	text-align: center;
}
.justify {
	text-align:justify;
}
.left {
	margin: 0px 5px 5px 0;
	float: left;
	border:1px solid #626262;
}
.right {
	margin: 0px 0 5px 10px;
	float: right;
}
#pag-adm {
	margin:0;
	padding:0;
	width:915px;
	height:600px; 
	margin-left:2px;
	padding:10px;
	background:#fff;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:5px;
	float:left;
	padding-top:0px;
	overflow:auto;
}
#pag-adm img {
	padding: 1px;
	display:inline;
	background: #cccccc;
	border: 2px solid #f0f0f0;
}
/*---------------botao -----------------*/
a.botao:visited { /*Link visitado*/
	color: #000;
	text-decoration: none;
}
a.botao { /* A letra 'a' refere-se ao link com a classe botao */
	font-weight: bold; /* foont em negrito */
	border: 1px solid #677684; /* Borda com 1px de espessura e cor em hexedecimal */
	text-decoration: none; /* Retira o sublinhado do link */
	text-align:center;
	/*display: block; /* Para que fique do tamanho determinado */
    display:inline-block;
	width: auto; /* Largura */
	height:18px;
	color:  #000; /* Cor do texto */
	padding-left:4px;
    padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	background-color: #CCCCCC;
}
/* Quando passar o mouse sobre*/
a.botao:hover { /* Hover ação do mouse */
	color: #000; /* Muda a cor do texto p/ branco */
	background:  #fff; /* Muda a cor do fundo para verde*/
}
/* */

a.bt:visited { /*Link visitado*/
	color: #000;
	text-decoration: none;
}
a.bt { /* A letra 'a' refere-se ao link com a classe botao */
	border: 1px solid #000; /* Borda com 1px de espessura e cor em hexedecimal */
	text-decoration: none; /* Retira o sublinhado do link */
	text-align:center;
	/*display: block; /* Para que fique do tamanho determinado */
    display:inline-block;
	width: auto; /* Largura */
	height:14px;
	padding:2px 5px 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight:normal;
	color: #000;
}
/* Quando passar o mouse sobre*/
a.bt2:hover { /* Hover ação do mouse */
	color: #fff; /* Muda a cor do texto p/ branco */
	background:  #000; /* Muda a cor do fundo para verde*/
}


/*---------------botao -----------------*/
.tabelas {
	padding:3px;
	border:1px solid #fff;
	/* margin: 0 auto 0 auto;  */
  /*border-collapse:collapse;*/
   /*width:550px; */
    font-style: normal;
	font-size:100%;
	background-color:#c2c1c1;
}
.tabelas th {
	background:#1345b4;
	color:white;
}
.tabelas td {
	color:black;
	border:1 px solid #EF5B01;/* border-left:1px solid #1345b4;
  border-bottom:1px solid #1345b4; */
}

.tabcarga {
	margin: 0 auto;
	border:1px solid #076DCD;
	/* margin: 0 auto 0 auto;  */
  border-collapse:collapse;
 /*  width:550px;*/
	font-style: normal;
	font-size:100%;
}
.tabcarga th {
	background:#076DCD;
	color:white;
	text-align:left;
	border-bottom:1px solid #fff;
}
.tabcarga td {
	color:black;
	border:1px solid #076DCD;

	border-left:1px solid #076DCD;
	border-bottom:1px solid #076DCD;
	text-align:left;
}

.tabcarga .red {
	color:#FF0000;
}

.tabcarga .black {
	color:#000000;
}

form label {
	width:132px;
	float:left;
	text-align:right;
	margin-bottom:5px;
	color: #000000;
	padding-right:5px;
}
form input {
	border:1px solid #3C3C3C;
	background:#fff;
	float:left;
	margin-bottom:5px;
}

form select {
	margin-bottom:5px;
}

form textarea {
	border:1px solid #3C3C3C;
	background:#fff;
}
form br {
	clear:left;
}

#txtResult { /* resultado da div da carga_online */
	width:915px;
	height:340px;/*	overflow: auto; */
}
/*----------------------- Menu ------------------------------------------------------ */
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; zoom: 1;
   font:12px Arial, Helvetica, sans-serif; z-index:800;
}
	.menu-hv * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none;}
	.menu-hv li ,   .menu-vv li {
		 position: relative; 
	/*	 line-height: 1.2em; */
		 vertical-align: top; 
	 	 padding:0px;
	     height:25px;
    	 line-height:25px;
   	     text-decoration:none;
		

	}
	.menu-hv a ,    .menu-vv a {
		 display: block;
		 zoom: 1; 
		/* line-height: 1.2em; */
		 color:#000; 
		 padding:0 15px;
	     height:25px;
    	 line-height:25px;
   	     text-decoration:none;
		 left:0;		 
		 text-align:left;		

     }
	.menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden  }
	.menu-hv li:hover ul,  .menu-vv li:hover ul,
	.menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }
	.menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
	.menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
	.menu-hv li li:hover ul,  .menu-vv li li:hover ul,
	.menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
	.menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
	.menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
	.menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
	.menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
	/* características horizontal-vertical */
	.menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
	.menu-hv li { float: left; }		
	.menu-hv li ul li { float: none; left:0;  border-bottom:1px solid #000;  width:200px;}
	.menu-hv li ul li ul { position: absolute; left:100%; top: 0; }
	/* características vertical-vertical */
	.menu-vv { float: left; }	
	.menu-vv li ul { left: 100%; top: 0;}
	
	/* ****************************************
	  ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
	  ou apague as linhas se for definir em outro lugar
	*/
	.menu-hv li { 	
		width: auto; 
		background: #BEBEBE;   	   
/*		background-color: #000; */
/*		padding-right:5px; */	
	
	}
	.menu-vv li { width: auto; background-color: #000; ; padding-right:5px; }
	.menu-hv li a:hover { 
	  /*background-color: cyan */
	  background:#252525;
	  color: #FFFFFF;

	         
	 }
	.menu-vv li a:hover { background-color: #252525; }

	
/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
	who.MXPC = '1';
	if(who.nodeName != 'A'){
		who.onmouseenter=function(){ who.className += ' hover'};
		who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
	(who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }

/*----------------------- Fim Menu ----------------------------------------------------- */

.paginacao ul{
    margin: 0 auto; 
    /*width: 395px; */
    list-style-type:none;
}

.paginacao li{
    display:inline;
}

.paginacao li.selected{
    float:left;
    text-decoration:none;
    color:black;
    font-weight:bold;
    background-color: #c0c0c0;
    padding:6px;
	font-size:12px;
}

.paginacao a{ 
    float:left; 
    text-decoration:none;
    color: #000000;
    padding:6px;
    padding-bottom: 2px;
	font-size:12px;
}

.paginacao a:hover{
   /* border-bottom: solid 1px red;
    padding-bottom: 1px; */
	color: #fff; /* Muda a cor do texto p/ branco */
	background: #373737; /* Muda a cor do fundo para verde*/
	padding:6px;
    /*font-weight:bold; */
	text-decoration:none;
	font-size:12px;
	
}

.cor1 {	background-color: #efefef;}
.cor2 {	background-color: #ccc;}


 #popup{
	 position: absolute;
	 top: 40%;
	 left: 17%;
	 width: 780px;
	 height: 500px;
	 padding: 10px 20px 20px 10px;
	 border:#666666 solid 1px;
	 background: #FFFF8A;
	 display: none;
 }
 #fechar{
     margin-left:600px;	 
	 text-align:right;
 }
/* ---------------------------------------notas fiscais */
.tabnot {
	margin: 0 auto;
	border:1px solid #076DCD;
	/* margin: 0 auto 0 auto;  */
   border-collapse:collapse; 
 /*  width:550px;*/
	font-style: normal;
	font-size:100%;
	width:780px;
}
.tabnot th {
	background: #0066FF;
	color:white;
	text-align:left;
	border-bottom:1px solid #fff;
}
.tabnot td {
	color:black;
	border:1px solid #076DCD;

	border-left:1px solid #076DCD;
	border-bottom:1px solid #076DCD;
	text-align:left;
}


.tabnot .nf {
   width:15%;
}
.tabnot .serie {
   width:10%;
}
.tabnot .emis {
   width:15%;
}
.tabnot .valor {
   width:15%;
}
.tabnot .codigo {
   width:15%;
}
.tabnot .quant {
   width:15%;
}
.tabnot .peso {
   width:15%;
}


.cabecalho {
	background-color: #E1E1E1;
}
.linha {
	background-color: #E9E9E9;
}
.linhaSelecionada {
	background-color: #A4D1FF;
	/*font-weight: bold;*/
}
.linhaCub {
	background-color: #E9E9E9;
}
.linhaCubSelecionada {
	background-color: #A4D1FF;
	/*font-weight: bold;*/
}
 
 .tabconfil {
	margin: 0 auto;
	border:1px solid #076DCD;
	border-collapse:collapse;
    width:536px;
	font-style: normal;
	font-size:100%;
}
.tabconfil th {
	background:#076DCD;
	color:white;
	text-align:left;
	border-bottom:1px solid #fff;
}
.tabconfil td {
	color:black;
	border:1px solid #076DCD;

	border-left:1px solid #076DCD;
	border-bottom:1px solid #076DCD;
	text-align:left;
}


.tabconfil .sigla {
   width:30px;
}
.tabconfil .cida {
   width:50px;
}
.tabconfil .fil {
   width:10px;
}
.tabconfil .uf {
   width:5px;
}
.tabconfil .ac {
   width:5px;
}

.tabrota {
	margin: 0 auto;
	border:1px solid #076DCD;
	/* margin: 0 auto 0 auto;  */
    border-collapse:collapse;
    /* width:550px;*/
	font-style: normal;
	font-size:100%;
	width:536px;
}
.tabrota th {
	background:#076DCD;
	color:white;
	text-align:left;
	border-bottom:1px solid #fff;
}
.tabrota td {
	color:black;
	border:1px solid #076DCD;
	border-left:1px solid #076DCD;
	border-bottom:1px solid #076DCD;
	text-align:left;
}


.tabrota .sigla {
   width:5px;
}
.tabrota .cida_o {
   width:20px;
}
.tabrota .uf_o {
   width:5px;
}
.tabrota .cida_d {
   width:20px;
}
.tabrota .uf_d {
   width:5px;
}

.tabrota .codigo {
   width:5px;
}
.tabcli {
	margin: 0 auto;
	border:1px solid #076DCD;
	/* margin: 0 auto 0 auto;  */
  border-collapse:collapse;
 /*  width:550px;*/
	font-style: normal;
	font-size:100%;
	width:880px;
}
.tabcli th {
	background:#076DCD;
	color:white;
	text-align:left;
	border-bottom:1px solid #fff;
}
.tabcli td {
	color:black;
	border:1px solid #076DCD;

	border-left:1px solid #076DCD;
	border-bottom:1px solid #076DCD;
	text-align:left;
}

.tabcli .endereco {
   width:25%;
}

.tabcep .nome {
   width:30%;
}
.tabcep .bairro {
   width:15%;
}
.tabcep .cidade {
   width:15%;
}
.tabcep .cnpj {
   width:8%;
}
.tabcep .codigo {
   width:5%;
}
.tabcep .uf {
   width:2%;
}

.bt_salvar {
	padding-left:18px;
	text-align:left;
	background: url(../images/salvar.png) left no-repeat;		
}

.bt_editar {
	padding-left:18px;
	text-align:left;
	background: url(../images/edit.png)  left no-repeat;		
}

.bt_atualizar {
	padding-left:18px;
	text-align:left;
	background: url(../images/bmd_alterar.gif)   left no-repeat;		
}


.bt_voltar {
	padding-left:18px;
	text-align:left;
	background:  url(../images/voltar.png) left no-repeat;		
}
.bt_limpar {
	padding-left:18px;
	text-align:left;
	background: url(../images/limpar.png) left no-repeat;		
}
.bt_apagar {
	padding-left:18px;
	text-align:left;
	background: url(../images/apagar.png) left no-repeat;		
}
.bt_novo {
	padding-left:18px;
	text-align:left;
	background: url(../images/novo.png) left no-repeat;		
}
.bt_pesquisar {
	padding-left:18px;
	/*width:70px;
	height:20px;	*/
	text-align:left;
	background: url(../images/pesquisar.png) left no-repeat;		
}
.bt_desfazer {
	padding-left:18px;
	text-align:left;
	background: url(../images/desfazer.png) left no-repeat;		
}
.bt_imprimir {
	padding-left:18px;
	text-align:left;
	background: url(../images/imprimir.png) left no-repeat;		
}
.bt_sair {
	padding-left:18px;
	text-align:left;
	background: url(../images/sair.png) left no-repeat;		
}
.bt_aceitar {
	padding-left:18px;
	text-align:left;
	background: url(../images/aceitar.png) left no-repeat;		
}

.bt_download {
	padding-left:18px;
	text-align:left;
	background: url(../images/download.png) left no-repeat;		
}

.classe 
{ 
  background-color: #00CCFF; 
}

.tabman {
	margin: 0 auto;
	border:1px solid #076DCD;
	/* margin: 0 auto 0 auto;  */
   border-collapse:collapse; 
 /*  width:550px;*/
	font-style: normal;
	font-size:100%;
	width:800px;
}
.tabman th {
	background: #0066FF;
	color:white;
	text-align:left;
	border-bottom:1px solid #fff;
}
.tabman td {
	color:black;
	border:1px solid #076DCD;

	border-left:1px solid #076DCD;
	border-bottom:1px solid #076DCD;
	text-align:left;
}

.tabman .red {
	color:#FF0000;
}

.tabman .black {
	color:#000000;
}

#modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=50); -moz-opacity:0.5; opacity: 0.5;
    width: 100%; height: 100%; background-color: #999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 700px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
#modal
{
    background-color: white;
    border: solid 4px black; position: relative;
	-webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    z-index: 1000;
    /*top: -175px;
    left: -350px;   
    width: 700px;
    height: 350px;*/
    padding: 0px;
}
#modalTop
{
    width: 692px;
    background-color: #3C3C3C;
    padding: 4px;
    color: #ffffff;
    text-align: right;

}
#modalTop a, #modalTop a:visited
{
    color: #ffffff;
}

#modalBody
{
    padding: 10px;
}

#modalTitulo {
   float:left;
   font-size:14px;
   font-weight:bold;
   text-align: left;
   background-color: #3C3C3C;
   padding-bottom:2px;

  
}

#modalFundo { /* vamos definir as propriedades da div preta translucida que dará o efeito de luz apagada */
position:fixed;
top:0; right:0; bottom:0; left:0; /* esta linha define que a div ocupará todo o espaço da página */
margin:0; padding:0; /* esta linha tira o espaço entre a div e o canto da página */
background:#999;
opacity:.50; /* esta linha e as duas abaixo, definem a opacidade (transparencia) da div */
filter: alpha(opacity=50);
-moz-opacity: 0.50;
z-index: 1; /* note que o z-index dessa div é inferior ao da div destaque e do botão, porém é maior que o z-index padrão dos outros elementos da página */
}