/************************************************
*						*
*	css Brytania | School of English 	*
*						*
************************************************/

/* ~~~~~~~~~~ main selectors ~~~~~~~~~~~~~ */
	/* !!! wyzerowac wszystkie elementy !!! */
	* {
			margin: 0;
			padding: 0;
		}
		
	body {
			text-align: center;
			background: #ffffff url(/gfx/bg.jpg) top left repeat-x;
			font-size: 12px;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			color: #515151;
			overflow: visible !important;
			border: 0;
	}
	
	frame, frameset { border: 0; }
		
	img {
			border: 0;
	}
		
	a {	
			text-decoration: none;
			color: #BB010E;
	}
	a:hover {
			text-decoration: underline;
			color: #f25a13;
	}
		
	p {
			margin: 0 0 0.94em 0;
			line-height: 1.3em;
	}
		
	h2 {
			margin: 0 0 0.94em 0;
			color: #BB010E;
			font-size: 12px;
	}

	q {
			display: block;
			color: #6b6b6b;
			width: 700px;
			margin: 0 auto;
			text-align: justify;
			font-style: italic;
			line-height: 1.5em;
	}
	
	cite {
			display: block;
			text-align: left;
			font-weight: bold;
			margin-bottom: 1em;
			margin-top: 0.3em;
			margin-left: 25px;
	}
	
	form {
			margin: 2em 0;
	}
	
	form div {
			margin: 0.5em 0;
	}
	
	label {
			width: 100px;
			display: block;
			float: none !important;
	}
	
	input, textarea, select {
			width: 280px;
			border: 1px solid #dddddd;
			padding: 2px;
			background: #f7f7f7;
	}
	
	table {
			position: relative;
			border-collapse: collapse;
			margin-bottom: 3em;
					
	}
	.centrum {
			width: 600px;
			left: 50%;
			margin-left: -300px;
	}
	
	
	td, th {
			padding: 0.5em;
			border: 1px solid #cecece;
	}
	th {
			background: #ededed url(/gfx/tloTabela.jpg) left top repeat-x;
			letter-spacing: 1px;
			font-weight: bold;
			text-transform: uppercase;
	}
	td {
			background: #ffffff url(/gfx/tloTabelaMain.jpg) left top repeat-x;
	}		
       
/* ~~~~~~~~~~~~ main divs ~~~~~~~~~~~~~~~~~~~*/
	
	#wrapper {
			margin: 0 auto;
			width: 780px;
			overflow: visible !important;
	}
	
	#top  {
			display: block;
			background: red;
	}
			
	#navTop {
			display: none;
	}
	
	#submenu {
			display: none;
	}
	
	.main #navTop {
			height: 2em;
			padding-top: 3em;
	}
	
	#menu {
			position: relative;
			clear: both;
			margin-bottom: 0px;
			text-align: center;
			padding-left: 4px;
			z-index: 100;
			margin-left: -3px;
	}
		
	#flash {
			display:none;
	}
	#flashPodstrona {
			display: none;
			
	}
	
	#srcMuzyka { display: none; }
	
	#content {	
			width: 778px;			
			border-top: 5px solid #dddddd;
			text-align: left;	
			overflow: visible !important;
					
	}
	#mainBar { width: 748px; }
	#main { width: 748px; }	
	#mainBar, #main {
			overflow: visible !important;
			padding: 16px 0px;
			width: 700px;
			background: red;	
	}
	
	* html #mainBar, * html #main { width: 610px; }
	.centrum {
			margin: 0 0 3em 0;
			left: 0;
	}
	
	#rightBar {
			display: none;
			float: none !important;
			width: 287px;
			text-align: center;
			padding: 16px 15px;
	}
	
	#leftBar {
			float: none !important;
			width: 187px;
			background: #ffffff 
	}
	
	#footer {
			clear: both;
			width: 780px;
			border-top: 5px solid #dddddd;
			text-align: left;
			padding: 16px 15px 16px 10px;
			height: 13em;
	}
	
	#copyright, #adres { display: block; }
	
		
