@import url(reset.css);

body{background:#B9E0F1 url(../imagens/background_line.jpg) repeat-x center top;
font-family:Arial,Verdana,Tahoma,sans-serif;font-size:13px;color:#36545b;}


/*gerais*/
a{text-decoration:none;color:#36545b;}
p,h3{line-height:18px;}
/*p,h3{line-height:0px;}*/

h2{font-size:24px;font-family:"Trebuchet MS",Arial,sans-serif;color:#196f83;margin:0 0 24px 0;font-weight:normal;}

hr{text-align:left;margin:15px 0 15px 0;height:1px;border-width:0;background:transparent url(../imagens/ativ-box_line.gif) left no-repeat;}

p.msg-ok{color:#006633;font-weight:bold;background:#DFF4EA;border:1px dotted #81D3AC;padding:2px 10px;text-align:center;}
p.msg-erro{color:#FF0000;font-weight:bold;background:#FFE6E6;border:1px dotted #FF7D7D;padding:2px 10px;text-align:center;}

/*divs principais*/
div#tudo{
	background:url(../imagens/background.jpg) no-repeat center top;
	height:644px;
}
div#tudo1{
	background:url(../imagens/background1.jpg) no-repeat center top;
	height:644px;
}
div#tudo2{
	background:url(../imagens/background2.jpg) no-repeat center top;
	height:644px;
}
html>body div#tudo{min-height:644px;}

#principal{width:900px;margin:0 auto;}

/*cabecalho*/
#cabecalho{position:relative;overflow:hidden;width:100%;padding:20px 0 0 0;height:78px;}

#logo{width:322px;float:left;}
#logo h1{width:249px;height:81px;margin:0 0 0 10px;}
#logo h1 a{text-indent:-999px;overflow:hidden;display:block;width:249px;height:81px;
background:url(../imagens/tenda_logo.gif) no-repeat;}

/*atividades*/
div#atividades{float:left;width:498px;margin:0 0 0 80px;}
div#atividades select, div#atividades input{font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-size:11px;color:#31302E;background:#FEFBF6;border:1px solid #C1BFB2;} 
div#atividades p{float:left;padding:0 0 8px 0;}
div#atividades p label{background:url(../imagens/ilustracoes1.gif) no-repeat;
display:block;margin:0 0 4px 0;overflow:hidden;text-indent:-999px;float:left;}

div#atividades p.atividades{width:261px;margin:0 31px 0 0;}
div#atividades p.atividades label{background-position:-6px -5px;width:146px;height:28px;}
div#atividades p.atividades select{width:250px;}

div#atividades p.newsletter{width:158px;}
div#atividades p.newsletter label{background-position:-6px -46px;width:145px;height:27px;}
div#atividades p.newsletter input{width:148px;}

div#atividades button.btn{background:url(../imagens/ilustracoes1.gif) no-repeat -171px -6px;
border:0;width:43px;height:32px;cursor:pointer;margin:25px 0 0 0;}
div#atividades button.btn:hover{background-position:-171px -49px;}
div#atividades button.btn span{display:none;}

/*menu*/
#menu{height:34px;padding:0 0 20px 0;}
#menu ul{display:none;}

/*conteudo*/
#miolo{position:relative;overflow:hidden;width:100%;}

#conteudo a{text-decoration:underline;}

.miolohome #conteudo{float:left;width:425px;margin:0 96px 0 122px;padding:20px 0 0 0;}
.miolohome .splash{width:257px;height:413px;float:left;}

p.tenda-sigla{overflow:hidden;text-indent:-999px;width:425px;height:47px;
background:url(../imagens/sigla_ilustra.gif) no-repeat;}
.miolointerna1 p, .miolohome p, .miolointerna3 p{line-height:22px;margin:0 0 22px 0;}

.miolointerna1 .splash{width:257px;height:413px;float:left;}
.miolointerna1 #conteudo{float:left;width:425px;margin:0 193px 0 25px;padding:20px 0 117px 0;}
.miolointerna1 #conteudo h3{text-transform:uppercase;font-size:15px;line-height:30px;}

