/* ---------- Browser normalization ---------- */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  clear: both; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  border-bottom: 1px dotted #000;
  cursor: help; }

img {
    background: transparent;
    vertical-align: text-bottom;
}

html {
  overflow-y: scroll; }

html.aui-dialog-iframe-root-node {
  overflow: auto; }

body {
  background: #FFF;
  font: 62.5%/1.4 Arial, Helvetica, Verdana, sans-serif; }

body.portal-popup {
  background: none;
  padding: 10px; }

body.aui-dialog-iframe-popup {
  padding-bottom: 0; }

body.portal-iframe {
  padding: 0; }

blockquote, ul, ol, dl {
  margin: 1em; }

ol, ul, dl {
  margin-left: 2em; }

ol {
  list-style: decimal outside; }

ul {
  list-style: disc outside; }

ul ul {
  list-style-type: circle; }

ol ol {
  list-style-type: upper-roman; }

dl dd {
  margin-left: 1em; }

th {
  font-weight: bold; }

caption {
  margin-bottom: 0.5em;
  text-align: center; }

p {
  margin-bottom: 1em; }

/* ---------- Links ---------- */
/* ---------- Headers ---------- */
h1 {
  font-size: 1.8em; 
  color: #25217e;   }

h2 {
  font-size: 1.6em;
  color: #25217e;}

h3 {
  font-size: 1.4em; }

h1, h2, h3 {
  margin: 1em 0; }

h4, h5, h6 {
  font-size: 1.1em; }

h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold; }

.side { border: solid #fff; border-color:cornflowerblue; border-width: 3px 0 0; clear: both; margin: 22px 0 21px; width: 95%; height: 0; }

.wyde { border: solid #fff; border-color:darkblue; border-width: 3px 0 0;  margin: 22px 0 21px; width: 99%; height: 0; }


/* ---------- Logo ---------- */
.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- Text formatting ---------- */
b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

code, pre {
  font-family: "Courier New", Courier, monospace;
  white-space: pre; }

.important {
  font-weight: bold; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }
/* ---------- Import Default CSS ---------- */
/* ---- style portalowe    ----- */
/* ---------- Browser normalization ---------- */
html {
  margin: 0px;
  padding: 0px;
  height: 100%; }

html > .lfr-dockbar-pinned {
  padding-top: 0; }

body {
  font: 13px Verdana,Arial,Helvetica,sans-serif;
  color: #666666;
  margin: 0px;
  padding: 0px;
  height: 100%; }
/* ---------- Links ---------- */
a {
  color: #00519E;
  text-decoration: none; }

a:hover, a:active, a:focus {
  color: #6699cc;
  text-decoration: underline; }

/* ---------- Main background ---------- */
body.desktop {
    background-image: url('smok2.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    opacity: 0.7;
    filter:alpha(opacity=70); 
    width: 100%; }

/* ---------- Main content body ---------- */
#wrapper {
  background: white;
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;
  padding-bottom: 25px; 
  padding-left: 15px; 
  padding-right: 15px;}
#main-container {
  position: relative;
  padding-top: 8px;
  margin-left: 88px;
  margin-right: 55px;
  width: 700px; 
  font-size: 12px;
  font-weight: normal;}
 }
/* ---------- Logo ---------- */
#header a.logo {
  background: url(http://www.if.uj.edu.pl/uj-main-theme/images/custom/logo-en.png) no-repeat;
  display: block;
  position: relative;
  font-size: 0;
  height: 68px;
  text-indent: -9999em;
  width: 164px;
  color: white; }

.faculty #header a.logo, .faculty.pl_PL #header a.logo {
  background: url(http://www.if.uj.edu.pl/uj-main-theme/images/custom/logo_faculty.png) no-repeat;
  height: 70px;
  width: 50px; }

#faculty {
  left: 180px;
  top: 12px;
  margin-right: 180px; }

.faculty #faculty {
  left: 54px; }

#faculty h1 {
  color: #00549D;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0; }

#faculty h1.only {
  margin-top: 26px;
  padding-bottom: 12px; }

