@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	
}
#novidades .textBox {
margin-bottom:20px;
}

#novidades .textBox b {
font-weight:normal;
}

#novidades .textBox font {
font-size:10px;
}

#novidades .textBox p {
margin:4px 0 0 0;
width:360px;
_width:360px;
font-size:10px;

}

.box {
width:360px;
_width:360px;
float:left;
}

.textBox {
width:320px;
_width:320px;
_height:120px;
height:95px;
background:#FFFFFF;
overflow:auto;
}

.textBox p {
margin:4px 0 0 0px;
width:350px;
_width:200px;
font-size:1em;
color:#0F4F6A;
text-align:justify;
}


body {
	text-align: center;
	margin: 0px 15px 0 15px;
	font-family: verdana, sans-serif;
	font-size:10px;
	color:#617884;
	line-height:15pt;
	background-color: #E2E9F0;
	background-image: url(../imagens/bg_elo.jpg);
	background-repeat: repeat-x;
}

.clear {
	clear: both;
}

#container {
	width: 934px;
    height: 768px;
	margin: 0 auto;	
	text-align: left;
}

#header {
	width: 934px;
	height: 105px;
}

h1 {
	width: 209px;
	height: 94px;
	background: url(../imagens/logo_elogroup.jpg) no-repeat;
	float: left;
}
h1 a{
	width: 209px;
	height: 94px;;
	display:block
	}

h2 {
	color: #4C609F;
	font: 20px Verdana;
	margin: 5px 0 20px 9px;
	padding: 3px 0 20px 30px;
	background: url(../imagens/seta_titulo.jpg) no-repeat;	
	width: 560px;
}

h3 {
	color: #4C609F;
	font: 17px Verdana;
	margin: 0 0 10px 8px;
	padding: 0 0 10px 8px;
	width: 560px;
}

h4 {
	color: #4C609F;
	font: 13px Verdana;
	margin: 0 0 3px 8px;
	padding: 0 0 3px 8px;
	font-weight:bold;
	line-height:22px;
}

h4 a
{
text-decoration:none;
}


h5 {
	color: #E88422;
	font: 11px Verdana;
	margin: 0 0 5px 5px;
	padding: 0 0 5px 5px;
	font-weight:normal;
	line-height:22px;
}

h5 a
{
text-decoration:none;
}

h6{
	color: #4C609F;
	font: 20px Verdana;
	margin: 5px 5px 20px 9px;
	padding: 3px 0 20px 30px;
	background: url(../imagens/seta_titulo.jpg) no-repeat;	
	width: 150px;
}

.cinza, .cinza a{
	color: #8FA3AD;
}

.laranja, .laranja a{
	color: #FF9900;
}

h1 span {
	visibility: hidden;
}

/* MENU HORIZONTAL */
#banner
{ 
	width: 918px;
	_margin: 0 8px 0px 8px;
	margin: 0 8px 0px 8px;
	_height:194px;
	height:auto;

	
}

/* MENU LATERAL + CORPO */

#conteudo {
	width: 934px;
    margin:0 0 10px 0;
    _margin:0 0 0 0;  
    padding:0 0 10px 0;
    _padding:0 0 0 0;	
    height:auto;   	
 
}

#conteudo ul {
	list-style:none;
	PADDING: 0; 		
	margin: 0;	
	color: #637A87;	
	font: 11px Arial;
	float: left;
	font-weight:normal;
	width: 128px;
	line-height: 20px;
}

#conteudo ul li{
    display: block;
	/* background: url(../imagens/ico_seta.jpg) left no-repeat;*/
     	color: #637A87;	
 	line-height: 23px;
	PADDING: 0; 
	 margin:0;	
	 BORDER-BOTTOM: #ccc 1px dotted; 
	LIST-STYLE-TYPE: none;	 
}

#conteudo ul li ul{
	line-height: 20px;
    display: block;
	list-style:none;
	color: #555555;
	font: 11px Arial;
	float: left;
	font-weight:normal;
	margin:0;

	
}

#conteudo ul li ul li{
	 margin: 0;
	 background: none;
	 	text-indent: 10px;	
	width: 140px;
		line-height: 20px;
	 
}
#conteudo li a {
    display: block;
	text-decoration:none;
	color: #637A87;	
}

#conteudo li a:hover{
	color: #E88422;
	background-color:#EEF2F7;
}


#conteudo a.pdf {
	background: url(../imagens/icoPDF.gif) top left no-repeat;	
	line-height: 30px;
	margin: 10px 0 20px 0px;
	padding: 3px 0 20px 30px;	
	text-ident:30px;
	width:515px;
}

