@import "Tables.css";
@import "forms.css";
/*.toNasWyroznia*/ 
ul {
	width: 200px;
	list-style: none;
	float: left;
	padding-top: 10px;
}
/*.toNasWyroznia*/ 
ul li {
	float: left;
	width: 185px;
	background: url(gfx/to-nas-wyroznia-dot.gif) left 2px no-repeat;
	padding: 0px 0px 10px;
	padding-left: 15px;
}
td { vertical-align:top; }


* {margin: 0px;padding: 0px;}
body {
	background: #fff url(gfx/main.png) center 0px no-repeat;
	color: #666;
	font-family: Verdana;
	font-size: 10px;
	line-height: 1.2;
	padding-top: 10px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
a {color: #666;}

#wrapper {
width: 960px;
position: relative;
left: 50%;
margin-left: -480px;
}
#menu_top {
	width: 940px;
	height: 47px;
	float: left;
	padding-top: 0px;
	padding-left: 20px;
}
#menu_top ul {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: auto;
}
#menu_top ul li {
	display: inline;
	background: none;
		padding: 0px;
	margin: 0px;
	width: auto;
}
#menu_top a {
	float: left;
}
#menu_top a.home,#menu_top a.about, #menu_top a.kursy, #menu_top a.zapisy, #menu_top a.kultura, #menu_top a.rozmowki, #menu_top a.kontakt, #menu_top a.forum {
	width: 23px;
	height: 23px;
	float: left;
	background: url(gfx/home.png) top center no-repeat;
	text-decoration: none;
	text-indent: -9000px;
	position: relative;
	top: 15px;
	font-size: 0px;
}
#menu_top a.home {
	top: 10px;
	margin-right: 10px;
}
#menu_top a.about, #menu_top a.kursy, #menu_top a.zapisy, #menu_top a.kultura, #menu_top a.rozmowki, #menu_top a.kontakt, #menu_top a.forum {
	padding: 0px 10px;
}
#menu_top a.about {
	width: 61px;
	background: url(gfx/menu-about.png) top center no-repeat;
}
#menu_top a.kursy {
	background: url(gfx/menu-kursy.png) top center no-repeat;
	width: 139px;
}
#menu_top a.zapisy {
	width: 41px;
	background: url(gfx/menu-zapisy.png) top center no-repeat;
}
#menu_top a.kultura {
	width: 54px;
	background: url(gfx/menu-kultura.png) top center no-repeat;
}
#menu_top a.rozmowki {
	width: 71px;
	background: url(gfx/menu-rozmowki.png) top center no-repeat;
}
#menu_top a.kontakt {
	width: 57px;
	background: url(gfx/menu-kontakt.png) top center no-repeat;
}
#menu_top a.forum {
	width: 44px;
	background: url(gfx/menu-forum.png) top center no-repeat;
}
#menu_top span.menu-line {
	float: left;
	height: 39px;
	width: 2px;
	background: url(gfx/menu-line.png) left top no-repeat;
	font-size: 0px;
	float: left;
}
#menu_top a.menu-login {
	width: 70px;
	height: 14px;
	float: left;
	background: url(gfx/login-menu.png) top center no-repeat;
	text-decoration: none;
	position: relative;
	top: 18px;
	margin-right: 20px;
}
#menu_top a.menu-register {
	width: 88px;
	height: 14px;
	float: left;
	background: url(gfx/register-menu.png) top center no-repeat;
	text-decoration: none;
	position: relative;
	top: 18px;
}

#menu_top a.menu-logout {
	width: 74px;
	height: 15px;
	float: left;
	background: url(gfx/logout-menu.png) top center no-repeat;
	text-decoration: none;
	position: relative;
	top: 17px;
	margin-right: 20px;
}
#menu_top a.menu-edit {
	width: 87px;
	height: 15px;
	float: left;
	background: url(gfx/edit-menu.png) top center no-repeat;
	text-decoration: none;
	position: relative;
	top: 17px;
	margin-right: 20px;
}
.listener {
	width: 700px;
	float: left;
	background: url(gfx/listeneres-bg.png) right bottom no-repeat;
	margin-bottom: 20px;
}

