html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-weight : inherit;
	font-style : inherit;
	font-size : 100%;
	font-family : inherit;
	vertical-align : baseline;
} 

.button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 2px 5px;
  margin: auto 2px;
  border: 2px solid rgba(191,191,191,0.66);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font: normal normal bold 16px/normal "Times New Roman", Times, serif;
  color: #32375d;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #e3e2e8;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.kreska {
	margin: 20px auto; 
	border: none; 
	width: 100%; 
	height: 2px; 
	background-color: rgb(62,83,119);
}

#klasy .kroniki_klasowe {
	font-weight:600; 
	text-align:center;
	padding-top:0px;
	color:#32375d;	
}

.filmy_yt {
margin-left:220px;
margin-top:40px;
}

.right {
	text-align:right;
		}

.red {
	color:#dd0000;
		}

body {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	background : #fff;
}

div {
	margin: 0 auto 0 auto;
	width:auto;
	text-align:justify;
}

p, span, cite {
	width: auto;
	font-size : 0.94em;
	line-height : 1.45em;
	margin : 0 0 1.38em;
	color : #3f3f3f;
} 

h1  {
	margin : 0 0 0 20px;
	padding : 15px 0 0 0;
	color : #242424;
	text-align: left;
	font-family : "Times New Roman", Times, serif;
	font-weight : normal;
	font-size : 1.3em;
	display:block;
} 


h2  {
	margin : 0 0 0.5em;
	padding : 0;
	color : #242424;
	text-align: left;
	font-family : "Times New Roman", Times, serif;
	font-weight : normal;
	font-size : 1.38em;
	display:block;
} 

/* Cufon - sagoe */
h6  {     
	width: auto;
	font-size : 0.94em;
	line-height : 1.45em;
	margin : 1em 0 0;
	padding-left:50px;
	color : #3f3f3f;
} 

q:lang(pl) { quotes: "\201E" "\201D" }


#komentarze {
	padding-left:0px;
	}
.formularz {
	padding-top:10px;
	}
.komunikat {
    background-color: #ff0000;
    color: #fafafa;
    padding: 5px;
    margin: 10px 0;
  }
.koment {
    color: #777;
    border: 2px solid #fdfdfd;
    padding: 0px;
    margin: 3px 0;
    background-color: #fdfdfd;
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb;
  }
.koment_nag {
    font-size: 11px;
    background-color: #eee;
    padding: 5px 2px 5px 5px;
    margin:0 -5px;
  }
  /* ukrywanie przed robotami */
.email_h {
    display: none;
  }	

.herb {
	text-align:right;
	width:960px;
	height:45px;
	margin:-45px auto 0px;
	padding-right:15px;
	}


#active {
	background : #d1d0c8;
	border: #d1d0c8 4px solid;
	border-bottom:#d1d0c8 4px solid;
	border-top:#d1d0c8 4px solid;
}

ol {
	margin: 0px 30px 0px 0px;
}

li {
	list-style:none;
	background: url(gfx/symbols/ol.png) no-repeat left top;
	padding-left:15px;
	font-size : 0.75em;
	font-family:Arial, Helvetica, sans-serif;
	line-height : 1.45em;
	color : #3f3f3f;
	display:block;
	text-align:left;
}

#KALENDARZ ol {
	-webkit-padding-start: 10px;
}

#KALENDARZ li {
	font-size : 0.95em;
}


a {
	text-decoration:none;
	color:#000099;
}

#GALERIA {
	width:960px;
	margin-top: 30px;
	margin-bottom: 30px;
}
 
#GALERIA img  {
	margin-top : 0px;
	margin-left: 0px;
	border:1px solid #0400b3;
	display:block;
	float:left;
	height:150px;
	margin:10px;
	padding:2px;
	width:150px;
	color:#666;
} 

#GALERIA .h1 {
	font-size: 24px;
	color : #3f3f3f;
	margin:10px 40px 10px 40px;
}

#GALERIA .h2 {
	font-size: 22px;
	color : #3f3f3f;
	margin:0px 0px 10px 70px;
}

#GALERIA .h3 {
	font-size: 16px;
	color : #3f3f3f;
	margin:	0px 0px 20px 70px;
}

#NAGLOWEK {
	height: 159px;
	width:960px;
	background : #fff url("gfx/layout/naglowek_z_herbem_960_20.jpg") no-repeat;
	padding:0;
	margin:0 auto;
}

/* ----- tymczasowy styl gimnazjum ------ */