#conteudo p.pdf {
	background: url(../imagens/icoPDF.gif) top left no-repeat;	
	line-height: 30px;
	margin: 10px 0 20px 15px;
	padding: 3px 0 20px 50px;	
	width:515px;
    text-ident:30px;
}

#conteudo  a.pdf:hover {
	background: url(../imagens/icoPDF.gif) top left no-repeat;	
	line-height: 30px;
}



#conteudo a.excel {
	background: url(../imagens/ico_excel.gif) top left no-repeat;	
	line-height: 30px;
	margin: 10px 0 20px 0px;
	padding: 3px 0 20px 30px;	
	text-ident:30px;
	width:515px;
}

#conteudo p.excel {
	background: url(../imagens/ico_excel.gif) top left no-repeat;	
	line-height: 30px;
	margin: 10px 0 20px 15px;
	padding: 3px 0 20px 50px;	
	width:515px;
    text-ident:30px;
}

#conteudo  a.excel:hover {
	background: url(../imagens/ico_excel.gif) top left no-repeat;	
	line-height: 30px;
}


breadcrumb{
	color: #6D91A1;
	font: 10px Arial,Tahoma, Verdana,  Helvetica, sans-serif;
	margin: 0 0 0 15px;
}
.breadcrumbOn{
	color: #E88422;
	font: 11px Arial,Tahoma, Verdana,  Helvetica, sans-serif;
}


#corpo { 
	margin: 30px 7px 0 0;
	/*border:1px solid #e3e3e3;    */   
	background: #FFF; 	
	width: 609px;
	height: auto;
	float: left; 	  
} 
#corpo p{ 
	margin: 0px 10px 0 15px;
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#617884;
	line-height:15pt;	
	width: 570px;
} 
#corpo p a img {


	_margin: 0 0 5px 0;		
	margin: 0 16px 5px 20px;		

}
#corpo a{ 
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#E88422;
	line-height:15pt;	
	text-decoration:none;
} 
#corpo a:hover{ 
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#E88422;
	line-height:15pt;	
	text-decoration:underline;
}
#corpo ul {
	list-style:none;
	PADDING: 0 0 0 15px; 		
	margin: 0; 		
	color: #637A87;	
	font: 11px Arial;
	float: left;
	font-weight:normal;
	line-height: 20px;
    width: 560px;
}
#corpo ul li{
    display: block;
    padding: 0 0 0 24px; 			
	background: url(../imagens/setaCinza.gif) left top no-repeat;
    color: #637A87;	
 	line-height: 23px;
	BORDER-BOTTOM: #4C609F 1px dotted; 
	LIST-STYLE-TYPE: none;	 
}

/** corpo2 - usado na Base de Conhecimento **/
#corpo2 { 
	margin: 30px 0 0 0;
	/*border:1px solid #e3e3e3;    */   
	background: #FFF; 	
	width: 769px;
	height: auto;
	float: left;
}
	
#corpo2 p{ 
	margin: 0 0 10px 20px;
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#617884;
	line-height:15pt;	
	width: 729px;
}
 
#corpo2 p a img {


	_margin: 0 0 5px 0;		
	margin: 0 16px 5px 20px;		

}
#corpo2 a{ 
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#E88422;
	line-height:15pt;	
	text-decoration:none;
} 
#corpo2 a:hover{ 
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#E88422;
	line-height:15pt;	
	text-decoration:underline;
}
#corpo2 ul {
	list-style:none;
	PADDING: 0 0 0 15px; 		
	margin: 0; 		
	color: #637A87;	
	font: 11px Arial;
	float: left;
	font-weight:normal;
	line-height: 20px;
    width: 560px;
}
#corpo2 ul li{
    display: block;
    padding: 0 0 0 24px; 			
	background: url(../imagens/setaCinza.gif) left top no-repeat;
    color: #637A87;	
 	line-height: 23px;
	BORDER-BOTTOM: #4C609F 1px dotted; 
	LIST-STYLE-TYPE: none;	 
}

#corpo2 textarea {
	width: 700px;
	height: 100px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../imagens/bg_form.gif) repeat-x;
	border: solid 1px #ABC1D6;	
	margin: 0 0 0 0;	
	padding:3px 0 0 5px;
}

#corpo2 input{
	width: 286px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../imagens/bg_form.gif) repeat-x;	
	height:19px;
	margin: 0 0 0 15px;
	padding:3px 0 0 5px;
	border: 1px solid #ABC1D6;
	
}