.listener .Portrait, .lector .Portrait { 
	width: 156px;
	float: left;
	padding: 1px;
	border: 1px #d3d3d3 solid;
}
.listener .Portrait .cont, .lector .Portrait .cont { 
	width: 140px;
	float: left;
	background: url(gfx/portrait-bg.png) left bottom repeat-x;
	text-align: center;
	padding: 8px;
}
.listener .Portrait img, .lector .Portrait img { 
	display: block;
	border: 1px #fff solid;
}
.listener .Portrait .name, .lector .Portrait .name {
	color: #ac186c;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	width: 140px;
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
}
.listener p.french, .listener p.polish, .lector a.french, .lector a.polish {
	background: url(gfx/french.png) left 10px no-repeat;
	width: 516px;
	float: left;
	margin: 0px;
	auto: 0px;
	padding-left: 24px;
	padding-top: 10px;
	text-decoration: none;
}
.listener .player {
	width: 496px;
	float: left;
	padding-top: 10px;
	padding-left: 22px;
}
.lector .languages {
	width: 180px;
	float: left;
	height: 160px;
	overflow: hidden;
}
.lector a.french, .lector a.polish {
	width: 156px;
}
.listener p.polish, .lector a.french:hover, .lector a.polish:hover {
	color: #999;
}
.listener p.polish, .lector a.polish {
	background: url(gfx/polish.png) left 10px no-repeat;
	}
.lector a.polish {
	color: #999;
}
.lector a.french:hover {
	color: #333;
}
a.listen {
	background: url(gfx/listen.png) left top no-repeat;
	color: #99a50e;
	float: left;
	padding-left: 25px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	margin-left: 19px;
	height: 18px;
	padding-top: 2px;
}
a.listen:hover {
	color: #d92b95;
	background: url(gfx/listen.png) left -41px no-repeat;
}




.lectors {
	width: 720px;
	float: left;
	overflow: hidden;
	position: relative;
	left: -20px;
}

.lector {
	width: 340px;
	float: left;
	background: url(gfx/lector-bg.png) right bottom no-repeat;
	margin-left: 20px;
	display: inline;
	margin-bottom: 20px;
}
.lector-desc {
	width: 520px;
	float: left;
	padding-left: 20px;
	color: #999;
}
.lector-desc span.name {
	width: 520px;
	float: left;
	color: #99a50c;
	padding-bottom: 15px;
}
.lector-desc .lang {
	width: 520px;
	line-height: 1;
	float: left;
	background: url(gfx/e7line.png) left bottom repeat-x;
	margin-bottom: 10px;
} 
.lector-movie {
	float: left;
	width: 535px;
	padding-left: 5px;
}



.e7line {
	width: 700px;
	float: left;
	background: url(gfx/e7line.png) left bottom repeat-x;	
	margin: 15px 0px;
	line-height: 1;
}

a.movie {
	background: url(gfx/movie.png) left top no-repeat;
	color: #99a50e;
	float: left;
	padding-left: 28px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	height: 16px;
	padding-top: 4px;
	margin-top: 10px;
}
a.movie:hover {
	color: #d92b95;
	background: url(gfx/movie.png) left -22px no-repeat;
}




a.goto {
	background: url(gfx/goto.png) left top no-repeat;
	color: #99a50e;
	float: left;
	padding-left: 18px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	margin-left: 19px;
	height: 16px;
	padding-top: 4px;	
	margin-top: 10px;
}
a.prev, a.next {
	height: 12px;
	display: inline;
	background: url(gfx/prev.png) left top no-repeat;
	float: left;
	margin: 0px 5px;
	color: #999;
	padding-left: 15px;
	text-decoration: none;
}
a.next {
	background: url(gfx/next.png) right top no-repeat;
	padding-left: 0px;
	padding-right: 15px;
}
a.prev:hover, a.next:hover {
	color: #ac186c;
}
.pages {
	float: left;
	padding-top: 30px;
	color: #999;
}
.pages span {
	float: left;
}
.pages a {
	color: #999;
	text-decoration: none;
	float: left;
}
.pages a.prev, .pages a.next {
	width: 7px;
	height: 12px;
	display: inline;
	background: url(gfx/prev.png) left top no-repeat;
	float: left;
	margin: 0px 5px;
	padding-right: 0px;
	padding-left: 0px;
}

.pages a.next {
	background: url(gfx/next.png) left top no-repeat;
}
.topLink {
	float: right;
	color: #999;
	padding-top: 30px;
}
.topLink a {
	float: left;
	background: url(gfx/top-link.png) left 3px no-repeat;
	padding-left: 15px;
	color: #999;
	text-transform: uppercase;
	text-decoration: none;
}





#baner {
	width: 860px;
	height: 133px;
	padding: 20px 50px 0px;
	float: left;
}
#baner .logo {
	float: left;
}
#baner .slogan {
	float: right;
	width: 300px;
	height: 94px;
	background: url(gfx/slogan.png) left top no-repeat;
	margin-right: 75px;
	display: inline;
}
*html #baner .slogan {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/default/gfx/slogan.png", sizingMethod="image");
}

