/*--------------- CSS dgl.com.br --------------- ( v1.0 )

 - Formatação da página
 - Campos e Botões
 - Testeira
	 - Serviços
 - Informativo
 - Menu
 	 - Menu Serviços
	 - Menu Institucional
 - Página Index
	 - Produto
	 - Empresa
 - Corpo (páginas internas)
 	 - Navegacao
 	 - Banners da Direita
	 - Miolo (sem banner na direita) e Miolo2 (com banner na direita)
	 	 - Tabela
			  - Abas
		 - Quadro Telefonica
		 - Quadro Telefonica Menor
 - Rodape

/*----- Formatação da página -----*/
	* {
		margin:0;
		padding:0;
		border:0;	
	}
	body {
		font:11px Arial,Verdana,Helvetica,Sans-Serif;
		color:#0a0a0a;
	}
	a {
		color:#0B5E92;
	}
	a:hover {
		color:#000;
	}

/*----- Campos e Botões -----*/
	.Campo {
		padding:2px 2px 1px;
		border:1px solid #000;
		font:12px Arial;
		color:#000;
	}
	.CampoRadio {
		margin:7px 0px -3px;
	}
	select.Campo  {
		padding:1px 0px 0px 0px;
	}
	.Botao {
		display:none;	
	}
	.BotaoFlutuante {
		display:none;
	}
	
/*----- Testeira -----*/
	.Testeira {
		display:none;
	}
	.LogoPrint {
		float:left;
		margin:0px 20px 15px 0px;
	}

/*----- Menu -----*/
	.Menu {
		display:none;
	}
	
/*----- Página Index -----*/
		.Produto {
			display:none;
		}
		.Empresa {
			display:none;
		}

