/**
 * ibict2015.css
 *
 * Copyright (c) 2013-2014 Simon Fraser University Library
 * Copyright (c) 2003-2014 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Ibict 2015 BluSteel-based theme, for a 3-column layout.
 *
 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Julius+Sans+One|Carrois+Gothic+SC&subset=latin,latin-ext);

@viewport{
zoom:1.0;
width:device-width;
}

body {
margin:0;
padding:0;
background-color:#eee;
font-family:'Open Sans',Arial,Verdana,Helvetica,sans-serif;
font-width:400;
font-style:normal;
font-size:1.15em;
}

#container:before,
#container:after,
#body:before,
#body:after {
content:"";
display:table;
}

@media screen and (min-width:1101px){
#container {
width:100%;
max-width:1500px;
}

#main {
padding:0;
margin:0;
width:65%;
max-width:910px !important;
overflow:visible !important;
float:left;
clear:none;
}

div #sidebar {
margin:0;
padding:0;
}

#leftSidebar{
padding:0;
margin:0;
float:left;
clear:none;
width:17%;
}

#rightSidebar{
padding:0;
margin:0;
float:right;
clear:none;
width:17%;
}

/** issue styling **/
#issues .issue {
float:left !important;
clear:none !important;
text-align:center;
margin:0 1em .5em auto;
padding:2px;
width:28%;
max-width:296px;
}

}

@media screen and (max-width:1100px) and (min-width:780px) {
#container {
width:100%;
max-width:1500px;
}

#main {
padding:0;
margin:0;
width:80%;
max-width:800px !important;
overflow:visible !important;
position:absolute;
left:20%;
}

div #sidebar {
margin:0;
padding:0;
}

#leftSidebar{
padding:0;
margin:0;
float:left;
clear:none;
width:17%;
}

#rightSidebar{
padding:0;
margin:0;
float:left;
clear:left;
width:17%;
}

/** issue styling **/
#issues .issue {
float:left !important;
clear:none !important;
text-align:center;
margin:0 2em .5em auto;
padding:2px;
width:26%;
max-width:290px;
}

}

@media screen and (max-width:779px) {
#container {
width:100%;
}

#main {
padding:0;
margin:0;
width:auto;
overflow:visible !important;
position:absolute;
}

div #sidebar {
margin:0;
padding:0;
}

#leftSidebar{
padding:0;
margin:0;
float:left;
clear:left;
width:20%;
}

#rightSidebar{
padding:0;
margin:0;
width:20%;
float:left;
clear:left;
}

/** issue styling **/
#issues .issue {
float:left !important;
clear:none !important;
text-align:center;
margin:0 2em .5em auto;
padding:2px;
width:26%;
max-width:290px;
}

}

@media screen and (max-width:490px) {
#container {
width:100%;
}

#main {
padding:0;
margin:0;
width:80%;
min-width:600px;
max-width:850px;
overflow:visible !important;
position:absolute;
top:auto;
left:auto;
}

div #sidebar {
margin:0;
padding:0;
}

#leftSidebar{
padding:0;
margin:0;
float:left;
clear:left;
width:17%;
}

#rightSidebar{
padding:0;
margin:0;
width:17%;
float:left;
clear:left;
}

/** issue styling **/
#issues .issue {
float:left !important;
clear:none !important;
text-align:center;
margin:0 2em .5em auto;
padding:2px;
width:26%;
max-width:300px;
}

}

* img {
width:100%;
height:auto;
}

.icon img {
width:auto !important;
height:auto !important;
}

#sectionPolicies table td img {
width:auto !important;
height:auto !important;
}

table {
width:100%;
}

table.data td a img,
#journalFavicon img,
#journalLogo img,
#pageHeaderTitle img,
#homepageImage img,
#journalTitleAndLogo img,
.block img {
width:auto;
}

#sidebarAnnouncementFeed a:hover ,
#sidebarAnnouncementFeed a:link,
#sidebarAnnouncementFeed a:visited,
#sidebarAnnouncementFeed a:active {
background:none !important;
margin:0;
padding:0;
border:none !important;
}


#sidebarAnnouncementFeed a:hover img {
background:none !important;
border:none!important;
}

#body {
width:100%;
margin:auto;
padding:0;
clear:both;
}

