body{
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	background-color: #666666;
	background-image: url(image/pozadi.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	height: 100%;
	/*font-size: 0.7em;*/
}

a{
	color: Gray;
	text-decoration: none;
	border: none;
}

a:hover{
	color: Black;
}

img{
	border: none;
}

img.side_logo{
	border: none;
	margin: 15px 0 0 5px;
}

head:first-child+body #main{ /*The Owen Hack, hides this from ie*/
  background: url(shadow/main2.png);
}
#main{
	/*background-color: White; /*height: auto;*/
	width: 822px;
	margin: 0 auto;
	padding: 0 0 0 0;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader
   (src='shadow/main2.png',sizingMethod='scale');
	/*border: 2px;
	border-color: Silver;
	border-style: solid; /*background-color: White;*/
/*background-image: url(image/sh1.gif);
	background-repeat: repeat-x;
	background-position: top;*/
	/*background-image: url(image/dots.gif);
	background-position: bottom;
	background-repeat: repeat-x;*/
	overflow: visible;
}

head:first-child+body #top{ /*The Owen Hack, hides this from ie*/
  background: url(shadow/top2.png);
}
#top{
	height: 26px;
	width: 822px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader
   (src='shadow/top2.png',sizingMethod='scale');
	margin: 0 auto;
	padding: 0 auto;
	z-index: 5;
}

head:first-child+body #napis{ /*The Owen Hack, hides this from ie*/
  background: url(image/napis.png);
}
#napis{
	height: 38px;
	width: 400px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader
   (src='image/napis.png',sizingMethod='scale');
	margin: 0 auto;
	padding: 0 auto;
	z-index: 6;
	position: relative;
	float: right;
	right: 10px;
	top: 260px;
}

#info{
	height: auto;
	width: 800px;
	margin: 0 auto;
	padding: 0px;
	color: Black;
	font-size: x-small;
}

#stop{
	height: 1em;
	width: 800px;
	margin: 0 auto;
	padding: 0px;
	color: Black;
}

#left{
	float: left;
}

#right{
	float: right;
}

#right span{
	background-color: #8dc63f;
	border: 1px;
	border-color: Black;
	border-style: solid;
}

head:first-child+body #bottom{ /*The Owen Hack, hides this from ie*/
  background: url(shadow/bottom.png);
}
#bottom{
	height: 16px;
	width: 822px;
	margin: 0 auto;
	padding: 0 auto;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader
   (src='shadow/bottom.png',sizingMethod='scale');
}

#bottom-bg{
	height: 4px;
	width: 800px;
	margin: 0px 11px 12px 11px;
	padding: 0;
	background-image: url(image/dots3.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	font-size: 1px;
}

#end{
	height: 67px;
	width: 800px;
	margin: 0 11px 0 11px;
	padding: 0 0 0 0;
	display: block;
	position: relative;
	clear: both;
	background-image: url(image/dots3.gif);
	background-position: top;
	background-repeat: repeat-x;
}

head:first-child+body #logo{ /*The Owen Hack, hides this from ie*/
  background: url(image/logo.png);
}
#logo{
	width: 301px;
	height: 150px;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader
   (src='image/logo.png',sizingMethod='scale');
	float: left;
	left: 0px;
	margin: -17px 0 0 -17px;
}

#logo_alt{
	display: none;
}

#head{
	background-color: #EEEEEE;
	height: 300px; /*width: 800px;*/
	margin: 0px 11px 0 11px;
	display: block; /*padding: 0.7em;*/
	border-bottom: 1px;
	border-bottom-color: Silver;
	border-bottom-style: solid;
	border-top: 1px;
	border-top-color: Silver;
	border-top-style: solid; /*background-color: White;*/
	/*border-spacing: 5px; /*background-image: url(image/im2.jpg);
	/*width: 776px;*/
	z-index: 10;
	overflow: visible;
}

#foto{
	background-color: #8dc63f;
	height: 300px;
	/*width: 800px;*/
	margin: 0px 0px 0px 0px;
	display: block;
	/*padding: 0.7em;*/
	border: 0px;
	border-color: White;
	border-style: solid; /*background-color: White;*/
	border-spacing: 0px;
	background-image: url(head/foto2.jpg);
	background-position: bottom;
	/*width: 776px;*/
	overflow: hidden;
}

