@font-face {
	font-family: 'Conv_CharlotteSansStd-Medium';
	src: url('fonts/CharlotteSansStd-Medium.eot');
	src: local('☺'), url('fonts/CharlotteSansStd-Medium.woff') format('woff'), url('fonts/CharlotteSansStd-Medium.ttf') format('truetype'), url('fonts/CharlotteSansStd-Medium.svg') format('svg');
	
}


html,body {
    font-family:"Trebuchet MS";

 	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
    width: 100%;
	height: 100%;
}
* {
	margin: 0;
	padding:0;
}
#fundo ul{ 
	list-style: none; 
	position:relative;
	}
#fundo-externo {
	overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
	width: 100%;
	height: 100%;
	position: relative; /* criamos um contexto para posicionamento */
	float:left;
}
 
#fundo {
	position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
	width: 100%;
	height: 100%;
}
 
#fundo ul li img {
	width: 100%; /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */
	position: absolute;
	top:50px;
	left:0;

}


	
#principal{
	position:absolute;
	width:100%;
	height: 0 auto;
	z-index:10;
	
	
	
	}
	#principal_t{
	position:relative;
	width:100%;
	height: 0 auto;
	z-index:10;
	
	
	
	}
#topo{
	position:relative;
	background:url(../img/fundo-topo.jpg) center no-repeat;
	width:100%;
	height:119px;

	}
#rodape{
	position:fixed;
	background:url(../img/fundo-rodape.jpg) center no-repeat;
	width:100%;
	height:109px;
	bottom:0;
	
}
#rodape_t{
	margin-top:15px;
	position:relative;
	background:url(../img/fundo-rodape.jpg) center no-repeat;
	width:100%;
	height:109px;
	bottom:0;
	
	
}
#principal_topo{
	margin:0 auto;
	position:relative;
	width:1000px;
	height:119px;


	
}
#logo{
	position:absolute;
	background:url(../img/logo.png);
	width:239px;
	height:108px;
	top:3px;
	margin-left:50px;
	
	
	}
#menu{
	position:absolute;
	width:635px;
	height:80px;
	margin-left:310px;
	}


ul.dropdown	li.menuu{
	font-family:,"Trebuchet MS";
	list-style: none;
	font-size:16px;
	padding-top:29px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:10px;
	float: left;
	}
	
	
	
ul.dropdown{
		
	 position: relative; 
	 }
ul.dropdown li {
	zoom: 1; 
	}
ul.dropdown a:hover{ 
	color: #000; 
	}
ul.dropdown a:active{ 
	color:#00F;
	}
	
ul.dropdown li a{
	text-decoration:none;
	display: block; 
	color: #222; 
	}

/* Doesn't work in IE */
ul.dropdown li.menuu ul li {
	background:none;
	
	}

ul.dropdown li:hover{
	 background:#c0db5e; 
	 color: black;
	 position:relative;
	}
	
ul.dropdown li.hover a { 
	 color: black;
	}




/* 
	LEVEL TWO
*/
ul.dropdown ul{
	position:absolute; 
	list-style:none;
	visibility:hidden;
	width:700px;
	height:60px;
	top: 100%;
	left: 0; 
}

ul.dropdown ul.sub_menu_sobre{
	left: -73px; 
}

ul.dropdown ul.sub_menu_voz{
	left: -215px; 
}

ul.dropdown ul.sub_menu_internet{
	left: -263px; 
}

ul.dropdown ul.sub_menu_dados{
	left: -343px; 
}

ul.dropdown ul.sub_menu_area{
	left: -510px; 
}

ul.dropdown ul li{
	position:relative;
	width:auto;
	border-right:1px solid #000;
	top:10px;
	padding-left:8px;
	padding-right:8px;
	float:left;
	}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ 
 	border-right: none;
 	width: 100%; 
	display: inline-block; 
 } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul {
	 left: 100%;
	 height:12px;
	 width:12px;
	 top: 0; 
	 }
ul.dropdown li:hover > ul{
	 visibility: visible; 
	 
	 }


#rodape_principal{
	margin:0 auto;
	position:relative;
	width:1000px;
	height:109px;
	z-index:200;
}
#txt_rodape{
	font-family:"Trebuchet MS";
	margin:0 auto;
	position:relative;
	text-align:center;
	top:80px;
	width:650px;
	height:20px;
	z-index:290;
}
#alinha{
	position:absolute;
	top:10px;
	margin-bottom:10px;
	margin:0 auto;
	position:relative;
	width:1000px;
	height:auto;
	}

#tela{
	position:relative;
	margin:0 auto;
	text-align:center;
	background:#FFF;
	border:3px solid #f0f0f0;
	width:757px;
	height:805px;
	z-index:244;
}
#fundoTela{
	position:relative;
	background:url(../img/fundoTelas.jpg) center no-repeat;
	width:730px;
	height:776px;
	z-index:333;
	margin:0 auto;
	top:15px;
	}
#titulo{
	margin:0 auto;
	width:730px;
	height:87px;
	
	}
#titulo img{
	margin-top:23px;
}
#texto_tela{
	
	text-align:center;
	margin:0 auto;
	width:700px;
	height:auto;
	}
#texto_tela p {
	margin-top:45px;
	color:#848484;
	text-align:justify;
	font-size:17px;
}
#texto_tela img {
	margin-top:45px;
	text-align:justify;
}
#form_contato{
	margin-left:23%;
	margin-top:60px;
	height:auto;
	}
	
#data{
	margin-top:80px;
	font-size:21px;
	color:#4e4e4e;
	z-index:999;
	}
	
.tahoma-02-cinza{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#828282;
	text-align:right;
	}
	
.btcontato{
	text-align:right;
			
		}
		
		#icones{
			margin-left:30px;
			margin-top:10px;

	}
/* =Shadow Nav
	-------------------------------------------------------------------------- */
	#nav-shadow {
			margin: 0 auto 50px auto;
			width: 657px;
			height: 430px;
			text-align: center;
			
			list-style: none;
			}
			
		#nav-shadow li {
			margin-right:15px;
			margin-top:60px;
			width: 148px;
			height: 148px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 148px;
			height: 148px;
			text-indent: -9999px;
			overflow: hidden;
			display: block;
			position: relative;
			
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
			background:url(../img/iconeDados.png);			
			
			}
			
		#nav-shadow li.button-color-2 a {
			background:url(../img/iconeExtrato.png);
		
			}
			
		#nav-shadow li.button-color-3 a {
			background:url(../img/iconeSegundaVia.png);
		
			}
			
		#nav-shadow li.button-color-4 a {
			background:url(../img/iconeNota.png);
			
			}
		#nav-shadow li.button-color-5 a {
			
			background:url(../img/iconeFale.png);		
			
			}
			
		#nav-shadow li.button-color-6 a {
			background:url(../img/iconeWebmail.png);
		
			}
			
		#nav-shadow li.button-color-7 a {
			background:url(../img/iconeMedidor.png);
		
			}
			
		#nav-shadow li.button-color-8 a {
			background:url(../img/iconeContrato.png);
			
			}
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}