/*=================================================||
Naslov : RESPONSORIUM                              ||
Autor : Andrea Devlahovic                          ||
URL : http://www.responsorium.hr/                  ||
napravljeno: 10.12.2006 						   ||
===================================================*/
/*----------body------------------------------*/
body {
	font-size: .9em; 
	color: #cccccc; 
	background-color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	position: relative;
	}
img {
	border: 0;
	}
/*----------paragrafi (h1, h2, p....)----------*/
h1, .skriv {display: none;}
.neaktiv {color: #666666; background-color: #000000;}
.audio {font-size: .75em; color: #666666; background-color: #000000;}
.donat {font-size: .9em; color: #cccccc; text-decoration: none; text-align: right;}
.donat a:link {font-size: .9em; color: #cccccc; text-decoration: none;}
.donat a:active {font-size: .9em; color: #cccccc; text-decoration: none;}
.donat a:visited {font-size: .9em; color: #cccccc; text-decoration: none;}
.donat a:hover {font-size: .9em; color: #cccccc; text-decoration: underline;}
/*----------slike------------------------------*/
#glava {
	width: 535px;
	height: 65px;
	background: transparent url("slike/zaglavlje.gif") no-repeat;
	}
#slikaGore{
	width: 240px;
	height: 240px;
	background: transparent url("slike/0001a.gif");
	}
#slikaDole{
	width: 240px;
	height: 180px;
	background: transparent url("slike/00019.gif");
	}
#inst{
	width: 120px;
	height: 372px;
	background: transparent url("slike/00010.gif") no-repeat;
	margin-top: 45px;
	}
#linkovi {
	background: transparent url("slike/00011.gif") top no-repeat;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	}
#kontakt {
	background: transparent url("slike/00020.gif") top no-repeat;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	}
#galerija {
	background: transparent url("slike/stablo.gif") no-repeat;
	width: 130px;
	height: 163px;
	margin: 0 auto;
	}	
#mapaNaslov {
	margin: 0 auto;
	text-align: center;
	height: 110px;
	}	
#sitemap {
	background: #000000;
	border: 1px solid #cccccc;
	width: 400px;
	height: 240px;
	margin: 0 auto;
	}
#sitemap li {
	margin-top: 5px;
	}
#sitemap a:link {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	background-color: #000000;
	}
#sitemap a:active {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	background-color: #000000;
	}
#sitemap a:visited {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	background-color: #000000;
	}
#sitemap a:hover {
	color: #ffffff; 
	text-decoration: underline; 
	font-weight: normal; 
	background-color: #000000;
	}
/*----------kontejner------------------------------*/
#kontejner {
	width: 800px;
	height: 540px; 
	margin: 0 auto;
	text-align: justify;
	border: 1px solid #000000; 
	}
#kontejnerO {
	width: 800px;
	height: 550px; 
	margin: 0 auto;
	text-align: justify;
	border: 1px solid #000000; 
	}
#kontejnerO a:link {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerO a:active {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerO a:visited {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerO a:hover {
	color: #cccccc; 
	text-decoration: underline; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerA {
	width: 800px;
	height: 520px; 
	margin: 0 auto;
	text-align: justify;
	border: 1px solid #000000; 
	}
#kontejnerA a:link {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerA a:active {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerA a:visited {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerA a:hover {
	color: #cccccc; 
	text-decoration: underline; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerL {
	width: 800px;
	height: auto; 
	margin: 0 auto;
	text-align:center;
	border: 1px solid #000000; 
	}
#kontejnerL a:link {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerL a:active {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerL a:visited {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerL a:hover {
	color: #cccccc; 
	text-decoration: underline; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerG {
	width: 800px;
	height: 520px; 
	margin: 0 auto;
	text-align:center;
	border: 1px solid #000000; 
	}
#kontejnerG a:link {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerG a:active {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerG a:visited {
	color: #cccccc; 
	text-decoration: none; 
	font-weight: bold; 
	background-color: #000000;
	}
#kontejnerG a:hover {
	color: #cccccc; 
	text-decoration: underline; 
	font-weight: bold; 
	background-color: #000000;
	}
#clanovi {
	width: 240px;
	height: 570px;
	float: right;
	margin-top: 10px;
	background: transparent url("slike/00019b.gif") bottom no-repeat;
	border: 1px solid #000000;
	}
/*----------zaglavlje------------------------------*/
#ZProjekti {
	width: 800px;
	height: 60px;
	background: transparent url("slike/projekti.gif") no-repeat;
	}
#ZAudio {
	width: 800px;
	height: 60px;
	background: transparent url("slike/audio.gif") no-repeat;
	}
#ZLinkovi {
	width: 800px;
	height: 60px;
	background: transparent url("slike/linkovi.gif") no-repeat;
	}