#NAGLOWEK_GIMNAZJUM {
	height: 159px;
	width:960px;
	background : #fff url("gfx/layout/naglowek_z_herbem_960_gimnazjum.jpg") no-repeat;
	padding:0;
	margin:0 auto;
}

/* ------ koniec tymczasowego stylu gimnazjum   */

#OBRAZEK {
	width:960px;
	height: 256px;
	overflow:hidden;
}

#OBRAZEK_274{
	width:960px;
	height: 274px;
	overflow:hidden;
}

#OBRAZEK_319{
	width:960px;
	height: 319px;
	overflow:hidden;
}

#PASEK {
	width:960px;
	height: 13px;
	overflow:hidden;
}

#PASEK_NADMENU {
	background: #31365e;
	width:960px;
	height: 18px;
	overflow:hidden;	
}

#MENU, #PODMENU , #PODMENU2, #PODMENU3, #PODMENU4 {
	height:38px;
	width:960px;
	overflow:hidden;
	background : #e3e2e8 url("gfx/layout/pasek_menu.png") no-repeat;
	margin:7px auto;
}

#MENU a, #PODMENU a, #PODMENU2 a, #PODMENU3 a, #PODMENU4 a {
	font-family:"Times New Roman", Times, serif;
	color:#32375d;
	font-weight:700;
}
#MENU ul, #PODMENU ul , #PODMENU2 ul, #PODMENU3 ul, #PODMENU4 ul{
	margin-top:8px;
	padding:0;
	text-align:center;
	margin-left:0px;
	}
	
#MENU li, #PODMENU li, #PODMENU2 li, #PODMENU3 li, #PODMENU4 li{
	display: inline;
	font-size:14px;
	background:none;
	margin:0;
}	

	
#MENU li {
	padding-left:4px;
	padding-right:4px;
}	

#PODMENU li {
	padding-left:1px;
	padding-right:1px;
}	

#PODMENU2 li {
	padding-left:1px;
	padding-right:1px;
}	


#PODMENU3 li {
	padding-left:7px;
	padding-right:7px;
}	

#PODMENU4 li {
	padding-left:7px;
	padding-right:7px;
}	

.menu_active { /* dla IE w IE_fix */
	background:#d1d0c8;
	border-left:#d1d0c8 8px solid;
	border-right:#d1d0c8 8px solid;	
	border-top:#d1d0c8 7px solid;
	border-bottom:#d1d0c8 8px solid;		
	}

.menu { /* dla IE w IE_fix */
	border:#e3e2e8 4px solid;
	}	

.podmenu_active {  /* dla IE w IE_fix */
	background:#d1d0c8;
	border:#d1d0c8 5px solid;
	border-top:#d1d0c8 7px solid;
	border-bottom:#d1d0c8 9px solid;	
	}

.podmenu {  /* dla IE w IE_fix */
	border:#e3e2e8 5px solid;
	border-bottom:#e3e2e8 4px solid;
	}

#TRESC {
	width:960px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding-top:20px;
}

#TRESC h2, h3  {
	display : block;
	margin:0;
	padding:15px 0 10px 30px;
	font-family : "Times New Roman", Times, serif;
	font-size : 1.13em;
	color : #242424;
}

#TRESC p, #TRESC cite {
	margin : 0;
	padding : 10px 30px 0 30px;
	font-size : 0.75em;
	line-height : 1.65em;
	color : #3f3f3f;
} 

#TRESC span {
	margin : 0;
	padding : 0;
	font-size:1em;
	line-height : 1.65em;
	color : #3f3f3f;
} 

#TRESC img  {
	margin-top : 30px;
	/*margin-left:30px;
	margin-bottom:20px;
	margin-right:20px;
	float : left;	*/
	padding : 0;
}

#ZAJECIA_SZ li {
	color:#bbb;
	}

#OSIAGNIECIA p {
	text-align:left;
	padding:3px 30px 0 22px;
	}	
	
.tresc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3f3f3f;
	/*padding:5px 10px 10px 10px;
	width:487px;*/
	text-align:justify;
	line-height: 20px;
}

.wciecie {
	text-indent:20px;
	padding:0 0 20px;
	margin:0;
}

.prawa  { /*to dziala na podpis pod podpisem, ale oprócz margin i padding */
	overflow : hidden;
	margin : 0;
	padding : 0;
	text-align:right;
}

#TRESC.prawa div p { /*nie dziala na podpis pod podpisem */
	margin : 0 30px 20px 20px;
	text-align:left;
}

