@CHARSET "UTF-8";

*{
	margin:0;
	padding:0;
}

.clear{
	clear:both;	
}

.left{
	float:left;	
}


input,select,textarea{
	background-color:#cfefff;	
	border:1px solid #666;
}
button{
	background-color:#cfefff;	
	border:1px solid #666;
}
img{
	border:0;	
}


ol{
	font-size:140%;	
}

body{
	font-family:verdana;
	text-align:center;
	font-size:11px;
	line-height:20px;
	background-image: url("../images/layout/backtop2.jpg");
	background-repeat:repeat-x;
	background-color:#1979a3;
}

a{
	text-decoration:none;	
	
}

.back-button{
	font-size:16px;	
	font-weight:bold;
}

#content a img{
	padding:3px;
	background-color:#fff;
	border:1px solid #668;	
}

#content a img:hover{
	background-color:#e5ffff;
	border:1px solid #aad;
}
#content img{
	padding:3px;
	background-color:#fff;
	border:1px solid #668;
}
.content-short-news a{
	color:#003464;
}
.content-short-news a:hover{
	color:#47c1d8;
	text-decoration: underline;
}
h1{
	font-size:17px;
	color:#006494;	
	margin:3px;
}

h2{
	font-size:14px;
	font-weight:lighter;
	color:#47c7d8;
	margin:2px;
}

#content h1{font-size:19px;
	color:#015F8C;	
	margin:3px;}
#content h2{font-size:18px;
	font-weight:lighter;
	color:#015F8C;
	margin:2px;}
#content h3{font-size:16px;
	
	color:#006494;	
	margin:1px;}
#content h4{font-size:15px;
	font-weight:lighter;
	color:#015F8C;	
	}
#content h5{font-size:12px;
	color:#015F8C;	}
#content h6{font-size:9px;
	color:#015F8C;	}
#wrapper{
	margin:0 auto;
	width:980px;
	text-align:left;
}


#menu{
	list-style:none;
	position:relative;
	z-index:5;
}
.menu-li{
	display:block;
	float:left;
	height:70px;
}
#menu-1,#menu-2,#menu-3,#menu-4,#menu-5{
	display:block;
	float:left;
	height:55px;
	text-align:center;
	padding-top:15px;
	color:#fff;
}
#menu-1:hover,#menu-2:hover,#menu-3:hover,#menu-4:hover,#menu-5:hover{
	background-position: 0px 70px;
	color:#006494;	
}

.menu-items{
	position: absolute;
	width:190px;
	z-index:10;
	
}
#menu-ie-hack-1{
	left:200px;	
}
#menu-ie-hack-2{
	left:590px;	
}
#menu-ie-hack-3{
	left:785px;	
}
#menu .menu-items{
	top:45px;	
	
}

.menu-items ul{
	list-style:none;		
}

.menu-items-main{
	background-image: url("../images/layout/whitetbkg.png");	
}

.menu-items li a{
	display:block;
	xfloat:left;
	width:158px;
	padding-left:20px;
	padding-right:10px;
	xtext-align:center;
	xbackground-color:#fff;
	xopacity:0.8;
	border-left:1px solid #006494;
	border-right:1px solid #006494;
	color:#006494;
	background-image: url("../images/layout/pointer.png");
	background-repeat:  no-repeat;
}
.menu-items li a:hover{
	background-color:#47c1d8;
	background-image: url("../images/layout/pointeract.png");	
	color:#fff;
}
.menu-items-top{
	width:190px;
	height:42px;
	background-image: url("../images/layout/menutop.png");
}
.menu-items-bottom{
	width:190px;
	height:42px;
	background-image: url("../images/layout/menubottom.png");
}

#menu-1{
	width:197px;
	background-image: url("../images/layout/topmenu1.jpg");	
}
#menu-2{
	width:196px;
	background-image: url("../images/layout/topmenu2.jpg");	
}
#menu-3{
	width:194px;
	background-image: url("../images/layout/topmenu3.jpg");	
}
#menu-4{
	width:197px;
	background-image: url("../images/layout/topmenu4.jpg");	
}
#menu-5{
	width:196px;
	background-image: url("../images/layout/topmenu5.jpg");	
}


#logo{
	float:left;	
	width:700px;
}
#address{
	float:right;
	margin-right:30px;	
}


#content{
	background-image: url("../images/layout/backmain.jpg");
	width:980px;
	background-repeat: no-repeat;
	padding-top:90px;	
	xmargin-top:10px;
	background-position: 0px 10px;
}