/*==SIDERBAR===============================================================================================*/

#siderbar{
	width: 200px;
	float: left;
	position: relative;
	padding: 0 0 0 0;
	margin: 5px 0 15px 0;
	left: 21px;
	font-size: 0.9em;
	display: block;
	text-align: left;
	/*background-color: Aqua;*/
}

#siderbar h4{
	display: block;
	border: 1px;
	border-style: solid;
	border-color: Black;
	color: Black;
	padding: 2px 2px 2px 15px;
	margin: 0.7em 0px 0.2em 0px;
	background-color: #8dc63f;
	background-image: url(image/h3-l1.jpg);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 1em;
	text-transform: uppercase;
}

#siderbar span{
	font-weight: bolder;
}


#siderbar p{
	display: block;
	border-left: 1px;
	border-left-style: solid;
	border-left-color: Gray;
	border-right: 1px;
	border-right-style: solid;
	border-right-color: Gray;
	color: Black;
	padding: 1px 1px 1px 15px;
	margin: 0px 0px 0px 0px;
	font-size: 0.8em;
	font-weight: normal;
}

#siderbar p.first{
	border-top: 1px;
	border-top-style: solid;
	border-top-color: Gray;
}

#siderbar p.last{
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: Gray;
}

/*==MENU======================================================================================================*/

#menu {
	width: 200px;
	font:0.8em sans-serif;
	color: Black;
}

#menu ul, #menu ul.sub {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#menu li, #menu ul.sub li {
	margin: 0;
	padding: 0;
	width: 100%;
}

#menu h3 {
	font-size: 1em;
	margin: 0;
	padding: 0px;
	color: Black;
	overflow: hidden;
	border: 1px solid Gray;
}

#menu li > h3 {
	margin-bottom: 0.2em;
}

#menu h3 a {
	display: block;
	text-decoration: none;
	width: 100%;
	color: Black;
	padding: 1px 1px 1px 15px;
}
#menu h3 a:hover {
	background-color: #8dc63f;
	color: White;
}

#menu ul.sub{
	background-color: White;
	display: block;
	/*border: 1px;
	border-color: Gray;
	border-style: solid;*/
}

#menu ul.subblank{
	background-color: Transparent;
	display: block;
	/*border: 1px;
	border-color: Gray;
	border-style: solid;*/
}

#menu ul.sub li {display: block; width: 100%; padding: 0; margin: 0px/*0.2em*/;}
#menu ul.sub li a {
	background-color: #eeeeee;
	display: block;
	margin: 0 0 2px 2px;
	padding: 1px 1px 1px 45px;
	border: 1px solid Gray;
	color: Black;
	text-decoration: none;
	display: block;
	font-weight: bolder;
}

#menu ul.sub li a:hover {
	background-color: White;
	color: Black;
}

