/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "responsive.css";

/* Component (SMACSS module) rules */
@import "misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* LAYOUT DO CONTRASTE DAS OPCOES DE ACESSIBILIDADE */
@import "contraste.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

/**** Anti marquee *****/

header#header marquee {
	display: none;
} 

div#block-system-main-menu {
	display: none;
}

header#header {
	height: 195px;
	/*height: 400px;*/
	/*background: url('../images/bg-60anos.png') no-repeat;*/
	background-size: 960px;
  	background-position: center;
}

.header__site-name {
  font-size: 1.9em;
  /*padding-left: 3em;*/
}

.header__logo{
	/*display: none;*/
}

#site-name > a > span{
	/*visibility: hidden;*/
}

/*
em {
	font-style: normal !important;
}
*/

/************* correção dos em ****************/
#navigation , aside.sidebars,
#block-views-noticias-titulo-resumo-block-1 .views-field-title .field-content,
#block-views-noticias-titulo-resumo-block-1 .views-field-body,
#footer {
	font-style: normal;
}
/************* correção dos em ****************/
body{
	background: url('./body-bg-repeat.jpg') repeat-x bottom, 
		url('./reticula_repeat-x.png') repeat-x top;
}

#page{
	margin-top: 42px;
	max-width: 1200px;
}

div#name-and-slogan{
	padding-top: 60px;
	margin: 0 0 0 35px;
}

#site-name a {
	font-weight: bold;
	color: #0e4194;
}

div#content, aside.sidebars{
	/*margin-top: 320px;*/
}


/**
	Overriding TB Megamenu Styles
**/

.tb-megamenu {
	background-color: #fff;
}

#nice-menu-1,
.tb-megamenu-main-menu
{
	border-bottom: 2px solid #b6b6b6;
}

.tb-megamenu .mega > .mega-dropdown-menu {
	min-width: 500px;
	/*display: block;*/ /* Uncomment to always show dropdown menu */
	border: 2px solid #0e3d72;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-top: none;
	padding: 25px;
}

#navigation .menu li{
	float: none;
	margin: 0;
}

.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus,
.tb-megamenu .nav > li > a
{
	background-color: #fff;
	color: #0e3d72;
	font-size: 14px;
	font-weight: bold;
	float: left;
	padding: 6px 18px 4px 16px;
	text-decoration: none;
	border-right: none;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
.tb-megamenu .nav > li.dropdown.open.active > a:hover
{
	background-color: #fff;
	color: #0e3d72;
}

.tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret, .tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret {
	border-top-color: #000;
	border-bottom-color: #000;
}

#linha-animada{
	overflow: hidden;
	margin: 0;
	position: absolute;
	top: 31px;
	border: 3px solid #f27a24;
}

/**
.tb-megamenu .nav > .active > a {
	border-bottom: 2px solid #f27a24;
}
**/

div#block-tb-megamenu-main-menu ul li {
	margin-left: 14px;
}

.tb-megamenu .nav > li > a:hover,
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
	background-color: #fff;
	color: #0e3d72;
}


#block-nice-menus-1 ul li a,
#block-nice-menus-1 ul li a:hover,
#block-nice-menus-1 ul li a:visited
{
	color: #0e3d72;
	font-size: 14px;
	font-weight: bold;
	float: left;
	padding: 6px 18px 4px 22px;
	text-decoration: none;
}

#block-menu-secondary-menu ul li,
#block-menu-secondary-menu--2 ul li
{
	list-style: none;
	border-bottom: 3px solid #e6e6e6;
	padding: 13px 0 13px 19px;
	font-size: 11pt;
	font-weight: bold;
	color: #0e3d72;
}

#block-menu-secondary-menu ul li a,
#block-menu-secondary-menu--2 ul li a,
#block-menu-secondary-menu--2 ul li a:hover,
#block-menu-secondary-menu--2 ul li a:visited,
#block-menu-menu-acesso-r-pido ul li a,
#block-menu-menu-acesso-r-pido ul li a:hover,
#block-menu-menu-acesso-r-pido ul li a:visited
{
	color: #0e3d72;
	text-decoration: none;	
}

#block-menu-secondary-menu ul li a:hover {
	text-decoration: underline;	
}


#navigation .block-menu .block__title{
	height: 100%;
	width: 100%;
	color: #666;
}

.tb-megamenu .dropdown-menu li a{
	color: #666;
	font-size: 12px;
	text-decoration: none;
}

.tb-megamenu .dropdown-menu li a:hover{
	color: #f4833f;
	text-decoration: underline;
}


