body {

	background-color: #FFF4CF;

	font-family: "Trebuchet MS";

	font-size: 14px;

	color: #333333;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	z-index: 1;

}



#wrap {

	background-repeat: repeat-x;

	background-position: left top;

	width: 950px;

	margin-right: auto;

	margin-left: auto;

	overflow: hidden;

	z-index: 2;

}



#header{

	width: 950px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 0px;

	overflow: hidden;

	background-image: url(../design/rock-akademija.jpg);

	background-repeat: no-repeat;

	height: 50px;

	background-position: left 10px;

	z-index: 2;

}



#header h1 {

	display: none;

}



#nav {

	width: 950px;

	margin-top: 15px;

	background-color: #308AA5;

	background-image: url(../design/curve_left.png);

	background-repeat: no-repeat;

	background-position: left top;

	height: 31px;
	
	z-index: 15;

}

#nav div {

	width: 950px;

	background-image: url(../design/curve_right.png);

	background-repeat: no-repeat;

	background-position: right top;

	height: 31px;

	padding-top: 3px;	
	
	z-index: 15;

}

p {

	margin-bottom: 15px;

}





#main{

	width: 950px;

	margin-right: auto;

	margin-left: auto;

	overflow: hidden;

	background-color: #FFFFFF;

}



#banner {


	background-repeat: no-repeat;

	background-position: right top;

	height: 243px;

	width: 930px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 20px;

	margin-bottom: 5px;

	background-color: #FFF;

}

.part_1 {

	float: left;

	width: 930px;

	height: 243px;

	overflow: hidden;
	
	background-color:#FFF;
	
	z-index: 0;

}

.part_1 img{
	width: 930px;
	height: 243px;
	z-index: 0;
}



.part_2 {

	float: right;

	width: 280px;

	height: 243px;

	overflow: hidden;

}



.part_2 ul{

	font-family: "Trebuchet MS";

	font-size: 12px;

	color: #FFFFFF;

	list-style-type: none;

	padding-top: 25px;

	padding-right: 30px;

	padding-left: 30px;

	margin: 0px;

	list-style-position: outside;

}



.part_2 ul li{

	list-style-type: none;

	background-repeat: no-repeat;

	background-position: left top;

	font-size: 14px;

	font-weight: bold;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 15px;

}



.part_2 ul li a{

	color: #DADDB9;

	text-decoration: none;

	display: block;

	padding-left: 35px;

}



.part_2 a:hover{

	color: #EFF0E1;

	text-decoration: none;

}



#content{

	overflow: hidden;

	margin-top: 15px;

	background-repeat: repeat-y;

	background-position: right top;

	width: 930px;

	margin-right: auto;

	margin-left: auto;

	z-index: 5;

}

#partneri h3 {

	font-size: 14px;

	color: #6699CC;

	font-weight: bold;

}

#footer {

	height: 50px;

	margin-right: auto;

	margin-left: auto;

	overflow: hidden;

	width: 950px;

	background-image: url(../design/footer.gif);

	background-repeat: repeat-x;

}





.footer_left{

	background-repeat: repeat-x;

	background-image: url(../design/curve_bottom_left.png);

	height: 50px;

	width: 22px;

	background-position: left top;

	float: left;

}

.footer_right{

	background-repeat: repeat-x;

	background-image: url(../design/curve_bottom_right.png);

	height: 50px;

	background-position: right top;

	float: right;

	width: 22px;

}

.left {

	float: left;

	padding-right: 10px;

	padding-left: 10px;

	overflow: hidden;

	width: 620px;

}

.galerija {

	float: right;

	width: 208px;



}

.galerija img{

	border: 4px solid #CCCCCC;



}

.galerija div{

	margin-bottom: 10px;	



}

.novo{

	float: left;

	width: 400px;

}

.novo div {

	overflow: hidden;

}

.left h2 {

	font-family: "Trebuchet MS";

	font-size: 18px;

	color: #993300;

	margin-top: 20px;

	margin-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}

.left h3 {

	font-size: 18px;

	color:  #8D9B4A;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

.tekst {

}

.right {

	float: right;

	width: 280px;

}



.green {

	background-color: #F04C3C;

	padding-right: 15px;

	padding-left: 15px;

	overflow: hidden;

}

#top {

	margin-bottom: 15px;

}

.green p {

	margin: 0px;
	color: #FFF4CF;

}

.green h1 {

	font-size: 18px;

	margin-top: 0px;

	margin-bottom: 5px;

	color: #FFF4CF;

}



.green h4 {

	font-size: 18px;

	color: #333333;

	margin-top: 0px;

	margin-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #DAE0BE;

	padding-bottom: 5px;

}



.green h2 {

	color: #FFF4CF;

	font-size: 16px;

	margin-top: 15px;

	margin-bottom: 4px;

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E9ECD7;

}



.green_top {

	background-image: url(../design/gclt.png);

	background-repeat: no-repeat;

	background-position: left top;

	width: 100%;

	height: 12px;

	background-color: #F04C3C;

}



.green_top div {

	background-image: url(../design/gcrt.png);

	background-repeat: no-repeat;

	background-position: right top;

	height: 12px;

	width: 100%;

}



