/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
margin: 0px;
padding: 0px;
}

a:link {
	color: #7BBB15;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}

a:visited {
	color: #7BBB15;
}

body {
	
	background: #e0f4fc url(images/ozadje.jpg) repeat-x;
	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#content
{
	margin: 0 auto;
   width: 965px;
	text-align: left;
}

.mojstil
{
    font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#back
{

  width: 965px; 
}

#header {
	height: 63px;
	text-align: left;		
}

#menu1
{
width: 955px;
height: 45px;
padding-left: 5px;
}

#menu ul {
	list-style: none;	
}

#menu li {
	
	display: inline; 
	
}

#menu a {
	float: left;
	width: 79px;
	height: 32px;
    display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

#button0 a
{
background: url(images/button1.png) no-repeat;
height: 42px;
width: 70px;
padding-top: 5px;
}

#button1 a
{
background: url(images/buttonX.png) no-repeat;
height: 42px;
width: 95px;
padding-top: 5px;
}

#button2 a
{
background: url(images/buttonX.png) no-repeat;
height: 42px;
width: 95px;
padding-top: 5px;
}

#button3 a
{
background: url(images/buttonX.png) no-repeat;
height: 42px;     
width: 95px;
padding-top: 5px;
}

#button4 a
{
background: url(images/buttonX.png) no-repeat;
height: 42px;
width: 95px;
padding-top: 5px;
}

#button5 a
{
background: url(images/button5.png) no-repeat;
height: 42px;
width: 95px;
padding-top: 5px;
}

#button6 a
{
background: url(images/button2.png) no-repeat;
height: 42px;
width: 95px;
padding-top: 5px;
}

#button7 a
{
background: url(images/button3.png) no-repeat;
height: 42px;
width: 95px;
padding-top: 5px;
}

#button8 a
{
background: url(images/button4.png) no-repeat;
height: 42px;
width: 95px;
padding-top: 5px;
}

#button9 a
{
background: url(images/button8.png) no-repeat;
height: 42px;
width: 95px;
padding-top: 5px;
}

#button10 a
{
background: url(images/button9.png) no-repeat;
height: 42px;
width: 95px;
padding-top: 5px;
}

#buttonX a
{
background: url(images/buttonX.png) no-repeat;
height: 42px;
width: 95px;
padding-top: 5px;
}

#logo {
width: 945px;
height: 8px;
text-align: left;
padding-left: 20px;
padding-top: 10px;
}


#logo a {
	text-decoration: none;
	/*text-transform: lowercase;*/
	font-style: italic;
	font-size: 24px;
	color: #000000;
}

#logo H1, #logo H2
{
line-height: 16px;

}

#logo H2 a
{
font-size: 10px;
text-transform: uppercase;
}

#top
{
background: url(images/top.gif) no-repeat;
height: 10px;
}

#main
{
width: 965px;
background: #FFFFFF;
}
#boxes
{
width: 965px;
height: 100px;
margin-bottom: 15px;
}

#top1
{
width: 933px;
background: url(images/top1.gif) no-repeat;
height: 15px;
}

#bottom1
{
width: 933px;
background: url(images/bottom1.gif) no-repeat top;
height: 11px;
}

#page
{
width: 933px;
margin: 0 auto;
}

#back1
{
background: #ECECEC;
}

#leftzelena
{
	width: 207px;
	margin-left: 10px;
}

#leftzelena H3
{
width: 182px;
height: 28px;
font-size: 12px;
font-weight: bold;
padding-left: 25px;
padding-top: 10px;
text-transform: uppercase;
color: #ffffff;
background: url(images/okvir_zelena.gif) repeat-x
}

#leftzelena ul {
	list-style: none;
    font-size: 12px;
	padding-left: 20px;
}

#leftzelena li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#leftzelena li  {
	padding: 5px 10px;
	font-weight:bold;
    background: url(images/small_zelena.gif) no-repeat left;
}

#leftzelena a {
	color: #7BBB15;
}
#leftzelena a:visited {
	color: #7BBB15;
}

#leftzelena p
{
padding: 10px;
}


#leftoranzna
{
	width: 207px;
	margin-left: 10px;
}

