﻿/*********************************
* Página                         *
*********************************/

.Link
{
	text-decoration:none;	
	display: inline-block;
	height:auto;
	padding: 10px 20px;
	font:bold 20px/1.1em arial;
	border:1px solid #d0d0d0;
	border-top-color:#ececec;
	border-bottom-color:#000000;
	color:#000000;
	background:#ffff00;
	background: -moz-linear-gradient(top, #fff 60%, #A7A7A7);
	background: -webkit-linear-gradient(top, #fff 60%, #A7A7A7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
	/*background: -moz-linear-gradient(top, #fff 60%, #e7e7e7);
	background: -webkit-linear-gradient(top, #fff 60%, #e7e7e7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	width:500px;
}

.Link:hover
{
	text-decoration:underline;
	cursor:pointer;
	background:#fff;
	
}

.DadosConteudo
{
	margin-top:0px;
	margin-left:20px;
	width:97%;
}

.ImgOpcao
{
	width:20px;
	height:20px;
}

.TextoPadrao
{
	margin-left:10;
	font-family: Arial;
	font-size:12pt;
	color:#00487E;
}

.TextoPadraoNegrito
{
	margin-left:10;
	font-family: Arial;
	font-size:12pt;
	font-weight:bold;
	color:#00487E;
}

.CaixaTextoPadrao
{
	border:1px solid #00487E;
	font-family:Arial;
	font-size:12pt;
	height:24px;
}

.CaixaTextoGrandePadrao
{
	border:1px solid #00487E;
	font-family:Arial;
	font-size:12pt;
	height:24px;
	width:400px;
}

.botao
{
    border: 2px solid #316AC5;
	background-color : #f4f9ff;
	color: #0065b3;
	TEXT-ALIGN:center;
	font-family: Verdana;
	font-size: 12pt; 
	font-weight: bold;
	text-decoration:none;
}

.botao:hover
{
	color: #000000;
}

.TextoTituloNet
{
	margin-left:10;
	font-family: Arial;
	font-size:14pt;
	font-weight:bold;
	color:#000000;
}

.ErroPadrao
{
	margin-left:11;
	font-family: Arial;
	font-size:12pt;
	font-weight:bold;
	color:red;
}

.BotaoTitulo
{	
	text-decoration:none;	
	display: inline-block;
	height:auto;
	padding: 5px 15px;
	font:bold 17px/1.1em arial;
	border:1px solid #d0d0d0;
	border-top-color:#ececec;
	border-bottom-color:#000000;
	color:#000000;
	background:#ffff00;
	background: -moz-linear-gradient(top, #fff 60%, #A7A7A7);
	background: -webkit-linear-gradient(top, #fff 60%, #A7A7A7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

.BotaoTitulo:hover
{
	text-decoration:underline;
	cursor:pointer;
	background:#fff;
}

.ElementosBotao
{
	text-align:right;
}

.ElementosBotao img
{
	width:16px;
	height:16px;
}

.botao_oculto
{
	visibility:hidden;
	width: 14px;
}

.caixa_texto_oculta
{
	visibility:hidden
}

.TextoTituloNet
{
	margin-left:10;
	font-family: Arial;
	font-size:14pt;
	font-weight:bold;
	color:#000000;
}

.psaObjetoOnFocusCSS { border-color: #00487E; border-style: solid; border-width: 1px; color: #333333; font-family: Arial, sans-serif; font-size: 12pt; background-color: #FFFFBC; height:24px; }

.TableForms
{
width:97%;
border: solid 1px #78ACFF;
background-color:#EAF2FF;
font-family:Arial;
}

/****************************
* Informacao                *
****************************/
.SubTitulo
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight:bold;
	color:#000000;
}

.Texto
{
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12pt;
	color:#000000;
}

/*********************************
* Título                         *
*********************************/

.Barra
{
	width:290px;
	height:2px;
}

.DivFundo
{
	background-image:url('https://www.santoandre.sp.gov.br/EgovInclude/PortalServico/Imagens/Pagina/BarraTitulo.png');
	width:98%;
	height:35px;
	position:relative;
	left:8px;
}

.Titulo
{
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	position:relative;
	top:4px;
	left:10px;
	font-weight:bold;
	color:#0048AB;
	font-size:20px;
}

.Cabecalho
{
	top:5px;
	left:4px;
	width:95%;
	position:relative;
	
}

.Cabecalho a
{
	text-decoration:none;
	color:#0048AB;
}


.Cabecalho a:visited
{
	color:#0048AB;
}

.Cabecalho a:hover
{
	text-decoration:underline;	
}

.Tabela
{
	width:96%;
	border:0;
	position:relative;
	left:15px;
}

.ErroPadraoGrande
{
	margin-left:11;
	font-family: Arial;
	font-size:13pt;
	font-weight:bold;
	color:red;
}

/*********************************
* Caixa com Bordas Arredondadas  *
*********************************/

/*COR DAS BORDAS = #78ACFF E COR DE FUNDO = #EAF2FF */

.BoxGround 
{
   background: transparent;
   width: 97%;
}
            	
.BoxGround .L1, .BoxGround .L2, .BoxGround .L3, .BoxGround .L4
{
	overflow:hidden;
	display:block;
	font-size:1px;
}
			
.BoxGround .L1, .BoxGround .L2, .BoxGround .L3
{
	height:1px;
}
			
.BoxGround .L2, .BoxGround .L3, .BoxGround .L4
{
	background:#EAF2FF; 
	border-left:1px solid #78ACFF; 
	border-right:1px solid #78ACFF;
}
			
.BoxGround .L1 
{
	margin:0 5px; 
	background:#78ACFF;
}

.BoxGround .L2
{
	margin:0 3px; 
	border-width:0 2px;	
} 

.BoxGround .L3
{
	margin:0 2px;	
}

.BoxGround .L4
{
	height:2px; 
	margin:0 1px;	
}
			
.BoxGround .Inside
{
	padding:5px;
	display:block; 
	background:#EAF2FF; 
	border-left:1px solid #78ACFF; 
	border-right:1px solid #78ACFF;
}

/*********************************
* Caixa Título                   *
*********************************/

/*COR DAS BORDAS = #FFD9AA E COR DE FUNDO = Transparent */

.BoxGroundT 
{
   margin-top:10px;
   background: transparent;
   width: 97%;
}
            	
.BoxGroundT .TL1, .BoxGroundT .TL2, .BoxGroundT .TL3, .BoxGroundT .TL4
{
	overflow:hidden;
	display:block;
	font-size:1px;
}
			
.BoxGroundT .TL1, .BoxGroundT .TL2, .BoxGroundT .TL3
{
	height:1px;
}
			
.BoxGroundT .TL2, .BoxGroundT .TL3, .BoxGroundT .TL4
{
	background:transparent; 
	border-left:1px solid #FFD9AA; 
	border-right:1px solid #FFD9AA;
}
			
.BoxGroundT .TL1 
{
	margin:0 5px; 
	background:#FFD9AA;
}

.BoxGroundT .TL2
{
	margin:0 3px; 
	border-width:0 2px;	
} 

.BoxGroundT .TL3
{
	margin:0 2px;	
}

.BoxGroundT .TL4
{
	height:2px; 
	margin:0 1px;	
}
			
.BoxGroundT .TInside
{
	padding:5px;
	display:block; 
	background:transparent; 
	border-left:1px solid #FFD9AA; 
	border-right:1px solid #FFD9AA;
}

/********************************
* Botao com Bordas Arredondadas *
*********************************/

/*COR DAS BORDAS = #78ACFF E COR DE FUNDO = #EAF2FF */

.AtencaoGround 
{
   background: transparent;
   width: 95%;
}
            	
.AtencaoGround .B1, .AtencaoGround .B2, .AtencaoGround .B3, .AtencaoGround .B4
{
	overflow:hidden;
	display:block;
	font-size:1px;
}
			
.AtencaoGround .B1, .AtencaoGround .B2, .AtencaoGround .B3
{
	height:1px;
}
			
.AtencaoGround .B2, .AtencaoGround .B3, .AtencaoGround .B4
{
	background:#FEC0C0; 
	border-left:1px solid #C20505; 
	border-right:1px solid #C20505;
}
			
.AtencaoGround .B1 
{
	margin:0 5px; 
	background:#C20505;
}

.AtencaoGround .B2
{
	margin:0 3px; 
	border-width:0 2px;	
} 

.AtencaoGround .B3
{
	margin:0 2px;	
}

.AtencaoGround .B4
{
	height:2px; 
	margin:0 1px;	
}
			
.AtencaoGround .AtencaoInside
{
	padding:5px;
	display:block; 
	background:#FEC0C0; 
	border-left:1px solid #C20505; 
	border-right:1px solid #C20505;
}

/**********************
AjaxToolKit Modal Popup
***********************/
.modalBackground {
  background-color:Gray;
  filter:alpha(opacity=70);
  opacity:0.7; 
}

.modalPopup {
  background-color:#ffffdd;
  border-width:3px;
  border-style:solid;
  border-color:Gray;
  padding:3px;
}

.modalPopupP {
  padding: 5px;
}

/**********************
* Style Data Grid     *
***********************/
.DataGrid
{
	width:98%;
	border-right: #00487E 1px solid;
	border-top: #00487E 1px solid;
	border-left: #00487E 1px solid;
	border-bottom: #00487E 1px solid;
}

.DataGridHeader
{
	background-color:#85B7DB;
	text-align:left;
	font-family:Arial;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12pt;
}

.DataGridlDelColumn IMG
{
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana;
	width:15px;
	height:18px;
	border:none;
}
.DataGridlEditColumn IMG
{
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana;
	width:15px;
	height:18px;
	border:none;
}
.DataGridAlternating TD
{
	font-weight: bold;
	font-size: 13px;
	color: #00487E;
	font-family: Verdana;
	background-color: #E5F6FE;
	border-left:1px solid #3F439A; 
	border-right:1px solid #3F439A;
}

.DataGridAlternating2 TD
{
	font-weight: bold;
	font-size: 13px;
	color: #00487E;
	font-family: Verdana;
	border-left:1px solid #3F439A; 
	border-right:1px solid #3F439A;
}


.DataGridFirstColumn TD
{
	text-align:center;
	font-weight: bold;
	font-size: 13px;
	color: #00487E;
	font-family: Verdana;
	background-color: #E5F6FE;
	border-left:1px solid #3F439A; 
	border-right:1px solid #3F439A;
}

.DataGridFooter TD
{
	background-color:#85B7DB;
	font-family:Verdana;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.DataGridPager TD
{
	font-weight: bold;
	font-size: 13pt;
	background-color:#85B7DB;
	color: #ffffff;
	border-top-style: none;
	font-family: Verdana;
	border-right-style: none;
	border-left-style: none;
	text-align: center;
	border-bottom-style: none;
}
.DataGridPager A:visited
{
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	font-family: Verdana;
}
.DataGridPager A:link
{
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	font-family: Verdana;
}
.DataGridLink A:visited
{
	font-weight: bold;
	font-size: 13px;
	color: navy;
	font-family: Verdana;
}
.DataGridLink A:link
{
	font-weight: bold;
	font-size: 13px;
	color: navy;
	font-family: Verdana;
}
.DataGridItems TD
{
	font-family:Verdana;
	color:#00487E;
	font-weight:bold;
	font-size:13px;
	background-color:#ffffff;
	border-left:1px solid #3F439A; 
	border-right:1px solid #3F439A;
}

.DataGridItems2 TD
{
	font-family:Verdana;
	color:#00487E;
	font-weight:bold;
	font-size:13px;
	border-left:1px solid #3F439A; 
	border-right:1px solid #3F439A;
}

/********************************
* Informativo                   *
*********************************/

/*COR DAS BORDAS = #008000 E COR DE FUNDO = #A8FFA8 */

.InformativoGround 
{
   background: transparent;
   width: 95%;
}
            	
.InformativoGround .C1, .InformativoGround .C2, .InformativoGround .C3, .InformativoGround .C4
{
	overflow:hidden;
	display:block;
	font-size:1px;
}
			
.InformativoGround .C1, .InformativoGround .C2, .InformativoGround .C3
{
	height:1px;
}
			
.InformativoGround .C2, .InformativoGround .C3, .InformativoGround .C4
{
	background:#A8FFA8; 
	border-left:1px solid #008000; 
	border-right:1px solid #008000;
}
			
.InformativoGround .C1 
{
	margin:0 5px; 
	background:#008000;
}

.InformativoGround .C2
{
	margin:0 3px; 
	border-width:0 2px;	
} 

.InformativoGround .C3
{
	margin:0 2px;	
}

.InformativoGround .C4
{
	height:2px; 
	margin:0 1px;	
}
			
.InformativoGround .InformativoInside
{
	padding:5px;
	display:block; 
	background:#A8FFA8; 
	border-left:1px solid #008000; 
	border-right:1px solid #008000;
}