/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
Fonts: http://www.josbuivenga.demon.nl/
*/

*{
padding: 0px;
margin: 0px;
}

@font-face {
	font-family: Diavlo;
	src: url(../fonts/Diavlo_MEDIUM_II_37.otf);
}

.dn {display: none;}
.db {display: block;}
.clear {clear:both;}
.pa{position:absolute;}
.pr{position:relative;}
.white{color: #fff;}
.tc {text-align:center;}
.fl {float:left;}
.fr {float:right;}
.mr10 {margin-right:10px;}
.ml10 {margin-left:10px;}

#ajax-loader {top: 50%; left: 10px; margin-top: -16px;}

body{
background:#153B00 url(../images/back_all2.gif) top repeat-x;
font-family: "georgia";
font-size: 11px;
color:#333;
padding: 0px;
margin: 0px;
}

img {border:0;}

#content 
{
background: url(../images/back_all1.jpg) no-repeat top left;
width: 100%;
height: auto !important;
min-height: 800px;
height: 800px;
}

a{
color:#8F0000;
font-weight:bold;
text-decoration:none;
}

a:hover, a:active{
color:#cf4804;
text-decoration:underline;
}

#header{
height: 261px;
}

#main
{
width:498px;
margin: 0 auto;
}

#wrapper
{
width: 498px;
background: url(../images/top.png) no-repeat top;
padding-top: 5px;
}

#logo
{
height: 360px;
width: 498px;
text-align: right;
}

#H-logo
{
display:block;
height: 64px;
width: 64px;
text-decoration: none;
margin-left: auto;
}

#H-logo.intro, #H-logo.kontakt
{
background: url(../images/h4.gif) no-repeat 0 0;
}

#H-logo.krizanke
{
background: url(../images/h4.gif) no-repeat -64px 0;
}

#H-logo.ostrostrelec
{
background: url(../images/h4.gif) no-repeat 0 -64px;
}

#H-logo.numerologija
{
background: url(../images/h4.gif) no-repeat -64px -64px;
}

#H-logo span, #more-link span {display:none;}

#logo h1
{
font-size: 24px;
padding-top: 50px;
padding-left: 20px;
font-weight: bold;
color: #E6E6E6;
}

#logo h2 a
{
font-size: 12px;
padding-left: 20px;
font-weight: bold;
color: #E6E6E6;
text-transform: uppercase;
}

#logo div {margin-top: 5px;}

#logo a{color: #AFFFB2; font-size: 10px;}

#text{
background: #FFFFFF;
padding:10px;
height: auto !important;
min-height: 150px;
height: 150px;
font-size: 13px;
text-align:justify;
}

#text p{
padding:5px;
}

#text p.meta small {font-size: 11px;}

h1, h2, h3{
color:#000;
}

h1{
font-size:1.4em;
}

h2{
font-size:1.05em;
}

h3{
font-size:1em;
}

h1.title {
font-family: "Diavlo", "Tahoma";
font-size: 30px;
font-weight: normal;
color: #153B00;
text-shadow: #dadada 2px 2px;
}

#text ul, ol{
padding-left:12px;
margin-left:12px;
}

a.main-link{
	display: block;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 0;
	text-align: right;
	font-family: Diavlo, Tahoma;
	font-size: 16px;
}

a.main-link:hover{
	text-decoration:none;
	color: #CF4804;
}

.meta{
text-align:right;
color:#153B00;
font-size:0.79em;
}

.meta a{
text-decoration:underline;
}

#kontakt h3 {display:inline; color: #1B79DF;}

#footer{
font-size:12px;
text-align:center;
border-top:1px dashed #15630F;
background: url(../images/bottom.png) bottom;
margin-bottom: 20px;
height: 50px;
padding: 10px;
}

#footer a{
text-decoration:underline;
}

#footer #more-link {
	top: -50px; 
	right: -27px;
	display: block;
	height: 47px;
	width: 27px;
	background: url(../images/more-link.gif) no-repeat -27px 0;
	text-decoration: none;
}

#footer #more-link:hover, #footer #more-link.active {
	background: url(../images/more-link.gif) no-repeat 0 0;
}

#menu a:hover {text-decoration: none;}

blockquote {
	width: 150px;
	font-style: italic;
	line-height: 16px;
	text-align: center;
	border: 2px solid #dadada;
	background-color: #FFF;
}

blockquote p {
	margin: 5px;
	background-color: #FFFFCF;
}

.fisheye{
	text-align: center;
	height: 50px;
	position: absolute;
	top: 188px; 
	left: 50%;
}
a.fisheyeItem
{
	text-align: center;
	color: #0C3000;
	font-weight: normal;
	font-size: 12px;
	font-family: "Trebuchet MS";
	text-decoration: none;
	width: 60px;
	position: absolute;
	display: block;
	top: 0;
}

.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}
.fisheyeItem span
{
	display: none;
	background-color: #91C65C;
	letter-spacing: 1px;
	border-right: 1px solid #0C3000;
	border-bottom: 1px solid #0C3000;
	text-decoration: none;
}

.fisheyeContainter
{
	height: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}