html{
  font-family:verdana;
  font-size:11px;
}

a{
  text-decoration:none;
}

img{
  border:0px;
}

html{
  overflow-y:scroll;
  background-color:white;
  background-image:url('/img/gradient.bmp');
  background-repeat:repeat-x; 
}

body{
  text-align:center;
	margin:0;
}
#page{
  width:960px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

#belka{
  filter: alpha(opacity=80);
  opacity:0.8;
  text-align:right;
  width:100%;
  height:50px;
  position:absolute;
  top:-31px;
  z-index:50;
}

div.logowanie{
  width:120px;
  height:15px;
  line-height:14px;
  border-bottom:1px solid silver;
  border-left:1px solid silver;
  border-right:1px solid silver;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  position:absolute;
  right:100px;
  top:30px;
  background-color:#F9F1FF;
  text-align:center;
  cursor:pointer;
}

div.pasek{
  text-align:right;
  font-size:10px;
  line-height:11px;
  position:absolute;
  top:0px;
  left:0px; 
  height:27px;
  border-bottom:1px solid silver;
  background-color:#F9F1FF;
  width:100%;
  margin-left:-20px;
  padding-right:20px;
  padding-top:3px;
  overflow-x:hidden;
}

#kafelki{
    float:left;
    margin-top:4px;
	margin-left:40px;
	background-color:#F0EEEE;
	border:1px solid silver;
	border-radius: 5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:1px;
  }
  
  div.kafel{
    width:25px;
    height:25px;
    float:right;
    margin-left:5px;
    margin-right:6px;
    position:relative;
  }
  
  div.kafel  a{
    z-index:4;
    position:absolute;
  }
  
  div.kafel  a img{
    border:0px;
  }
  
  div.k_pole{
    text-indent:25px;
    font-size:10px;
    line-height:20px;
    min-width:240px;
    padding-left:5px;
    padding-right:5px;
    height:45px;
    position:absolute;
    left:-1px;
    top:-1px;
    border:1px solid black;
    z-index:5;
    background-color:white;
    display:none;
  }
  
  div.k_pole:first-line{
    line-height:25px;
    font-size:11px;
    font-weight:bold;
  }

#logo{
  width:960px;
  height:150px;
  background-image:url('/img/szkolenia_top.png');
}

#menu1{
  width:960px;
  min-height:38px;
  background-image:url('/img/menubg.png');
  color:white;
}

#menu1 > div{
  margin-top:5px;
  margin-bottom:5px;
  height:30px;
  width:237px;
  line-height:30px;
  float:left;
  text-align:center;
}

#menu1 > div.menu_active{
  font-weight:bold;
}

#menu1 > div.menu_active > a{
  color:#CDD2F6;
}

#menu1 > div > a{
  color:white;
}

#menu2{
  background-image:url('/img/menu2bg.png');
  line-height:15px;
  width:960px;
  height:15px;
  position:relative;
  top:-2px;
}

#menu2 > div{
  height:15px;
  width:237px;
  line-height:15px;
  float:left;
  text-align:center;
}

#tresc{
	margin-top:15px;
  padding-left:5px;
  padding-right:5px;
  margin-bottom:15px;
}

#pole{
  width:950px;
}

#pole > div{
  display:none;
  top:0px;
}

#pole > div:first-child{
  display:block;
}

#colset{
  width:960px;
  position:relative;
  left:-5px;
}

#colset > div, div.chat{
  width:308px;
  border:1px solid #BFBEA9;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
    background-color:#EDE7F2;
  float:left;
}

#colset > div{
  margin:5px;
}

#colset > div > div.title, div.chat > div.title{
  margin:0px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
    font-size:11px;
    font-weight:bold;
	line-height:20px;
	width:100%;
    background-color:#42005C;
    height:10px;
    border-bottom:10px solid #1F0031;
	text-indent:5px;
	color:white;
}

.tairu{
  margin:auto;
  width:300px;
  border-bottom:1px solid white;
  margin-top:3px;
  padding-bottom:3px;
  
}

.tairu .termin{
  font-size:9px;
  letter-spacing:-1px;
  color:#5A5A5A;
}

.tairu .nazwa{
  color:#DD2302;
}

.tairu .nazwa > a{
  color:inherit;
}

.tairu .nazwa > a:hover{
  text-decoration:underline;
}

.tairu .organizator{
  width:240px;
}

.tairu .szczegoly{
  float:right;
  width:50px;
  margin-right:5px;
  font-size:10px;
  font-weight:bold;
}

.tairu .szczegoly > a{
  font-size:inherit;
}

#stopka{
  clear:both;
  text-align:center;
  height:100px;
  font-size:9px;
  line-height:10px;
  margin-top:15px;
  text-align:center;
  width:960px;
  margin-left:auto;
  margin-right:auto;
}

#stopka > div.st_linki{
  border-top:1px solid #D0D0D0;
  border-bottom:1px solid #D0D0D0;
  background-color:#EAEAEA;
  font-size:9px;
  height:25px;
  line-height:25px;
  text-align:center;
  width:960px;
  margin-bottom:10px;
}

.st_linki > div{
  display:inline-table;
  height:25px;
  vertical-align:middle;
  line-height:25px;
  padding-left:10px;
  padding-right:10px;
}

.st_linki > .separator{
  padding:0px;
  width:14px;
  height:27px;
  position:relative;
  top:-2px;
}

.st_linki > .separator > .first{
  position:relative;
  float:left;
  border-left:7px solid transparent;
  border-bottom:27px solid white;
  width:0px;
  height:0px;
}

.st_linki > .separator > .last{
  position:relative;
  float:left;
  border-left:7px solid white;
  border-bottom:27px solid transparent;
  width:0px;
  height:0px;
}

#stopka > div.st_right{
  display:inline-table;
  width:560px;
  height:50px;
  padding:5px;
  padding-left:25px;
  text-align:left;
  font-size:inherit;
  color:#999999;
  font-size:9px;
  font-family:tahoma;
  vertical-align:middle;
}

#stopka > div.st_left{
  display:inline-table;
  width:160px;
  height:50px;
  padding:5px;
  text-align:center;
  font-size:inherit; 
  vertical-align:middle;
}

#stopka > div.st_linki > div > a{
  text-decoration:none;
  color: #444444;
}
