/* STYL DLA STRONY SZKOŁY PODSTAWOWEJ w OLSZANCE */
/* Marta Pustułka */

body {
margin: 0;
padding: 0;
}

.naglowek {
height: 250px;
width: 100%;
background-color: #f0f0ff;
background: url('obrazki/tlo_naglowek.jpg');
background-position: center;
background-repeat: no-repeat;
}

.obrazki {
height: 380px;
width: 100%;
margin: 0 auto;
}

.tworca {
position: fixed;
top: 5px;
right: 5px;
font-family: Helvetica;
font-size: 9pt;  /* 11 */
color: #008bdb;
padding: 5px;
width: 250px;
text-align: center;
background-color: #d83300;
border: dotted #f0f0f0 2px;
z-index: 2000;
}

.tworca a {
font-family: Helvetica;
font-size: 9pt;
color: #f5f5f5;
text-decoration: none;
font-weight: bold;
z-index: 2000;
}

.tworca a:hover {
font-family: Helvetica;
font-size: 9pt;
color: #ffffff;
text-decoration: none;
font-weight: bold;
z-index: 2000;
}



.zapisyprzedszkole {
position: fixed;
top: 5px;
right: 5px;
font-family: Helvetica;
font-size: 12pt;  /* 9 */
color: #008bdb;
padding: 5px;
width: 250px;
text-align: center;
background-color: #d83300;
border: dotted #f0f0f0 2px;
z-index: 2000;
}

.zapisyprzedszkole a {
font-family: Helvetica;
font-size: 12pt;
color: #f5f5f5;
text-decoration: none;
font-weight: bold;
z-index: 2000;
}

.zapisyprzedszkole a:hover {
font-family: Helvetica;
font-size: 12pt;
color: #ffffff;
text-decoration: none;
font-weight: bold;
z-index: 2000;
}




.uczen_roku {
position: fixed;
top: 80px;
right: 5px;
font-family: Helvetica;
font-size: 12pt;  /* 9 */
color: #008bdb;
padding: 5px;
width: 250px;
text-align: center;
background-color: #007ad8;
border: dotted #f0f0f0 2px;
z-index: 2000;
}

.uczen_roku a {
font-family: Helvetica;
font-size: 12pt;
color: #f5f5f5;
text-decoration: none;
font-weight: bold;
z-index: 2000;
}

.uczen_roku a:hover {
font-family: Helvetica;
font-size: 12pt;
color: #ffffff;
text-decoration: none;
font-weight: bold;
z-index: 2000;
}



h1, h2 {
font-family: Helvetica;
font-size: 22pt;
color: #008bdb;
height: 80px;
text-indent: 70px;
padding-top: 2px;
padding-bottom: 20px;
padding-right: 80px;
text-align: right;
line-height: 30px;
background: url('obrazki/tlo_h1.jpg');
background-position: top right;
background-repeat: no-repeat;
}

h6 {
font-family: Helvetica;
font-size: 22pt;
color: #c10056;
height: 64px;
text-indent: 70px;
padding-top: 26px;
padding-right: 80px;
text-align: right;
background: url('obrazki/tlo_h2.jpg');
background-position: right;
background-repeat: no-repeat;
}

h3 {
font-family: Helvetica;
font-size: 22pt;
color: #356a01;
height: 64px;
text-indent: 70px;
padding-top: 26px;
padding-right: 80px;
text-align: right;
background: url('obrazki/tlo_h3.jpg');
background-position: right;
background-repeat: no-repeat;
}

h4 {
font-family: Helvetica;
font-size: 22pt;
color: #a40400;
height: 64px;
text-indent: 70px;
padding-top: 26px;
padding-right: 80px;
text-align: right;
background: url('obrazki/tlo_h4.jpg');
background-position: right;
background-repeat: no-repeat;
}

h5 {
font-family: Helvetica;
font-size: 22pt;
color: #007cb6;
height: 64px;
text-indent: 70px;
padding-top: 26px;
padding-right: 80px;
text-align: right;
background: url('obrazki/tlo_h5.jpg');
background-position: right;
background-repeat: no-repeat;
}

.stepbystep {
width: 246px;
margin-top: 20px;
float: left;
text-align: center;
}

.stepbystep a {
opacity:0.6;
filter:alpha(opacity=60);
transition-duration: 1s;
}

.stepbystep a:hover {
opacity:1.0;
filter:alpha(opacity=100);
transition-duration: 1s;
}

/* SEKCA ŚRODKOWA *********************************************************** */
.menu_lewe {
width: 250px;
margin-top: 80px;
float: left;
text-align: center;
}

.menu_lewe ul{
	list-style: none!important;
}

