@import url('https://fonts.googleapis.com/css?family=Raleway:500,700,900');
@import url('https://fonts.googleapis.com/css?family=Zilla+Slab:400,700');

@import url('https://fonts.googleapis.com/css?family=Special+Elite');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Lora:700i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:900i');

@font-face {
	font-family: 'icons';
	src: url('../fonts/icons.eot');
	src: url('../fonts/icons.eot?#iefix') format('embedded-opentype'),
	url('../fonts/icons.woff') format('woff'),
	url('../fonts/icons.ttf') format('truetype'),
	url('../fonts/icons.svg#pt_sans_narrowregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@-ms-viewport{
  width: device-width;
}

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

.align-right { text-align: right; }
.align-left { text-align: left; }

.bold { font-weight: 700; }
/*.color-red {color: #aa0b0c; }*/

.wrap-padding{
	padding: 2em 5% 1em 5%;
}

.bg-paper {
	background-color: #efebe3;
	background-image: url(../images/bg-paper.png);
	position: relative; 
	padding: 2em 5% .5em 5%;
}

.bg-paper:before {
	position: absolute;
	top: -12px;
	/*top: 0;*/
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 24px;
	/*height: 15px;*/
	background-image: url(../images/bg-paper-top.png);
	/*background-image: url(../images/bg-paper-top-old.jpg);*/
	background-repeat: repeat-x;
}
.bg-paper:after {
	position: absolute;
	bottom: -12px;
	/*bottom: 0;*/
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 24px;
	/*height: 12px;*/
	background-image: url(../images/bg-paper-bottom.png);
	/*background-image: url(../images/bg-paper-bottom-old.jpg);*/
	background-repeat: repeat-x;
}

.stroke-separator{
	border-top: 1px solid #999;
	padding-top: 1em;
}

@media (min-width: 540px) {
	.stroke-separator{
		border-top: 0;
		padding-top: inherit;
		border-left: 1px solid #999;
	}
	.stroke-separator > div{
		padding-left: 15px;
	}
}


.loading{
	background-color:rgba(0,0,0,.65);
	background-image:url(../images/spin.svg);
	background-repeat:no-repeat;
	background-position:center center;
	width:100vw;
	height:100vh;
	top:0;
	left:0;
	position:fixed;
	z-index:99999999;
}

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

	* {
		margin: 0;
		padding: 0;
	}

	html {
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: .9em;
		overflow-y: scroll;
	}

	body {
		line-height: 1.4em;
		font-size: 100%;
		color: #222;
		background-color: #fcfcfc;
		padding-top: 6em; 

/*		-webkit-touch-callout: none; 
		-webkit-user-select: none; 	
		-khtml-user-select: none; 	
		-moz-user-select: none; 	
		-ms-user-select: none; 		
		user-select: none; 		*/	

	}

	a { text-decoration: none; color: #222; }

	#header .wrapped-head{ padding: .5em 0; border-bottom: 1px solid #ddd}

	.logo_cb { font-weight: normal; font-family: 'Zilla Slab', sans-serif;; letter-spacing: .5px }
	.logo_cb span{ font-weight: bold; color:#aa0b0c; white-space: nowrap;}

	#footer .logo_cb{ font-size: 1.2em; margin-top: 1em;}

	.header-home {
	    margin-top: -30px !important;
		margin-bottom: 3em !important;
	}

	.logo_head { 
		font-family: 'Zilla Slab', sans-serif;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	.logo_head .logo_cb {
		display: block; 
		font-size: 1.6em;
		padding: 2em 0 1em 0;
		margin-left: 10%;
		display: inline-block;
	}

	@media (min-width: 900px) {
		.logo_head .logo_cb {
			font-size: 2.2em;
		}
	}

	.logo_head .logo_cb span.ln1 { display: block; font-size: 2em; margin-left: .2em;  line-height: 1em;}
	.logo_head .logo_cb span.ln2 { display: block; font-size: 2em; margin-left: -.3em; line-height: .7em}

	.logo .logo_cb {font-size: .9em; }

	@media (min-width: 900px) {
		.logo .logo_cb {font-size: 1em; }
	}

	.logo_search {
	    padding-left: 4em;
	    font-size: 1.5em;
	    padding-bottom: 1em;
	}
	.logo_search .autocomplete-group .autocomplete-result {
		font-size: .8em;
	}
	.mobile .logo_search {
		padding-left: 0;
		width: 80%;
		/*background: red;*/
	}
	.mobile .home-autocomplete {
		width: 95% !important;
	}

	/*.logos_footer { float:right; }*/

	.logos_footer { 
		display: block;
		width: 100%;
		margin-top: 1.5em;
	} 

	a.logos_footer_img { 
		display: inline-block;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 0 center;
		/*width: 100px;*/
		width: 38%;
		height: 60px;
		margin: 0 3%;
	}
	.mobile a.logos_footer_img { 
		width: 60%;
		height:70px;
	}

	a.logos_footer_img span { display: none;}
	a.logos_footer_img.logo-ims{background-image: url(../images/logo-ims.png); }
	a.logos_footer_img.logo-fcrb{background-image: url(../images/logo-fcrb.png);}
	
	.logos_footer .separator{ 
		display: inline-block; 
		width: 2px; 
		height: 60px; 
		_background: #000; 
		background: #efebe3;
		vertical-align: top;
	}
	.mobile .logos_footer .separator{ display: none;}

	.destaque-cell{
		vertical-align: bottom;
		align-self: flex-end;
		border-top: 1px solid #999;
		padding-top: 1em;
		margin-top: 2em;
	}

	@media (min-width: 900px) {
		.destaque-cell{
			border-top: 0;
			padding-top: inherit;
			border-left: 1px solid #999;
		}
		.destaque-cell > div{
			padding-left: 15px;
		}
	}

	.destaque-title{
		font-family: 'Zilla Slab', sans-serif;
		font-size: 1.6em;
		line-height: 1em;
		margin-bottom: 1em;
		font-weight: normal;
	}

	.destaque-title span{
		font-weight: bold;
	}

	.destaque{
		margin: .5em 0;
	}

	.wrap {
		width: 95%;
		max-width: 1200px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
	}

	#header {
		width: 100%;
		display: block;
		position: fixed;
		top: 0;
		z-index: 9999;
		background: #fcfcfc;
	}

	#header .wrap {
		position: relative;
	}

	#header-main{
		padding: .75em 0 .5em 0;
		border-bottom: 1px solid #ddd;
	}

	.hide-from-home #header-main{
		border-bottom: 0;
	}

	#header h1 {
		font-size: 1.3em;
		line-height: 1.6em;
	}
