﻿/******************************************************
	Folha de estilos CSS	
	Desenvolvida por HEDS Design				
	Iniciada em 20/02/2012
******************************************************/
/*********** Gerais ***********/
*{padding:0;margin:0;}
body{overflow:auto;font-family:Calibri, Arial;font-size:13px;color:#333;padding:10px 0px; background:url(../Imagens/BackGeral.png);}
a{text-decoration:none;color:#4674B7;}
a:hover{text-decoration:underline;}
img{border:none;}
img, div, a, input { behavior:url(/Estilo/CSS/iepngfix/iepngfix.htc) }/*IE6 - PNG*/
strong{font-weight:bold;}
h1{color:#575756; font-size:20px; font-weight:bold; padding: 15px 10px;}
h1.Azul {background: #4674B7; color:#FFFFFF; }
h1.Verde {background:#357D57; color:#FFFFFF; }
h2 { font-size: 25px; font-weight: bold; line-height: 27px;text-align:center; }
h3 { color: #000000; font-size: 20px; text-align: center; font-weight: bold; line-height: 18px; padding:10px;background:#e8e8e8;margin: 0 10px;}
.Data { background: url(../Imagens/Icones/Calendario.png) no-repeat; padding: 1px 0 1px 18px; display: block; float: right; }
.Pdf { background: url(../Imagens/Icones/pdf.png) no-repeat; padding: 3px 0 3px 20px; display: block; }
.Nenhum { background:url(../Imagens/icones/Alerta.png) no-repeat #FFFACD 10px 4px;border:1px solid #E0DEED;padding:6px 35px;font-weight:bold;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;}
.Nenhum div {padding: 0 0 0 30px; }
.Ajuda { width: 20px; height: 20px; margin:2px 2px 0 0;display: block; float: right; background: url(../Imagens/Ajuda.png) 0 0; }
.Ajuda:hover { background-position: 0 -20px; }

.qtip-cream { font-size: 14px; line-height: 16px; font-family: Calibri; }
/*.qtip-contentWrapper { background-color: #FFD700; }
.qtip-content { background-color: #FFFACD; color: #333; }

.qtip .qtip-content{ padding: 10px; overflow: hidden;}
.qtip .qtip-content .qtip-title, .qtip-cream .qtip-content .qtip-title { background-color: red; }
.qtip-light .qtip-content .qtip-title { background-color: #f1f1f1; }
.qtip-dark .qtip-content .qtip-title { background-color: #404040; }
.qtip-red .qtip-content .qtip-title { background-color: #F28279; }
.qtip-green .qtip-content .qtip-title { background-color: #B9DB8C; }*/

.Redondo4{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/*Loading*/
#divLoading{height:1px;overflow:hidden;position:absolute;z-index:20000;background-color:#000; filter:alpha(Opacity=75);opacity: 0.75;text-align:center; padding:0px; margin:-10px 0 0 0;}
#divLoadingInner{position:absolute;cursor:wait;background:url(../Imagens/Load.gif) no-repeat #FFF8E0 10px 9px;display:block;border:1px solid #EBE5CF;padding:5px 35px;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px; width:180px; height:30px;margin:50px 0 0 -125px;left:50%;}


/********** Medida da Página ******/
.TudoGeral{width:100%;display:block;}
.Tudo{width:950px;margin:0 auto;}


/********** Topo *****************/
#Topo{}
    #Topo .TudoGeral{}
    #Topo .Tudo{height:160px;background:silver;background:url(../Imagens/Topo.jpg) no-repeat;}
    /*#Topo #LogoTopo{background:url(../Imagens/LogoTopo.png) no-repeat; width:353px; height:114px; padding:0; display:block; position:absolute; margin:20px 0 0 0 ;}
    #Topo #TopoMsg{color:#0E0E0E; font-size:30px; font-weight:bold; display:block; position:absolute; margin:80px 0 0 400px;}
    #THora{margin:0 0 0 570px; color:#BA0606; font-size:12px; font-weight:bold;position:absolute; font-family:Calibri;}*/

#MenuBar { background:url(../Imagens/MenuBack.png) repeat-x; }
    #MenuBar .TudoGeral{ }
    #MenuBar .Tudo{background:url(../Imagens/MenuBackMeio.png) repeat-x; height:48px;}
    #MenuBar ul { }
    #MenuBar ul.Menu  li{list-style:none;display:inline; float:left; height:48px;}
    #MenuBar ul > li >  a {display:block; font-size:16px; color:#FFFFFF;padding:15px 10px 20px 10px; font-weight:bold;}
    #MenuBar span {background:url(../Imagens/MenuBackDivisao.png) no-repeat; width:1px; height:48px;display:block; }
    #MenuBar ul.Menu > li:hover { background:url(../Imagens/MenuBackMeioSelecionado.png) repeat-x;}
    #MenuBar ul.Menu > li  a:hover {text-decoration:none; color:#000000; background:url(../Imagens/MenuBackMeioSelecionadoSeta.png) no-repeat center bottom;}
    #MenuBar ul.Menu >  li >  ul {display:none !important;width:305px; z-index:100; }
    #MenuBar ul.Menu >  li >  ul.dir {width:150px !important; }
    #MenuBar ul.Menu > li:hover > ul {display:block !important; }
    #MenuBar ul.Menu > li > ul > li { display:block;float:left;width:300px; }
    #MenuBar ul.Menu >  li >  ul.dir > li {width:145px !important; }
    #MenuBar ul.Menu > li > ul >  li >  a:hover {text-decoration:none; color:#000000; background:#fbeb72;}
    /*SubMenus*/
    #MenuBar ul.Menu > li > ul {display:block; position:absolute; background:#FBDE04; border:2px solid #FBDE04; }

#Botoes { text-align:center; padding:10px; }
#Botoes a { padding: 4px 30px 2px 20px; }
#Botoes .Emitida {background:url(../Imagens/Icones/icon_emitidas.png) no-repeat; }
#Botoes .Nova {background:url(../Imagens/Icones/icon_novas.png) no-repeat; }
#Botoes .Sair {background:url(../Imagens/Icones/icon_sair.png) no-repeat; padding-left:25px; }


.ajax__tab_active { width:auto;margin:0px;padding:0px;}
.ajax__tab_header { border-bottom: 1px solid #999;width:auto;padding:0px;margin:0px;}
.ajax__tab_outer { padding:0px;margin:0px;width:auto;}
.ajax__tab_inner {padding:0px;margin:0px; width:auto;}
.ajax__tab_tab { background:#f2f2f2;color:#000000;padding:0px;margin:0px;width:auto;}
.ajax__tab_tab span { width:auto;text-align:left;}
.ajax__tab_body {border:1px solid #999; border-top:none; padding:10px;}
.ajax__tab_hover { }
.ajax__tab_active { }

    
/*********** Busca ****************/
/*#frmPesquisa{position:absolute;margin:95px 0px 0px 670px; background:url(../Imagens/TopoBusca.png) no-repeat;height:27px;}
#frmPesquisa input[type=text]{ position:absolute;background:none; height:20px; width:200px;margin:0 0 2px 30px; padding:2px; border:none;font-size:22px;color:#202020;}
#frmPesquisa input[type=submit]{margin:0 0 0 242px;padding:0;width:34px; height:27px;background:none;border:none; }*/

/************ Conteudo **************/
#Conteudo{}
#Conteudo .Tudo{background:#FFFFFF; margin-top:10px; min-height:300px;}    
    #Meio{display:block; float:left; width:670px;padding:0 10px 10px 10px;}
    #Dir{display:block; float:left;width:250px;}
    #Dir .Boxs {background:#C1E29F; color:#59B200;font-size:12px; padding:8px;margin:0px;line-height:16px;}
    #Dir .Boxs * {color:#59B200;}
    #Dir .Boxs a { display:block; margin:0; }
    #Dir .Boxs a:hover { background: #d6f1ba; }
#BoxContato {text-align:center; }
.Boxs { padding:10px;}
.Box {color:#000000; display:block;float:left;margin:0 5px 5px 0;}
.Box:hover {color:#BA0606; }
.Box .Esq{background:url(../Imagens/BoxMeioCantos.png);width:15px; height:114px;display:block;float:left; }
.Box .TextoB{background:url(../Imagens/BoxMeioMeio.png) repeat-x; display:block;float:left;height:114px;font-size:14px; font-weight:bold; text-align:center; padding:5px; }
.Box .Rig{background:url(../Imagens/BoxMeioCantos.png) -15px 0;width:15px; height:114px; display:block;float:left;}

/************ Classes Diversas ******/

/*.SubTitulo h2{font:italic normal 13px "Trebuchet MS",Arial,Franklin Gothic;color:#777;}*/

.Texto{line-height:18px;margin:15px 0 20px 0;text-align:justify;text-indent:2px; font-size:12px;}


/************ Formulário **************/
.Formulario span{width:90px;display:inline-block;text-align:right;margin:0px 5px 0px 0px;padding:5px;}
.Formulario input[type=text], .Formulario input[type=password], .Formulario textarea, .Formulario select{/*text-transform: uppercase;*/width:545px;padding:1px 8px;margin-bottom: 7px;overflow:auto;background:#F8F8FF;border:1px solid #CACAD9; font-family:Calibri;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.Formulario input[type=text]:focus,.Formulario input[type=password]:focus,.Formulario textarea:focus,.Formulario input[type=submit]:focus { border-color: #4674B7; } /*Estilo para mensagem de validação border-color:#DAA520; background:#FFFACD !important;color:#B8860B*/
.Formulario input[type=text]:disabled{background:#AAAAAA;}
.Formulario select{text-transform:none;height:31px;width:555px; padding:0 !important;}
.Formulario select:focus{border:1px solid #4674B7;}
.Formulario textarea{width:550px;height:200px;overflow:auto;}
.Formulario input[type=submit], .Formulario input[type=button],.Formulario .Botao, .Grid td a{padding:7px 10px;border:1px solid #0C4292;background:#4674B7;color:#FFF;font:bold 15px Arial, sans-serif;cursor:pointer;margin-left:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.3); }
.Formulario input[type=submit]:hover,.Formulario input[type=button]:hover,.Formulario .Botao:hover, .Grid td a:hover { background-color: #2A5EAC; border-color: #214274; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.3); -moz-box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.3); -webkit-box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.3); }

.Formulario .CheckBox {display:block !important;float:left;width:auto !important; }
.Formulario .CheckBox label{margin-left:4px; }
.Formulario .CheckBox input[type=checkbox]{ }
.Formulario .Botoes { text-align: right; padding: 13px 10px 0 10px; display: block; clear: both; }
.Formulario input[type=submit]:hover,.Formulario input[type=button]:hover,.Formulario .Botao:hover { border: 1px solid #030; text-decoration: none; }
.Formulario .Erros { margin-bottom: 2px; display: block; }
.Formulario .Erros span { width: auto; display: block; float: none; }
.Formulario .LabelFloat { float: left; }

.Formulario fieldset { width: 913px; border: 1px solid #C1CDCD; margin: 5px 20px 0 10px; padding: 5px 5px 11px 10px; display: block; float: left; }
.Formulario fieldset legend { padding: 0 5px; font-weight: bold; font-size: 16px; }
    .Formulario fieldset input[type=text], fieldset input[type=password], fieldset textarea, fieldset select { }

.Formulario fieldset > div{border:1px dotted #CCC; display:block;float:left;margin:2px; padding:10px 13px;}
.Formulario fieldset > br { clear:both;}
.Formulario fieldset > div.SemBorda { border: none; margin: 0; padding: 0; }
.Formulario fieldset div.Botoes{border:none; display:block;margin:2px 2px 2px -10px; padding:2px;width:100%; }
.Formulario fieldset div span {text-align:left;font-weight:bold;display:block;width:auto;font-size:15px; }
.Formulario fieldset div span b { color: red; padding: 0 2px; }
.Formulario fieldset div.Titulo { width:903px; }
.Formulario fieldset div textarea {width:893px;height:120px; }

.Formulario fieldset div input[type=text],
.Formulario fieldset div select { width: 284px; }
.Formulario fieldset div.Dois input[type=text],
.Formulario fieldset div.Dois select,
.Formulario fieldset div.Dois textarea { width: 428px; }
.Formulario fieldset div.Quatro input[type=text],.Formulario fieldset div.Quatro input[type=password],
.Formulario fieldset div.Quatro select,
.Formulario fieldset div.Quatro textarea { width: 208px; }

.Formulario .BotoesRelatorio{ background: #f8f8f8; border: 1px solid #ddd; overflow: hidden; margin: 7px 20px 20px; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.Formulario .BotoesRelatorio .Botao{ float: right; margin-top: 2px; }
.Formulario h3{ float: left; margin: 0; background: none; }

.PnRelatorio{ border-top: 1px dotted #ccc; margin-top: 20px; background: #f0f0f0; }

/* Formulário de login */

.Login{ margin:20px auto;display:block; width:378px;border:solid 1px #ccc;text-align:left;padding-bottom: 15px; }
.Login h3{ float: none; background: #d8d8d8; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
.Login .Botoes{ margin-right: 38px; }

.Relatorio { }
.Relatorio h1 { text-align: center;font-size: 24px;color:#000000;clear:both;}
.Relatorio h2 { text-align: center; border: 2px solid #BBBBBB; border-left: none; border-right: none; padding: 2px; margin: 10px 0; font-size: 20px; }
.Relatorio div {background:#EEEEEE; display:block;float:left;margin:2px; padding:2px; }
.Relatorio br,.Relatorio hr { clear:both;}
.Relatorio hr { margin:10px 0;}
.Relatorio div > span.T { font-weight: bold;display:block;text-align:left;margin:0px 5px 0px 0px;padding:1px; }
.Relatorio div > span.V { width:150px;display:block;float:left; height:18px;padding:6px 4px 0px 4px;overflow:auto;border:1px dotted #CACAD9; background:#FFFFFF; color:#080808; font-weight:bold;font-family:Calibri;font-weight:bold;font-size:18px;}
.Relatorio div.Dois > span.V { width:579px;}
.Relatorio div.Um > span.V { width:915px;}
.Relatorio div.SN > span.V { width:70px;}
.Relatorio div.Cabecalho{display:block;float:none;width:914px; background:none;}
.Relatorio div.Cabecalho div.Logo{display:block;float:left;width:207px;height:100px;background:none; }
.Relatorio div.Cabecalho div.Dados{font-size:18px;margin-top:17px;width:400px;display:block;float:right; text-align:center;line-height:19px;background:none;font-weight:bold;}

.Comunicado{background:#FFFACD;border:1px solid #FFD700;padding:10px 15px;margin:10px 10px;font-variant:inherit;color:#8B6914;}
.Comunicado .CCabecalho{}
.Comunicado .CCabecalho h3{margin-left:20px;}
.Comunicado ul{list-style-position:inside; list-style-type:circle;}
.Comunicado ul li{line-height:18px;}
.Comunicado h1{text-align:left;}
.Comunicado h2{text-align:left;}
.Comunicado p{line-height:20px;}
.Comunicado .CEspaco{margin:10px 20px;display:block;}
.Comunicado .CEspaco p{}

.Duvidas { }
.Duvida { border: 1px dotted #C1CDCD; display: block; margin: 0 10px 10px 10px; background: #E8E8E8; }
.Duvida h2 { text-align: left; display: block; line-height: 18px; font-size:16px;cursor:pointer;}
.Duvida div { background: #FFFFFF; padding:10px;display:none;margin:0 10px 10px 10px;}
.Duvida div p { margin-bottom:2px;font-size:14px;line-height:18px;}

/************ GridView **************/
.Pagina { text-align: center; }
.Pagina td table tbody tr td { background: #E8E8E8; font-weight: bold; text-align: center; }
.Pagina td table tbody tr td a { display: inline-block; width: 20px; height: 15px; text-align: center; padding: 4px; margin: 2px; }
.Pagina td table tbody tr td span { display: inline-block; width: 20px; height: 15px; text-align: center; padding: 4px; color: #bbb; font-weight: bold; }

.Grid{margin-top:10px;width:100%;font-size:12px;text-align:left; line-height:18px;}
.Grid td{padding:15px 10px;vertical-align: middle;}
.Grid td a{ font-weight: normal; display: block; text-align: center; font-size: 12px; }
.Grid td a:hover{ text-decoration: none; }
.Grid_Cabecalho th{padding:5px 5px;border-top:1px solid #C1CDCD;border-bottom:1px solid #C1CDCD;background:#F8F8FF;display:none;}
.Grid_Linha{border-top: 1px dotted #ccc; background:#ffffff;}
.Grid_Alter{border-top: 1px dotted #ccc; background-color:#F8F8FF;}
.Grid_Alter:hover,.Grid_Linha:hover{background-color:#CAE1FF;}
.GridBotao{ padding: 0 17px 0 5px !important; }
.Grid span, .Grid a{width:auto;}
.Grid .Footer{background:#E8E8E8;}
.Grid .Pagina{text-align:center;}
.Grid .Pagina td table tbody tr td{background:#E8E8E8; font-weight:bold;text-align:center;}
.Grid .Pagina td table tbody tr td a{display:inline-block;width:20px;height:15px;text-align:center;}
.Grid .Pagina td table tbody tr td span { display: inline-block; width: 20px; height: 15px; text-align: center; color: #bbb; font-weight: bold; }
.Grid fieldset{ margin: 0 0 3px 0;}
.Requerido { color:Red; }
.ImagemGrid { float:right; margin:5px; }
.Middle { vertical-align: middle; }

/*Status da Movimentação*/
/*Azul*/
.mov_inicio, .an_finalizado { display:block;width:100%; height:33px; background:url(../Imagens/MovStatus.png) no-repeat center -99px; }
/*Verde*/
.mov_movimento,  .an_iniciado, .pro_movimento_de {display:block;width:100%; height:33px; background:url(../Imagens/MovStatus.png) no-repeat center -66px;  }
/*Amarelo*/
.mov_recebido, .pro_analise, .an_pausado { display:block;width:100%; height:33px; background:url(../Imagens/MovStatus.png) no-repeat center -33px; }
/*Vermelho*/
.mov_rejeitado, .mov_cancelado, .pro_parado {display:block;width:100%; height:33px; background:url(../Imagens/MovStatus.png) no-repeat center 0px;  } 
/*Cinza*/
.pro_movimento_para { display:block;width:100%; height:33px; background:url(../Imagens/MovStatus.png) no-repeat center -132px; }
/*Laranja*/
.pro_analisado{ display:block;width:100%; height:33px; background:url(../Imagens/MovStatus.png) no-repeat center -165px; }
/*Preto*/
.pro_arquivado{ display:block;width:100%; height:33px; background:url(../Imagens/MovStatus.png) no-repeat center -264px; }

/************ Rodapé **************/
#SeparadorRodape { height: 70px; clear: both; }
#Rodape *{ color: #4674B7; }
    #Rodape .Tudo{background:url(/Estilo/Imagens/Rodape.jpg) no-repeat center;margin-top:10px;color:#31313F;font-size:12px; text-align:center; line-height:16px; padding:20px 0;}

@media print {
    #Topo { display: none; }
    #Rodape { display: none; }
    div.Botoes { display: none; }
}

.demo-container {    
	box-sizing: border-box;
	width: 916px;
	height: 400px;
	padding: 20px 15px 15px 15px;
	margin: 15px auto 30px auto;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.demo-placeholder {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em;
}