/* BEGIN IMAGE CSS */
			
		
#header 	{ background: url("images/header_index.gif") no-repeat bottom center; }
#footer 	{ background: url("images/footer.gif") no-repeat bottom; border: none;}
#header { padding: 0px; height: 220px; width: 600px; }
#footer { padding: 0px; height: 43px; width: 600px; }
#headerimg 	{ margin: 0 0 0; height: 220px; width: 600px; } 
/* END IMAGE CSS */

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande','Bitstream Vera Sans', Verdana, Arial, Sans-Serif; 
	background-color: #c2c7cf;
	color: #333;
	}

#page {
	background-color: #fff;
	}

#header {
	background-color: #595858;
	}

#content {
	font-size: 1.3em
	}
	
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.3em;
	}


#footer {
	background-color: #eee;
	font-size: 1.2em
	}
	
.back {h3
  	padding-bottom: 10px;
  	text-align: left;
	font-size: 0.8em;
	font-weight: 500;
	text-transform: uppercase;
	color: #595858;
	}
	
.backcenter {
  	padding-bottom: 5px;
  	text-align: right;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	color: #7a828f;
	}			

.white {
	font-family: 'Lucida Grande','Bitstream Vera Sans', Verdana, Arial, Sans-Serif; 
	font-size: 0.9em;
	line-height: 1.5em;
	color:  #fff;
	}

.whitebig {
	font-family: 'Lucida Grande','Bitstream Vera Sans', Verdana, Arial, Sans-Serif; 
	font-size: 1.0em;
	line-height: 1.5em;
	color:  #fff;
	text-transform:uppercase;
	}

.big {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight:600;
	color: #30818b;
	text-transform:uppercase;
	}
	
.gray {
  	padding-bottom: 10px;
  	text-align: left;
	font-size: 0.9em;
	font-weight: 400;
	color: #e7e7e7;
	}
	
.atcopy {
  	text-align: left;
	font-size: 0.9em;
	font-weight: 500;
	color: #d9d9d9;
	}
	
.graybig {
  	padding-bottom: 10px;
  	text-align: left;
	font-size: 1.0em;
	font-weight: 600;
//	color: #7a828f;
	color: #5c6676;
	}					
	
cite {
  	padding-left: 20px;
  	padding-top: 10px;
  	padding-bottom: 20px;
  	margin-top: 10px;
  	margin-left: 10px;
  	width: 380px;
	text-align: justify;
  	float: left;
	font-size: 1.0em;
	color: #546069;
	background: url(/images/quo.gif) no-repeat 0 0;
	clear: both;	
	}

.num1 {
    padding: 30px;
	background: transparent  url(images/1.png) no-repeat 0 0;
	}
	
.num2 {
    padding: 30px;
	background: transparent  url(images/2.png) no-repeat 0 0;
	}
	
.num3 {
    padding: 30px;
	background: transparent  url(images/3.png) no-repeat 0 0;
	}
	
.num4 {
    padding: 30px;
	background: transparent  url(images/4.png) no-repeat 0 0;
	}
	
.num5 {
    padding: 30px;
	background: transparent  url(images/5.png) no-repeat 0 0;
	}
	
.num6 {
    padding: 30px;
	background: transparent  url(images/6.png) no-repeat 0 0;
	}
	
.num7 {
    padding: 30px;
	background: transparent  url(images/7.png) no-repeat 0 0;
	}
	
.num8 {
    padding: 30px;
	background: transparent  url(images/8.png) no-repeat 0 0;
	}
	
.num9 {
    padding: 30px;
	background: transparent  url(images/9.png) no-repeat 0 0;
	}																					

.newsbg {
    padding: 10px;
    padding-top: 40px;
	background: transparent  url(images/news.png) no-repeat -10% 0;
	}

.articlesbg {
    padding: 10px;
    padding-top: 40px;
	background: transparent  url(images/articles.png) no-repeat 0 0;
	}			
	
.initial {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 15px;
	font-family: 'Lucida Grande','Bitstream Vera Sans', Verdana, Arial, Sans-Serif; 
	font-size: 1.0em;
	font-weight: 500;
	color:  #1c414e;
	line-height: 1.1em;
	text-align: left;
	background-color: #f1f1f2;
	}
	
.copy {
	padding-top: 3px;
	padding-right: 20px;
	font-family: 'Lucida Grande','Bitstream Vera Sans', Verdana, Arial, Sans-Serif; 
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: right;
	background-color: #c2c7cf;
	}	
	
