/*--------------------------------------------
	Basic
---------------------------------------------*/
*                                              { margin: 0; padding: 0; list-style: none; }
body                                           {
	font: normal .75em/1.3em Tahoma, Geneva, sans-serif;
	color: #605d5c;
	background: #fff url(../images/layout/body-bg.gif);
	behavior:url("js/csshover.htc");
}
h1, h2, h3, h4, h5, h6                         { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
a img                                          { border: none; outline: none; }

a, a:link, a:visited, a:hover, a:active, 
input                                          { outline: none; }
#print-logo                                    { display: none; }

/*--------------------------------------------
	Layout
---------------------------------------------*/
#wrapper                                       {
	background: transparent url(../images/layout/wrapper-bg.gif) no-repeat 0 0;
	padding: 0 0 0 40px;
}

#header                                        { width: 960px; background: transparent url(../images/layout/header-bg.gif) repeat-x 0 0; padding: 23px 0 0 0; }
#flash                                         { background: #fff; height: 345px; }
#flash a                                       { color: #605d5c; text-decoration: underline; }
#flash a:hover                                 { color: #605d5c; text-decoration: none; }
#sec-container                                 { display: inline; float: left; width: 267px; }
#content-wrapper                               { float: left; width: 685px; }
#container                                     {
	height: 100%;
	overflow: hidden;
	background: transparent url(../images/layout/container-border.gif) repeat-y 0 0;
	padding: 0 0 0 102px;
}
#footer                                        {
	clear: both;
	background: transparent url(../images/layout/container-bottom.gif) no-repeat 0 0;
	height: 41px;
}

/*--------------------------------------------
	menu
---------------------------------------------*/
#menu                                          {
	background: #fff url(../images/layout/menu-bg-bottom.gif) no-repeat left bottom;
	padding: 0 15px 30px 15px;
	margin: 0 0 25px 0;
	font: normal 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menu li                                       {
	padding: 8px 0;
	border-bottom: 1px solid #70c8d3;
}
#menu a                                        {
	display: block;
	background: transparent url(../images/layout/menu-bullet.gif) no-repeat 2px 4px;
	padding: 0 0 0 26px;
}

#menu a                                        { color: #25afb9; text-decoration: none; }
#menu a:hover                                  { color: #25afb9; text-decoration: underline; }

#menu .nav1-on a,
#menu .nav1-on a:hover                         { color: #da251d; text-decoration: none; }

#menu .nav2,
#menu .nav2-on,
#menu .nav2-last,
#menu .nav2-last-on                            {
	margin: 0;
	padding: 3px 3px 3px 20px;
	border: none;
	font-size: 12px;
}

#menu .nav3,
#menu .nav3-on,
#menu .nav3-last,
#menu .nav3-last-on                            {
	margin: 0;
	padding: 3px 3px 3px 40px;
	border: none;
	font-size: 12px;
}

#menu .nav4,
#menu .nav4-on,
#menu .nav4-last,
#menu .nav4-last-on                            {
	margin: 0;
	padding: 3px 3px 3px 40px;
	border: none;
	font-size: 12px;
}

#menu .nav2-last,
#menu .nav2-last-on,
#menu .nav3-last,
#menu .nav3-last-on,
#menu .nav4-last,
#menu .nav4-last-on                            { border-bottom: 1px solid #70c8d3; padding-bottom: 8px; margin-bottom: 0; }

#menu .nav2-on a,
#menu .nav2-on a:hover,
#menu .nav2-last-on a,
#menu .nav2-last-on a:hover,
#menu .nav3-on a,
#menu .nav3-on a:hover,
#menu .nav3-last-on a,
#menu .nav3-last-on a:hover,
#menu .nav4-on a,
#menu .nav4-on a:hover,
#menu .nav4-last-on a,
#menu .nav4-last-on a:hover                    { color: #da251d; text-decoration: none; }

/*--------------------------------------------
	donacije
---------------------------------------------*/
#donacije                                      {
	width: 236px;
	height: 267px;
	position: relative;
	background: transparent url(../images/layout/spozori-bg.gif) no-repeat 0 0;
	margin: 0 0 0 7px;
	color: #898887;
}

#donacije label                                { display: none; }
#donacije p input                              {
	font: bold 11px Tahoma, Geneva, sans-serif;
	color: #898887;
	background: #fff;
	width: 37px;
	height: 16px;
	position: absolute;
	top: 14px;
	left: 134px;
	border: none;
}
#donacije p span                               {
	position: absolute;
	top: 14px;
	left: 177px;
	font-size: 11px;
}
span#gumb                                      {
	display: block;
	text-indent: -9999px;
	width: 17px;
	height: 17px;
	position: absolute;
	top: -5px;
	right: 18px;
}
	
#kartice                                       {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 55px;
}	
	
/*--------------------------------------------
	sponzori
---------------------------------------------*/	
#sponzori                                      {
	width: 210px;
	color: #fff;
	margin: -175px 0 0 20px;
	position: relative;
	height: 1%;
}
#sponzori hr                                   { display: none; }
#sponzori h2                                   { font: normal 14px Tahoma, Geneva, sans-serif; margin-bottom: 30px; }
#sponzori img                                  { display: inline; float: left; margin: 7px; }

/*--------------------------------------------
	tips
---------------------------------------------*/
#container ul#tips                             { margin: 100px 0 0 -32px; padding: 0; position: absolute; }
#container ul#tips li                          {
	padding: 0;
	margin: 0 0 8px 0;
	width: 21px;
	height: 20px;
	cursor: pointer;
	position: relative;
}
#container ul#tips li#tip1                     { background: url(../images/layout/hrabar.gif) no-repeat 0 0; }
#container ul#tips li#tip2                     { background: url(../images/layout/suosjecajan.gif) no-repeat 0 0; }
#container ul#tips li#tip3                     { background: url(../images/layout/spretan.gif) no-repeat 0 0; }

#container ul#tips li ul                       {
	position: absolute;
	top: 0;
	left: -64px;
	width: 60px;
	font-size: 11px;
	text-align: right;
	visibility: hidden;
	padding: 0;
	margin: 0;
}

#container ul#tips li ul li                    { width: 60px; background: none; padding: 0; margin: 0; }
#container ul#tips li:hover ul                 { visibility: visible; }