#TRESC .prawa img  { /*po dziala na obrazek z podpisem */
	margin : 0;
	padding:0;
	float:right;
}

.lewa_kolumna {
	width:540px;
	float:left;
	overflow : hidden;
	padding : 0 0 15px;
}

.prawa_kolumna {
	width:374px;
	float:right;
	overflow : hidden;
	padding : 0 0 15px;
}

.wciecie {
	text-indent:45px;
	/*background:yellow;*/
}

.wypunktowanie {
	float:left;
	margin:0;
	padding:0;
	border:red 1px solid;
}

#kadra .table {

	}
		
#kadra td {
	vertical-align:top;
	padding-top:0px;
		}
		
#kadra .zdjecie {
	width:150px;
	}
		
#kadra .nazwisko {
	width:200px;
	font-size: 11px;
	font-weight:bold;
	padding:20px 10px 10px 10px;	
	vertical-align: top;
	}

#kadra .funkcja {
	width:200px;
	line-height: 1em;
	font-size: 10px;
	padding: 0 10px;
	vertical-align: top;	
	}

#kadra .przedmiot {
	width:170px;
	font-size: 11px;	
	vertical-align: top;	
	padding:0 10px;	
	margin-top:20px;
	text-align: left;
	}
	
#kadra .kwalifikacje {
	width:390px;
	padding: 5px 0 0 0px;
	font-size: 0.7em;
	text-align: left;
	line-height: 1.2em;
	}

#kadra p, #kadra td {
	color:#3f3f3f;
	}	
	
#kadra ol {
	margin: 0;
	}
	
#kadra li {
	padding: 0;
	font-size:1.1em;
	list-style:none;
	background: url(gfx/symbols/ol_white.jpg) no-repeat left top;
	padding-left:13px;
	margin: 0;
	}

		
#kadra img {
	margin: 10px 0;
	float: none;
	vertical-align: middle;		
		}
	
#kadra hr {
	border: none;
	width: 100%;
	height: 2pt;
	background-color: #9f9f9f;
	}
	
/* zwiń/rozwiń --------------- */	
.h { display: none }

.v { display: block }

.rozw {
	text-align:right;
	}

.rozw a {
	cursor: pointer; 
	color:#3f3f3f; 
	font-size:0.7em;
	font-style: italic;
}
/* ---------- --------------- */

.kronika p, .mundurek1 p {
	padding-bottom: 5px;
	padding-top: 0px;
	text-align: justify;
	}
	
.kronika h2 {
	font-size: 24px;
	color : #3f3f3f;
	padding-top: 10px;
	padding-right: 30px;
}

.kronika h3 {
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-right: 30px;
}

.kronika img, .mundurek1 img{
	float: none;
	display: block;
	margin: 0 auto;
	}

.kronika td, .mundurek1 td {
	vertical-align: middle;
	}
	
.kronika a, .mundurek1 a{
	font-size: 12px;
	color:#666666;
	font-weight:bold;
	}

.kronika_link {
	float: none;
	display: block;
	text-align: center;
	padding:15px;
	width:150px;
	}

	
.prawy_podpis {
	font-size: 5px;
	}

#klasy a{
	font-size: 12px;
	color:#666666;
	font-weight:bold;
	}

	
#klasy h1, #ec h1 {
	font-size: 30px;
	color: rgb(62,83,119);
	margin: 0px 0 0px 20px; 
}	
	
#klasy li, #ec li {
	background: url(gfx/symbols/ol_white.jpg) no-repeat left top;
		}
	
#klasy p, #ec p {
	font-family : "Times New Roman", Times, serif;	
	font-size: 0.85em;
	line-height: 1.65em;
	padding-bottom: 0px;
	padding-top: 15px;
	}

#klasy ul , #ec ul{
	font-family : "Times New Roman", Times, serif;	
	font-size: 0.85em;
	line-height: 1.40em;
	text-indent: 0px;
	color: #3F3F3F;
	margin: 0;
	padding-left: 30px;
	padding-top: 0px;
	}
	
#klasy cite, #ec cite {
	font-size: 1em;
	font-style: italic;
	line-height: 1.50em;
	}

#klasy h2, #ec h2 {
	font-size: 24px;
	color : rgb(62,83,119);
	padding-top: 0px;
	padding-right: 30px;
}

#klasy h3, #ec h3 {
	font-size: 16px;
	color: rgb(62,83,119);
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 30px;
}

