/* Custom CSS */

/*Modificações Gerais do Site*/

main .container{
    padding: 0px 0 65px 0 !important;
}

main #em-destaque {
    margin-top: 48px;
}

main div.rastro-navegacao {
    margin-top: 15px;
}

.article-image img{
    width: 100%;
    height: 200px;    
    object-fit: cover !important;
}

#megamenucss #js-mainnav.megamenu ul.level1 li.megacss{
	color: #255a36 !important;
}

a {
    word-wrap: break-word !important;       
}

/*Alteração no Print*/
@media print {
    /* Print CSS rules go here */
    /* Note: You need a separate @media screen group for other rules */
a{
	display: none;
}
header{
	display: none;
}
#content.internas .below-content{
	display: none;
}

footer{
	display: none;
}

#content.internas .content-header-options-1 {
    margin-bottom: -4px !important;
   
}

}



/*Tabela Padrão*/
.padrao tr:nth-child(odd) {
    background-color: #B7D3C6 !important;
}

.padrao tr:nth-child(even) {
    background-color: #E7E9EA !important;
}

.padrao th{
	background-color: #267C54 !important;
	color: white !important;
}

a:hover{
	text-decoration: underline !important;
}


.tags .inline ul li {
    display: inline-block !important;
}

body, h1, h2, h3, h4, h5, h6{
	font-family: Lato,'Open Sans', Arial, Helvetica, sans-serif !important;
}

a {  
	font-family: Lato,'Open Sans', Arial, Helvetica, sans-serif !important;
}

main h2{
	font-family: Lato, 'Open Sans', Arial, Helvetica, sans-serif !important;
}

main h4{
	font-size: inherit !important;
	font-family: Lato, 'Open Sans', Arial, Helvetica, sans-serif !important;
}


/*DEPARTAMENTOS ACADÊMICOS*/

nav.menu-de-apoio.tiles.span10 h2 {
    display: none !important;
 }

.menu-de-apoio a {
    color: #255a36 !important;
}

.destaques-academicos.span8.module a {
    text-transform: none !important;
}

.destaques-academicos span.icon-box {
    background-color: #255a36 !important;
    background-image: none !important;
}


h3.mnwall-title a{
	color: white !important;
	font-size: 1.3em !important;
    line-height: 22px !important;
	text-transform: none !important;	
}

.mnwall-desc {
    font-size: 1.1em !important;
}

.mnwall-masonry .content-bottom .mnwall-item-inner{
	height: 35% !important;
}


.row-fluid.module.nome-depto {
    padding-bottom: 22px;
}

.calendario-academicos .bt-cs .bt-inner img {
	width: 360px !important;
	margin: 0px !important;
	border: 0px;
}

.calendario-academicos .bt-cs .bt-inner{
	padding: 0px;
}

/*Setores*/
.setores .sprocket-strips-c-content {
    
    height: 100px;
}

.modulo4setores ul li{
list-style: none !important;
}


.modulo4setores h2.sprocket-grids-b-title a {
    color: white !important;
    font-weight: bold !important;
}


.modulo4setores .sprocket-grids-b-effect{
	background: rgba(37, 90, 54, 0.75) !important;
}




/*Customização Destaques-prototipo-academico*/
.destaques-academicos .outstanding-header {
	border-top: 4px solid #255a36 !important; 
}

.destaques-academicos .outstanding-title {
	color: #255a36 !important;
}

.destaques-academicos .outstanding-footer {
	border-color: #255a36 !important;
}

/*.destaques-academicos a.outstanding-link .icon-box span{
	background-color: red !important;
}*/

/*Costumização Atividades-calendario-academicos*/
.calendario-academicos .outstanding-header{
	border-top: 4px solid #355E85 !important;
}

.calendario-academicos .outstanding-title {
	color: #355E85 !important;
}

.calendario .outstanding-footer{
	border-top: 2px solid #355E85 !important;
}