#footer{
	background-image: url("../images/layout/backfoot.jpg");
	width:980px;
	height:234px;
	background-repeat: no-repeat;	
	position:absolute;
	z-index:-1;
	color:#99c0d4;
}

#back01, #back00,#back11,#back10{
	position:absolute;
	left:50%;
}
#back01{
	margin-left:490px;
	margin-top:10px;
	background-image:url("../images/layout/back01.jpg");
	width:107px;
	height: 388px;
	z-index:-1;
}
#back00{
	margin-left:-596px;
	margin-top:10px;
	background-image:url("../images/layout/back00.jpg");
	width:106px;
	height: 388px;
	z-index:-1;	
}
#back10{
	margin-left:-790px;
	background-image:url("../images/layout/back10.jpg");
	width:301px;
	height: 234px;
	z-index:-1;	
}
#back11{
	margin-left:490px;
	background-image:url("../images/layout/back11.jpg");
	width:309px;
	height: 234px;
	z-index:-1;	
}




#bubble-container{
	position:relative;	
	height:550px;
}

.bubble-master{
	position:absolute;
	z-index:1;	
}

#bmaster1 {
	top:100px; left:20px;
	width:254px;
	height:254px;
	background-image: url("../images/layout/naszaszkolabbl.png");
	background-position: 0px 254px;
}

#bmaster1:hover{
	background-position: 0px 0px;	
}

#bubble-menu-1{
	top:190px;left:40px;	
}

#bmaster2{
	top:40px; left:350px;
	width:253px;
	height:253px;
	background-image: url("../images/layout/polekcjachbbl.png");
	background-position: 0px 252px;
}

#bmaster2:hover{
	background-position: 0px 0px;	
}
#bubble-menu-2{
	top:100px;left:400px;	
}
#bmaster3{
	top:150px; left:200px;
	width:344px;
	height:344px;
	background-image: url("../images/layout/plywaniebbl.png");
	background-position: 0px 344px;
}

#bmaster3:hover{
	background-position: 0px 0px;	
}
#bubble-menu-3{
	top:220px;left:270px;	
}
#bmaster4{
	top:170px; left:490px;
	width:297px;
	height:297px;
	background-image: url("../images/layout/sukcesybbl.png");
	background-position: 0px 297px;
}

#bmaster4:hover{
	background-position: 0px 0px;	
}
#bubble-menu-4{
	top:280px;left:540px;	
}
#bmaster5{
	top:80px; left:700px;
	width:262px;
	height:262px;
	background-image: url("../images/layout/tenisbbl.png");
	background-position: 0px 262px;
}

#bmaster5:hover{
	background-position: 0px 0px;	
}
#bubble-menu-5{
	top:160px;left:760px;	
}

#xbubble-2{
top:310px; left:820px; position:absolute;
width:112px;
height:112px;;
background-image: url("../images/layout/dziennikbbl.png");
}
#xbubble-1{
top:340px; left:730px; position:absolute;
width:112px;
height:112px;;
background-image: url("../images/layout/elearningbbl.png");
}
#xbubble-3{
top:360px; left:100px; position:absolute;
width:138px;
height:112px;;
background-image: url("../images/layout/bipbbl.png");
}
#xbubble-4{
top:80px; left:250px; position:absolute;
width:112px;
height:112px;;
background-image: url("../images/layout/uks14.png");
}

#xbubble-10{
top:100px; left:620px; position:absolute;
width:112px;
height:112px;;
background-image: url("../images/layout/rada_rodzicow.png");
}
#mail-link{
	color:	#006494;
}
#mail-link:hover{
	text-decoration:underline;	
}

#bubble-top-layer{
	height:550px;
	width:980px;
	position:absolute;
	z-index:3;
}

#content-menu{
	float:left;
	width:215px;
	margin-top:20px;
	height:520px;
	margin-right:10px;
	
}
#content-menu .menu-items-main{
	width:190px;
}
#content-main{
	margin-top:20px;
	float:left;
	margin-bottom:-80px;
	width:670px;
}
#content-submain{
	width:670px;
	padding:15px 30px;
	xbackground-color:#dbf3fa;
	xopacity:0.5;
	background-image:url("../images/layout/bluetbkg.png");
}

#content-submain a{
	color:#369;	
	font-weight:bold;
}
#content-submain a:hover{
	text-decoration:underline;	
}

#content-submain li{
	margin-left:20px;
}
#content-main-bottom{
	width:730px;
	height:25px;
	background-image:url("../images/layout/contentbottom.png");
	}
	
