body {

	background-attachment: fixed;

	background-color: #ece6c8;

	background-image: url(../images/bck.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	padding: 0px;

}



body,td,tr {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



.news_line {

	height: 1px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-image: url(../images/news_line.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



.newstitle {

	font-size: 14px;

	text-decoration: underline;

	font-weight: bold;

	color: #330000;

}



a.newstitlelink{

	font-size: 14px;

	text-decoration: underline;

	font-weight: bold;

	color: #330000;

}

a.newstitlelink:hover{

	color: #330000;

}



.newscat {

	font-size: 11px;

	color: #999999;

}



a.newscatlink{

	color: #999999;

	font-style: italic;

	text-decoration: none;

}

a.newscatlink:hover{

	color: #666666;

}



.newsreadmore {

	font-size: 11px;

	text-align: right;

}



a.newsreadmore{

	color: #330000;

	text-decoration: none;

	font-size: 11px;

	font-weight: bold;

}

a.newsreadmore:hover{

	color: #330000;

	text-decoration: underline;

}



.mainlink {

	height: 22px;

	padding-left: 5px;

	line-height: 22px;

	width:230px;

}



.noexpand {

	background-image: url(../images/dashedline.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}



.expand {

	background-image: url(../images/sub_expand.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}



.noexpand {

	background-image: url(../images/dashedline.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}



.expandtabla {

	background-image: url(../images/sub_expand_tabla.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}



.sublink {

	height: 22px;

	padding-left: 15px;

	width:220px;

}



.subsublink {

	height: 22px;

	padding-left: 30px;

	width:205px;

}



a.mainlinktext{

	color: #330000;

	text-decoration: none;

	font-weight: bold;

	display:block;

	width:200px;

}
a.mainlinktextsadrzaj{
	color: #330000;
	text-decoration: none;
	font-weight: bold;
	display:block;
	width: 180px;
	float: left;
	padding-left:21px;
	min-height: 50px;
	margin-left: 20px;
	background: url("../images/spajalica.png") no-repeat top left;
	vertical-align: middle;
}
ul.razredi, .razredi li{
	margin:0px;
	padding: 0px;
}
ul.razredi{
	padding-left: 10px;
}
.razredi li {
    float: left;
    list-style: none outside none;
}
.razredi li a {
    color: #3d0e0d;
    font-family: Arial;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 37px;
    width: 100px;
    padding: 8px 5px 2px 15px;
    text-decoration: none;
    text-transform: uppercase;
    background: url("../images/razred.png") no-repeat;
}
#djaci{
	padding-bottom: 20px;
	overflow: hidden;
	
}
.odeljenja{
	width: 230px;
	float: left;
	text-align: center;
	text-transform: uppercase;
	color: #3d0e0d;
	font-weight: bold;
	font-size: 14px;
	font-family: sans-serif;
	margin-top: 20px;
}
.odeljenja ul, .odeljenja li{
	margin:0px;
	padding: 0px;
	text-align: center;
	margin-left: 35px;
	margin-top: 10px;
}
.odeljenja li {
    list-style: none outside none;
}
.odeljenja li a {
    color: #3d0e0d;
    font-family: Arial;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 37px;
    width: 88px;
    padding: 10px 0px 2px 0px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: url("../images/odeljenje.png") no-repeat center top;
}
a.mainlinktext:hover{

	color: #000000;

}



a.mainlinktextoff{

	color: #caa56b;

	text-decoration: none;

	font-weight: bold;

	display:block;

	width:200px;

}



a.mainlinktextoff:hover{

	color: #000000;

}



.kalendar {

	background-image: url(../images/kalendar.gif);

	background-repeat: no-repeat;

	background-position: left top;

	height: 393px;

}





.kalendarzzz {

	background-image: url(../images/kalendar_up_bck.gif);

}





div.dateblock{

line-height: 1.02em;

width: 40px;

float: left;

margin-top: 6px;

background: #F3F3F3;

border-top: 1px solid #eee;

border-left: 1px solid #eee;

border-right: 1px solid #bbb;

border-bottom: 1px solid #bbb;

color: #aaa;

text-align: center;

margin-right: 10px;

letter-spacing: 0.17em;

font-family: Arial, Verdana, sans;

padding: 1px;

display:block;

}



span.dateblock_mon{

font-size: 9px;

display: block;

text-align: center;

color: #999;

font-family: Georgia, Arial, Verdana, sans;

}



span.dateblock_day{

font-weight: bold;

font-size: 15px;

display: block;

font-family: Georgia, Arial, Verdana, sans;

text-align: center;

position: relative;

top: -1px;

color: #336;

}



span.dateblock_year{

font-size: 9px;

display: block;

text-align: center;

color: #999;

font-family: Georgia, Verdana, Arial, sans;

}



#search_box {

	width: 238px;

	height: 40px;

	background-image: url(../images/pretraga_bck.gif);

	background-repeat: no-repeat;

}

#search_box #s {

	float: left;

	padding: 0;

	margin: 10px 0 0 15px;

	border: 0;

	width: 159px;

	background: none;

	font-size: 0.8em;

	font-weight: bold;

	color: #FFFFFF;

}

#search_box #go {

    float: right;

    margin: 3px 4px 0 0;

}

.footer {

	background-image: url(../images/dashedline.gif);

	background-repeat: repeat-x;

	background-position: left top;

	padding-top: 10px;

	text-align: center;

}



#footer a{

	color: #330000;

	text-decoration: none;

	padding-left:10px;

	padding-right:10px;

	font-size: 11px;

}

#footer  a:hover{

	color: #000000;

	background-color: #CCCCCC;

}



#okvir {

	background-color: #EBEBEB;

	margin: 3px;

	padding: 3px;

	height: 80px;

	width: 80px;

	border: 1px solid #CCCCCC;

	text-align: center;

	display: block;

	float:left;

	vertical-align: middle;

}



#okvir img {

	background-color: #f7d8a9;

	padding: 3px;

	border: 1px solid #6f3d29;

}