/*Costumização Localização-localizacao-academicos*/
.localizacao-academicos .outstanding-header {
	border-top: 4px solid #215A36 !important;
}

.localizacao-academicos .outstanding-title {
	color: #215A36 !important;
}


/*DEPARTAMENTOS ADMINISTRATIVOS*/

/*Títulos e subtítulos- páginas deptos administrativos*/
#content.internas .documentCategory {
    display: block;
    color: #1a2a39 !important;
    text-transform: none !important;
    font-weight: 700;
    font-size: 39px;
    margin-bottom: 25px;
    line-height: 35px;
}


#content.internas .documentFirstHeading, #content.internas h1 {
    color: #1a2a39;
    font-size: 1.7em !important;
    margin: 0 0 18px 0;
    text-transform: none;
    letter-spacing: -1px;
}


/*Oculta marcadores (ul) do módulo - todos os serviços*/
.sprocket-lists-portrait-pagination ul {    
    display: none !important;
 }


/*Atalhos- Serviços*/
.servicos-atalhos ul li {
    font-size: 0.9em !important;    
    height: 118px !important;

}
.servicos-atalhos .sprocket-strips-content {

    padding: 5px !important;
}
.servicos-atalhos .sprocket-strips-item {
    border-radius: 50%;
    height: 70px;
    width: 70px;
    box-shadow: none !important;
}

.servicos-atalhos a{
	color: #7fa994
}

.servicos-atalhos ul li{
	list-style: none !important;
	margin-bottom: 2.25em !important;
}

.servicos-atalhos .sprocket-strips-content {
    padding-top: 65px !important;
    width: 100% !important;
    text-align: center !important;
}

.servicos-atalhos .sprocket-strips-container {
    overflow-x: auto !important;
    display: flex !important;
}

.servicos-atalhos .sprocket-strips-container {
    margin: 0 0 0 4% !important;
}

/*Informes - DTI*/

.internas-informes h3 a{
	font-weight: 700 !important;
}


/*Informes - Páginas internas*/

/*.internas-informes .tile-collection {
    height: 300px;
}*/



/*Destaques - páginas internas */

.internas-destaques .sprocket-strips-p-title a{
	color: #333;
}

.internas-destaques .sprocket-strips-p-item img {    
    /*height: 136px !important;
    width: 230px !important;*/
    object-fit: cover !important;
}


/*Menu - páginas internas*/

#navigation .internas-menu h2{
	border-top: 4px solid #808080 !important;
    color: #808080 !important;
}

/*Atalhos - Webmail*/
.customatalhos-webmail{
	float: right !important;
	color: #dcffe3 !important;
	font-size: .75em !important;
}

.customatalhos-webmail a{
	color: #dcffe3 !important;
}

#portal-searchbox{
	padding-top: -5px !important;
}

/*Arrow - carousel*/

.layout-slideshow2 .sprocket-features-arrows .arrow {
	z-index: 5 !important;
}

.layout-slideshow2 .sprocket-features-pagination {
	z-index: 5 !important;
}

/*Alunos*/

.alunos-banner{
	font-size: 1.1em;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-weight: bold;
}

.alunos-noticias h3 a{
	font-weight: bold !important;
}

.alunos-informes h3 a{
	font-weight: bold !important;
}

.alunos-banner .sprocket-headlines-image {
    height: 136px !important;
    width: 230px !important;
    object-fit: cover !important;
}

.alunos-banner .sprocket-headlines-navigation{
	vertical-align: bottom !important;
}

.alunos-banner ul li{
	list-style: none !important}

.alunos-atalhos a{
	font-size: initial !important;
}

.alunos-atalhos .sprocket-strips-item{
	height: 68px;
}

.sprocket-tabs-panels .alunos .sprocket-lists-portrait{
    width:50% !important;
}

.unidades .sprocket-strips-c-block:nth-child(even) .sprocket-strips-c-item {
    background: #255a36;
    border: 5px solid white;
}