.mainWide {
	width: 940px;
	float: left;
	padding: 10px;
	padding-top: 20px;
}
.bottomLinks {
	width: 940px;
	float: left;
	padding: 10px;	
}
.bottomLinks .cont {
	width: 700px;
	float: right;
	padding-left: 10px;
}
.mainWide .leftCol {
	width: 230px;
	float: left;
}
.mainWide .rightCol {
	width: 700px;
	float: left;
	padding-left: 10px;
}
.mainWide .rightCol .row {
	width: 700px;
	float: left;
	line-height: 1.3;
}
.mainWide .rightCol .row .pageTitle {
	width: 700px;
	float: left;
	color: #99a50c;
	text-transform: uppercase;
	font-size: 13px;
}
.mainWide .rightCol .row .Portrait { 
	width: 156px;
	float: left;
	padding: 1px;
	border: 1px #d3d3d3 solid;
}
.mainWide .rightCol .row .info23 {
	width: 520px;
	float: left;
	padding-left: 20px;
}
.mainWide .rightCol .row .info23 .title {
	width: 520px;
	float: left;
	color:#99a50c;
	font-size: 13px;
	padding: 5px 0px 10px;
}
.mainWide .rightCol .row .info23 .txt {
	color: #999;
	font-size: 10px;
}

.mainWide .rightCol .row .Portrait .cont, .mainWide .rightCol .row .Portrait .contLong { 
	width: 140px;
	float: left;
	background: url(gfx/portrait-bg.png) left bottom repeat-x;
	text-align: center;
	padding: 8px;
}
.mainWide .rightCol .row .Portrait .contLong {
	background: url(gfx/portrait-long-bg.png) left bottom no-repeat;
	height: 255px;
}
.mainWide .rightCol .row .Portrait .name {
	color: #ac186c;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	width: 140px;
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
}
.mainWide .rightCol .row .Portrait img { 
	display: block;
	border: 1px #fff solid;
}
.mainWide .leftCol .leftMenuHeader {
	width: 210px;
	height: 30px;
	float: left;
	background: url(gfx/menu-header.png) left top no-repeat;
	padding-top: 10px;
	padding-left: 10px;
}
ul.left-menu {
	width: 220px;
	float: left;
	list-style: none;
	margin-bottom: 35px;
	padding-top: 0px;
}
ul.left-menu li {
	float: left;
	background: none;
	padding-left: 0px;
	padding-bottom: 0px;
}

ul.left-menu a, ul.left-menu li.act, ul.left-menu li.sub {
	width: 205px;
	float: left;
	min-height: 15px;
	background:url(gfx/left-menu-bg.gif) left bottom repeat-x;
	color: #999;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}
ul.left-menu li.act {
	background: #f9edf5 url(gfx/left-menu-bg-act.gif) right top no-repeat;
	color: #ac186c;
}
ul.left-menu li.act a {
	padding: 0px;
}
ul.left-menu li.sub {
	background: #f9edf5;
	color: #ac186c;
}
ul.left-menu a:hover {
	color: #ac186c;
}
ul.left-menu li.submenu {
	float: left;
	border: 1px #f9edf5 solid;
	width: 218px;
	padding-top: 8px;
	color: #999;
}
ul.left-menu li.submenu a, ul.left-menu li.submenu span,ul.left-menu li.submenu a.level2 {
   width: 203px;
   background: none;
   font-size: 10px;
   height: auto;
   padding-top: 0px;
   padding-bottom:8px;
}
ul.left-menu li.submenu span, ul.left-menu li.submenu span.level2 {
   padding-left: 15px;       padding-right: 15px;
   width: 188px;
   color: #999;
   text-transform: uppercase;
   float: left;
   background: url(gfx/left-menu-sub-act.png) right top no-repeat;
}
ul.left-menu li.submenu a.level1 {
	color: #999;
}
ul.left-menu li.submenu a.level1:hover {
	color: #ac186c;
}
ul.left-menu li.submenu span.level2, ul.left-menu li.submenu a.level2 {
   margin-left: 10px;
   width: 193px;
}
ul.left-menu li.submenu span.level2 {
   width: 178px;
} 
ul.left-menu li.submenu span a {
	padding: 0px;
	width: 188px;
}
.toNasWyroznia, .buletin-box {
	width: 216px;
	float: left;
	border: 1px #d3d3d3 solid;
	padding: 1px;
}
.toNasWyroznia .content, .buletin-box .content {
	width: 200px;
	float: left;
	background: #fff url(gfx/to-nas-wyroznia.png) bottom left repeat-x;
	padding: 5px 8px;
}
.buletin-box .content {
	background: #f6f6f6 url(gfx/buletin-bg.png) top left repeat-x;
}
/* czesc styli przeniesiona na gore pliku */

.subbaner {
	width: 960px;
	height: 199px;
	float: left;
	position: relative;
	background: url(gfx/subbaner.gif);
	margin-bottom: 1px;
}
.subbaner .left {
	width: 250px;
	position: absolute;
	left: 10px;
	top: 57px;
	float: left;
	line-height: 1;
}
.subbaner .left a {
	float: left;
	margin-bottom: 7px;
}
.subbaner .left a img {
	border: 0px;
	display: block;
}
.subbaner .right {
	width: 550px;
	height: 189px;
	float: right;
	position: absolute;
	top: 10px;
	right: 0px;
	z-index: 1;
}
.subbaner .right .bonjour {
	width: 410px;
	float: right;
	padding-top: 16px;
}
.subbaner .right .bonjour .txt {
	float: left;
	width: 410px;
	padding-top: 10px;
}
.subbaner .lady {
	width: 260px;
	height: 353px;
	float: left;
	background: url(gfx/lady.png) left top no-repeat;
	position: absolute;
	bottom: 0px;
	_bottom: -3px;
	left: 280px;
	z-index: 2;
}
*html .subbaner .lady {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/default/gfx/lady.png", sizingMethod="image");
}
.subbaner .telefon {
	width: 145px;
	height: 36px;
	float: left;
	position: absolute;
	bottom: -1px;
	_bottom: -2px;
	left: 552px;
	z-index: 2;
	background: url(gfx/telefon.png) top left no-repeat;
}
.subbaner .pase {
	width: 113px;
	height: 48px;
	float: left;
	position: absolute;
	bottom: 0px;
	_bottom: -1px;
	left: 837px;
	z-index: 2;
	background: url(gfx/pase.png) top left no-repeat;	
	cursor: pointer;
}
#index-baner {
	float: left;
	width: 720px;
	height: 300px;
	padding-top: 10px;
	padding-bottom: 40px;
}
#index-baner .holder {
	width: 220px;
	float: left;
	margin: 0px 10px;
	background: #ddd;
	overflow: hidden;
	height: 300px;
	display: inline;
	position: relative;
}
.index-boxes, .left-box {
	width: 220px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}
