/********************************************************************/
/* HTML & BODY                                                      */
/********************************************************************/
* 
{ 
	padding: 0; margin: 0; 
}

/*
@font-face 
{
    font-family: 'Enigmatic Unicode';
    font-style:  normal;
    font-weight: normal;
    src: url(ENIGMAT0.eot);
}
*/

html, body
{ 
	width: 100%;
	height: 100%;		
	min-height: 100%; 
	
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	

	background: #363636 url(bg_body.jpg) top repeat-x; /* Firefox */
	/*background: #2c2c2c url(bgbody.png) top repeat-x; stupid IE */
}

body 
{ 
	margin: 0; 
	padding: 0;
}

/********************************************************************/	
/* HEADER                                                           */
/********************************************************************/
#header
{
	width: 750px;
	height: 130px;
	
	margin: 0; 
	padding: 0;
	
	text-align: right;
	
	color: white;
	font-size: 10px;
	
	background: url(header.jpg) top left no-repeat;
	/*border: 1px solid blue;*/
}

/********************************************************************/
/* LINKS                                                            */
/********************************************************************/
a
{			 
	color: #8ca10e;
	text-decoration: none;
	/*border-bottom: 1px dashed #aaa;*/
	/*font-weight: bold;*/
}

a:visited
{			 
	color: #8ca10e;
}

a:active
{			 
	color: #8ca10e;
}

a:hover
{			 
	color: #ccc;
}

a:focus 
{			 
	outline: none;
}	

/* HEADER */
#header a
{			 
	color: white;
	text-decoration: none;
	/*border-bottom: 1px dashed #aaa;*/
	/*font-weight: bold;*/
}

#header a:visited
{			 
	color: white;
}

#header a:active
{			 
	color: #white;
	text-decoration: underline;
}

#header a:hover
{			 
	color: white;
	text-decoration: underline;
}


/* MENU */	
#menu_container li
{
	list-style:none;
	padding: 3px 0px 3px 0px;
}
	
#menu
{
	height: auto;
	
	float:right;
	
	text-align: right;
	
	color: #777;
	/*background: url(bgrnd_menu.png) left no-repeat;*/
}

#menu a 
{ 
	padding-right: 30px; /* micem link od kuglice */
	color: #777;
	
	text-decoration: none;
	/*font-weight:bold;*/
	/*background: url(menu_no_tick.jpg) right no-repeat;*/
}
	
#menu a:visited 
{ 
	color: #777;	
    /*background: url(mb1.png) left no-repeat !important;*/
}
	
#menu a:active 
{ 
	color: #8ca10e; 
    /*background: url(mb1.png) left no-repeat !important;*/
}		
	
#menu a:hover, #current
{			 
	outline: none;
	color: white !important;
	background: url(menu_tick.jpg) right no-repeat !important;
}

/********************************************************************/
/* CONTAINERS                                                       */
/********************************************************************/
#main_container 
{
	width: 760px;  
	height: auto;
	
    margin: 0; 
	padding: 0;
	
	text-align: center;
	
	/*border: 1px solid red;*/
}

#menu_container 
{
	float: left;
	
	width: 230px;
	height: 100%;
	
	margin: 0; 
	padding: 10px 10px 0px 0px;
	border: 0;
	
	text-align: right;
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        /*font-family: 'Enigmatic Unicode',Verdana, Geneva, Arial, Helvetica, Sans-Serif;*/
	/*border: 1px solid lime;*/
}

#data_container 
{
	float: left;
	
	width: 500px;
	height: 100%;
	
	margin: 0; 
	padding: 0;
	border: 0;
	
	text-align:center;
	
	/*border: 1px solid lime;*/
}
	
	#data_title 
	{
		float: left;
	
		margin: 0; 
		padding: 0px 0px 10px 0px;
	
		text-align: left;
		font-size: 17px;
		color: white;
		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	}
	
	#data_title2 
	{
		float:left;
	
		margin: 0; 
		padding: 0px 0px 10px 3px;
	
		text-align: left;
		font-size: 17px;
		color: #8ca10e;
		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	}	
	
	#data_text
	{
		float:left;
		clear: left;
		width: 480px;

		margin: 0; 
		padding-bottom: 20px;
		
		/*text-align: left;*/
		text-align: justify;
		font-size: 12px;
		color: #aaa;
	}	
	
	#data 
	{
		float: left;;
		width: 480px !important;
		width: 500px;
			
		margin: 0; 
		padding: 10px 10px 20px 10px;
	
		text-align: left;
		color: #aaa;
	
		background: url(bg_data.jpg) top left no-repeat;
		/*border: 1px solid #333;*/
	}

	#galery 
	{
		float: left;
		width: 500px;
			
		margin: 0; 
		padding: 0px;
	
		text-align: justify;
		/*border: 1px solid #555;*/
	}
	
.slika_L
{
	padding-right: 7px;
}

.slika_R
{
	padding-left: 7px;
}

/********************************************************************/	
/* FOOTER                                                           */
/********************************************************************/
#footer
{
	clear: both;
	width: 500px;
	height: 80px;
	
	text-align: center;
	color: gray;
	/*border-top: thin solid gray;*/
	/*border: 1px solid #555;*/
}

#footer_wrapper
{
	margin: 0 auto; /* centriranje */
	width: 198px;
	padding-top: 20px;
}

#footer_text
{
	float:left;
	width: auto;
	padding-top: 1px;
	color: gray;
	/*border: 1px solid #555;*/
}

#footer_img_L
{	
	float:left;
	width: 26px;
	height: 17px;
	background: url(footer_tick_L.jpg) top right no-repeat;	
	/*border: 1px solid #555;*/
}

#footer_img_R
{
	float:left;
	width: 26px;
	height: 17px;
	background: url(footer_tick.jpg) top right no-repeat;	
	/*border: 1px solid #555;*/
}