#ZKontakt {
	width: 800px;
	height: 60px;
	background: transparent url("slike/kontakt.gif") no-repeat;
	}
#ZGalerija {
	width: 800px;
	height: 60px;
	background: transparent url("slike/galerija.gif") no-repeat;
	}
/*----------navigacija------------------------------*/
#izbornikOnama {
	width: 520px; 
	text-align: center;
	color: #666666;
	padding: 2px;
	margin-top: 120px;
	border: 1px solid #666666;
	}
#izbornikOnama a:link {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	background-color: #000000;
	}
#izbornikOnama a:active {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	background-color: #000000;
	}
#izbornikOnama a:visited {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	background-color: #000000;
	}
#izbornikOnama a:hover {
	color: #ffffff; 
	text-decoration: underline; 
	font-weight: normal; 
	background-color: #000000;
	}
#izbornikOst{
	width: 796px;
	text-align: center;
	color: #666666;
	padding: 2px;
	margin: 0 auto;
	border: 1px solid #666666;
	}
#izbornikOst a:link {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	background-color: #000000;
	}
#izbornikOst a:active {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	background-color: #000000;
	}
#izbornikOst a:visited {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal; 
	background-color: #000000;
	}
#izbornikOst a:hover {
	color: #ffffff; 
	text-decoration: underline; 
	font-weight: normal; 
	background-color: #000000;
	}
/*----------sadrzaj------------------------------*/
#predstavljanje {
	width: 520px;
	height: 350px;
	border: 1px solid #000000;
	background: transparent url("slike/00018.gif") bottom no-repeat;
	}
#komedije {
	width: 700px;
	height: 125px;
	margin-top: 30px;
	background: transparent url("slike/0004.gif") top left no-repeat;
	text-align: center;
	padding-left: 70px;
	}
#ninfe {
	width: 700px;
	height: 125px;
	margin-top: 20px;
	background: transparent url("slike/0005.gif") top left no-repeat;
	text-align: center;
	padding-left: 70px;
	}
#monte {
	width: 700px;
	height: 192px;
	margin-top: 20px;
	background: transparent url("slike/0006a.gif") top left no-repeat;
	text-align: center;
	padding-left: 70px;
	}
#song1 {
	width: 300px;
	text-align: left;
	background: transparent url("slike/00021.gif") top left no-repeat;
	padding-top: 60px;
	margin-left: 170px;
	margin-top: -350px;
	}
#song2 {
	width: 330px;
	height: 170px;
	text-align: left;
	margin-left: 450px;
	margin-top: 35px;
	}
#adresa {
	width: 230px;
	border: 1px solid #cccccc;
	margin: 0 auto;
	padding: 10px;
	font-size: 1.2em;
	text-align: left;
	}
#adresa a:link {
	font-weight: normal;
	text-decoration: none;
	}
#adresa a:active {
	font-weight: normal;
	text-decoration: none;
	}
#adresa a:visited {
	font-weight: normal;
	text-decoration: none;
	}
#adresa a:hover {
	font-weight: normal;
	text-decoration: underline;
	}
#slike1 {
	width: 245px;
	border: 1px solid #000000;
	float:left;
	margin-left: 30px;
	}
#slike2 {
	width: 240px;
	height: 390px;
	border: 1px solid #000000;
	float: right;
	margin-right: 30px;
	}
#slike3 {
	width: 150px;
	height: 255px;
	border: 1px solid #000000;
	margin: 0 auto;
	padding-top: 70px;
	}
#slike4 {
	width: 170px;
	height: 330px;
	border: 1px solid #000000;
	margin: 0 auto;
	padding-top: 40px;
	padding-right: 3px;
	}
#slike1 a img, #slike2 a img, #slike3 a img, #slike4 a img {
	background: #eeeeee;
	border: 1px solid #666666;
	}

#slike1 a:hover img, #slike2 a:hover img, #slike3 a:hover img, #slike4 a:hover img {
	background: #eeeeee;
	border: 1px solid #dddddd;
	}
/*----------futer------------------------------*/
#futer {
	width: 800px; 
	color: #666666;
	font-size: .7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	}
	
#futer a:link, a:active, a:visited {
	color: #666666;
	text-decoration : none;
	font-weight: normal;
	background-color: #000000;
	}
#futer a:hover {
	color : #666666;
	text-decoration : underline;
	font-weight: normal;
	background-color: #000000;
	}
#futerOst {
	width: 800px; 
	color: #666666;
	font-size: .7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	}
#futerOst a:link, a:active, a:visited {
	color: #666666;
	text-decoration : none;
	font-weight: normal;
	background-color: #000000;
	}
#futerOst a:hover {
	color : #666666;
	text-decoration : underline;
	font-weight: normal;
	background-color: #000000;
	}