/* PHP code {{{1
*/

/* Common {{{1
*/

BODY {
	font-family: "Arial", "Helvetica", sans-serif;
	background-color: #eee;
	color: #fff;
	margin:		0;
	padding:    0;
	padding-top: 20px;
	font-size: small;
	font-size: small;
}

P,BR {
	font-size: small;
	font-size: small;
}

TD {
	vertical-align: top;
	font-size: small;
	font-size: small;
}

LI {
	font-size: small;
	font-size: small;
	margin-left: 0;
}

UL, OL {
	padding-left: 0em;
	padding-left: 0em;
}

TT, PRE {
	font-family: "Andale Mono", "Courier New", "Courier", monospace;
	font-size: small;
	font-size: small;
}

DT {
 text-decoration: underline;
}

DT:hover {
 text-decoration: none;
}


CODE {
	font-family: "Andale Mono", "Courier New", "Courier", monospace;
	/*background-color: #f0f9fc;*/
	white-space: nowrap;
	font-size: small;
	font-size: small;
}

DIV {
	font-size: small;
	font-size: small;
}

FORM, INPUT, BUTTON {
	margin-top: 0;
	margin-bottom: 0;
	height: 1.8em;
}

BLOCKQUOTE {
	margin-left: 1em;
	font-size: small;
	font-size: small;
}

HR {
	height: 1px;
	margin-top: 0;
	margin-bottom: 0;
	border-top: 0px;	/* Mozilla work-around to eliminate "groove" */
}
IMG {border: 0;}