/* Overriding the nice menus style  */
ul.nice-menu-down {
	float: none;
}

ul.nice-menu-down li, ul.nice-menu li {
	border: none;
	background-color: #fff;
}

.menu a.active{
	color: #0e3d72;
}

menu, ol, ul {
	padding: 0;
}
/* End Override */


/**** MENU ACESSO RAPIDO ****/
#block-menu-menu-acesso-r-pido {
	margin-top: 50px;
}

#block-menu-menu-acesso-r-pido h2 {
	color: #f27a24;
	font-size: 14pt;
}

#block-menu-menu-acesso-r-pido ul li {
	list-style: none;
	border-left: 7px solid #f27a24;
	padding: 10px 0 10px 10px;
	font-weight: bold;
	color: #0e3d72;
	font-size: 11pt;
}

#block-menu-menu-acesso-r-pido ul li:hover{
	background-color: #f27a24;
}
#block-menu-menu-acesso-r-pido ul li:hover a{
	color: #fff;
}

#block-menu-menu-acesso-r-pido ul {
	margin: 0;
}
/*** END ***/


div#block-search-form {
    float: right;
    margin: 0 0 0 0;
    position: relative;
    top: -87px;
    right: 95px;
}

div#block-search-form input#edit-submit{
	background: url('srch-btn.png') no-repeat 0 0;
	width: 25px;
	height: 25px;
	text-indent: -9000em;
	overflow: hidden;
	margin-left: -5px;
}

#block-menu-menu-alu-prof-tec {
	float: right;
	margin-bottom: 5px;
	position: relative;
	/**right: -280px; /** right: -90px; **  Mudar para 90 quando habilitar o menu de acessibilidade  */
	right: -90px;
}

#block-menu-menu-alu-prof-tec ul{
	margin: 0;
}

#block-menu-menu-alu-prof-tec ul li{
	float: right;
	list-style: none;
	border: 2px solid #0e3d72;
	margin-left: 5px;
	padding: 0 17px;
}

#block-menu-menu-alu-prof-tec ul li a{
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}


/** REMOVE AS MENSAGENS DE WELCOME E DE NENHUM CONTEUDO PROMOVIDO A PAGINA INICIAL*

div#content h1#page-title {
	display: none;
}
*/

div#first-time {
	display: none;
}

/**********************************************************/

/** VIEW STYLES E NOTICIAS DA HOME **/

div#block-views-noticias-titulo-resumo-block-1 {
	clear: both;
	float: right;
	margin-top: 70px;
	margin-left: 15px;
}

.view-noticias-destaque .field-content a,
#block-views-noticias-titulo-resumo-block-1 .views-field-title .field-content a
{
	text-decoration: none;
	color: #0e3d72;
	font-weight: bolder;
}

#block-views-noticias-titulo-resumo-block-1 .views-field-title .field-content a
{
	font-size: 0.9em;
}

.view-noticias-destaque .field-content a{
	font-size: 0.8em;
}

#block-views-noticias-titulo-resumo-block-1 .views-field-title .field-content a:hover{
	text-decoration: underline;
}

a.views-more-link{
	color: #275cf2;
	font-size: 13px;
	text-decoration: none;
	font-weight: bolder;
}

a.views-more-link:hover{
	text-decoration: underline;
}

#block-views-noticias-titulo-resumo-block-1 .views-field-title{
	margin-bottom: -20px;
}

#block-views-noticias-titulo-resumo-block-1 .views-field-body{
	font-size: 13px;
}

.view-noticias-destaque .views-field-title{
	line-height: normal;
	text-align: justify;
	padding: 0 15px;
	height: 35px;
}

/** GRID DE NOTICIAS QUE CONTEM AS IMAGENS **/

div#block-views-noticias-destaque-block-1 {
	margin-top: 25px; 
}

div#block-views-noticias-destaque-block-1 h2 {
	margin-left: 15px;
	color: #0e3d72; 
}

div#block-views-noticias-destaque-block-1 td{
	width: 285px;
	text-align: center;
}

div#block-views-noticias-destaque-block-1 .views-field-field-imagem .field-content img{
	width: 220px;
	height: 147px;
}

/*******    ***********/

div#block-block-4{
	clear: both;
	margin: 0 0 3.5em 0;
	text-align: right;
}

div#block-block-4 a{
	color: #5b5b5b;
	text-decoration: none;
}

div#block-block-4 p{
	margin: 0px;
}

/** FOOTER **/

#footer{
	height: 170px;
	
}

