/* ------------------Main Content------------------- */
.label { display:none; position:absolute; width:250px; top:460px; left:580px; font: 10px verdana, helvetica, sans-serif; padding:5px 10px; border:1px solid #999; background:#f6f6f6; color:#000; z-index:100; border: solid 2px #696969; }

#topo_box_content{ z-index:2px; background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:15px 0px 20px 0px; display: inline-block; width: 100%;}
.espaco_topo#topo_box_content{margin-top: 30px;}
#topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:18px; padding-left: 15px; padding-right: 15px;}
#box_content h3 { color: #424242;font-family: Ubuntu; font-size:26px; padding-left: 15px; padding-right: 15px; font-weight: 500;}

#box_content-filosofia{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; display: flex; width: 100%; margin-bottom: 59px;}
#box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto; clear: both; padding-top: 35px; margin-bottom: 61px;}
#box_content_txt p{margin-bottom:10px; line-height: 16px; font-family: Roboto; font-size:14px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}
#box_content_txt.no-border{    border-left: none; border-right:none;border-bottom: none;}
#box_content_txt.no-padding{    padding: 0px 15px 0px 15px;}
#box_content_txt span { font-weight:bold; }
#linhadotempo h2 { color:#0073ac; font-family:Ubuntu; font-size:26px; margin-bottom:10px; font-weight:400; float:none; margin-top:-35px; text-align:center; }

/*------------ TimeLine-------------------------------*/
.box_timeline_txt{display: block; width: 100%;}

.box_timeline{display: block; width: 100%;   padding: 30px 0px 0px 0px; margin-top: -15px;}

.history-tl-container{
    font-family: "Roboto",sans-serif;
  width:100%;
  display:block;
  position:relative;
}
.history-tl-container ul.tl{
    margin:20px auto 0;
    padding:0;
    display:table;
    left: 20px;
    position: relative;
    

}
.history-tl-container ul.tl li{
    list-style: none;
    margin:auto;
    float: left;
    margin-left:-1px;
    min-height:50px;    
    padding:0 0 45px 0px;
    width: 20%;   
    max-width: 175px;
    position:relative;
}
.history-tl-container ul.tl li:last-child{ border-left:0;}
.history-tl-container ul.tl li::before{
    position: absolute;
    left: -11px;
    top: -3px;
    content: " ";
    background: url(/images/responsive/responsive_2017/filosofia/img_linhadotempo_azul.png) no-repeat;
    height: 19px;
    width: 49px;
    transition: all 500ms ease-in-out;

}

.history-tl-container ul.tl li:hover::before{
    border-color:  #258CC7;
    transition: all 1000ms ease-in-out;
}

ul.tl li .item-title {
    display: table-cell;
    vertical-align: middle;
    font-family: Roboto;
    font-size: 16px;
    color:#8c8c8c;
    text-align: center;
    top:-5px;
    background: url(/images/responsive/responsive_2017/filosofia/img_fundo_filosofia_periodo.png) no-repeat;   
    height:149px;
    width: 100%;
    
}

ul.tl li .item-title a, ul.tl li .item-title-last a {     text-decoration: none;     font-size: 16px;    color:#ffffff;    display: block;    /*left:-25px;*/    padding: 0px 5px;    position: relative;	width:120px; }
ul.tl li.tl-item .item-title {width: 177px;}
/* tirei por conta do mobile mas pode ser que precise voltar pro desktop
ul.tl li.tl-item .item-title-last {width: 147px;}
*/

ul.tl li .item-title-last {
    display: table-cell;
    vertical-align: middle;
    font-family: Roboto;
    font-size: 16px;
    color:#8c8c8c;
    text-align: center;
    top:-5px;
    background: url(/images/responsive/responsive_2017/filosofia/img_fundo_filosofia_periodo_ultimo.png) no-repeat;   
    height:149px;
    width: 100%;  
}

ul.tl li.active .item-title a {
    vertical-align: middle;
    display: table-cell;
    font-family: Roboto;
    font-size: 16px;
    color:#ffcb0b;
    text-align:center;
    background-image: url(/images/responsive/responsive_2017/filosofia/img_fundo_filosofia_periodo_active.png);
	background-repeat: no-repeat;
    height:149px;
    width: 127px;
    left:-9px;
    top:-1px;
    max-width:147px;
    padding: 0px 10px;
}

ul.tl li.active-last .item-title a {
	background-image: url(/images/responsive/responsive_2017/filosofia/img_fundo_filosofia_periodo_active2.png);
}

ul.tl li .item-title span.periodo{
    
    font-size: 13px;
    color:#ffffff;
   
}


ul.tl li .item-detail{
    color:rgba(0,0,0,0.5);
    font-size:12px;
}

#txt_1600{display:none;}

#main-content{ width:100%; margin-top: 150px;  margin-bottom: 30px;}
#main-content .box_timeline_txt article h2{font-size:26px;font-family: Ubuntu; color: #3a668d; margin-top:0px; margin-bottom:20px; display: block;}
#main-content article p { margin-bottom: 10px;  line-height: 16px; font-family: Roboto;  font-size: 14px; display: inline-block;}
#main-content article p span.period { margin-bottom: 10px; line-height: 16px;font-family: Roboto; font-size: 14px; color:#5698dd;}

h3.authors { color: #3a668d;font-family: Ubuntu; font-size:26px; line-height: 20px; margin:73px 0px 36px 0px; font-weight: 300;} 
#main-content .content .obra { padding-bottom: 25px;padding-top: 25px;padding-left: 0px;padding-right: 0px; display: table; }
#main-content .content .obra img { max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left; }
#main-content .content .obra h2 { color: #2398dd;font-family: Ubuntu; font-size:16px; line-height: 20px; margin:0px 0px 30px 0px; font-weight: 400; } 

/*-------------------------------LISTA DE AUTORES POR PERIODO-------------*/

#list-content h2 { font-size: 16px; font-family: Ubuntu; color: #0073ac; margin-top: 0px; margin-bottom:10px; float: none; line-height: 18px;margin-right: 14px; width: 100%;}

#list-content h3 { font-weight:300;font-size: 14px; font-family: Roboto; color: #868686; margin-top: 0px; margin-bottom: 0px; float: none; line-height: 16px;margin-right: 14px;}

/*
#box_filosofia .content .post span.conheca_holder { padding-top: 17px; padding-bottom:0px; display: inline;float: right; margin-right: 10px;}
a.conheca_bt{ width: 180px; height: 34px; background-color: #FFFFFF; border-radius:15px; -moz-border-radius: 15px;-webkit-border-radius: 16px; border: 2px solid #2398dd; padding: 5px 11px;  color:#2398dd; text-transform: capitalize; font-family: Ubuntu;  font-size:14px; text-transform: uppercase; font-weight: bold; }
*/
#box_filosofia .content .post { position:relative; }
#box_filosofia .content .post span.conheca_holder { position:absolute; top:170px; right:0; }

/*-----------------------------Filosofia----------------*/


#box_filosofia{ }
#box_filosofia .content{}
#box_filosofia .col-1-3{width: 32%;}
#box_filosofia .content .post {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: 1px solid #E1E1E1;padding-left: 10px;padding-right: 0px;}
#box_filosofia .content div:nth-child(3n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
#box_filosofia .content div:nth-last-child(2){padding-bottom: 25px;padding-top: 25px;border-bottom: none;border-left:1px solid #e1e1e1;float:left;padding-left: 10px;padding-right: 0px;}
#box_filosofia .content div:nth-last-child(1){padding-bottom: 25px;padding-top: 25px;border-bottom: none;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
#box_filosofia .content div:nth-last-child(3){padding-bottom: 25px;padding-top: 25px;border-bottom: none;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
#box_filosofia .content .post:last-child {padding-bottom: 25px;padding-top: 25px;border-bottom: 0;border-left: 1px solid #E1E1E1;float:left;padding-left: 10px;padding-right: 0px;}

#box_filosofia .content div.hold_titulos { max-height: 120px; display: table; border-left: 0px; width:48%; min-height: 105px; padding-bottom: 0px; padding-top: 0px;}
#box_filosofia .box { width:100%; display:table; margin-bottom:20px; }

div.next { width:40px; border:1px solid #385b83; text-align:center; background:#385b83; color:#fff; display:none; height:40px; line-height:39px; font-size:18px; padding:0; margin-top:70px; cursor:pointer; }
div.prev { width:40px; border:1px solid #385b83; text-align:center; background:#385b83; color:#fff; display:none; height:40px; line-height:39px; font-size:18px; padding:0; margin-top:70px; cursor:pointer; }
div.off	{ color:grey; }

/*
div.next { visibility: hidden; display: none; }
div.prev { visibility: hidden; display: none; }
*/

.filosofo h2{ color: #0073ac; font-family: Ubuntu; font-size:26px; margin-bottom: 25px; font-weight: 400; float:none; margin-top: 35px;}

.filosofo a{ text-decoration: underline; float:right; margin-right: 15px; font-family: Roboto;
    font-size: 14px;
    line-height: 16px; color:#7b7b7b;}
/*-----------------------------------------------------------------*/
/*----------------------Filosofos--------------------------*/

#box_filosofia img { margin-top:0px; margin-bottom:30px; margin-right:0px; float:left; width:135px; height:135px; }
#box_filosofia .filosofo img { max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom:30px; margin-right: 29px; float: left; border-radius:50%; }
#box_filosofia .filosofo p { margin-top:0px; margin-bottom:20px;line-height: 16px;font-family: Roboto;font-size:14px;display:table; padding-left: 15px; padding-right:15px; }

/*---------------------------------------------------------------*/
/*
@media (max-width: 1148px) {
	#box_filosofia img { max-width:136px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 0px; float: left; }
} 
*/
/* ------------------Grid System Responsivo--------------- */ 


@media only screen and (min-width: 970px) and (max-width: 1100px) {
   #box_content {z-index:2px; height: auto; display: flex; width: auto; }
   #topo_box_content{ background:#f6f6f6;}
   #box_filosofia .content div.hold_titulos { width:47%; }
}

@media only screen and (min-width: 926px) and (max-width: 969px) {    
   #box_content{z-index:2px;height: auto; display: flex; width: auto;}
   #topo_box_content{ background:#f6f6f6;}
   #box_filosofia .content div.hold_titulos { max-height: 120px; display: table;border-left: 0px; width: 40%; min-height: 105px; padding-bottom: 0px; padding-top: 0px;}
   #list-content h3 {font-weight: 300;font-size: 14px; font-family: Roboto; color: #868686; margin-top: 0px; margin-bottom: 0px; float: none; line-height: 16px; margin-right: 0px;}
   #box_filosofia .content div.hold_titulos { width:47%; }
}

@media only screen and (min-width: 820px) and (max-width: 925px) {
	#box_filosofia img { width:150px; height:150px; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left}
	#box_filosofia .filosofo img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
	#box_filosofia .col-1-3{width: 49%;}
	#box_filosofia .content .post {min-height:130px;}
	#box_filosofia .content div:nth-child(3n+1) { padding-bottom:25px; padding-top:25px; border-bottom:1px solid #E1E1E1; border-left:1px solid #e1e1e1; float:left; padding-left:10px; padding-right:0px; }
	#box_filosofia .content div:nth-child(2n+1) { padding-bottom:25px; padding-top:25px; border-bottom:1px solid #E1E1E1; border-left:none; float:left; padding-left:0px; padding-right:0px; }
	#box_filosofia .content div:nth-last-child(3){ padding-bottom:25px; padding-top:25px; border-bottom:1px solid #E1E1E1; border-left:1px solid #e1e1e1; float:left; padding-left:10px; padding-right:0px; }
	#box_filosofia .content div:nth-last-child(2){ padding-bottom:25px; padding-top:25px; border-bottom:none; border-left:none; float:left; padding-left:0px; padding-right:0px; }
	#box_filosofia .content div.hold_titulos{ max-height: 120px; display: table; border-left: 0px; width:48%; min-height:105px; border-bottom:0px; padding-bottom:0px; padding-top:0px; }
	#box_filosofia .content .post span.conheca_holder { position:absolute; top:150px; right:0; }
	ul.tl li .item-title a, ul.tl li .item-title-last a{
	     text-decoration: none;
	     font-size: 16px;
	    color:#ffffff;
	    display: block;
	    left:-25px;
	    padding: 0px 30px;
	    position: relative;
	}
}

@media only screen and (min-width: 768px) and (max-width: 819px) {
	#box_filosofia .col-1-3{width: 49%;}
	#box_filosofia .content .post {min-height:130px;}
	#box_filosofia .content div:nth-child(3n) { padding-bottom:25px; padding-top:25px; border-bottom:1px solid #E1E1E1; border-left:1px solid #e1e1e1; float:left; padding-left:10px; padding-right:0px; }
	#box_filosofia .content div:nth-child(3n+1) { padding-bottom:25px; padding-top:25px; border-bottom:1px solid #E1E1E1; border-left:1px solid #e1e1e1; float:left; padding-left:10px; padding-right:0px; }
	#box_filosofia .content div:nth-child(2n+1) { padding-bottom:25px; padding-top:25px; border-bottom: 1px solid #E1E1E1; border-left:none; float:left; padding-left: 0px; padding-right:0px; }
	#box_filosofia .content div:nth-last-child(2) { padding-bottom:25px; padding-top:25px; border-bottom:none; border-left:none; float:left; padding-left:0px; padding-right:0px; }
	#box_filosofia .content div.hold_titulos{ max-height: 120px; display: table; border-left: 0px; width: 50%; min-height: 105px; border-bottom: 0px; padding-bottom: 0px; padding-top: 0px;}
	#box_filosofia img{ max-width:96px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left}
	#box_filosofia .filosofo img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
	/*
	ul.tl li .item-title a, ul.tl li .item-title-last a{
	     text-decoration: none;
	     font-size: 16px;
	    color:#ffffff;
	    display: block;
	    left:-13px;
	    padding: 0px 10px;
	    position: relative;}
	*/
	#box_filosofia .filosofo img{ max-width:126px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
	#box_filosofia .content .post span.conheca_holder { position:absolute; top:135px; right:0; }
}

@media only screen and (min-width: 721px) and (max-width: 767px) {
	#box_filosofia .col-1-3{width: 49%;}
	#box_filosofia .content .post {min-height:130px;}
	#box_filosofia .content div:nth-child(3n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:1px solid #e1e1e1;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-child(2n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-last-child(2){padding-bottom: 25px;padding-top: 25px;border-bottom: none;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div.hold_titulos{ max-height: 120px; display: table; border-left: 0px; width: 50%; min-height: 105px; border-bottom: 0px; padding-bottom: 0px; padding-top: 0px;}
	/*#box_filosofia img{ max-width:96px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left}*/
	#box_filosofia img { width:150px; height:150px; margin-bottom: 11px; margin-right: 14px; }
	#box_filosofia .filosofo img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
	ul.tl li .item-title a, ul.tl li .item-title-last a{
	     text-decoration: none;
	     font-size: 16px;
	    color:#ffffff;
	    display: block;
	    left:-13px;
	    padding: 0px 10px;
	    position: relative;}  
	
	.box_timeline { width:270px; margin:20px auto 0px auto; padding:0; }
	.history-tl-container ul.tl li { width: 100%; }
	
	ul.tl li.tl-item.active { display:table-cell; }
	ul.tl li.tl-item { display:none; }

	ul.tl li .item-title.active {
	    display: table-cell;
	    vertical-align: middle;
	    font-family: Roboto;
	    font-size: 16px;
	    color: #8c8c8c;
	    text-align: center;
	    top: -5px;
	    background: none;
	    height: 149px;
	    width: 100%;
	}
	
	ul.tl li .item-title {
	    background: none;}
	
	.history-tl-container ul.tl {
	    margin: 20px auto 0;
	    padding: 0;
	    display: inline-block;
	    left: 20px;
	    position: relative;
	    float: none;
	}    
	
	ul.tl li.active .item-title a {
	    /*vertical-align: middle;
	    display: table-cell;
	    font-family: Roboto;
	    font-size: 16px;
	    color: #ffcb0b;
	    text-align: center;
		*/
	    background: url(/images/responsive/responsive_2017/filosofia/img_fundo_filosofia_periodo_active_mobile.png) no-repeat;
	    left: -4px;
	    /*
		height: 149px;
	    width: 147px;
	    top: -1px;
	    max-width: 147px;
	    padding: 0px;
		*/
	}
	
	#box_filosofia .filosofo img{ max-width:126px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}

	div.next { display:inline-block; }
	div.prev { display:inline-block; }
}   

@media only screen and (min-width: 620px) and (max-width: 720px) {
	#box_filosofia .col-1-3{width: 49%;}
	#box_filosofia .content .post {min-height:130px;}
	#box_filosofia .content div:nth-child(3n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:1px solid #e1e1e1;float:left;padding-left: 10px;padding-right: 0px;}
	#box_filosofia .content div:nth-child(2n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-last-child(2) {padding-bottom: 25px;padding-top: 25px;border-bottom: none;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div.hold_titulos { max-height:120px; display: able; border-left:0px; width:52%; min-height:105px; border-bottom:0px; padding-bottom:0px; padding-top:0px; }
	/*#box_filosofia img{ max-width:96px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 14px; float: left}*/
	#box_filosofia img { width:120px; height:120px; margin-bottom: 45px; margin-right: 14px; }

	#box_filosofia .filosofo img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
	ul.tl li .item-title a, ul.tl li .item-title-last a{
	     text-decoration: none;
	     font-size: 16px;
	    color:#ffffff;
	    display: block;
	    left:-13px;
	    padding: 0px 10px;
	    position: relative;}  
	
	 .box_timeline { width:270px; margin:20px auto 0px auto; padding:0; }
	
	/*div.next {  width: 40px;    border: 1px solid #385b83;    text-align: center;    background: #385b83;    color: #fff;    display: inline-block;    visibility: visible;    height: 22px;    font-size: 30px;    padding: 8px 0 10px 0;    margin-top: 70px;}*/
	div.next { display:inline-block; }
	div.prev { display:inline-block; }

	.history-tl-container ul.tl li { width:100%; }
	
	ul.tl li.tl-item.active{visibility: visible; display: table-cell;}
	ul.tl li.tl-item{visibility: hidden; display: none;}
	
	ul.tl li .item-title.active {
	    display: table-cell;
	    vertical-align: middle;
	    font-family: Roboto;
	    font-size: 16px;
	    color: #8c8c8c;
	    text-align: center;
	    top: -5px;
	    background: none;
	    height: 149px;
	    width: 100%;
	}
	
	ul.tl li .item-title {
	    background: none;}
	
	.history-tl-container ul.tl {
	    margin: 20px auto;
	    padding: 0;
	    display: inline-block;
	    left: 20px;
	    position: relative;
	    float: none;
	}    
	
	ul.tl li.active .item-title a {
	/*
	    vertical-align: middle;
	    display: table-cell;
	    font-family: Roboto;
	    font-size: 16px;
	    color: #ffcb0b;
	    text-align: center;
	*/
	    background: url(/images/responsive/responsive_2017/filosofia/img_fundo_filosofia_periodo_active_mobile.png) no-repeat;
	    left: -4px;
	/*
	    height: 149px;
	    width: 147px;
	    top: -1px;
	    max-width: 147px;
	    padding: 0px;
	*/
	}
	#box_filosofia .filosofo img{ max-width:126px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
}   

@media only screen and (min-width: 478px) and (max-width: 619px) {
      /* ------------------Content------------------- */
    #topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:12px; padding-left: 15px; padding-right: 15px;}
    #topo_box_content{ background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:10px 0px 10px 0px;}
    #box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto;clear: both; padding-top: 35px; margin-bottom: 96px; box-shadow: 15px -6px 5px -8px rgba(0, 0, 0, 0.2);}
    #box_content{z-index:2px;  height: auto;display:table;}
    #topo_box_content h3 { color: #424242;font-family: Ubuntu; font-size:14px; padding-left: 15px; padding-right: 15px; font-weight: 500;}
    #box_content_txt h2{ color: #0090e0;font-family: Roboto; font-size:14px; line-height: 26px;  height:26px; margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt h2.importante_autoteste{ color: #c10000;font-family: Roboto; font-size:12px; line-height: 26px; height:26px; text-transform: uppercase;margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt p{margin-bottom:10px; line-height: 14px; font-family: Roboto; font-size:12px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}
    #box_content .col-1-3{width:100%; display: table; float: none;}
    #box_content .col-2-3{width:100%;}
    #box_filosofia .col-1-3{width: 49%;}
	#box_filosofia .col-1-3{width: 100%;}
	#box_filosofia .content .post {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px; min-height:100px;    }
	#box_filosofia .box {width: 100%; display: table; padding-bottom: 30px; border-bottom:0; border-bottom: 1px solid #e1e1e1;}
	#box_filosofia .content .post:last-child {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-child(3n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-child(2n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-last-child(2){padding-bottom: 25px;padding-top: 25px;border-bottom:  1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div.hold_titulos{ max-height: 120px; display: table; border-left: 0px; width: 50%; min-height: 105px; border-bottom: 0px; padding-bottom: 0px; padding-top: 0px; float:none;}
	#box_filosofia .filosofo img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
	#box_filosofia img { width:150px; height:150px; margin-bottom: 11px; margin-right: 14px; }
	#box_filosofia .content .post span.conheca_holder { position:absolute; top:135px; right:0; }

	/*#box_filosofia img {
	    max-width: 136px;
	    width: 100%;
	    height: auto;
	    margin-top: 0px;
	    margin-bottom: 11px;
	    margin-right: 10px;
	    float: left;
	}*/

	#linhadotempo h2 {    font-size: 16px; }
	ul.tl li .item-title a, ul.tl li .item-title-last a{
	     text-decoration: none;
	     font-size: 16px;
	    color:#ffffff;
	    display: block;
	    left:-13px;
	    padding: 0px 10px;
	    position: relative;}  
	
	  .box_timeline { width:270px; margin:20px auto 0px auto; padding: 0; }

	/*
	div.next {
	  width: 40px;
	    border: 1px solid #385b83;
	    text-align: center;
	    background: #385b83;
	    color: #fff;
	    display: inline-block;
	    visibility: visible;
	    height: 22px;
	    font-size: 30px;
	    padding: 8px 0 10px 0;
	    margin-top: 70px;}
	*/
	
	.history-tl-container ul.tl li { width: 100%; padding: 0 0 60px 0px; }
	
	ul.tl li.tl-item.active{visibility: visible; display: table-cell;}
	ul.tl li.tl-item{visibility: hidden; display: none;}
	
	ul.tl li .item-title.active {
	    display: table-cell;
	    vertical-align: middle;
	    font-family: Roboto;
	    font-size: 16px;
	    color: #8c8c8c;
	    text-align: center;
	    top: -5px;
	    background: none;
	    height: 149px;
	    width: 100%;
	}
	
	ul.tl li .item-title {
	    background: none;}
	
	div.next { display:inline-block; }
	div.prev { display:inline-block; }

	.history-tl-container ul.tl {
	    margin: 20px auto 0px auto;
	    padding: 0;
	    display: inline-block;
	    left: 20px;
	    position: relative;
	    float: none;
	}    
	
	ul.tl li.active .item-title a {
	    /*
		vertical-align: middle;
	    display: table-cell;
	    font-family: Roboto;
	    font-size: 16px;
	    color: #ffcb0b;
	    text-align: center;
	    height: 149px;
	    width: 147px;
		*/
	    background: url(/images/responsive/responsive_2017/filosofia/img_fundo_filosofia_periodo_active_mobile.png) no-repeat;
	    left: -4px;
		/*
	    top: -1px;
	    max-width: 147px;
	    padding: 0px;*/}
	
	    .filosofo h2{ color: #25668d;font-family: Ubuntu; font-size:18px; margin-bottom: 25px; font-weight: 400; float:none; margin-top: 35px;}
	
		#box_filosofia .filosofo img{ max-width:106px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
		#box_filosofia .filosofo p{ margin-top:0px; margin-bottom:20px;line-height: 16px;font-family: Roboto;font-size:14px;display:table; padding-left: 15px; padding-right:15px;}
}

@media only screen and (min-width: 424px) and (max-width: 477px) {
     #topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:12px; padding-left: 15px; padding-right: 15px;}
    #topo_box_content{ background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:10px 0px 10px 0px;}
    #box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto;clear: both; padding-top: 35px; margin-bottom: 96px; box-shadow: 15px -6px 5px -8px rgba(0, 0, 0, 0.2);}
    #box_content{z-index:2px;  height: auto;display:table;}
    #topo_box_content h3 { color: #424242;font-family: Ubuntu; font-size:14px; padding-left: 15px; padding-right: 15px; font-weight: 500;}
    #box_content_txt h2{ color: #0090e0;font-family: Roboto; font-size:14px; line-height: 26px;  height:26px; margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt h2.importante_autoteste{ color: #c10000;font-family: Roboto; font-size:12px; line-height: 26px; height:26px; text-transform: uppercase;margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt p{margin-bottom:10px; line-height: 14px; font-family: Roboto; font-size:12px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}
    #box_content .col-1-3{width:100%; display: table; float: none;}
    #box_content .col-2-3{width:100%;}
     #box_filosofia .col-1-3{width: 49%;}
#box_filosofia .col-1-3{width: 100%;}
#box_filosofia .content .post {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px; min-height:100px;    }
#box_filosofia .box {width: 100%; display: table; padding-bottom: 30px; border-bottom:0; border-bottom: 1px solid #e1e1e1;}
#box_filosofia .content .post:last-child {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px;}
#box_filosofia .content div:nth-child(3n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
#box_filosofia .content div:nth-child(2n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
#box_filosofia .content div:nth-last-child(2){padding-bottom: 25px;padding-top: 25px;border-bottom:  1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
#box_filosofia .content div.hold_titulos{ max-height: 120px; display: table; border-left: 0px; width: 50%; min-height: 105px; border-bottom: 0px; padding-bottom: 0px; padding-top: 0px; float:none;}
#box_filosofia .filosofo img{ max-width:166px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
#box_filosofia img {
    max-width: 136px;
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 11px;
    margin-right: 10px;
    float: left;
}

	#box_filosofia .content .post span.conheca_holder { position:absolute; top:125px; right:0; }
	
	div.next { display:inline-block; }
	div.prev { display:inline-block; }

	#linhadotempo h2 { font-size: 16px; }

	ul.tl li .item-title a, ul.tl li .item-title-last a {     text-decoration: none;     font-size: 16px;    color:#ffffff;    display: block;    left:-13px;    padding: 0px 10px;    position: relative; }

	.box_timeline { width:270px; margin:20px auto 0px auto; padding:0; }
/*
div.next {
  width: 40px;
    border: 1px solid #385b83;
    text-align: center;
    background: #385b83;
    color: #fff;
    display: inline-block;
    visibility: visible;
    height: 22px;
    font-size: 30px;
    padding: 8px 0 10px 0;
    margin-top: 70px;}
*/
.history-tl-container ul.tl li { width:100%; padding:0 0 60px 0px; }

ul.tl li.tl-item.active{visibility: visible; display: table-cell;}
ul.tl li.tl-item{visibility: hidden; display: none;}

ul.tl li .item-title.active {
    display: table-cell;
    vertical-align: middle;
    font-family: Roboto;
    font-size: 16px;
    color: #8c8c8c;
    text-align: center;
    top: -5px;
    background: none;
    height: 149px;
    width: 100%;
}

ul.tl li .item-title {
    background: none;}

.history-tl-container ul.tl {
    margin: 20px auto 0px auto;
    padding: 0;
    display: inline-block;
    left: 20px;
    position: relative;
    float: none;
}    

ul.tl li.active .item-title a {
	/*
    vertical-align: middle;
    display: table-cell;
    font-family: Roboto;
    font-size: 16px;
    color: #ffcb0b;
    text-align: center;
    height: 149px;
    width: 147px;
	*/
    background: url(/images/responsive/responsive_2017/filosofia/img_fundo_filosofia_periodo_active_mobile.png) no-repeat;
    left: -9px;
	/*
    top: -1px;
    max-width: 147px;
    padding: 0px;
	*/
}

  .filosofo h2{ color: #25668d;font-family: Ubuntu; font-size:18px; margin-bottom: 25px; font-weight: 400; float:none; margin-top: 35px;}


/*-----------------------------------------------------------------*/
/*----------------------Filosofo--------------------------*/


	#box_filosofia .filosofo img{ max-width:96px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
	#box_filosofia .filosofo p{ margin-top:0px; margin-bottom:20px;line-height: 16px;font-family: Roboto;font-size:14px;display:table; padding-left: 15px; padding-right:15px;}
}

@media only screen and (min-width: 325px) and (max-width: 423px) {
	#topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:12px; padding-left: 15px; padding-right: 15px;}
    #topo_box_content{ background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:10px 0px 10px 0px;}
    #box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto;clear: both; padding-top: 35px; margin-bottom: 96px; box-shadow: 15px -6px 5px -8px rgba(0, 0, 0, 0.2);}
    #box_content{z-index:2px;  height: auto;display:table;}
    #topo_box_content h3 { color: #424242;font-family: Ubuntu; font-size:14px; padding-left: 15px; padding-right: 15px; font-weight: 500;}
    #box_content_txt h2{ color: #0090e0;font-family: Roboto; font-size:14px; line-height: 26px;  height:26px; margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt h2.importante_autoteste{ color: #c10000;font-family: Roboto; font-size:12px; line-height: 26px; height:26px; text-transform: uppercase;margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt p{margin-bottom:10px; line-height: 14px; font-family: Roboto; font-size:12px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}
    #box_content .col-1-3{width:100%; display: table; float: none;}
    #box_content .col-2-3{width:100%;}
	#box_filosofia .col-1-3{width: 49%;}
	#box_filosofia .col-1-3{width: 100%;}
	#box_filosofia .content .post {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px; min-height:100px;    }
	#box_filosofia .box {width: 100%; display: table; padding-bottom: 30px; border-bottom:0; border-bottom: 1px solid #e1e1e1;}
	#box_filosofia .content .post:last-child {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-child(3n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-child(2n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-last-child(2){padding-bottom: 25px;padding-top: 25px;border-bottom:  1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div.hold_titulos{ max-height: 120px; display: table; border-left: 0px; width: 55%; min-height: 105px; border-bottom: 0px; padding-bottom: 0px; padding-top: 0px; float:none;}
	#box_filosofia img {
	    width: 120px;
	    height: 120px;
	    margin-top: 0px;
	    margin-bottom: 11px;
	    margin-right: 10px;
	    float: left;
	}

	#box_filosofia .content .post span.conheca_holder { position:absolute; top:125px; right:0; }

	div.next { display:inline-block; }
	div.prev { display:inline-block; }

	#linhadotempo h2 { font-size: 16px; }
	
	ul.tl li .item-title a, ul.tl li .item-title-last a {
	     text-decoration: none;
	     font-size: 16px;
	    color:#ffffff;
	    display: block;
	    left:-13px;
	    padding: 0px 10px;
	    position: relative;}  

	.box_timeline { width:270px; margin:20px auto 0px auto; padding: 0; }
	.history-tl-container ul.tl li { width: 100%; padding: 0 0 60px 0px; }

ul.tl li.tl-item.active{visibility: visible; display: table-cell;}
ul.tl li.tl-item{visibility: hidden; display: none;}

ul.tl li .item-title.active {
    display: table-cell;
    vertical-align: middle;
    font-family: Roboto;
    font-size: 16px;
    color: #8c8c8c;
    text-align: center;
    top: -5px;
    background: none;
    height: 149px;
    width: 100%;
}

ul.tl li .item-title {
    background: none;}

.history-tl-container ul.tl {
    margin: 20px auto 0px auto;
    padding: 0;
    display: inline-block;
    left: 20px;
    position: relative;
    float: none;
}    

ul.tl li.active .item-title a {
    vertical-align: middle;
    display: table-cell;
    font-family: Roboto;
    font-size: 16px;
    color: #ffcb0b;
    text-align: center;
    background: url(/images/responsive/responsive_2017/filosofia/img_fundo_filosofia_periodo_active_mobile.png) no-repeat;
    height: 149px;
    width: 127px;
    left: -9px;
    top: -1px;
    max-width: 127px;
    padding: 0px 10px;
    line-height: 18px;
}


	.filosofo h2{ color: #25668d;font-family: Ubuntu; font-size:18px; margin-bottom: 25px; font-weight: 400; float:none; margin-top: 35px;}

	#box_filosofia .filosofo img{ max-width:96px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
	#box_filosofia .filosofo p{ margin-top:0px; margin-bottom:20px;line-height: 16px;font-family: Roboto;font-size:14px;display:table; padding-left: 15px; padding-right:15px;}
}   

@media only screen and (min-width: 120px) and (max-width: 324px){
	#topo_box_content .subtitulo{ color: #7c7c7c;font-family: Ubuntu; font-size:12px; padding-left: 15px; padding-right: 15px;}
    #topo_box_content{ background:#f6f6f6;border:1px solid #e1e1e1;height: auto; padding:10px 0px 10px 0px;}
    #box_content_txt{z-index:2px;  border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;height: auto;clear: both; padding-top: 35px; margin-bottom: 96px; box-shadow: 15px -6px 5px -8px rgba(0, 0, 0, 0.2);}
    #box_content{z-index:2px;  height: auto;display:table;}
    #topo_box_content h3 { color: #424242;font-family: Ubuntu; font-size:14px; padding-left: 15px; padding-right: 15px; font-weight: 500;}
    #box_content_txt h2{ color: #0090e0;font-family: Roboto; font-size:14px; line-height: 26px;  height:26px; margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt h2.importante_autoteste{ color: #c10000;font-family: Roboto; font-size:12px; line-height: 26px; height:26px; text-transform: uppercase;margin-left: 15px; margin-right: 15px; width: 97%; margin-bottom: 9px;}
    #box_content_txt p{margin-bottom:10px; line-height: 14px; font-family: Roboto; font-size:12px; color:#646464; margin-left: 15px; margin-right: 15px; width: auto;}
    #box_content .col-1-3{width:100%; display: table; float: none;}
    #box_content .col-2-3{width:100%;}
	#box_filosofia .col-1-3{width: 49%;}
	#box_filosofia .col-1-3{width: 100%;}
	#box_filosofia .content .post {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px; min-height:100px;    }
	#box_filosofia .box {width: 100%; display: table; padding-bottom: 30px; border-bottom:0; border-bottom: 1px solid #e1e1e1;}
	#box_filosofia .content .post:last-child {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left: none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-child(3n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-child(2n+1) {padding-bottom: 25px;padding-top: 25px;border-bottom: 1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div:nth-last-child(2){padding-bottom: 25px;padding-top: 25px;border-bottom:  1px solid #E1E1E1;border-left:none;float:left;padding-left: 0px;padding-right: 0px;}
	#box_filosofia .content div.hold_titulos{ max-height: 120px; display: table; border-left: 0px; width: 50%; min-height: 105px; border-bottom: 0px; padding-bottom: 0px; padding-top: 0px; float:none;}
	#box_filosofia img {
	    width: 120px;
	    height: 120px;
	    margin-top: 0px;
	    margin-bottom: 30px;
	    margin-right: 10px;
	    float: left; }

	#linhadotempo h2 { font-size: 16px; }
	ul.tl li .item-title a, ul.tl li .item-title-last a{
	     text-decoration: none;
	     font-size: 16px;
	    color:#ffffff;
	    display: block;
	    left:-13px;
	    padding: 0px 10px;
	    position: relative;}  
	
	.box_timeline { width:248px; margin:20px auto 0px auto; padding:0; }

	div.next { display:inline-block; width:30px; height:30px; line-height:29px; margin-left:22px; }
	div.prev { display:inline-block; width:30px; height:30px; line-height:29px; }

	.history-tl-container ul.tl li { width:100%; padding:0 0 60px 0px; }

	ul.tl li.tl-item.active{visibility: visible; display: table-cell;}
	ul.tl li.tl-item{visibility: hidden; display: none;}

	ul.tl li .item-title.active {
	    display: table-cell;
	    vertical-align: middle;
	    font-family: Roboto;
	    font-size: 16px;
	    color: #8c8c8c;
	    text-align: center;
	    top: -5px;
	    background: none;
	    height: 149px;
	    width: 100%;
	}
	
	ul.tl li .item-title { background: none; width:155px !important; }
	
	.history-tl-container ul.tl {
	    margin: 20px auto 0px auto;
	    padding: 0;
	    display: inline-block;
	    left: 20px;
	    position: relative;
	    float: none;
	}    
	
	ul.tl li.active .item-title a {
		/*
	    vertical-align: middle;
	    display: table-cell;
	    font-family: Roboto;
	    font-size: 16px;
	    color: #ffcb0b;
	    text-align: center;
		*/
	    background: url(/images/responsive/responsive_2017/filosofia/img_fundo_filosofia_periodo_active_mobile.png) no-repeat;
	    left: -4px;
		/*
	    height: 149px;
	    width: 147px;
	    top: -1px;
	    max-width: 147px;
	    padding: 0px;
		*/
	}

	.filosofo h2{ color: #25668d;font-family: Ubuntu; font-size:18px; margin-bottom: 25px; font-weight: 400; float:none; margin-top: 35px;}

	#box_filosofia .filosofo img{ max-width:96px; width: 100%; height: auto; margin-top: 0px; margin-bottom: 11px; margin-right: 29px; float: left;}
	#box_filosofia .filosofo p{ margin-top:0px; margin-bottom:20px;line-height: 16px;font-family: Roboto;font-size:14px;display:table; padding-left: 15px; padding-right:15px;}
}