.menu_lewe ul li a {
display: block;
font-family: Trebuchet MS;
font-size: 11pt;
padding: 10px 50px 10px 0px;
color: #6d6d6d;
text-decoration: none;
transition-duration: 1s;
text-align: right;
background: url('obrazki/tlo_menu_lewe.jpg');
background-position: right;
background-repeat: no-repeat;
font-weight: bold;
}

.menu_lewe ul li a:hover {
font-family: Trebuchet MS;
font-size: 11pt;
color: #6d1a3b;
background-color: #ffa200;
text-decoration: none;
text-shadow: 0px 0px 10px #ffa1ea;
transition-duration: 1s;
background: url('obrazki/tlo_menu_lewe_a.jpg');
background-position: right;
background-repeat: no-repeat;
}

.menu_lewe ul li ul{
margin-right: 1px;
padding-top: 3px;
}

.menu_lewe ul li ul li a {
display: block;
font-family: Trebuchet MS;
font-size: 10pt;
padding: 3px 44px 8px 8px;
margin-right: 6px;
color: #aa8293;
text-decoration: none;
transition-duration: 1s;
text-align: right;
background: url('obrazki/tlo_menu_lewe_srodek.jpg');
background-position: right;
background-repeat: no-repeat;
}

.menu_lewe ul li ul li a:hover {
font-family: Trebuchet MS;
font-size: 10pt;
color: #6d1a3b;
background-color: #ffa200;
text-decoration: none;
text-shadow: 0px 0px 10px #ffa1ea;
transition-duration: 1s;
background: url('obrazki/tlo_menu_lewe_srodek_a.jpg');
background-position: right;
background-repeat: no-repeat;
}

.menu_lewe .menu_lewe_male {
width: 250px;
margin-top: 40px;
float: right;
text-align: center;
}

.menu_lewe .menu_lewe_male hr {
background-color: #cccccc;
border: 0px;
height: 2px;
}

.menu_lewe .menu_lewe_male ul li a {
display: block;
font-family: Trebuchet MS;
font-size: 10pt;
padding: 1px 44px 1px 1px;
color: #6d6d6d;
margin-right: 6px;
text-decoration: none;
transition-duration: 1s;
text-align: right;
background: url('obrazki/tlo_menu_lewe_male.jpg');
background-position: right;
background-repeat: no-repeat;
}

.menu_lewe .menu_lewe_male ul li a:hover {
font-family: Trebuchet MS;
font-size: 10pt;
color: #4e8000;
text-decoration: none;
text-shadow: 0px 0px 10px #bdeb75;
transition-duration: 1s;
background: url('obrazki/tlo_menu_lewe_male_a.jpg');
background-position: right;
background-repeat: no-repeat;
}



.srodek {
min-height: 700px;
width: 100%;
background-color: #ffffff;
background: url('obrazki/tlo_srodek.jpg');
background-position: center;
}

.tekst {
height: 100%;
width: 710px;
/* background-color: #00ff00; */
float: left;
padding: 20px;
font-family: Trebuchet MS;
font-size: 13pt;
color: #404040;
line-height: 22px;
text-align: justify;
}

.tekst p {
font-family: Trebuchet MS;
font-size: 12pt;
color: #303030;
line-height: 26px;
text-indent: 30px;
text-shadow:  1px 0px 2px #afafaf;
text-align: justify;
}

.tekst p:first-letter {
font-family: Helvetica;
font-size: 16pt;
color: #303030;
line-height: 26px;
text-indent: 30px;
text-shadow:  1px 0px 2px #afafaf;
text-align: justify;
}

.tekst a {
font-family: Trebuchet MS;
font-size: 12pt;
color: #008aff;
text-decoration: none;
transition-duration: 0.5s;
}

.tekst a:hover {
font-family: Trebuchet MS;
font-size: 12pt;
color: #ff7800;
text-decoration: none;
transition-duration: 0.5s;
}

.lista0 {
font-family: Trebuchet MS;
font-size: 12pt;
color: #004b91;
line-height: 26px;
text-indent: 10px;
text-shadow:  1px 0px 2px #bbbbbb;
text-align: justify;
}

.lista1 {
font-family: Trebuchet MS;
font-size: 13pt;
color: #550b60;
line-height: 26px;
text-indent: 10px;
text-shadow:  1px 0px 2px #bbbbbb;
text-align: justify;
font-weight: bold;
}

.wydarzenia {
height: 100%;
width: 710px;
float: left;
padding: 20px;
font-family: Trebuchet MS;
font-size: 13pt;
color: #404040;
line-height: 22px;
text-align: justify;
}



.wydarzenia a {
font-family: Trebuchet MS;
font-size: 13pt;
color: #008aff;
text-decoration: none;
transition-duration: 0.5s;
}

