body {
  margin: 0;
  background-image: url(img/tlo.jpg);
 }
#wysr{
position : absolute;
left : 50%;
width : 650px;
margin-left : -350px;
height: 100%;
min-height: 645px;
}




#baner{
position: absolute;
top: 50px;
height: 150px;
width: 850px;
background-image: url(img/Baner.jpg);
}		

#pozycja{
position: absolute;
left: 165px;
top: 200px;
padding-bottom: 50px;
}

#ramkacontent{
outline: #24c53b ridge 5px;
margin-bottom: 5px;
background-color: #FFFFFF;
}

#content{
position: relative;
min-height: 460px;
width: 635px;
padding-left: 25px;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 10px;
font-family: verdana;
font-size: 13px;
font-weight: 600;
}
		
#stopka{
position: absolute;
left: -165px;
height: 35px;
width: 850px;
background-image: url(img/stopka.jpg);
}

#menu{
position: absolute;
top: 200px;
width: 160px;
	}
/* ___________________________________________________________________MENU_____________________________________________________________________*/	
	
.link{
width: 160px;
height: 35px;
}

.linkwybrtekst{
text-decoration: none;
color: red;
font-size: 18px;
font-family: Script MT Bold, Bold;
font-weight: 600;
}

.linkwybrtekstgas{
text-decoration: none;
color: red;
font-size: 15px;
font-family: Script MT Bold, Bold;
font-weight: 600;
}

.linkwybr{
width: 160px;
height: 35px;
background-image: url(img/przyciskwyb.jpg);
text-align: center;
font-size: 5px;
}

#linkwybrhg{
width: 160px;
height: 35px;
background-image: url(img/przyciskwyb.jpg);
text-align: center;
font-size: 8px;
}
.obraz{
position: absolute;
left: 160px;
}
/* _________________________________________________________________INNE - ZAWARTOŚĆ___________________________________________________________________*/
.kursywa{
font-style: italic;
}

.bold{
font-weight: 700;
}

.bolddu{
font-weight: 700;
font-size:15px;
}

.igorny{
vertical-align: super;
font-size:9px;
}

.cent{
text-align: center;
}

.centbold{
text-align: center;
font-weight: 700;
}

#linkwaszak{
text-decoration: none;
color: #044668;
}

.linkitowar{
text-decoration: none;
}

.fiolet{
color: #800080;
}

.czerwony{
color: red;
}

.zielony{
color: green;
}
/*___________________________________________________________________________PODSTRONY_____________________________________________________________*/

#glownatekst{
text-align: center;
font-weight: 600;
font-size: 14px;
}


.tabela td{
vertical-align: middle;
}

.tabela img{
border: none
}

#tabele{
background-color: #FFFFFF;
}

#kreska{
color: green;
}

#zd{
padding-left: 20px;
}

.wyjustowany{
text-align: justify;
}

#logo{
position:relative;
left: 33px;
top: 15px;
}
/*___________________________________________________________________________TLA_____________________________________________________________*/
#ramkacontentpiszemy{
outline: #24c53b ridge 5px;
margin-bottom: 5px;
background-image: url(img/piszemytlo.jpg);
}

#ramkacontentbiuro{
outline: #24c53b ridge 5px;
margin-bottom: 5px;
background-image: url(img/biurotlo.jpg);
}

#ramkacontentinfo{
outline: #24c53b ridge 5px;
margin-bottom: 5px;
background-image: url(img/infotlo.jpg);
}

#ramkacontentstudent{
outline: #24c53b ridge 5px;
margin-bottom: 5px;
background-image: url(img/studenttlo.jpg);
}

#ramkacontentuczen{
outline: #24c53b ridge 5px;
margin-bottom: 5px;
background-image: url(img/uczentlo.jpg);
}

#ramkacontentprzed{
outline: #24c53b ridge 5px;
margin-bottom: 5px;
background-image: url(img/tloprzed.jpg);
}

#ramkacontenthig{
outline: #24c53b ridge 5px;
margin-bottom: 5px;
background-image: url(img/tlohig.jpg);
}

#ramkacontentokol{
outline: #24c53b ridge 5px;
margin-bottom: 5px;
background-image: url(img/okoltlo.jpg);
}