#menu ul.sub li a.eng {
	background-image: url(flags/eng1.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.eng:hover {
	background-image: url(flags/eng2.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.rus {
	background-image: url(flags/rus1.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.rus:hover {
	background-image: url(flags/rus2.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.ger {
	background-image: url(flags/ger1.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.ger:hover {
	background-image: url(flags/ger2.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.frn {
	background-image: url(flags/frn1.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.frn:hover {
	background-image: url(flags/frn2.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.cze {
	background-image: url(flags/cze1.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.cze:hover {
	background-image: url(flags/cze2.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.esp {
	background-image: url(flags/esp1.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.esp:hover {
	background-image: url(flags/esp2.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.itl {
	background-image: url(flags/itl1.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.itl:hover {
	background-image: url(flags/itl2.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.roz {
	background-image: url(flags/watch1.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul.sub li a.roz:hover {
	background-image: url(flags/watch2.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#menu ul li.main:hover h3 a {
	background-color: #8dc63f;
	color: White;
}

#menu ul li.main {
	position: relative;
}

#menu ul li > ul.sub {
	position: absolute;
	top: 0;
	left: 200px;
	z-index:10;
	width: 180px;
	visibility: hidden;
	padding-bottom: 0/*1em*/;
	margin: 0px;
	/*display: block;*/
	/*background-color: White;*/
}

#menu ul li.main:hover ul.sub {
	visibility: visible;
	/*background-color: White;*/
}
  

/*==CONTENT=========================================================================================*/

#content{
	width: 540px;
	margin: 5px 15px 0px 220px;
	padding: 10px 10px 0px 10px;
	background-color: transparent;
	text-align: left;
	color: Black;
}

#content h1{
	color: #8dc63f;
	font-size: medium;
	margin: 1em 0 0.5em 0;
}

#content h2{
	color: #8dc63f;
	font-size: 0.9em;
	font-weight: normal;
	margin: 1em 0 0.2em 0.5em;
}

#content p{
	/*color: #8dc63f;*/
	font-size: 0.8em;
	margin: 0 0 0.5em 0.5em;
	padding: 0 0 0 0.5em;
	text-align: justify;
}

#content p.odsazen{
	/*color: #8dc63f;*/
	font-size: 0.8em;
	margin: 0 0 0 1.5em;
	padding: 0 0 0 0.5em;
	text-align: justify;
}

#content p.odsazen-posledni{
	/*color: #8dc63f;*/
	font-size: 0.8em;
	margin: 0 0 1em 1.5em;
	padding: 0 0 0 0.5em;
	text-align: justify;
}

#content p.line{
	/*color: #8dc63f;*/
	font-size: small;
	margin: 0 0 0.5em 0.5em;
	padding: 0 0 0.5em 0.5em;
	text-align: justify;
	border-bottom: 1px;
	border-bottom-color: Gray;
	border-bottom-style: solid;
}

.image{
	border: 1px;
	border-color: Gray;
	border-style: solid;
	padding: 0;
	background-color: #EEEEEE;
	float: right;
	margin: 5px 0 5px 10px;
}

#content img{
	border: 2px;
	border-color: White;
	border-style: solid;
	vertical-align: middle;
	margin: 5px;
	padding: 0;
	background-color: #8dc63f;
	/*position: relative;*/
}

#content span{
	font-weight: bolder;
}

#content a{
	color: Black;
	font-weight: bolder;
}

#content a:hover{
	color: White;
	background-color: #8dc63f;
}

#content a.banner:hover{
	color: White;
	background-color: transparent;
}

#content a.prev_next{
	color: #8dc63f;
	font-weight: normal;
	background-color: White;
}

#content a.prev_next:hover{
	color: #8dc63f;
	font-weight: bolder;
	background-color: White;
}

#content ul.first{
	list-style-image: url(image/dot2.gif);
	font-size: 0.8em;
	/*margin-top: 0.5em;*/
	margin-bottom: 0px;
	text-align: justify;
	/*margin: 0.1em 0 0.2em 3em;*/
	/*list-style: square;*/
}

#content ul.first li{
	margin-top: 0em;
	margin-bottom: 0em;
}

#content ul.second{
	list-style-image: url(image/dot1.gif);
	font-size: 1em;
	/*margin: 0.1em 0 0 1em;*/
	/*margin: 0 auto;
	padding: 0 auto;*/
	text-align: justify;
	margin-top: 0px;
	/*margin: 0.1em 0 0.2em 3em;*/
	/*list-style: square;*/
}

#content ul.second li{
	font-size: 1em;
	text-align: justify;
	margin-top: 0px;
}

#content li{
	margin: 0 0 0.2em 0;
}

#content li.sub{
	list-style-image: none;
	list-style: none;
	margin-top: 0px;
}

#content li ul{
	/*list-style-image: url(image/dot2.gif);*/
	/*font-size: small;
	margin-top: 0.1em;
	text-align: justify;
	/*margin: 0.1em 0 0.2em 3em;*/
	/*list-style: square;*/
}

#content ol{
	font-size: 0.8em;
	margin-top: 0.1em;
	text-align: justify;
	color: #8dc63f;
	font-weight: bold;
}

#content ol span{
	color: black;
}

#content p.ol{
	color: black;
	font-weight: normal;
	margin: 0.2em 0 0.5em -6px;
	font-size: 1em;
}