/*----- Corpo (páginas internas) -----*/
	.Corpo {
		padding-top:25px;
	}
	h1 {
		font:bold 20px Arial;
		color:#0B2168;
	}
	h2 {
		margin:0px 0px 15px;
		font-size:14px;
		line-height:15px;
	}
	h3 {
		margin:20px 0px;
		font-size:14px;
		line-height:15px;
	}
	h4 {
		margin:20px 0px 2px;
		font:bold 12px Arial;
		line-height:15px;
		color:#333;
		border-bottom:1px solid #287EAF;
	}
	p {
		margin:0px 0px 15px;
		text-align:left;
		line-height:12px;
		font:12px Arial;
		color:#333;
	}
	p.Destaque {
		margin-top:-10px;
		font:bold 13px Arial;
		color:#0a0a0a;
		line-height:15px;
	}
	.Vantagem {
		margin:0px 0px 15px;
	}
	.Mais {
		float:right;
		font:bold 12px Arial;
		margin-right:20px;
	}
	.Assinatura {
		font-style:italic;
		font-size:11px;
	}
	.Instrucao {
		margin:20px 7px 6px 0px;
		font-size:9px;
		color:#666;
		border-bottom:1px solid #287EAF;
	}
	.Telefone {
		margin:0px 0px 0px 8px !important;
		margin:0px 0px 0px 4px;
	}
	.Conversa {
		color:#fff;
		margin:10px 0px;
		padding:2px;
		text-align:center;
		font-weight:bold;
	}
	
	/*----- Navegacao -----*/
		.Navegacao {
			display:none;
		}
		
	/*----- Banners da Direita -----*/
		.Direita {
			display:none;
		}
		
	/*------ Miolo (sem banner na direita) e Miolo2 (com banner na direita) -----*/
		.Miolo {
			padding:0px;
		}
		.Miolo2 {
			padding:0px;
		}
		.Miolo ul, .Miolo2 ul, .Miolo dl {
			margin:20px 0;
		}
		.Miolo li, .Miolo2 li, .Miolo dt {
			list-style:none;
			margin:12px 0px;
			padding-left:14px;
			font:bold 14px Arial;
			color:#0B2168;
			line-height:13px;
			word-spacing:-1px;
		}
		
		/*----- Tabela -----*/
			.Borda {
				display:block;
				height:1px;
				margin:0px 1px;
				_margin:15px 1px 0px;
				font:0px Verdana;
			}
			.Top {
				_margin-top:0px;
			}
			.Bottom {
				margin-bottom:15px;
			}
			.Tabela {
				width:577px;
				margin:0px 0px 0px 0px !important;
				margin:0px 0px -15px 0px;
				padding:1px;
				border:1px solid #00086E;
			}
			.Tabela table {	
				width:100%;
			}
			.Tabela td, .Tabela th {
				padding:5px 3px 5px 3px;
				text-align:center;
				color:#333;
			}
			.Tabela th {
				font-weight:bold;
			}
			.Tabela a {
				color:#00086E;
			}
			.Linha1 td, .Linha1 th {
				background:#f0f0f0;
			}
			.Tabela table img {
				margin:-2px 0px;
			}
			ul.DescProduto {
				margin:5px;
				padding:1px 10px;
			}
			.DescProduto li {
				font:12px Arial;
			}
			ul.DescProduto2 {
				margin:9px 5px;
				padding:1px 10px;
			}
			.DescProduto2 li {
				font:11px Arial;
				padding-left:8px;
				margin:5px 0px;
				color:#555;
			}
			.TabelaTitulo td {
				text-align:center;
			}
			td.Left, th.Left {
				text-align:left;
			}
			.Promocao th, .Promocao td {
				color:#fff;
				vertical-align:middle;
				font-weight:bold;
				padding:3px 3px 3px 3px;
			}
					
			/*----- Abas -----*/
				ul.Abas {
					height:21px;
					margin:0px 0px 5px;
					padding-top:7px;
					text-align:center;
				}
				.Abas li {
					list-style:none;
					display:inline;
					margin:0px 2px;
					padding-left:0px;
					font:11px Arial;
					line-height:normal;
					word-spacing:0px;
				}
				.Abas li a {
					padding:3px 10px;
					font:11px Arial;
					color:#fff;
					text-decoration:none;
				}
				.Abas li a:hover {
					color:#fff;
				}
				.Abas li.AbaAtiva {
					padding:4px 10px 8px;
					border:1px solid #c0c0c0;
					border-bottom:none;
					color:#0B2168;
				}
				
		/*----- Tabela Tópicos -----*/
			.TabelaTopico td, .TabelaTopico th {
				text-align:left;
			}
			.TabelaTopico th {
				padding:2px 0px 2px 8px;
				font:bold italic 14px Arial;
				color:#0B5E92;
			}
			.TabelaTopico td {
				padding-left:20px;
				font-weight:bold;
			}
			.TabelaTopico a {
				color:#000;
				text-decoration:none;
			}
			.TabelaTopico a:hover {
				text-decoration:underline;
			}
				
		/*----- Tabela Contato -----*/
			.Campos {
				margin:8px 0px;
			}
			.Campos label {
				display:block;
				margin:4px 7px 4px 4px;
				text-align:right;
				font-size:11px;
				color:#1A3166;
			}
			.Campos .Campo {
				font-size:11px;
				margin:2px 0px;
			}
			.Campos .Botao {
				border:none;
				margin:5px 0px;
			}

		/*------ Quadro Telefonica -----*/
			.Quadro {
				float:left;
				width:586px;
				height:148px;
				margin:0px 0px 0px 8px !important;
				margin:0px 0px -15px 8px;
				padding:2px;
			}
			.Quadro h1 {
				margin:18px 18px 9px 18px;
				font-size:15px;
				line-height:15px;
			}
			.Quadro p {
				width:360px;
				margin:9px 18px 18px 18px;
				font-size:13px;
				line-height:15px;
			}
			.Quadro img {
				float:right;
			}
			
		/*------ Quadro Telefonica -----*/
			.Quadro2 {
				float:left;
				width:586px;
				height:133px;
				margin:0px 0px 0px 8px;
				padding:2px;
			}
			.Quadro2 h1 {
				margin:18px 18px 9px 18px;
				font-size:20px;
				line-height:15px;
			}
			.Quadro2 p {
				margin:9px 18px 18px 18px;
				font:13px Arial;
				line-height:17px;
			}
			.Quadro2 img {
				float:right;
			}
			
		/*------ Quadro Telefonica Menor -----*/
			.QuadroMenor {
				float:left;
				width:186px;
				height:219px;
				margin:8px 0px 5px 9px;
				padding:2px;
			}
			.QuadroMenor p {
				margin:10px 18px 10px 18px;
				font-size:11px;
				line-height:15px;
			}
			.QuadroMenor img {
				margin-bottom:5px !important;
				margin-bottom:0px;
			}
			.QuadroMenor a {
				color:#00086E;
			}
			
		/*------ Quadro Menor 2 -----*/
			.QuadroMenor2 {
				float:left;
				width:136px;
				height:153px;
				margin:8px 0px 5px 9px;
				padding:2px;
			}
			.QuadroMenor2 p {
				margin:10px 13px;
				height:47px;
				font-size:11px;
				color:#000;
				line-height:12px;
			}
			.QuadroMenor2 img {
				margin-bottom:5px !important;
				margin-bottom:0px;
			}
			.QuadroMenor2 a {
				margin:0px 13px 5px;
				font-weight:bold;
				font-size:11px;
				word-spacing:-1px;
				letter-spacing:0px;
				display:block;
				color:#00086E;
			}
			.QuadroMenor2 a:hover {
				color:#000;
			}
			
		/*------ Quadro Menor 3 -----*/
			.QuadroMenor3 {
				float:right;
				width:154px;
				height:148px;
				margin:2px 0px 5px 9px;
				padding:18px;
			}
			.QuadroMenor3 h3 {
				margin:-16px -16px 18px;
				padding:5px 8px;
				text-align:center;
				font:bold italic 14px Arial;
				color:#fff;
			}
			.QuadroMenor3 p {
				line-height:12px;
				font-size:11px;
				color:#000;
			}
			.QuadroMenor3 a {
				font-weight:bold;
				font-size:11px;
				color:#00086E;
			}
			.QuadroMenor3 a:hover {
				color:#000;
			}
			.QuadroMenor3 a:hover p {
				text-decoration:underline;
			}
			.QuadroMenor3 label {
				display:block;
				width:100%;
				font-weight:bold;
				font-size:11px;
				color:#333;
			}
			.QuadroMenor3 .Campo {
				width:148px;
				margin-bottom:12px;
			}
			.QuadroMenor3 .Botao {
				float:right;
			}
			.QuadroMenor3 ul {
				margin:0;
				padding:0;
			}
			.QuadroMenor3 li {
				list-style:none;
				margin:0;
				padding:0px 0px 0px;
			}
			.QuadroMenor3 a {
				margin:0;
				padding:0;
			}
			.QuadroMenor3 a:hover {
				margin:0;
				padding:0;
			}
		
		/*----- Quadro Dinamico -----*/
			.QuadroDinam {
				display:none;
			}
		
		/*----- Quadro Formulários com deslocamento left -----*/
			.QuadroForm {
				margin:0px 10px 0px 10px;
			}
			.QuadroForm h4 {
				margin:20px -10px 5px -10px;
				font:bold 12px Arial;
				line-height:15px;
				color:#333;
				border-bottom:1px solid #287EAF;
			}
			.QuadroForm td, QuadroForm th {
				padding:2px 0px;
			}
			
		/*----- Lista Noticias -----*/
			.ListaNoticias dt {
				font-size:13px;
			}
			.ListaNoticias dt a {
				text-decoration:none;
				color:#01679E;
			}
			.ListaNoticias dt a:hover {
				text-decoration:underline;
				color:#00086E;
			}
			.ListaNoticias dd {
				margin-top:-10px;
				font-size:12px;
				color:#555;
			}
			.ListaNoticias dd b {
				font-size:10px;
				color:#66AD7E;
				font-weight:100;
			}
		/*----- Parceiros ----*/
			.Parceiro {
				font-size:12px;
				margin-top:10px;
			}
			.ParceiroLogo {
				width:100px;
				height:50px;
				min-height:50px;
				text-align:center;
				vertical-align:middle;
				border:solid 3px #EAEDEE;
			}
			.ParceiroTexto {
				 padding:5px;
				 border:solid 1px #EAEDEE;
				 border-left:none;
				 text-align:justify;
			}
						
/*---------- Rodape ----------*/
	.Rodape {
		clear:both;
		height:38px;
		padding:28px 20px 0px;
		border-top:1px solid #fff;
	}
	address {
		float:left;
		font:bold 11px Arial;
		color:#333;
	}
	.Rodape ul {
		display:none;
	}
	.Rodape li {
		display:none;
	}
	.Campo select {
		padding:0;
	}