/*

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;	

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

}



#cabecalho_logo_kln {

	width: 100%;

	height: 80px;

	margin: 0 auto;	

	background:url(../images/empresa_logo_kln.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: #056E2C;

	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 */

}