a, a:link, a:visited {
/*
color:#2e2e2e;
text-decoration:none;
border-bottom:1px solid #c8c8c8;
line-height:1.5em;
*/
}

a:hover {
/*
background:#ace;
 */
}

a:hover img {
/*
background:none !important;
border:dotted #69c; 
border-width:1px 0 1px 0;
margin:0;
padding:0;
*/
}

#header {
float:none;
clear:both;
width:100%;
text-align:center;
border-bottom:2px solid #bdbdbd;
margin:0 auto 1em auto;
padding:0 0 .5em 0;
opacity:0.8;
filter:alpha(opacity=80);
display:flex;
justify-content:center;
background:rgb(11,91,162); /* Old browsers */
background:-moz-linear-gradient(top,  rgba(11,91,162,1) 0%, rgba(117,139,163,1) 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(11,91,162,1)), color-stop(100%,rgba(117,139,163,1))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  rgba(11,91,162,1) 0%,rgba(117,139,163,1) 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  rgba(11,91,162,1) 0%,rgba(117,139,163,1) 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  rgba(11,91,162,1) 0%,rgba(117,139,163,1) 100%); /* IE10+ */
background:linear-gradient(top,  rgba(11,91,162,1) 0%,rgba(117,139,163,1) 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5ba2', endColorstr='#758ba3',GradientType=0 ); /* IE6-9 */
box-shadow:0 5px 5px 0 #888;
}

#headerTitle {
margin:0 auto;
text-align:center;
}

#headerTitle h1 {
text-shadow:2px 4px 5px #000;
font-size:3em;
font-weight:600;
text-align:center;
margin:0 0 -.12em 0;
padding:0;
color:#fff!important;
font-family:'Alegreya Sans SC',Arial,Verdana,Helvetica,sans-serif;
}

#headerTitle h1 img {
vertical-align:middle;
margin:10px;
}

#container:after {
clear:both;
}

.issns {
width:100%;
text-align:center;
}

.issn {
display:inline;
clear:none;
padding:0;
width:auto;
color:#eee;
font-size:.8em;
text-shadow:1px 2px 2px #000;
}

.issn + .issn:before {
content:" | ";
}

#customnavbar {
float:left;
clear:both;
margin:0 0 1em 0;
padding:0;
width:100%;
}

#customnavbar .menu {
list-style:none;
padding:0;
margin:0;
}

#customnavbar .menu li {
float:left;
clear:both;
margin:0 0 .4em 0;
padding:0!important;
font-size:1.1em;
font-weight:bold;
width:100%;
}

#customnavbar .menu li:before {
content:""!important;
text-indent:auto!important;
}

#navbar {
visibility:hidden;
display:none;
}

#navbar .menu {
list-style:none !important;
padding:0;
margin:0;
}

#navbar .menu li:before {
content:""!important;
text-indent:auto!important;
}

#navbar {
visibility:visible;
display:block;
}

a:hover img {
background:none !important;
border:1px dotted #666; 
}

#body {
width:100%;
margin:auto;
padding:0;
clear:both;
}

a, a:link, a:visited {
color:#2e2e2e;
text-decoration:none;
border-bottom:1px solid #c8c8c8;
line-height:1.5em;
}

a:hover {
background:#ace;
}

a:hover img {
background:none !important;
border:dotted #69c; 
border-width:1px 0 1px 0;
margin:0;
padding:0;
}

#navbar .menu li a {
text-decoration:none;
border:none;
}

#customnavbar .menu li a {
color:#003 !important;
padding:4px 0 4px 4px;
margin:0;
text-indent:0;
border:1px solid rgb(172,189,204) !important; /* Prevents menu flickering */
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
background:rgb(172,189,204) !important;
width:80%;
float:left;
clear:both;
opacity:0.8;
filter:alpha(opacity=80);
}

#customnavbar .menu li a:hover,
#customnavbar .menu li a:active {
color:#0b2f3a !important;
border:1px solid rgb(172,189,204) !important;
background:rgb(252,252,252) !important; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZGJkYmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:-moz-linear-gradient(top,  rgba(172,189,204,1) 0%, rgba(189,189,189,1) 100%) !important; /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,189,204,1)), color-stop(100%,rgba(189,189,189,1))) !important; /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  rgba(172,189,204,1) 0%,rgba(189,189,189,1) 100%) !important; /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  rgba(172,189,204,1) 0%,rgba(189,189,189,1) 100%) !important; /* Opera 11.10+ */
background:-ms-linear-gradient(top,  rgba(172,189,204,1) 0%,rgba(189,189,189,1) 100%) !important; /* IE10+ */
background:linear-gradient(top,  rgba(172,189,204,1) 0%,rgba(189,189,189,1) 100%) !important; /* W3C */
}