.copy a { color: #a2a2a2; text-decoration: none; }
.big a  { color: #000000; text-decoration: none; }

h3  {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.1em;
	font-weight: 600;
	text-transform: uppercase;
	color: #000000;
	}
	
h2  {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	font-weight: 600;
	text-transform: uppercase;
	color: #7c8492;
	display:inline;
	}	

a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #d7d7d7; text-decoration: underline;}

a.h3:link { color: #7c8492; text-decoration: none; }
a.h3:visited { color: #7c8492; text-decoration: none; }
a.h3:hover {color: #a2a2a2; text-decoration: none; }

a.h3map:link { color: #fff; text-decoration: none; }
a.h3map:visited { color: #fff; text-decoration: none; }
a.h3map:hover {color: #a2a2a2; text-decoration: none; }

a.h3  {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.0em;
	font-weight: 600;
	text-transform: uppercase;
	color: #000000;
	}

a.enc  {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.0em;
	font-weight: 700;
	color: #7c8492;
	padding: 3px;
	padding-right: 10px;
	padding-left: 1px;
	display: inline;
	background: url('images/enc.png') no-repeat 100%  100%;
	}
	
a:hover.enc { text-decoration:none; }	

b a:link  { text-decoration:underline; }	


a.menuback {
	color: #546069;
    display: block;
	padding: 3px;
	padding-left: 25px;
	text-decoration:none;
	background: url('images/itemback.png') no-repeat ;
	}

a:hover.menuback {
	color: #c2c7cf;
    display: block;
	padding: 3px;
	padding-left: 25px;
	text-decoration:none;
	background: url('images/itemback.png') no-repeat ;
	}
	
a.menu {
	color: #c2c7cf;
    display: block;
	padding: 3px;
	padding-left: 25px;
	text-decoration:none;
	background: url('images/item.png') no-repeat ;
	}

a:hover.menu {
	color: #546069;
    display: block;
	padding: 3px;
	padding-left: 25px;
	text-decoration:none;
	background: url('images/item.png') no-repeat ;
	}

a.menucurrent {
	color: #546069;
    display: block;
	padding: 3px;
	padding-left: 25px;
	text-decoration:none;
	background: url('images/itemcurrent.png') no-repeat ;
	}

a:hover.menucurrent {
	color: #c2c7cf;
    display: block;
	padding: 3px;
	padding-left: 25px;
	text-decoration:none;
	background: url('images/itemcurrent.png') no-repeat ;
	}

a.menusm {
	color: #546069;
	padding: 5px;
	float: left;
	padding-left: 5px;
	text-decoration:none;
	font-size: 0.9em; 
	font-weight: 600; 
	}

a:hover.menusm {
	color: #c2c7cf;
	padding: 5px;
	float: left;
	padding-left: 5px;
	text-decoration:none;
	font-size: 0.9em; 
	font-weight: 600; 
	}
	
	

.initial a { color: #a2a2a2; text-decoration: none; }

.description {
	font-size: 1.2em;
	text-align: center;
	}

span.bukvica { 
	padding: 7px; 
	font-size: 1.3em; 
	font-weight: 600; 
	text-shadow: 2px 2px 2px gray;
	}
	
span.to {
	display:block;
	float:left;
	width:51px;
	height:16px;
	margin-top: 5px;
	margin-right:10px;	
	background-image:url("images/to.gif");
	background-repeat:no-repeat;
	}			
	
li {
	list-style-type: none;
	margin-left: -30px;
}
	
.menuback {
	text-transform: uppercase;
	text-align:left;
	font-size: 0.9em;
	}

.menu {
	text-transform: uppercase;
	text-align:left;
	font-size: 0.9em;
	font-weight:600;
	}

.menucurrent {
	text-transform: uppercase;
	text-align:left;
	font-size: 0.9em;
	font-weight:600;
	}	

a.a {
 display: inline
 	}

a.a div {
 display: none
 	}

a.a:hover div {
 display: inline;
 position: fixed;
 margin: 0px;
 padding: 10; 
 width: 200px;
 height: 20px; 
 text-align: left;
 background-color: white;
 //background:url("../images/bgn.gif") no-repeat 0 0;
 left: 20px;
 top: 500px;
-moz-opacity: .8;
filter:alpha(opacity=80);
 	}

a.a:hover {
 color: #F90
 border: 0px;}	
 
 
 .newsitem div.fs1	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/akva.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs1 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/akva.png) top left no-repeat;
	}
	
.newsitem div.fs1 a:hover {
	background: transparent url(pict/akva.png) 0 300px no-repeat;
	}
	
 .newsitem div.fs2	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/kitepirate.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs2 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/kitepirate.png) top left no-repeat;
	}
	
.newsitem div.fs2 a:hover {
	background: transparent url(pict/kitepirate.png) 0 300px no-repeat;
	}
	
 .newsitem div.fs3	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/uxm.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs3 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/uxm.png) top left no-repeat;
	}
	
.newsitem div.fs3 a:hover {
	background: transparent url(pict/uxm.png) 0 300px no-repeat;
	}	
		
 .newsitem div.fs4	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/zmey.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs4 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/zmey.png) top left no-repeat;
	}
	
.newsitem div.fs4 a:hover {
	background: transparent url(pict/zmey.png) 0 300px no-repeat;
	}	

 .newsitem div.fs5	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/ksh.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs5 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/ksh.png) top left no-repeat;
	}
	
.newsitem div.fs5 a:hover {
	background: transparent url(pict/ksh.png) 0 300px no-repeat;
	}	


 .newsitem div.fs6	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/iko.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs6 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/iko.png) top left no-repeat;
	}
	