#leftoranzna H3
{
width: 192px;
height: 30px;
font-size: 10px;
font-weight: bold;
padding-left: 15px;
padding-top: 8px;
text-transform: uppercase;
color: #ffffff;
background: url(images/okvir_oranzna.gif) repeat-x
}

#leftoranzna ul {
	list-style: none;
    font-size: 12px;
	padding-left: 20px;
}

#leftoranzna li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#leftoranzna li  {
	padding: 5px 10px;
	font-weight:bold;
    background: url(images/small_oranzna.gif) no-repeat left;
}

#leftoranzna a {
	color: #e89b16;
}
#leftoranzna a:visited {
	color: #e89b16;
}

#leftoranzna p
{
padding: 10px;
}




#leftrdeca
{
	width: 207px;
	margin-left: 10px;
}

#leftrdeca H3
{
width: 195px;
height: 30px;
font-size: 8px;
font-weight: bold;
padding-left: 12px;
padding-top: 10px;
text-transform: uppercase;
color: #ffffff;
background: url(images/okvir_rdeca.gif) repeat-x
}

#leftrdeca ul {
	list-style: none;
    font-size: 12px;
	padding-left: 20px;
}

#leftrdeca li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#leftrdeca li  {
	padding: 5px 10px;
	font-weight:bold;
    background: url(images/small_rdeca.gif) no-repeat left;
}

#leftrdeca a {
	color: #e41d1d;
}
#leftrdeca a:visited {
	color: #e41d1d;
}

#leftrdeca p
{
padding: 10px;
}



#leftmodra
{
	width: 207px;
	margin-left: 10px;
}

#leftmodra H3
{
width: 182px;
height: 30px;
font-size: 10px;
font-weight: bold;
padding-left: 25px;
padding-top: 8px;
text-transform: uppercase;
color: #ffffff;
background: url(images/okvir_modra.gif) repeat-x
}

#leftmodra ul {
	list-style: none;
    font-size: 12px;
	padding-left: 20px;
}

#leftmodra li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#leftmodra li  {
	padding: 5px 10px;
	font-weight:bold;
    background: url(images/small_modra.gif) no-repeat left;
}

#leftmodra a {
	color: #124bbf;
}
#leftmodra a:visited {
	color: #124bbf;
}

#leftmodra p
{
padding: 10px;
}



#leftroza
{
	width: 207px;
	margin-left: 10px;
}

#leftroza H3
{
width: 182px;
height: 30px;
font-size: 10px;
font-weight: bold;
padding-left: 25px;
padding-top: 8px;
text-transform: uppercase;
color: #ffffff;
background: url(images/okvir_roza.gif) repeat-x
}

#leftroza ul {
	list-style: none;
    font-size: 12px;
	padding-left: 20px;
}

#leftroza li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#leftroza li  {
	padding: 5px 10px;
	font-weight:bold;
    background: url(images/small_roza.gif) no-repeat left;
}

#leftroza a {
	color: #d553cd;
}
#leftroza a:visited {
	color: #d553cd;
}

#leftroza p
{
padding: 10px;
}


#lefttemzelena
{
	width: 207px;
	margin-left: 10px;
}

#lefttemzelena H3
{
width: 195px;
height: 30px;
font-size: 8px;
font-weight: bold;
padding-left: 12px;
padding-top: 10px;
text-transform: uppercase;
color: #ffffff;
background: url(images/okvir_temzelena.gif) repeat-x
}

#lefttemzelena ul {
	list-style: none;
    font-size: 12px;
	padding-left: 20px;
}

#lefttemzelena li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#lefttemzelena li  {
	padding: 5px 10px;
	font-weight:bold;
    background: url(images/small_temzelena.gif) no-repeat left;
}

#lefttemzelena a {
	color: #004000;
}
#lefttemzelena a:visited {
	color: #004000;
}

#lefttemzelena p
{
padding: 10px;
}



#leftvijolicna
{
	width: 207px;
	margin-left: 10px;
}

#leftvijolicna H3
{
width: 195px;
height: 30px;
font-size: 8px;
font-weight: bold;
padding-left: 12px;
padding-top: 10px;
text-transform: uppercase;
color: #ffffff;
background: url(images/okvir_vijolicna.gif) repeat-x
}