#main {
padding:0;
margin:0;
overflow:visible !important;
}

div #sidebar {
margin:0;
padding:0;
}

#leftSidebar{
padding:0;
margin:0;
}

#rightSidebar{
padding:0;
margin:0;
}

div.block, div#main {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.block {
padding:5px 10px 10px 10px;
margin:8px 0;
}

.blockTitle {
font-weight:bold;
text-shadow:0px 1px 0px #fff;
font-family:'Open Sans',Arial,Verdana,Helvetica,sans-serif!important;
color:#000!important;
}

#main h1, #content h1,
#main h2, #content h2, 
#main h2, #content h3,
#main h4, #content h4
#main h5, #content h5,
#main h6, #content h6 {
font-family:'Open Sans',Arial,Verdana,Helvetica,sans-serif!important;
}

#content {
width:98%;
border-top:2px solid #bdbdbd;
}

ul {
list-style:none;
padding:0;
margin:0;
}

ul li { 
padding-left:1em; 
text-indent:-.8em;
margin:.5em 0 0 0 ;
}

ul li:before {
content:"■ ";
color:#666;
}

ul#plugins li:before {
content:"";
}

ul#plugins li {
text-indent:0;
}

ul#plugins li h4 {
float:none;
clear:both;
margin:.5em 0 .2em 0;
}

ul#plugins li p {
float:none;
clear:both;
margin:0 0 1.5em 0;
}

input.defaultButton, input.button {
background:#666;
color:#fff;
margin:.5em 0 0 0;
padding:2px;
}

input.button:hover {
border:2px solid #444 !important;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
background:#fff;
border:1px solid #bdbdbd;
width:auto;
}

#sidebar select.selectMenu, textarea.textArea {
width:100%;
}

#sizer a ,
#customFontSizer a {
width:25px;
height:24px;
margin:0 .5em 0 auto;
padding:1px;
background:#666!important;
background-image:none!important;
text-indent:0;
text-align:center;
vertical-align:middle;
line-height:1.5em;
font-weight:bold;
color:#fff;
border:1px solid rgb(10,10,10); /* Prevents menu flickering */
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

#sizer a:hover, #sizer a:active ,
#customFontSizer a:hover, #customFontSizer a:active {
background:#fff!important;
color:#666;
}

#sizer .smallFont:before ,
#sizer .pkp_controllers_fontController_smallFont:before ,
#customFontSizer .smallFont:before ,
#customFontSizer .pkp_controllers_fontController_smallFont:before {
content:"A↓";
font-size:1.1em;
}

#sizer .largeFont:before ,
#sizer .pkp_controllers_fontController_largeFont:before ,
#customFontSizer .largeFont:before ,
#customFontSizer .pkp_controllers_fontController_largeFont:before {
content:"A↑";
font-size:1.8em;
}

#sizer .defaultFont:before ,
#sizer .pkp_controllers_fontController_defaultFont:before ,
#customFontSizer .defaultFont:before ,
#customFontSizer .pkp_controllers_fontController_defaultFont:before {
content:"A↨";
font-size:1.4em;
}

/** hide original font sizer **/
#sidebarFontSize {
visibility:hidden !important;
display:none !important;
}

ol.editorial-guidelines {
margin:0;
padding:0;
float:none;
clear:both;
}

ol.editorial-guidelines ,
ol.editorial-guidelines ol,
ol.editorial-guidelines ol ol {
list-style-type:none!important;
counter-reset:item;
}

ol.editorial-guidelines ol.editorial-guidelines-normal li:before{
content:"";
}

ol.editorial-guidelines li {
display:table;
counter-increment:item;
margin-bottom:.3em;
}

ol.editorial-guidelines li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em;
}

ol.editorial-guidelines li ol > li {
margin:.3em 0 0 0;
counter-increment:item;
}

ol.editorial-guidelines li ol > li:before {
content:counters(item,".")" ";
} 

