/* all, print, screen */

b {
	color: #f00;
	font: 16pt serif;
}
h1 {
	font: bold 24pt cursive;
	letter-spacing: 6px;
	padding: 0px 0px 15px 0px;
}
.psetop {
	letter-spacing: 6px;
}

/* --------------------------------------------------------- */
/*                   KRISTALI                                        */
/* --------------------------------------------------------- */
.kristal {
	position: relative;
	margin: 10px 10px 10px 10px;
}
.ks-sl {
	position: relative;
	top: 0px;
	left: 10px;
	width: 350px;
	height: 184px; 
}
.ks-txt {
	position: absolute;
	top: 0px;
	left: 360px;
	width: 350px;
	height: 184px; 
}
.ks-br {
	color: #00c;
	margin-bottom: 18px;
}
.novired {clear: both;}
.crta {text-decoration: overline;}

/* --------------------------------------------------------- */
/*                         SUSJEDI                                   */
/* --------------------------------------------------------- */
.elem-nav {
	position: absolute;
	left: 500px;
	top: 185px;
	height: 175px;
	width: 150px;
	color: #fff;
	border: 0px #000 outset;
	z-index: 10;
}
.susjedi {
	top: 0px;
	color: #080;
	text-align: center;
	border: 0px #000 outset;
}

.grp {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	color: #f00;
	padding: 5px 0px 0px 2px;
	font: bold 10pt serif;
	text-align: center;
}
.ab {
	position: absolute;
	top: 1px;
	left: 3px;
	color: #000;
	font: 9pt serif;
	text-align: left;
}
.sy {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	color: #000;
	padding: 21px 0px 7px 2px;
	font: bold 13pt serif;
	text-align: center;
}

a.sy:link {display: block; width: 100%;}
a.sy:visited {display: block;}
a.sy:active {display: block;}
a.sy:hover {
	display: block;
	/* background: #ddf; */
	color: #00f;
	border: 1px inset;
}
.e1, .e2, .e3, .e4, .e5, .e6, .e7, .e8, .e9 {
 position: absolute;
 height: 48px;
 width: 38px;
 color: #fff;
 border: 1px outset;
 padding: 0px;
 background: #baeafa;  /*plavo*/
 }
.e1, .e2, .e3 {top: 23px;}
.e4, .e5, .e6 {top: 73px;}
.e7, .e8, .e9 {top: 123px;}

.e1, .e4, .e7 {left: 15px;}
.e2, .e5, .e8 {left: 55px;}
.e3, .e6, .e9 {left: 95px;}

.prazno {background: #eee;}  /*prazno*/
.bijelo {background: #fff;}  /*bijelo*/
.plavo {background: #baeafa;}  /*plavo*/
.crveno {background: #ffd8a8;}  /*crveno*/
.zeleno {background: #afc;}  /*zeleno*/

.element {
	position: relative;
	top: 20px;
	left: 5px;
	width: 130px;
	height: 150px;
	background: #fff;
	border: 5px outset;
}
.simbol, .sjena {
	position: absolute;
	width: 130px;
	font: 64pt serif;
	text-align: center;
}
.simbol {
	top: 10px;
	left: 1px;
}
.sjena {
	top: 9px;
	left: 0px;
	color: #ddd;
	}
.ime {
	position: absolute;
	top: 115px;
	left: 0px;
	width: 130px;
	font: 14pt serif;
	text-align: center;
}
	
/* --------------------------------------------------------- */


/* --------------------------------------------------------- */
.leftmeni {
	position: relative;
	padding: 0px;
	margin: 35px 10px;
	color: #226622;
	text-align: center;
}
.jezik {
	font: 9pt verdana,sans-serif;
	padding-top: 5px;
	margin: 5px;
	border-top: 0px #cacaba solid;
}

.imehr, .imede, .imeen, .imefr, .imeit, .imees {
	position: relative;
	width: 125px;
	font: normal 13pt cursive;
	text-align: center;
	margin-bottom: 5px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px #cacaba solid; 
}


.leftmeni a:link {
	display: block;
	color: #900;
	text-align: left;
}
.leftmeni a:visited {
	display: block;
	color: #036;
	text-align: left;
}
.leftmeni a:active {
	display: block;
	color: #900;
	text-align: left;
}
.leftmeni a:hover {
	display: block;
	background: #fff;
	color: #00f;
	text-align: left;
	/* 
	background: #eaeafa;
	color: #900; 
	*/
}	
/* --------------------------------------------------------- */

.data {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 35px 10px 10px 20px;
	width: 95%;
	border: 0px #000 solid;
}
.glava {
	position: relative;
	top: 0px;
/* 	width: 450px;  */
	text-align: center;
	margin: 0px 0px 35px 0px;
	border: 0px #000 outset;
}
.grupa {
	position: relative;
	top: 20px;
	left: 10px;
	width: 685px;
	padding: 20px 0px 40px 0px;
	font: 16pt verdana,sans-serif;
	color: green;
	letter-spacing: 5px;
	text-align: center;
}

.tekst {
	color: #000;
	font: normal 11pt serif;
	text-align: justify;
}
.opis {
	text-align: left;
}
.broj {
	position: absolute;
	left: 280px;
	width: 200px;
	height: 12pt;
	color: #00c;
	text-align: left;
}
.si {
	position: absolute;
	left: 380px;
	width: 200px;
	height: 12pt;
	color: #0a0;
	text-align: left;
}
.godina {
	position: relative;
	color: #00c;
	text-align: left;
	padding-left: 15px;
}
.izotop {
	position: relative;
	left: 25px;
	width: 100px;
	height: 2em;
	text-align: left;
}

.rmm {
	position: absolute;
	top: 6px;
	left: 100px;
	width: 250px;
	color: #00c;
	text-align: center;
}
.vrh .rmm {top: 0px;}
.udio {
	position: absolute;
	top: 6px;
	left: 350px;
	width: 200px;
	color: #00c;
	text-align: center;
}
.vrh .udio {top: 0px;}

.ro {
	position: absolute;
	top: 4px;
	left: 280px;
	width: 200px;
	height: 14pt;
	color: #00c;
	text-align: left;
}
.ro-add {
	position: absolute;
	top: 4px;
	left: 365px;
	width: 200px;
	height: 14pt;
	color: #0a0;
	text-align: left;
}
.vrh {
	top: 0px;
	color: #00c;
}
.eq {
	position: relative;
	left: 25px;
	width: 100%;
	height: 2em;
	text-align: left;
}
.ems {
	position: absolute;
	top: 4px;
	left: 400px;
	width: 200px;
	height: 25px;
	color: #00c;
	text-align: left;
}
.vrh .ems {top: -4px;}
.as {
	position: relative;
	font: bold 10pt serif;
	color: #0a0;
}
.ad {
	position: absolute;
	width: 200px;
	left: 475px;
	color: #a00;
}


/* --------------------------------------------------------- */
/*                            GOOGLE                                  */
/* --------------------------------------------------------- */
.google-main {
	position: absolute;
	top: 720px;
	left: 10px;

	margin-right: 5px;
	text-align: center;
	border: 0px solid #0f0;
}
.google-tower, .google-botun {
	position: relative;
	margin-top: 20px;
	text-align: center;
}