/** ESTILO DO BLOCO DAS REDES SOCIAIS **/

#block-block-14 {
	float: right;
	margin-bottom: 0;
	margin-left: 5px;
	position: relative;
	top: -55px;
	width: 101%;
	left: 0%;
}
#block-block-14 ul li{
	float: left;
	list-style: none;
	margin-left: 6px;
	
}

/** VIDEO INSTITUCIONAL **/

div#block-block-2{
	float: left;
	width: 443px;
	height: 315px;
	margin: 57px 0 0 0;
	overflow: hidden;
}

div#block-block-2 h5, div#block-block-15{
	color: #0e3d72;
}


div#block-block-2 iframe,
div#block-block-15 div {
	border: 1px solid #c3c3c3;
	padding: 4px;
	border-radius: 0.5em;
}

/*** LINKS DE INTERESSE ***/

div#block-block-15 {
	height: 338px;
	float: right;
	margin: 0;
}

div#block-block-15 div {
	overflow-y: scroll;
	height: 340px;
}

div#block-block-15 div table{
	margin: 0;
	padding: 0;	
}

div#block-block-15 div td{
	padding: 5px;
}

div#block-block-15 div::-webkit-scrollbar {
    width: 10px;
}

div#block-block-15 div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
    background-color: #f5f5f5;
}

div#block-block-15 div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background-color: #0e3d72;
}

/** RODAPE **/

#footer {
	padding-left: 0;
	margin-top: 42px;
}

div#block-block-13{
	float: right;
	margin: 0;
	text-align: right;
}

div#block-block-13 p{
	margin: 0;
	font-size: 14px;
}

div#block-menu-menu-menu-rodap-1,
div#block-menu-menu-menu-rodap-2{
	float: left;
}

div#block-menu-menu-menu-rodap-1 h2{
	font-size: 14px;
}

div#block-menu-menu-menu-rodap-1 ul,
div#block-menu-menu-menu-rodap-2 ul{
	margin: 0;
}

div#block-menu-menu-menu-rodap-2 {
	margin: 0 0 0 15px;
	
	padding-left: -4px;
}

div#block-menu-menu-menu-rodap-1 ul li,
div#block-menu-menu-rodap-in-cio ul li,
div#block-menu-menu-menu-rodap-2 ul li{
	list-style: none;
	font-size: 14px;
}

div#block-menu-menu-menu-rodap-1 ul li a,
div#block-menu-menu-rodap-in-cio ul li a,
div#block-menu-menu-menu-rodap-2 ul li a{
	color: #020202;
	text-decoration: none;
}

div#block-menu-menu-menu-rodap-1 ul li a:hover,
div#block-menu-menu-rodap-in-cio ul li a:hover,
div#block-menu-menu-menu-rodap-2 ul li a:hover{
	text-decoration: underline;
}

div#block-block-16 {
	margin: 0;
	clear: both;
	text-align: center;
	line-height:23px;
}


div#block-block-20 {
	margin: -33px -183px -0px 4px;
	clear: both;
	text-align: center;
	line-height:23px;
}


/** Artigos **/

article img {
	float: left;
	margin: 0 25px 15px 0;
}

article p{
	margin: 0;
	padding: 0;
	color: #666;
}

article .field-label {
	margin-top: 25px;
}

article div.field-name-field-postdate{
	margin-bottom: 25px;
}

article ul li, div#site-map ul li{
	color: #666;
	margin-left: 15px;
}

article ul li a, div#site-map ul li a{
	text-decoration: none;
	color: #666;
}

div.field-name-field-fonte, article h4 {
	color: #666;
}

article ul li a:hover, div#site-map ul li a:hover{
	text-decoration: underline;
	color: #F4833F;
}

div#content h1#page-title,
div#content-sala-imprensa h1#page-title {
	color: #0E3D72;
	margin-top: 25px;
}

/*** BRASAO DA UFPB ****/

img#brasao-ufpb {
	clear: both;
	float: none;
}

p#p-brasao-ufpb {
	text-align: center;
}

/***** 	AGENDA DA REITORA ******/
#block-views-view-agenda-da-reitora-block > div > div > div > div.views-field.views-field-title > span{
	font-size: 24px;
	font-weight: bold;
}

/*** ARTIGOS DA TRANSPARENCIA **/
article.node-conteudo-transparencia p a{
	color: #0E3D72;
}

article.node-conteudo-transparencia p a:hover{
	color: #F4833F;
	text-decoration: none;
}

/*** HORIZONTAL SLIDER ***/

