/* -------------------- */
/* FORMATAÇÃO DA PÁGINA */
/* -------------------- */

	*{
		margin:0;
		padding:0;
		text-decoration:none;
		list-style:none;
	}

	html {
		overflow:-moz-scrollbars-vertical;
	}

	body {
		font: 11px Arial, Verdana, Helvetica, sans-serif;
		background: #F3F3F3 url(/imagens/bg_site.gif) repeat-x;
		color:#333;
	}
	
	#site_estrutura {
	background:#FFF;
	position:absolute;
	width:800px;
	height:auto;
	left:50%;
	margin-left:-400px;
	border:1px solid #EFEFEF;
		}
		
		/* -------------------- */
		/* TOPO */
		/* -------------------- */
		
		
		#topo {
			float:left;
			height:335px;
			_height:340px;
			display:block;
			width:800px;
			background:url(/imagens/img_topo.jpg) bottom no-repeat;
			_background:url(/imagens/img_bg_topo_ie.jpg) bottom no-repeat;
			_position:relative;
			_top:5px;
		}
		
		#topo h2, #topo h1{
			float:left;
			_float:none;
			width:348px;
			_width:0;
			height:85px;
			_heiht:0;
			text-indent:-5000px;
			margin:10px 0 0 20px;
			_margin:0;
		}
		
		#menu {
			background:url(/imagens/bg_menu.png) no-repeat;
			_background:none;
			height:265px;
			margin:95px 58px;
			font:bold 11px tahoma, trebuchet ms, Arial, Helvetica, sans-serif;
			text-transform:uppercase;	
			_position:absolute;
			_top:-8px;
		}
		
		#menu ul{
			padding:20px 0 20px 29px;
		}
		
		#menu li{
			list-style-image:url(/imagens/seta_menu.jpg);
			padding:5px 0 6px 2px;
			}	
		#menu li a{
			color:#022C77;
			}
		#menu li a:hover{
			color:#0099FF;
			}
			
			#redesSociais {height:22px; margin:11px 10px 0 0; padding:0; position:absolute; top:0; right:0;}
				#redesSociais ul {margin:0; padding:0;}
					#redesSociais li {float:left; margin:0 0 0 6px; padding:0;}
					#redesSociais li a {background-image:url(/imagens/img-redes-sociais.gif); display:block; height:22px; text-indent:-100000px; width:22px;}
					
						.Blog a {background-position:0 0;}
						.Twitter a {background-position:-28px 0;}
						.YouTube a {background-position:-56px 0;}
						.Linkedin a {background-position:-85px 0;}
						.FaceBook a {background-position:-113px 0;}
						.Flick a {background-position:-141px 0;}

		
		/* -------------------- */
		/* CONTEÚDO DO SITE */
		/* -------------------- */
		
		#conteudo {
			float:left;
			/*border: 1px solid blue;*/
			height:auto;
			width:785px;
			padding:5px;
		}
		#conteudo h1, .tit-secao {
			font:bold 18px trebuchet ms;
			color:#0066CC;
			margin:30px 0 15px 15px;;
		}
			
			
		/* -------------------- */
		/* RODAPÉ */
		/* -------------------- */
		#rodape {
			height:75px;
			display:block;
			width:800px;
			background:#F3F3F3;
			clear:both;
		}
		
		.links {
			color:#737373;
		}
		p.links {
			padding: 5px;
			line-height:1.8em;
			text-align:center;
		}
		
		p.links a{
			color:#006699;
			text-decoration:underline;
		}
		p.links a:hover{
			color:#0033CC;
		}
		
		span.aoquadrado{
			padding:5px;
			position:absolute;
			bottom:50px;
			right:5px;
		}
		
		span.aoquadrado a{
			color:#006600;
		}
		span.aoquadrado a:hover{
			color:#669900;
		}
		
		
		/* -------------------- */
		/* HOME */
		/* -------------------- */
		
		#textohome {
			float:right;
			width:400px;
			height:270px;
			background:url(/imagens/bg_texto_home.jpg) no-repeat;		
		}
		
		#textohome p {
			padding: 8px 25px;;
			color:#003366;
			text-align:justify;
		}
		
		#destaques {
			float:left;
			width:370px;
		}
		
		#areas {
			float:left;
			width:160px;
			height:110px;
			margin:25px 20px 10px 15px;
			_margin:25px 15px 10px 15px;
			}
		#areas h2{
			font:bold 16px Georgia, "Times New Roman", Times, serif;
			color:#006633;
			margin-bottom:15px;
		}
		#areas ul li{
			margin:5px;
		}
		#areas ul li a{
			color:#333;
		}
		#areas ul li a:hover{
			text-decoration:underline;
			color:#999999;
		}
		#artigoshome {
			float:left;
			width:160px;
			_width:150px;
			height:110px;
			margin:25px 5px 10px 5px;
		}
		#artigoshome h2{
			font:bold 16px Georgia, "Times New Roman", Times, serif;
			color:#0099FF;
			margin-bottom:15px;
		}
		#artigoshome ul li{
			margin:5px;
		}
		#artigoshome ul li a{
			color:#333;
		}
		#artigoshome ul li a:hover{
			text-decoration:underline;
			color:#999999;
		}
		
		#rssHome {margin-left:14px;}
			
			#rssHome h2{
				font:bold 16px Georgia, "Times New Roman", Times, serif;
				color:#003399;
				margin-bottom:5px;
			}
			
			#rssHome p {margin-bottom:6px;}
				#rssHome p a{color:#000; text-decoration:none;}
				#rssHome p a:hover{color:#000; text-decoration:underline;}
			
			#rssHome .saiba-mais {text-align:right; font-size:12px; margin:10px 0;}
				#rssHome .saiba-mais a {color:#003399; font-weight:bold; text-decoration:underline;}
				#rssHome .saiba-mais a:hover {color:#003399; text-decoration:none;}
		
		#cadastre {
			clear:both;
			width:320px;
			height:90px;
			margin:10px 0 0 15px;
		}
		#cadastre h2{
			font:bold 16px Georgia, "Times New Roman", Times, serif;
			color:#003399;
			margin-bottom:12px;
		}
		.btcadastro{
			position:absolute;
		}
		.phome{
			margin-bottom:15px;
		}
		.txtcadastro{
	font:11px Arial, Helvetica, sans-serif;
	color:#002D8A;
	border:1px solid #0066CC;
	height:17px;
	width:250px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
		}
		
		/* -------------------- */
		/* GISELE TRUZZI */
		/* -------------------- */
		
		ul.curriculo, ul.areas {
			margin: 0 40px 20px 20px;
			_margin: 0 30px 20px 20px;
			width:480px;
			_width:440px;
			float:left;
			/*border:1px solid red;*/
			text-align:justify;
		}
		
		#gisele ul li, #areas_atuacao ul li {
			list-style:inside url(/imagens/img_list.gif);
			_list-style:outside square;
			margin-top:5px;
		}
		#curriculo{
			float:left;
			width:350px;
			margin:2px 0 5px 25px;
			}
		#curriculo a{
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#006600;
			text-decoration:underline;
			margin-left:6px;
		}		
		#curriculo a:hover{
			color:#009999;
		}
		
		#vejatb{
			background:url(/imagens/bg_vejatb.gif) no-repeat center center;
			width:200px;
			height:70px;
			float: right;
			margin-right:22px;
			margin-top:-170px;
		}
		#vejatb h2{
			font:bold 13px Arial, Helvetica, sans-serif;
			color:#006699;
			margin:7px;
		}
		#vejatb ul li{
			margin:0 0 2px 18px;
		}
		#vejatb ul li a{
			color:#6B6B6B;
			font-weight:bold;
		}
		#vejatb ul li a:hover{
			color:#999999;
			text-decoration:underline;
		}
		.linkpp {
			color:#006666;
			text-decoration:underline;
		}
		.linkpp :visited{
			color:#006666;
		}
		.linkpp :hover  {
			color:#009999;
			text-decoration:underline;
		}
		
		/* -------------------- */
		/* ÁREAS */
		/* -------------------- */
		#areas_atuacao{
			float:left;
			width:595px;
			_width:580px;
			margin:0px 5px 5px 20px;
			_margin-left:10px;
			line-height:1.6em;
			text-align:justify;
		}
		
		
		/* -------------------- */
		/* ARTIGOS */
		/* -------------------- */
		#vejatambem{
			width:142px;
			height:400px;
			float: right;
			border-left:1px dashed #CCC;
			padding-left:10px;
		}
		#vejatambem ul li{ list-style:none;}
		#vejatambem h3{
			font:bold 13px Verdana, Arial, Helvetica, sans-serif;
			color:#006633;
			margin-bottom:15px;
		}
		#vejatambem h4{
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#0033CC;
			margin:10px 0px 5px 0px;
		}
		#vejatambem h5{
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			color:#009999;
			margin-bottom:5px;
		}
		#vejatambem a{
			font:9px Verdana, Arial, Helvetica, sans-serif;
			color:#999999;
			margin-bottom:5px;
		}
		#vejatambem a:hover{
			color:#0066CC;
			text-decoration:underline;
		}
		#artigos{
			float:left;
			width:525px;
			_width:515px;
			margin:0px 5px 5px 8px;
			line-height:1.6em;
		}
		#artigos h2{
			font:bold 11px Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#006699;
			margin-bottom:10px;
		}
		#imagensartigos{
			float:left;
			margin:5px 0px 0px 15px;
		}
		.linha{
			color:#EFEFEF;
			margin:20px 0px 18px 0px;
			_margin:15px 0px 12px 0px;		
		}
		.linha2{
			color:#EFEFEF;
			margin:20px 0px 18px 0px;
			width:350;	
		}
		#artigos a{
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#006600;
			text-decoration:underline;
			margin-left:6px;
		}		
		#artigos a:hover{
			color:#009999;
		}
		#artigos ul li{
			list-style:none;
		}
		
		#redessociaisseguranca{
			position:absolute;
			top:400px;
			left:80px;
			visibility:hidden;
			border:3px solid #CCCCCC;
			}
		
		#securityofficer{
			position:absolute;
			top:588px;
			left:80px;
			visibility:hidden;
			border:3px solid #CCCCCC;
			}
		
		#cyberbullying{
			position:absolute;
			top:752px;
			left:80px;
			visibility:hidden;
			border:3px solid #CCCCCC;
			}
		
		#pais{
			position:absolute;
			top:877px;
			left:80px;
			visibility:hidden;
			border:3px solid #CCCCCC;
			}
		
		#crimes_virtuais{
			position:absolute;
			top:1000px;
			left:80px;
			visibility:hidden;
			border:3px solid #CCCCCC;
		}
		
		#privacidade{
			position:absolute;
			top:1100px;
			left:80px;
			visibility:hidden;
			border:3px solid #CCCCCC;
		}
		#crimes{
			position:absolute;
			top:1200px;
			left:80px;
			visibility:hidden;
			border:3px solid #CCCCCC;
		}
		
		/* -------------------- */
		/* PALESTRAS E DEBATES - ENTREVISTAS */
		/* -------------------- */
		
		#entrevistas{
			float:left;
			width:595px;
			margin:0px 5px 5px 20px;
			line-height:1.6em;
			/*border:1px solid red;*/
		}
		
		#palestrasdebates{
			float:left;
			width:590px;
			margin:0px 5px 5px 20px;
			line-height:1.6em;
		}
		#palestrasdebates h2, #entrevistas h2{
			font:bold 11px Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			color:#006699;
			margin-bottom:10px;
		}
		#palestrasdebates a, #entrevistas a{
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#006600;
			text-decoration:underline;
			margin-left:6px;
		}		
		#palestrasdebates a:hover, #entrevistas a:hover{
			color:#009999;
		}
		#palestrasdebates ul li, #entrevistas ul li{
			list-style:none;		
		}
		.img{
			float:right;
			/*margin-top:-15px;*/
		}
		
		.reprePPP {font-size:8px; font-weight:bold;}
		
		
		/* -------------------- */
		/* CONTATO */
		/* -------------------- */
		
		#email{
			float:left;
			width:290px;
			height:270px;
			border-right:1px solid #CCC;
			margin-right:10px;
			background:url(/imagens/bg_contato.gif) top no-repeat;
		}
		#email h3{
			color:#006699;
			margin:8px 0 0 25px;
			font-size:14px;		}
		#email a{
			font:bold 14px Arial, Helvetica, sans-serif;
			color:#0066FF;
			text-decoration:underline;
			margin:	0 0 0 40px;
		}
		#email a:hover{
			color:#006699;
		}
		#email address { display:block; font-style:normal; margin:15px 0 15px 40px;} 
			#email address a {font:bold 13px Arial, Helvetica, sans-serif; color:#0066FF;text-decoration:underline; margin:0 !important;}
		#email strong{color:#006699; display:block; font-size:15px; margin:15px 0 15px 0;}
		#contato{
			width:480px;
			float:left;
		}
		#contato form{
	        font-size: 8pt;
        }
        
        #contato fieldset{
	        padding: 15px;
	        border: none;
            width: 420px;
			margin-left:12px;
        }
        
        #contato legend{
	        font-weight: bold;
	        color: #c03;
	        font-size: 7pt;
	        letter-spacing: 1px;
			*margin:0 0 15px -10px;;
			}
        
        
        /* HACK PARA CORRIGIR O MARGIN-BOTTOM*/
        html>body #contato legend{
        	margin-bottom: 0px;
			*margin-bottom:15px;
			}
        
        #contato input{
	        font-size: 11px;
	        margin-bottom: 10px;
        }
        
        #contato label{
	        display: block;
	        width: 140px;
	        float: left;
	        color: #000;
	        border-bottom: 1px solid #f1f1f1;
        }
        
        #contato span{
	        color: #999;
	        font-size: 12px;
        }
		
		#contato .btcontato{
			font:bold 11px Arial, Helvetica, sans-serif;
			color:#002D8A;
			background:#BBD4E8;
			border:none;
			padding:2px;
		}
		#contato .txtcontato{
			font:11px Arial, Helvetica, sans-serif;
			color:#002D8A;
			border:1px solid #0066CC;
			background:#F5F5F3;
		}
		
		.link{
			cursor:pointer;
		}
		
		.mensagem_ok{
			font:14px Arial, Helvetica, sans-serif;
			color:#006699;
			font-weight:bold;
		}
		
		#mensagem_ok_links a {
			font:bold 14px Arial, Helvetica, sans-serif;
			color:#0066FF;
			text-decoration:underline;
		}
		

		/* -------------------- */
		/* POLÍTICA DE PRIVACIDADE
			 E TERMOS DE USO
		 */
		/* -------------------- */
		
		#politica, #termos{
			float:left;
			width:740px;
			margin:0px 5px 10px 20px;
			line-height:1.6em;
			text-align:justify;
		}
				
		#lightbox{
			background-color:#eee;
			padding: 10px;
			border-bottom: 2px solid #666;
			border-right: 2px solid #666;
			}
		#lightboxDetails{
			font-size: 0.8em;
			padding-top: 0.4em;
			}    
		#lightboxCaption{ float: left; }
		#keyboardMsg{ float: right; }
		#closeButton{ top: 5px; right: 5px; }
		
		#lightbox img{ border: none; clear: both;} 
		#overlay img{ border: none; }
		
		#overlay{ background-image: url(overlay.png); }
		
		* html #overlay{
			background-color: #333;
			back\ground-color: transparent;
			background-image: url(blank.gif);
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
			}
	
		/* -------------------- */
		/* PÁGINA NAO EMCONTRADA */
		/* -------------------- */
		
		#msgerro{
			float:left;
			width:280px;
			margin:10px 5px 10px 30px;
			line-height:1.6em;
		}
		
		#msgerro2{
			float:left;
			width:280px;
			margin:60px 5px 10px 10px;
			line-height:1.6em;
			background:#F3F3F3;
			padding:10px;
		
		}
		
		#msgerro h2{
			color:#CC0000;
			font:bold 16px Verdana, Arial, Helvetica, sans-serif;
			margin:20px 0;
		}
		
		#msgerro2 a{
			color:#0066CC;
			text-decoration:none;
		}
		
		#msgerro2 a:hover{
			color:#003399;
			text-decoration:underline;
		}


		/* --------- */
		/* PARCEIROS */
		/* --------- */

		#parceirosCont{
			float:left;
			width:590px;
			margin:0px 5px 5px 20px;
			line-height:1.6em;
		}
		
			#parceirosCont h3 {color:#0066CC; font-size:14px; font-weight:bold; margin:15px 0 0 0;}
			#parceirosCont h2 {color:#000; font-size:12px; font-weight:bold; margin:15px 0 5px 0;}
				#parceirosCont h2 a {color:#000; font-size:12px; font-weight:bold; text-decoration:underline;}
				#parceirosCont h2 a:hover {text-decoration:none;}
			
			#parceirosCont p {margin:0 0 5px 0;}


