

.thumbnailContainer .link-personalidades{ text-decoration:none; color:#ccc; font-style:italic}
.thumbnailContainer .link-personalidades:hover{ text-decoration:underline; color:#f1f1f1}

/*big menu*/

#kwick {
	position: relative;
	/*border-bottom: 2px solid #505050;*/
	
}

#kwick .kwicks {
	display: block;
	height: 200px;
	margin: 0;
}

#kwick li {
	float: left;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 200px;
	width: 108px;
	/*padding: 10px;*/
	background: #fff;

}

#kwick .kwick span {
	display: none;
}

#kwick .opt0 {
	background: #ccc url(../imagens/cedoc/topo_audios.jpg) ;
}

#kwick .opt1 {
	background: #ccc url(../imagens/cedoc/0000.jpg) ;
}


#kwick .opt2 {
	background: #ccc url(../imagens/cedoc/0001.jpg) ;
}

#kwick .opt3 {
	background: #ccc url(../imagens/cedoc/0002.jpg);
}

#kwick .opt4 {
	background: #ccc url(../imagens/cedoc/0002b.jpg);
}

#kwick .opt5 {
	background: #ccc url(../imagens/cedoc/0003.jpg);
}

#kwick .opt6 {
	background: #ccc url(../imagens/cedoc/0004.jpg);
}

#kwick .opt7 {
	background: #ccc url(../imagens/cedoc/0005.jpg);
}

/*Personalidades*/

#personalidades{background:#303030; border-top: 2px solid #505050}

#personalidades .clipper{}
#personalidades .inf-personalidade{ margin:40px -20px  0 -20px; border-top: 2px solid #505050; }
#personalidades .inf-personalidade img{ border:3px solid #656766; margin:30px}
#personalidades .person-audio{ background-image:url(../imagens/cedoc/tira1.gif); background-repeat:repeat-x; float:right; width:207px; height:80px; margin:30px 10px 20px 10px}
#personalidades .person-audio p{ color:#fff; font-size:16px; font-family:Arial; font-weight:bold; margin:10px 0px 5px 30px}
#personalidades h2{ font-family:Arial; color:#ccc; font-size:38px; width:237px; margin:30px 0 0 0}
#personalidades p{ font-family:Arial; color:#ccc; font-size:14px}
#personalidades .thumbsPernsolidades{ margin-left:-20px}
#personalidades .thumbsPernsolidades .miniatura{float:left; width:48px; height:42px; margin:0 0 0 10px }
#personalidades .thumbsPernsolidades .miniatura img{ width:48px; height:42px; }
#personalidades .thumbsPernsolidades #miniaturas{}

#personalidades2 .clipper{}
#personalidades2 .inf-personalidade{ margin:10px -20px  0 -20px;padding:0 20px 20px 20px; width:500px; float:left; }
#personalidades2 .audios-person{ float:left; height:500px; width:200px; margin:30px 0 0 20px}
#personalidades2 .audios-person table{ width:100%; color:#fff; font-family:Arial; font-size:16px; border:1px solid #656766}

#personalidades2 .audios-person table tr th{ background:#654926; padding:10px 5px}
#personalidades2 .audios-person table tr{ background:#A88150;}
#personalidades2 .audios-person table tr td{padding:5px 5px 10px 5px;font-size:12px; font-weight:bold  }
#personalidades2 .audios-person table tr.alternado{background:#8D6C42; padding:5px}
#personalidades2 .inf-personalidade .texto-person{ float:left}
 
