* { margin: 0; padding: 0; }
	
	body {
		font-family: Arial, Tahoma, Verdana, sans-serif;
		font-size: 62.5%;
		background: #FFF;
		overflow-x: hidden;
		}
		
		html, body {
			height: 100%;
			width: 100%;
			}
			
			html>body {
				height: auto;
				min-height: 100%;
				}
		
		.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}
		
		.clearfix {display: inline-table;}
		/* IE-mac filter \*/* 
		html .clearfix {height: 1%;} .clearfix {display: block;}
		/* End IE-mac filter */
		
		.hide { display: none; }
			
	/* 	---------------------------
		FONTS
		------------------------ */

		.c { text-align: center; color: #888;}
		.l { text-align: left; }
		.j { text-align: justify; }
		.r { text-align: right; }
		
		.bold { font-weight: bold; }
		
		p { 
			font-size: 1.2em;
			color: #888;
			}
			
			#headerinfo {
				font-size: 1.3em;
				font-weight: bold;
				color: #888;
				}
				
			#footerinfo {
				font-size: .9em;
				color: #888;
				}
			
		body a {
			color: #900;
			text-decoration: none;
			font-weight: bold;
			}
			
		h1, h2, h3, h4, h5, h6 {
			font-family: "Century Gothic", Arial, Verdana, sans-serif;
			}
			
		h1 { }
		
		h2 { }
		
			.dt_div_error_sumario h2 {
				font-size: 1.2em !important;
				font-weight: bold;
				letter-spacing: -1px;
				}
		
	/* 	---------------------------
		ESTRUTURAÇÃO COMUM
		------------------------ */
		
		#template  {
			width: 100%;
			}
			
		.loading {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background: #fff;
			z-index: 2;
			-moz-opacity: .8;
			filter: alpha(opacity = 80);
			}
			
			.loading div {
				position: absolute;
				background: url(../..../../skin/7C7900001EEBC00019D6/images/bk_loading.gif) no-repeat;
				width: 250px;
				height: 70px;
				left: 50%;
				top: 50%;
				margin: -35px 0 0 -125px;
				}
				
				.loading div img {
					float: left;
					margin: 18px 30px 0px 18px;
					}
					
				.loading div h2 {
					font-size: 1.5em;
					margin: 16px 0 3px 20px;
					}
					
				.loading div p {
					font-size: 1.1em;
					color: #111;
					}
					
		.error {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background: #fff;
			z-index: 2;
			-moz-opacity: .8;
			filter: alpha(opacity = 80);
			}
			
			
			.error div,
			.error_popup {
				position: absolute;
				background: url(../../skin/7C7900001EEBC00019D6/images/bk_error.gif) no-repeat;
				width: 250px;
				height: 90px;
				left: 50%;
				top: 50%;
				margin: -45px 0 0 -125px;
				color: #fff;
				}
				
				.error div img,
				.error_popup img {
					float: left;
					margin: 21px 10px 20px 15px;
					}
					
				.error div h2,
				.error_popup h2 {
					font-size: 1.4em;
					margin: 8px 0 0px 20px;
					}
					
				.error div p,
				.error_popup p {
					font-size: 1.1em;
					color: #f4f4f4;
					margin: 0 10px 3px 10px;
					}
					
		.error_system {
			position: absolute;
			width: 80%;
			border: 2px solid #ddd;
			top: 0px;
			left: 50%;
			margin: 0 0 0 -40%;
			z-index: 50;
			background: #ffc url(../../skin/7C7900001EEBC00019D6/images/bk_feedback_error.gif) repeat-x top;
			padding: 10px;
			font-size: 1.2em;
			}
				
		.dt_div_error_sumario {
				background: #ffc url(../../skin/7C7900001EEBC00019D6/images/bk_feedback_error.gif) repeat-x top;
				padding: 10px;
				margin: 10px 0;
				text-align: left !important;
				}
				
				.dt_div_error_sumario ul {
					list-style-type: none;
					font-size: 1.1em !important;
					margin: 5px 0 0 10px;
					color: #444;
					}
					
					.dt_div_error_sumario ul li {
						padding-left: 20px;
						line-height: 1.6em;
						background: url(../../skin/7C7900001EEBC00019D6/images/bullet_error.gif) no-repeat 0px 50%;
						}
			
			/* --- HEADER --- */
			
			#header {
				position: relative;
				height: 122px;
				width:100%;
				background:#fff url(../../skin/7C7900001EEBC00019D6/images/header.jpg) repeat-x;
							}
				
				#logo {
					padding: 0px 0 0 0;
					top: 0px;
		left: 0px;
					}
				
					#logo h1 {
						width: 469px;
						height: 122px;
						float:left;
					
						text-indent: -9999px;
						background: url(../../skin/7C7900001EEBC00019D6/images/top.jpg) no-repeat 50% 50%;
						}
				
				#headerinfo { 
					position: relative;
					width: 100%;
					bottom: 24px;
					text-align: center;
					text-transform:uppercase;
					letter-spacing: 0.1em;
					}
					
					body.noheaderinfo #headerinfo { display: none !important; }
			
			/* --- CONTENT --- */
			
			#content {
				background:#FFF;
				}
			
				#content div.box { 
					padding: 10px;
					}
					
				#content div.extra { 
					padding: 60px 10px;
					}
					
				#content div.wrapped { 
					height: 400px;
					overflow: auto;
					}
				
			/* --- FOOTER --- */
			
			#footer { 
			position: absolute;
			width:100%;
			bottom: 0px;
			border-top: 1px dashed #C4C4C4;
			background: #FBFBFB;
				}
				
				.nofooter #footer { display: none; }
				
				#footerinfo {
					float: left;
					margin: 10px;
					}
					
					body.nofooterinfo #footerinfo { display: none; }
					
					#info p {
						}
				
				#directtalk {
					float: right;
					padding: 10px;
					}
					
					body.nofooterinfo #directtalk {
						float: none;
						text-align: center;
						}
					
	/* 	---------------------------
		TEMPLATES
		------------------------ */
		
		/* 	->> TEMPLATE :: INICIO <<----------------------------- */
		
		#tpl-inicio { }
		
			#tpl-inicio .dt_div_botao_envia {
				margin: 5px 10px;
				text-align: center;
				}
				
		/* 	->> TEMPLATE :: EMAIL <<----------------------------- */
		
		#tpl-email { }
		
			#tpl-email .dt_div_botao_envia,
			#tpl-email .dt_div_botao_reconecta { display: inline; }
			
				#dt_div_id_email {
					text-align: center;
					}
				
				.dt_input_text_email {
					width: 85%
					}
		
		/* 	->> TEMPLATE :: DIALOGO <<----------------------------- */
		
		#tpl-dialogo { background: #fff;}
		
			/* --- AREA DE DIALOGO E DADOS DO OPERADOR --- */
			
			#dt_id_div_dialogo { 
				width: 100%;
				background: #fff;
				}
			
				#dt_id_div_dialogo_mensagem {
					float: left;
					width: 69%;
					}
					
					.invert #dt_id_div_dialogo_mensagem {
						float: right ;
						width: 70%;
						}
						
					.widemensagem #dt_id_div_dialogo_mensagem {
						width: 100%;
						}
				
					div.dt_panel_dialogo_panel { 
						margin: 5px;
						height: 170px;
						overflow: scroll;
						overflow-x: hidden;
						}
					
				#dt_id_div_dialogo_operador { 
					float: right;
					width: 29%;
					text-align: center;
					}
					
					.widemensagem #dt_id_div_dialogo_operador {
						display: none;
						}
					
					#dt_id_div_foto_operador {
						margin: 30px 0 0 0;
						}
					
						img.dt_img_dialogo_foto { 
							width: 80px;
							height: 120px;
							background: #ddd;
							padding: 2px;
							}
						
						span.dt_panel_dialogo_nome_operador { 
							position: relative; /* Guilhotinne Bug do IE */
							font-size: 1.1em;
							font-weight: bold;
							}						
			
			/* --- AREA DE DIGITACAO DO DIALOGO --- */
			
			#dt_id_div_dialogo_input {
				margin: 7px 0 0 0;
				}
				
				#dt_id_textarea_dialogo_input { 
					float: left;
					width: 69%;
					text-align: right;
					}
					
					.invert #dt_id_textarea_dialogo_input {
						float: right;
						width: 69%;
						text-align: left;
						}
						
					.widedigita #dt_id_textarea_dialogo_input {
						width: 100%;
						text-align: center;
						}
					
					#dt_id_textarea_dialogo_input textarea {
						width: 97%;
						height: 50px;
						overflow: auto;
						}
						
						.widedigita #dt_id_textarea_dialogo_input textarea {
							width: 97%;
							}
						
					span.dt_panel_dialogo_estado {
						clear: both;
						display: block;
						margin: 5px;
						font-size: 1.1em;
						font-weight: bold;
						}
						
						.widedigita span.dt_panel_dialogo_estado {
							text-align: center;
							}
							
						.invert span.dt_panel_dialogo_estado {
							text-align: right;
							}
				
				#dt_id_div_dialogo_botoes { 
					float: left;
					width: 29%;
					text-align: center;
					}

					#dt_id_div_dialogo_botoes div input {
						display: inline;
						border: 1px solid red;
						margin: 0px !important;
						padding: 0px !important;
						}
					
					.widedigita #dt_id_div_dialogo_botoes div {
						display: inline;
						}
					
					.widedigita #dt_id_div_dialogo_botoes {
						width: 100%;
						text-align: center;
						}
						
			table.dt_table_dialogo_mensagem { 
				border-collapse: collapse;
				font-size: 1.1em;
				width: 96%;
				}
			
			/* --- CONFIGURAÇÃO PARA AS MENSAGENS DO OPERADOR --- */
		
			table.dt_table_dialogo_mensagem tbody tr.dt_tr_dialogo_operador {color: #F97D01; }
			
				table.dt_table_dialogo_mensagem tbody tr.dt_tr_dialogo_operador th { 
					width: 30%;
					text-align: right;
					padding: 4px;
					vertical-align: top;
					}
					
					body.dialogolinha table.dt_table_dialogo_mensagem tbody tr.dt_tr_dialogo_operador th { text-align: left }
					
				table.dt_table_dialogo_mensagem tbody tr.dt_tr_dialogo_operador td { 
					width: 70%;
					text-align: left;
					padding: 4px;
					vertical-align: top;
					}
					
					body.dialogolinha table.dt_table_dialogo_mensagem tbody tr.dt_tr_dialogo_operador td { padding: 4px 4px 4px 15px }
					
					span.dt_span_dialogo_hora_operador {
						display: block;
						font-weight: bold;
						padding: 0 5px 0 0;
						}
					
			/* --- CONFIGURAÇÃO PARA AS MENSAGENS DO CLIENTE --- */
					
			table.dt_table_dialogo_mensagem tbody tr.dt_tr_dialogo_usuario { color: #7D7D7D}
				
				table.dt_table_dialogo_mensagem tbody tr.dt_tr_dialogo_usuario th { 
					width: 30%;
					text-align: right;
					padding: 4px;
					vertical-align: top;
					}
					
					body.dialogolinha table.dt_table_dialogo_mensagem tbody tr.dt_tr_dialogo_usuario th { text-align: left }
					
				table.dt_table_dialogo_mensagem tbody tr.dt_tr_dialogo_usuario td { 
					width: 70%;
					text-align: left;
					padding: 4px;
					vertical-align: top;
					}
					
					body.dialogolinha table.dt_table_dialogo_mensagem tbody tr.dt_tr_dialogo_usuario td { padding: 4px 4px 4px 15px }
					
					span.dt_span_dialogo_hora_usuario {
						display: block;
						font-weight: bold;
						padding: 0 5px 0 0;
						}
		
		/* 	->> TEMPLATE :: FIM <<----------------------------- */
		
		#tpl-fim { }
		
			#tpl-fim #conteudo span {
				font-size: 1.2em;
				line-height: 1.7em;
				}
		
			#tpl-fim .dt_div_botao_reconecta {
				margin: 10px 0px;
				text-align: center;
				}
		
		/* 	->> TEMPLATE :: CALLBACK <<----------------------------- */
		
		#tpl-callback { }
		
			#tpl-callback .dt_div_botao_envia {
				margin: 10px 0px;
				text-align: center;
				}
				
		/* 	->> TEMPLATE :: FORA DE HORÁRIO <<----------------------------- */
		
		#tpl-foradehorario { }
		
			table.horop {
				width: 80%;
				border-collapse: collapse;
				font-size: 1.1em;
				border-bottom: 2px solid #959597;
				margin: 10px auto;
				}
				
				table.horop thead { }
				
					table.horop thead th { 
						padding: 5px 5px;
						background: #959597;
						color: #fff;
						}
						
				table.horop tbody { 
					text-align: center;
					}
				
					table.horop tbody td {
						padding: 5px 5px;
						}
		
		/* 	->> TEMPLATE :: FILA <<----------------------------- */
		
		#tpl-fila { }
		
			#tpl-fila .dt_div_botao_reconectar,
			#tpl-fila .dt_div_botao_sair {
				margin: 10px 0px;
				text-align: center;
				}
		
			.dt_span_fila {
				font-size: 1.1em;
				display: block;
				text-align: center;
				}
				
				#dt_id_span_filanome,				
				#dt_id_span_filaposicao {
					font-weight: bold;
					background: #f4f4f4;
					color: #666;
					}
		
		/* 	->> TEMPLATE :: OPERADOR <<----------------------------- */
		
		#tpl-operador { }
		
			#tpl-operador .dt_div_botao_sair {
				text-align: center;
				}
		
			table.dt_table_operador_lista {
				width: 50%;
				font-size: 1.1em;
				margin: 10px auto;
				border: 1px solid #ddd;
				-moz-border-radius: 4px;
				}
				
				table.dt_table_operador_lista a {
					cursor: pointer;
					}
				
				table.dt_table_operador_lista tr.dt_tr_id_operador_status_livre {
					background: #EFFFEF;
					}
					
					table.dt_table_operador_lista tr.dt_tr_id_operador_status_livre th {
						width: 50%;
						padding: 5px 6px 5px 25px;
						text-align: left;
						background: #EFFFEF url(../../skin/7C7900001EEBC00019D6/images/operador_free.gif) no-repeat 5px 50%;
						color: #42AF41;
						}
						
						table.dt_table_operador_lista tr.dt_tr_id_operador_status_livre th a {
							text-decoration: underline;
							color: #42AF41;
							}
						
					table.dt_table_operador_lista tr.dt_tr_id_operador_status_livre td {
						width: 50%;
						padding: 5px 6px;
						text-align: left;
						}
					
				table.dt_table_operador_lista tr.dt_tr_id_operador_status_ocupado {
					background: #FFEFF1;
					}
					
					table.dt_table_operador_lista tr.dt_tr_id_operador_status_ocupado th {
						width: 50%;
						padding: 5px 6px 5px 25px;
						text-align: left;
						background: #FFEFF1 url(../../skin/7C7900001EEBC00019D6/images/operador_busy.gif) no-repeat 5px 50%;
						color: #BF5362;
						}
						
					table.dt_table_operador_lista tr.dt_tr_id_operador_status_ocupado td {
						width: 50%;
						padding: 5px 6px;
						text-align: left;
						}
		
		/* 	->> TEMPLATE :: ERROR <<----------------------------- */
		
		#tpl-error { }
		
			#tpl-error .dt_div_botao_reconecta {
				margin: 10px 0 0 0;
				}
		
	/* 	---------------------------
		FORMULÁRIOS
		------------------------ */
	
		/* --- CMXFORM --- */
	
		form.cmxform fieldset { 
			margin-bottom: 10px; 
			}
		
		form.cmxform legend {
			padding: 0 2px;
			font-weight: bold;
			_margin: 0 -7px; /* IE Win */
			}
			
		form.cmxform label {
			display: inline-block;
			line-height: 1.1em;
			vertical-align: top;
			}
				
			html>body form.cmxform input {
				margin: 0 0 5px 0;
				}
				
				.dt_div_botao_envia input,
				.dt_div_botao_sair input,
				.dt_div_botao_reconecta input { background: none !important; }
			
		form.cmxform fieldset ol {
			margin: 0;
			padding: 0;
			}
			
		form.cmxform fieldset li {
			clear: both;
			list-style: none;
			padding: 5px;
			margin: 0;
			}
			
			form.cmxform fieldset li:after {
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
				}
			
		form.cmxform fieldset fieldset {
			border: none;
			margin: 3px 0 0;
			}
			
			form.cmxform fieldset fieldset br {
				clear: both;
				}
			
			form.cmxform fieldset fieldset legend {
				padding: 0 0 5px;
				font-weight: normal;
				}
				
			form.cmxform fieldset fieldset label {
				display: inline;
				width: auto;
				}
			
				form.cmxform fieldset fieldset label {
					padding: 0px;
					margin: 2px 5px;
					line-height: 1.2em !important;
					}
					
					html>form form.cmxform fieldset fieldset label {
						margin: 0px 5px;
						}

		form.cmxform em {
			font-size: 1em;
			font-weight: bold;
			font-style: normal;
			color: #f00;
			}
			
		form.cmxform .dt_span_error_item {
			float: left;
			width: 250px;
			background: url(../../skin/7C7900001EEBC00019D6/images/bullet_error.gif) no-repeat 0px 2px;
			text-indent: 18px;
			font-size: .9em !important;
			font-weight: bold;
			font-style: normal;
			color: #f00;
			line-height: 1.8em;
			}

		form.small label { width: 80px; }
		form.small fieldset fieldset input,
		form.small .dt_span_error_item { margin-left: 80px !important; } 
		
		form.medium label { width: 120px; }
		form.medium fieldset fieldset input,
		form.medium .dt_span_error_item { margin-left: 123px !important; } 
		
		form.big label { width: 190px; }
		form.big fieldset fieldset input,
		form.big .dt_span_error_item { margin-left: 193px !important; }
		
			/* --- IE WIN 6.0 FIXES --- */
			* html form.small .dt_span_error_item { margin-left: 90px !important; } 
			* html form.medium .dt_span_error_item { margin-left: 133px !important; }
			* html form.big .dt_span_error_item { margin-left: 203px !important; }
			

		/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
	
		/* --- CMXFORM FORMATAÇÃO --- */

		form.cmxform {
			font-family: Arial, Verdana, sans-serif;
			font-size: 11px;
			font-weight: bold;
			color: #888;
			
			}
		
		form.cmxform legend { 
			padding-left: 10px; 
			font-weight: bold;
			color: #888;
			}

		form.cmxform input,
		form.cmxform textarea {
			font-family: Arial, Verdana, sans-serif;
			font-size: 1em;
			padding: 2px;
			color: #777;
			background: #fff ;
			border: 1px solid #D8D8D8;
					}
			
			form.cmxform fieldset fieldset input {
				background: none;
				border: none;
				}
				
		form.cmxform select {
			width: 150px;
			}
		
		form.cmxform fieldset {
			border: 0;
			margin-top: 10px;
			}
			
		form.cmxform fieldset fieldset { 
			background: none; 
			border-top: 2px solid #ddd;
			}
			
			form.cmxform fieldset fieldset legend {
				padding: 0px 10px 0 0;
				}
						
		form.cmxform fieldset li {
			padding: 5px 10px 5px;
			}
			
		/* --- BLKFORM --- */
		
		form.blkform {
			width: auto;
			margin: 10px 0px;
			}
			
			form.blkform fieldset {
				border: 0;
				}
				
				form.blkform fieldset ol {
					list-style: none;
					}
				
			form.blkform label {
				display: block;
				font-weight: bold;
				font-size: 1.2em;
				padding: 4px 0px;
				}
			
			form.blkform input,
			form.blkform textarea {
				padding: 4px;
				font-size: 1.3em;
				color: #777;
				background: #fff;
				border-top: 1px solid #D8D8D8;
				}