/*-------------------------------------------------------*/   
/* DECLARA�iES OBRIGAT�RIAS                              */    
/*-------------------------------------------------------*/
 
html {
    height: 100%;
}

body {                                
  	margin-left: 0px;
  	margin-top: 0px;
  	margin-right: 0px;
  	margin-bottom: 0px;
  	font-family: "Helvetica Neue", Arial, Verdana, "Nimbus Sans L", sans-serif;
  	font-size:13px;
  	color:#254B72;
    height:100%;
    line-height:100%;
}
table{font-size:13px;  font-family: Arial, Helvetica, sans-serif; }

#wrapper #content-wrapper {
    overflow-x: auto !important;
}
.botao_img{float:left;}

#upload{  
     /*margin:30px 200px;*/ 
     padding:15px;  
     font-weight:bold; font-size:1.3em;  
     font-family:Arial, Helvetica, sans-serif;  
     text-align:center;  
     background:#f2f2f2;  
     color:#3366cc;  
     border:1px solid #ccc;  
     width:150px;  
     cursor:pointer !important;  
     -moz-border-radius:5px; -webkit-border-radius:5px;  
 }

#content {

    padding-bottom: 162px !important;
}

/* DECLARA��ES PADR�ES */

/* MIN-HEIGHT */
.min-h60 { min-height:300px;}


.h200 {height:200px;  }
/* MARGIN COM PORCENTAGEM */

.m05p{ margin:0.5%; }

.ml05p{ margin-left:0.5%; }
.ml1p{  margin-left:1%; }
.ml15p{ margin-left:1.5%; }

.mr05p{ margin-right:0.5%; }
.mr15p{ margin-right:1.5%; }

img {border:0px;}

.pb5{ padding-bottom:5px;}

.pr10{ padding-right:10px; }

.ml5{  margin-left:5px; }
.ml10 {margin-left:10px;  }
.ml20 {margin-left:20px;  }
.ml50 {margin-left:50px;  }

.mr10 {margin-right:10px; }
.mr20 {margin-right:20px; }  


.mt10 { margin-top:10px;   }
.mt15 { margin-top:15px;   }
.p0   { padding:0px;	   }
.p4   { padding:4px;	   } 
.p5   { padding:5px;       }
.p10  { padding:10px;      }  
.p30  { padding:30px;      }

.pb10 {padding-bottom:10px;}
.pt10 {padding-top:10px;   }
.pt15 {padding-top:15px;   }
.pt6  {padding-top:6px;    }
.pt20 {padding-top:20px;   }
.pl10 {padding-left:10px;  }
.pl50 {padding-left:50px;  }
.pl75 {padding-left:75px;  }
.pl80 {padding-left:80px;  }

.left  { float:left;   } 
.right { float:right;  }             
.clear { clear:both;   }   
.auto  { overflow:auto;}

/* WIDTH PADR�ES */
                                                          
.w20- {width:16%; }
.w39- {width:39%; }   
.w40- {width:40%; }     
.w50- {width:47%; }
.w48- {width:48%; }
.w49- {width:49%; }
.w60   {width:56%;    }
.w70- {width:69%; } 
.w80- {width:77%; }
.w90- {width:90%; }
.w98- {width:98%; }
.w100- {width:100%; }          
.w350  {width:280px;  }

