/* CSS Document */
/* Autor: Damjan Gataric, damjan.gataric@gmail.com */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	padding: 0px;
	margin: 0px;
	background: #ededed url(pics/bg.png) top repeat-x;
}
a {
	outline: none;
	color: #09F;
}
a:hover {
	color: #ce5d35;
}
img {
	border: 0px;
}
	

/*--divovi-----------------------------------------------------------------------------------------------------------*/

#top {
	height: 17px;
	margin: 0 auto;
	width: 854px;
	color: #FFF;
	font-size: 80%;
	padding-top: 10px;
	text-align: left;
}
#top div {
	width: 210px;
	text-align: center;
	position: relative;
	right: 15px;
}
#heder {
	/*width: 930px;*/
	height: 59px;
	margin: 0 auto;
}
#meni {
	height: 30px;
	width: 640px;
	float: right;
	padding-top: 10px;
	padding-left: 10px;
}
#kontejner {
	margin: 0 auto;
	width: 858px;
}
#kontejner:after { /*za kontejner i float*/
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
}
#tunika {
	background: url(pics/tunika.png) no-repeat bottom;
	height: 326px;
	width: 180px;
	text-align: center;
	float: left;
	margin-bottom: 30px; /*odvajanje od citata*/
}
#citat {
	width: 170px;
	padding: 5px;
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	clear: left;
}
#sadrzaj {
	float: right;
	width: 650px;
}

#futer {
	background: url(pics/futer.png) no-repeat;
	height: 57px;
	width: 858px;
	clear: both;
	margin: 0 auto;
	margin-top: 39px;
	padding-top: 10px;
}

#futer div {
	width: 430px;
	margin: 0px auto;
	text-align: center;
	color: #fff;
}

div.okvir {
	background: url(pics/sadrzajsredina.png);
	width: 610px;
	margin: 0;
	padding: 6px 20px;
	font-size: 12px;
	overflow: auto;
}
div.okvirg {
	background: url(pics/sadrzajgore.png) no-repeat top;
	width: 650px;
	height: 9px;
	margin: 0;
	margin-top: 20px;
	font-size: 0px;
}
div.okvird {
	background: url(pics/sadrzajdole.png) no-repeat;
	width: 650px;
	height: 16px;
	font-size: 0px;
}
div.velicinas {
	font-size: 86%;
	float: right;
	color: #777;
	padding-top: 3px;
}
div.kanji {
	cursor: pointer;
}
div.kanji div {
	float: right; 
	clear: right; 
	width: 70px;
	height: 55px;
	margin: 0;
	margin-bottom: 10px;
	margin-right: 2px;
	padding-top: 12px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 140%;
	font-weight: bold;
}

div.foto {
	padding: 7px;
	background: #FFF;
	border: 1px solid #bbb;
	text-align: center;
	margin-bottom: 5px;
}
.levo {
	float: left;
	margin-right: 10px;
}
.desno {	
	float: right;
	margin-left: 10px;
}

div.galerija {
	clear: both;
	margin-bottom: 10px;
	overflow: auto;
	position: relative;
	z-index: 99;
}
div.tekstovi {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	position: relative;
	z-index: 1000;
}

div.box {
	background: #fff;
	border: 1px solid #ccc;
	width: 200px;
	padding: 16px;
}

/*--linkovi-----------------------------------------------------------------------------------------------------------*/

#top a {
	color: #ccc;
	text-decoration: none;
}
#top a:hover, #top a.akt {
	color: #fff;
}


#meni a {
	text-decoration: none;
	margin-left: 14px;
	display: block;
	height: 21px;
	float: left;
	padding: 0 16px;
	padding-top: 9px;
	font-weight: bold;
	color: #333;
	width: auto !important;
	width: 10px;
}
#meni a.akt, #meni a:hover {
	background: url(pics/dugmelijeva.png) no-repeat top left;
	height: 30px;
	padding: 0;
	padding-left: 16px;
	color: #efefef;
}
#meni a.akt span, #meni a:hover span {
	display: block;
	height: 21px;
	background: url(pics/dugmedesna.png) no-repeat top right;
	padding-right: 16px;
	padding-top: 9px;
	cursor: pointer;
}
#meni a.akt, #meni a.akt span, #futer a.akt, #top a.akt {
	cursor: default;
}

