/*-----------------------------------------------------
   BASIC
------------------------------------------------------ */
*                                                      { margin: 0; padding: 0; list-style: none;}
body                                                   {
	font: normal 13px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #5dadd6 url(../images/layout/body.jpg) no-repeat scroll center 0;
	text-align: center;
}
a img                                                  { border: none;}
a, a img,
a:link, a:visited,
a:hover, a:active                                      { outline: none;}
.clear                                                 { clear: both;}
.center                                                { text-align: center;}
#print-logo { display: none; }
/*-----------------------------------------------------
   LAYOUT - Basic
------------------------------------------------------ */
#wrapper-bg                                            {
	width: 990px;
	text-align: left;
	margin: 0 auto;
	background: #9ecee6;
}
#wrapper                                               { width: 960px; margin: 0 auto; background: #004d94;}
	
/*-----------------------------------------------------
   HEADER
------------------------------------------------------ */	
#header                                                {
	width: 932px;
	margin: 0 auto 30px auto;
	padding: 190px 0 0 0;
	background: transparent url(../images/layout/header.jpg) no-repeat 0 0;
}
#slogan                                               {
	display: block;
	width: 170px;
	height: 70px;
	margin: -130px 0 0 30px;
	position: absolute;
}
#slogan span { display: none; }

/*-----------------------------------------------------
   NAV
------------------------------------------------------ */
#nav                                                   {
	height: 36px;
	background: transparent url(../images/layout/nav-bg.gif) no-repeat 0 0;
	font-size: .8em;
}
	
/*-----------------------------------------------------
   PATH
------------------------------------------------------ */	
#path                                                  {
	display: inline;
	float: left;
	margin: 7px 0 0 25px;
	color: #196c9e;
}
#path li                                               { display: inline;}
#path a                                                {
	color: #196c9e;
	text-decoration: none;
	padding-right: 12px;
	margin-right: 2px;
	background: transparent url(../images/layout/path-arrow.gif) no-repeat right center;
}
#path a.on                                            { padding: 0; background: none;}

/*-----------------------------------------------------
   OPTIONS
------------------------------------------------------ */
#options                                               {
	display: inline;
	float: right;
	text-align: right;
	margin: 7px 25px 0 0;
	color: #196c9e;
}
#options li                                            { display: block; margin-left: 15px; float: left;}
#options a                                             { color: #196c9e; text-decoration: none;}
	
#options a:hover                                       { text-decoration: underline;}
#large                                                 { font-size: 1.1em;}
#print a                                               {
	display: block;
	width: 11px; height: 10px;
	background: transparent url(../images/layout/print.gif) no-repeat 0 0;
	margin-top: 3px;
}
#print a span                                          { display: none;}

/*-----------------------------------------------------
   CONTAINER (kolone)
------------------------------------------------------ */
#container                                             {
	margin: 0 20px 15px 20px;
	overflow: hidden;
	height: 100%;
}

#secContent                                            {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
}

#mainContent                                           {
	display: inline;
	float: left;
	width: 680px;
	background: transparent url(../images/layout/maincontent-bg.gif) repeat-y;
	padding: 20px 20px 0 20px;
}
#mainContent .top                                     {
	height: 10px;
	background: transparent url(../images/layout/maincontent-top.gif) no-repeat;
	margin: -20px -20px 10px -20px;
}
#mainContent .bottom                                  {
	height: 20px;
	background: transparent url(../images/layout/maincontent-bottom.gif) no-repeat left bottom;
	margin: 0 -20px 0 -20px;
	clear: both;
}
#mainContent.home                                     {
	width: 531px;
	padding: 0;
	background: none;
}	

#banneri                                              {
	display: inline;
	float: right;
	width: 180px;
}
#banneri img                                          { margin: 0 0 12px 0;}

/*-----------------------------------------------------
   SecContent
------------------------------------------------------ */
#secContent h3 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #004d94;
	margin: 0 20px 10px 0;
	text-align: center;
}

/*-----------------------------------------------------
   KONVERTER
------------------------------------------------------ */	
#konverter                                             {
	background: transparent url(../images/layout/konverter-bg.gif) no-repeat 0 0;
	width: 190px; height: 300px;
	padding: 20px 0 0 0;
	font-size: 1em;
	margin-bottom: 15px;
}
#konverter a                                          { color: #004d94; text-decoration: underline;}
#konverter a:hover                                    { color: #004d94; text-decoration: none;}

/*-----------------------------------------------------
   NEWSLETTER
------------------------------------------------------ */		
#newsletterWrapper                                     {
	width: 166px; height: 110px;
	margin-bottom: 15px;
	position: relative;
	padding: 15px 12px;
	background: transparent url(../images/layout/newsletter-bg.gif) repeat-y 0 0;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#newsletterWrapper .top                               {
	width: 190px; height: 10px;
	background: transparent url(../images/layout/newsletter-top-bg.gif) no-repeat 0 0;
	position: absolute;
	left: 0; top: 0;
}
#newsletterWrapper .bottom                            {
	width: 190px; height: 10px;
	background: transparent url(../images/layout/newsletter-bottom-bg.gif) no-repeat 0 0;
	position: absolute;
	left: 0; 
	bottom: 0 !important;
	bottom: -7px;
}	

#secContent #newsletterWrapper h3 { color: #fff; margin-left: 0; text-align: left; font-size: 13px; }
#newsletterSubscribe { padding: 0 0 0 13px; font-size: 11px; line-height: 1.25em; }
#newsletterLink { height: 100%; overflow: hidden; padding-top: 5px; }
#newsletterLink a { display: block; float: left; width: auto; background: #004d94; padding: 2px 5px; text-decoration: none; color: #fff; }
#newsletterLink a:hover { background: #096cc8; }

/*-----------------------------------------------------
   FOOTER
------------------------------------------------------ */
#footer                                                {
	width: 900px;
	margin: 0 auto;
	background: #5dadd6 url(../images/layout/footer-top-bg.gif) no-repeat 0 0;
	padding: 5px 10px;
	font-size: 10px;
}
	
#topLink                                              { text-align: right;}
#topLink a, #footer a                                 { color: #fff; text-decoration: underline;}
#topLink a:hover, #footer a:hover                     { color: #fff; text-decoration: none;}

#copyright                                            { padding: 5px 0 10px 0; text-align: center; font-size: 11px;}

#development                                          { color: #abd4ea; text-align: center; padding-bottom: 15px;}
#development a                                        { color: #abd4ea; text-decoration: underline;}
#development a:hover                                  { color: #abd4ea; text-decoration: none;}