.wydarzenia a:hover {
font-family: Trebuchet MS;
font-size: 13pt;
color: #ff7800;
text-decoration: none;
transition-duration: 0.5s;
}

.wydarzenia p {
font-family: Trebuchet MS;
font-size: 25pt;
color: #f1f1f1;
background: #ff9c00;
line-height: 38px;
text-indent: 30px;
text-shadow:  1px 1px 3px #9a5e00;
padding: 10px;
text-align: right;
}

.oddzielacz {
min-height: 20px;
width: 100%;
background-color: #ffa200;
}

.imggaleria {
text-align: center;
}

.imggaleria img {
border: solid 10px #d5d5d5;
margin: 10px 0px 0px 0px;
}

.imggaleria a {
transition-duration: 1s;
}

.imggaleria a:hover {
background-color: #ff0072;
transition-duration: 1s;
}

.kalendarz_0 {
font-family: Trebuchet MS;
font-size: 14pt;
color: #595959;
text-decoration: none;
text-align: right;
width: 350px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 6px;
}

.kalendarz_1 {
font-family: Trebuchet MS;
font-size: 15pt;
color: #042744;
text-decoration: none;
text-align: left;
padding-left: 10px;
padding-top: 6px;
padding-bottom: 6px;
}

.pytanie_0 {
font-family: Trebuchet MS;
font-size: 14pt;
color: #595959;
text-decoration: none;
text-align: right;
width: 250px;
padding-right: 20px;
padding-top: 6px;
padding-bottom: 6px;
}

.pytanie_pole {
border: 1px dotted #4f6678;
color: #0d2b42;
padding-bottom: 4px;
font-family: Trebuchet MS;
font-size: 16px;
cursor: pointer;
}

.yes {
width: 180px;
height: 32px;
background-color: #0096c7;
border: 0px solid #000000;
color: #ffffff;
padding-bottom: 4px;
font-family: Trebuchet MS;
font-size: 18px;
font-weight: bold;
cursor: pointer;
}

.no {
width: 180px;
height: 32px;
background-color: #c72f00;
border: 0px solid #000000;
color: #ffffff;
padding-bottom: 4px;
font-family: Trebuchet MS;
font-size: 18px;
font-weight: bold;
cursor: pointer;
}

.tab_nauczyciele_0 {
font-family: Trebuchet MS;
font-size: 14pt;
color: #595959;
text-decoration: none;
text-align: right;
padding-right: 20px;
padding-top: 6px;
padding-bottom: 6px;
}

.tab_nauczyciele_1 {
font-family: Trebuchet MS;
font-size: 14pt;
color: #ff7800;
text-decoration: none;
font-weight: bold;
}

.tab_dokumenty {
width: 700px;
}

.tab_dokumenty a {
font-family: Trebuchet MS;
font-size: 14pt;
color: #008aff;
text-decoration: none;
transition-duration: 0.5s;
}

.tab_dokumenty a:hover {
font-family: Trebuchet MS;
font-size: 14pt;
color: #ff7800;
text-decoration: none;
transition-duration: 0.5s;
}


/* SEKCA DOLNA ************************************************************** */

.stopka_menu {
height: 40px;
width: 100%;
background-color: #0090db;
text-align: center;
background-position: top center;
}

.stopka_menu .nav, .stopka_menu .menu{
	padding: 0;
	margin: 0;
}

.stopka_menu ul li{
display: inline-block;
font-size: 11pt;
height: 30px;
background-color: #0090db;
padding: 10px 20px 0 20px;
}

.stopka_menu ul li a{
	display: block;
	width: 100%;
	height: 40px;
	font-family: Trebuchet MS;
	color: #e0e0e0;
	transition-duration: 0.3s;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 0px 25px #a2f1ff;
	
}

.stopka_menu ul li:hover {
font-family: Trebuchet MS;
font-size: 11pt;
color: #fff6dc;
background-color: #ffa200;
text-shadow: 0px 0px 25px #ffe4a2;
font-weight: bold;
text-decoration: none;
transition-duration: 0.3s;
}

.stopka {
height: 400px;
width: 100%;
margin: 0 auto;
background: url('obrazki/tlo_stopka.jpg');
background-position: center;
}

.stopka_dane {
height: 400px;
width: 800px;
font-family: Trebuchet MS;
font-size: 10pt;
line-height: 19px;
color: #aeaeae;
text-shadow: 2px 0px 6px #000000;
text-align: center;
float: left;
}

.stopka_dane p {
font-family: Trebuchet MS;
font-size: 14pt;
color: #ffffff;
text-shadow:  0px 0px 8px #1a79c2;
}





.gg2015 td {
width: 96px;
height: 50px;
text-align: center;
}