/* **************************** /*
** green lush css based layout  **
** ---------------------------- **
** author: Yamazaki             **
** this layout is free for      **
** download, however you can't  **
** redistribute it and put the  **
** zip / rar file in your web   **
** without any permissions from **
** the author. thank you        **
** ---------------------------- **
** have fun with the layout     **
/* **************************** */


body
{
	font-size:       70%; /* reset 1EM to 10px */
	margin:          0;
	padding:         0;
	background:      transparent url('bg.png') top left repeat;
	font-family:     'lucida grande', arial, tahoma, sans-serif;
}

#container
{
	margin:          0 auto;
	width:           843px;
	position:        relative;
	background:      transparent url('containerbg.png') top left repeat-y;
}


#header
{
	margin:          0 auto;
	width:           800px;
	height:          200px;
	background:      transparent url('GLAVA.jpg') top left no-repeat;
	padding:0px;
	border:0px solid gray;
}


}

.headtitle
{
	position:        relative;
	font-family:     'lucida grande', arial, tahoma, sans-serif;
	font-size:       40px;
	color:           #FFF;
	top:             8px;
	left:            30px;
}

#menu
{
	margin:          0 20px;
	height:          29px;
	background:      #bbd75a !important;
	background:      #b3d24e;
	padding:         8px 0;
}

#menu ul
{
	margin:          0;
	padding:         7px;
	background:      transparent url('menuoff.png') top left repeat-x;
	height:          29px;
}

#menu ul li
{
   
	list-style:      none;
	display:         inline;
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
	color:           #767676;	
	padding:         13px 26px 20px 7px;
	font-size:       1em;
	background:      transparent url('menuoff.png') center left repeat-x;
	font-family:     'lucida grande', arial, sans-serif;
	font-weight:     bold;
	text-decoration: none;
}

#menu ul li a:hover
{
	background:      transparent url('menuon.png') center left repeat-x;
	color:           #FDFDFD;
}

#roundedheader
{
	width:           800px;
	height:          18px;
	margin:          0 auto;
	background:      transparent url('belowheader.png') top left no-repeat;
}

#content
{
	min-height:      390px;
	width:           800px;
	margin:          0 auto;
	background:      transparent url('contentbg.png') top left repeat-y;
}


#insidecontent
{
	float:           left;
	padding-left:    35px;
	width:           500px;
}

#insidecontent p
{
	margin:          0;
	color:           #767676;
	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
	font-size:       1.2em;
	line-height:     170%;
}

#spodnji_kontejner
{
   /*float:           center;*/
	width:           720px;
	/*height:         100 px;*/
	position:        relative;
	/*top:             0em;*/
	*left:          0em;
	padding:         10px 10px 10px 10px;
	margin:			0px 0px 0px 0px;
	background:      #f6f6f6;
	
	border-style:	 solid;
	border-color:	 #DCDCDC;
	border-width:	 1px 1px 1px 1px;
}

#right_container
{
	float:           right;
	width:           175px;
	height:          130px;
	position:        relative;
	top:             2em;
	left:            -23em;
}


#top_rect
{	
	padding:         3px 15px 10px 10px;
	margin:			 0px 0px 10px 0px;
	position:		 relative;
	float:			 right;
	width:           155px;
	height:          100px;
    background:      #f6f6f6;
	top:             1em;
	left:            -3em;
}

#top_rect_dva
{	

	margin:			 0px 0px 10px 0px;
	position:		 relative;
	float:			 right;
	width:           175px;
	height:        90px;
    background:       transparent url('abovefooter.png') top left no-repeat;
	top:             -10em;
	left:            19em;
}




#top_rect p
{
	margin:          0;
	color:           #565656;
	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
	font-size:       1em;
	line-height:     170%;
}

#top_rect a:link, #top_rect a:active, #top_rect a:visited
{
	text-decoration: underline;
	color:           #e36767;
}

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

#bottom_rect
{	
	padding:         3px 15px 10px 10px;
	margin:			 0px 0px 10px 0px;
	position:		 relative;
	float:			 right;
	
	height:          130px;
    background:      #ffffff;
	top:             1em;
	left:            -3em;
	border-style:	 solid;
	border-color:	 #d40000;
	border-width:	 0px 0px 0px 0px;
}

#bottom_rect_dva
{	
	padding:         5px 15px 10px 10px;
	margin:			 0px 0px 10px 0px;
	position:		 relative;
	float:			 right;
	width:           175px;
	heigh:         50
    background:      #f6f6f6;
	top:             19em;
	left:            21.4em;
	border-style:	 solid;
	border-color:	 #DCDCDC;
	border-width:	 1px 1px 1px 1px;
   
}


#bottom_rect p
{
	margin:          0;
	color:           #565656;
	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
	font-size:       1em;
	line-height:     170%;
}

#bottom_rect a:link, #bottom_rect a:active, #bottom_rect a:visited
{
	text-decoration: underline;
	color:           #e36767;
}

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

#roundedfooter
{
	width:           800px;
	height:          17px;
	margin:          0 auto;
	background:      transparent url('abovefooter.png') top left no-repeat;
}

 

h1
{
	margin:          0;
	font-weight:     normal;
	color:           #d8f7af;
	font-size:       3.2em;
}

h2
{
   
	margin:          0;
	display:         inline;
	position:        relative;
	top:             -1.5em;
	left:            2em;
	font-size:       1.8em;
	font-weight:     normal;
	color:           #94c258;
}

h3
{
	
	margin:          0;
	font-size:       1.5em;
	font-weight:     normal;
	color:           #94C258;
}

h4
{
	margin:          0;
	font-weight:     normal;
	color:           #d8f7af;
	font-size:       2.4em;
	}

h5
{
   
	margin:          0;
	display:         inline;
	position:        relative;
	top:             -1.5em;
	left:            2em;
	font-size:       1.6em;
	font-weight:     normal;
	color:           #94c258;
}

h6
{
   
	margin:          0;
	display:         inline;
	position:        relative;
	top:             -1.5em;
	left:            2em;
	font-size:       1.2em;
	font-weight:     normal;
	color:           #000000;
}



#footer
{
	margin:          0 auto;
	width:           800px;
	height:          39px;
	background:      transparent url('footer.png') top left repeat-x;
}

#footer span
{
	display:         block;
	position:        relative;
	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
	font-size:       1.2em;
	padding:         10px;
	color:           #565656;
}
img.OKV /* okvircek za slike */
{  border: 6px solid #f1f1f1;
-moz-border-radius: 2px;
}