.miolointerna2 #conteudo{
	float:left;
	width:660px;
	margin:16px 48px 0 192px;
	padding:20px 0 117px 0;
	display:inline;
}

.miolointerna3 #conteudo{float:left;width:473px;margin:16px 48px 0 379px;padding:20px 0 117px 0;display:inline;}
.miolointerna3 a{font-weight:bold;}

/*ativ-box*/
.ativ-box{
	position:relative;
	overflow:hidden;
	width:100%;
	padding:12px 0 30px 0;
	background:yellow;
	background:url(../imagens/ativ-box_line.gif) no-repeat bottom left;
}
.ativ-box p{}
.ativ-box a{text-decoration:underline;text-transform:uppercase;}
.ativ-box a:hover{color:#1F3034;}
.ativ-box a img{text-decoration:none;}

.nov-box{position:relative;overflow:hidden;width:100%;padding:12px 0 30px 0;background:yellow;
background:url(../imagens/ativ-box_line.gif) no-repeat bottom left;}
.ult{background:none;}
.nov-box h3{text-transform:uppercase;font-size:15px;line-height:58px;}
.nov-box p{margin-bottom:20px;}
.nov-box a{text-decoration:underline;}
.nov-box a:hover{color:#1F3034;}
.nov-box a img{text-decoration:none;}

.ativ-box ul.atividades li{
	float:left;
	width:305px;
	margin:0 22px 30px 0;
}
.ativ-box ul.atividades h3{font-size:14px;text-transform:uppercase;}
.ativ-box ul.atividades p{color:#36545b;}

.ativ-box ul.oficinas li{
	float:left;
	width:195px;
	margin:0 22px 22px 0;
}
.ativ-box ul.oficinas img{margin-bottom:2px;-moz-opacity:0.8;filter:alpha(opacity=80);}
.ativ-box ul.oficinas a{text-transform:uppercase;text-decoration:underline;line-height:19px;font-size:14px;}
.ativ-box ul.oficinas a:hover {color:#1F3034;}

.equipe-box{overflow:hidden;position:relative;width:100%;margin-bottom:25px;}
.equipe-box ul{/*float:left;*/}
.equipe-box p.nome{text-transform:uppercase;font-size:13px;margin-bottom:17px;font-weight:bold;}
.equipe-box li{line-height:18px;list-style-position:outside;list-style-image:url(../imagens/disc_equipe.gif);}
.equipe-box img{float:left;margin:0 30px 30px 0;border:1px solid #fff;}


.objetivos-box li.nome{text-transform:uppercase;font-size:13px;margin-bottom:17px;font-weight:bold;list-style:none;}
.objetivos-box li{padding-left:0px; line-height:18px;list-style-position:outside;list-style-image:url(../imagens/disc_equipe.gif) ;}
.objetivos-box img{float:left;margin:0 30px 30px 0;border:1px solid #fff;}

.miolointerna2 #conteudo .nov p{
	margin:0 0 20px 0;
}

/*contato*/
form.contato p{margin:0 0 11px 0;}
form.contato label{display:block;font-weight:bold;}
form.contato input.txt, form.contato textarea{font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-size:12px;padding:0 2px;
color:#31302E;background:#FEFBF6;border:1px solid #C1BFB2;width:260px;}
form.contato textarea{height:90px;}
form.contato button.btn{background:url(../imagens/ilustracoes1.gif) no-repeat 0 -83px;
border:0;width:54px;height:19px;cursor:pointer;}
form.contato button.btn:hover{background-position: 0 -114px;}
form.contato button.btn span{display:none;}

form.contato p label.error{color:#F20000;font-size:12px;}
form.contato input.error, form.contato p textarea.error, form.contato p select.error{border:1px solid #F20000;}

/*rodape*/
#rodape{clear:both;display:block;padding:0 0 40px 96px;}
#rodape p{font-family:"Trebuchet MS", Arial, Verdana, sans-serif;font-size:13px;color:#3b899c;}