.green a {

	color: #FFFFFF;

	text-decoration: none;
	
	float: right;

}

.green a:hover {

	color: #EFF5CF;

	text-decoration: underline;

}



.green_bot {

	background-image: url(../design/gclb.png);

	background-repeat: no-repeat;

	background-position: left top;

	width: 100%;

	height: 12px;

	background-color: #F04C3C;

	overflow: hidden;

}



.green_bot div {

	background-image: url(../design/gcrb.png);

	background-repeat: no-repeat;

	background-position: right top;

	height: 12px;

	width: 100%;

	overflow: hidden;

}



.green ul{

	padding: 0px;

	list-style-type: none;

	margin-top: 6px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	overflow: hidden;

	width: 100%;

}



.green li{

	list-style-type: none;

	margin-top: 0px;

	margin-right: 15px;

	margin-bottom: 5px;

	margin-left: 0px;

	font-weight: bold;

	padding-left: 0px;

	float: left;

	font-size: 13px;

}





.right h4 {

	font-family: "Trebuchet MS";

	font-size: 16px;

	color: #993300;

	margin-top: 0px;

	margin-bottom: 15px;

	margin-left: 15px;

}

.right ul {

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

	list-style-type: none;

	margin: 0px;

	

}



.right li {

	margin-bottom: 5px;

	list-style-position: outside;

	

}

.right li a {

	border-left-color: #CCCCCC;

	border-left-width: 2px;

	border-left-style: solid;

	padding-left: 15px;

	display:block;

    width:96%;

}



.right li a:hover{

	border-left-color: #999999;

	border-left-width: 2px;

	border-left-style: solid;

	padding-left: 15px;

	display:block;

    width:96%;



}











/*.rock_akademija {

	overflow: hidden;

	margin: 0px;

	list-style-position: outside;

	list-style-type: none;

	background-image: url(../design/rock.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	padding-top: 2px;

	padding-bottom: 2px;

}
*/
/*.osnovna_glazbena_skola {

	overflow: hidden;

	background-image: url(../design/osnovna.jpg);

	background-repeat: no-repeat;

	background-position: left center;

}
*/
/*.srednja_glazbena_skola {

	overflow: hidden;

	background-image: url(../design/srednja.jpg);

	background-repeat: no-repeat;

	background-position: left center;



}
*/


.pomocni{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	margin-bottom: 10px;

	clear: both;

	overflow: hidden;

	padding-bottom: 10px;

}



.pomocni ul {

	padding: 0px;

	list-style-type: none;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}



.pomocni li {

	padding: 0px;

	list-style-type: none;

	margin-top: 0px;

	margin-right: 20px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

}



a {

	color: #6C6026;

	text-decoration: none;

}

a:hover {

	color: #9b8935;

	text-decoration: none;

}



.image_left {

	float: left;

	margin-right: 15px;

	margin-bottom: 15px;

	border: 5px solid #CCCCCC;

}



.image_right {

	float: right;

	margin-left: 15px;

	margin-bottom: 15px;

	border: 5px solid #D1D9AE;

}



.novo h4 {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #DAC494;

	color: #333333;

	margin-bottom: 2px;

	margin-top: 20px;

}

.more {

	text-align: right;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	margin-bottom: 10px;

	font-size: 12px;

}

.novo {

	width: 394px;

	font-size: 13px;

}

.novo p {

	margin-top: 5px;

	margin-bottom: 5px;	

}

#adresa {
	width: 650px;
	float: right;
	font-size: 11px;
	color: #333;
	letter-spacing: 1px;
	padding-top: 15px;
	text-align: right;
}

#adresa a {

	color: #CCCCCC;

}

#adresa a:hover {

	text-decoration: underline;

}

#partneri {

	padding-top: 15px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	overflow: hidden;

	width: 930px;

	font-size: 11px;

	clear: both;

}

.right textarea{

	background-color: #EBEBEB;

	width: 250px;

	border: 1px solid #999999;

	color: #000000;

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

	font-size: 11px;

}

.oglas_input{

	background-color: #FFFFFF;

	width: 250px;

	border: 1px solid #999999;

	margin-bottom: 3px;

}

.predaj {

	background-color: #d4e489;

	border: 1px solid #CCCCCC;

}



.oglas {

	width: 100%;

	overflow: hidden;

	margin-top: 10px;

	margin-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #999999;

	padding-bottom: 15px;

}

.datum{

	font-family: Verdana;

	font-size: 10px;

	color: #990000;

}

.oglas_naslov{

	font-size: 14px;

	color: #669966;

	font-family: Verdana;

	font-weight: bold;

	margin-top: 3px;

	margin-bottom: 5px;

}

.oglasnik p {

	margin-top: 0px;

	margin-bottom: 10px;

}



.pagination {

	margin-top: 20px;

}

.pagination a {

	font-weight: bold;

	color: #003366;

	text-decoration: none;

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

	font-size: 13px;

}

.pagination a:hover {

	font-weight: bold;

	color: #003366;

	text-decoration: underline;

}

.pagination span {

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

	font-weight: bold;

	border: 1px solid #CCCCCC;

	overflow: hidden;

	margin-right: 4px;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	color: #CCCCCC;

}