#klasy img, #ec img{
	float: none;
	display: block;
	margin: 0 auto;
	}

#klasy td, #ec td {
	vertical-align: middle;
	}


/*.Col h4.LinksHeader*/
#wydawnictwo div#start3.prawa_kolumna p span {
	float:left;
	width:235px;
	font-size:12px;
	padding:0
}

.tab td  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3f3f3f;
	text-align:justify;
	line-height: 20px;
	}


#KALENDARZ table {
	margin-top: 10px;
	}
	
#KALENDARZ td {
	padding: 5px 10px 5px 15px;	
	text-align: left;
	margin: 0;
 }

#KALENDARZ h2 {
	display : block;
	margin:0;
	padding:20px 0 0 30px;
	font-family : "Times New Roman", Times, serif;
	font-size : 1.13em;
	color : #242424;
 }

#regulaminy {
	width:960px;
	height:470px;
	float:left;
	padding-top:5px;
	padding-bottom:10px;
}

#rekrutacja1 {
	float:left;
	width:400px;
	height:320px;
	padding-bottom:30px;
}

#rekrutacja2 {
	float:right;
	width:530px;
	height:200px;
	padding-bottom:30px;
}

#rekrutacja3 {
	float:right;
	width:530px;
	height:860px;
	margin-bottom:15px;
}

#rekrutacja4 {
	float:left;
	width:400px;
	height:270px;
	padding-bottom:30px;
}

#rekrutacja5 {
	float:left;
	width:400px;
	height:370px;
	padding-bottom:15px;
}

.tabela  {
	text-align:center;
	font-size:12px;
	border-collapse: collapse;
	padding:0;
	margin:0 auto 0 auto;
	width:490px;
}
	
.tabela tr {
	font-size:11px;
	padding:0;
	margin:0;
}

.tabela td {
	font-size:11px;
	border:0px solid #646464;
	padding:3px;
	margin:0;
}


.tabela_striped  {
	text-align:center;
	font-size:12px;
	border-collapse: collapse;
	padding:0;
	margin:0 auto 0 auto;
	width:490px;
}
	
.tabela_striped tr {
	background-color: #ececec;	
	font-size:11px;
	padding:0;
	margin:0;
}

.tabela_striped td {
	font-size:11px;
	border:0px solid #646464;
	padding:3px;
	margin:0;
}

.tabela_striped tr:nth-child(even) {
	background-color: #fff;
	}


.mundurek1 {
	width:960px;
	height:570px;
	float:left;
	padding-bottom:30px;
}

#mundurek2 {
	width:700px;
	height:270px;
	float:left;
	padding-bottom:30px;
}

#mundurek3 {
	width:700px;
	height:190px;
	float:left;
	padding-bottom:15px;
}

#mundurek4 {
	width:230px;
	height:490px;
	float:right;
	padding-bottom:15px;
}




#strona {
	background: #fff url("gfx/layout/logo_cien.jpg") no-repeat;
	background-position: right top;
	/*border:white 1px solid;*/
	width:99%;
	height:100%
}

#STOPKA {
	height:70px;
	width:960px;
	background: #fff url("gfx/layout/pasek_na_dole_960.jpg") no-repeat;
	margin-top:10px;
}

#STOPKA2 {
	width:960px;
	height:60px;
}
/*
#gora {
	padding-bottom:15px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
*/
div#gora a img {
	border: 0px;
	color:#666666;
}




#COPYRIGHT {
	margin-top:-13px;
	width:400px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;	
	text-align:right;
}


#RODO {
	margin-top:5px;
	margin-left:5px;
	float:left;
	width:300px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;	
}

#GORA {
	float:left;
	width:270px;
	float:inherit;
	text-align:left;
	margin-top:10px;
}

#GORA a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}


#flashcontent {
	width:960px;
	height: 320px;
	padding:0;
	margin:0 auto 0 auto;
}

#flash_klasy319 {
	width:960px;
	height: 319px;
	padding:0;
	margin:0 auto 0 auto;
}

#flash_klasy274 {
	width:960px;
	height: 274px;
	padding:0;
	margin:0 auto 0 auto;
}

/* Rezerwacje konsultacji */

table.rezerwacje {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: blue;
	border-collapse: separate;
	background-color: white;
	text-align: left; 
	width: 930px;
	font-size:0.70em;	
}

table.rezerwacje th {
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
}
table.rezerwacje td {
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: gray;
}

.rezerwacje td {
color:#333;
}

.godzina {
	width:50px;
}

