/* --------------------------------------------------------- */
/*                        Periodic Table                             */
/*                www.periodni.com    2011                   */
/* --------------------------------------------------------- */

#pselivi {
	position: absolute;
	top: 65px;
	left: 0;
	width: 130px;
	margin: 0;
	text-align: center;
	border: 0px  #f00 solid;
}
#psedesni {
	position: relative;
	top: 15px;
	left: 0;
	margin-left: 135px;
	border: 0px  #cacaba solid;
}
#psefooter {
	position: relative;
	width: 100%;
	margin-top: 0px;
	clear: both;
}
#nocss {
	position: absolute;
	top:0px;
	left:-6000px;
	clear: both;
}

h1 {
	position: relative;
	margin: 0;
	top: 10px;
	left: 0;
	width: 100%;
	color: #238e68;
	font: bold 20pt cursive;
	text-align: center;
}
h2 {
	margin: 0px;
	padding: 2px 0px;
	color: #000099;
	font: bold 11pt cursive;
	text-align: center;
}

h3 {
	margin: 10px;
	font: bold 11pt cursive;
	padding: 5px 0px;
}

li {padding: 0px 5px 5px 0px;}
img {border: 0px;}
p {
	margin: 0;
	padding: 0;
	text-align: justify;
	color: #123456;
}
pre {
	margin: 5px;
	font: 9pt monospace;
	padding: 5px 0px;
}
pre a:link {
	margin: 2px;
	font: bold 12pt monospace;
	padding: 5px 0px;
}
pre a:hover  {
	font: bold 12pt monospace;
	background: #afc;  /*crveno*/
}

/* ---------------------------------------------- */
/*                  TERMOMETAR                   */
/* ---------------------------------------------- */

.temperatura, .temp_root {
	position: relative;
	top: 10px;
	left: 0px;
	margin-top: 3px;
	width: 130px;
	text-align: center;
	border: 0px #cacaba solid;
	
}
.temp_root {margin-top: 30px;}
.termometar {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	border: 0px solid #00f;
}
.its {
	position: relative;
	top: 10px;
	left: 0px;
	margin: 0px;
	width: 130px;
	font: 11px/150% verdana;
	color: #123456;
}
.loptica {
	position: absolute;
	/* top: 45px; */ /*fpcu*/
	/* top: 418px; */ /* h20 */
	top: 418px;
	left: 60px;
	border: 0px;
}
.tempa0, .tempo2, .tempar, .temphg, .temph2o, .tempga, .tempin, .tempsn, .tempzn, .tempal, .tempag, .tempau, .tempcu {
	position: absolute;
	top: 520px; /*550*/
	left: 390px;
	width: 363px;
	background: #eee;
	font: 11px/150% verdana,sans-serif;
	color: #fff;
	text-align: center;
	border: 1px outset;
	padding: 1px;	
}

	
a:link {
	color: #000000;
	text-decoration: none;
 }
a:visited {
	color: #000000;
	text-decoration: none;
 }
a:active {
	color: #000000;
	text-decoration: none;
 }
a:hover {
	color: #00f;
	text-decoration: none;
 }