#futer div a {
	text-decoration: none;
	color: #ccc;
}
#futer div a:hover, #futer div a.akt {
	color: #fff;
}

div.velicinas a {
	display: block;
	float: left;
	width: 16px;
	text-align: center;
	text-decoration: none;
	background: #ccc;
	color: #eee;
	padding: 1px;
	margin-right: 1px;
}
div.velicinas a:hover {
	background: #5f90ca;
	color: #eee;
}

a.naslov {
	display: block;
	text-decoration: none;
	color: #36C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2px;
	margin-bottom: 20px;
}
a.naslov:hover {
	color: #ce5d35;
}
a.skupljeninaslov {
	color: #555;
}
a.kanji {
	border: 0;
	margin: 0;
}
a.sensei {
	display: block;
	text-decoration: none;
	color: #06C;
	float: right;
	width: 450px;
	padding-top: 3px;
	padding-right: 50px;
}
a.sensei:hover {
	color: #ce5d35;
}

a.galerija {
	padding: 7px;
	background: #FFF;
	border: 1px solid #bbb;
	text-align: center;
	margin-bottom: 5px;
	display: block;
	text-decoration: none;
}

a.male {
	width: 110px;
	float: left;
	margin: 5px 10px;
}
a.linkovi {
	background: url(pics/linkovi.png) no-repeat left;
	display: block;
	height: 16px;
	margin: 10px 10px;
	padding-left: 20px;
}


/*--tekst-----------------------------------------------------------------------------------------------------------*/

#citat span {
	display: block;
	margin-top: 5px;
	text-align: right;
}
div.okvir h3 {
}
div.okvir p {
	line-height: 1.5em;
}
span.mrvice {
	color: #aaa;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
}
span.verzija {
	display: block;
	float: right;
	color: #ccc;
}
div.velicinas span {
	display: block;
	float: left;
	margin-right: 9px;
	padding-top: 2px;
}
div.kanji span {
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 60%;
	font-weight: normal;
	color: #069;
	padding: 0px;
	margin: 0px;
}

a.foto span {
	display: block;
	padding-top: 6px;
}
a.sensei span {
	color: #036;
	font-size: 140%;
	font-weight: bold;
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
}

div.galerija h2, div.tekstovi h2 {
	cursor: pointer;
	font-size: 110%;
	color: #06C;
}
div.galerija h2 small,  div.tekstovi h2 small {
	color: #888;
	display: block;
	font-weight: normal;
}
div.tekstovi ul li {
	margin-bottom: 5px;
}

h2.seminar {
	text-align: center;
	background: #96b4d5;
	color: #fff;
	padding: 5px 5px;
}

/*--slike-----------------------------------------------------------------------------------------------------------*/

img.aidns {
	margin: 20px 0;
}
img.kanji {
}
img.sensei {
	padding: 5px;
	padding-bottom: 12px;
	background: #fff;
	border: 1px solid #bbb;
	margin-bottom: 10px;
	display: block;
}
div.box img {
	margin: 0 auto;
	display: block;
}

/*--tabele-----------------------------------------------------------------------------------------------------------*/

table.termini {
	border: 1px solid #888;
	text-align: center;
	width: 545px;
}
table.termini th {
	background: #70a3da;
	font-weight: bold;
	font-size: 110%;
	border: 1px solid #aaa;
}
table.termini td {
	border: 1px solid #aaa;
	width: 100px;
}

table.seminar {
	border: 1px solid #bbb;
	text-align: center;
	width: 300px;
}
table.seminar th {
	background: #cadef4;
	font-weight: bold;
	font-size: 110%;
	border: 1px solid #ccc;
}
table.seminar td {
	border: 1px solid #bbb;
}