@charset "utf-8";

@import url(reset.css);
@import url(menu.css);


/* CSS Document */

body{
	margin:0 auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.agrupar{
	width:670px;
	margin:-5px auto;
	text-align:left;
	background:url(../images/fundo_2.gif) repeat-y;
}

.topo{
	background:url(../images/logotipo_2.gif) no-repeat;
	height:150px;
}
.corpo {
	background:url(../images/fundo_2.gif) repeat-y;
	width:670px;
}
.corpo_fim{
	background:url(../images/corpo_fim.gif) no-repeat;
	height:150px;
	clear:both;
	margin-bottom:6px; }
.socratinho {background:url(../images/Scratinho sentado.jpg) no-repeat;
	height:150px;
	clear:both;margin-left:30px; }


#introtxt{
	float:left; 
	margin:20px 0 0 50px;
}

#introtxt input, label, textarea{
	margin:0 0 0 25px;
	width:340px;
}

#introtxt input{
	margin:3px 0 10px 25px;
	height:20px;
}

#introtxt label{
	font-size:12px;
}

#introtxt textarea{
	margin:3px 0 10px 25px;
	height:80px;
}

#introtxt p{
	padding:15px 25px 15px 25px;
	text-align:justify;
	margin-bottom:5px;
	font-size:12px;
	line-height:16px;
}

#introtxt h1{
	padding:2px 16px 0px 25px;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#7c0787;
	text-transform:uppercase;
}
#introtxt h2{
	padding:2px 25px 0px 25px;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#7c0787;
	margin-top:20px;
	text-transform:uppercase;
}
#introtxt h3{
	padding:2px 16px 0px 25px;
	font-size:11px;
	text-transform:uppercase;
	line-height:16px;
	color:#7c0787;
	margin-bottom:-10px;
}

/*#introtxt a{
	text-decoration:none;
}*/

.introboxtop{
	background:url(../images/intro_boxtop.gif) no-repeat;
	width:395px;
	height:15px;
	margin-bottom:-5px;
}

.introboxmid{
	background:url(../images/intro_boxmid.gif) repeat-y;
	width:395px;
	height:auto;
}

.introboxbot{
	background:url(../images/intro_boxbot.gif) no-repeat;
	width:395px;
	height:15px;
}


.interacao_lista{
	width:395px;

}

.interacao_lista td{
	width:395px;
	border-bottom:#CCCCCC dashed 1px;
	height:auto;
	min-height:100px;
	display:block;
	margin:25px 0 10px 0;
}


.ext_interacao_foto{
	display:block;
	height:100px;
	width:95px;
	float:left;
}
.ext_interacao_dados{
	display:block;
	width:300px;
	float:right;
}

.ext_interacao_dados h2{
	margin-bottom:20px;
}

.thumb_img{
	margin:5px;
	border: #993399 3px solid;

}

.resultado_ok{
	color:#2a00ff;
	font-size:14px;
	margin-left:25px;	
	background:#ebebeb ;
	font-weight:bold;
}

.resultado{
	color:#F30000;
	font-size:14px;
	margin-left:25px;
	background:#ebebeb;
	font-weight:bold;	
}

.clearboth{clear:both;}

.link_botao, link_botao:visited{
	margin-left: 25px;
	margin-right: -25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:4px;
	background:#7c0787;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	border:#999999 solid 2px;
}

.link_botao:hover{
	padding:4px;
	background:#CC00FF;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	border:#999999 solid 2px;
}

.loginform{
	float:right;
	width:200px;
	margin:25px 90px 0 0;
}

.loginform input{
	width:104px;
	height:18px;
	border-top:#CCCCCC 2px solid;
	border-right:#CCCCCC 2px solid;
	font-size:11px;
	color:#663366;
	margin-bottom:5px;
}

.loginform a{
	color:#FFFFFF;
}

.login_user p{
	background:url(../images/login_user.gif) no-repeat;
	width:39px;
	height:13px;
}

.login_user span{
	display:none;
}

.login_ok{
	margin-bottom:-5px;
}


.login_pass p{
	background:url(../images/login_pass.gif) no-repeat;
	width:39px;
	height:13px;
}
.login_pass span{
	display:none;
}
.login_forgot{
	font-size:9px;
	text-decoration:none;	
}

.link_esqueci{
	color:#00FF00;
}


.erro{
	color:#FF0000;
	font-weight:bold;
	font-size:12px;
}

#footer {
background-color:transparent !important;
font-size:0.6em;
margin-top:0;
text-align:left;
}

#footer {
background:#FFFFFF none repeat scroll 0 0;
line-height:1;
margin-top:0.7em;
padding:8px 0;
text-align:center;
white-space:nowrap;
}

#footer li {
display:inline;
padding:0 4px;
}

.first {
margin-top:0;
padding-top:0;
}

.logo{margin-top:20px;}

#rodape {
background:url(../images/rodape.png);
line-height:1.5;
text-align:center;
font-size: 10px; 
max-width:664px; 
text-align: center;
margin:auto; 
height: 15px;
padding: 3px;
clear: both;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;

}

#rodape li {
display:inline;
padding:0 4px;
}
#rodape a ,
.accent { color: white; }