.left-box {
	padding-left: 0px;
	padding-top: 15px;
}
.index-boxes .box, .left-box .box {
	width: 218px;
	height: 92px;
	float: left;
	background: url(gfx/index-box.png) left top no-repeat;
	margin-bottom: 10px;
	padding: 1px;
}
.left-box .box {
	height: auto;	
}
.index-boxes .box .header, .left-box .box .header {
	width: 218px;
	float: left;
	background: url(gfx/index-box-line.png) left bottom no-repeat;
	color: #AC186C;
	font-size: 14px;
	text-align: center;
	padding: 5px 0px;
	font-weight: normal;
	margin-bottom: 10px;
}
.left-box .box .header {
	text-align: left;
	background: none;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 0px;
}
.index-boxes .box .teachers {
	float: left;
	background: url(gfx/teachers.gif) center top no-repeat;
}
.index-boxes .box .students {
	float: left;
	background: url(gfx/students.gif) center top no-repeat;
}
.index-boxes .box .teachers a {
	float: left;
	color: #666;
	text-decoration: none;
	font-size: 11px;
	padding: 31px 10px 0px 18px;
	text-transform: uppercase;
}
.index-boxes .box .students a {
	float: left;
	color: #666;
	text-decoration: none;
	font-size: 11px;
	padding: 31px 10px 0px 18px;
	text-transform: uppercase;
}
.index-boxes .box .content, .left-box .box .content {
	width: 196px;
	padding: 0px 11px;
	float: left;
}
.index-boxes .box .content a.title, .left-box .box .content a.title, .buletin-box .content a.title {
	float: left;
	background: url(gfx/box-title-href.gif) right center no-repeat;
	width: 196px;
	color: #AC186C;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 5px 0px 10px;
}
.dwnlBut {
	border: 1px #d3d3d3 solid;
	padding: 1px;
	float: right;
	margin-bottom: 25px;
}
.dwnlBut a {
	float: left;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	padding: 8px 10px;
	background: url(gfx/greenArrow.png) right 6px no-repeat;
	padding-right: 35px;
}
.dwnlBut .cont {
	float: left;
	background: #fff url(gfx/dwnlBut.png) left bottom repeat-x;
}