#content-main-bigbottom{
	width:980px;
	height:19px;
	background-image:url("../images/layout/bigbottom.png");
	}
	
.cmenu{
	display:block;
	width:188px;
	height:24px;
	padding:10px 13px;	
	position:relative;
	color:#006494; 
	font-size:22px;
	font-weight:bold;
}
.cmenu span{
	positon:absolute;
	cursor: pointer;
}
.shadow2{
	color:#fff;
	position:absolute;
	top:8px;
	left:10px;
	cursor: pointer;
	
}
.shadow{
	color:#aaa;
	position:absolute;
	top:7px;
	left:9px;
	cursor: pointer;
}
.cmenu:hover{
	background-image: url("../images/layout/lefthighlight.png");	
}	

.xshadow-text  { position:relative; display:block; color:#fff; font-size:22px;font-weight:bold;}
.xshadow-text span { position:absolute; display:block; top:10px;  }
.xshadow-text:before { display:block; padding:3px; content: attr(title); color:#006494;  }

.content-menu-items a{
	display:block;
	xfloat:left;
	width:158px;
	padding-left:20px;
	padding-right:10px;
	xtext-align:center;
	xbackground-color:#fff;
	xopacity:0.8;
	border-left:1px solid #006494;
	border-right:1px solid #006494;
	color:#006494;
	background-image: url("../images/layout/pointer.png");
	background-repeat:  no-repeat;
}
.content-menu-items a:hover, .cmi-active{
	background-color:#47c1d8;	
	background-image: url("../images/layout/pointeract.png");
	color:#fff;
}



#login{
	text-align:center;
	padding-top:200px;
	height:350px;	
	width:980px;
}
#login-box{
	text-align:left;
	width:200px;
	margin: 0 auto;
	padding:10px;
	background-image:url("../images/layout/bluetbkg.png");	
}
.xtab td{
	vertical-align: top;	
}

#admin{
	padding-top:20px;	
	background-image:url("../images/layout/bluetbkg.png");
}

#admin h2{
	color:	#006494;	
}

#admin ul{
	list-style: none;	
}
#admin li li{
	margin-left:20px;	
}

#admin a{
	color:#003464;	
}
#admin a:hover{
	text-decoration:underline;
	color:#47c1d8;
}

.admin-section{
	padding:10px;
	background-image:url("../images/layout/whitetbkg.png");	
	width:280px;
	margin:8px;
	float:left;
}
#admin-users{
	width:300px;	
}
#admin-news{
	width:450px;
	
}
#admin-gallery{
	width:450px;
	
}

.admin-site{
	padding: 20px 10px 10px 10px;
}
.admin-plan{
	padding:30px 10px 10px 10px;	
}
.admin-plan table{
	margin-left:20px;	
}
.admin-plan-top-cell{
	xtext-align:center;
}
.admin-plan-przedmiot{
	width:80px;
	font-size:11px;
	margin-right:-3px;
}
.admin-plan-sala{
	width:40px;
	font-size:11px;
}
.admin-plan td{
	border-right:2px solid #666;
	border-bottom:2px solid #666;	
	height:25px;
}
.admin-plan th{
	border-right:2px solid #666;
	border-bottom:2px solid #666;	
	padding:3px;
	text-align:center;
}

.admin-gallery-picture{
	width:600px;
	background-image: url("../images/layout/whitetbkg.png");
	margin:10px auto;
	padding:15px;
}
.admin-gallery-img{
	margin: 10px 0px;
}

.news{
	padding:10px;
}

#plan{
	padding: 30px 10px 10px 10px;
	background-image: url("../images/layout/bluetbkg.png");
}

#plan .top-td{
	width:135px;
	text-align: center;
	font-weight:bold;
}

#plan .plan-td{
	background-color:#eef;
	overflow:hidden;
	vertical-align: top;
	text-align: center;
}
#plan .plan-half{
	width:62px;
}
#plan .plan-inactive{
	background-image: url('../images/layout/bluetbkg.png');
}

.small-picture{
	margin:5px;
	float:left;
}

.li-klasa:hover{
	background-color:#fff;	
	display:block;
}

#footer a{
	color:	#fff;
}
#footer a:hover{
	text-decoration:underline;
}

.hr{
	width:980px;
	height:1px;
	background-color:#99c0d4;
}

#bubble-container img{
	border:0;
	background-color:transparent;
	padding:0;	
} 	

#menu .menu-items, #bubble-container .menu-items, .content-menu-items{
	display:none;
}