/* ---------------------------------------- */
/*                      EniG.                        */
/* ---------------------------------------- */
.enig {
	font: normal 10pt cursive;
	color: #123456;
}
.enig p {
	margin: 0;
	padding: 0px 10px 5px 10px;
	text-align: justify;
	color: #123456;
}
.onlyen {
	font: normal 10pt cursive;
	margin-top: 5px;
	text-align: center;
	color: #f00;
}
.red, .livo, .desno, .centar, .kratki, .dugi {
	top: 0px;
	left: 0px;
}
.red {
	position: relative;
	width: 100%;
	margin-bottom: 3px;
}
.livo {
	position: relative;
	width: 370px;
	text-align: justify;
	background: #fff;
	border: 1px solid #0c0;
}
.desno {
	position: absolute;
	margin-left: 523px;
	width: 370px;
	text-align: justify;
	background: #fff;
	border: 1px solid #0cc;
}
.centar {
	position: absolute;
	width: 150px;
	margin-left: 371px;
	text-align: center;
}
.kratki {
	position: absolute;
	width: 145px;
	margin-top: 30px;
	margin-right: 5px;
	text-align: center;
}
.dugi, .jezik {
	display: block;
	position: relative;
	margin-left: 150px;
	width: 743px;
	text-align: justify;
	background: #fff;
	border: 1px solid #0cc;
}
.jezik {
	padding: 1px 0px 2px 0px;
	font: normal 9pt cursive;
	text-align: center;
}
.autor {
	position: absolute;
	width: 350px;
	margin: 5px;
	text-align: left;
}
.paypal {
	position: relative;
	width: 350px;
	margin-left: 360px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.enig a:link {
	color: #00f;
	text-decoration: none;
 }
.enig a:visited {
	color: #00a;
	text-decoration: none;
 }
.enig a:active {
	color: #000;
	text-decoration: none;
 }
.enig a:hover {
	color: #f00;
	text-decoration: none;
 }
.space4 {
	font: 4pt verdana,sans-serif;
 }
.space6 {
	font: 6pt verdana,sans-serif;
 }
.space8 {
	font: 8pt verdana,sans-serif;
 }
.oneplus {
	position: absolute;
	top: -25px;
	margin-left: 50px;
 }

/* --------------------------------------------------------- */
/*      PERIODNI  SUSTAV  ELEMENATA          */
/*      p = periode    s = skupine    e = elementi      */
/* --------------------------------------------------------- */
.periodni {
	position: relative;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 550px;
}
.sy {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	color: #000;
	padding: 14px 0px 14px 1px;
	font: bold 11pt serif;
	text-align: center;
}
.sysh {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #000;
	padding: 14px 0px 14px 1px;
	font: bold 11pt serif;
	text-align: center;
}
.ab {
	position: absolute;
	top: 1px;
	left: 3px;
	color: #000;
	font: 7pt serif;
	text-align: left;
}
.mm {
	position: absolute;
	top: 35px;
	width: 100%;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 9px;
	text-align: center;
}
a.bs:link {color: #fff;}
a.bs:visited {color: #fff;}
a.bs:active {color: #f00;}
a.bs:hover {color: #f00;}

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 #eee;
}

.ab-lac, .sy-lac {
	position: absolute;
	color: #000;
	text-align: center;
	width: 38px;
}
.ab-lac {
	top: 5px;
	font: 7pt serif;
}
.sy-lac {
	top: -1px;
	left: -1px;
	padding: 22px 0px 10px 1px;
	font: bold 10pt serif;
}
a.sy-lac:link {display: block;}
a.sy-lac:visited {display: block;}
a.sy-lac:active {display: block;}
a.sy-lac:hover {
	display: block;
	background: #ffd;
	color: #00f;
	border: 1px inset;
}
.lantanoidi, .aktinoidi {
 position: absolute;
 height: 32px;
 width: 133px; 
 color: #d00;
 font: 11pt serif;
 text-align: right;
 padding-top: 16px;
 left:0px;
}
.lantanoidi {top:397px;}
.aktinoidi {top:458px;}

#la-okvir, #ak-okvir {
 position: absolute;
 left:137px;
 height: 60px;
 width: 625px;

}
#la-okvir {top:392px;}
#ak-okvir {top:452px;}
.vidi {background: #ef2; visibility: visible;}
.nevidi {visibility: hidden;}
  
.copyr {
 position: absolute;
 left: 585px;
 top: 375px;
 color: #cacaba;
 font: 8pt sans-serif;
 text-align: left;
 }
.copyr a:link {color: #a8a9b9}
.copyr a:hover {color: #00f}


/* periode */
.p1, .p2, .p3, .p4, .p5, .p6, .p7 {
 position: absolute;
 left: 0px;
 height: 32px;
 width: 20px;
 color: #e00;
 font: bold 10pt serif;
 text-align: center;
 padding-top: 16px;
}
.p1 {top: 20px;}
.p2 {top: 71px;}
.p3 {top: 122px;}
.p4 {top: 173px;}
.p5 {top: 224px;}
.p6 {top: 275px;}
.p7 {top: 326px;}

.e1, .e2, .e3, .e4, .e5, .e6, .e7, .e8, .e9, .e10 , .e11, .e12, .e13, .e14, .e15, .e16, .e17, .e18, .e19, .e20, .e21, .e22, .e23, .e24, .e25, .e26, .e27, .e28, .e29, .e30, .e31, .e32, .e33, .e34, .e35, .e36, .e37, .e38, .e39, .e40, .e41, .e42, .e43, .e44, .e45, .e46, .e47, .e48, .e49, .e50, .e51, .e52, .e53, .e54, .e55, .e56, .e57, .e58, .e59, .e60, .e61, .e62, .e63, .e64, .e65, .e66, .e67, .e68, .e69, .e70, .e71, .e72, .e73, .e74, .e75, .e76, .e77, .e78, .e79, .e80, .e81, .e82, .e83, .e84, .e85, .e86, .e87, .e88, .e89, .e90, .e91, .e92, .e93, .e94, .e95, .e96, .e97, .e98, .e99, .e100, .e101, .e102, .e103, .e104, .e105, .e106, .e107, .e108, .e109, .e110, .e111, .e112, .e57la , .e89ac {
 position: absolute;
 height: 48px;
 width: 38px;
 color: #fff;
 border: 1px outset #eee;
 padding: 0px;
 background: #baeafa;  /*plavo*/
 }
.e80, .e35 {
background: #ffd8a8;}  /*crveno*/
.e1, .e2, .e7, .e8, .e9, .e10, .e17, .e18, .e36, .e54, .e86 {
background: #afc;}  /*zeleno*/
.e57la , .e57, .e58, .e59, .e60, .e61, .e62, .e63, .e64, .e65, .e66, .e67, .e68, .e69, .e70, .e71  {
background: #dbebff;}  /*lantanoidi*/
.e89ac, .e89, .e90, .e91, .e92, .e93, .e94, .e95, .e96, .e97, .e98, .e99, .e100, .e101, .e102, .e103 {
background: #c2e2ff;}  /*aktinoidi*/ 

.e1, .e2 {
top: 20px;}
.e3, .e4, .e5, .e6, .e7, .e8, .e9, .e10 {
top: 71px;}
.e11, .e12, .e13, .e14, .e15, .e16, .e17, .e18 {
top: 122px;}
.e19, .e20, .e21, .e22, .e23, .e24, .e25, .e26, .e27, .e28, .e29, .e30, .e31, .e32, .e33, .e34, .e35, .e36 {
top: 173px;}
.e37, .e38, .e39, .e40, .e41, .e42, .e43, .e44, .e45, .e46, .e47, .e48, .e49, .e50, .e51, .e52, .e53, .e54 {
top: 224px;}
.e55, .e56, .e72, .e73, .e74, .e75, .e76, .e77, .e78, .e79, .e80, .e81, .e82, .e83, .e84, .e85, .e86, .e57la {
top: 275px;}
.e87, .e88, .e104, .e105, .e106, .e107, .e108, .e109, .e110, .e111, .e112, .e89ac  {
top: 326px;}
.e57, .e58, .e59, .e60, .e61, .e62, .e63, .e64, .e65, .e66, .e67, .e68, .e69, .e70, .e71 {
top: 397px;}
.e89, .e90, .e91, .e92, .e93, .e94, .e95, .e96, .e97, .e98, .e99, .e100, .e101, .e102, .e103 {
top: 458px;}

/* skupine */
.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12, .s13, .s14, .s15, .s16, .s17, .s18  {
 position: absolute;
 height: 32px;
 width: 38px;
 color: #e00;
 font: bold 10pt serif;
 text-align: center;
 } 
.s1, .s18 {top: 3px;}
.s2, .s13, .s14, .s15, .s16, .s17  {top: 54px;}
.s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 {top: 155px;}

.s1 {left: 20px;}
.s2 {left: 61px;}
.s3 {left: 102px;}
.s4 {left: 143px;}
.s5 {left: 184px;}
.s6 {left: 225px;}
.s7 {left: 266px;}
.s8 {left: 307px;}
.s9 {left: 348px;}
.s10 {left: 389px;}
.s11 {left: 430px;}
.s12 {left: 471px;}
.s13 {left: 512px;}
.s14 {left: 553px;}
.s15 {left: 594px;}
.s16 {left: 635px;}
.s17 {left: 676px;}
.s18 {left: 717px;}

.e1, .e3, .e11, .e19, .e37, .e55, .e87 {
left: 20px;}
.e4, .e12, .e20, .e38, .e56, .e88 {
left: 61px;}
.e21, .e39, .e57la, .e89ac {
left: 102px;}
.e22, .e40, .e57, .e72, .e89, .e104 {
left: 143px;}
.e23, .e41, .e58, .e73, .e90, .e105 {
left: 184px;}
.e24, .e42, .e59, .e74, .e91, .e106 {
left: 225px;}
.e25, .e43, .e60, .e75, .e92, .e107 {
left: 266px;}
.e26, .e44, .e61, .e76 , .e93, .e108 {
left: 307px;}
.e27, .e45, .e62, .e77, .e94, .e109 {
left: 348px;}
.e28, .e46, .e63, .e78, .e95, .e110 {
left: 389px;}
.e29, .e47, .e64, .e79, .e96, .e111 {
left: 430px;}
.e30, .e48, .e65, .e80, .e97, .e112 {
left: 471px;}
.e5, .e13, .e31, .e49, .e66, .e81, .e98 {
left: 512px;}
.e6, .e14, .e32, .e50, .e67, .e82, .e99 {
left: 553px;}
.e7, .e15, .e33, .e51, .e68, .e83, .e100 {
left: 594px;}
.e8, .e16, .e34, .e52, .e69, .e84, .e101 {
left: 635px;}
.e9, .e17, .e35, .e53, .e70, .e85, .e102 {
left: 676px;}
.e2, .e10, .e18, .e36, .e54, .e71, .e86, .e103 {
left: 717px;}

.leg {color: #000;}
.leg-a, .leg-s, .leg-l, .leg-g  {
 position: absolute;
 top: 520px; /*550*/
 width: 118px;
 font: 11px/150% verdana,sans-serif;
 color: #fff;
 text-align: center;
 border: 1px outset;
 padding: 1px;
}

.leg-s {
	left: 21px;
	background: #baeafa;  /*plavo*/
}
.leg-l {
	left: 144px;
	background: #ffd8a8;  /*crveno*/
}
.leg-g {
	left: 267px;
	background: #afc;     /*zeleno*/
}

/* --------------------------------------------------------- */
.linkovi {
	margin: 0px;
	text-align: center;
	font: 12pt cursive;
	padding: 5px 0px 15px 0px;
}
.centrirano {text-align: center;}
.copyme {
 position: relative;
 text-align: center;
 color: #aaa;
 font: 8pt verdana,sans-serif;
 }
.copyme a:link {color: #a8a9b9}
.copyme a:hover {color: #f00}
.copyme a:visited {color: #a8a9b9}
.tekst {
	color: #000;
	font: 10pt verdana,sans-serif;
	text-align: justify;
}

.citat {
	margin: 10px 0;
	font: 9pt sans-serif;
	color: #151;
	text-align: left;
}
.crven {
	color: #f00;
}
.pdesno {
	margin: 0px 10px 5px 0px;
	text-align: right;
}
.eni-print {
	position: absolute;
	left: -6000px;
}
/*
.vidi {background: #ff0; visibility: visible;}
.nevidi {visibility: hidden;} 
*/
/* --------------------------------------------------------- */
/*                www.periodni.com    2011                  */