/*--------------------------------------
   BASIC
-------------------------------------- */
*                                      { margin: 0; padding: 0; list-style: none; }

body                                   {
	font: normal .7em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	background: #fff;
	text-align: center;
	}


a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                      { outline: none; }

#print-logo { display: none; }
.clear { line-height: 0; clear: both; font-size: 0; height: 0; }
/*--------------------------------------
   LAYOUT
-------------------------------------- */
#wrapper                               {
	width: 970px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/layout/wrapper-bottom-bg.gif) repeat-x left bottom;
	padding-bottom: 5px;
	}
a#topLink                              {
	background: transparent url(../images/layout/toplink.gif) no-repeat 0 0;
	color: #28a3da;
	padding: 25px;
	display: block;
	padding: 2px 0 2px 25px;
	float: right;
	clear: both;
	text-decoration: none;
	position: relative;
	top: -10px;
	font-size: 0.9em;
	}	
a#topLink:visited                      { color: #28a3da; }
a#topLink:hover                        { color: #808080; }

/*--------------------------------------
   HEADER&FLASH
-------------------------------------- */	
#header                                {
	position: relative;
	width: 970px;
	height: 260px;
	margin-top: -1px;
	z-index: 1;
	margin-bottom: 5px;
	}
#logo                                  { position: absolute; }
#headerFlash                           {
	width: 970px;
	height: 260px;
	z-index: 100;
        }
#jsOff                                 { /* pozadinska slika koja se prikazuje ukoliko korisnik ima iskljucen JS i/ili flash */
	position: absolute;
	width: 970px;
	height: 260px;
	z-index: 1;
	}	
	
/*--------------------------------------
   NAV // Lijeva kolona + izbornik
-------------------------------------- */
#nav                                   {
	display: inline;
	float: left;
	width: 185px;
	background: transparent url(../images/layout/nav-bg.gif) no-repeat right 17px;
	padding: 0 0 0 25px;
	}
	
/*--------------------------------------
   NAV - Language
-------------------------------------- */	
#language                              { margin-bottom: 8px; font-weight: bold; }
#language li                           { display: inline; margin-right: 3px; }
#language a:link,
#language a:visited                    { color: #28a3da; text-decoration: none; }
#language a:hover,
#language a:active                     { color: #a0a0a0; text-decoration: underline; }
#language a.on:link,
#language a.on:visited,
#language a.on:hover,
#language a.on:active                  { color: #a0a0a0; text-decoration: none; }

/*--------------------------------------
   NAV - Basic (secMenu)
-------------------------------------- */
#basic                                 { margin: 0 25px 0 0; padding: 0 0 0 20px; clear: both; }
#basic li                              { background: transparent url(../images/layout/bottom-link-border.gif) no-repeat right bottom; }
#basic li.last                         { background: none; padding: 1px 0; margin-bottom: 2px; }
#basic a                               {
	padding: 6px 5px 6px 25px;
	color: #28a3da;
	text-decoration: none;
	display: block;
	height: 1%; /* IE 6 fix */
	}
#basic a:hover                         { color: #a0a0a0; text-decoration: none; }
#basic a.on                            { color: #a0a0a0; text-decoration: none; }
#basic a#b-contact                     { background: transparent url(../images/layout/contact.gif) no-repeat 0 3px; }
#basic a#b-sitemap                     { background: transparent url(../images/layout/sitemap.gif) no-repeat 0 3px; }
#basic a#b-impresum                    { background: transparent url(../images/layout/impresum.gif) no-repeat 0 3px; }

/*--------------------------------------
   NAV - Copyright
-------------------------------------- */
#copyright                             {
	margin: 40px 0 0 -25px;
	padding: 80px 0 0 0;
	font-size: 0.9em;
	font-weight: normal;
	color: #b2b2b2;
	background: #fff url(../images/layout/copyright-bg.gif) no-repeat 34px 0;
	width: 185px;
	}
	
#copyright a                           { color: #b2b2b2; text-decoration: underline; }
#copyright a:hover                     { color: #28a3da; text-decoration: none; }
#copyright span                        { color: #000; }

/*--------------------------------------
   CONTAINER
-------------------------------------- */
#container                             {
	float: right;
	width: 755px;
	display: inline;
	}

/*--------------------------------------
   CONTAINER // Path
-------------------------------------- */	
#path                                  {
	padding-bottom: 8px;
	background: transparent url(../images/layout/wrapper-top-border.gif) no-repeat right bottom;
	margin-bottom: 5px;
	font-size: 0.9em;
	clear: both;
	}
#path li                               { display: inline; margin-right: 0px; }
#container #path a                     {
	background: transparent url(../images/layout/path.gif) no-repeat left center;
	padding-left: 15px;
	}