.datum {

	background: url(../images/datum.gif);

	float: left;

	width: 45px;

	height: 50px;

	margin: 0px;

	padding: 0px;

	}

	

.datum h3 {

	color: #666;

	font-size: 10px;

	font-weight: normal;

	padding: 3px 0px 0px 10px;

	margin: 0px;

	text-transform: uppercase;

    line-height: 12px;

	}

.datum h4 {

	font-family: "Times New Roman", Helvetica, Sans-Serif;

	color: #999999;

	font-size: 20px;

	font-weight: bold;

	padding: 4px 4px 0px 0px;

	margin: 0px;

	text-align: center;

	}

	

/*

.date

{

	float: left;

	height: 52px;

	width: 52px;

	background: url(../images/date.png) no-repeat;

	margin-right: 10px;

	padding-top: 0px;

	line-height: normal;

}



.date .month

{

	display: block;

	text-align: center;

	color: #FFF;

	font-size: 11px;

	padding-top: 4px;

	text-transform: uppercase;

}



.date .day

{

	display: block;

	text-align: center;

	padding-top: 5px;

	color: #222;

	font-size: 18px;

	font-weight: bold;

}



.meta

{

	display: block;

	font-size: 11px;

	color: #666;

}

*/







.datezzz {

	display: block;

	top: 0;

	left: 0;

	width: 37px;

	height: 32px;

	padding:25px 1px 0 0 !important;

	color: #666;

	margin: 0 15px 0 0;

	text-align: center;

	line-height: 1.1;

	font-weight: bold;

	text-transform: uppercase;

	background: url(../images/calendar.gif) 0 0 no-repeat;

	float: left;

}







.kalrep {



	background-image: url(../images/kalendar_body.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



.kaltable {

	background-image: url(../images/kalendar_up_bck.gif);

}



.kalfoot {

	background-image: url(../images/kalendar_foot_bck.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}



.listadjaka{

	display:block;

	width:240px;

	float:left;

	padding-right:3px;

	padding-bottom:10px;

}

.listaucenik{

	display:block;

	width:243px;

	float:left;

}

.clear {

	clear:both

}