#faculty h2 {
  color: #00549D;
  font-size: 12px;
  font-weight: normal;
  margin-top: 0; }

#faculty h1 a:hover, #faculty h2 a:hover {
  text-decoration: none; }

/* ---------- Additional containers ---------- */
#footer {
  position: relative;
  width: 910px;
  border-top: 1px solid #cccccc;
  color: #666666;
  margin-top: 18px;
  padding: 10px 0; }

.footer-author {
  float: right;
  color: grey; }

#top-middle-container {
  color: #006699;
  position: absolute;
  right: 0;
  top: 50px; }

html > .lfr-dockbar-pinned #top-middle-container {
  top: 74px; }

/* ---------- Navigation top ---------- */
#top-middle-container ul {
  margin: -7px 0;
  float: left;
  font-size: 11px; }

#top-middle-container ul li {
  list-style: none;
  display: block;
  float: left;
  margin: 0 10px;
  padding-bottom: 2px;
  text-align: center;
  padding-top: 10px; }

#top-middle-container ul li a {
  display: inline-block;
  width: 60px;
  height: 15px;
  font-weight: bold;
  border-bottom: 2px solid #00519E; }

#top-middle-container ul li.short a {
  width: 52px; }

#top-middle-container ul li.normal a {
  width: 76px; }

#top-middle-container ul li.medium a {
  width: 85px; }

#top-middle-container ul li.long a {
  width: 145px; }

#top-middle-container ul li a:hover, #top-middle-container ul li a:active, #top-middle-container ul li a:focus {
  text-decoration: none;
  border-bottom: 2px solid #6699cc; }

#top-middle-container ul li.selected {
  background: transparent url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/selection-light.png) no-repeat 50% 25px;
  padding-bottom: 8px; }

#top-middle-container ul li.selected a {
  color: #6699cc;
  border-bottom: 2px solid #6699cc; }

#top-middle-container .search-box {
  display: inline-block;
  margin-left: 55px;
  padding-top: 1px; }

#top-middle-container .search-box input[type=text] {
  background: url(http://www.if.uj.edu.pl/uj-main-theme/images/forms/input-bg.png) repeat-x;
  width: 108px; }

.ie6 #top-middle-container .search-box {
  display: inline; }


