/*
Terminarz graficzny kursow 2018
Copyright 2017 marose
Wszelkie prawa zastrzezone.
*/

.calendarBlock {
    width: 2.6%;
    background-color: lightGray;
    float: left;
    margin-left: 0.1%;
    margin-top: 0.1%;
    padding: 0;
    height: 2.5em;
	font-family: 'Open Sans',Arial,Geneva,sans-serif;
    color: #fdfdfd;
    z-index: 0;
}

.yearBlock
{
    float:left;
    width: 80%;
    padding: 0;
    height:100%;
    font-family: 'Open Sans',Arial,Geneva,sans-serif;
    color: #fdfdfd;
    z-index: 0;
}


.mainBlock:nth-child(2n) > .nameBlock
{
  background: #d8d8d8;
}

.mainBlock:nth-child(2n+1) > .nameBlock
{
  background: rgb(234, 234, 234);
}


.mainBlock:nth-child(2n)
{
  background: #f3f3f3;
}

.mainBlock:nth-child(2n+1)
{
  background: #f9f9f9;
}

.mainBlock a 
{
  text-decoration: none;
  color: black;
  transition:all 0.3s ease;
}

.mainBlock a:hover
{
	color:#fffcfc;
	text-shadow: 1px 1px 2px #ff0000, 0 0 1px red, 0 0 3px #7c0a0a;

}

.mainBlock
{
  float: left;
  width: 100%;
  height: 4.5vw;
}

.courseBlock2 {
  background:red;
  position:absolute;
  float:left;
  height:0.5vw;
  z-index: 1;
  color:#515151;
  font-family: tahoma;
  font-size:1.3vw;
  font-weight: bold;
  text-align:center;
  border-left:5px solid #ef1e1e;
  cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
            padding-top: 0.6vw;

    -moz-border-image: -moz-linear-gradient(top, #ef1e1e 0%, #900000 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #ef1e1e 0%, #900000 100%);
    border-image: linear-gradient(to bottom, #ef1e1e 0%, #900000 100%);
    border-image-slice: 1;
}

.dateText
{
        color: #4e4e4e;
        margin-top: 0.5vw;
        text-align: left;
        position: absolute;
        font-weight: bold;
        font-size: 1.5vw;
        cursor: pointer;
}

.nameBlock {
  float:left;
  cursor:pointer;
  width:20%;
  background:darkGray;
  color:#000000;
  font-weight:bold;
  font-family: tahoma;
  font-size: 1.2vw;
  height:4.5vw;
  display: table;

}

.nameBlock p
{
    text-align: center;
    padding-right: 10px;

    vertical-align: middle;
    display: table-cell;
}

#courseContent {
  height:70vh;
  width:100%;
  background:#1f1f1f url('../images/kursprzyg.jpg');
  float:left;
  background-position:right bottom;
  background-repeat: no-repeat;
}

#courseContent p {
  padding:30px 150px 30px 30px;
  margin-left:30px;
  color:white;
  font-size:1.3vw;

}

#courseContent h1, #courseContent h2, #courseContent h3, #courseContent h4 {
  font-family: 'Playfair Display',serif;
  color: white;
  font-size: 5vh;
  font-weight: 200;
  margin-left: 30px;
}

#coursePanel {
  font-family: 'Open Sans',Arial,Geneva,sans-serif;
  position: absolute;
  width: 100%;
  bottom: 0;
  color: white;
  background-color: #2c2c2c;
  border-top: 1px solid #3c3c3c;
}

.details {
  float: left;
  color: #ededed;
  background-color: #343434;
  text-align: center;
  padding: 20px 30px 20px 30px;
  margin-left: 1px;
}

#more {
  float: right;
  color:black;
  background-color:lightGray;
  text-align:center;
      padding: 20px 30px 20px 30px;
          margin-right: 50px;
}

#register {
  float: right;
  color:white;
  background-color:firebrick;
  text-align:center;
  padding: 20px 30px 20px 30px;
  margin-right: 150px;
}

.fullWidth {
	width:100%;
  height: 9.9vw;
}

.monthBlock{
	float: left;
    height: 100%;
    width: 6.66%;
    border-right: 1px solid #868686;
    background: #717171;
}

.monthName
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(-90deg);
        margin-top: 5.3vw;
    font-size: 1.4vw;
}

.headerTable
{
    float: left;
    width: 100%;
    height: 9.9vw;
}

.nameCourse
{
    vertical-align: middle;
    display: table-cell;
        font-size: 1.8vw;
    text-align: center;
}

.cornerBlock
{
  width:20%; background: #383838; display: table; float:left;    height: 100%;
}

canvas {
    width: 0;
    height: 0;
    position: absolute;
}

.ctx{
  position:absolute;
  width:6.66%;
  height:4.5vw;
  border-right:1px dotted rgba(0, 0, 0, 0.25);
}

.descriptionCourse
{
    float: left;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    top:0;
    display: none;
    color: white;
}

.title_header
{
  text-align: center !important;
}


.calendar_black
{
  overflow: hidden;
    display: block;
    padding: 10px 80px 10px 10px;
    background: #505050 url("../images/red_arrow2.png") no-repeat 90% center;
    color: #fff;
    text-decoration: none;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.4em;
    text-transform: uppercase;
    box-shadow: 0 0 5px #666;
        margin-top: 10px;
    margin-bottom: 20px;
}

.calendar_black:hover
{
  color: red;
}

.calendar_black img
{
    vertical-align: baseline;
    margin-top: -5px;
    margin-right: 1em;
    float: left;
}