#leftvijolicna ul {
	list-style: none;
    font-size: 12px;
	padding-left: 20px;
}

#leftvijolicna li ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#leftvijolicna li  {
	padding: 5px 10px;
	font-weight:bold;
    background: url(images/small_vijolicna.gif) no-repeat left;
}

#leftvijolicna a {
	color: #400040;
}
#leftvijolicna a:visited {
	color: #400040;
}

#leftvijolicna p
{
padding: 10px;
}





#calendar1 {
	padding: 0 10px 20px 10px;
}

#calendar table {
	width: 100%;
	text-align: center;
}

#calendar thead {

}

#calendar tbody td {
	border: 1px solid #F1F1F1;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}

#calendar #now {
	background: #696969;
	border: 1px solid #ff0000;
	font-weight: bold;
	color: #ffffff
}


#skupajzelena
{
	width: 857px;
	margin-left: 20px;
	padding-right: 10px;
}

#skupajzelena H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #7BBB15;
}

#skupajzelena a
{
color: #7BBB15;
text-decoration: none;
}

#skupajzelena p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#skupajzelena h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 14px;
	color: #7BBB15;
}

#skupajzelena ol, #skupajzelena ul
{
margin-left: 30px;
}



#rightzelena
{
float: right;
width: 450px;
padding-right: 10px;
}

#rightzelena H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #7BBB15;
}

#rightzelena a
{
color: #7BBB15;
text-decoration: none;
}

#rightzelena p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#rightzelena h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 14px;
	color: #7BBB15;
}

#rightzelena ol, #rightzelena ul
{
margin-left: 30px;
}



#rightoranzna
{
float: right;
width: 650px;
padding-right: 10px;
}

#rightoranzna H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #e89b16;
}

#rightoranzna a
{
color: #e89b16;
text-decoration: none;
}

#rightoranzna p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#rightoranzna h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 14px;
	color: #e89b16;
}

#rightoranzna ol, #rightoranzna ul
{
margin-left: 30px;
}



#rightmodra
{
float: right;
width: 650px;
padding-right: 10px;
}

#rightmodra H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #124bbf;
}

#rightmodra a
{
color: #124bbf;
text-decoration: none;
}

#rightmodra p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#rightmodra h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 14px;
	color: #124bbf;
}

#rightmodra ol, #rightmodra ul
{
margin-left: 30px;
}



#rightrdeca
{
float: right;
width: 650px;
padding-right: 10px;
}

#rightrdeca H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #e41d1d;
}

#rightrdeca a
{
color: #e41d1d;
text-decoration: none;
}

#rightrdeca p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#rightrdeca h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 14px;
	color: #e41d1d;
}

#rightrdeca ol, #rightrdeca ul
{
margin-left: 30px;
}


#rightroza
{
float: right;
width: 650px;
padding-right: 10px;
}

#rightroza H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #d553cd;
}

#rightroza a
{
color: #d553cd;
text-decoration: none;
}

#rightroza p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#rightroza h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 14px;
	color: #d553cd;
}

#rightroza ol, #rightroza ul
{
margin-left: 30px;
}



#rightvijolicna
{
float: right;
width: 650px;
padding-right: 10px;
}

#rightvijolicna H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #400040;
}

#rightvijolicna a
{
color: #400040;
text-decoration: none;
}

#rightvijolicna p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#rightvijolicna h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 14px;
	color: #400040;
}

#rightvijolicna ol, #rightvijolicna ul
{
margin-left: 30px;
}


#righttemzelena
{
float: right;
width: 650px;
padding-right: 10px;
}

#righttemzelena H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #004000;
}

#righttemzelena a
{
color: #004000;
text-decoration: none;
}

#righttemzelena p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#righttemzelena h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 14px;
	color: #004000;
}

#righttemzelena ol, #righttemzelena ul
{
margin-left: 30px;
}


.date {
	text-align: right;
	color: #808080;
	font-size: 11px;
}

.date a {
	color: #D72020;
}



#footer {
	height: 29px;
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
	background: url(images/bottom.gif) no-repeat top;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #666666;
}

#footer a {
	color: #666666;
}