#corpo3 { 
	margin: 30px 0 0 0;
	/*border:1px solid #e3e3e3;    */   
	background: #FFF; 	
	width: 769px;
	height: 530px;
	float: left;
}
	
#corpo3 p{ 
	margin: 0 0 10px 10px;
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#617884;
	line-height:15pt;	
	width: 749px;
}
 
#corpo3 p a img {


	_margin: 0 0 5px 0;		
	margin: 0 16px 5px 20px;		

}

#corpo3 a{ 
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#E88422;
	line-height:15pt;	
	text-decoration:none;
}
 
#corpo3 a:hover{ 
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#E88422;
	line-height:15pt;	
	text-decoration:underline;
}

#corpo3 ul {
	margin: 0 0 15px 15px;
	padding: 5px;
	border: 2px solid #e3e3e3;  
	background: #FFF; 	
	width: 220px;
	height: 90%;
	float: left;
}

#corpo4 { 
	margin: 30px 0 30px 100px;
	/*border:1px solid #e3e3e3;    */   
	background: #FFF; 	
	width: 769px;
	height: auto;
	float: left;
}
	
#corpo4 p{ 
	margin: 0 0 10px 10px;
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#617884;
	line-height:15pt;	
	width: 749px;
}
 
#corpo4 p a img {


	_margin: 0 0 5px 0;		
	margin: 0 16px 5px 20px;		

}

#corpo4 a{ 
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#E88422;
	line-height:15pt;	
	text-decoration:none;
}
 
#corpo4 a:hover{ 
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#E88422;
	line-height:15pt;	
	text-decoration:underline;
}

#corpo4 ul {
	margin: 0 0 15px 15px;
	padding: 5px;
	border: 2px solid #e3e3e3;  
	background: #FFF; 	
	width: 220px;
	height: 90%;
	float: left;
}

#corpo4 ul li{
    display: block;
    padding: 0 0 0 24px; 			
	background: url(../imagens/setaCinza.gif) left top no-repeat;
    color: #637A87;	
 	line-height: 23px;
	BORDER-BOTTOM: #4C609F 1px dotted; 
	LIST-STYLE-TYPE: none;	 
}

#corpo4 textarea {
	width: 700px;
	height: 100px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../imagens/bg_form.gif) repeat-x;
	border: solid 1px #ABC1D6;	
	margin: 0 0 0 0;	
	padding:3px 0 0 5px;
}

#corpo4 input{
	width: 286px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../imagens/bg_form.gif) repeat-x;	
	height:19px;
	margin: 0 0 0 15px;
	padding:3px 0 0 5px;
	border: 1px solid #ABC1D6;

}

/** corpo5 - usado na webinar **/
#corpo5 { 
	margin: 30px 0 0 0;
	/*border:1px solid #e3e3e3;    */   
	background: #FFF; 	
	width: 769px;
	height: auto;
	float: left;
}
	
#corpo5 p{ 
	margin: 0 0 10px 20px;
	font-family: verdana, sans-serif;
	font-size:11px;
	color:#617884;
	line-height:15pt;	
	width: 729px;
}
 
#corpo5 p a img {


	_margin: 0 0 5px 0;		
	margin: 0 16px 5px 20px;		

}
#corpo5 a{ 
	font-family: verdana, sans-serif;
	font-size:13px;
	color:#607884;
	line-height:15pt;	
	text-decoration:none;
} 
#corpo5 a:hover{ 
	font-family: verdana, sans-serif;
	font-size:13x	px;
	color:#E88422;
	line-height:15pt;	
	text-decoration:none;
}
#corpo5 ul {
	list-style:none;
	PADDING: 0 0 0 15px; 		
	margin: 0; 		
	color: #637A87;	
	font: 11px Arial;
	float: left;
	font-weight:normal;
	line-height: 20px;
    width: 560px;
}
#corpo5 ul li{
    display: block;
    padding: 0 0 0 24px; 			
	background: url(../imagens/setaCinza.gif) left top no-repeat;
    color: #637A87;	
 	line-height: 23px;
	BORDER-BOTTOM: #4C609F 1px dotted; 
	LIST-STYLE-TYPE: none;	 
}

#corpo5 textarea {
	width: 700px;
	height: 100px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../imagens/bg_form.gif) repeat-x;
	border: solid 1px #ABC1D6;	
	margin: 0 0 0 0;	
	padding:3px 0 0 5px;
}