/*	#header h3 {
		font-size: 1.6em;
		font-weight: bold;
		padding: .4em 0 .5em 0;
		font-family: 'Zilla Slab', sans-serif;
	}
*/
	ul.breadcrumb li { 
		display: inline-block;
		font-size: 1.6em;
		font-weight: bold;
		padding: .4em 0 .5em 0;
		font-family: 'Zilla Slab', sans-serif;
		text-transform: lowercase;
		margin-right: .5em;
	}

	ul.breadcrumb li a:hover {
		color: #aa0b0c;;
	}
	ul.breadcrumb li:not(:first-of-type)::before {
		content: "/";
		font-weight: normal;
		margin-right: .4em;
		color: #999;
	}

	#header-tools{
		padding: .0;
	}

	#header .logo, 
	#header .head-form { 
		-webkit-transition: all .2s;
		-moz-transition: 	all .2s;
		-o-transition: 		all .2s;
		transition: 		all .2s;
		opacity: 1;
	}
	#header.hide-from-home .logo,
	#header.hide-from-home .head-form{
		opacity: 0;
		height: 0;
		overflow: hidden;
	}



/* ******  MENU  ******  */

	nav ul {
		display: inline-block;
	}

	nav ul li {
		display: inline-block;
		margin: 0 .5em 0 0;
	}

	.menu {
		z-index: 1000;
		position: absolute;
		top: 7px;
		right: 0px;
	}

	.mobile .menu{
		position: fixed;
		top: 0;
		right: 0;
	}

	.menu #navigation{
		background: #aa0b0c;
		width: 400px;
		margin-left: -4000px;
		padding: 1em 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		opacity: 0;
		-webkit-transition: opacity .4s;
		-moz-transition: 	opacity .4s;
		-o-transition: 		opacity .4s;
		transition: 		opacity .4s;
		z-index: 1000;
	}

	.menu.menu-active #navigation{
		opacity: 1;
		height: auto;
		margin-left: 0;
	}

	.mobile .menu #navigation{
		width: 100vw;
		height: 100vh;
	}

	#navigation a{
		color: #fff;
		font-family: 'Zilla Slab', sans-serif;
		font-size: 1.8em;
		font-weight: bold;
		display: inline-block;
		text-transform: lowercase;
		padding: .35em 0;
	}

	#navigation a:hover{
		color: #fff;
		opacity: .8;
	}

	.mobile #navigation{
		width: 100vw;
		height: 100vh;
	}

	#navigation li{
		width: 100%;
	}

	.menu-footer{
		text-transform: uppercase;
		font-weight: 900;
		margin: .5em 0 1.25em 0;
		font-size: .85em;
	}

	.menu-footer a{
		margin-right: .4em;
		letter-spacing: .5px;
	}

	#navigation li {
		padding-left: 4px;
	}

	#navigation .autocomplete-wrapper {
		display: block;
	}

	#navigation input {
		width: 100%;
		max-width: 95vw;
		color: #fff;
		background-color: transparent;
		border: 0;
		border-bottom: 1px solid #fff; 
		font-size: 1.6em;
		font-weight: bold;
		margin-top: .25em;
		margin-bottom: .75em;
		padding-bottom: .5em;
		-moz-border-radius:		0px;
		-webkit-border-radius:  0px;
		border-radius: 			0px;
		-khtml-border-radius: 	0px;
	}

	#navigation ::-webkit-input-placeholder {color: rgba(255,255,255,1); font-weight: normal;}
	#navigation ::-moz-placeholder { color:  rgba(255,255,255,1);  font-weight: normal;}
	#navigation :-ms-input-placeholder { color:  rgba(255,255,255,1);  font-weight: normal;}
	#navigation :-moz-placeholder { color:  rgba(255,255,255,1); font-weight: normal; }



/* ******************************** */

	.user-box{
		position: absolute;
		z-index: 500;
		top: -2px;
		right: 100px;
		padding: 6px 15px;
		text-align: right;
	    -webkit-transition: all 0.25s ease;
	    -moz-transition: 	all 0.25s ease;
	    -o-transition: 		all 0.25s ease;
	    transition: 		all 0.25s ease;
	    white-space: nowrap;
	}
	.user-box.active{
		background: #fff;
		-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.25);
		-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.25);
		box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.25);
	}

	.user-box li{
		font-size: 1.1em;
		line-height: 1em;
		padding: .25em;
	}

	.mobile .user-box{
		right: 35px;
	}

	.mobile .user-box{
		right: 40px;
	}
	.mobile .user-box li{
		font-size: 1.5em;
		line-height: 1em;
		padding: .5em;
	}

	.user-box-dropdown-btn{
		display: block;
		cursor: pointer;
	}

	.mobile .user-box-dropdown-btn:before{
		display: inline-block;
		font-family: 'icons';
		font-size: 22px;
		color: #666;
		content:'\E818';
		width: 20px;
		height: 21px;
	}

	.mobile .user-box-dropdown-btn span{
		display: none;
	}

	.user-box-dropdown{
		display: none;
		border-top: 1px solid #ddd;
		padding-top: .5em;
		margin-top: .5em;
		list-style-type: none;
	}

	.user-box-dropdown li a {
		color: #888;
		display: inline-block;
		margin-top: .15em;
		font-size: .9em;
		letter-spacing: 1px;
	}
	.user-box-dropdown li a:hover{color: #000; }

	.user-box.active .user-box-dropdown{
		display: inline-block;
	}

	.user-box-login{
		text-transform: uppercase;
		font-size: .8em;
		letter-spacing: 1px;
		color: #999;
		font-weight: bold;
	}


	.mobile .navbar-toggle .text{
		display: none;
	}


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

	#content-selection-box a {
		display: inline-block;
		font-weight: bold;
		line-height: 2.5em;
	}
	#content-selection-box a span {
		font-weight: normal;
		margin-left: 5px;
	}
	#content-selection-box a span:before {
		color: #aa0b0c;
		content: "\E804";
		font-family: 'icons';
		font-size: 1.1em;
		margin-right: 4px;
	}

	#content h3 {

	}

/* ****** */

	#middle {
		padding-bottom: 2em;
	    -webkit-transition: font-size 0.25s ease;
	    -moz-transition: 	font-size 0.25s ease;
	    -o-transition: 		font-size 0.25s ease;
	    transition: 		font-size 0.25s ease;
	}

	#footer {
		padding-top: 4em;
		padding-bottom: 2em;
	}

	#footer .wrap { 
		color: #444;
		border-top: 1px solid #ddd;
		padding-top: .5em;
	}

	#container{
		/*overflow: hidden;*/
		/*margin-bottom: 2em;*/
	}

	#container h1{
		font-family: 'Zilla Slab';
		font-size: 2.5em;
		line-height: 1em;
		font-weight: 400;
	}

	h2.section,
	#container h2.section {
		/*text-transform: uppercase;*/
		font-family: 'Zilla Slab', sans-serif; 
		margin-top: .5em;
		margin-bottom: 1.5em;
		position: relative;
	}

	h2.section a.title,
	#container h2.section a.title {
		/*letter-spacing: .5px;*/
		font-size: 1.4em; 
		font-weight: 900; 
		color: #aa0b0c;

	    -webkit-transition: all 0.25s ease;
	    -moz-transition: all 0.25s ease;
	    -o-transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	#container h2.section a.title:hover {
		color: #da0708;
	}
	a.btn-all,
	#container h2.section a.btn-all {
		/*font-weight: normal;*/
		font-family: 'Zilla Slab';
		text-transform: none;
		font-size: 1rem;
		font-weight: bold;
		letter-spacing: .5px;
		padding: 3px 12px 3px 12px;
		color: #444 !important;
		background: #e6ded3;
		position: absolute;
		right: 10px;
		-moz-border-radius:		12px;
		-webkit-border-radius:  12px;
		border-radius: 			12px;
		-khtml-border-radius: 	12px;

	    -webkit-transition: all 0.25s ease;
	    -moz-transition: all 0.25s ease;
	    -o-transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	a.btn-all:hover,
	#container h2.section a.btn-all:hover {
		color: #fff !important;
		background: #666;
	}

	#container h3 {
		font-family: 'Zilla Slab', sans-serif; 
		font-weight: 700;
	}