/* ~~~~~~~~~~~~ rest selectors ~~~~~~~~~~~~~~~~*/
	h1 {
			text-align: left;
			font-size: 24px;
			margin: 10px 0;
	}
	h1 a {
			width: 528px;
			font-size: 24px;
			
	}
	
	#mainBar ul, #main ul, #mainBar ol, #main ol {
			margin-left: 15px;
			margin-bottom: 1em;
	}
		
	#main ul {
			list-style: url(/gfx/list.gif);
	}
	
	.nowosc {
			font-weight: bold;
	}
	
	.nowosc strong {
			color: #cc3300;
	}
	
	/* nawigacja w topie: drukuj i mapa strony */	
	#navTop a {
			color: #a8a8a8;
			font-size: 9px;
			padding-top: 15px;
			width: 5em;
	}
	#separator { margin: 0 1em; }
	#mapaSerwisu { background: url(/gfx/mapaIcon.gif) 50% 0 no-repeat; }	
	#drukuj	{ background: url(/gfx/drukujIcon.gif) 50% 0 no-repeat; }

 	/* menu */
 	div#menu ul { height: 39px; }
	div#menu li { 
			display: inline; 
			float: none !important;
			position: relative;
	}	
	div#menu ul ul {
			display: none;
	}
	
	div#menu li.submenu:hover .level2 {
			display: block;
	}
			
	div#menu .level2 { 
			margin-top: -36px;
			padding-top: 38px;
			position: relative;
			float: none !important;
			width: 194px;
			height: auto;
			overflow: visible !important;
			text-align: left;
			-moz-opacity: .90;
			opacity: .90;
			filter: Alpha(Opacity=90);
			
	}
	div#menu .level2 li {
			width: 194px;
			font-weight: bold;
			border-bottom: 1px solid #b8b8b8;	
	}
	div#menu .level2 a {
			background: none;
			text-indent: 0;
			font-size: 11px;
			height: auto;
			width: 184px;
			color: #585858;
			display: block;
			padding: 0.5em 10px;
			
	}
	div#menu .level2 a:hover  { background: #d8d8d8; text-decoration: none;}
	
	div#menu ul a { 
			display: block; 
			height: 39px; 
			text-indent: -99999px;
	}

	#oSzkole a { width: 74px;  background: transparent url(/gfx/oSzkole.gif) top left repeat-x; }
	#oSzkole a:hover { background: transparent url(/gfx/oSzkole.gif) 0 -5px repeat-x; }
	#oSzkole .level2 { background: #f7f7f7 url(/gfx/oSzkoleLevel.gif) 0 0 no-repeat; }
	
	
	
	
	#kursyIZapisy a { width: 110px;  background: transparent url(/gfx/kursy.gif) top left repeat-x; }
	#kursyIZapisy a:hover { background: transparent url(/gfx/kursy.gif) 0 -5px repeat-x; }
	#kursyIZapisy .level2 { background: #f7f7f7 url(/gfx/kursyLevel.gif) 0 0 no-repeat; }
	
	#oferty a { width: 196px;  background: transparent url(/gfx/oferty.gif) top left repeat-x; }
	#oferty a:hover { background: transparent url(/gfx/oferty.gif) 0 -5px repeat-x; }
	
	#centrum a { width: 181px;  background: transparent url(/gfx/centrum.gif) top left repeat-x; }
	#centrum a:hover { background: transparent url(/gfx/centrum.gif) 0 -5px repeat-x; }
	
	#job a { width: 136px;  background: transparent url(/gfx/job.gif) top left repeat-x; }
	#job a:hover { background: transparent url(/gfx/job.gif) 0 -5px repeat-x; }
	
	#kontakt a { width: 74px;  background: transparent url(/gfx/kontakt.gif) top left repeat-x; }
	#kontakt a:hover { background: transparent url(/gfx/kontakt.gif) 0 -5px repeat-x; }
	
	/* left Bar */
	#leftBar h2 { 
			color: #000000; 
			margin: 0; 
			padding: 0.93em 15px ;
			background: #d9d9d9 url(/gfx/leftBarHeader.jpg) top left repeat-x;
	}
	#leftBar ul { 
			list-style: none;
			padding-bottom: 50px;
			background: url(/gfx/leftBarBg.jpg) top left repeat-x;
	}
	#leftBar li {
			border-bottom: 1px solid #eaeaea;
	}
	#leftBar li a {
			display: block;
			padding: 0.5em;
			padding-left: 15px;
			padding-right: 15px;
			width: 157px;
			font-size: 11px;
			color: #666666;
	}
	#leftBar li a:hover {
			text-decoration: none;
			background: #e5e5e5;
			color: #666666;
	}
	
	/* footer */
	
	#footer .left ul { display: none; }
	
	#footer .right a { display: none; }
	
	#footer .left { float: none; display: block; padding-top: 1em;}	
		
	#footer .right { float: none; }
	#osiagniecia { display: none; }
	#referencje { display: none; }
	#certyfikaty { display: none; }	
	#pomagamyInnym { display: none; }
		
	#copyright {
			
			
	}	
	#adres {
	}	
		
	#copyright span, #adres span { display: block; clear: both; }
		
		
	
		
	

/* ~~~~~~~~~~~~~ classes ~~~~~~~~~~~~~~~~~~~~ */
	.button { font-weight: bold; font-size: 11px; width: auto; }

	.columnBg { background: url(/gfx/tloMain.gif) top left repeat-y; }
		
	.bold { font-weight: bold; }
	
	.italic { font-style: italic; }
	
	.black { color: #000000; }
	
	.small { font-size: 10px; }
	/* pozycjonowanie */
	.left {	float: left; }
	.right { float: right; }
	.center { width: 100%; text-align: center; }
		
	.center form { width: 420px; margin: 3em auto; }
	.center form label { text-align: left; }
	
	/* formatowanie tabel */
	.alignLeft { text-align: left; }
	.alignRight { text-align: right; }
	
	.centrum .dark { background: #f7f7f7; }
	
	.poziomy .dark { background: #dadada; font-weight: bold;}
	
	.narrow { width: 30% }
	.moreNarrow { width: 10% }
	.wide { width: 70%; }
	
	.poziomy span { margin-bottom: 90px; display: block;}
	em { font-size: 9px; font-style: normal; display: block;}
	
	.poziomTitle { background: #ffffff; }
	
	.poziom1, .poziom2, .poziom3, .poziom4, .poziom5, .poziom6 {
		vertical-align: middle;
	}
	.poziom1 { background: #eeeeee ; }
	.poziom2 { background: #E8E8E8 ; }
	.poziom3 { background: #E3E3E3 ; }
	.poziom4 { background: #DDDDDD ; }
	.poziom5 { background: #D8D8D8 ; }
	.poziom6 { background: #D2D2D2 ; }
	
	.hide { display: none; }
	
	.constHeight { height: 550px;} 
	
	.gratisy { width: 300px; padding: 5px; margin-bottom: 2px; background: #80d619 url(/gfx/tlo.jpg); width: 99%;}
	
	/* ~~~~~ dodawane, nie ustrukturyzowane ~~~~~~*/
	#imageDescription {
				display: none;
	}
	
	
	.file { padding-left: 80px; }
	.inputFile { height: 22px; z-index: 2; position: relative; left: -110px; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0 }
        .inputFileTxt { z-index: 1; position: relative; margin-left: -200px; color: #000000; width: 110px }
        #muzyka { display: none; }
        .more { margin-bottom: 2em; }