#corpo5 input{
	width: 286px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../imagens/bg_form.gif) repeat-x;	
	height:19px;
	margin: 0 0 0 15px;
	padding:3px 0 0 5px;
	border: 1px solid #ABC1D6;
	
}
#menu_int {
	width: 934px;
	height: 122px;
	color:#000;       
	/*border:1px solid #e3e3e3;    */   
	background: #FFF; 		
	float:left;
	z-index:100;	
}
#menu_int ul {
	float:left;
	list-style:none;
	font: 11px Arial,Tahoma, Verdana,  Helvetica, sans-serif;
	width:800px;
	font-weight:bold;
}

#menu_int li  {
	float:left;
	margin: 0px 10px 10px 10px;
}

#menu_int li a{
	display: block;
	text-decoration:none;
	color:#6D91A1;
}

#menu_int li a:hover {
	color: #E88422;
	background:url(../imagens/bg_menu.jpg);	
}

#submenu { 
	margin: 30px 7px 0 0;
	color:#000;     
	padding: 9px;        
	background: #FFF; 		
	width: 156px;
	height: 450px;
	float: left; 	
	  
} 

/** submenu2 - usado na Base de Conhecimento **/

#submenu2 { 
	margin: 30px 7px 0 0;
	color:#000;     
	padding: 9px;        
	background: #FFF; 		
	width: 156px;
	height: auto;
	float: left; 	
} 

#direita1 { 
	margin: 30px 0 0 0;     
	padding: 10px; 
	background: #fff; 	
	width: 153px;
	height: 450px;	
	float: left;   
}

/********************************** BOX ********************************************/

#box_A {
	width: 940px;
	height: 170px;
	_height: 160px;	
	color:#4C609F;      
    border-bottom:1px solid #e3e3e3;    
	float:left;
	z-index:15;
}
#box_A img {
	float: left;
	_margin: 0 8px 5px 8px;		
	margin: 0 6px 2px 8px;		
}
#box_A h4{
	width: 425px;
	height: 16px;
	_height: 16px;	
	color:#4C609F;     
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif; 
    border-bottom:1px dashed #e3e3e3;    
	float:left;
}
#box_A p { 
	margin: 0 0 0 10px;
	/*border:1px solid #e3e3e3;    */  
} 
#box_A p a { 
	color: #4C609F;
	text-decoration:none;
} 

#box_A p a:hover { 
	color: #CC6600;
} 

#box_A ul.img{
	float:left;
	list-style:none;
	font: 11px Arial,Tahoma, Verdana,  Helvetica, sans-serif;
	font-weight:normal;
    display:block;
	width:auto;
	margin:0 0 0 10px;
	width:265px;
	_width:265px;
}

#box_A ul.img2{
	float:left;
	list-style:none;
	font: 11px Arial,Tahoma, Verdana,  Helvetica, sans-serif;
	font-weight:normal;
    display:block;
	width:auto;
	margin:0 0 0 10px;
	width:340px;
	_width:340px;
}

#box_A ul {
	float:left;
	list-style:none;
	font: 11px Arial,Tahoma, Verdana,  Helvetica, sans-serif;
	font-weight:normal;
    display:block;
	width:auto;
	margin:0 0 0 10px;
	width:410px;
}
#box_A ul li a{

	text-decoration:none;
	color:#E88422;

}

#box_A ul li a:hover {
	color: #E88422;
}
#box_A ul li{
    display: block;
    padding: 0 0 0 24px; 			
	background: url(../imagens/setaCinza.gif) top left no-repeat;
     color: #637A87;	
 	line-height: 18px;
	 /*BORDER-BOTTOM: #4C609F 1px dashed; */
	LIST-STYLE-TYPE: none;	 
}

#box1, #box3, #box5 {
	width: 460px;
	_width:460px;
	height: 140px;
	_height:130px;
	color:#4C609F;
	padding:0;     
	margin:30px 8px 5px 0;
	_margin:28px 15px 12px 0;	
   background-color:#FFF;	
	float:left;
}
#box2, #box4, #box6 {
	width: 460px;
	_width:460px;
	height: 140px;
	_height:130px;	
	color:#4C609F; 
	padding:0;  
	margin:0 0 20px 0;   
	margin:30px 0 5px 3px;
	_margin:28px 0 12px 0;	
   background-color:#FFF;	
	float:left;
}