div#block-views-banner-eventos-block-1{
	margin-top: 5px;
}

div.views_horizontal_slider div.item-list{
	width: 100%;
}

div.views_horizontal_slider div.item-list li.hslider-active {
	width: 924px;
}

div.views_horizontal_slider div.item-list li.hslider-first .views-field-title{
	background: url('../images/bg-orange.png') no-repeat right top;
}

div.views_horizontal_slider div.item-list li.hitem-1 .views-field-title{
	background: url('../images/bg-blue.png') no-repeat right top;
}

div.views_horizontal_slider div.item-list li.hitem-2 .views-field-title{
	background: url('../images/bg-green.png') no-repeat right top;
}

div.views_horizontal_slider div.item-list li.hslider-last .views-field-title{
	background: url('../images/bg-purple.png') no-repeat right top;
}

div.views_horizontal_slider div.item-list li .views-field-title{
	position: absolute;
	top:0;
/*	width: 754px; */
	width: 904px;
	height: 353px;
	text-align: right;
	margin-left: 0;
}

div.views_horizontal_slider div.item-list li .views-field-title span.field-content{
	font-weight: bolder;
	font-weight: bolder;
	position: absolute;
	bottom: 125px;
	right: 40px;
	font-size: 20pt;
	color: #fff;
	width: 195px;
}

div.views_horizontal_slider div.item-list li {
	width: 50px;
}


/** CORRECAO DO BODY NA EDICAO DE NOTICIAS**/
body.cke_editable{
	background: #fff;
}

/*************** SALA DE IMPRENSA ****************/

article.node-2662 p,
article.node-galeria-de-fotos p{
	margin: 1.5em 0;
}

div#block-views-si-noticias-block {
	margin-right: 50px;
}

div#block-views-si-noticias-block h2,
div#block-views-si-clipping-block h2,
div#block-block-17 h2,
div#block-block-19 h2 {
	color: #0e3d72; 
}

div#block-views-si-noticias-block,
div#block-views-si-clipping-block {
	width: 48%;
	margin-top: 35px;
	float: left;
}

div#block-views-si-noticias-block div.view-si-noticias,
div#block-views-si-clipping-block div.view-si-clipping{
	border-top: 2px solid #b6b6b6;
	padding-top: 15px;
	font-size: 13px;
}

div#block-views-si-noticias-block div.view-si-noticias .views-field-title a{
	color: #0e3d72;
}

div#block-views-si-clipping-block div.view-si-clipping .views-field-field-link a{
	float: left;
	margin-right: 10px;
}

div#block-views-si-noticias-block div.view-si-noticias .views-field-title,
div#block-views-si-clipping-block div.view-si-clipping .views-field-title{
	font-size: 1.2em;
	font-weight: bold;
	color: #0e3d72;
}

div#block-views-si-noticias-block div.view-si-noticias a,
div#block-views-si-clipping-block div.view-si-clipping a{
	text-decoration: none;
}
div#block-views-si-noticias-block div.view-si-noticias a:hover,
div#block-views-si-clipping-block div.view-si-clipping a:hover{
	text-decoration: underline;
}

#block-views-si-clipping-block div.views-row div.views-field div p {
	margin-top: 0;
	margin-bottom: 2.5em;
}


div#block-views-si-noticias-block div.view-content  div.views-field.views-field-field-imagem  img
{
	width: 100px;
	height: 75px;
	float: left;
	margin-right: 15px;
}

/********   Sala de Imprensa Tabs  ***********/

#block-quicktabs-si-img-vid-panel {
	width: 45%;
	float: left;
	background: #f7f7f7;
	border-radius: 0.5em;
	min-height: 650px;
	margin-top: 35px;
}

div#quicktabs-tabpage-si_img_vid_panel-0  a img {
	float: left;
	margin-right: 15px;
	margin-bottom: 25px;
	margin-left: 10px;
}

div#quicktabs-tabpage-si_img_vid_panel-0 div.views-field.views-field-title,
#quicktabs-tabpage-si_img_vid_panel-1 div.views-field.views-field-title {
	padding-left: 10px;
	margin-bottom: 15px;
}

div#quicktabs-tabpage-si_img_vid_panel-0 div.views-field.views-field-title span a,
div#quicktabs-tabpage-si_img_vid_panel-1 div.views-field.views-field-title span a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	color: #0e3d72;
}

div#quicktabs-tabpage-si_img_vid_panel-0 div.views-field.views-field-title span a:hover,
div#quicktabs-tabpage-si_img_vid_panel-1 div.views-field.views-field-title span a:hover {
	text-decoration: underline;
}