A:link	  {color: #fff; text-decoration: underline; font-weight:normal;}
A:visited {color: #fff; text-decoration: underline; font-weight:normal;}
A:hover   {color: #fff; text-decoration: none; font-weight:normal;}
A:active  {color: #fff; text-decoration: none; font-weight:normal;}

H1 {
	font-family: "Verdana", "DejaVu Sans", "Arial Bold", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	font-size: large;
	font-size: large;
	vertical-align: top;
	margin-top: 0;
	color: #234;
}
H2 {
	font-weight: bolder;
	font-style: italic;
	font-size:	140%;
	margin-top: 0;
	padding-top: 0;
}
H3 {
	font-weight: bold;
	font-size:	110%;
	margin-top: 0.1em;
}
H4 {
	font-weight: bold;
	font-style: italic;
	font-size: 100%;
	margin-top: 0em;
	margin-bottom: 1em;
}
H5 {
	font-size: 110%;
	font-weight: normal;
	font-style: italic;
	text-align:	left;
	margin-left: 0.0em;
	margin-right: 0.3em;
	margin-top: 0em;
	margin-bottom: 0;
}
H6 {
	font-size: 110%;
	font-weight: normal;
	font-style: italic;
	text-align:	right;
	margin-left: 0.0em;
	margin-right: 0.3em;
	margin-top: 0em;
	margin-bottom: 0;
}

/* Custom {{{1
*/

.main {
	border:	2px solid #e6e6e6;
	background-color:	#fff;	width:	740;
	min-height:	550px;
	padding:	08px;
	padding-bottom:	5px;
	padding-top:	10px;
}

/* header */
.header {
	height:	28px;
	margin:	0px;
	padding:	5px;
	width:	100%;
}
.title {
	float:	left;
	padding-right:	0;
}

.logo {
	vertical-align:	middle;
	font-family:	"Verdana", "DejaVu Sans", "Arial Bold", sans-serif;
	font-size: large;
	font-size: large;
	font-weight:	bold;
	letter-spacing: 0.2em;
	padding:		5px;
}
.logo:link    { background-color: transparent; color: #234; text-decoration: none;}
.logo:visited { background-color: transparent; color: #234; text-decoration: none;}
.logo:hover   { background-color: #eee;        color: #345; text-decoration: none;}
.logo:active  { background-color: #eee;        color: #345; text-decoration: none;}

.tagline {
	vertical-align:	middle;
	padding-top:	1px;
	color:	#679;
	font-size: small;
	font-size: small;
	font-weight: bold;
}



/* 4square */
.dydaktyka, .dydaktyka2, .kontakt, .kontakt2, .erasmus, .erasmus2, .publikacje, .publikacje2 {
	margin:		1px;
	padding:	20px;
	border:		5px solid #fff;
	color:		#fff;
	text-align:	left;
}
.dydaktyka {
	float:		left;
	background-color:#eeeee0;
}
.dydaktyka2 {
	float:		left;
	background-color:#223344;
}
.kontakt {
	float:		right;
	background-color:#eeeee0;
}
.kontakt2 {
	float:		right;
	background-color:#888822;
}
.erasmus {
	float:		left;
	background-color:#eeeee0;
}
.erasmus2 {
	float:		left;
	background-color:#447733;
}
.publikacje {
	float:		right;
	background-color:#eeeee0;
}
.publikacje2 {
	float:		right;
	background-color:#775544;
}

/* section titles */
.sectitleleft, .sectitleright {
	width:	100%;
	font-size: large;
	font-size: large;
	margin:	0;
	margin-top:	0;
	margin-bottom:0;
	padding:	0;
	letter-spacing:	0.1em;
}
.sectitleleft {
	text-align:	left;
}
.sectitleright {
	text-align:	right;
}

A.sec {
	color: #fff;
}
A.sec:link {
	text-decoration: none;
}
A.sec:visited {
	text-decoration: none;
}
A.sec:hover {
	#text-decoration: underline;
}
A.sec:active {
	text-decoration: underline;
}
A.secoff {
	color: #fff;
	font-weight: normal;
	font-size: small;
	font-size: small;
	letter-spacing:	0.1em;
}
A.secoff:link {
	text-decoration: none;
}
A.secoff:visited {
	text-decoration: none;
}
A.secoff:hover {
	text-decoration: underline;
}
A.secoff:active {
	text-decoration: underline;
}

/* footer */
.footer {
	width: 100%;
	viertical-align: middle;
	text-align: right;
	padding-right:	0px;
	color:	#679;
}


/* general markup */

.news-dydaktyka, .news-about, .news-erasmus, .news-kontakt{
	float:	right;
	width:	120px;
	padding:	1em;
	margin-top: 0em;
	margin-left:	0em;
	margin-right:	0.0em;
	margin-bottom:	0em;
}
.news-dydaktyka  { background-color: #345;}
.news-about { background-color: #865;}
.news-erasmus  { background-color: #;}
.news-kontakt  { background-color: #ggg;}

.nolead {
	margin-top: 0;
}

.lesslead {
	margin-top: -1em;
}

.medium {
	font-size: medium;
	font-size: medium;
}
.small {
	font-size: small;
	font-size: small;
}
.xsmall {
	font-size: x-small;
	font-size: x-small;
}
.xxsmall 
	font-size: xx-small;
	font-size: xx-small;
}

.byline {
	font-style: italic;
	font-size: small;
	font-size: small;
	text-align: right;
	/* matches H4 bottom margin */
	margin-top: -1.3em;
}


#content {
    margin-top:0px;
}

#rok {
    padding: 0pt;
    float:right;
    width:608px;
    border: 0.0px solid gray;
    border-collapse: collapse;
    margin-top:40px;
}

#przedmiot {
    padding: 0pt;
    float:left;
    padding:8px;
    width:540px;
    border: 1.0px solid red;
    border-collapse: collapse;
    margin-bottom:10px;
}

#przedmiot2 {
    padding: 0pt;
    float:left;
    padding:8px;
    width:261px;
    border: 0.0px solid red;
    border-collapse: collapse;
    margin-bottom:10px;
}

#semestr {
    padding: 0pt;
    float:left;
    padding:8px;
    width:560px;
    border: 2.0px solid gray;
    border-collapse: collapse;
    margin-bottom:40px;
}

#publikacje {
    float: left;
    width: 290px;
    margin-top:0px;
	margin-left:18px;
}
#inne {
    float: right;
    width: 290px;
    margin-top:0px;
}


span.wybrane {
    background: #00ddf3f3;
    border: 1px solid;
    margin: 0px -20px 0px;
    padding-left:20px;
    text-indent:0px;
    list-style-type: square;
    border-collapse:collapse;
}


ul {
  margin: 2px 0px 10px 16px;
  padding: 0px;
  border-collapse:collapse;
}

ul li {
  margin: 10px 14px 6px;
  padding-left:20px;
  text-indent:-20px;
  list-style-type: square;
  border-collapse:collapse;
}

ul li.wybrane {
    background: #7e5c4b;
    border: 1px solid #7e5c77;
}
ul li.news {
  margin: 0px 0px 6px;
  padding-left:00px;
  text-indent:00px;
    padding-left:-20px;
}


 div.nav_bar {
    margin-top: 5px;
    padding: 0px;
    border: 1px solid #e3e3e3;
    background: #f3f3f3;
  }

#content a, #footer a, #navcontainer a{
    border-bottom: 0px dotted;
    color: orange;
    text-decoration: none;
  }

.thumbnail{
//position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
//position:relative;
}

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
padding: 5px;
left: 10px;
visibility: hidden;
color: black;
text-decoration: none;
}

//.thumbnail span img{ /*CSS for enlarged image*/
//border-width: 1px;
//padding: 0px;
//}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position: fixed;
visibility: visible;
top: 5%;
left: 5%; /*position where enlarged image should offset horizontally */
}

.thumbnail2{
position: relative;
z-index: 0;
}
.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 1px;
padding: 0px;
}
.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: 10px;
visibility: hidden;
text-decoration: none;
background-color: #f0f9fc;
}

.thumbnail2:hover  span{ /*CSS for enlarged image on hover*/
position: fixed;
visibility: visible;
top: 5%;
left: 5%; /*position where enlarged image should offset horizontally */
}