/* CSS Document */

/* Engelétrica CSS Document */

body {  
background: url(http://www.engeletrica.com.br/maladireta/images/bgbody.jpg) repeat-x;
margin:0;
padding:0px;
text-align:center;
}		

#home{
background: white;
margin:0;
padding:0px;
text-align:center;
}
	
#geral {
width: 780px;
margin:0 auto;			
padding: 0px;
text-align:left;
}
	
/* MENU SUPERIOR: logotipo, links empresa */

#kbça {
width:780px;
height: 25px;
font-family: Tahoma, arial, verdana;
font-size: 10px;
color: gray;
border-bottom: 3px solid #FF6600;
float: left;
padding-left:10px
}
		
		.textmrkt{
		font-family: Tahoma, arial, verdana;
		font-size: 12px;
		font-weight: bold;
		color: gray;
		float: right;
		margin:-25px 15px 2px 0;
		padding:0;
		}

.menslink{float: right; text-decoration: none; font-family: Tahoma, Verdana, arial; font-size: 18px; color: white; letter-spacing:1.2}
	
	a.menslink:link {text-decoration: none}
	a.menslink:hover {text-decoration: none; color: #ff6600}

#menu1{
width: 780px;
height: 32px;
font-family: Tahoma, arial, verdana;
font-size: 10px;
color: gray;
text-decoration: none;
float: right;
margin:5px 0 5px 0;
}
		
	.menu1 {
	width: 108px;
	height: 5px;
	font-family: Tahoma, arial, verdana;
	font-size: 10px;
	color: #98B1C4;
	text-decoration: none;
	float: right;
	margin:0;
	padding: 3px;
	}
			
			a.menu1:hover {text-decoration: none; color:#ff6600}
			a.menu1:link{text-decoration: none;}
			
#menu1a {
width: 780px;
height: 3px;
font-family: Tahoma, arial, verdana;
font-size: 10px;
color: #354E75;
text-decoration: none;
float: right;
margin:0 0 5 0;
padding: 1px;
}

	.menu1a {
	width:auto;
	height: 3px;
	font-family: Tahoma, arial, verdana;
	font-size: 10px;
	color: #354E75;
	text-decoration: none;
	float: right;
	margin:0 20px 0 2px;
	padding: 0 40px 5px 5px;
	}
			
	a.menu1a:hover {text-decoration: none; color:#ff6600; }
	a.menu1a:link{text-decoration: none;}
	
#banner{width:780px; height:162px; background: #354e75 url(banner_home00.jpg) no-repeat;}
	
	.textobanner{width:180px; height:auto; font-family: Tahoma, arial, verdana; font-size: 11px; color:#FFFFFF; margin:2px; margin-left:10px; padding:4px; line-height:14px; letter-spacing:1px}

#dstk {
width:780px;
background: #354e75;
border-bottom: 3px solid #ff6600
}
	
	.menudstk{
	width:180px;
	font-family: Tahoma, arial, verdana;
	font-size: 12px;
	color: #c5c5c5;
	text-decoration: none;
	text-align: left;
	margin:0;
	padding: 10px 0 0 10px;
	}
	
	.menudstklink{
	width: 160px;
	height: 18px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1;
	line-height: 1;
	padding: 3px 4px 2px 8px;
	margin: 0;
	border-bottom: 1px solid #999999;
	}
	
	a.menudstklink:hover {text-decoration: none; color:#354e75; background:#f5f5f5; border-left:3px solid #FF6600}
	a.menudstklink:link {text-decoration: none;}

	.box{
	width:198px;
	font-family: Tahoma, arial, verdana;
	font-size: 10px;
	color: #f5f5f5;
	text-decoration: none;
	background:url(bgbox.jpg) repeat;
	letter-spacing: 1;
	line-height: 1;
	padding: 0;
	margin-bottom:5px;
	text-align: center;
	}
	
	h1{
	font-family: Tahoma, arial, verdana;
	font-size: 11px;
	color: #f5f5f5;
	padding: 0;
	margin: 0;
	}
	
	.box3{
	
	font-family: Tahoma, arial, verdana;
	font-size: 10px;
	color: #f5f5f5;
	text-decoration: none;
	background: url(box3_bg.jpg) repeat;
	border-bottom: 8px solid #006699;
	letter-spacing: 1;
	line-height: 1;
	padding: 5px 3px 3px 5px;
	margin: 5px 3px 3px 5px;
	}
	
	.boxlink3{
	width:174px;
	height: 20px;
	background:#354e75;
	padding: 4;
	margin: 0;
	text-align:center;
	}
	
	a.boxlink3:hover{text-decoration: none; color:#FF6600;}
	a.boxlink3:link{text-decoration: none; color: #f5f5f5;}
	a.boxlink3{text-decoration: none; color: #f5f5f5;}

	
	

/* MENU LATERAL */

#leftside {
position: absolut;
width: 189px;
height: auto;
font-family: Tahoma, arial, verdana;
font-size: 10px;
color: white;
text-decoration: none;
float: left;
margin:0px;
padding:0px;
}
	.divcom{
	width:auto;
	height: auto;
	float: left
	}
			
	ul#menu2 {
	width: 189px;
	height: 740;
	border-top: 3px solid #354e75;	
	background: #f5f5f5 url(http://www.engeletrica.com.br/maladireta/images/apresenta_menuleftbg.gif) repeat;
	padding: 20px 0px 0px 15px
	}
		
	li{list-style: none; }
	
	.menu2 {
	width: 160px;
	height: 18px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #354e75;
	text-decoration: none;
	letter-spacing: 1;
	line-height: 1;
	padding: 3px 4px 2px 8px;
	margin: 0;
	border-left: 3px solid #354e75;
	}
	
	a.menu2:hover {text-decoration: none; color:#FFFFFF; background:#354e75; border-left:3px solid #FF6600}
	a.nenu2:link {text-decoration: none;}

.leftside2 {
width:155px;
height: auto;
background: url(file:///E|/WebDesign/wwwroot/enge/bg_test.gif) repeat;
font-family: Tahoma, arial, verdana;
font-size: 10px;
color: white;
text-decoration: none;
padding: 0px 0px 3px 3px;
margin: 0px;
border-bottom: 3px solid #354e75;
float: center
}
	
	.login{
	width:180px;
	font-family: Tahoma, arial, verdana;
	font-size: 12px;
	color: #f5f5f5;
	text-decoration: none;
	margin-left:18px;
	border-bottom: 3px solid #354e75
	}
	
	.menu3 {
	width:auto;
	font-size: 12px;
	color: #354E75;
	text-decoration: none;
	letter-spacing: 1;
	line-height: 1;
	margin: 3px; margin-left:13px
	}
	
	.button{margin: 0px 0px 0px 13px;}
	
	.img{
	width:140px;
	margin-top: 15px;
	padding:0;
	border: 3px solid #FF6600
	}
	
	.imgtext{
	width:140px;
	height: 20px;
	margin:0px;
	padding: 4px;
	padding-left:4px;
	font: 80%, Tahoma, Verdana, Arial;
	color: #FFFFFF;
	text-decoration: none;
	background: #FF6600
	}

/* CONTEÚDO PRINCIPAL */

#CONTENT {
width: 410px;
height: auto;
font-family: Tahoma, arial, verdana;
font-size: 10px;
color: gray;
text-decoration: none;
background:#ffffff;
border-top: 3px solid #354e75;
padding: 0px;
margin: 0px;
float: left;
}

	.logochange{
	margin-left: 60px;
	}
	
	ul{
	width: 184px;
	height: 150px;
	padding:5px;
	margin:0px;
	}
	
	li {
	padding:0px;
	margin:0px;
	}

	h1{
	font-family: Tahoma, arial, verdana;
	font-size: 11px;
	color: #f5f5f5;
	padding: 0;
	margin: 0;
	}
	
	.texto1 {
	width: 395px;
	font-family: Tahoma, arial, verdana;
	font-size: 12px;
	color: gray;
	text-decoration: none;
	letter-spacing: 0.5;
	line-height: 1.5;
	padding: 0;
	margin: 10 0 0 10;
	background: #ffffff;
	}
	
	#cases{
	width: 180px;
	height: 740;
	float:right;
	margin-top:0px;
	padding-top:0px;
	background:#f5f5f5 url(http://www.engeletrica.com.br/maladireta/images/apresenta_menuleftbg.gif) repeat;
	border-top: 3px solid #354e75
	}
	
	.righttext{
	font-family: Tahoma, arial, verdana;
	font-size: 12px;
	color: #354e75;
	text-decoration: none;
	letter-spacing: 0.5;
	line-height: 1.5;
	padding: 2;
	margin: 5;
	}
	
	
/*RODAPÉ */

#footer {
	margin: 0px; padding: 3px 0;
	clear: both;
	background:#354E75;
	width: 772px;
	height: 20px;
	color: #f5f5f5;
	font: 70% 'Tahoma', Arial, sans-serif;
	border-top: 3px solid #FF6600
}
#footer a, #footer a:visited, #footer a:active {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}


.container {
	margin: 6px 0px 6px 6px; padding: 0;
	width: 774px;
	float:center;
}