.unidades .sprocket-strips-c-block:nth-child(odd) .sprocket-strips-c-item {
    background: #255a36;
    border: 5px solid white;
}

.unidades a{
	color: white;
}

.unidades a:hover{
	text-decoration: underline;
}

.unidades .sprocket-strips-c-item .sprocket-strips-c-text, .sprocket-strips-c-item .readon {
    color: white;
}



/*--Carousel inferior de atalhos--*/
.home-atalhos .sprocket-strips-item{

	height: 100px !important;
	
}


.home-atalhos h4{
	font-size: 1.2em;
    text-transform: uppercase;  
    text-align: center;
    text-shadow: 2px 0px 2px #111111;  
}

.home-atalhos a{

	color: #ffffff !important;
}


.home-atalhos .sprocket-strips-text{
	text-align: center;
	font-style: italic;	
	font-size: 0.85em;
    
}






/*Eventos*/

.eventos{
box-sizing: border-box;
padding: 10px;
}

.eventos  .outstanding-header{
    border-top: none !important; 
    background: none !important;
    min-height: 0 !important;
    padding-bottom: 4px;
    position: relative;
    border-bottom: 2px solid #355E85 !important;
}

.eventos h2{
	color: 	#355E85 !important;
	
}

.eventos table{
	border-color: #ccc !important;
	
}

.eventos  .mod_events_td_dayname{
	border-bottom: 1px solid #ccc !important;	
}

.eventos .mod_events_td_daywithevents {
   	border: none !important;
}

.eventos .mod_events_daylink:hover{
	color: red !important;
}

.eventos .mod_events_link:hover{
	color: red !important;
}

.eventos .mod_events_latest_table td {
    padding: 5px !important;
}

.eventos .mod_events_latest_content a{
	color: black !important;
	font-weight: bold !important;
}

.eventos .mod_events_td_dayname .saturday{
	color: #f89406 !important;
}

.eventos .mod_events_td_dayname .sunday {
	color: #f89406 !important;
}

/*Informes*/
.informes{
box-sizing: border-box;
padding: 10px;
}

.informes  .outstanding-header{
    border-top: none !important; 
    background: none !important;
    min-height: 0 !important;
    padding-bottom: 4px;
    position: relative;
    border-bottom: 2px solid #AD5D49 !important;	
}

.informes a{
	color: black !important;
}

.informes a:hover{
	text-decoration: underline;
}

.informes h2{
	color: 	#AD5D49 !important;
	
}	

.portrait-text p{
	margin: 0 0 20px !important;
}

.sprocket-lists-portrait-title{
	margin: 5px 0 !important;
}

.informes .outstanding-footer {
    border-top: 2px solid #AD5D49 !important;

}

.informes .icon-box{
	background-color: #AD5D49 !important;
	background-image: none !important;


}



/*Noticias*/

main div.container .module .outstanding-footer{
	margin: 0px !important;
}

/*Redimensiona thumbnails para 230 x 136*/

.sprocket-strips-s-item img{
	height: 136px !important;
	width: 230px !important;
	object-fit: cover !important;

}


.tileImage img{
	height: 75.67px !important;	
	object-fit: cover !important;
}

.noticias a{
	color: black !important;
}

.noticias a:hover{
	text-decoration: underline;
}

.noticias  .outstanding-header{
    border-top: none !important; 
    background: none !important;
    min-height: 0 !important;
    padding-bottom: 4px;
    position: relative;
    border-bottom: 2px solid #215A36 !important;
}

.noticias h2{
	color: 	#215A36 !important;
	
}	

.noticias .outstanding-footer {
    border-top: 2px solid #215a36 !important;

}

.noticias .icon-box{
	background-color: #255a36 !important;
	background-image: none !important;


}


	
/*Banner*/



/* Cantos arredondados

.layout-slideshow2 .sprocket-features-img-container img{
	height:auto;
	border-radius:10px;
	width: 100%;
}
*/