ol.editorial-guidelines ul {
list-style-type:square!important;
margin:0;
padding:0;
counter-reset:0;
text-indent:none!important;
}

ol.editorial-guidelines li ul li{
margin:.3em auto auto .3em;
padding:0 0 0 .5em;
text-indent:0;
list-style-type:square!important;
counter-increment:none;
}

ol.editorial-guidelines ul li:before {
content:"■ ";
padding-left:0;
color:#555;
}

ol.editorial-guidelines ul ul li:before {
content:"○ ";
padding-left:0;
color:#333;
}

a.editorial-guidelines:hover ,
a.editorial-guidelines:link ,
a.editorial-guidelines:active ,
a.editorial-guidelines:visited ,
a.editorial-guidelines img {
background:none;
border:none!important;
text-decoration:none!important;
}

a.editorial-guidelines img {
width:auto;
float:left;
clear:both;
margin:.5em 0 0 0;
padding:0;
}

.editorial-guidelines h2 {
font-size:1.6em!important;
font-width:bold;
}

.editorial-guidelines h3 {
font-size:1.5em!important;
font-width:bold;
}

/**
 * estilos para formatação de indexação da revista
 **/
div.ciinf-indexing {
float:none;
clear:both;
width:100%;
margin:0;
padding:0;
}

#ciinf-index-sources {
float:left;
clear:both;
margin:0 0 0 30px;
padding:0;
list-style:decimal outside none;
}

#ciinf-index-sources li{
float:left;
clear:both;
padding:4px 0 4px 0;
margin:auto 0 0 0;
border:dotted #999;
border-width:0 1px 1px 1px;
border-collapse:collapse;
background:#f9feff;
font-size:1em;
text-align:left;
width:600px;
}

.ciinf-footer {
float:none;
clear:both;
font-style:italic;
color:#666;
}

.ciinf-header {
float:left;
clear:both;
margin:0;
padding:0;
background:rgb(172,189,204);
color:#fff;
width:632px;
}

.ciinf-header span {
float:left;
clear:none;
padding:1px 0;
text-align:center!important;
line-height:1.5em;
width:auto;
}

.ciinf-header span.number {
background:#fff;
color:#000;
padding:6px 11px;
margin:0;
}

#ciinf-index-sources li span img {
text-align:center;
float:none;
margin:0 1% 0 auto;
height:60%;
width:auto;
}

#ciinf-index-sources li span{
float:left;
clear:none;
display:inline;
}

span.title{
width:200px;
margin:0 60px 0 10px;
}

span.type {
width:200px;
text-align:left!important;
}

span.source {
width:120px;
text-align:left!important;
}

/** 
 * Estilos para Histórico de Comitês Editoriais
 **/

div.editorial-comittee {
float:none;
clear:both;
margin:1em auto 1em auto;
padding:0 0 1em 0;
border:none;
}

div.editorial-comittee h3 {
margin:0 auto 0 auto; !important;
padding:0 !important;
text-decoration:underline;
}

div.editorial-comittee h4 {
margin:1em auto 0 auto; !important;
padding:0 !important;
}

div.editorial-comittee p {
margin:0 !important;
padding:0 !important;
}


/** toggle sidebar hidesidebar plugin styles **/
div#hidesidebars {
float:none;
clear:both;
margin:1em 1em 1em .3em;
padding:0;
}

div#hidesidebars a#toggleSidebars ,
div#hidesidebars a#toggleSidebars:hover ,
div#hidesidebars a#toggleSidebars:active {
text-decoration:none !important;
background:none !important;
border:none !important;
padding:0;
margin:0;
}
 
div#hidesidebars a#toggleSidebars:active img,
div#hidesidebars a#toggleSidebars:hover img,
div#hidesidebars a#toggleSidebars img {
width:30px;
height:auto;
background:#bbc9d5 !important;
text-decoration:none !important;
border:solid #f4f4f4 !important; 
border-width:1px 0 1px 0;
padding:0;
margin:0;
}

div#leftSidebar.off,
div#rightSidebar.off {
width:40px;
}

div#leftSidebar .hidden,
#div#rightSidebar .hidden {
visibility:hidden;
}

div#leftSidebar .visible,
div#rightSidebar .visible {
visibility:visible;
}

#hidesidebars.visible,
#toggleSidebars.visible {
visibility:visible;
margin-left:-24px!important;
}