/* ----------- */
/* VEJA TAMBÉM */
/* ----------- */
#pg-entrevistas #vejatambem .veja_entrevistas {display:none;}
#pg-artigos #vejatambem .veja_artigos {display:none;}
#pg-palestras #vejatambem .veja_palestras {display:none;}

#vejatambem{
	width:142px;
	height:400px;
	float: right;
	border-left:1px dashed #CCC;
	padding-left:10px;
}
#vejatambem ul li{ list-style:none;}
#vejatambem h3{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#006633;
	margin-bottom:15px;
}
#vejatambem h4{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#0033CC;
	margin:10px 0px 5px 0px;
}
#vejatambem h5{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#009999;
	margin-bottom:5px;
}
#vejatambem p a{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	margin-bottom:5px;
	text-decoration:none;
}
#vejatambem p a:hover{
	color:#0066CC;
	text-decoration:underline;
}

.vejatambem_mais {display:block; margin:10px 0 25px 62px;}
	.vejatambem_mais a {color:#0066CC !important; text-decoration:underline !important;}
	.vejatambem_mais a:hover {text-decoration:none !important;}

/* CONHEÇA O BLOG */	
#conhecaBlog {height:110px; left:172px; position:absolute; top:246px; width:110px;}
	#conhecaBlog a {background-image:url(/imagens/conheca_blog.png); display:block; height:110px; text-indent:-100000px; width:110px;}

.aprovacao #conhecaBlog {visibility:visible !important;}