/* ---- HOME ---- */


	.box-btn-sections{
		text-align:center; 
		width: 75%;
		margin-bottom: 1em;
	}

	.mobile .box-btn-sections{
		width: 100%;
	}

	a.btn-sections{
		display: inline-block;
		font-family: 'Zilla Slab';
		font-size: 1.4em;
		line-height: 1em;
		font-weight: bold;
		letter-spacing: .5px;
		padding: 2px 12px 5px 12px;
		margin-right: 10px;

		color: #eee !important;
		background: #666;
		
		-moz-border-radius:		18px;
		-webkit-border-radius:  18px;
		border-radius: 			18px;
		-khtml-border-radius: 	18px;

	    -webkit-transition: all 0.25s ease;
	    -moz-transition: all 0.25s ease;
	    -o-transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	a.btn-sections:hover {
		color: #fff !important;
		background: #666;
	}




	.section-articles{
		margin-bottom: 2em;
	}

	.section-articles-item{ margin-bottom: 1em;}

	.article-list .section-articles-item:not(:first-of-type){ margin-top: 4em;}

	.article-title{
		font-family: 'Zilla Slab', sans-serif;
		font-size: 2.1em;
		font-weight: normal;
		line-height: 1.1em;
		width: 80%;
	}

	h1.article-title{
		width: 100%;
		padding-left: 10%;
		padding-right: 10%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	@media (min-width: 900px) {
		h1.article-title{
			width: 90%;
			padding-left: 0; 
			padding-right: 0; 
		}
	}
		
	.article-title a{
		font-weight: normal;
	}

	.article-author{
		font-weight: 700;
		margin: .5em 0 .75em 0;
		/*color: #919191;*/
		color: #222;
	}

	.article-date{
		/*font-size: 1.2em;*/
		line-height: 1.4em;
		color: #aa0b0c; 
	}

	.article-text{
		margin: 0 10% 1.5em 0;
		line-height: 1.5em;
	}
	a.article-text{
		color: #666;
		cursor: pointer;
		display: block
	}
	a.article-text:hover{
		color: #000;
	}

	.article-text p{
		margin-bottom: .5em;
	}

	.article-figure{
		/*border: 1px solid red;*/
		padding: 20px 20px 10px 20px;
		background: rgba(255,255,255,0.3);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
	}

	.article-figure img{
	    max-height: 350px;
	}

	.article-image-description{
		font-family: 'Zilla Slab';
		font-size: .85em;
		font-style: italic;
		text-align: center;
		color: #444;
		letter-spacing: .5px;
	}

	.citacao {text-align: center; padding: 3.5em 18%; margin: 1.5em auto;}
	.citacao-texto { font-size: 2em; font-family: 'Special Elite', monospace; line-height: 1.3em; visibility:hidden;}
	.citacao-autor { margin-top:1em; font-weight: bold;}
	.citacao-periodico {font-style: italic;}
	.citacao-periodico span {font-style: normal;}

	#aspas{
		position: absolute;
		margin-top: -2%;
		margin-left: -2%;
		background-image: url(../images/aspas_svgo.svg);
		background-repeat: no-repeat;
		width: 100px;
		height: 100px;
		z-index: -1;
	}


/* ---- CONTENT LIST ---- */

	.shiro-content-filter{
		position: relative;
		margin-bottom: .5em;
	}

	.shiro-content-filter-btn{
		position: absolute;
		right: 0;
		top: 0;
	}

	.total-counter{
		display: inline-block;
		font-size: 1.25em;
		margin-bottom: 1.5em;
		letter-spacing: .5px;
	}

	.total-counter .counter{
		font-weight: bold;\
	}

	.chronical{
		position: relative;
		padding: .75em 0 1.5em 0;
	}

	.chronical:before{
		position: absolute;
		top: 0;
		content: '';
		width: 98%;
		height: 1px;
		background: #999;
	    -webkit-transition: all 0.25s ease;
	    -moz-transition: all 0.25s ease;
	    -o-transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	.chronical:hover:before{
		position: absolute;
		top: 0;
		content: '';
		width: 98%;
		height: 5px;
		background: #aa0b0c;
	}

	.chronical-date{
		color: #aa0b0c;
		font-size: 1em;
		font-family: 'Zilla Slab', sans-serif;
	}

	.chronical-item .chronical-date{
		font-size: 1.1em;
		line-height: 1em;
	}

	.chronical-title{
		display: block;
		font-family: 'Zilla Slab', sans-serif;
		font-size: 1.8em;
		line-height: 1.1em;
		margin-top: .2em;
		margin-bottom: .2em;
	}

	a.chronical-title:hover{
		color: #aa0b0c;
	}

	.chronical-author{
		font-weight: 700;
		font-family: 'Raleway', sans-serif;
		font-size: .95em;
		letter-spacing: .5px;
	    line-height: 1.5em;
	}


	.chronical-periodical{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #666;
		font-size: .9em;
	}

	.chronical-text{
		margin-top: .75em;
		line-height: 1.5em;
		display: block;
		color: #666;
	}

	.chronical-text:hover{
		color: #000;
	}

	.chronical-media-item{
		display: inline-block;
		width: 	24px;
		height: 24px;
		overflow: hidden;
		margin: 2px 2px 0 0;
	}

	.chronical-media-item:before{
		font-family: 'icons';
		font-size: 1.5em;
		text-align: center;
	}

	.chronical-media-item span{display: none; }
	
	.chronical-media-item.chronical-media-audio { border: 0px solid #090; _background: #959975; }
	.chronical-media-item.chronical-media-image { border: 0px solid #900; _background: #5F8F9E; }
	.chronical-media-item.chronical-media-text  { border: 0px solid #009; _background: #D97338; }

	.chronical-media-item.chronical-media-audio:before { color: #959975; _color: #090; content: '\E852'; }
	.chronical-media-item.chronical-media-image:before { color: #5F8F9E; _color: #900; content: '\E853'; }
	.chronical-media-item.chronical-media-text:before  { color: #D97338; _color: #009; content: '\E851'; }

	.homepage .chronical-media-item.chronical-media-image, 
	.homepage .chronical-media-item.chronical-media-text {
		display: none;
	}

	/*.chronical-title.rand1,*/
	/*.shiro-content-box .chronical-title.rand1,*/
	.homepage .chronical-title.rand1{ 
		font-family: 'Lora', sans-serif; font-style: italic; }

	/*.chronical-title.rand2,*/
	/*.shiro-content-box .chronical-title.rand2, */
	.homepage .chronical-title.rand2{ 
		font-family: 'Special Elite', sans-serif }

	/*.chronical-title.rand3,*/
	/*.shiro-content-box .chronical-title.rand3,*/
	.homepage .chronical-title.rand3{ 
		font-family: 'Oswald', sans-serif; text-transform: uppercase; }

	/*.chronical-title.rand4,*/
	/*.shiro-content-box .chronical-title.rand4,*/
	.homepage .chronical-title.rand4{ 
		font-family: 'Playfair Display', serif; font-style: italic; }



/* ---- COLECAO ---- */


	.collection{
		position: relative;
		padding: .75em 0 1.5em 0;
	}

	.collection:before{
		position: absolute;
		top: 0;
		content: '';
		width: 98%;
		height: 1px;
		background: #999;
	    -webkit-transition: all 0.25s ease;
	    -moz-transition: all 0.25s ease;
	    -o-transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	.collection:hover:before{
		position: absolute;
		top: 0;
		content: '';
		width: 98%;
		height: 5px;
		background: #aa0b0c;
	}

	.collection-title {
		padding-right: 50px;
	}
	.collection-title a.collection-name{
		display: inline-block;
		font-family: 'Zilla Slab', sans-serif;
		font-size: 1.8em;
		line-height: 1.1em;
		margin-top: .2em;
	}

	.collection-title a.collection-name:hover{
		color: #aa0b0c;
	}

	.collection-title .collection-title-edit{
		margin-left: 15px;
	}

	.collection-date{
		color: #aa0b0c;
		font-size: 1.1em;
		font-family: 'Zilla Slab', sans-serif;
	}

	.collection-author{
		font-weight: 700;
		font-family: 'Raleway', sans-serif;
		font-size: .95em;
		letter-spacing: .5px;
	    line-height: 1.5em;
	    margin-top: .3em;
	}

	.collection .collection-tools{
		display: none;
		position: absolute;
		z-index: 999;
		top: 1em;
		right: 15px;
	}

	.collection:hover .collection-tools,
	.mobile .collection .collection-tools{
		display: block;
	}
	.collection-tools a{ 
		color: #ccc; 
	    font-family: 'icons';
		font-size: 1.9em;
		line-height: 1em;
		display: inline-block;
		padding: 0 .3em;
		vertical-align: middle;
		cursor: pointer;
	}
	.collection-tools a:hover { color: #444; }
	.collection-tools a span{display: none; }

	a.collection-delete::before{ content: '\E830'; }
	a.collection-rename::before{ content: '\E80B'; font-size: .7em }

	a.collection-share{
		display: inline-block;
		background: #666;
		color: #fff;
		padding: 2px 12px;
	}

	.collection-chronical-list h4{
	    display: block;
	    color: #999;
	    text-transform: uppercase;
	    font-size: .85em;
	    font-weight: 900;
	    letter-spacing: 1px;
	    cursor: auto;
	}


/* ---- SHIRO-CONTENT-BOX ---- */


	.shiro-content-box .chronical-media{display: none; }



/* ---- CHRONICAL FILTER ORDER BY ---- */

	.shiro-btn-form-toggle{
		background-color: transparent;
		border: 0;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: bold;
		letter-spacing: .5px; 
		outline: 0;
		cursor: pointer;
		color: #999;
		margin-right: 15px;
	}
	.shiro-btn-form-toggle.active{
		color: #444;
	}

	.shiro-btn-form-toggle.active::after{
		display: inline-block;
		content: '';
		width: 0; 
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		margin-bottom: .15em;
		margin-left: 3px;
	}

	.shiro-btn-form-toggle.active.asc::after,
	.shiro-btn-form-toggle.active.desc:hover::after{
	  border-bottom: 5px solid black;
	  border-top: 0;
	}

	.shiro-btn-form-toggle.active.desc::after,
	.shiro-btn-form-toggle.active.asc:hover::after{
	  border-top: 5px solid black;
	  border-bottom: 0;
	}


/* ---- CHRONICAL FILTER ---- */

	.chronical-filter-result{
		margin-bottom: 2em;
	}

	.chronical-filter-result h4 a{
	    display: block;
	    color: #444;
	    text-transform: uppercase;
	    font-size: .85em;
	    font-weight: 900;
	    letter-spacing: 1px;
	    margin-bottom: 1.2em;
	    cursor: auto;
	}

	.mobile .chronical-filter-result h4 a{
		text-align: center;
		font-size: 1.2em;
	}
	.mobile .chronical-filter-result h4 a::after{
		display: inline-block;
		content: '';
		width: 0; 
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 6px solid black;
		border-top: 0;
		margin-bottom: .15em;
		margin-left: 8px;
	}
	.mobile .chronical-filter-result h4 a.close::after{
		border-top: 6px solid black;
		border-bottom: 0;
	}

	.chronical-filter-relation label{
		display: block;
		width: 100%;
		display: none;
	}

	.chronical-filter-relation input[type=text],
	.chronical-filter-relation select{
		font-family: inherit;
		font-size: 1em;
		width: 100%;
		padding: 5px 30px 5px 6px;
		border: 0;
		background: transparent;
		outline: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: button;
		-webkit-user-select: none;
		-moz-appearance: none;
	}

	.chronical-filter-data-btn{
		display: inline-block;
		width: 100%;
		padding: 4px 6px;
		border: 0;
		background: transparent;
		outline: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.chronical-filter-data-submit{
		border: 0;
		background-color: #aa0b0c;
		color: #fff;
		cursor: pointer;
		padding: 5px 5px; 
		display: inline-block;
		margin-left: 2%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px;
	}

	.chronical-filter-relation .chronical-filter-data input[type=text],
	.chronical-filter-relation input[type=text]:focus,
	.chronical-filter-relation select:focus{
		background: #eee;
	}
	.chronical-filter-relation .chronical-filter-data input[type=text]{
		padding: 5px 6px;
	}

	.chronical-filter-relation option{
		font-family: inherit;
	}

	.chronical-filter-relation span{
		display: inline-block;
		width: 6%;
		text-align: center;
	}
	.chronical-filter-relation input.datepicker{
		width: 35%;
	}

    .chronical-filter-relation-field{         
		position: relative;
		margin-bottom: 6px;
		border: 1px solid #ccc;
	}

    .chronical-filter-relation-field .chronical-filter-data{
    	display: none;
    	padding: .1em 3% .75em 3%;
    	text-align: center;
    }
     .chronical-filter-relation-field.plus:after{
		position: absolute;         
		right: 5px;
		top: 4px;         
		pointer-events: none;
		content: '\E854';
	    font-family: 'icons';
	    font-size: 1.4em;
	    display: block;
    	color: #ccc;
	}
     .chronical-filter-relation-field.search:after{
		position: absolute;         
		right: 5px;
		top: 4px;         
		pointer-events: none;
		content: '\E811';
	    font-family: 'icons';
	    font-size: 1em;
	    /*display: none;*/
    	display: block;
    	color: #ccc;
	}

    .chronical-filter-relation-field:hover:after{         
    	color: #444;
	}

	.chronical-filter-submit{
		background: transparent;
		position: absolute;
		top:0;
		right: 0;
		cursor: pointer;
		display: block;
		width: 2em;
		height: 2em;
		border: 0;
		outline: 0;
		color: transparent;
	}

	.chronical-field-check{
		display: inline-block;
		position: relative;
		padding: 2px 8px 4px 35px;
		font-size: .9em;
		font-weight: bold;
		white-space: nowrap;
		margin-top: 10px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px; /* future proofing */
		-khtml-border-radius: 20px; /* for old Konqueror browsers */
	 }

	.chronical-field{
		text-align: center;
	}
	.chronical-field-btn{
		display: inline-block;
		margin-right: 8px;
	}

	@media (min-width: 540px) {
		.chronical-field{
			text-align: left;
		}
		.chronical-field-btn{
			display: block;
		}
	}

	.chronical-field-check.selected{ background: #900; }

	.chronical-field-check.chronical-field-audio{ border: 1px solid #959975; color: #959975; }
	.chronical-field-check.chronical-field-image{ border: 1px solid #5F8F9E; color: #5F8F9E; }
	.chronical-field-check.chronical-field-text {  border: 1px solid #D97338;  color: #D97338; }

	.chronical-field-check.chronical-field-audio.selected{ border: 1px solid #959975; background: #959975; color: #fff; }
	.chronical-field-check.chronical-field-image.selected{ border: 1px solid #5F8F9E; background: #5F8F9E; color: #fff; }
	.chronical-field-check.chronical-field-text.selected{  border: 1px solid #D97338; background: #D97338; color: #fff; }

	.chronical-field-check:before { 
		font-family: 'icons';
		font-weight: normal;
		font-size: 1.5em;
		text-align: center;
		position: absolute;
		left: 10px;
		top: 2px;
	}

	.chronical-field-check.chronical-field-audio:before { color: #959975; content: '\E852'; }
	.chronical-field-check.chronical-field-image:before { color: #5F8F9E; content: '\E853'; }
	.chronical-field-check.chronical-field-text:before  { color: #D97338; content: '\E851';}

	.chronical-field-check.selected:before {
		color: #fff;
	}


/* ---- CHRONICAL FILTER ACTIVE ---- */


	.chronical-filter-active{
		/*background: red;*/
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.4em;
		padding-bottom: .5em;
		/*width: 95%;*/
	}
	.chronical-filter-active-item{
		position: relative;
		/*padding-left: 6px;*/
		margin-bottom: .5em;
	}

	.chronical-filter-active span.text{
		display: inline-block;
		font-family: 'Zilla Slab';
		font-size: 1.5em;
		line-height: 1em;
		/*width: 100%;*/
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-right: 20px;
		max-width: 95%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.chronical-filter-active span.prop{
		display: block;
		color: #444;
		text-transform: uppercase;
		font-size: .75em;
		font-weight: 900;
		letter-spacing: 1px;
	}

	.chronical-filter-active a.chronical-filter-active-del{
		color: #888;
		position: absolute;
		margin-left: 6px;
		font-size: .7em;
		bottom: 0;
		right: 6px;
	}

	.chronical-filter-active a.chronical-filter-active-del:hover{
		color: #aa0b0c;
	}

	.chronical-filter-active a.chronical-filter-active-del:before{
		content: '\E830';
		font-family: 'icons';
		font-size: 1.25em;
	}
	.chronical-filter-active a.chronical-filter-active-del span{
		display: none;
	}

	.cardMore{
		display: block;
		width: 100%;
		border: transparent;
		border: 3px solid #e6ded3;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 15px 20px;
		margin-bottom: 1.5em;
		font-size: .9em;
		line-height: 1.4em;
		color: #666;

	    -webkit-transition: all 0.25s ;
	    -moz-transition: all 0.25s ;
	    -o-transition: all 0.25s ;
	    transition: all 0.25s ;
	}
	.cardMore:hover{
		background: #e6ded3;
		color: #000;
	}

	.cardMore h3{
		font-size: 1.4em;
		margin-bottom: .6em;
		color: #aa0b0c;
	}

	.cardMore span{
		font-size: 1em;
		line-height: 1em
	}


/* ---------------------- */
/* ---- CONTENT ITEM ---- */
/* ---------------------- */

	.content-item {
		font-family: 'Zilla Slab', sans-serif !important;
	    font-size: 1.3em;
	    line-height: 1.6em;
	    margin-top: .5em;
	    margin-bottom: 3em;
	}

	.content-item > :first-child {
		margin-top: 0;
	}


	.content-item .img-content-replaced { 
		text-align: center;
	}

	.content-item figure { 
		max-width: 75%;
		display: inline-block;
		text-align: center;
		background-color: rgba(255,255,255,0.25);
		padding-top: 2em;
		padding-bottom: 1em; 
		margin-top: .5em;
    	margin-bottom: 1.5em;
	}

	.mobile .content-item figure { 
		max-width: 100%;
	}

	.content-item figure a { 
		outline: 0;
		display: inline-block;
	}
	.content-item figure a:hover {

	} 

	.content-item figure a img { 
	    max-width: 75%;
	    max-height: 500px;
		display: inline-block;
	}

	.content-item figure figcaption{
		color: #666;
		font-size: .8em;
	    padding: .5em 2em 0 2em;
    	line-height: 1.5em;
	}

	.content-item p,
	.content-item ol,
	.content-item ul { 
		margin-bottom: 1.5em;
	}

	.content-item ul,
	.content-item ol {
		padding-left: 2em;
	}
	
	.content-item li:first-child{margin-top: .5em;}
	.content-item li { margin: .5em 0;}
	.content-item li a{ color: #aa0b0c;}
	.content-item h4:first-child{ margin-top: 0;}

	.content-item p img{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 3em;
		background-color: white;
	}

    .content-item div[itemprop='text'] a{
        color:#aa0b0c;
    }

	.content-item h3{
		font-size: 1em;
		margin-top: 2em;
		margin-bottom: 1em;
	}

	.content-item h4{
		margin-top: 1.5em; 
		color: #aa0b0c; 
		padding-top: .5em; 
	}
	
	a.btn-external{
		color:#aa0b0c !important;
		font-size: .8em;
		line-height: .8em;
		letter-spacing: .5px;
	}	
	a.btn-external:hover{
		/*color: #000 !important;*/
		/*color: #da0708 !important;*/
	}	
	a.btn-external:hover::after{
		content: '\F08E';
		/*content: '\E83A';*/
		font-family: 'icons';
		font-size: 1.1em;
		margin-left: 8px;
	}

	.zoom-content{
		text-align: center;
		margin-top: 1em;
		margin-bottom: 2em;
		display: block;
	}

	.zoom-link{
		display: inline-block; 
		width: 300px; 
		height: 300px; 
		background-size: cover;
		margin: 0 auto;
		position: relative;
		border: 1px solid #eee;

		-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.25);
		-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.25);
		box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.25);
	}

	.zoom-link:before{
		content: '\E811';
		font-size: 50px;
		font-family: 'icons';
		line-height: 125px;
		/*padding-top: ;*/
		color: #fff;
		display: block;
		width: 130px;
		height: 130px;
		background: rgba(0,0,0,.75);
		position: absolute;
		left: 85px;
		top: 85px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		opacity: 0;

	    -webkit-transition: opacity 0.25s ;
	    -moz-transition: opacity 0.25s ;
	    -o-transition: opacity 0.25s ;
	    transition: opacity 0.25s ;
	}

	.zoom-link:hover:before{
		opacity: 1;
	}

	.zoom-image{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color: #efebe3;
		outline: 0;
		display: none;
		z-index: 99;
	}

	.mobile .zoom-image{
		position: fixed;
	}

	.zoom-controls{
		position: absolute;
		bottom: 15px;
		right: 15px;
	}

	.zoom-controls a{
		display: inline-block; 
		position: relative;
		z-index: 100;
	}

	.zoom-image a.btn-zoom:before{
		font-family: 'icons';
		font-size: 16px;
		line-height: 38px;
	}
	.zoom-image a.btn-zoom span{ display: none;}

	.zoom-image a.btn-zoom#zoom-in:before {content: '\E81C';}
	.zoom-image a.btn-zoom#zoom-out:before {content: '\E81D';}

	.zoom-image a.btn-zoom#zoom-close { 
		position: absolute; 
		top: 20px; 
		right: 15px; 
		z-index: 110;
	}

	.zoom-image a.btn-zoom#zoom-close:before { content: '\E830'; font-size: 24px;}

/* ---------------------- */
/* ---- ARTICLE ITEM ---- */
/* ---------------------- */

	.share {
    	vertical-align: middle;
	}
	.share a {
		font-family: 'icons';
		font-size: 1.8em;
		display: inline-block; 
		text-decoration: none;
		height: auto; 
		margin-right: 16px;
		color: #919191;
		/*color: #d0c8bd;*/
		/*color: #bfb8af;*/
		overflow: hidden;
		text-align: center;

		-webkit-transition: all .25s;
		-moz-transition: 	all .25s;
		-o-transition: 		all .25s;
		transition: 		all .25s;
	}
	.share a:hover{color: #444;}
	.share a span{display: inline-block; line-height: 1.8;}

	.share a.facebook span:before{ content: "\E815"; }
	.share a.twitter span:before{ content: "\F099"; }
	.share a.whatsapp span:before{ content: "\F232";}
	.share a.whatsapp {display: none; }
	/*.share a:last-child{margin-right: 6px;}*/
	.share a.twitter{margin-right: 7px;}

	.mobile .share a { 	margin-right: 20px; }
	.mobile .share a.whatsapp { display: inline-block; }
	.mobile .share a.twitter{ margin-right: 13px;}
	.mobile .share a:last-child{margin-right: 8px;}

	.chronical-item .share{
		display:inline-block; 
		font-size:.8em; 
		margin-top: 5px;
	}
	.mobile .chronical-item .share{
		margin-top: 0px;
	}
	
	.related-props{margin: 1em 0;}
	.related-props a{font-family: 'Raleway'; font-weight: 700; color: #919191;}
	
	.article{font-family: 'Zilla Slab';}
	.article.row{padding: 2em 0; }
	.mobile .article.row{padding: .5em 0; }
	.article p,.article h4, .article li{font-size: 1.3em; line-height: 1.5em;}
	.article ul{padding-left: 2em;}
	.article li:first-child{margin-top: .5em;}
	.article li{margin: 1em 0;}
	.article h3{font-size: 1.5em;margin: 1.5em 0 1em 0;}
	.article h4{margin-top: 1.5em;}


/* ---------------------- */
/* ---- AUTHOR HOME ---- */
/* ---------------------- */

	.home-author-item {
		font-family: 'Zilla Slab';
		font-size: 1.8em;
		line-height: 1em;
		width: 100%;
		text-align: center;
		padding: 0 10%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 1.5em;
	}
	.home-author-item span {
		display: block;
		margin-top: .3em;
		width: 100%;
		color: #aa0b0c;
		font-size: .7em;
		/*background: red;*/
	}


/* ---------------------- */
/* ---- AUTHOR ITEM ---- */
/* ---------------------- */

	.author-list-item{
		/*margin: 1em 0;*/
		text-align: center;
	}

	.author-date{
		font-size: 1em;
		line-height: 1.3em;
		color: #aa0b0c; 
	}

	.author-list-item .author-item-pic img{
		display: block;
		height: 200px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: .5em;
		object-fit: contain;
	}

	#container .author-list-item h3{
		font-family: 'Zilla Slab';
		font-size: 1.8em;
		line-height: 1em;
		font-weight: 400;
		margin-left: 8%; 
		margin-right: 8%; 
	}



	/*.author { font-family: 'Zilla Slab';}*/

	.author-date{
		font-size: 1.2em;
		line-height: 1.3em;
		color: #aa0b0c; 
		margin-bottom: 2em;
	}

	.author-item-pic{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.author-item-pic img{ display: inline-block; }

	.box-chronology{
		display: block;
		text-align: center;
		margin: 2em 0 3em 0;
	}

	.btn-chronology{
		display: inline-block;
		padding: 0.1em 3em 0.3em 3em;
		border: 2px solid transparent;
		border-radius: 2em;
		font-size: .9em;
		font-weight: 700;
		color: white;
		background-color: #959975;
		cursor: pointer;
		transition: all .25s;
	}

	.btn-chronology.expanded{
		background-color: transparent;
		border: 2px solid #959975;
		color: #959975;
	}


	.content-item h6{
	    font-size: .85em;
	    line-height: 1.25em;
	}


/* 
	************************************************
	*******************  LOGIN FORM  ***************
	************************************************
*/

	.login-form{
		width: 25%;
		min-width: 320px;
		text-align: center;
		margin: 3em auto;
		background-color: #fff;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */

		-webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
		-moz-box-shadow:    2px 2px 5px rgba(0,0,0, 0.25);
		box-shadow:         2px 2px 5px rgba(0,0,0, 0.25);
		padding: 20px;
	}
	.login-form header {margin-bottom: 1em; }
	.login-form header h1 {font-size: 1.6em; }
	.login-form header p{padding: .5em 10%; }

	.login-form fieldset {
		border: 0;
	}

	.login-form .form_input {
		margin: .5em .5em;
	}

	.login-form .form_input label{
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		font-size: .8em;
		margin-bottom: .5em;
	}

	.login-form .form_input input[type=text],
	.login-form .form_input input[type=password]{
		font-size: 1.1em;
		font-family: inherit;
		font-weight: bold;
		min-width: 250px;
		padding: 4px 8px;
		background: #eee;
		border: 2px solid #eee;
		color: #444;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
	}

	.login-form .form_input input[type=submit]{
		background: #981111;
		color: #fff;
		cursor: pointer;
		font-family: inherit;
		font-weight: bold;
		font-size: 1.2em;
		padding: 3px 12px 4px 12px;
		border: 0;
		margin-top: .5em;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
	}

	.login-form a.btnNewUser{
		background: #981111;
		color: #fff !important;
		cursor: pointer;
		font-family: inherit;
		font-weight: bold;
		font-size: 1.2em !important;
		padding: 3px 12px 4px 12px;
		border: 0;
		margin-top: .5em;
		display: inline-block;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
	}


	.login-form a.btnNewUser:hover,
	.login-form .form_input input[type=submit]:hover{
		background: #aa0b0c;
	}

	.login-form .form_input .error{
		display: block; 
		color: #900;
	}

	.login-form .form_input input.field-error{
		border-color: #900;
	}

	.login-form .mensagem{
		font-size: 1.2em;
		color: #900;
		display: inline-block;
		border: 2px solid #900;
		padding: 4px 10px;
		margin: .5em 0;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
	}

	.login-form .mensagem.ok{
		color: #090;
		border: 2px solid #090;
	}

	.login-form .form_input input::-webkit-input-placeholder {color: #ccc; font-weight: normal; }
	.login-form .form_input input::-moz-placeholder {color: #ccc; font-weight: normal; }
	.login-form .form_input input:-ms-input-placeholder {color: #ccc; font-weight: normal; }
	.login-form .form_input input:-moz-placeholder {color: #ccc; font-weight: normal; }
	
	.login-form .tools{
		border-top: 1px solid #ccc;
	    padding-top: 1.5em;
	    margin-top: 2em;
	}	

	.login-form .tools a{
		font-weight: bold;
		font-size: 1em;
		color: #666;
	}

	.login-form .tools a:hover{
		color: #aa0b0c;
	}


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

	#btn-logout{
		display: inline-block;
		background: #aa0b0c;
		color: #fff;
		font-size: .8em;
		font-weight: bold;
		padding: 1px 6px 2px 6px;
		margin-left: 5px;
	}

/* ----------------  BTN NAVEGAÇÃO HORIZONTAL (Cronicas) ---------------- */


	#btn-nav{
		position: fixed;
		top: 50%;
		font-size: 3em;
		z-index: 99;
		color:	#eee;
		display: inline-block;
	}

	#btn-nav:hover{
		color: #444;
	}

	#btn-nav.btn-nav-prev{
		left: 20px;
	}

	#btn-nav.btn-nav-next{
		right: 20px;
	}


/* ************************************** */

	.set-font-size{ 
		position: fixed; bottom: 0px; right: 0px; 
		padding: 15px;
		/*background: #fcfcfc; */
		background: rgba(252,252,252,.6);
		z-index: 99;
	}

	a.btn-zoom:active,
	a.btn-zoom {
		position: relative;
		width:  36px;
		height: 36px;
		margin: 0 4px;
		line-height: 34px;

		text-align: center;
		font-size: 1.25em;
		font-weight: bold;     
		
		display: inline-block;     
		border: 2px solid #666;     
		color: #666;     
		background: #fcfcfc;   
	  
		-moz-border-radius: 50%;     
		-webkit-border-radius: 50%;
		border-radius: 50%;     
		-khtml-border-radius: 50%;

		-webkit-touch-callout: none; /* iOS Safari */     
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */        
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */ 
		user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
	}

	a.btn-zoom span{     
		font-size: 1.2em;     
		/*line-height: 1em;*/
	} 

	a.btn-zoom:hover{
		color: #fff !important;     
		background: #666;     
		border: 2px solid #666;     
		cursor: pointer; 
	}

	a.btn-zoom.btn-zoom-img {
		font-family: 'icons';
		content: '\E81C';
		line-height: 32px;
	}

	a.btn-zoom.btn-zoom-img span {
		display: none;
	}



/* ********  PAGINATION  ********** */

	.numbered-pagination{
		text-align: center;
		font-size: 1.5em;
		line-height: 1em;
		margin-top: 1em;
		margin-bottom: 2em;
		font-family: 'Zilla Slab', sans-serif;
	}
		
	.numbered-pagination a,
	.numbered-pagination span {
		display: inline-block;
		margin: 0 .4em;
	}

	.numbered-pagination .pagination-item-current{
		font-weight: bold;
		background: #aa0b0c;
		color: #fff;
		padding: 0em .45em .2em .45em;
	}



/* -------- 	SELECTED     ------------- */


	.selected-list{
		margin-top: 1em;
		font-size: 1.1em;
		line-height: 1.4em;
	}


	.btn-login,
	.btn-user {
		margin-top: 1em;
		margin-bottom: 2em;
		font-size: 1em;
		font-weight: 700;
		letter-spacing: .5px;
		padding: 3px 12px 3px 12px;
		border: 0;
		cursor: pointer;
		font-family: 'Zilla Slab', sans-serif;
		padding: .4em 1.2em .6em 1.2em;
		outline: 0;
		display: inline-block;

		-moz-border-radius:		2em;
		-webkit-border-radius:  2em;
		border-radius: 			2em;
		-khtml-border-radius: 	2em;

	    -webkit-transition: all 0.25s ease;
	    -moz-transition: all 0.25s ease;
	    -o-transition: all 0.25s ease;
	    transition: all 0.25s ease;
	}

	.btn-login {
		color: #fff;
		background: #aa0b0c;
	}
	.btn-user {
		background: #eee;
	}

/* -------- CHRONICAL ITEM ------------- */

	.chronical-item{
		margin-bottom: 1.5em;
	}

	.chronical-item-prop{
		/*margin-top: 1em;*/
		margin-bottom: .3em;
	}

	.chronical-item-prop a{
		color: #666;
	}
	.chronical-item-prop a:hover{
		color: #aa0b0c
	}


	.chronical-item-prop > div{
		margin-bottom: .3em;
	}

	.chronical-item-date{
		color: #aa0b0c;
		font-family: 'Zilla Slab', sans-serif !important;
		font-size: 1.3em;
		line-height: 1em;
	}
	.chronical-item-title{
		font-size: 2.3em;
		padding-right: 8%;
		font-family: 'Zilla Slab', sans-serif !important;
		font-weight: 400;
		margin: .1em 0 .1em 0;
		line-height: 1em;
	}

	.chronical-item-author{
		margin-bottom: 1em;
	}

	.chronical-item-author-pic{text-align: center; }
	.chronical-item-author-pic img{max-width: 100%; }

	.chronical-item-author a{
		font-size: 1.2em;
		font-weight: bold;
		direction: inline-block;
		color: #999;
		margin-top: 5em;
	}
	.chronical-item-author a:hover{
		color: #666;
	}

	.chronical-item-property {
		display: inline-block;
		width: 2%;
		/*text-align: right;*/
		margin-right: 10px;
	}
	.chronical-item-property-value{
		display: inline-block;
		width: 70%;
		vertical-align: top;
	}
	.chronical-item-prop .prop{
		font-weight: bold;
		text-transform: lowercase;
	}

	.chronical-item-thing{
		padding-bottom: .7em;
		text-transform: uppercase;
		font-weight: 700;
		font-size: .8em;
		letter-spacing: 1.5px;
	}
	.chronical-item-thing a{
		font-family: 'Zilla Slab', sans-serif !important;
		color: #aa0b0c;
	}
	.chronical-item-thing a:hover{
		color: #da0708;
	}

	.chronical-item-thing span{
		color: #aa0b0c;
		margin-left: 6px;
		margin-right: 6px;
	}

	.author-item-pic{text-align: center; }
	.author-item-pic img{max-width: 100%; }



/* ***************  ICONE MENU    ********************/

	.navbar-toggle{
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1001;
	}

	.mobile .navbar-toggle{
		top: 5px;
		right: 2px;
	}

	.navbar-toggle a{
		display: inline-block;
		padding: 5px 9px 0 9px;
		margin: 0;
		z-index: 9999;
		text-decoration: none;
	}

	.navbar-toggle .text{
		color: #999;
		position: absolute; 
		right: 40px; 
		top: 10px; 
		display: inline-block;
		    line-height: 1.4em;
		    font-size: .8em;
		    font-weight: 700;
		    text-transform: uppercase;
		    letter-spacing: 1px;

		border-left: 1px solid #999;
		padding-left: 10px;
		z-index: 8;
	}
	.navbar-toggle:hover .text{
		color: #444;
	}

	.menu-active .navbar-toggle .text{
		display: none;
	}

	.menu .navbar-toggle .icon-bar {
		display: block;
		width: 21px;
		height: 3px;
		background: #444;
		margin: 4px auto;
		padding: 0;

		-webkit-transition: transform .2s;
		-moz-transition: transform .2s;
		-o-transition: transform .2s;
		transition: transform .2s;
	}

	.menu.menu-active .navbar-toggle .icon-bar {
		background: #fff;
	}

	.menu.menu-active .navbar-toggle .icon-bar.top{
		-ms-transform: 		rotate(-45deg) translate(-5px,5px);
		-webkit-transform:  rotate(-45deg) translate(-5px,5px);
		transform: 			rotate(-45deg) translate(-5px,5px);
	}

	.menu.menu-active .navbar-toggle .icon-bar.middle{
		opacity: 0;
	}

	.menu.menu-active .navbar-toggle .icon-bar.bottom{
		-ms-transform: 		rotate(45deg) translate(-5px,-5px); 
		-webkit-transform: 	rotate(45deg) translate(-5px,-5px); 
		transform: 			rotate(45deg) translate(-5px,-5px);
	}


	
/* Não mostrar o texto no resultado de busca */

	.shiro-content-box .chronical-text,
	.shiro-content-items .chronical-text{
		display: none;
	}


/* ********************************************** */ 
/* **********    SHIRO CONTENT AJAX   *********** */
/* ********************************************** */ 

	.shiro-content-box {
	}

	.shiro-content-box > h4{
	    color: #aa0b0c;
	    font-size: 1.2em;
		font-family: 'Zilla Slab', sans-serif;
    	letter-spacing: .5px;
    	margin-bottom: 1.5em;
	}
	.shiro-content-box > h4 a{ color: #aa0b0c; }
	.shiro-content-box > h4 a:hover{ color: #da0708; }

	.shiro-content-box .box-more{
		text-align: center;
	    margin-bottom: 2em;
	}

	.shiro-content-box .box-more .btn-more{
		display: inline-block;
		padding: 0.5em 3em;
		border: 2px solid transparent;
		border-radius: 2em;
	    font-family: 'Zilla Slab', sans-serif;
		font-size: 1.2em;
		font-weight: 700;
		text-align: center;
		color: white;
		background-color: #959975;
		cursor: pointer;
		transition: all .25s;
	}

	.shiro-content-box .box-more .btn-more:hover{
		background-color: transparent;
		border: 2px solid #959975;
		color: #959975;
	}

	/* ------- SWIPPER ****************** */

	.swiper-controller{
		position: relative;
	}
    .swiper-container {
      width: 100%;
      height: 100%;
    }
	.swiper-button-next{
		right: -5%;
		outline: 0;
		transform: translateY(-50%);
		background: url('../images/arrow-next.png');
	}
	.swiper-button-prev {
		left: -5%;
		outline: 0;
		transform: translateY(-50%);
		background: url('../images/arrow-prev.png');
	}


	/* ------- FORM "FORMULARIO" ---------------- */

	form.formulario {
		/*background: red;*/
	}
	form.formulario .form-item {
		vertical-align: top;
		margin-bottom: 1.5em;
	}
	form.formulario label {
		color: #666;
		font-family: 'Raleway', sans-serif;
		font-size: 1em;
		font-weight: bold;
		letter-spacing: .5px;
		display: block;
		margin-bottom: .2em;
	}
	form.formulario .required:after {
		content: "*";
		color: #aa0b0c;
		font-size: 1.5em;
		line-height: .5em;
		font-weight: bold;
		margin-bottom: -5px;
	}
	form.formulario .text-danger {
		color: #aa0b0c;
		font-weight: bold;
		font-style: italic;
		margin-left: 1.5em;
	}

	form.formulario select,
	form.formulario textarea,
	form.formulario input[type='text'] {
		background-color: #fff;
		padding: 8px 12px;
		font-family: 'Zilla Slab', sans-serif;
		font-size: 1.2em;
		width: 80%;
		outline: 0;

		border: 1px solid #999;
		-moz-border-radius: 	5px;
		-webkit-border-radius:  5px;
		border-radius: 			5px;
		-khtml-border-radius: 	5px;
	}
	form.formulario input[type='submit'] {

		background-color: #aa0b0c;
		padding: .35em 1.5em;
		font-family: 'Zilla Slab', sans-serif;
		font-weight: bold;
		font-size: 1.2em;
		outline: 0;
		cursor: pointer;
		margin-bottom: 2em;

		border: 1px solid #aa0b0c;
		color: #fff;

		-moz-border-radius: 	5px;
		-webkit-border-radius:  5px;
		border-radius: 			5px;
		-khtml-border-radius: 	5px;
	}