.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w110 {width:110px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w155 {width:155px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w225 {width:225px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w270 {width:270px;}
.w280 {width:280px;}
.w300 {width:300px;}
.w320 {width:320px;}
.w350 {width:350px;}
.w380 {width:380px;}
.w420 {width:420px;}
.w440 {width:440px;}
.w455 {width:455px;}
.w460 {width:460px;}
.w470 {width:470px;}
.w480 {width:480px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w650 {width:650px;}
.w660 {width:660px;}
.w685 {width:685px;}
.w690 {width:690px;}
.w700 {width:700px;}
.w710 {width:710px;}
.w740 {width:740px;}
.w750 {width:750px;}
.w800 {width:800px;}
.w820 {width:820px;}
.w850 {width:850px;}
.w900 {width:900px;}
.w950 {width:950px;}
.w960 {width:960px;}

.h30 {width:30px;}

/* CORES PADR�ES*/   
.green  {   background:green;       }
.red    {   background:#B90000;     }
.blue   {   background:blue;        }
.white  {   background:white;       }
.f_red  {   color:#B90000;          }
.f_green{   color:#006600;          }
.f_blue {   color:#0000FF;          }


a,a:visited { color:#006699; text-decoration:none; }
a:hover { color:#FF6600; text-decoration:none; cursor:pointer; }

div { 
    font-size:14px;
    line-height:130%;
}

h1 { font-size:18px; 	font-weight:normal; color:#333333; 

}   
h2 { font-size:14px; font-weight:bold; color:#666666; } 

form {width:100%;}

.fs11 { font-size:13px; }
              
/* TITULO BRANCO */
.tituloPainel{font-size: 16px; font-weight:bold; line-height:150%; padding-left:4px; color:white;}
              
/*------------------*/
/* GERAL            */
/*------------------*/      



.topoPadrao { width:100%; float:left;}                                         


 /* DIV LOADER DO TOPOdisplay:none; */

#loader { position:absolute; z-index:9990; width:100%; height:100%;
      /*background: #333333;*/
      opacity:0.9;
      display:none; }
     
.loader_interno { 
   
  position:absolute; 
  z-index:9991;
  margin:0px auto;
    top: 45%;
    left: 48%;
    width: 79px;
    height: 72px;
  background:#FFFFFF;
    border-radius:10px;
  padding:10px; }
       
.loader_icone { float:left;  width:20px; height:30px; padding-left:5px; }
.loader_texto { float:left; height:30px; padding-left:40px; padding-top:15px; color:#004A80;  font-size:17px; font-weight:bold; }

.vermelho { color:#FF0000; }

.verde { color:#FF3300; }

.preto {  color:#000000; }

.b{ font-weight:bold; }
  
.aviso_cabecalho{
    width:180px;
    height:16px;
    padding:5px;
    background:#D5DCEA;
    color:#004080;
    border:1px solid #0080C0;
}

.aviso_corpo {
    width:180px;height:150px;
    padding:5px;
    background:#FFFFFF;
    color:#004080;
    border:1px solid #0080C0; 
}

.busca{width:100%; float:left;}
.busca select { min-width:150px; *width:150px; _width:150px; }

/* TOPO */
  
.topo 			{ width:100%; height:35px; background: #4B6296; border-bottom:3px solid #EFEFEF; text-align:left; margin-bottom:2px; }
.topo_esquerda  { float:left; height:35px; }      
.topo_direita   { 
	float:right; 
	line-height:110%;
	padding:2px; 
	background: url(../images/bg_boxUsuario.jpg) repeat-x; 
	border:1px solid #CCCCCC; 
	width:180px; 
	height:28px; 
	margin-top:1px; 
	margin-right:6px; 
	-moz-border-radius: 6px 6px 6px 6px; /* FF1+ */ 
	-webkit-border-radius: 6px; /* Saf3-4 */ 
	border-radius: 6px 6px 6px 6px; /* Opera 10.5, IE 9, Saf5, Chrome */  }
.foto_user		{ border:1px solid #CCCCCC; margin-right:8px; float:left; width:25px; height:25px;}

/* MENU */
.menu_bloco { 
	min-width:760px; 
	width:760px;
  	height:38px;
    *height:42px; 
 	position:absolute; 
  	top:0px;
  	left:290px;
  	padding:0px; 
  	clear:both;
}

.menu { 
  	width:123px; 
  	cursor:pointer; 
  	position:relative; 
  	float:left; 
  	z-index:998;
  	margin:0px;
    margin-right:20px;
}
        
.botaoMenu{ 

      
  color:#FFFFFF;
  height:33px;
  *height:40px; /* IE difere */
  
  vertical-align:bottom;
  font-size:13px;
  width:110%;
  float:left;
  font-weight:bold;
  padding-left:5px;
    
}
  
.botaoMenu div{      
  padding-top:4px;
  float:left;
  
}
    
#label{ 
  padding-top:6px;
  padding-left:5px;
}


.botaoMenu:hover { 
    
    color:#ffffc0;
    z-index:999;
  
    opacity:1;
  	-moz-opacity: 1;
  	filter: alpha(opacity=100);  
 

    -moz-box-shadow: 1px 1px 1px 1px #666; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 1px 1px #666; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 1px 1px #666; /* Opera 10.5, IE 9.0 */  

  
 }


                
.sub {
                            
    position:relative; 
    visibility:hidden;
    width:140px; 
    cursor:pointer;   
    z-index:999; 

    
}
.sub a,.sub a:visited {
    color:#333333;       
    font-weight:normal;     
    float:left;
    text-decoration:none;
    width:98%;  
    height:32px;
    padding-left:5px;
    background: #E6E6E6;
    font-size:12px;
    line-height:140%;
    border-top:1px solid #FFFFFF;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    
    -moz-box-shadow: 1px 1px 1px 1px #666; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 1px 1px #666; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 1px 1px #666; /* Opera 10.5, IE 9.0 */  
    
    background-color: #E4E4E4; /* cor do bg caso tudo abaixo de errado */
    background-image: -moz-linear-gradient(40% 40% 90deg, #FFF, #efefef); /* para o mozzila */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#efefef), to(#FFF)); /* para o webkit*/ 

}
.sub a:first-child {
             -moz-border-radius: 0px 7px 0px 0px; /* FF1+ */
  -webkit-border-radius: 0px 7px 0px 0px; /* Saf3-4 */
          border-radius: 0px 7px 0px 0px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.sub a:last-child {
             -moz-border-radius: 0px 0px 7px 7px; /* FF1+ */
  -webkit-border-radius: 0px 0px 7px 7px; /* Saf3-4 */
          border-radius: 0px 0px 7px 7px; /* Opera 10.5, IE 9, Saf5, Chrome */
}


.sub a:hover{
    clear:both;
    color:#333333; 
    text-decoration:none;     
    background:#626262;
    border-top:1px solid #FFFFFF;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    
       
  background-color: #D8D8D8; /* cor do bg caso tudo abaixo de errado */
  background-image: -moz-linear-gradient(40% 40% 90deg, #D8D8D8, #C7C7C7); /* para o mozzila */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#C7C7C7), to(#D8D8D8)); /* para o webkit*/  
}

.menu a,.menu a:visited { 
    line-height:260%;  
    float:left; 
    text-decoration:none;
   
}





/* ESTRUTURA INTERNA */

.interno { 
  width:98%; 
  float:left;
  margin:0 auto;
  position:relative; 
  z-index:999;
  margin-bottom:25px;
    
          
} 
.interno_off { 
  opacity: .35; 
  filter:Alpha(Opacity=35);border:1px solid white; 
  width:98%; 
  min-height:350px; 
  padding:10px 10px 10px 10px ;
  margin:0 auto;
  position:relative; 
}

.main_interno { border:1px solid blue; padding-top:10px; padding-left:10px; padding-right:10px; }
.botaoFechar{ font-size:11px;  font-weight:bold; width:14px; height:14px; cursor:pointer;  float:right; position:.relative; right:0px; top:0px; text-align:center;  
  background:url(../images/ico_fechar.gif) no-repeat #3B5998;
} 
 
.botaoVoltar{ border:1px solid #FFF; color:#FFF;  font-size:11px; float:right; margin-left:6px; padding:6; position:relative; top:-1px; font-weight:bold; cursor:pointer;
    -moz-border-radius: 2px 2px 2px 2px; /* FF1+ */
    -webkit-border-radius: 2px 2px 2px 2px; /* Saf3-4 */
    border-radius: 2px 2px 2px 2px; /* Opera 10.5, IE 9, Saf5, Chrome */
    background:#3B5998;  
    
    } 


.boxAcoes { float:right;  padding:0;  margin:0 0 0 0; }
.boxAcoes strong{ float:left; padding:0 0  5 0;}
.boxAcoes div{ cursor:pointer;}
.botaoAcoes { 
    font-size:11px; 
    float:left; 
    padding:5; 
    margin-left:6px; 
    cursor:pointer;
    background:#006600;
    font-weight:bold; 
    color:#FFF; 
    -moz-border-radius: 2px 2px 2px 2px;     /* FF1+ */
    -webkit-border-radius: 2px 2px 2px 2px;  /* Saf3-4 */
    border-radius: 2px 2px 2px 2px;          /* Opera 10.5, IE 9, Saf5, Chrome */       
}

.boxAcoes2 { float:right;  padding:0;  margin:0 0 0 0; }
.boxAcoes2 strong{ float:left; padding:0 0  5 0;}
.boxAcoes2 div{ cursor:pointer;}
.boxAcoes2 { 
    font-size:11px; 
    float:left; 
    padding:5; 
    margin-left:6px; 
    cursor:pointer;
    font-weight:bold; 
    color:##254B72;      
}

.botaoAcoesHover { border:1px solid #666666; color:#254B72; font-size:11px; float:left; padding:4; margin-left:6px; font-weight:bold;  cursor:pointer; 
    font-size:11px; 
    float:left; 
    padding:4; 
    margin-left:6px; 
    cursor:pointer;
    background:#006600;
    font-weight:bold; 
    color:#FFF; 
    -moz-border-radius: 2px 2px 2px 2px;     /* FF1+ */
    -webkit-border-radius: 2px 2px 2px 2px;  /* Saf3-4 */
    border-radius: 2px 2px 2px 2px;          /* Opera 10.5, IE 9, Saf5, Chrome */ 
    
}
.botaoAcoesDown { color:#FFF; border:1px solid #666666; font-size:11px; float:left; margin-left:6px; padding:4; font-weight:bold;  cursor:pointer; 
    font-size:11px; 
    float:left; 
    padding:4; 
    margin-left:6px; 
    cursor:pointer;
    background:#006600;
    font-weight:bold; 
    color:#FFF; 
    -moz-border-radius: 2px 2px 2px 2px;     /* FF1+ */
    -webkit-border-radius: 2px 2px 2px 2px;  /* Saf3-4 */
    border-radius: 2px 2px 2px 2px;          /* Opera 10.5, IE 9, Saf5, Chrome */ 
}

.botaoSalvar{ 
    border:1px solid #006600; 
    font-size:11px; 
    float:right; 
    margin-left:6px; 
    padding:4; 
    font-weight:bold; 
    color:#FFF; 
    cursor:pointer;
    -moz-border-radius: 2px 2px 2px 2px;     /* FF1+ */
    -webkit-border-radius: 2px 2px 2px 2px;  /* Saf3-4 */
    border-radius: 2px 2px 2px 2px;          /* Opera 10.5, IE 9, Saf5, Chrome */
    background:#006600;
}         
.janelaInserirItemCampoQuebra { clear:both }
.boxAcoesNova { float:right;  padding:0;  margin:0 0 0 0; }
.boxAcoesNova strong{ float:left; padding:0 0  5 0;}
.boxAcoesNova div{ cursor:pointer;}
.botaoAcoesNova { border:1px solid #AAAAAA; color:#254B72; font-size:11px; float:left; padding:4; margin-left:6px; font-weight:bold; cursor:pointer;
    -moz-border-radius: 2px 2px 2px 2px; /* FF1+ */
    -webkit-border-radius: 2px 2px 2px 2px; /* Saf3-4 */
    border-radius: 2px 2px 2px 2px; /* Opera 10.5, IE 9, Saf5, Chrome */
    background:url(../images/botao_padrao.jpg) repeat-x;
}
.botaoAcoesHoverNova { border:1px solid #666666; color:#254B72; font-size:11px; float:left; padding:4; margin-left:6px; font-weight:bold;  cursor:pointer; 
    -moz-border-radius: 2px 2px 2px 2px; /* FF1+ */
    -webkit-border-radius: 2px 2px 2px 2px; /* Saf3-4 */
    border-radius: 2px 2px 2px 2px; /* Opera 10.5, IE 9, Saf5, Chrome */
    background:url(../images/botao_padrao_hover.jpg) repeat-x;
}
.botaoAcoesDownNova { color:#FFF; border:1px solid #666666; font-size:11px; float:left; margin-left:6px; padding:4; font-weight:bold;  cursor:pointer; 
    -moz-border-radius: 2px 2px 2px 2px; /* FF1+ */
    -webkit-border-radius: 2px 2px 2px 2px; /* Saf3-4 */
    border-radius: 2px 2px 2px 2px; /* Opera 10.5, IE 9, Saf5, Chrome */
    background:url(../images/botao_padrao_press.jpg) repeat-x;
}

/* FILTRO DE BUSCA */                                      
.busca_cabecalho { color:#FFFFFF; padding:7px; font-weight:bold; cursor:pointer;
    font-size:15px;
    background:url(../images/bg_filtro.jpg) repeat-x #FEF9DC;
    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px ; /* Opera 10.5, IE 9, Saf5, Chrome */
} 
.busca {  
    float:left; clear:both; 
    padding:0px; 
    width:100%; 
    margin:10 0 0 0;  
    border:1px solid #E1825E; 
    background:#FEFBEB; 
    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px ; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.busca strong {  float:left; padding:0 0 5px 0; color:#D55725; }
.busca .linhaFiltroData{ position:relative;  float:left; width:310px; padding:5 0 5 0; margin-right:10px; height:26px;}
.busca .linhaFiltroData span {float:left; padding:6px 5px 0 5px;  font-size:11px;}
.busca label { position:relative; float:left; width:200px; padding:5px 0 5px 0; margin-right:10px; height:26px; }
.busca label span {float:left; padding:0 5px 0 5px; line-height:230%;  font-size:11px;}
.busca label input {max-width:200px; float:right; }
.busca label select {float:right; max-width:200px; }  

.filtroData { position: relative;float:right; right:0px; top:0px; padding-bottom:4px; font-size:11px; width:202px;}
.filtroData div{float:left;  }  
.filtroData span{ float:left;  }
.filtroData input{float:left;}

.linhaSubmitBuscar{ clear:both; padding:5px 0 0 0;  margin-top:5px; float:left; }

.botao_buscar {
  	text-align:center;
  	width:120px;
  	padding:6px;
  	color:#FFFFFF;  
  	text-decoration:none;
  	cursor:pointer;
  	font-weight:bold;
  	border:1px solid #D4C069;
  	background:url(../images/bg_filtro.jpg) repeat-x #FEF9DC;
}  
.botao_buscar:hover {
  	color:#FFFFFF;  
  	border:1px solid #5E2E1A; }


/*  CAPA */
.boxMessagemCapa{ margin-bottom:10px;}
.dadosRemetente{font-size:14px; line-height:140%; float:left; width:100%; border-bottom:1px solid #CCC;}

.boxTextoMensagem{  
    float:left;
    width:80%;
    margin-left:5%;
    margin-top:2%;  
    padding:1%;
    line-height:140%; 
    background:#F8F8F8;
    border-top:1px solid #B7B6B0;
    border-left:1px solid #B7B6B0;
    border-bottom:1px solid #E5E3DB;
    border-right:1px solid #E5E3DB;
    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px ; /* Opera 10.5, IE 9, Saf5, Chrome */
} 

.botaoBranco{
cursor:pointer;
    margin-left:5%; 
    background:#FFF;
    float:left;
    margin-top:1%;
    padding:1%;
    border:1px solid #E5E3DB;
    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px ; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.boxResposta{display:none; float:left; width:80%; margin-left:5%; padding-top:1%; padding-bottom:1%;}
/* LEGENDA */
.boxLegenda{ margin:0 auto; margin-top:10px; margin-bottom:5px; float:left; 
width:100%; line-height:220%;
    font-size:13px;
    /*
    -moz-box-shadow: 3px 3px 4px #CCCCCC; 
    -webkit-box-shadow: 3px 3px 4px #CCCCCC;
    box-shadow: 0px 0px 4px #CCCCCC;  */   

}
.boxLegenda b{float:left; padding-left:10px; padding-top:5px;}
.boxLegenda img{float:left; padding-left:10px; padding-top:6px;}
.boxLegenda span{float:left; padding-left:10px; padding-top:5px;}






/* INTERNA PADRAO  - LISTA */
.topo_secao{ float:left; width:100%;}
.topo_secao h1 {float:left;}

/* RODAPE */
.rodape {  height:40px; position:fixed; background-color:#FFF; z-index:999; bottom:0px; width:100%; margin-top:20px; border-top:1px solid #CCCCCC; }
.rodape_esquerda { float:left; height:40px; color:#2F69A4; font-family: Tahoma,  Verdana,Helvetica, sans-serif; padding-top:12px; padding-left:10px; }


/* �REA DE LOGIN */
.login{ padding:15px; margin:20px; width:280px; *width:340px; height:180px; *height:210px; background: url(../images/bg_login.jpg) no-repeat; text-align:left; }  
.nomeCampoLogin{float:left; width:80px; padding-top:8px;}
.submitLogin{border:1px solid #AEAFB1; width:80px; padding:1px; margin-left:5px;}

/*  CAMPOS DE FORM  */
input, textarea, select, checkbox, radio, multiple{ 
    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px ; /* Opera 10.5, IE 9, Saf5, Chrome */
    font-size:14px !important;
    font-family:Arial; 
    padding:6px !important;
    background:#FFFFFF; 
    color:#666666; 
    border-left:1px solid #B7B6B0; 
    border-top:1px solid #B7B6B0; 
    border-right:1px solid #E5E3DB; 
    border-bottom:1px solid #E5E3DB; 
}

/*--------------------------*/
/*        FORM              */
/*--------------------------*/
                                      
.campoLinha {  margin-bottom:3px; margin-top:3px; }
.form_grupo { font-size:16px; font-weight:bold; color:#3873AE; }
.form_label,.label { float:left; width:35%; text-align:right; font-weight:bold; line-height:180%; padding-right:2%; }
.form_label_visualizar { float:left; width:35%; text-align:right;  font-weight:bold;line-height:220%; padding-right:2%; padding-left:2%; background:#E4E4E4; }
.form_campo,.campo { padding-left:5px;float:left; font-size:11px; line-height:190%;}
.form_campo_visualizar { font-size:11px; line-height:220%;}        
.form_campo span,.form_campo_visualizar span,.campo span{ margin:0px; padding:0px;}                                        

.grupoFormBloco{ padding-bottom:15px; float:left; width:100%;  }
.grupoFormTitulo{  cursor:pointer; color:#254B72; width:100%; float:left; border-bottom:1px solid #254B72; }
.grupoFormTitulo a{float:left;}


/* BOX PADRAO */
.box { 
    border-right:1px solid #B7B6B0;
  	border-bottom:1px solid #B7B6B0;	
  	border-left:1px solid #E5E3DB;
  	border-top:1px solid #E5E3DB; 
    background-color:#F8F8F8;
    padding:10px;
    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px ; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 3px 3px 4px #CCCCCC; /* FF3.5+ */
    -webkit-box-shadow: 3px 3px 4px #CCCCCC; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #CCCCCC; /* Opera 10.5, IE 9.0 */
}
.boxTitulo{font-size:16px; line-height:150%; font-weight:bold; border-bottom:2px dotted #CCCCCC; padding-bottom:2px; }

.texto_secao{
    display:none;
    padding:5px;
    width:99%;
    clear:both;
}

#principal {
  	text-align:left;
  	height:100%;
    min-height:100%;
}

.erro {           
  	font-weight:bold;
  	font-size:11px;
  	color:#FF3300;  
  	text-decoration:none;
    padding:5px;
    padding-top:5px;
    padding-bottom:5px;
}

.mensagem {
  	font-weight:bold;
  	font-size:11px;
  	padding:5px;
  	color:#FF3300;  
  	text-decoration:none;
    border:1px solid #FF3300;
    background:url(../images/ico_alerta.jpg) no-repeat #F0FFF0;
    padding-left:40px;
    padding-bottom:10px;
    padding-top:10px;
    clear:both;
}

.borda_cinza {
    border:1px solid #CCCCCC;
}
      
.erro_form {
    background-color: #ffffcc;
    border: 1px solid #aa0000;
    color: #aa0000;
}

.diverro input {
	  border:2px solid #FF0000;
}


.tabs_fundo {
  	width:100%;
  	background: url(../images/tab_fundo.jpg) repeat-x;
}

.tabs {
  	width:120px;
  	padding:4px;
  	text-align:center;
  	float:left;
  	cursor:pointer;
  	border:1px solid #ccc;
  	border-bottom:0;
  	background: url(../images/tab_fundo.jpg) repeat-x;
}

.tabs a,.tabs a:visited{
    text-decoration:none;
}

.tabs hover{
    text-decoration:underline;
}

.titulo {
  	font-size:16px;
  	font-weight:bold;
  	color:#3873AE;  
  	padding-bottom:5px;
}

.titulo_peq {
  	font-size:13px;
  	color:#FF3300;
    font-weight:bold;  
}

.foto {
	  margin:3px;
}

.foto img {
  	padding:2px;
  	border:1px solid #CCCCCC;
}

.foto_grossa {
  	padding:2px;
  	border:3px solid #CCCCCC;
}

.tabelaInfo {color:#000000; width:100%; background-color:#FFFFFF; border:1px solid #CCCCCC;}
  
.td_campo { width:130px;  font-weight:bold; text-align:right; background:#E9EDF1; }

.td_valor { width:90px; }

.td_valor_maior {
    width:320px;    
    height:25px; 
}

.erros_form {
    display: none; 
    background-color: #ffffcc;
    border: 1px solid red;
    color:#FF0000;
    padding: 8px;
}
  
  
.td_barra,.barra {
  	background:url(../images/linha_pontos.gif) #3873AE;
  	height:2px;
  	line-height:1px;
  	
  	margin-bottom:5px;
}
              
/*--------------------------*/
/*        FORM              */
/*--------------------------*/
                                      
.campoLinha {  margin-bottom:3px; margin-top:3px; }
.form_grupo { font-size:16px; font-weight:bold; color:#3873AE; }
.form_label,.label { float:left; width:35%; text-align:right; font-weight:bold; line-height:180%; padding-right:2%; }

.form_label_visualizar { float:left; width:35%; text-align:right; font-size:11px; font-weight:bold;line-height:220%; padding-right:2%; padding-left:2%; background:#E4E4E4; }
.form_campo,.campo { min-width:58%; padding-left:5px;float:left;    font-size:11px; line-height:190%;}
.form_campo_visualizar { font-size:11px; line-height:220%;}                   

.form_campo span,.form_campo_visualizar span,.campo span{ margin:0px; padding:0px;}                                        

.grupoFormBloco{ padding-bottom:15px; float:left; width:100%;  }
.grupoFormTitulo{  cursor:pointer; color:#254B72; width:100%; float:left; border-bottom:1px solid #254B72; }
.grupoFormTitulo a{float:left;}


/* DIV CINZA DO GRUPO DO FORM */

.grupoForm{ 
     padding-top:20px; padding-bottom:20px;    
    background-color:#FBFBFB; margin:0 auto; width:100%; float:left;   
}

.grupoFormTitulo a{color:#254B72; font-size:13px; font-weight:bold; line-height:200%; padding-left:5px;}
.campoLabel { float:left; margin-bottom:2px; width:390px; height:20px; }
.form_linha { width:49%; padding-top:2px;  padding-bottom:2px; float:left; padding-left:1%;}
.form_linha, .form_linha a { text-decoration:none;}
.form_linha hover { background:#FFFFD7; }
.form_linha_dupla{width:99%; padding-top:2px;  padding-bottom:2px; clear:both; padding-left:1%; }
.form_linha_dupla, .form_linha_dupla a { text-decoration:none; }
.form_linha_dupla hover { background:#FFFFD7; }
.form_label_dupla { float:left; width:17%; text-align:right; font-size:11px; font-weight:bold; line-height:180%; padding-right:2%;  }
.form_campo_dupla { float:left;  font-size:11px; line-height:180%;}
.barraFormBottom{border-top:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; background:#FBFBFB; width:100%; float:left;padding:4 0 4 0;}

/* FILTRO DE BUSCA 
.busca {   clear:both; width:99%; margin:10 0 0 0;  border:1px solid #E1825E; background:#FEFBEB; }
.busca strong {  float:left; padding:0 0 1 0; width:100%; color:#D55725; }
.busca .linhaFiltroData{ position:relative; border-bottom:1px dotted #666666; float:left; width:310px; padding:5 0 5 0; margin-right:10px; height:26px;}
.busca .linhaFiltroData span {float:left; padding:6 5 0 5;  font-size:11px;}
.busca label { position:relative; border-bottom:1px dotted #666666; float:left; width:310px; padding:5 0 5 0; margin-right:10px; height:26px; }
.busca label span {float:left; padding:0 5 0 5; line-height:230%;  font-size:11px;}
.busca label input {max-width:200px; float:right; }
.busca label select {float:right; max-width:200px; }  

.filtroData { position: relative;float:right; right:0px; top:0px; padding-bottom:4px; font-size:11px; width:202px;}
.filtroData div{float:left;  }  
.filtroData span{ float:left;  }
.filtroData input{float:left;}  
*/           

.linhaSubmitBuscar{
  clear:both; padding:5 0 0 0;   margin-top:5px; float:left;
}
.botao_buscar {
  	text-align:center;
  	width:120px;
  	padding:3px;
  	margin:5px;
  	color:#FFFFFF;  
  	text-decoration:none;
  	cursor:pointer;
  	font-weight:bold;
  	border:1px solid #D4C069;
  	background:url(../images/bg_filtro.jpg) repeat-x #FEF9DC;
}

.botao_buscar:hover {
  	color:#FFFFFF;  
  	border:1px solid #5E2E1A;
}




/*--------------------------*/
/*        LISTAGEM          */
/*--------------------------*/
.lista { clear:both; width:100%; margin-top:10px;
    -moz-border-radius: 7px 7px 7px 7px ; /* FF1+ */
    -webkit-border-radius: 7px ; /* Saf3-4 */
    border-radius: 7px 7px 7px 7px ; /* Opera 10.5, IE 9, Saf5, Chrome */
     /*
    -moz-box-shadow: 3px 3px 4px #CCCCCC; 
    -webkit-box-shadow: 3px 3px 4px #CCCCCC; 
    box-shadow: 0px 0px 4px #CCCCCC; */
    
     }
.lista_vazia { font-color:#FF6600; font-weight:bold; }
.lista_cabecalho {
  	height:28px;
  	font-weight:bold;
  	color:#FFFFFF;
  	background:#3873AE;
  	padding-left:3px;
  	
}
.lista_cabecalho:first-child {
    border-radius: 7px 0px 0px 0px;
}
.lista_cabecalho:last-child {
    border-radius: 0px 7px 0px 0px;
}
.lista_cabecalho_vermelho {
  	background: url(../images/bg_cabecalho_vermelho.jpg) repeat-x;
}
.lista_cabecalho_verde {
  	background: url(../images/bg_cabecalho_verde.jpg) repeat-x;
}
.lista_cabecalho_azul {
  	background: url(../images/bg_cabecalho_azul.jpg) repeat-x;
}

.lista_cabecalho_laranja {
  	background: url(../images/bg_cabecalho_laranja.jpg) repeat-x;
}


.lista_cabecalho a {
  	height:20px;
  	padding-left:4px;
}

.lista_cabecalho a:hover {
	  text-decoration:none;
	  color:#000000;
}

.lista_linha_clara {
	  background-color:#FFFFFF;
	  color:#000000;
    font-size:13px;
	  padding-left:4px;
	  padding-top:3px;
	  padding-bottom:3px;
	  border-bottom:1px dotted #CCCCCC;
}

.lista_linha_escura {
	  background-color:#F3F3F3;
    color:#000000;
    font-size:13px;   
	  padding-left:4px;         
	  padding-top:3px;
	  padding-bottom:3px;     
	  border-bottom:1px dotted #CCCCCC;
}
 
.lista_linha_selecionada {
	  background-color:#FFF7E5;
    color:#000000;     
    font-size:13px;  
	  padding-left:4px;         
	  padding-top:3px;
	  padding-bottom:3px;   
	  border-bottom:1px dotted #CCCCCC;
}

.total_listagem {
    float:right;margin-right:30px;font-size:11px;
}

.paginacao {
    font-size:11px;
    text-align:center;
}

.janelaInserirItem {
    width:100%;
    padding:3px;
    background:#FFFFFF;
    border:1px solid #CCCCCC;"
}

.janelaInserirItemBloco {
    float:left;
    width:300px;
    min-height:25px;
}

.janelaInserirItemBlocoQuebra {
    clear:both;
    width:100%;
    min-height:20px;
}


.janelaInserirItemLabel {
    float:left;       
    padding-top:4px;
    width:100px;
    height:25px;
    margin-right:4px;
}  
 
.janelaInserirItemCampo {
    float:left;             
    padding-top:4px;
    width:250px;
    height:25px;
    margin-right:4px;
}


.boxQuebra {
    float:left;
    width:100%;
    min-height:20px;
}

.p20 {
    padding-top:20px;
}


.boxBorda_OLD {
	border-right:1px solid #B7B6B0; 
	border-bottom:1px solid #B7B6B0;	
	border-left:1px solid #E5E3DB;
	border-top:1px solid #E5E3DB;      
	background-color:#F8F8F8;
	padding:10px;
}

.boxBorda {
    border-right:1px solid #B7B6B0; 
    border-bottom:1px solid #B7B6B0;	
    border-left:1px solid #E5E3DB;
    border-top:1px solid #E5E3DB;    
    padding:6px; margin-top:6px; font-size:11px; 

    -moz-border-radius: 6px 6px 6px 6px;  /* FF1+ */
    -webkit-border-radius: 6px;  /* Saf3-4 */
    border-radius: 6px 6px 6px 6px;  /* Opera 10.5, IE 9, Saf5, Chrome */
}

.boxPadrao {


    -moz-border-radius: 6px 6px 6px 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px 6px 6px 6px;            

}        
.boxPadrao .topoPadrao { padding-bottom:5px; }
.boxPadrao .topoPadrao strong{ float:left; font-size:18px; line-height:100%; }

.boxAviso { 
    border:1px solid #75DA70; background:#F0FFF0; color:#226F1C;
    float:left;
    width:920px;
    padding:10px;
    line-height:120%;
    font-size:11px;
 }
.boxAviso p { padding:10px;}
.boxAviso .topoPadrao { padding-bottom:18px;  }
.boxAviso .topoPadrao strong{ float:left; font-size:14px; line-height:100%; color:#1C5616 }

.boxBorda p{line-height:170%; }


/* ESTOQUE */
.boxEntrada { border:1px solid #CCCCCC;  background-color:#F3F3F3; padding:10px; padding-top:0px;}
.boxEntrada h1{margin-top:5px;}
.boxEntrada h2{margin-top:5px;}




/*  CHAT  */
.chat{position: absolute; z-index:1000; border:1px solid #CCC; padding:5px; height:290px; bottom:0px; right:0px;  background:#EEEEEE; 

    -moz-border-radius: 6px 0px 0px 0px; /* FF1+ */
    -webkit-border-radius: 0px 6px 0px 0px; /* Saf3-4 */
    border-radius: 6px 0px 0px 0px; /* Opera 10.5, IE 9, Saf5, Chrome */
      
}
.chat_online {color:#FF3300}
.chat_offline {color:#FF0000}
.boxUser{ height:200px;overflow:auto;border:1px solid #CCCCCC; background:#FFFFFF; float:left;
    margin-top:5px;
    padding:3px;

    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
    }
    
.boxChat{ float:left; width:293px; padding-left:5px; } 
    
.chatUser{
    border:1px solid #CCCCCC; background:#FFFFFF;
    height:55px;
    padding:5px;
    width:270px;
    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
}   
.conversa {  background:#FFFFFF; width:275px; height:120px; margin-top:5px; border:1px solid #CCCCCC;overflow:auto;
padding:3px;
    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.textareaChat{ border:1px solid orange; width:240px; height:35px; margin-top:5px; float:left; }
.enviarChat{ float:left; margin-top:5px; height:35px;  }
.imageChatUser{ border:1px solid #CCCCCC;  float:left;  margin-right:5px;
    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.acoesJanelaChat{width:45px; float:right; padding-right:12px; text-align:right;}
.topoChat{ width:500px; line-height:150%; height:22px; clear:both; font-weight:bold;}



.chosen-container {
    width:200px !important;
}




/* MENU */
#cssdropdown, #cssdropdown ul { list-style: none; background:#666; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }

/* Head links */
#cssdropdown li.headlink { width: 100px; float: left; margin-left: -1px; border: 1px black solid; background-color: #e9e9e9; text-align: center; }
#cssdropdown li.headlink a { display: block; padding: 15px; }

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; width:200px;  }
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; }
#cssdropdown li.headlink ul li a:hover { background-color: #333; }

/* Pretty styling */
#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink { background:#333 }
#cssdropdown li.headlink ul { background-image: url(bg.gif); background-position: bottom; padding-bottom: 10px; }




.botaoSalvar{ border:1px solid #006600; font-size:11px; float:right; margin-left:6px; padding:4; font-weight:bold; color:#FFF; cursor:pointer;
    -moz-border-radius: 2px 2px 2px 2px;     /* FF1+ */
    -webkit-border-radius: 2px 2px 2px 2px;  /* Saf3-4 */
    border-radius: 2px 2px 2px 2px;          /* Opera 10.5, IE 9, Saf5, Chrome */
  
    background:#006600;

} 

.historico_visita {
	clear:both;
	font-size:10px;
	color: blue;
}


.sidebar .nav-item .collapse {

    background: #4e73df;
}

.chosen-container-single .chosen-single {
    padding: 4px 0 0 8px;
    height: 32px;
}

@media (min-width:768px) {

    .sidebar {
        width: 6.5rem;
        min-height: 100vh;
    }

    .sidebar .nav-item .nav-link span {
        font-size: .65rem;
        display: block;
    }
}

@media only screen and (max-width: 800px) {
    #interno {
        overflow-y: none;
        overflow-x: auto !important;
    }
    .sidebar .nav-item .collapse {
        z-index: 99999;
    }
    .sidebar {
        width: 6.5rem;
        min-height: 100vh;
    }

    .sidebar .nav-item .nav-link span {
        font-size: .65rem;
        display: block;
    }
}

@media only screen and (max-width: 600px) {

    #accordionSidebar {
        display: none;
    }

    .form_label,.label {
        width: 73%;
    }
    .form_linha {
        width: 100%;
    }
    .form_label, .label {
        text-align: left;
    }
    .form_campo a {display:none}

    .h1, h1 {    font-size: 1.5rem !important;}

}

@media only screen and (max-width: 1024px) {
    .form_label, .label {
        width:22%;
    }

}