body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:url(../images/body-bg.jpg) repeat-x;
}

.home1{background:url(../images/zabava.jpg) center top no-repeat;}
.home2{background:url(../images/ucenje.jpg) center top no-repeat;}
.home3{background:url(../images/putovanja.jpg) center top no-repeat;}
.kontakt {background:url(../images/kontakt.jpg) center top no-repeat;}
.prijava {background:url(../images/formular-prijava.jpg) center top no-repeat;}
.o-nama {background:url(../images/o-nama.jpg) center top no-repeat;}
.galerija {background:url(../images/galerija-slika.jpg) center top no-repeat;}
.procedura {background:url(../images/dokumentacija.jpg) center top no-repeat;}

a img
{
	text-decoration: none;
	border: 0 none;
}


/* ----------------- header ------------------ */

a{color:#1363a2;text-decoration:none;font-weight:bold}
a:hover{color:#1363a2;text-decoration:underline}

#wrapper {
	margin: 0 auto;
	width: 960px;
}

#header
{
	height: 52px;
	width:100%;
	padding-top:20px;
}
#logo
{
	float:left;
	margin-top:10px;
	width:200px;
	height:50px;
	cursor:pointer;
}

#main-menu {float:left;margin:16px 0 0 0}
#main-menu li {display:inline;padding:3px 3px 3px 0px;border-right:1px solid #468DBA;}
#main-menu li.last{border:none}
#main-menu li a{color:#FFFFFF;text-decoration:none; font-weight:bold; padding: 3px 10px;}
#main-menu li a:hover, #main-menu li a.selected {background:#98C1DD}
#main-menu li a.selected:hover {background:#86BdE3}

#prijavi-se {float:right; width:206px; height:27px; padding-top:17px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#30729E; text-align:center; background: url(../images/prijavi-se.gif);}
#prijavi-se:hover{color:#5092aE; }

#content{margin-top:106px;}
#box{float:right;width:506px;height:625px; background:url(../images/box-bg.png)}
#box-text{width:345px;margin:74px 0 0 64px;}
#box-text-inner {padding:10px;height:370px; overflow-y:auto}
#box-text-inner ul{margin:10px 0}
#box-text-inner li{margin-left:20px; list-style-type:square}

h1{color:#31729C;font-weight:bold;width:100%;background:#EDEDED;padding:4px 0; text-indent:12px; font-size:16px;}
h2{color:#31729C;font-weight:bold;width:100%;padding:4px 0;}

.news{margin:8px 0; font-size:12px; line-height:1.2}
.title{color:#31729C;font-weight:bold;}
.date{color:#999;font-size:9px; font-weight:bold}
.more{color:#31729C;font-weight:bold; display:block; float:right}

#footer{color:#FFFFFF; _margin-top:-125px;}
#footer .top-left{float:left; width:400px;_margin-bottom:40px;padding-top:0;}
#footer .top-right{float:right; width:500px;}
#footer .bottom{text-align:center;padding:10px;}


.top-left img
{

margin-top:60px;

}

.times
{
	float:left;
	height:15px;
	margin-top:30px;
	width:123px;
	border-left:1px solid #62a4ca;
	font-size:15px;
	text-align:center;
	height:45px;
	font-weight:bold
}
.timeslast {border-right:1px solid #62a3c9;}

.middle
{margin-top:20px;}

.middle img
{
	margin-right:10px;
	margin-left:10px;
	_margin-top:0px;
}

div.middle ul {margin-left:100px;}

div.middle ul li
{
	float:left;
	margin:0; padding:0;
}

div.middle ul li a {
	float:left; height:40px;
	background-position: 0 -40px;
}

div.middle ul li a:hover {
	background-position: 0 0;
}

#gallery {
	float:right;
	width:432px;
	height:625px;
	height:
}

#gallery img{width:80px; height:80px;float:left; margin:0 9px 9px 0; border:5px solid #fff}
#gallery h1 {background:none;text-align:right;color:#FFF; font-size:38px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;margin-bottom:40px}

#gallery-inner {padding:10px;height:530px; overflow-y:auto}

#prijava h1{text-indent:16px;}