.kursTitle {
	width: 700px;
	float: left;
	color: #99a50e;
	font-size: 12px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.kursTitle h2, .title h2, .rightCol h2 {
	color: #99a50e;
	font-size: 12px;
	padding-bottom: 10px;
	text-transform: uppercase;	
	font-weight: normal;
}
.kursDesc {
	width: 700px;
	float: left;
	padding-bottom: 10px;
}
.kursDesc .left {
	width: 160px;
	float: left;
	padding-right: 20px;
	text-align: right;
}
.kursDesc .left span.semestr {
	color: #ac186c;
	float: right;
	width: 160px;
	padding-bottom: 10px;
}
.kursDesc .left span.data {
	color: #999;
	float: right;
	width: 160px;
}
.kursDesc .right {
	width: 520px;
	float: left;
	color: #333;
}

.kontaktMapa {
	width: 696px;
	float: left;
	border: 1px #d3d3d3 solid;
	padding: 1px;
}
.kontaktTinyMCE {
	width: 340px;
	float: left;
	padding-left: 20px;
}


.zapisyCont {
	float: left;
} 
.zapisy-box .zapisy-phone {
	position: absolute;
	left: -79px;
	top: -8px;
	width: 95px;
	float: left;
}
.zapisy-box {
	width: 242px;
	height: 94px;
	float: right;
	position: relative;
	background: url(gfx/zapisy-box.png) left top no-repeat;
	margin-bottom: 15px;
}
.zapisy-box .txt {
	float: right;
	width: 160px;
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
	color: #666;
}

.zapisy-box .zapisy-form {
	position: absolute;
	left: -67px;
	top: -5px;
	width: 95px;
	float: left;
}
.zapisy-box .zapisy-test {
	position: absolute;
	left: -67px;
	top: 3px;
	width: 105px;
	float: left;
}
a.zapisy-button {
	float: right;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	background: url(gfx/box-title-href.gif) right center no-repeat;
	padding: 5px 0px;
	padding-right: 25px;
	position: absolute;
	right: 10px;
	bottom: 5px; 
	font-size: 11px;
}

span.zapisy-button {
	float: right;
	color: #333;
	padding: 5px 0px;
	padding-right: 5px;
	position: absolute;
	right: 10px;
	bottom: 5px; 
	font-size: 11px;
}

.warsztaty, .warsztat {
	width: 700px;
	float: left;
	padding-bottom: 20px;
}
.warsztat .left {
	width: 155px;
	float: left;
	text-align: right;
}
.warsztat .left span {
	color: #ac186c;
	display: block;
	font-size: 9px;
	line-height: 1.3;
}
.warsztat .left .opis {
	float: right;
	color: #999;
	padding-top: 10px;
}
.warsztat .right {
	width: 520px;
	float: right;
	margin-left: 25px;
	border-bottom: 1px #e7e7e7 solid;
	padding-bottom: 10px;
}
.warsztat .right span.title {
	color: #99a50c;
	width: 520px;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
}
.warsztat .right .txt {
	width: 520px;
	float: left;
	padding-top: 10px;
}
.zaznacz-odpowiedzi {
	height: 30px;
	float: left;
	background: url(gfx/zaznacz-odpowiedzi.png) top left no-repeat;
	color: #333;
	text-transform:uppercase;
	padding-top: 54px;
	padding-left: 90px;
	font-size: 12px;
}

.test-questions, .test-questions .qrow {
	width: 700px;
	float: left;
}
.test-questions {
	padding-top: 40px;
}
.test-questions .qrow {
	padding-bottom: 30px;
}
.test-questions span.number {
	width: 18px;
	height: 18px;
	background: url(gfx/question-dot.png) left top no-repeat;
	float: left;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	font-size: 11px;
	font-family: Verdana;
}
.test-questions .question {
	font-weight: bold;
	color: #333;
	font-size: 11px;
	float: left;
	width: 670px;
	padding-left: 12px;
	padding-top: 2px;
}
.test-questions .answers {
	float: left;
	width: 672px;
	margin-top: 5px;
	padding-left: 10px;
}
.test-questions .answers .answer {
	width: 224px;
	float: left;
	padding-top: 5px;
}
.test-questions .answers .answer label {
	float: left;
	cursor: pointer;
	margin-left: 5px;
	color: #333;
}


.test-name {
	font-size: 12px;
	text-transform: uppercase;
	color: #333;
	display: block;
	margin-bottom: 20px;
}
.test-points-row {
	color: #999;
	margin-bottom: 30px;
}
.test-points, .test-results .testRes {
	color:#d82b92;
	font-size: 16px;
	font-weight: bold;
}
.test-results {
	width: 240px;
	float: left;
	color: #333;
}
.test-results .testRes {
	float: left;
	width: 240px;
	padding-bottom: 10px;
}
.test-results .testRes img {
	position: relative;
	top: -2px;
	margin: 0px 5px;
}

.office-TMCE {
	width: 160px;
	float: left;
	padding-left: 20px;
}

.registration-TMCE {
	float: left;
	width: 320px;
	padding-bottom: 40px;
}


.conversation {
	width: 320px;
	float: left;
	padding: 9px;
	height: 105px;
}
.conversation .polish, .conversation .french {
	float: left;
	width: 301px;
	background: url(gfx/polish-dark.png) left top no-repeat;
	padding-left: 25px;
	margin-bottom: 5px;
	min-height: 19px;
	_height: 19px;
}
.conversation .french {
	background: url(gfx/french.png) left top no-repeat;
	margin-bottom: 7px;
	color: #ac186c;
}
.conversation a.listenCon {
	width: 16px;
	height: 16px;
	float: left;
	line-height: 1;
	background: url(gfx/listen-small.png) left top no-repeat;
	text-decoration: none;
	margin-left: 1px;
}
.conversation a.listenCon:hover {
	background: url(gfx/listen-small.png) right top no-repeat;
}
.conversation .fonetic {
	float: right;
	color: #999;
	margin-left: 8px;
	position: relative;
	top: 1px;
	width: 290px;
}



.kultura {
	width: 700px;
	float: left;
	padding-bottom: 20px;
}
.kultura .left {
	width: 180px;
	float: left;
}
.kultura .left .frame {
	width: 140px;
	height: 100px;
	float: left;
	padding: 20px 10px;
	background: url(gfx/frame.png) left top no-repeat;
}
.kultura .left .cd, .kultura .left .dish {
	width: 158px;
	height: 138px;
	float: left;
	padding: 1px;
	border: 1px #d3d3d3 solid;
}
.kultura .left .cd, .kultura .left .dish img {
	border: 0px;
}
.kultura .left .dish {
	height: 100px;
	width: 140px;
	background: url(gfx/dish-bg.png) 1px 1px no-repeat;
	padding: 9px;
}
.kultura .left .frame .photo {
	width: 140px;
	height: 100px;
	float: left;
	overflow: hidden;
}
.kultura .left .cd .cd-label, .kultura .left .dish .dish-pic {
	width: 158px;
	height: 138px;
	float: left;
	overflow: hidden;
}
.kultura .left .cd .cd-label img {
	float: left;
	padding: 1px;
	border: 1px #d3d3d3 solid;
}
.kultura .left .dish .dish-pic {
	height: 98px;
	width: 138px;
	border: 1px #fff solid;
}
.kultura .right {
	width: 520px;
	float: left;
	background: url(gfx/e7line.png) bottom left repeat-x;
	padding-bottom: 5px;
}
.kultura .right .title {
	width: 520px;
	float: left;
	font-size: 13px;
	color: #99a50c;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.kultura .right .title a {
	color: #99a50c;
	text-decoration: none;
}
.kultura .right .title a:hover {
	text-decoration: underline;
}
.kultura .right .txt {
	width: 520px;
	float: left;
	color: #999;
	padding-bottom: 10px;
}
.kultura .right .txt a {
	color: #999;
	text-decoration: none;
}
.kultura .right .txt a:hover {
	text-decoration: underline;
}
.kultura .right .links {
	width: 520px;
	float: left;
	padding-bottom: 5px;
}
.kultura .right .links .movie-link, .kultura .right .links .listen-link {
	float: left;
}
.kultura .right .links .listen-link a.listen {
	background: url(gfx/listen.png) left top no-repeat;
	color: #99a50e;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	height: 18px;
	padding-top: 2px;
	margin-left: 0px;
	position: relative;
	top: 12px;
}
.kultura .right .links .listen-link a.listen:hover {
	color: #d92b95;
	background: url(gfx/listen.png) left -41px no-repeat;
}
.kultura .right .links .download {
	float: right;
	padding-top: 9px;
	font-size: 10px;
}
.kultura .right .links .download span {
	float: left;
	position: relative;
	top: 5px;
	color: #999;
}
.kultura .right .links .download a.mp3, .kultura .right .links .download a.pdf, .kultura .right .links .download a.doc {
	width: 17px;
	height: 19px;
	float: left;
	background: url(gfx/download-links.png) -69px 0px no-repeat;
	text-decoration: none;
	margin-left: 17px;
}
.kultura .right .links .download a.doc {
	width: 25px;
	background: url(gfx/download-links.png) 0px 0px no-repeat;
}
.kultura .right .links .download a.pdf {
	background: url(gfx/download-links.png) -34px 0px no-repeat;
}
.kultura .right .links .download a.mp3:hover {
	background: url(gfx/download-links.png) -69px -19px no-repeat;
}
.kultura .right .links .download a.pdf:hover {
	background: url(gfx/download-links.png) -34px -19px no-repeat;
}
.kultura .right .links .download a.doc:hover {
	background: url(gfx/download-links.png) 0px -19px no-repeat;
}
.kultura .right .links .note {
	float: left;
	color: #99a50c;
	font-size: 10px;
	padding-top: 14px;
	padding-right: 60px;
}
.kultura .right .links .note span {
	float: left;
}
.kultura .right .links .note .sm-stars {
	width: 60px;
	height: 9px;
	float: left;
	background: url(gfx/sm-stars-off.png) left top no-repeat;
	position: relative;
	top: 1px;
	margin-left: 10px;
}
.kultura .right .links .note .sm-stars .rate {
	height: 9px;
	width: 0px;
	float: left;
	background: url(gfx/sm-stars-on.png) left top no-repeat;
}
.kultura .right .links a.comment {
	float: left;
	color: #99a50c;
	font-size: 10px;
	height: 21px;
	padding-top: 3px;
	text-decoration: none;
	background: url(gfx/comment.png) right top no-repeat;
	padding-right: 35px;
	position: relative;
	top: 11px;
}
.kultura .addComment {
	width: 700px;
	float: left;
}
.kultura .addComment span.title {
	height: 21px;
	padding-top: 3px;
	float: left;
	background: url(gfx/comment.png) left top no-repeat;
	color: #99a50c;
	padding-left: 35px;
	width: 665px;
	margin-top: 15px;
}


.songLyrics {
	float: left;
}
.songTitle {
	width: 340px;
	float: left;
	font-size: 12px;
	color: #333;
	padding-bottom: 15px;
}
.songCredits {
	width: 340px;
	float: left;
	color: #99a50c;	
	padding-bottom: 5px;
}
.songCredits span {
	color: #999;
}
.songAlbum {
	width: 340px;
	float: left;
	color: #999;
	padding: 15px 0px;
}
.text {
	width: 340px;
	float: left;
	line-height: 1.4;
}

.kultura .login-box .addLyrics {
	float: left;
	background: url(gfx/addLyrics.png) left top no-repeat;
	height: 19px;
	color: #99a50c;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 30px;
	padding-top: 5px;
	margin: 35px 0px 5px;
}






#footer-bg {
	width: 100%;
	background: url(gfx/footer.png) left -30px repeat-x;
	float: left;
}
#footer-wrap {
width: 960px;
position: relative;
left: 50%;
margin-left: -480px;
}
#footer {
	width: 920px;
	float: left;
	background: url(gfx/subbaner_.gif);
	margin: 0px 0px 10px;
	padding: 10px 20px;
}
#footer a { 
	margin-left: 10px;
	color: #666;
	text-decoration: none;
}
.atom {
	float: left;
	padding-left: 20px;
	padding-bottom: 20px;
}

