@import url("../css/font.css");
@media screen and (min-width: 640px) { body { background-image: url("/assets/img/book.png"), url("/assets/img/bg-body-separetor.png"); background-repeat: no-repeat, repeat-y; background-position: 35% 120px, center top; background-size: 18%, 2%; } }
@media screen and (min-width: 960px) { body { width: 960px; margin: 0 auto; background-position: 35% 200px, center top; background-size: 18%, 2%; } }
@media screen and (min-width: 1280px) { body { width: 1280px; } }

#publication-index { clear: both; border: 0px solid red; overflow: hidden; margin: 0 auto; background: transparent; }
#publication-index .table { border: 0px solid green; display: table; }
#publication-index .table .row { border: 0px solid yellow; overflow: hidden; display: table-row; }
#publication-index .table .row .cell { border: 0px solid black; overflow: hidden; vertical-align: top; }
#publication-index .table .row .separator { border: 0; }
@media screen and (min-width: 640px) { #publication-index { width: 100%; }
  #publication-index .table { padding: 0; margin: 0; }
  #publication-index .table .row { padding: 0; margin: 0; }
  #publication-index .table .row .cell { padding: 0; margin: 0; display: table-cell; width: 49%; }
  #publication-index .table .row .cell:first-child { width: 49%; }
  #publication-index .table .row .cell:last-child { width: calc(100% - $widthCell); }
  #publication-index .table .row .separator { width: 2%; display: table-cell; } }
@media screen and (min-width: 960px) { #publication-index { width: 960px; } }
@media screen and (min-width: 1280px) { #publication-index { width: 1280px; } }

.publication-serie { width: 100%; color: #58595b; padding: 8px 16px 0 8px; font-size: 100%; border: 0px solid red; }
.publication-serie h3 { font-family: futura-pt-condensed, sans-serif; font-size: 140%; text-transform: uppercase; border: 0px solid red; }
.publication-serie h3 a { color: #929496; }
.publication-serie .description { font-family: "EB Garamond", serif; padding-left: 0px; }
.publication-serie .moreShare { margin-top: 1em; margin-bottom: 2em; text-align: right; border: 0px solid red; z-index: 500; margin-top: 0; }
.publication-serie .moreShare a { cursor: pointer; }
.publication-serie .moreShare a img { height: 24px; width: auto; }
.publication-serie .moreShare a img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
@media screen and (min-width: 960px) { .publication-serie { padding: 0 16px; } }

.publication-list { width: 100%; color: #58595b; padding: 0 16px; font-family: "EB Garamond", serif; font-size: 100%; border: 0px solid red; }
.publication-list h3 { color: #1CABE2; font-family: futura-pt-condensed, sans-serif; font-size: 140%; padding: 0; margin-top: 30px; margin-bottom: 30px; }
.publication-list .moreShare { margin-top: 1em; margin-bottom: 2em; text-align: right; border: 0px solid red; z-index: 500; margin: 0; position: absolute; bottom: 0; right: 0; }
.publication-list .moreShare a { cursor: pointer; }
.publication-list .moreShare a img { height: 24px; width: auto; }
.publication-list .moreShare a img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.publication-list .publication { clear: both; }
.publication-list .publication .img { float: left; border: 0px solid red; width: 30%; margin-bottom: 50px; }
.publication-list .publication .img img { width: 90%; box-shadow: -4px -4px 7px #AAA; }
.publication-list .publication > .text { width: 70%; float: left; color: #58595b; font-family: "EB Garamond", serif; letter-spacing: 0px; overflow: hidden; margin-bottom: 50px; }
.publication-list .publication > .text .title h3 { font-family: futura-pt-condensed, sans-serif; font-size: 140%; font-weight: normal; margin: 0; paddin: 0; color: #00325b; text-transform: uppercase; margin-bottom: 10px; text-align: left; }
.publication-list .publication > .text .title h3 a { color: #00325b; }
.publication-list .publication > .text .title h4 { font-family: futura-pt-condensed, sans-serif; font-size: 120%; font-weight: normal; margin: 0; paddin: 0; color: #58595b; text-transform: uppercase; margin-bottom: 10px; text-align: left; }
.publication-list .publication > .text .title h4 a { color: #58595b; }
.publication-list .publication > .text .afterMore { display: none; height: 3em; }
.publication-list .publication > .text hr { border: 1px solid #e9ebeb; }
.publication-list .publication > .text .downloadShare { border: 0px solid red; width: 100%; }
.publication-list .publication > .text .downloadShare .author { color: #929496; font-size: 90%; }
.publication-list .publication > .text .downloadShare .author h4 { font-family: futura-pt-condensed, sans-serif; color: #58595b; margin-bottom: 5px; }
.publication-list .publication > .text .downloadShare .download { display: none; font-size: 90%; float: left; font-family: futura-pt-condensed, sans-serif; color: #1CABE2; margin-bottom: 20px; text-transform: uppercase; }
.publication-list .publication > .text .downloadShare .download .file { float: right; padding-left: 20px; }
.publication-list .publication > .text .downloadShare .download .file a { display: block; color: #00325b; font-family: futura-pt-condensed, sans-serif; white-space: nowrap; padding-right: 60px; background: #FFF url("/assets/img/icon/view.png") right top no-repeat; background-size: 1.5em; margin: 0; margin-bottom: 10px; }
.publication-list .publication > .text .downloadShare .download .file a:last-child { margin: 0; }
.publication-list .publication > .text .downloadShare .download .file a:hover { background: #FFF url("/assets/img/icon/view-over.png") right top no-repeat; background-size: 1.5em; }
.publication-list .publication_COME_GRAFICA { clear: both; }
.publication-list .publication_COME_GRAFICA .img { float: left; border: 0px solid red; width: 30%; margin-bottom: 50px; }
.publication-list .publication_COME_GRAFICA .img img { width: 90%; box-shadow: -4px -4px 7px #AAA; }
.publication-list .publication_COME_GRAFICA .text { width: 70%; float: left; color: #58595b; font-family: "EB Garamond", serif; letter-spacing: 0px; font-size: 100%; overflow: hidden; margin-bottom: 50px; }
.publication-list .publication_COME_GRAFICA .text .title h3 { font-family: futura-pt-condensed, sans-serif; font-size: 150%; margin: 0; paddin: 0; color: #00325b; text-transform: uppercase; margin-bottom: 5px; }
.publication-list .publication_COME_GRAFICA .text .title h4 { font-family: futura-pt-condensed, sans-serif; font-size: 100%; margin: 0; paddin: 0; color: #00325b; text-transform: uppercase; margin-bottom: 10px; }
.publication-list .publication_COME_GRAFICA .text .afterMore { height: 3em; }
.publication-list .publication_COME_GRAFICA .text hr { border: 2px solid #e9ebeb; }
.publication-list .publication_COME_GRAFICA .text .downloadShare { overflow: hidden; border: 0px solid red; font-size: 90%; position: relative; width: 100%; }
.publication-list .publication_COME_GRAFICA .text .downloadShare .download { float: left; font-family: futura-pt-condensed, sans-serif; color: #1CABE2; margin-bottom: 20px; }
.publication-list .publication_COME_GRAFICA .text .downloadShare .download .file { float: right; padding-left: 20px; }
.publication-list .publication_COME_GRAFICA .text .downloadShare .download .file a { display: block; color: #00325b; font-family: futura-pt-condensed, sans-serif; white-space: nowrap; padding-right: 40px; background: #FFF url("/assets/img/icon/download.png") right top no-repeat; background-size: 20px; margin-bottom: 10px; }
.publication-list .publication_COME_GRAFICA .text .downloadShare .download .file a:last-child { margin: 0; }
.publication-list .publication_COME_GRAFICA .text .downloadShare .download .file a:hover { background: #FFF url("/assets/img/icon/download-over.png") right top no-repeat; background-size: 20px; }
@media screen and (min-width: 960px) { .publication-list { padding: 0 16px; } }

.publication-view-serie { width: 100%; color: #58595b; }
.publication-view-serie .description { font-size: 100%; font-family: "EB Garamond", serif; padding: 0 8px 50px 8px; border-bottom: 30px solid #e9ebeb; }
@media screen and (min-width: 960px) { .publication-view-serie .description { padding: 0 16px 50px 16px; } }
.publication-view-serie .latest { padding: 0 8px 50px 8px; }
.publication-view-serie .latest h3 { font-weight: 600; color: #00325b; margin-bottom: 20px; font-family: futura-pt-condensed, sans-serif; font-size: 150%; }
.publication-view-serie .latest .title { margin-bottom: 40px; }
.publication-view-serie .latest .title h1 { color: #1CABE2; font-family: futura-pt-condensed, sans-serif; font-size: 180%; text-transform: uppercase; text-align: left; margin: 0; margin-bottom: 5px; }
.publication-view-serie .latest .title h2 { color: #00325b; font-family: futura-pt-condensed, sans-serif; font-size: 140%; margin: 0; padding: 0; }
.publication-view-serie .latest .img { float: left; border: 0px solid red; width: 30%; margin-bottom: 50px; width: 55%; }
.publication-view-serie .latest .img img { width: 100%; box-shadow: -4px -4px 7px #AAA; }
.publication-view-serie .latest .descr { display: none; clear: both; font-size: 100%; font-family: "EB Garamond", serif; border-top: 2px solid #e9ebeb; padding-top: 20px; }
.publication-view-serie .latest .moreShare { clear: both; margin-top: 1em; margin-bottom: 2em; text-align: right; border: 0px solid red; z-index: 500; }
.publication-view-serie .latest .moreShare a { cursor: pointer; }
.publication-view-serie .latest .moreShare a img { height: 24px; width: auto; }
.publication-view-serie .latest .moreShare a img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
@media screen and (min-width: 960px) { .publication-view-serie .latest { padding: 0 16px 50px 16px; }
  .publication-view-serie .latest .descr { display: block; } }

.publication-view { width: 100%; color: #58595b; padding: 0px 8px; }
.publication-view .title { margin-bottom: 40px; }
.publication-view .title h1 { color: #00325b; font-family: futura-pt-condensed, sans-serif; font-size: 180%; text-transform: uppercase; margin: 0; padding: 0; margin-bottom: 5px; }
.publication-view .title h2 { color: #00325b; font-family: futura-pt-condensed, sans-serif; font-size: 140%; margin: 0; padding: 0; }
.publication-view .author { font-family: "EB Garamond", serif; line-height: 1.6em; margin-bottom: 40px; }
.publication-view .author h4 { color: #00325b; font-family: futura-pt-condensed, sans-serif; font-size: 110%; padding: 0; margin-bottom: 10px; }
.publication-view .img { float: left; border: 0px solid red; width: 30%; margin-bottom: 40px; width: 100%; }
.publication-view .img img { width: 100%; box-shadow: -4px -4px 7px #AAA; }
@media screen and (min-width: 960px) { .publication-view { padding: 0 16px; } }

.publication-detail { width: 100%; color: #58595b; padding: 8px; clear: both; }
.publication-detail .language { float: left; font-family: futura-pt-condensed, sans-serif; color: #1CABE2; margin-bottom: 20px; text-transform: uppercase; border: 0px solid red; width: 55%; font-size: 120%; }
.publication-detail .language .file { float: right; padding-left: 20px; color: #00325b; text-align: left; }
.publication-detail .language .file a, .publication-detail .language .file span { display: block; color: #00325b; font-family: futura-pt-condensed, sans-serif; white-space: nowrap; padding-right: 60px; background: #FFF url("/assets/img/icon/view.png") right top no-repeat; background-size: 1.3em; margin: 0; margin-bottom: 10px; }
.publication-detail .language .file a:last-child, .publication-detail .language .file span:last-child { margin: 0; }
.publication-detail .language .file a:hover, .publication-detail .language .file a span, .publication-detail .language .file span:hover, .publication-detail .language .file span span { background: #FFF url("/assets/img/icon/view-over.png") right top no-repeat; background-size: 1.3em; }
.publication-detail .language .file span { background: #FFF url("/assets/img/icon/view-over.png") right top no-repeat; background-size: 1.3em; }
.publication-detail .download { float: left; margin-bottom: 40px; margin-top: 0px; font-family: futura-pt-condensed, sans-serif; letter-spacing: 0.0618em; font-size: 120%; width: 55%; border: 0px solid red; overflow: hidden; }
.publication-detail .download table { width: 100%; border: 0px solid red; }
.publication-detail .download caption { padding-top: 0; color: #1CABE2; margin-top: 0; }
.publication-detail .download th { font-weight: normal; color: #00325b; padding: 0 10px 10px 0; border: 0px solid red; vertical-align: top; }
.publication-detail .download td { text-align: left; color: #00325b; padding: 0 10px 10px 0; border: 0px solid red; vertical-align: top; }
.publication-detail .download td:last-child { padding: 0 0 10px 0; }
.publication-detail .download a { width: 100%; display: block; color: #00325b; font-family: futura-pt-condensed, sans-serif; white-space: nowrap; padding-right: 4px; background: #FFF url("/assets/img/icon/download.png") right center no-repeat; background-size: 1.2em; border: 0px solid red; padding: 0 40px 0 0; width: 100%; }
.publication-detail .download a:last-child { margin: 0; }
.publication-detail .download a:hover { background: #FFF url("/assets/img/icon/download-over.png") right top no-repeat; background-size: 1.2em; }
.publication-detail .detail { clear: both; margin: 40px 0; font-family: futura-pt-condensed, sans-serif; letter-spacing: 0.0618em; }
.publication-detail .detail th { font-weight: normal; color: #1CABE2; padding: 0 20px 10px 0; }
.publication-detail .detail td { text-align: right; color: #00325b; padding: 0 0px 10px 0; }
.publication-detail .descriptionLong { clear: both; font-family: "EB Garamond", serif; padding-top: 20px; }
.publication-detail .descriptionLong h4 { color: #00325b; font-family: futura-pt-condensed, sans-serif; font-size: 160%; padding: 0; }
.publication-detail .descriptionLong .moreShare { margin-top: 1em; margin-bottom: 2em; text-align: right; border: 0px solid red; z-index: 500; margin: 0; }
.publication-detail .descriptionLong .moreShare a { cursor: pointer; }
.publication-detail .descriptionLong .moreShare a img { height: 24px; width: auto; }
.publication-detail .descriptionLong .moreShare a img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
@media screen and (min-width: 960px) { .publication-detail { padding: 16px; } }

.brief { float: right; width: 40%; background: #5F7FA4; color: #FFF; padding: 0; font-size: 100%; line-height: 1.5em; text-align: left; }
.brief h4 { margin: 0; padding: 7px 10px; background: #00325b; color: #929496; font-size: 160%; font-weight: 600; font-family: futura-pt-condensed, sans-serif; }
.brief .linkCopy { padding: 10px 7px 0 7px; font-family: futura-pt-condensed, sans-serif; }
.brief .linkCopy a { margin-top: 10px; color: #FFF; letter-spacing: 1px; text-align: left; display: block; background-position: top left; background-repeat: no-repeat; background-size: 30px; padding: 0px 0 10px 38px; }
.brief .linkCopy a.in-brief-view { background-image: url("/assets/img/icon/in-brief-view.png"); }
.brief .linkCopy a.in-brief-url { background-image: url("/assets/img/icon/in-brief-url.png"); }
.brief .linkCopy a.in-brief-citation { background-image: url("/assets/img/icon/in-brief-citation.png"); }

#pageurlModal, #bibliographicModal, #pdfDownloadModal { font-family: futura-pt-condensed, sans-serif; }
#pageurlModal h4, #bibliographicModal h4, #pdfDownloadModal h4 { font-family: futura-pt-condensed, sans-serif; text-transform: uppercase; font-size: 150%; font-weight: medium; padding: 0; margin: 0; color: #00325b; }

#pageurlModal .modal-body div, #bibliographicModal .modal-body div { border: 2px solid #e9ebeb; border-radius: 5px; color: #58595b; font-weight: normal; line-height: normal; padding: 5px; width: 100%; cursor: pointer; }

#pdfDownloadModal .button { margin: 0.6em 0 0.6em 0; }
#pdfDownloadModal .button input, #pdfDownloadModal .button a, #pdfDownloadModal .button button { background: #ddd; border: 0; background: #00325b; color: #FFF; letter-spacing: 0.0618em; padding: 0.2em 1em; }
#pdfDownloadModal .button input.profile, #pdfDownloadModal .button input.skip, #pdfDownloadModal .button a.profile, #pdfDownloadModal .button a.skip, #pdfDownloadModal .button button.profile, #pdfDownloadModal .button button.skip { background: #5f7fa4; }
#pdfDownloadModal .input { margin-bottom: .4em; }
#pdfDownloadModal .input input { background: #ddd; border: 0; width: 15.5em; height: 1.5em; padding: 0 3px; }
#pdfDownloadModal .select { margin-bottom: .4em; width: 16.7em; min-width: 16.7em; max-width: 16.7em; height: 1.7em; overflow: hidden; background: url(/assets/img/icon/arrow-right.png) no-repeat right #ddd; background-size: 1.6em; }
#pdfDownloadModal .select select { background: transparent; width: 17.8em; min-width: 17.8em; max-width: 17.8em; border: 0; border-radius: 0; height: 1.5em; -webkit-appearance: none; vertical-align: 2px; }
#pdfDownloadModal ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #58595b; }
#pdfDownloadModal ::-moz-placeholder { /* Firefox 19+ */ color: #58595b; }
#pdfDownloadModal :-ms-input-placeholder { /* IE 10+ */ color: #58595b; }
#pdfDownloadModal :-moz-placeholder { /* Firefox 18- */ color: #58595b; }

/*# sourceMappingURL=publication.css.map */
