/*

szary:   666666
purpura: AB008F

*/


body { text-align: center; margin: 0px auto; width: 1024px; background: #fff url('../images/back.png') top left repeat; }

a { color: #AB008F; }
a:hover { color: #E49D2B; }



/* layout ---------------- */

.page { width: 1024px; overflow: hidden; text-align: left; margin: 0px auto;  height: 100%; }

.page_wrapper { width: 860px; float: left; }

.main_column { width: 860px; overflow: hidden; background: transparent url('../images/header.png') top left no-repeat; }

.main_column_warszawa { width: 860px; overflow: hidden; background: transparent url('../images/header_warszawa.png') top left no-repeat; }
.main_column_lodz { width: 860px; overflow: hidden; background: transparent url('../images/header_lodz.png') top left no-repeat; }
.main_column_krakow { width: 860px; overflow: hidden; background: transparent url('../images/header_krakow.png') top left no-repeat; }

.side_column { min-height:1500px; height:100%; width: 150px; float: left; padding-top: 300px; background-color: #AB008F;  height: 100%;  }

.content_column { width: 680px; float: left; padding: 290px 0px 0px 0px; background: transparent url('../images/header_sem1.png') top right no-repeat; }
.content_wrapper { padding: 0px 50px 0px 100px; }




.monaco_text { font-family: Monaco, Lucida Console, monospace; font-size: 12px; }
.monaco_small_text { font-family: Monaco, Lucida Console, monospace; font-size: 11px; }

.strona_container { padding-top: 70px; }

.separator { margin-top: 80px; }

.content_column { width: 680px; float: left; padding: 290px 0px 0px 0px; background: transparent url('../images/header_sem1.png') top right no-repeat; }

.semestr_1 { background: transparent url('../images/header_sem1.png') top right no-repeat; }
.semestr_2 { background: transparent url('../images/header_sem2.png') top right no-repeat; }
.semestr_3 { background: transparent url('../images/header_sem3.png') top right no-repeat; }
.semestr_4 { background: transparent url('../images/header_sem4.png') top right no-repeat; }

.col_warszawa {  }
.col_lodz { background-image: url('../images/header_sem1_lodz.png'); }
.col_krakow { }



.warszawa_semestr_1 { background-image: url('../images/header_sem1.png'); }
.lodz_semestr_1 { background-image: url('../images/header_sem1_lodz.png'); }
.krakow_semestr_1 { background-image: url('../images/none.png'); }

.warszawa_semestr_2 { background-image: url('../images/header_sem2.png'); }
.lodz_semestr_2 { background-image: url('../images/header_sem2.png'); }
.krakow_semestr_2 { background-image: url('../images/none.png'); }



/* buttons --------------- */

.index_container { position: relative; height:700px; background: transparent url('../images/index_figures.png') 350px 160px no-repeat; }
.index_buttons { position: absolute; width: 489px; height: 440px; top:120px; left:260px; background: transparent url('../images/index.png') top left no-repeat; }
.index_buttons a { display: block; position: absolute;  left: 0px; height: 100px; width: 489px; overflow: hidden; background: transparent url('../images/index.png') 0px -120px no-repeat; }
.index_buttons a span { display: block; padding-top:100px; }

.index_buttons a.index_warszawa { top: 120px;  }
.index_buttons a.index_lodz { top: 230px; background-position: 0px -230px; }
.index_buttons a.index_krakow { top: 340px; background-position: 0px -340px; }

.index_buttons a.index_warszawa:hover { background-position: 0px -570px; }
.index_buttons a.index_lodz:hover { background-position: 0px -680px; }
.index_buttons a.index_krakow:hover { background-position: 0px -790px; }


/* text ------------------ */

.block_text h3 { font-size: 1.2em; font-weight: normal; }



/* clear ----------------- */

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; }



/* menu ------------------ */

.index_logo { position:absolute; width:250px; height: 250px; text-indent: -3000px; }
.menu { padding: 300px 0px; width: 180px; float: left; }
.main_menu ul { list-style: none; margin: 0px; padding: 0px;  }
.main_menu li { margin: 0px; padding: 0px;  }
.main_menu li a { display: block; width:180px; height:50px;  background-color: transparent; background-image: url('../images/menu.png'); background-repeat: no-repeat; overflow: hidden; }
.main_menu li a span { display: block; padding-top: 250px; }

.main_menu li a.menu0 { height: 40px; background-position: 0px 8px; }
.main_menu li a.menu1 { background-position: 0px -35px; }
.main_menu li a.menu2 { background-position: 0px -82px; }
.main_menu li a.menu3 { background-position: 0px -130px; }
.main_menu li a.menu4 { background-position: 0px -180px; }
.main_menu li a.menu5 { background-position: 0px -245px; }
.main_menu li a.menu6 { height:60px; background-position: 0px -300px; }
.main_menu li a.menu7 { height: 100px; background-position: 0px -360px; }
.main_menu li a.menu8 { height: 100px; background-position: 0px -460px; }
.main_menu li a.menu9 { background-position: 0px -560px; }

.main_menu li a.menu0:hover, .main_menu li a.menu0_selected { height: 40px; background-position: -180px 8px; background-color: #AB008F; }
.main_menu li a.menu1:hover, .main_menu li a.menu1_selected { background-position: -180px -35px; background-color: #fff; }
.main_menu li a.menu2:hover, .main_menu li a.menu2_selected { background-position: -180px -82px; background-color: #fff; }
.main_menu li a.menu3:hover, .main_menu li a.menu3_selected { background-position: -180px -130px; background-color: #fff; }
.main_menu li a.menu4:hover, .main_menu li a.menu4_selected { background-position: -180px -180px; background-color: #fff; }
.main_menu li a.menu5:hover, .main_menu li a.menu5_selected { background-position: -180px -245px; background-color: #fff; }
.main_menu li a.menu6:hover, .main_menu li a.menu6_selected { height:60px; background-position: -180px -300px; background-color: #fff; }
.main_menu li a.menu7:hover, .main_menu li a.menu7_selected { height: 100px; background-position: -180px -360px; background-color: #fff; }
.main_menu li a.menu8:hover, .main_menu li a.menu8_selected { height: 100px; background-position: -180px -460px; background-color: #fff; }
.main_menu li a.menu9:hover, .main_menu li a.menu9_selected { background-position: -180px -560px; background-color: #fff; }



/* semestr lista --------- */

.semestr_lista_item { width: 100%; overflow: hidden; padding: 10px 0px; margin:0px; }
.semestr_head { padding-left:400px; background: transparent url('../images/semestr_lista_decor.png') 85px center no-repeat; margin: 0px; color: #AB008F; }
.semestr_head sup { position: relative; top:-8px; font-size: 9px; font-weight: bold; font-family: Monaco, Lucida Console, monospace; }
.semestr_wykladowca { }
.semestr_data_cont { width: 130px; float: left; }
.semestr_data { font-size: 22px; padding: 0px 0px 0px 20px; color: #AB008F; }
.semestr_data a { text-decoration: none; color: #AB008F;  }
.semestr_lista_filmow { width:280px; float: left; }
.semestr_lista_filmow p { margin: 10px 0px 10px 0px; color: #AB008F; }
.semestr_lista_filmow sup { font-size: 9px; position: relative; top:-19px; }
.semestr_tytul_filmu {  }
.semestr_daty_filmow { width: 140px; float: left; }
.semestr_daty_filmow span { display: block;  margin: 18px 0px 22px 0px; font-family: Monaco, Lucida Console, monospace; color: #000; }

a.semestr_opis_link { text-decoration: none; }
a.semestr_opis_link:hover { text-decoration: underline; }

a.more_link { display: inline; float: left; margin: 0px 0px 50px 400px; }
a.more_link span { display: block; width: 86px; height: 21px; background: transparent url('../images/wiecej.png') center top no-repeat; text-indent: -3000px; }
a.more_link:hover span { background-position: center bottom; }

p.semestr_nazwa { height: 200px; }

a.sem1 { background: transparent url('../images/sem1.png') top left no-repeat; text-indent: -3000px; display: block; width: 517px; height: 163px; }
a.sem1:hover { background-position: bottom left; }
a.sem2 { background: transparent url('../images/sem2.png') top left no-repeat; text-indent: -3000px; display: block; width: 517px; height: 163px; }
a.sem2:hover { background-position: bottom left; }
a.sem3 { background: transparent url('../images/sem3.png') top left no-repeat; text-indent: -3000px; display: block; width: 528px; height: 113px; }
a.sem3:hover { background-position: bottom left; }
a.sem4 { background: transparent url('../images/sem4.png') top left no-repeat; text-indent: -3000px; display: block; width: 523px; height: 111px; }
a.sem4:hover { background-position: bottom left; }

a.sem1_lodz { background: transparent url('../images/sem1_lodz.png') top left no-repeat; text-indent: -3000px; display: block; width: 517px; height: 163px; }
a.sem1_lodz:hover { background-position: bottom left; }
a.sem2_lodz { background: transparent url('../images/sem2_lodz.png') top left no-repeat; text-indent: -3000px; display: block; width: 517px; height: 163px; }
a.sem2_lodz:hover { background-position: bottom left; }
a.sem3_lodz { background: transparent url('../images/sem3_lodz.png') top left no-repeat; text-indent: -3000px; display: block; width: 528px; height: 113px; }
a.sem3_lodz:hover { background-position: bottom left; }
a.sem4_lodz { background: transparent url('../images/sem4_lodz.png') top left no-repeat; text-indent: -3000px; display: block; width: 523px; height: 111px; }
a.sem4_lodz:hover { background-position: bottom left; }


/* semestr --------------- */

.semestr_container { padding: 70px 65px 0px 25px;}
.head { padding: 20px 0px 5px 0px; background: transparent url('../images/semestr_lista_decor.png') 60px top no-repeat; }
.head p { margin-bottom: 0px; }
.head sup { padding-left: 40px; position: relative; top:-10px; font-weight: bold; color:#AB008F;  }
.data {  }
.wykladowca { padding-left: 10px; position: relative; top:4px; }
.decor { padding-left: 60px; }
.decor hr { background-color: #AB008F; height: 3px; border: 0px;  }
.tytul_container { padding: 0px 0px 0px 120px; background: transparent url('../images/semestr_lista_decor.png') 60px 22px no-repeat; }
.tytul_container p { width: 100%; overflow: hidden; position: relative; padding-top: 20px; }
.tytul_container img { float:right; position: relative; top:-20px; display: block; border-bottom: 3px solid #AB008F; }
.tytul_container sup { font-size: 10px; color: #AB008F; display: block; float: left; }
.tytul_filmu { width: 230px; display: block; float: left; }
.czas { font-family: Monaco, sans-serif; display: block; float: left; }
.rok { position: absolute; right:130px; top:30px; }

.semestr_block { padding: 20px 0px 0px 80px; background: transparent url('../images/semestr_lista_decor_small.png') 60px top no-repeat;  }
.block_title { float: left; margin-left: -80px; }
.block_text { padding: 0px 0px 0px 10px; font-family: Monaco, monospace; font-size: 11px; }
.block_text sup { color: #AB008F; }



/* wykladowcy ------------ */

.wykladowca_list { padding: 15px 0px 20px 90px; background: transparent url('../images/semestr_lista_decor.png') 60px top no-repeat; }
.wykladowca_link { font-size: 20px;  }


/* news ------------------ */

.news_item { padding: 15px 0px 20px 90px; background: transparent url('../images/semestr_lista_decor.png') 60px top no-repeat; }
.news_data { padding: 0px; margin: 0px; font-family: Monaco, sans-serif; }
.news_tytul { padding: 0px; margin: 0px; color: #AB008F; }



/* boxes ----------------- */

.boxes_wrapper { padding: 100px 80px 100px 100px; background: transparent url('../images/reka.png') 20px 140px no-repeat; }

.box-karnety { background-image: url('../images/box-karnety.png'); float: right; }
.box-zajecia { background-image: url('../images/box-zajecia.png'); float: left; }
.box { position: relative; width: 236px; height: 102px; background-color: transparent; background-position: top left; background-repeat: no-repeat; overflow: hidden; }
.box p.title { position: absolute; height: 30px; overflow: hidden; }
.box p.title span { display:block; padding-top: 30px; }
.box div { padding:28px 5px 0px 15px; }



/* wideo ----------------- */

.movie_container { padding: 40px 0px 0px 115px; }