#bulletin {
	width: 348px;
	height: 420px;
	float: left;
	position: absolute;
	top: -5000px;
	left: 0px;
	padding-left: 72px;
	padding-top: 75px;
	background: url(gfx/biuletyn-bg.png) center top no-repeat;
	display: block;
	z-index: 1000;
}
#bulletin .content {
	width: 275px;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 20px;
	line-height: 1.3;
}
#bulletin .title .close {
	float: left;
	height: 13px;
	width: 13px;
	position: absolute;
	top: -3px;
	right: -13px;
	cursor: pointer;
}
#bulletin .title {
	width: 275px;
	float: left;
	text-align: center;
	position: relative;
}

.skala {
	width: 200px;
	float: left;
	color: #d82b92;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
}
.skala span {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

.lector .movie {
	margin-left: 20px;	
}
.center-text {
	text-align: center;
}



.podium {
	width: 700px;
	float: left;
	padding-bottom: 30px;
}
.podiumSecondPlace, .podiumFirstPlace, .podiumThirdPlace {
	width: 170px;
	height: 190px;
	float: left;
	background: url(gfx/podium.png) left bottom no-repeat;
}
.podiumSecondPlace, .podiumFirstPlace {
	margin-right: 60px;
}
.podiumSecondPlace {
	margin-left: 35px;
}
.podium .place {
	width: 170px;
	height: 107px;
	float: left;
	overflow: hidden;
	padding-bottom: 20px;
}
.podium .name {
	width: 170px;
	float: left;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	color: #333;
}
.podium .votes {
	width: 170px;
	float: left;
	text-align: center;
	padding-top: 10px;
}
.podium .votes span {
	color: #ac186c;
	font-size: 22px;
}
.wez-udzial {
	width: 340px;
	height:403px;
	float: left;
	background: url(gfx/wez-udzial.png) left top no-repeat;
}
.wez-udzial a {
	width: 144px;
	height: 25px;
	float: left;
	margin-top: 128px;
	margin-left: 10px;
	text-decoration: none;
	font-size: 1px;
}

h6.sIFR-replaced {
	display: inline;
}

#index-baner .clickable {
	width: 220px;
	height: 40px;
	float: left;
	background: url(gfx/blank.gif) top left repeat;
	z-index: 1000;
	position: absolute;
	left: 0px;
	top: 0px;
}
.bTopTitle {
	width: 198px;
	height: 28px;
	padding: 5px 10px;
	float: left;
	background: url(gfx/index-baner-top-title.png) top left repeat-x;
	cursor:pointer;
	position: relative;
	border: 1px #8f145b solid;
}
.bBotTitle {
	width: 198px;
	height: 28px;
	padding: 5px 10px;
	float: left;
	background: url(gfx/index-baner-bot-title.png) top left repeat-x;
	cursor:pointer;
	position: relative;
	border: 1px #c0c0c0 solid;
}
#index-baner .topBox, #index-baner .botBox {
	height: 217px;
	width: 216px;
	float: left;
	background: #fff;
	border: 1px #d4d4d4 solid;
	padding: 1px;
}
#index-baner .topBox {
	border-bottom: 0px;
	height: 217px;
	padding-top: 0px;
	height: 218px;
}
#index-baner .botBox {
	border-top: 0px;
	height: 217px;	
}
#index-baner .topBox .hld , #index-baner .botBox .hld {
	height: 217px;
	width: 216px;	
	background: url(gfx/index-baner-box-bg.png) bottom left repeat-x;
	float: left;
}
#index-baner .topBox .hld {
	height: 218px;
}
#index-baner .topBox .hld .txt , #index-baner .botBox .hld .txt {
	width: 196px;
	float: left;
	color: #666;
	padding: 5px 10px;
}
#index-baner .topBox .hld .txt a , #index-baner .botBox .hld .txt a {
	color: #666;
	text-decoration: none;
}
#index-baner .topBox .hld .txt a:hover , #index-baner .botBox .hld .txt a:hover {
	text-decoration: underline;
}
#index-baner .topBox .hld .image , #index-baner .botBox .hld .image {
	float: left;
	width: 216px;
}
#index-baner .topBox .hld .image img , #index-baner .botBox .hld .image img {
	display: block;
	border: 0px;
}
#index-baner .topBox .hld .image a , #index-baner .botBox .hld .image a {
	border: 1px #fff solid;
	float: left;
}
#index-baner .topBox .hld .image a:hover , #index-baner .botBox .hld .image a:hover {
	border: 1px #ac186c solid;
}