#container #path a,
#container #path a:hover               { color: #b2b2b2; text-decoration: none;  }
#container #path a.on,
#container #path a.on:hover                  { color: #28a3da; text-decoration: none; }
#container #path a.home { background: none; padding: 0; }

/*--------------------------------------
   mainContainer
-------------------------------------- */
#mainContainer                         {
	display: inline;
	float: left;
	width: 530px;
	padding: 10px 0;
	}
#container a#print                     {
	display: block;
	float: right;
	width: auto;
	background: transparent url(../images/layout/print.gif) no-repeat left center;
	padding: 3px 0 2px 25px;
	text-decoration: none;
	margin-top: -10px;
	font-size: 0.9em;
	}	
#container a#print:visited             { color: #28a3da; }

/*--------------------------------------
   secContainer
-------------------------------------- */
#secContainer                          {
	display: inline;
	float: right;
	width: 198px;
	font-size: .9em;
	line-height: 1.2em;
	}
.rightBox                              {
	width: 198px;
	position: relative;
	margin-bottom: 10px;
	}
.rightBox h2                           { text-indent: -9999px; position: absolute; }
.rightBox h3, .rightBox h4,
.rightBox h5, .rightBox h6             { font-size: 1em; margin: 5px 0; }
.rightBox .content                     { position: relative; padding: 8px 15px 17px 15px; }
.rightBox .content p,
.rightBox .content ul,
.rightBox .content ol                   { margin: 5px 0; }
.rightBox  td                          { padding: 1px 5px; }
.rightBox .date                        { text-align: right; }
.rightBox .content img                           { display: inline; margin: 0 5px; }	
/*--------------------------------------
   Kalendar dogadanja
-------------------------------------- */
#kalendar .content                     { background: transparent url(../images/layout/kalendar-bottom.gif) no-repeat left bottom; }
.rightBox#kalendar .date               { color: #8fb433; }
#container #kalendar a:link,            
#container #kalendar a:visited         { color: #8fb433; text-decoration: underline; }
#container #kalendar a:hover,
#container #kalendar a:active          { color: #8fb433; text-decoration: none; }

.rightBox#kalendar table { margin: 0 -13px 0 -12px; }
.rightBox#kalendar table td { padding: 3px 1px; text-align: left; vertical-align: top; width: 100px;  }


/*--------------------------------------
   Jeste li znali
-------------------------------------- */
#jeste-li-znali .content               { background: transparent url(../images/layout/jeste-li-znali-bottom.gif) no-repeat left bottom; }
#container #jeste-li-znali a:link,      
#container #jeste-li-znali a:visited   { color: #28a3da; text-decoration: underline; }
#container #jeste-li-znali a:hover,
#container #jeste-li-znali a:active    { color: #28a3da; text-decoration: none; }
/*--------------------------------------
   Izdvajamo
-------------------------------------- */
#izdvajamo .content                    { background: transparent url(../images/layout/izdvajamo-bottom.gif) no-repeat left bottom; }
#container #izdvajamo a:link,           
#container #izdvajamo a:visited        { color: #c31d1e; text-decoration: underline; }
#container #izdvajamo a:hover,
#container #izdvajamo a:active         { color: #c31d1e; text-decoration: none; }
#container #izdvajamo h3               { font-size: 1em; }
/*--------------------------------------
   Atrakcije
-------------------------------------- */
#atrakcije .content                    { background: transparent url(../images/layout/atrakcije-bottom.gif) no-repeat left bottom; }
#container #atrakcije a:link,           
#container #atrakcije a:visited        { color: #f3a83b; text-decoration: underline; }
#container #atrakcije a:hover,
#container #atrakcije a:active         { color: #f3a83b; text-decoration: none; }
#container #atrakcije h3               { font-size: 1em; }
/*--------------------------------------
   Legende i price
-------------------------------------- */
#legende-i-price .content              { background: transparent url(../images/layout/legende-i-price-bottom.gif) no-repeat left bottom; }
#container #legende-i-price a:link,     
#container #legende-i-price a:visited  { color: #00558f; text-decoration: underline; }
#container #legende-i-price a:hover,
#container #legende-i-price a:active   { color: #00558f; text-decoration: none; }
#container #legende-i-price h3         { font-size: 1em; }
/*--------------------------------------
   Glagoljica
-------------------------------------- */
#glagoljica .content                   { background: transparent url(../images/layout/glagoljica-bottom.gif) no-repeat left bottom; }
#container #glagoljica a:link,          
#container #glagoljica a:visited       { color: #a4704a; text-decoration: underline; }
#container #glagoljica a:hover,
#container #glagoljica a:active        { color: #a4704a; text-decoration: none; }
#container #glagoljica h3              { font-size: 1em; }