/* Tablica zadań */

table.zadania {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: blue;
	border-collapse: separate;
	background-color: white;
	text-align: left; 
	width: 900px;
	font-size:0.70em;	
	margin-left:30px;
}

table.zadania th {
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
}
table.zadania td {
	border-width: 1px;
	padding:2px;
	border-style: dotted;
	border-color: gray;
}

.zadania td {
color:#333;
}

table.zachowanie {
	border-width: 1px;
	border-spacing: 0px;
	border-style: none;
	border-color: black;
	text-align: center; 
	width: 960px;
	font-size:0.70em;	
}

table.zachowanie td {
	width:158px;
	border-width: 1px;
	padding: 2px;
	border-style: dotted;
	border-color: black;
	text-align:left;
}

#ZACHOWANIE span {
	font-size:1.3em;
	line-height:1.3em;
	font-weight:600;
	color:#000066;
}



/* tła ramek: */

/*960px*/
.tlo960t {	background-image:url('gfx/backframe/960top.png'); width:960px; height:10px;	}
.tlo960 {	padding-bottom:20px;background-image:url('gfx/backframe/960back.png'); width:960px; 		}
.tlo960b {	background-image:url('gfx/backframe/960bottom.png'); width:960px; height:10px;}	

/*960px DARK */
.tlo960t_d {	background-image:url('gfx/backframe/960top_dark.png'); width:960px; height:10px;	}
.tlo960_d {	padding-bottom:20px;background-image:url('gfx/backframe/960back_dark.png'); width:960px; 		}
.tlo960b_d {	background-image:url('gfx/backframe/960bottom_dark.png'); width:960px; height:10px;}	



/*700px*/
.tlo700t {	background-image:url('gfx/backframe/700top.png'); width:700px; height:10px;	}
.tlo700 {	padding-bottom:20px;background-image:url('gfx/backframe/700back.png'); width:700px; 		}
.tlo700b {	background-image:url('gfx/backframe/700bottom.png'); width:700px; height:10px;}	

/*530px*/
.tlo530t {	background-image:url('gfx/backframe/530top.png'); width:530px; height:10px;	}
.tlo530 {	padding-bottom:20px;background-image:url('gfx/backframe/530back.png'); width:530px; 		}
.tlo530b {	background-image:url('gfx/backframe/530bottom.png'); width:530px; height:10px;}

/*465px*/
.tlo465t {	background-image:url('gfx/backframe/465top.png'); width:465px; height:10px;	}
.tlo465 {	padding-bottom:20px;background-image:url('gfx/backframe/465back.png'); width:465px; 		}
.tlo465b {	background-image:url('gfx/backframe/465bottom.png'); width:465px; height:10px;}

/*400px*/
.tlo400t {	background-image:url('gfx/backframe/400top.png'); width:400px; height:10px;	}
.tlo400 {	padding-bottom:20px;background-image:url('gfx/backframe/400back.png'); width:400px; 		}
.tlo400b {	background-image:url('gfx/backframe/400bottom.png'); width:400px; height:10px;}

/*230px*/
.tlo230t {	background-image:url('gfx/backframe/230top.png'); width:230px; height:10px;	}
.tlo230 {	padding-bottom:20px;background-image:url('gfx/backframe/230back.png'); width:230px; 		}
.tlo230b {	background-image:url('gfx/backframe/230bottom.png'); width:230px; height:10px;}


fieldset.radiogroup  { 
  margin: 0; 
  padding: 0; 
  margin-bottom: 0.5em; 
  padding: .125em; 
} 

fieldset.radiogroup legend { 
  margin: 0; 
  padding: 0; 
  font-weight: bold; 
  margin-left: 20px; 
  font-size: 100%; 
  color: black; 
  padding-bottom:5px;
} 

.radio li { 
  background: none; 
} 

ul.radio  { 
  margin: 0; 
  padding: 0; 
  margin-left: 20px; 
  list-style: none; 
} 

ul.radio li { 
  border: 1px transparent solid; 
} 

ul.radio li:hover, 
ul.radio li.focus  { 
  background-color: lightyellow; 
  border: 1px gray solid; 
} 
/*
@media print{
   #TOP, #NAGLOWEK, #PASEK_NADMENU, #MENU, #OBRAZEK, #STOPKA, #STOPKA2, .powrot, .komentarz, .no_print
   {
	   display:none;
   }
   table, h2, p
   {
	   page-break-inside: avoid;
	   color:black; 
	}
} /*