#quicktabs-tabpage-si_img_vid_panel-1 div.views-field.views-field-field-video > div {
	text-align: center;
}

div.video-embed-description {
	font-size: 0.8em;
}

div#block-quicktabs-contatos {
	float: left;
	width: 45%;
	margin-left: 50px;
}

div#block-quicktabs-contatos h2 {
	color: #f27a24;
	font-weight: normal;
	margin-bottom: 0.8em;
	border-bottom: 2px solid #b6b6b6;
}

/***************  ACCORDION CONTATOS  *************/

.ui-accordion .ui-accordion-header {
	padding: 0;
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-content {
	padding: 0em 0.2em;
	font-size: 0.7em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;	
}

.ui-accordion-content-active {
	max-height: 550px;
}

/**** SALA DE IMPRENSA - CORPO DE TÉCNICO *****/

div#block-block-17, div#block-block-19 {
	float: left;
	width: 45%;
	margin-left: 50px;
	margin-top: 30px;
	color: #666;
}

div#block-block-17 h2, div#block-block-19 h2 {
	border-bottom: 2px solid #b6b6b6;
}

div#block-block-17 > p, div#block-block-19 > p {
	-webkit-margin-before: 0.7em;
	-webkit-margin-after: 0.5em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;

	margin-bottom: 0.5em; 
	margin-top:0.7em;
}

div#block-block-17 table caption, div#block-block-19 table caption {
	text-align: left;
}

#block-block-17 table tbody  tr td p, #block-block-19 table tbody  tr td p {
	font-size: 0.8em;
	margin-top: 0;
}

#block-block-17 > table > tbody > tr:nth-child(1) > td:nth-child(1) > p:nth-child(1),
#block-block-17 > table > tbody > tr:nth-child(1) > td:nth-child(2) > p:nth-child(1),
#block-block-17 > table > tbody > tr:nth-child(1) > td:nth-child(3) > p:nth-child(1),
#block-block-17 > table > tbody > tr:nth-child(2) > td:nth-child(1) > p:nth-child(1),
#block-block-17 > table > tbody > tr:nth-child(2) > td:nth-child(2) > p:nth-child(1){
	margin-bottom: 0;
}

#block-block-17 table, #block-block-19 table {
	table-layout: fixed;
	width: 93%;
}


/************** SALA DE IMPRENSA - PÁGINA DA GALERIA DE IMAGENS ****************/

div.field-name-field-cr-dito-fotos {
	color: #666;
	clear: both;
	margin-top: 2.5em;
}

/************************** MENU ACESSIBILIDADE *****************/

#li-acessibilidade {
	/*visibility: hidden;*/
}

div#block-block-18 {
	/*display: none;*/
	position: relative;
	bottom: 170px;
	/*bottom: 155px;*/
	/*left: 225px;*/
	left: 131px;
	/*float: left;*/
}

div#block-block-18 ul li {
	float: left;
	list-style: none;
	margin-right: 0.5em;
	padding-right: 0.5em;
	border-right: 1px solid #666;
}

div#block-block-18 ul li:last-child{
	border-right: none;
}

div#block-block-18 ul li a{
	text-decoration: none;
	font-size: 0.7em;
	color: #0E3D72;
}

div#block-block-18 ul li a:hover{
	text-decoration: underline;
}

/**************** HIDES FOR RESPONSIVITY ***************/


div#block-menu-menu-apresenta-o--2,
div#block-menu-menu-pro-reitorias--2,
div#block-menu-menu-reitoria--2,
div#block-menu-menu-conselhos-superiores--2 {
	display: none;
}


/**************** BANNER EXPO UFPB ***************/


#block-block-21 {
	float: right;
}

#block-block-21 p {
	margin: 0;
	float: right;
    position: relative;
    top: -65px;
    right: -95px;
}

/**************** OVERRIDE OUTUBRO ROSA 

#navigation {
	/* background: url(http://tudodelingerie.com.br/wp-content/uploads/2014/10/Outubro-Rosa.png) no-repeat left top;
	background: url(http://www.2mnoticias.com.br/site/wp-content/uploads/2015/11/Novembro-Azul-2.jpg) no-repeat left top;
    background-size: 3%;
}

.tb-megamenu-main-menu {
    /* border-bottom: 2px solid #cc829d; 
	border-bottom: 2px solid #0e4194;
}

.tb-megamenu {
    background-color: transparent;
}

.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus, .tb-megamenu .nav > li > a
{
	background-color: transparent;
}

***************/