.tinyGreenTitle {
	color: #99a50c;
}

.baner-box {
width:220px;
float:left;
padding-top:35px
}
.baner-box img { border:0px; }
.ico-phone {
	background: url(gfx/ico-phone.png) left center no-repeat;
	height: 18px;
	padding-left: 25px;
	padding-top: 4px;
}

.menuPosition {
	width: 940px;
	height: 2px;
	float: left;
	position: relative;
}
.menuPosition .pointer {
	width: 16px;
	height: 8px;
	float: left;
	background: url(gfx/menuPointer.png) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 3px;
}
*html .menuPosition .pointer {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/default/gfx/menuPointer.png", sizingMethod="image");
}
.menuPosition .homePos {
	left: 3px;
}
.menuPosition .aboutPos {
	left: 70px;
}
.menuPosition .coursePos {
	left: 190px;
}
.menuPosition .signupPos {
	left: 301px;
}
.menuPosition .culturePos {
	left: 370px;
}
.menuPosition .conversationPos {
	left: 455px;
}
.menuPosition .contactPos {
	left: 542px;
}
.menuPosition .forumPos {
	left: 614px;
}
.siteMap {
	width: 940px;
	float: left;
}
.siteMap .title {
	width: 940px;
	float: left;
	color: #99a50c;
	text-transform: uppercase;
	font-size: 12px;
}
.siteMap ul li {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px;
	background: none;
}
.siteMap ul li li {
	margin: 0px;
	margin-left: 20px;
	margin-top: 8px;
}
.siteMap ul li a {
	color: #ac186c;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}
.siteMap ul li ul {
	list-style: none;
}
.siteMap ul li li a {
	color: #333;
	font-size: 11px;
	text-transform: none;
	list-style: none;
}
.siteMap ul li li ul {
	list-style: url(gfx/siteMap.gif);
	margin-left: 15px;
}
.siteMap a:hover {
	text-decoration: underline;
}
.loginSuccess {
	margin-bottom: 30px;
	float: left;
	font-weight: bold;
	color: #99a50c;
}
#blanket {
background-color:#111;
opacity: 0.65;
position: absolute;
filter:alpha(opacity=65);
z-index:1;
top:0px;
left:0px;
width:100%;
z-index:8000;
}
#popUpDiv {
cursor: hand;     
position:absolute;
/*background-image: url("gfx/popup1.jpg");
height: 530px;
width: 800px;*/
width:618px;
height:425px;
background-image: url("gfx/noel_2009_small.jpg");
z-index: 9002;

}
#closePopup{
    display:block;
    width:118px;
    height:60px;
    z-index: 10000;
    margin-left:500px;
    margin-top:365px;
    background:transparent;
}
div#Facebook {
	float: right;
}


div#Advert {
	width: 425px;
	float: left;
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 300;
	display: none;
}
div#Advert img {
	border: 0px;
}
div#Advert div#AdvertCont {
	width: 425px;
	float: left;
	position: relative;
}
div#Advert a#AdvertClose {
	position: absolute;
	top: 5px;
	right: 5px;
}