#personalidades2 .person-audio{ background-image:url(../imagens/cedoc/tira1.gif); background-repeat:repeat-x; float:right; width:207px; height:80px; margin:30px 10px 20px 10px}
#personalidades2 .person-audio p{ color:#fff; font-size:16px; font-family:Arial; font-weight:bold; margin:10px 0px 5px 30px}
#personalidades2 h2{ font-family:Arial; color:#ccc; font-size:28px; margin:10px 0 0 0}
#personalidades2 p{ font-family:Arial; color:#ccc; font-size:14px}
#personalidades2 .fotopersonalidades{ float:left;margin:10px 10px 10px 0px }
#personalidades2 .fotopersonalidades2{ float:right; margin:10px}
#personalidades2 .thumbsPernsolidades{ margin-left:-20px}
#personalidades2 {background:#303030; border-top: 2px solid #505050}
#personalidades2 .thumbsPernsolidades #miniaturas2{margin:0 0 0 40px}
#personalidades2 .thumbsPernsolidades #miniaturas2 img{border:5px solid #656766;width:48px; height:42px; }

/*Década de 30*/

#Anos20{ background:#BF1D1B; border-top: 2px solid #ccc;}
#Anos20 .conteudo_anos30{ background:#e4e0d4; width:100%; height:900px; position:relative;}
.conteudo_anos30 .box_texto1{ width:440px; font-size:18px; font-family:Arial; margin-left:20px; float:left}
.conteudo_anos30 .box_texto1 p{font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.img1_dec30{margin-right:20px }
.img2_dec30{margin-right:20px; position:absolute; top:250px; left:20px }
.img3_dec30{margin-right:20px; position:absolute; top:520px; left:20px }
.conteudo_anos30 .box_texto2{ width:370px; position:absolute; left:340px; top:350px;font-size:18px; font-family:Arial, Helvetica, sans-serif;}

/*Audios*/

#audios-cedoc{background:#7c7c7c url(../imagens/cedoc/bg-cedoc-audios.jpg); background-repeat:repeat-x;}
#audios-cedoc table { width:100%; font-family:Arial; font-size:14px; color:#333}
#audios-cedoc table td{ background:#ccc; padding:2px}

/*Década de 40*/
#anos40{background:url(../imagens/cedoc/bg_40.jpg)}
.conteudo_anos40{ font-family:Arial;}
.conteudo_anos40 h2{ font-size:22px;text-align:justify;color:#333}
.conteudo_anos40 .border-bottom{border-bottom:7px solid #000; margin:10px 0 5px 0 }
.conteudo_anos40 .segunda-guerra{}
.conteudo_anos40 .segunda-guerra img{ border:5px solid #000; margin:10px 0 0 0}
.conteudo_anos40 .segunda-guerra .foto-left{ float:left; width:230px}
.conteudo_anos40 .segunda-guerra .foto-right{ float:right; width:180px}
.conteudo_anos40 .segunda-guerra .texto-segunda-guerra{ float:left; width:270px; }
.conteudo_anos40 .segunda-guerra .texto-segunda-guerra p{font-size:16px; font-weight:bold; line-height:200%; margin:20px 0 0 20px}

.conteudo_anos40 .calouros{ margin:10px 0 0 0}
.conteudo_anos40 .calouros .foto-calouros{float:left; margin:10px 20px 10px 20px; width:150px}
.conteudo_anos40 .calouros p,h3{color:#333}
.conteudo_anos40 .calouros h3{ padding:10px 0 20px 0; font-size:18px}
.conteudo_anos40 .calouros p{font-size:14px; line-height:150%}

.conteudo_anos40 .programas-sucesso object{margin:0; padding:0}
.conteudo_anos40 .programas-sucesso{ margin:20px 0 0 0}
.conteudo_anos40 .programas-sucesso .programa{margin:20px 0 0 0}
.conteudo_anos40 .programas-sucesso .programa1949{margin:20px 0 0 0; background:#000;}
.conteudo_anos40 .programas-sucesso .programa1949 p{color:#fff}
.conteudo_anos40 .programas-sucesso h3{ font-size:18px; margin-bottom:10px; color:#333; font-weight:bold;}
.conteudo_anos40 .programas-sucesso p{ font-size:14px; line-height:150%}
.conteudo_anos40 .programas-sucesso .audio-cedoc{ float:right; background:#000; padding:4px; margin:0 0 0 10px}
/*Década de 50*/
#anos50{background:url(../imagens/cedoc/cedoc-anos-50b.gif) no-repeat;padding:0; margin:0}

#anos50 .audio1{position:relative; top:255px; left:120px}
#anos50 .audio2{position:relative; top:240px; left:408px}
#anos50 .audio3{position:relative; top:490px; left:80px}
#anos50 .audio4{position:relative; top:728px; left:390px}
#anos50 .audio5{position:relative; top:885px; left:70px}


#anos60-70{background:url(../imagens/cedoc/cedoc-anos-60-70-patrulha.jpg) no-repeat;padding:0; margin:0}

#anos60-70 h1,h2,h3,h4,p{font-family:Microsoft Sans Serif; }
#anos60-70 p{ font-size:16px;color:#fff;}
#anos60-70 h1{ font-size:37px ;text-align:center; color:#fff;}
#anos60-70 .foto_afonso{float:left; margin:15px 20px 0 0}
#anos60-70 .texto-afonso{ margin:15px 0 0 0}
#anos60-70 .clipper{ margin:20px; padding:0}
#anos60-70 .box-depoimentos{ background:#B94E4E;width:430px; float:left; margin:15px 0; padding:10px 20px}
#anos60-70 .box-depoimentos p{ text-align:center}
#anos60-70 .box-depoimentos .depoimento1,.depoimento2,.depoimento3{float:left}
#anos60-70 .box-depoimentos .depoimento2{ margin:0 15px 0 15px}
#anos60-70 .box-depoimentos h4{ text-align:center; margin-bottom:10px;color:#fff;} 
#anos60-70 .box-depoimentos p{ font-weight:bold; font-size:14px}

#anos60-70 .participe{ background:#B9854E; padding:10px 15px; width:120px; float:left; margin:10px 0 0 0 }
#anos60-70 .participe p{font-size:20px; margin-bottom:10px}
#anos60-70 .participe object{ margin:0; padding:0}

#anos60-70 .texto-afonso2{width:400px; margin:10px; height:228px;float:left; text-align:justify}
#anos60-70 .foto_samuel{ float:left; margin:15px 30px 0 0}

#anos60-70 .horario-nobre{margin:auto; width:426px; margin-top:50px}
#anos60-70 .horario-nobre p{ margin:0 0 10px 10px}
#anos60-70 .texto-horario-nobre{ padding:5px 0 5px 0}
#anos60-70 .pic-anos70{margin:10px 0 5px 0}
#anos60-70 .pic-atual{ margin:5px 0 10px 0; float:left; width:506px;}
.boxes{width:195px; margin:0 0 0 10px; float:left}
.box-texto1{background:#BD9259; padding:5px; margin:7px 0 0 0;}
.box-texto2{background:#BD9259; padding:5px; margin:7px 0 0 0;}


#anos80-90{background:url(../imagens/cedoc/cedoc-anos-90.jpg) no-repeat;padding:0; margin:0}

#anos80-90 .box-90{ width:380px}
#anos80-90 .box-90 h1{ font-size:42px; color:#fff; font-family:Arial;}
#anos80-90 .box-90 p{ font-size:16px; color:#fff;}

#anos80-90 .box-90-2{ background:#e6e6e6; width:250px; height:298px; margin:40px 0 0 0; padding:10px}
#anos80-90 .box-90-2 p{ color:#585858; font-size:14px; font-style:italic;}
#anos80-90 .audio-dec90{ background:#585858; padding:5px; margin:10px; width:220px;}
#anos80-90 .audio-dec90 p{color:#fff; font-style:normal;}
#anos80-90 .audio-dodo{ background:#585858; padding:5px 10px 5px 10px; width:140px; margin:-50px 0 0 530px }
#anos80-90 .audio-dodo p{ color:#fff; font-size:14px}
#anos80-90 .daniela{ margin:25px 0 0 0 }
#anos80-90 .daniela p{color:#fff; font-size:16px}