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

/* ~~~~~~~~~~ main selectors ~~~~~~~~~~~~~ */
	/* !!! wyzerowac wszystkie elementy !!! */
	* {
			margin: 0;
			padding: 0;
		}
		
	body {
			text-align: center;
			background: #ffffff url(/gfx/bgd.jpg) top left repeat-x;
			font-size: 12px;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			color: #515151;
	}
		
	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: left;
	}
	
	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: 4px auto 0;
			width: 780px;
	}
	
	#top  {
			float: left;
			overflow: hidden;
			width: 100%;		/* opera */
	}
			
	#navTop {
			float: right;
			padding-right: 30px;			padding-top: 30px;
			color: #a8a8a8;
	}
	
	.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 {
			position: relative;
			background: #ffffff url(/gfx/bgFlash.jpg) left 54px no-repeat;
			height: 400px;
			margin-top: 30px;
	}
	#flashPodstrona {
			position: relative;
			background: #ffffff left 26px no-repeat;

			
	}
	
	#content {	
			width: 778px;			
			border-left: 1px solid #eaeaea;
			border-right: 1px solid #eaeaea;
			border-top: 5px solid #dddddd;
			border-bottom: 5px solid #dddddd;			text-align: left;	
			overflow: hidden;
					
	}
		
	#mainBar, #main {
			float: left;
			padding: 16px 15px;	
	}
	#mainBar { width: 430px; }
	#main { width: 748px; }
	
	#rightBar {
			float: right;
			text-align: center;
		
	}
	
	#leftBar {
			float: left;
			width: 187px;
			background: #ffffff 
	}
	
	#footer {
			clear: both;
		
			text-align: left;
			padding: 16px 5px 5px 5px;

	}
		#submenu {
			clear: both;
			text-align: left;
			padding-top: 18px; padding-bottom: 10px;
	
	}
	#shader {
			clear: both;
				background: #ffffff url(/gfx/shd.jpg) top left repeat-x;
		height: 3em;
	}
	
	
		
/* ~~~~~~~~~~~~ rest selectors ~~~~~~~~~~~~~~~~*/
	h1 {
			text-indent: -99999px;
			float: left;
	}
	h1 a {
			width: 228px;
			height: 99px;
			background: url(/gfx/logo.jpg) top left no-repeat;
			display: block;
	}
	
	#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: left; 
			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: absolute;
			float: left; 
			width: 194px;
			height: auto;
			overflow: hidden;
			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 .right .img { margin: 0 20px 0 20px; }	
	
	#footer .right { position: absolute; margin-left: 369px; width: 450px;}
	
	#footer li a {
			background: url(/gfx/listStyle.gif) 0 40% no-repeat;
			padding-left: 16px;
			padding-top: 5px;
	}
		
	#footer li {
			display: inline;
			list-style: none;
			margin-top: 10px;
			margin-left: 0px;
			margin-right: 15px;
	}
	
	#footer .margin {
			margin-bottom: 3px;
	}
		

	#osiagniecia { background: url(/gfx/osiagnieciaText.gif) no-repeat; }
	#referencje { background: url(/gfx/referencjeText.gif) no-repeat; }
	#certyfikaty { background: url(/gfx/certyfikatyText.gif) no-repeat; }	
	#pomagamyInnym { background: url(/gfx/pomagamyText.gif) no-repeat; }
		
	#copyright {
			width: 171px;
			height: 13px;
			background: url(/gfx/copyrightText.gif) top left no-repeat;
			margin: 55px 50px 10px 0;
			float: right;
	}	
	#adres {
			width: 775px;
			height: 15px;
			background: url(/gfx/adres.jpg) top left no-repeat;
			margin: 0 0 20px 0;
	}	
		
	#copyright span, #adres span { display: none; }

/* ~~~~~~~~~~~~~ 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 {
				padding-top: 20px;
				height: 79px;
				width: 400px;
	}
	
	
	.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 }
        
        .more { padding-bottom: 7px; display: block; border-bottom: 1px solid #f7f7f7;}
        
    div.fileinputs {

		position: relative;

		cursor:hand;
		
		left: 118px;
	
		top: 5px;

	}



	div.fakefile {

		position: absolute;

		top: -10px;

		left: 0px;

		z-index: 1;

		float: left;

	}

	

	* html div.fakefile {left: -120px;}

	

	div.fakefile_register {

		position: absolute;

		top: -35px;

		left: 50px;

		voice-family: "\"}\"";/* for IE5/WIN */

		voice-family:inherit;

		left: 110px;

		z-index: 1;

	}

	

	div.fakefile .tinput {

		width: 210px;	

	}

	* html div.fakefile .tinput {width: 210px; left: -150px;}

	@media screen and (min-width: 550px){

   		div.fakefile .tinput  {

			width: 120px;	

			

		}

	}

	div.fileinputs input.file {

		position: relative;

		-moz-opacity: 0;

		filter:alpha(opacity: 0);

		opacity: 0;

		z-index: 2;

		cursor: pointer;
		
		left: -60px;

	}
	
	* html div.fileinputs input.file {

		left: -120px;

	}
	
		.submitWyslij { 

		width: 51px;

		height: 20px;

		background: url('/gfx/wyslijButton.jpg');

		padding: 0;

		border: 0;

		cursor:hand;

	}
    
    #jaslo { width: 296px; height: 15px; margin-top: -10px; background: url(/gfx/jaslo.jpg) no-repeat; }
    #jaslo span { display: none; }