#box_B {
	width: 940px;
	height: 210px;
	_height: 160px;	
	color:#4C609F;      
    border-bottom:1px solid #e3e3e3;    
	float:left;
	z-index:15;
}
#box_B img {
	float: left;
	_margin: 0 8px 5px 8px;
	margin: 0 6px 2px 8px;
	border-bottom-width: thin;
	border-bottom-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#box_B h4{
	width: 425px;
	height: 15px;
	_height: 16px;
	color: #475B96;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	text-align: left;
	line-height: normal;
	text-decoration: none;
	background-image: none;
	background-attachment: fixed;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #F90;
	border-left-color: #F90;
}
#box_B p { 
	margin: 0 0 0 10px;
	/*border:1px solid #e3e3e3;    */  
} 
#box_B p a { 
	color: #4C609F;
	text-decoration:none;
} 

#box_B p a:hover { 
	color: #CC6600;
} 

#box_B ul.img{
	float:left;
	list-style:none;
	font: 11px Arial,Tahoma, Verdana,  Helvetica, sans-serif;
	font-weight:normal;
    display:block;
	width:auto;
	margin:0 0 0 10px;
	width:265px;
	_width:265px;
}

#box_B ul.img2{
	float:left;
	list-style:none;
	font: 11px Arial,Tahoma, Verdana,  Helvetica, sans-serif;
	font-weight:normal;
    display:block;
	width:auto;
	margin:0 0 0 10px;
	width:340px;
	_width:340px;
}

#box_B ul {
	float:left;
	list-style:none;
	font: 13px Arial,Tahoma, Verdana,  Helvetica, sans-serif;
	font-weight:normal;
    display:block;
	width:auto;
	margin:5px 0 0 -10px;
	width:460px;
}
#box_B ul li a{

	text-decoration:none;
	color:#617884;

}

#box_B ul li a:hover {
	color: #E88422;
	text-decoration:underline;
}
#box_B ul li{
	display: block;
	padding: 0 0 0 24px;
	color: #637A87;
	line-height: 18px;
	/*BORDER-BOTTOM: #4C609F 1px dashed; */
	LIST-STYLE-TYPE: none;
	background-image: url(../imagens/linha_index.jpg);
	text-align: left;
}

#box_B ul.box7 {
	float:left;
	list-style:none;
	font: 13px Arial,Tahoma, Verdana,  Helvetica, sans-serif;
	font-weight:normal;
    display:block;
	width:auto;
	margin:5px 0 0 0px;
	width:460px;
	height:130px;
	
}
#box_B ul.box7 li a{

	text-decoration:none;
	color:#617884;
	

}

#box_B ul.box7 li a:hover {
	color: #E88422;
	text-decoration:underline;
}
#box_B ul.box7 li{
	display: block;
	padding: 0 0 0 34px;
	color: #637A87;
	line-height: 25px;
	/*BORDER-BOTTOM: #4C609F 1px dashed; */
	LIST-STYLE-TYPE: none;
	text-align: left;
	
}

#box7{
	width: 460px;
	_width:460px;
	height: 180px;
	_height:130px;
	color:#4C609F;
	padding:0;     
	margin:30px 8px 5px 0;
	_margin:28px 15px 12px 0;	
   background-color:#FFF;	
	float:left;
}

#box8{
	width: 460px;
	_width:460px;
	height: 180px;
	_height:130px;	
	color:#4C609F; 
	padding:0;  
	margin:0 0 20px 0;   
	margin:30px 0 5px 3px;
	_margin:28px 0 12px 0;	
   background-color:#FFF;	
	float:left;
}

/*...............................FORMULÁRIO..........................................*/

label {
	display: block;
	float: left;
	width: 90px;
	font-weight: normal;
	color:#025462;
}

input{
	width: auto;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../imagens/bg_form.gif) repeat-x;	
	height:19px;
	margin: 0 0 0 15px;
	padding:3px 0 0 5px;
	border: 1px solid #ABC1D6;
	
}

textarea {
	width: 350px;
	height: 80px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../imagens/bg_form.gif) repeat-x;
	border: solid 1px #ABC1D6;	
	margin: 0 0 0 15px;	
	padding:3px 0 0 5px;
}

input#menor {
	width: 50px;
}

p#btn {
	display: block;
	width: 415px;
	text-align: center;
}


input.btn {
	display: inline;
	vertical-align: middle;
	background: url(../imagens/bg_botao.gif) repeat-x;
	border: solid 1px #025462;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #025462;
	height: 25px;
	width: auto;
    cursor:pointer;
	padding:0 8px 0 8px;		
}

#rodape {
    margin: 30px 0 30px 0; 
    _margin: 30px 0 30px 0; 	
	padding: 5px;        
	background: #fff; 
	color: #617884;
	font: 11px Arial;
	width: 934px;
	float:left;
	height: 45px;
	line-height: 12pt;
	
}
#box_B #box7 ul li a strong {
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	
}