.layout-slideshow2 .readon:hover{
	color:yellow !important;
	font-weight: bolder !important;
}
.sprocket-features-arrows {
    position: absolute;
    top: 50%;
    width: 120%;
    left: -10%;
}	
.sprocket-features-content h2:first-child{
	font-size:1.5em!important;
}

.layout-slideshow2 .sprocket-features-content {
    position: absolute !important;
    bottom: 0 !important;
	left: 0 !important;
    width: 100% !important;
    text-align: left !important;
    background: rgba(12,12,12,0.8) !important;
    padding: 0 !important;    
    margin: 0 !important;   
	/*border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;*/
	
}

.layout-slideshow2 .readon {
	color: white !important;    
	font-weight: bolder !important;
}

.layout-slideshow2 .sprocket-features-content::before{
	display:none !important;
}

.sprocket-features-desc p{
	font-style: italic;
}


/*Header*/

header{
background-color: #255a36 !important;
background-image: none;

}

header #logo a:focus {
	text-decoration: none;
}
header #logo h1 {
	color:#fff;
	font-size: 2.4em;
	line-height: 1em;
	letter-spacing: -1px;
	font-family: Cinzel;
	font-weight:200 !important;
}
header #logo.small h1 {
    font-family: Cinzel !important;
	font-size: 2.0em;
}
	
header #logo .portal-description {
	font-size: 1.1em;
	text-transform: uppercase;
	font-family: Cinzel;
}

/*Menu relevante - lateral*/


main #navigation nav .current{
	font-weight: bold;
	background:lightgray !important;
	cursor: default;
}

main #navigation nav h2{
	border-top: 2px solid #195128;
    color: #195128;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
    height: 32px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    background: -moz-linear-gradient(top, #ffffff 0%, #eaebee 75%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#eaebee 75%);
    background: linear-gradient(to bottom, #ffffff 0%,#eaebee 75%);
}

/*-------------MENU----------*/

header div.sobre {
    /* background-color: #00420c; */
   /* background: linear-gradient(to bottom,#88A89D 0%,#267C54 100%) !important;*/
  	background: #4b7c6c !important;
    border-bottom: none !important; 
}

header div.sobre li {
    border-right: none !important;
 }   

#megamenucss #js-mainnav.megamenu .js-megamenu {
    font-size: 0.8em!important;
}



/*Em destaque - topo*/
main #em-destaque a:hover,
main #em-destaque a:active,
main #em-destaque a:focus
{	
	text-decoration: none !important;
	font-weight: 600;
	color: #255a36;
	
}
main #em-destaque ul .current{
	font-weight: bold;	
	cursor: default;
	background-color:lightgray;
}



main #em-destaque li:hover,
main #em-destaque li:active,
main #em-destaque li:focus
{	
	background-color:#c3d3ce;
}
main #em-destaque h2{
	background-color: #707681;
	
}

main #em-destaque a:hover,
main #em-destaque a:active,
main #em-destaque a:focus
{	
	text-decoration: none !important;
	background-color:#c3d3ce;
}

main #em-destaque ul{
	padding: 0px !important;
}

/*Footer*/
footer .footer-logos {
    display: none !important;
}

footer .footer-ferramenta {
    background: #255a36;    
    text-align: center;
	color: white;
}
footer .footer-ferramenta a {
    color: white;
}

footer .footer-ferramenta a:hover {
    background-color: #267c54;
}

footer .footer-atalhos {
    border-bottom: none;
}	
	
footer {
    background: #f7f7f7;
}	
footer nav a {    
    color: #727d83;
}

footer nav a:hover {    
    text-decoration: none !important;
	/*background-color:#c3d3ce !important;*/
	font-weight: 600;
	color: #255a36;
}

footer nav h2{
	color: #577169;
}


/*Servidores*/
.servidores-banner .sprocket-headlines-image {
    height: 136px !important;
    width: 230px !important;
    object-fit: cover !important;
}