.columns-uj h1 {
  margin: 0px 0px 18px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  border-bottom: 4px #00519e solid;
  font-weight: bold;
  font-size: 16px;
  color: #00519e; }

.columns-uj h2 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  border-bottom: 1px #cccccc dotted;
  font-weight: bold;
  font-size: 13px;
  color: #00519e; }

ul.lista-niebieska li {
  text-decoration: none;
  margin: 2px 0px 0px -14px;
  padding: 0px 0px 0px 13px;
  background: url("http://www.if.uj.edu.pl/uj-main-theme/images/navigation/square.png") 0 6px no-repeat;
  text-align: left;
  list-style: none; }

ul.lista-niebieska li a:link, ul.lista-niebieska li a:visited {
  text-decoration: underline;
  color: #666666; }

ul.lista-niebieska li a:hover, ul.lista-niebieska li a:active {
  text-decoration: underline;
  color: #00519e; }

ul.lista-niebieska li a.pdf, ul.lista-niebieska li a.doc, ul.lista-niebieska li a.xls, ul.lista-niebieska li a.rtf, ul.lista-niebieska li a.ppt {
  line-height: 18px; }

a.pdf, a.pdf-zr {
  background: url("http://www.if.uj.edu.pl/uj-main-theme/images/custom/pdf.png") no-repeat; }

a.doc, a.doc-zr {
  background: url("http://www.if.uj.edu.pl/uj-main-theme/images/custom/doc.png") no-repeat; }

a.xls, a.xls-zr {
  background: url("http://www.if.uj.edu.pl/uj-main-theme/images/custom/xls.png") no-repeat; }

a.rtf, a.rtf-zr {
  background: url("http://www.if.uj.edu.pl/uj-main-theme/images/custom/rtf.png") no-repeat; }

a.ppt, a.ppt-zr {
  background: url("http://www.if.uj.edu.pl/uj-main-theme/images/custom/ppt.png") no-repeat; }

a.pdf, a.doc, a.xls, a.rtf, a.ppt {
  text-decoration: underline;
  padding-left: 18px;
  padding-top: 3px;
  margin-top: 1px;
  display: inline; }

a:link.pdf, a:visited.pdf, a:link.doc, a:visited.doc, a:link.xls, a:visited.xls, a:link.rtf, a:visited.rtf, a:link.ppt, a:visited.ppt {
  color: #666666; }

a:hover.pdf, a:active.pdf, a:hover.doc, a:active.doc, a:hover.xls, a:active.xls, a:hover.rtf, a:active.rtf, a:hover.ppt, a:active.ppt {
  color: #00519e; }

a.pdf-zr, a.doc-zr, a.xls-zr, a.rtf-zr, a.ppt-zr {
  background-repeat: no-repeat;
  text-decoration: none;
  padding-left: 20px;
  padding-top: 3px; }

a:link.pdf-zr, a:visited.pdf-zr, a:link.doc-zr, a:visited.doc-zr, a:link.xls-zr, a:visited.xls-zr, a:link.rtf-zr, a:visited.rtf-zr, a:link.ppt-zr, a:visited.ppt-zr {
  color: #00519e; }

a:hover.pdf-zr, a:active.pdf-zr, a:hover.doc-zr, a:active.doc-zr, a:hover.xls-zr, a:active.xls-zr, a:hover.rtf-zr, a:active.rtf-zr, a:hover.ppt-zr, a:active.ppt-zr {
  color: #6699cc;
  text-decoration: underline; }

a.link-zewn, a.link-zewn-zr {
  text-decoration: underline;
  background: url("http://www.if.uj.edu.pl/uj-main-theme/images/custom/link.png") right bottom no-repeat;
  padding-right: 15px;
  padding-top: 3px;
  margin-top: 1px;
  display: inline; }

a:link.link-zewn, a:visited.link-zewn {
  color: #666666; }

a:hover.link-zewn, a:active.link-zewn {
  color: #00519e; }

a:link.link-zewn-zr, a:visited.link-zewn-zr {
  color: #00519e;
  text-decoration: none; }

a:hover.link-zewn-zr, a:active.link-zewn-zr {
  color: #6699cc;
  text-decoration: underline; }

span.link {
  color: #666;
  text-decoration: underline; }

span.link:hover {
  color: #69C; }

/* This CSS sets the default styles for the main navigation. */
/* ---------- Main navigation ---------- */
#navigation {
  padding: 0;
  margin: 20px 0 11px 0;
  width: 100%;
  font-size: 13px;
  border: 0;
  display: table; }

#navigation ul {
  width: 100%;
  margin: 0;
  display: table-row; }

#navigation li {
  padding-bottom: 9px;
  list-style-type: none;
  display: table-cell;
  vertical-align: top; }

#navigation li.selected {
  background: transparent url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/selection.png) no-repeat scroll bottom center; }

#navigation a {
  display: block;
  text-decoration: none;
  outline: none;
  background: #195fa1 url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/bar.png) repeat-x scroll 0 0;
  padding: 0 16px;
  height: 28px;
  line-height: 28px;
  color: white;
  text-align: center;
  white-space: nowrap;
  border-right: 1px #cccccc solid; }

#navigation a:hover, #navigation a:active, #navigation a:focus {
  background: #5389bd url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/bar.png) repeat-x scroll 0 -28px; }

#navigation li.selected a, #navigation td.selected a {
  background: #5389bd url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/bar.png) repeat-x scroll 0 -28px; }

#navigation li:last-child a, #navigation td:last-child a {
  border-right: 0; }

#navigation li .delete-tab {
  display: none;
  position: relative;
  float: right;
  top: auto;
  margin-top: -26px; }

#navigation li:hover .delete-tab {
  display: block; }

#navigation li .aui-combobox {
  background: #195fa1 url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/bar.png) repeat-x scroll 0 0;
  padding: 0 16px;
  height: 28px;
  min-width: 176px;
  line-height: 28px; }

