/*** START GENERAL ***/

body
{
	margin: 0;
	padding: 0;
	background-image: url(../img/back.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #eaeaea;
	font-family: arial, helvetica, sans-serif;
}

#container
{
	width: 760px;
	margin: 0 auto;
 	padding: 0px 8px 0px 8px;
	background-image: url(../img/background.png);
	background-repeat: repeat-y;
	background-position: top center;
}

#containerbottombg
{
	width: 770px;
	height: 20px;
	margin: 0 auto;
	background-image: url(../img/containerbottombg.png);
	background-position: top;
	background-repeat: repeat-x;
	line-height: 2em;
	font-size: 0.7em;
	color: #000000;
	text-align: center;
}

#top3
{
		width: 760px;
		height: 41px;
		margin: 0 auto;
		background-image: url(../img/top3.gif);
		background-repeat: no-repeat;
		background-position: top center;
}

#content
{
	float: left;
	width: 529px;
	margin: 8px 0 0 0;
}

h2
{
	font-size: 1.4em;
	color: #434343;
}

h2 a,
h2 a:visited
{
	color: #74a8f5;
	text-decoration: none;
}

h2 a:active,
h2 a:hover
{
	color: #fb9622;
}

p
{
	color: #434343;
}

em
{
	font-style: normal;
	font-weight: bold;
}

a:link,
a:visited
{
	color: #74a8f5;
}

a:active,
a:hover
{
	color: #fb9622;
}

#content #error
{
	background-color: #fff;
	color: #FE4D30;
	font-weight: bold;
	font-size: 0.9em;
}

/*** END GENERAL ***/



/*** START HEADER ***/

#header
{
	width: 760px;
	height: 168px;
	position: relative;
}

#logo
{
	position: absolute;
	left: 0;
	top: 0;
}

#logo h1
{
	width: 198px;
	height: 64px;
	margin: 0 0 0 8px;
	padding: 0;
	background-image: url(../img/logo1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;	
	text-indent: -1000em;
	overflow: hidden;
	position: relative;
}

#logo h1 a
{
	position: absolute;
	top: 0;
	left: 0px;
	display: block;
	width: 198px;
	height: 64px;
	margin: 0;
	padding: 0;
}

#logo p
{
	color: #000000;
	font-size: 0.75em;
	font-weight: normal;
	margin: 5px 0 0 8px;
}	

#navigationheader
{
	position: absolute;
	left: 223px;
	top: 0;
	width: 529px;
	height: 52px;
	margin: 0;
	border-bottom: 1px solid #434343;
	background-image: url(../img/designcascade.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#navigationheader h2
{
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
	overflow: hidden;
}

#navigationheader ul
{
	display: block;
	margin:	14px 0 0 16px;
	padding: 0;
}

#navigationheader ul li
{
	display: inline;
	margin: 0 16px 0 0;
	padding: 0;
	list-style: none;
}

#navigationheader ul li a
{
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 0em;
	text-decoration: none;
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 28px;
}

#navigationheader ul li a:link,
#navigationheader ul li a:visited
{
	color: #434343;
}

#navigationheader ul li a:hover,
#navigationheader ul li a:active
{
	color: #92CD00;
	background-position: center left;
	background-repeat: no-repeat;
}

#navigationheader ul li a#navinformation { background-image: url(../img/icons/ginformation.gif); }
#navigationheader ul li a#navinformation:hover { background-image: url(../img/icons/grinformation.gif); }
#navigationheader ul li a#navsuggestion { background-image: url(../img/icons/gsuggestion.gif); }
#navigationheader ul li a#navsuggestion:hover { background-image: url(../img/icons/grsuggestion.gif); }
#navigationheader ul li a#navsitemap { background-image: url(../img/icons/gsitemap.gif); }
#navigationheader ul li a#navsitemap:hover { background-image: url(../img/icons/grsitemap.gif); }

#introduction
{
	position: absolute;
	left: 223px;
	top: 138px;
	width: 529px;
	height: 29px;
	border-bottom: 1px solid #434343;
}

#introduction h1
{
	width: 238px;
	height: 40px;
	margin: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #939393;
	font-size: 1.4em;
	text-align: center;
}

#introduction h2
{
	width: 198px;
	height: 40px;
	margin: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #939393;
	text-align: center;
}

#introduction h3
{
	position: absolute;
	left: 213px;
	top: 0px;
	width: 310px;
	height: 40px;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	color: #939393;
	text-align: center;
}

#introduction h4
{
	position: absolute;
	left: 253px;
	top: 0px;
	width: 270px;
	height: 40px;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	color: #939393;
	text-align: center;
}

#introduction strong
{
	color: #92CD00;
}

#msposlovni
{
	position: absolute;
	left: 223px;
	top: 61px;
	width: 529px;
	height: 68px;
	border-bottom: 1px solid #434343;
}

#msposlovni h1
{
	width: 529px;
	height: 60px;
	padding: 0;
	margin: 0 0 0 31px;
	background-image: url(http://www.microsoft.com/croatia/images/povezani_sadrzaji/banneri_poslovni/468x60.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -1000em;
	overflow: hidden;
	position: relative;
}

#msposlovni h1 a
{
	position: absolute;
	top: 0;
	left: 0px;
	display: block;
	width: 468px;
	height: 60px;
	margin: 0;
	padding: 0;
}

/*** END HEADER ***/



/*** START SIDEBAR ***/

#sidebar
{
	float: left;
	clear: left;
	width: 198px;
	margin: -44px 17px 0 0;
	padding: 0 0 0 8px;
}

#navigationmain
{

}

#navigationmain h2
{
	height: 40px;
	margin: 0 0 3px 0;
	padding: 0;
}

#navigationmain ul
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #434343;
}

#navigationmain ul li
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #434343;
	list-style: none;

}

#navigationmain ul li a
{
	display: block;
	margin:	8px 0 8px 12px;
	padding: 0 0 0 28px;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 26px;
	background-position: center left;
	background-repeat: no-repeat;
}

#navigationmain ul li a:link,
#navigationmain ul li a:visited
{
	color: #434343;
}

#navigationmain ul li a:active,
#navigationmain ul li a:hover
{
	color: #74a8f5;
	background-position: center left;
	background-repeat: no-repeat;
}

#navigationmain ul li a.current
{
	background-color: #f4f4f4;
}


#navigationmain ul li a.current:active,
#navigationmain ul li a.current:hover
{
	color:						#74a8f5;
}

#navigationmain ul li a.podmeni
{ 
	font-size: 0.7em;;
	margin:	0px 0px 0px 26px;
	line-height: 15px;
}

#navigationmain ul li a#navhome { background-image: url(../img/icons/ghome.gif); }
#navigationmain ul li a#navhome:hover { background-image: url(../img/icons/bhome.gif); }
#navigationmain ul li a#navbrowse { background-image: url(../img/icons/gbrowse.gif); }
#navigationmain ul li a#navbrowse:hover { background-image: url(../img/icons/bbrowse.gif); }
#navigationmain ul li a#navnetwork { background-image: url(../img/icons/gnetwork.gif); }
#navigationmain ul li a#navnetwork:hover { background-image: url(../img/icons/bnetwork.gif); }
#navigationmain ul li a#navdown { background-image: url(../img/icons/gdown.gif); }
#navigationmain ul li a#navdown:hover { background-image: url(../img/icons/bdown.gif); }
#navigationmain ul li a#navsoftver { background-image: url(../img/icons/gsoft.gif); }
#navigationmain ul li a#navsoftver:hover { background-image: url(../img/icons/bsoft.gif); }
#navigationmain ul li a#navcjenik { background-image: url(../img/icons/xls_small.gif); }


#adobe
{
	width: 198px;
	height: 197px;
}

#adobe h1
{
	width: 145px;
	height: 37px;
	padding: 0;
	margin: 30px 0px 0px 26px;
	background-image: url(../img/get_adobe_reader.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
	text-indent: -1000em;
	overflow: hidden;
	position: relative;
}

#adobe h1 a
{
	position: absolute;
	top: 0;
	display: block;
	width: 145px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#adobe h2
{
	width: 145px;
	height: 37px;
	padding: 0;
	margin: 0px 0px 0px 26px;
	background-image: url(../img/get_shockwave_player.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
	text-indent: -1000em;
	overflow: hidden;
	position: relative;
}

#adobe h2 a
{
	position: absolute;
	top: 0;
	display: block;
	width: 145px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#adobe h3
{
	width: 145px;
	height: 37px;
	padding: 0;
	margin: 0px 0px 0px 26px;
	background-image: url(../img/get_flash_player.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
	text-indent: -1000em;
	overflow: hidden;
	position: relative;
}

#adobe h3 a
{
	position: absolute;
	top: 0;
	display: block;
	width: 145px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#adobe h4
{
	width: 145px;
	height: 36px;
	padding: 0;
	margin: 0px 0px 0px 26px;
	background-image: url(../img/get_adobe_air.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
	text-indent: -1000em;
	overflow: hidden;
	position: relative;
}

#adobe h4 a
{
	position: absolute;
	top: 0;
	display: block;
	width: 154px;
	height: 36px;
	margin: 0;
	padding: 0;
}

#corel
{
	width: 198px;
	height: 165px;
}

#corel h1
{
	width: 198px;
	height: 165px;
	padding: 0;
	margin: 0px;
	background-image: url(../img/Banner_CDGSX5.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;	
	text-indent: -1000em;
	overflow: hidden;
	position: relative;
}

#corel h1 a
{
	position: absolute;
	top: 0;
	display: block;
	width: 198px;
	height: 165px;
	margin: 0;
	padding: 0;
}


/*** END SIDEBAR ***/



/*** START FOOTER ***/

#footer
{
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0px;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	background-color: #92CD00;	
	font-size: 1em;
	color: #fff;
	width: 744px;
}

#footer a
{
	font-weight: bold;
	text-decoration: none;
}

#footer a:link,
#footer a:visited
{
	color: #fff;
}

#footer a:active,
#footer a:hover
{
	text-decoration: underline;
}

#footer #footertopbg
{
	width: 744px;
	height: 2px;
	background-image: url(../img/footertopbg.gif);
	background-position: top center;
	background-repeat: no-repeat;
	line-height: 2px;
	font-size: 2px;
}

#footer #footerbottombg
{
	width: 744px;
	height: 2px;
	background-image: url(../img/footerbottombg.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	line-height: 2px;
	font-size: 2px;
}

#copyright
{
	padding: 10px 20px 0 0;
	font-size: 1.25em;
	text-align: right;
}

#navigationfooter
{
	padding: 0px 0 15px 0;
	font-size: 0.95em;
}

#navigationfooter ul
{
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}

#navigationfooter ul li
{
	margin: 0;
	padding: 0;
}

/*** END FOOTER ***/



/*** CONTENT SECTIONS ***/

#content
{

}

#contentsection,
#contentsection3
{
	float: left;
	width: 529px;
	padding-top: 34px;
	background-image: url(../img/contentsectionbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#downloadcontent
{
	float: left;
	width: 529px;
	padding-top: 34px;
	background-image: url(../img/downloadbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#downloadcontent h2
{
	margin: 20px 0px 20px 15px;
}

#downloadcontent h4
{
	margin: 0px 0px 0px 15px;
	font-size: 0.9em;
	color: #434343;
}

#downloadcontent p
{
	font-size: 0.75em;
}

#update_fixes
{
	float: left;
	width: 511px;
	height: 634px;
	overflow: auto;
	font-family: curier new;
	font-size: 0.7em;
	margin: 4px 0px 0px 0px;
	padding: 0px 8px 8px 8px;
	border: 1px solid #434343;
}

#update_fixes h3
{
	margin: 20px 0px 0px 0px;
	padding: 0;
	color: #92cd00;
	font-size: 1.4em;
}

#update_fixes h4
{
	font-size: 1.2em;
	margin: 4px 0px 4px 15px;
	padding: 0;
	color: #92cd00;
}

#update_fixes ul.text
{
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: decimal;
	line-height: 10px;	
}

#contentsection2
{
	float: left;
	width: 529px;
	padding: 34px 0px 16px 0px;
	background-image: url(../img/contentsectionbg2.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#contentsectionleft
{
	float: left;
	width: 198px;
	margin: 0 0 30px 0;
	padding-top: 26px;
	background-image: url(../img/contentsectionleftbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#contentsectionright
{
	margin: 0 0 30px 8px;
	float: left;
	width: 323px;
	padding-top: 26px;
	background-image: url(../img/contentsectionrightbg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#content #contentsection h2
{
	margin: 0;
	padding: 26px 0;
}

#content #contentsection h3
{
	text-align: center;
	margin: 0;
	padding: 126px 0;
	color: #434343;
	font-size: 1.4em;
}

#content #contentsection h3 strong
{
	color: #92CD00;
}

#content #contentsection3 h4
{
	text-align: center;
	margin: 0;
	padding: 0;
}

#content #contentsection3 h4 strong
{
	color: #92CD00;
}


#content #contentsectionleft h2
{
	margin: 0;
	padding: 25px 0;
	border-bottom: 1px solid #434343;	
}

#content #contentsectionright h2
{
	margin: 0;
	padding: 25px 0;
}

#content #contentsectionright #staff h2
{
	margin: 0;
	padding: 25px 0;
	border-bottom: 1px solid #434343;	
}

#content #contentsectionright h2 a,
#content #contentsectionright h2 a:visited
{
	color: #434343;
	text-decoration: none;
}

#content #contentsectionright h2 a:active,
#content #contentsectionright h2 a:hover
{
	color: #74a8f5;
}

/*** END CONTENT SECTIONS ***/



/*** START GENERAL CONTENT SECTION ***/

#contentsection h4
{

	margin: 35px 40px 10px 40px;
	color: #434343;
}

#contentsection3 ul
{
	font-size: 12px;
	padding-left: 15px;
}

#contentsection3 p,
#contentsection3 i,
#contentsection3 h4
{
	font-size: 0.75em;
	line-height: 160%;
}

#contentsection3 h2
{
	border-bottom: 1px solid #434343;
	padding: 0px 0px 10px 0px;
}

.contactsleft
{
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #434343; 
	width: 180px;
	height: 70px;
	float: left;
	clear: left;
}

.contactsrest
{
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #434343; 
	width: 170px;
	height: 70px;
	float: left;
}

.contactsrest ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}

.contactsrest li
{
	padding: 0px 0px 5px 0px;
}

#contentsection p,
#contentsection2 p
{
	margin: 40px 40px 35px 40px;
	padding: 20px 30px 20px 30px;
	background-color: #f4f4f4;
	font-size: 0.8em;
	line-height: 160%;
	color: #434343;
}

#contentsection p em
{
	font-style: normal;
	font-weight: bold;
}

#contentsection p strong
{
	color: #92CD00;
}

#contentsection img
{
	margin: 0px 32px 0px 0px;
}

#contentsection i
{
	margin: 0px 0px 0px 50px;
	font-size: 0.8em;
}

#contentsection form
{
	margin: 35px 40px;
	padding: 0;
}

#contentsection form dl
{
	clear: both;
}

#contentsection form dl dt
{
	float: left;
	line-height: 23px;
	padding: 5px 0 5px 0;
	width: 130px;
	text-align: right;
	font-weight: bold;
	margin: 0 20px 0 0;
}

#contentsection form label
{
	font-size: 0.9em;
	font-weight: bold;
	/*
	text-transform: lowercase;
	*/
	color: #92CD00;
}

#contentsection form dl dd
{
	padding: 5px 0 5px 0;
	margin: 0 0px 10px 150px;
	color: #434343;
}

#contentsection form dl dd textarea
{
	width: 280px;
	height: 300px;
}

#contentsection form dl dd input
{
	width: 280px;
	text-transform: none;
}

#contentsection form dl dd select
{
	width: 287px;
}

#contentsection form dl dd input.submit
{
	width: 130px;
	margin: 0 auto;
	padding: 2px 0;
	border-top: 2px solid #BADF84;
	border-left: 2px solid #BADF84;
	border-bottom: 2px solid #6C9134;
	border-right: 2px solid #6C9134;
	background-color: #92CD00;
	font-size: 0.65em;
	font-weight: bold;	
	/*
	text-transform: lowercase;	
	*/
	letter-spacing: 0.05em;
	color: #fff;
}

#softver
{
	height: 803px;
	overflow: auto;
}

/*** END GENERAL CONTENT SECTION ***/



/*** PREVIEW ***/

.preview
{
	width: 231px;
	float: left;
	margin: 8px 8px 8px 5px;
	padding: 8px 8px 8px 8px;
	border: 1px solid #434343;
	text-transform: none;
}

.preview h3
{
	margin: 0px 0px 5px 0px;
	padding-bottom: 5px;		
	border-bottom: 1px solid #434343;
	text-align: center;
	font-weight: normal;
	color: #92CD00;
}

.preview ul.text
{
	margin: 5px 0px 0px 12px;
	padding: 0;
	color: #434343;
	font-size: 0.7em;

}

.preview ul#text2
{
	padding: 0px 0px 0px 18px;
	color: #434343;
	list-style: circle;

}

.botun
{
	text-align: right;
	margin: 14px 0px 4px 0px;
	padding: 0;	
	/*
	text-transform: lowercase;
	*/
}

.botun li
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

.botun li a
{
	margin: 0;
	padding: 3px 9px;
	font-size: 0.8em;
	text-decoration: none;	
}

.botun li a.view
{
	margin: 0 3px 0 0;
	background-color: #92CD00;
}

.botun li a:link,
.botun li a:visited
{
	color: #fff;
}

.botun li a:hover,
.botun li a:active
{
	background-color: #FB9622;
}

ol.softver li
{
	list-style-image: url(../img/arrow.png);
	list-style: inside url(../img/arrow.png) 3px;
	color: #434343;
	font-size: 0.75em;
	line-height: 160%;
}

/*** END PREVIEW ***/