.servidores-banner .sprocket-headlines-navigation{
	vertical-align: bottom !important;
}

.servidores-banner ul li{
	list-style: none !important}

.servidores-banner{
	font-size: 1.1em;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-weight: bold;
}

.servidores-noticias h3 a{
	font-weight: bold !important;
}

.servidores-informes h3 a{
	font-weight: bold !important;
}


/*Videos*/

.videos .outstanding-header {
    border-top: none !important;
    background: none !important;
    min-height: 0 !important;
    padding-bottom: 4px;
    position: relative;
    border-bottom: 2px solid #3268ba !important;    
}


/*Departamentos Administrativos*/
.bt-cs .bt-inner img{
	outline: none !important;
}

#content.internas #equipe ul li {

     list-style: none !important;
}

#equipe .bt-inner{
	text-align: center !important;
}



/*---------------------------------------------------Monitores acima de 980px ------------------------------- */
@media screen and ( min-width: 980px){

/*Departamento academico*/

.mnwall-small h3.mnwall-title {
    font-size: 0.85em !important;
    padding: 0;
}

/*----------*/

.espmobile h2:first-child{
	display:none;
	}

main #navigation a:hover,
main #navigation a:active

	{	
	text-decoration: none !important;
	font-weight: 600;
	color: #255a36;
}
	
/*Iguala a altura dos modulos informes e destaques páginas internas*/
.internas-informes .listagem-chamadas-secundarias {
    height: 351px;
}
.internas-destaques .sprocket-strips-p {    
    height: 351px;
}

}



/*-------------------------------------------------- Mobile - abaixo de 767px --------------------------------*/
@media screen and (max-width: 767px){

  /*Título subordinacao*/
span.portal-title-1 {
    padding-top: 50px !important;
}
  
/*Banner Redimensionado em mobile*/

.layout-slideshow2 .sprocket-features-img-container img {
    width: 100%;
    height: 200px !important;
    width: 100% !important;
    object-fit: cover !important;
}

/*removendo o espaço abaixo do menu*/


nav.menu-de-apoio.tiles.span10 {

    margin-top: 0px;

}

header div.sobre {    
    padding-bottom: 0 !important;
}

header #logo .portal-description {
	font-size: 1em;
	}

header #logo {
    text-align: center
	}
header #logo a {
	display: block;
	padding-top: 50px;
	/*background: url("../../../images/Unifesp-600px-branco-peq.png") no-repeat center 10px;*/
	}
	
header #logo img {
    position: relative;
    /* top: 50%; */
    /* left: 45%; */
    /* margin-top: -45px; */
    /* margin-left: -50px; */
    /* position: absolute; */
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);

	}	
header #logo h1 {
	font-size: 1.6em;
	margin-top: 25px;
	}

footer .footer-atalhos {
    display: none;
}


.sprocket-strips-s-item img{
	display: block !important;
	margin-left: auto !important;
    margin-right: auto !important;
}


.sprocket-strips-p-item img{
	margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}



}

/*-------------------------------------------------- Tablet entre 768px e 979px --------------------------------*/


@media screen and (min-width: 768px) and (max-width: 979px){

main #navigation{
		background-color: red;		
	}

main .container #navigation{
	margin-top: -8px !important; 
	}

main .container #navigation {
    margin-top: -2px !important;
}

main #em-destaque {
    margin-top: -40px !important;
}
	
main #content {
    padding-top: 30px !important;
    margin-top: 12px !important;
	}

header div.sobre{
	background: none !important;
}

/*Iguala a altura dos modulos informes e destaques páginas internas*/
.dti-informes .listagem-chamadas-secundarias {
    height: 351px;
}
.dti-banner .sprocket-strips-p {    
    height: 351px;
}
  
 /*MODIFICAÇÕES EPE*/ 
  
  .noticias-minitek h3{
    text-transform: capitalize !important; 
  }
  
  .mnwall-small h3.mnwall-title a{
    font-size: 0.9em !important;
  }