#navigation li.selected .aui-combobox {
  background: #5389bd url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/bar.png) repeat-x scroll 0 -28px; }

#navigation li .aui-combobox-content {
  width: 32px; }

#navigation li .aui-field-input {
  display: inline;
  height: 20px; }

#navigation li .aui-toolbar-content {
  margin-top: 2px;
  margin-left: 1px; }

#navigation td {
  padding-bottom: 9px; }

#navigation td.selected {
  background: transparent url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/selection.png) no-repeat scroll bottom center; }

#navigation td:hover a {
  border-bottom: 1px transparent; }

#navigation .child-menu {
  display: none;
  overflow: visible;
  width: auto;
  height: auto;
  position: absolute;
  z-index: 79; }

#navigation li:last-child ul.child-menu {
  right: 0; }

#navigation li:hover .child-menu, #navigation td:hover .child-menu {
  display: block; }

#navigation .child-menu li {
  display: block;
  float: none;
  padding-bottom: 0; }

#navigation .child-menu li a {
  text-align: left;
  font-size: 12px;
  width: auto;
  min-width: 200px;
  color: white;
  border-right: 0;
  background: #1961a8 url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/dots.png) repeat-x;
  opacity: .9;
  filter: alpha(opacity=90); }

#navigation td .child-menu li a {
  width: 320px; }

#navigation .child-menu li a:hover, #navigation .child-menu li a:active, #navigation .child-menu li a:focus {
  background: #00519e url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/dots.png) repeat-x;
  opacity: 1;
  filter: alpha(opacity=100); }

#navigation .child-menu li:first-child a, #navigation .child-menu li:first-child a:hover, #navigation .child-menu li:first-child a:active, #navigation .child-menu li:first-child a:focus {
  background-image: none; }

/* ---------- Navigation portlet ---------- */
.nav-menu ul.level-1 {
  margin: 0px;
  padding: 0px;
  border-top: 1px #cccccc dotted; }

.nav-menu .level-1 li {
  margin: 0px;
  padding: 1px 0px 1px 0px;
  list-style-type: none;
  display: block;
  width: auto;
  border-bottom: 1px #cccccc dotted; }

.nav-menu .level-1 a {
  color: #666666;
  text-decoration: none;
  display: block;
  padding: 2px 5px 2px 5px;
  width: auto; }

.nav-menu .level-1 a:hover, .nav-menu .level-1 a:active, .nav-menu .level-1 a:focus {
  background-color: #00519e;
  color: #fff; }

.nav-menu li a.selected {
  background-color: #00519e;
  color: #fff; }

.nav-menu li a:visited.selected {
  background-color: #00519e;
  color: #fff; }

.nav-menu ul.level-2 {
  margin: 1px 0px 12px 0px;
  padding: 1px 0px 0px 0px;
  border-top: 1px #cccccc dotted; }

.nav-menu .level-2 li {
  background: transparent url(http://www.if.uj.edu.pl/uj-main-theme/images/navigation/bullet.png) no-repeat scroll 5px 4px;
  margin: 0px;
  padding: 0px 0px 1px 0px;
  display: block;
  width: auto;
  list-style-type: none;
  border: 0px; }

.nav-menu .level-2 a {
  color: #666666;
  text-decoration: none;
  display: block;
  margin-left: 14px;
  padding: 1px 5px 1px 5px;
  width: auto;
  font-size: 11px; }

.nav-menu .level-2 a:hover, .nav-menu .level-2 a:active, .nav-menu .level-2 a:focus {
  background-color: #00519e;
  color: #fff; }

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
 font-size: 15px;
 font-family: serif;    
 font-style: normal;    
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 500px;
  background-color: #555;
  color: #fff;
  text-align:justify;
  padding: 15px 15px;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Clear floats after the columns */
.row {
  display: flex;
}

.column {
  flex: 50%;
}