.newsitem div.fs6 a:hover {
	background: transparent url(pict/iko.png) 0 300px no-repeat;
	}	
 
  .newsitem div.fs7	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/5sq.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs7 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/5sq.png) top left no-repeat;
	}
	
.newsitem div.fs7 a:hover {
	background: transparent url(pict/5sq.png) 0 300px no-repeat;
	}	

  .newsitem div.fs8	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/uba.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs8 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/uba.png) top left no-repeat;
	}
	
.newsitem div.fs8 a:hover {
	background: transparent url(pict/uba.png) 0 300px no-repeat;
	}	

  .newsitem div.fs9	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/kwr.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs9 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/kwr.png) top left no-repeat;
	}
	
.newsitem div.fs9 a:hover {
	background: transparent url(pict/kwr.png) 0 300px no-repeat;
	}	
	
  .newsitem div.fs10	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/kiteboua.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs10 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/kiteboua.png) top left no-repeat;
	}
	
.newsitem div.fs10 a:hover {
	background: transparent url(pict/kiteboua.png) 0 300px no-repeat;
	}
	
	
	
  .newsitem div.fs11	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/kibrdru.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs11 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/kibrdru.png) top left no-repeat;
	}
	
.newsitem div.fs11 a:hover {
	background: transparent url(pict/kibrdru.png) 0 300px no-repeat;
	}

  .newsitem div.fs12	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/kitesru.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs12 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/kitesru.png) top left no-repeat;
	}
	
.newsitem div.fs12 a:hover {
	background: transparent url(pict/kitesru.png) 0 300px no-repeat;
	}

  .newsitem div.fs13	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/ksurf.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs13 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/ksurf.png) top left no-repeat;
	}
	
.newsitem div.fs13 a:hover {
	background: transparent url(pict/ksurf.png) 0 300px no-repeat;
	}

  .newsitem div.fs14	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/ache.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs14 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/ache.png) top left no-repeat;
	}
	
.newsitem div.fs14 a:hover {
	background: transparent url(pict/ache.png) 0 300px no-repeat;
	}
	
  .newsitem div.fs15	{
	display: block;
	margin: auto;
	padding: 0;
	width: 400px;
	height: 300px;
	background: transparent url(pict/onboard.png) 0 -300px no-repeat;
	}
	
.newsitem div.fs15 a {
	display: block;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(pict/onboard.png) top left no-repeat;
	}
	
.newsitem div.fs15 a:hover {
	background: transparent url(pict/onboard.png) 0 300px no-repeat;
	}
	
	
 
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}

#page {
	background: transparent url(images/pagebg.gif) repeat-y;
	background-color: #fff;
	margin: 10px auto;
	padding: 0;
	width: 610px;
	}
	
#header {
	padding: 0;
	margin: 0 auto;
	height: 220px;
	width: 100%;
	background-color: #595858;
	}
	
#headerimg {
	margin: 0px;
	height: 220px;
	width: 100%;
	}

.narrowcolumn {
	padding-top: 10px;
	width: 600px;
	}

.post {
	padding: 10px;
	margin-bottom: 0px;
	border: 0px solid #000000;
	text-align: justify;
		}
		
#nav
 	{
	margin-top: 20px;
	margin-bottom: 20px;
	float:left;
	width: 130px;
	margin-left: 10px;
		}
		
.text
 	{
	padding: 10px;
	margin-bottom: 20px;
	border: 0px solid #000000;
	text-align: justify;
	background-color: #fff;
	float:right;
	width: 420px;
	background: url('images/sun.png') no-repeat  100% 100%;
		}
		
.fotonews
 	{
	padding: 10px;
	margin-bottom: 20px;
	border: 0px solid #000000;
	text-align: left;
	float: right;
	width: 440px;
		}
		
.foto
 	{
	padding: 0px;
	margin-bottom: 20px;
	border: 0px solid #000000;
	text-align: justify;
	background-color: #fff;
	float:right;
	width: 460px;
		}				

.foo {
	margin: 0px;
	padding-top: 13px;
	text-align: center;
	}
	
.foofoo {
	margin: 0px;
	padding-top: 20px;
	text-align: center;
	background-color: #212020;
	background: transparent url(images/partnbg.gif) no-repeat;
	height: 121px;
	}	

#banner { position: relative; width: 190px; height: 190px; float: left; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid silver; border-bottom: 1px solid silver; border-right-color: silver; border-left-color: silver; }	
	
#footer {
	padding: 0px;
	margin-top: 0px;
	width: 600px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	}
	
	#example {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 630px;
	height: 630px;
	padding: 10px;
	border: none;
	visibility: hidden;
//	background-color:fff;
//	layer-background-color: #fff;
background: url("images/bgview.png") no-repeat;
	}
/* End Structure */


/* Begin ../images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 30px;
	}

img.close {
	margin: auto;
	padding-right: 20px;
	padding-top: 5px;
	width:21px;
	height:20px;
	float:right;
	border:0px;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End ../images */


.leftwrap {
	margin: 6px;
	float: left;
}
.rightwrap {
	margin: 6px;
	float: right;
}