@charset "utf-8";
/* ICF | mar 09 | vimello | spicyweb */

/* Estrutura Principal */
 * { margin: 0; padding: 0; text-align: left; }
 html { background: url(../img/grass.jpg) top center repeat-y; color: #2c2c2c; }
 body { background: url(../img/bg.jpg) top center no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
 #container { width: 951px; margin: 0 auto 60px;} 
 #shadow { background: url(../img/shadowbg.png) repeat-y; }
 #bottom { background: url(../img/shadowfooter.png) no-repeat; width: 950px; height: 155px; clear: both; }
 #bottom p { color:#FFFFFF;font-weight:bold;padding:103px 0 0 70px;text-align:center;width:780px; float: left; }
 
 #conteudo { width: 680px; clear: none; float: right; padding: 10px 50px 0 0; *padding-right: 5px; _padding-right: 50px; }
 #conteudo p { margin: 20px 20px 20px 0; text-align: justify; }
 #conteudo ul, #conteudo ol { list-style: square; list-style-position: inside; }
 #conteudo li { margin: 0px 0px 10px 20px; }
 #assinatura { width: 25px; float: left; padding: 80px 30px 0 0; }
 
 #imgtopo { width: 994px; margin: 0 auto; }
 #imgtopo img { position: absolute; z-index: 100; }
 .minheight { height: 975px;/* height: 1025px;*/ float: right; width: 1px; }
 .clear { clear:both; height:1px; overflow:hidden; }
 
 #back a { float: right; display: block; background: url(../img/back.gif) left 7px no-repeat; padding-left: 13px; color:
  #6f6f6f; margin-bottom: 15px; } 
 #back a:hover { text-decoration: none; background-color: #f6f6f6; }
 
/* Menu: login */
 #menu h3 { background: url(../img/associados.jpg) top left no-repeat; text-indent: -9999px; margin: 20px 0 15px 10px; height: 15px; } 
 #login input { background: #e9e9e9; border: 0; width: 96px; float: right; margin-bottom: 5px; font-size: 11px; height: 12px; padding: 2px; }
 #login label { float: left; width: 55px; text-align: right; margin-bottom: 5px; }
 #login { width: 160px; }
 input#botaoenviar { background: url(../img/botao_entrar.jpg) 6px 3px no-repeat; float: right; text-indent: -9999px; width: 55px; height: 18px; margin-left: 50px; font-size: 1px; color: #fff;  cursor: pointer; }
 
/* Estilos de Textos */
 a { text-decoration: none; color: #565656; }
 a:hover { text-decoration: underline; }
 #bottom a { color: #ccc; }
 a:hover img { text-decoration:none; }
 
 p.link { text-align: right; }
 p.link a { padding: 3px; }
 p.link a:hover { background: #e7e7e7; text-decoration: none; }
 
 h2 { color: #4e4e4e; font-size: 16px; margin-bottom: -10px; }
 h3 { color: #339966; font-size: 14px; margin-bottom: -10px; }
 
 
/* Topo */
 h1 { height: 140px; position: absolute; z-index: 101; cursor: pointer; margin: 50px 0 0 68px; }
 h1 a { width: 179px; height: 140px; overflow: hidden; text-indent: -99999px; display: block; cursor: pointer; z-index: 101;  			
 		position: absolute; background: url(../img/logo.jpg) no-repeat; }
 
/* Menu */
 #menu { width: 200px; position: absolute; margin: 253px 0 0 47px; font-size: 10px; color: #4e4e4e;z-index: 110; *padding-right: 25px; }
 #menu ul { list-style-image: none; list-style-position: outside; list-style-type: none; }
 #menu ul li a { padding: 10px; background: url(../img/menudots.jpg) top left no-repeat; display: block; height: 15px; }
 #menu ul li a:hover { background: url(../img/abg.jpg) no-repeat; text-decoration: none; }
 #menu ul li#especial a:hover { background: url(../img/abg2.jpg) repeat-y; text-decoration: none; }
 #menu ul li ul li a:hover { background: #e1e1e1 url(../img/bullet.gif) 2px 7px no-repeat; text-decoration: none; }
 #menu ul li ul li a { padding: 2px 2px 2px 12px; margin-left: 20px; background: url(../img/bullet.gif) 2px 7px no-repeat; height: auto; display: block; margin-bottom: 3px; min-height: auto; }
 #menu ul li ul { margin-bottom: 22px; display: none; }
 #menu ul li ul li { _margin-bottom: -2px; width: 160px; }
 #menu ul li a#current, #menu ul li ul li a#current { font-weight: bold; }
 
 
/* HOME */
 /* Destaques */
 .destaque { width: 203px; padding: 0 0 20px; float: left; margin-right: 30px; }
 .destaque div.destaquet {
	background: #f6f6f6;
	margin-top: 10px;
	padding: 10px;
	display: block;
}
 p.img { margin: 0 !important; }
 #noti.destaque { margin-right: 0 !important; background: url(../img/newsdiv.jpg) left 70px no-repeat; padding-left: 20px; }
 .destaque h3.programas { background: url(../img/programasicf.jpg) top center no-repeat; text-indent: -9999px; }
 .destaque h3.forum { background: url(../img/forumicf.jpg) top center no-repeat; text-indent: -9999px; }
 .destaque h3.associese { background: url(../img/participe.jpg) top center no-repeat; text-indent: -9999px; }
 .destaque h3.noticias { background: url(../img/noticiasicf.jpg) top center no-repeat; text-indent: -9999px; margin-bottom: 10px; }
 .destaque div.destaquet p { margin-bottom: 10px; }
 .destaque div.noticia a { display: block; background: url(../img/list.jpg) 2px 9px no-repeat; padding: 5px 0 5px 15px; }
 .destaque hr { margin: 24px 0; *margin: 16px 0; border: 0; background: url(../img/hrnews.jpg) bottom center no-repeat; }
 .destaque div.noticia a:hover { text-decoration: none; background-color: #f6f6f6; }
 .destaque div.noticia div.headline { margin-bottom: 6px;  }
 .destaque div.noticia div.descricao { font-weight: bold; }
 .destaquet a { color: #336666; font:bold;}
 
 /* Footer */
 #homefoot { background: url(../img/hr.jpg) top center no-repeat; width: 879px; margin-top: 0px; clear: both; float: right; margin-right: 5px; padding-top: 15px; }
 #homefoot div.item { width: 400px; height: 125px; float: left; margin-top: 5px; line-height: 1.3; }
 #homefoot div#comunidade.item { width: 310px; padding-left: 160px; background: url(../img/talk.jpg) top left no-repeat; 			
 								 margin-right: 25px; }		
#homefoot div#conheca.item { width: 310px; padding-left: 160px; background: url(../img/world.jpg) top left no-repeat; 			
 								 margin-right: 25px; }										 		 
 #homefoot div#comunidade.item h3 { background: url(../img/comunidadeicf.jpg) top left no-repeat; text-indent: -9999px; margin: 10px 0 5px; }
 #homefoot div#conheca.item h3#conhecaoicf { background: url(../img/conhecaicf.jpg) top left no-repeat; text-indent: -9999px; margin: 10px 0 5px; }
 #homefoot div#comunidade.item p, #homefoot div#conheca.item p { margin-bottom: 10px; }
 #homefoot div#agenda.item { width: 230px; padding: 0 125px 0 25px; background: url(../img/calendarioicf.jpg) top right no-repeat;
 							 border-left: 1px dashed #d9ca5a; }
 #homefoot div#agenda.item h3 { background: url(../img/agendaicf.jpg) top left no-repeat; text-indent: -9999px; margin: 10px 0 5px; }	
 #homefoot div#agenda.item span { font-weight: bold; }
 #homefoot div#agenda.item a { display: block; margin-bottom: 5px; }
 #homefoot div#agenda.item p.link a { display: inline; margin-top: 10px; }	
 #homefoot div#agenda.item p.link { text-align: left; margin-left: -3px; margin-top: 25px; }
 
 
 /* INTERNAS */
 
   /* Conheça - Equipe ICF */
   #cargos { font-weight: bold; }
   #cargos span.cargo { text-decoration: underline; display: block; }
   
   /* Projetos - Investimento Social Privado */
   #entidades { text-align: center; margin: 0 auto; background: url(../img/back_orgs.jpg) no-repeat; 
   				width: 555px; height: 213px; padding: 10px 20px; }
   #entidades div#dir { float: right; width: 255px; }
   #entidades div#esq { float: left; width: 255px; }
   #entidades div#dir img, #entidades div#esq img { display: block; text-align: center; margin: 0 auto; }
   
   /* Projetos - Motorista Socialmente Responsavel */
   #motos { background: url(../img/back_motos.jpg) no-repeat; width: 639px; height: 145px; padding: 22px; margin-bottom: 60px; }
   #motos table td { vertical-align: top; padding-top: 40px; }
   #motos table td.none { vertical-align: top; padding-top: 20px; text-align: center; }
   
   #mantenedoras { background: url(../img/back_mante.jpg) no-repeat; margin-bottom: 30px; width: 682px; height: 192px; padding-top: 65px; }
   #mantenedoras div.left { float: left; width: 280px; margin-left: 20px; }
   #mantenedoras div.right { float: right; width: 280px; margin-right: 50px; }
   
   /* Projetos - Benefícios dos programas ICF */
   .beneficios {
	width: 642px;
	float: left;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	position: relative;
	margin: 0px;
}

 
   .beneficios strong { display: block; }
   .beneficios ul { margin-bottom: 20px; }
   .beneficios ul li { margin: 0 0 3px 20px !important; }
   div#caminhoneiros.beneficios {
	background: url(../img/beneficios_03.jpg) no-repeat;
	float: left;
	position: relative;
}
   div#embarcadores.beneficios {
	background: url(../img/beneficios_06.jpg) no-repeat;
	float: left;
	position: relative;
}
   div#estado.beneficios {
	background: url(../img/beneficios_09.jpg) no-repeat;
	float: left;
	position: relative;
}
   div#sociedade.beneficios {
	background: url(../img/beneficios_11.jpg) no-repeat;
	float: left;
	position: relative;
}
   div#meioambiente.beneficios {
	background: url(../img/beneficios_13.jpg) no-repeat;
	float: left;
	position: relative;
}
   
   /* Associe - Alinhe... Vantagens */
   div#empresa.vantagens { float: left; }
   div#colaboradores.vantagens { float: right; }
   .vantagens { background: url(../img/vantagens_03.jpg) no-repeat; padding: 25px 0 0 23px; width: 293px;  }
   .vantagens img { display: block; margin-bottom: 15px; }
   #vantagenssoci { width: 668px; clear: both; background: url(../img/vantagens_07.jpg) no-repeat; margin-top: 30px; padding-top: 70px; }
      
   /* Associe - Como Participar */
   #participar h3 { color: #288e5a; font-size: 16px; margin-top: 20px; }
   #participar p { margin-top: 0px; margin-bottom: 35px; }
   
   /* Associe - Ambiental */
   p#ambiental { text-align: center; }
   
   /* Fale Conosco */
   .field { display: block; margin-bottom: 20px; }
   .field label { display: block; }
   .field input, textarea { width: 250px; background: #e9e9e9; border: 0; padding: 3px; }
   textarea { height: 100px; }
   p#addy, p#news { width: 250px;  float: left; }
   p#news { margin-top: 75px !important; }
   form#contato { width: 300px; float: left;  margin: 13px 0 0 50px; }
   input.botaoentrar { background:transparent url(../img/botao_enviar.jpg) no-repeat scroll 6px 3px; color:#fff; float:right; font-size:1px; height:20px; text-indent:-9999px; width:70px; border: 0; margin-right: 37px;  cursor: pointer; }
   
   /* Links */
   #links ul li { padding: 2px 2px 2px 12px; *padding: 0px; margin-left: 0px; background: url(../img/bullet2.gif) 2px 7px no-repeat; height: auto; display: block; margin-bottom: 7px; list-style-type: none; font-weight: bold; }
   #links ul li a { font-weight: normal; }
   
   /* Notícias Internas */
	#noticiainterna .noticia { margin-top: 20px; width: 400px; float: left; }
	#noticiainterna .noticia .headline { background: url(../img/list.jpg) left 3px no-repeat; padding-left: 13px; }
	#noticiainterna .noticia .descricao { padding-left: 13px; font-weight: bold; }
	#noticiainterna .noticia .news { padding-left: 13px; width: 360px; }
	#noticiainterna #noti.destaque .noticia, #noticiainterna #noti.destaque { width: 250px; margin-top: 0; float: none; }
	#noticiainterna #noti.destaque div.noticia a { background-image: none; font-size: 10px; }
	#noticiainterna #paginacao { text-align: center; display: block; clear: both; padding-top:15px; }
	#noticiainterna #paginacao a { padding: 3px 5px; }
	#noticiainterna #paginacao a:hover { background: #e9e9e9; text-decoration: none; }
	#noticiainterna #noti.destaque { float: right; margin-top: 15px; }
	#noticiainterna #noti.destaque hr { margin: 10px auto; *margin: 2px 0; border: 0; background: url(../img/hrnews.jpg) bottom center repeat-x; width: 195px;  }
	
	/* Login */
	h2#login { margin: 20px 0 0 5px; text-align: center; width: 170px; display: block; font-size: 12px; }
    h3#login { background: top left no-repeat; text-indent: -9999px; margin: 0 auto; height: 15px; }
	h3#login.elearning { background-image: url(../img/login-1.jpg); width: 146px; }
	h3#login.meu { background-image: url(../img/login-2.jpg); width: 148px; }
	div#iemeu { display: none; _display: block !important; _background-image: url(../img/login-2.jpg); _width: 148px; _height: 15px;_margin: -28px auto 23px; }
	h3#login.agenda { background-image: url(../img/agendaicf.jpg); width: 113px; }
	div#ieagenda { display: none; _display: block !important; _background-image: url(../img/agendaicf.jpg); _width: 113px; _height: 15px;_margin: -28px auto 23px; }
	#agendalogin.destaque { margin-right: 0 !important; }
	div#agendalogin { width: 200px;  }
	div#agendalogin a { display:block; padding-bottom: 20px; margin-top: 20px; border-bottom: 1px dashed #d9ca5a; }
	div#agendalogin a span { display: block; font-weight: bold; }
	#agendawrap { border-left: 1px dashed #d9ca5a; padding-left: 20px; }	
	h3#busca { background: url(../img/busca.jpg) top left no-repeat; text-indent: -9999px; margin: 226px 0 0 10px; height: 15px; width: 59px; }						
	input#busca { background: #e9e9e9; border: 0; width: 154px; float: right; margin: 10px 30px 5px 0; font-size: 11px; height: 12px; padding: 2px; }
	input#botaobuscar { background: url(../img/botao_buscar.jpg) 6px 3px no-repeat; float: right; text-indent: -9999px; width: 60px; height: 18px; margin: 0 30px 0 50px; font-size: 1px; color: #fff; border: 0; } 
	
	/* Agenda */
	#agendainterna a { display: inline-block; padding: 2px; color: #333333; font-size: 9px; }
	#agendainterna a:hover { text-decoration: none; background: #e9e9e9;  }
	#agendainterna div.mes { margin-bottom: 40px; }
	
	/* Livro de Visitas */
	#guestbook hr { margin: 40px 0; _margin: 20px 0; border: 0; background-color: #a8a8a8; height: 1px; }
	#guestbook div.entry { margin-bottom: 45px; }
	#guestbook p.msg { padding: 15px; background: #ececec; margin-top: 0; }
	#guestbook p.data { margin-bottom: 3px; }
	#guestbook.field input, textarea#guestbook { width: 400px; }
	
	/* Videos */
	div#videodestaque { display: block; width: 640px; height: 381px; margin: 20px 0 0; }
	
	
	
	/* Forms */
	span.label { display: inline-block; width: 200px; margin-bottom: 5px; }
	span.labeltiny { width: 30px; margin: 0 0 5px 3px; }
	div.linhaform, div.linhaforms { width: 506px; margin: 0 auto 10px; clear: both; height: 50px; }
	div.linha1, div.linha2 { float: left; width: 250px; }
	div.linha1d { float: left; width: 342px; margin-right: 10px; _margin-right: -10px !important; _width: 302px !important; }
	div.linha1d input.small { width: 338px; }
	div.linha2d { float: left; width: 150px; _float: right; }
	div.linha2d span.label { _width: 150px; }
	div.linha2d input.small { width: 145px; }
	div.linha2 { padding:0 0 0 28px; width:222px; }
	div.linhaforms input { width: 220px; }
	div#textarea.linhaform { height: 150px; }
	div#textarea.linhaform span.label { width: 450px; }
	div#textarea.linhaform textarea { background: #e9e9e9; border: 0; font-size: 11px; height: 120px; padding: 2px; width: 500px; }
	div.linhaforms div.linhaa input, div.linhaforms div.linhab input, div.linhaforms div.linhac input { width: 150px; }
	div.linhaforms div.linhaa, div.linhaforms div.linhab, div.linhaforms div.linhac { float: left; width: 157px;  }
	div.linhaforms div.linhaa, div.linhaforms div.linhab { margin-right: 16px; _margin-right: -32px !important; }
	div.linhaforms div.linhac { _margin-right: -32px !important; }
	div.linhaform input { width: 500px; }
	div.linhaforms input.tiny { width: 30px; }
	div.linhaforms input.tiny2 { width: 65px; }
	div.linhaforms input.tinys { width: 190px; }
	p.linhaform { text-align: justify; width: 506px; margin: 20px auto !important; }
	div.linhaform input, div.linhaforms input { background: #e9e9e9; border: 0; font-size: 11px; height: 15px; padding: 2px; }
	input#botaoenviarform { width: 165px; padding: 5px; text-align: center; height: 30px; float: right; background: url(../img/botao.jpg) no-repeat !important; color:#5F5F5F; font-weight: bold; cursor: pointer; }
	p.msgerro { background-color:#E4EEA1; border-color:orange; border: 1px solid; padding: 10px; 
				text-align: center; font-weight: bold; }
     
	 
	div#minhaconta { float:left; width:420px; }
	div#sair { float:right; text-align:right; width:180px; }
	div#minhacontac { clear: both; display: block; }
	div#bemvindo { margin: 0 20px 20px 219px; padding: 400px 30px 0 0; _padding-top: 350px; }
	div#facadownload a { display: inline-block; margin-right:39px;padding:5px 10px; float: right; background: #E9E9E9; _margin-right: 20px; margin-top: 10px }
	div#facadownload a:hover { background: #d2d2d2; }
	a.linkquiz { display: block; margin: 20px auto; width: 225px; padding: 5px 15px; border: 1px solid #a6d4d3; background: #cfe9e9; }	
	a:hover.linkquiz { background: #e5f6f6; }
	div.resps div.linha-resp { display: block; margin-bottom: 20px; }