/******************************************************************************
Project: HSS-Rugvica
Author: Masters4Net - http://www.masters4net.com
Version: 2009-04-19-18-00
File: style.css
******************************************************************************/

body {
	margin:0px;
	background-image:url(images/bg_main.gif);
	background-repeat:repeat;
	text-align:center;
}
.siteContainer {
    width:960px;
	/*height:1100px;*/ /* Izbaciti u slucaju potrebe fluid layouta */	
	margin-left:auto;
	margin-right:auto;
}
.siteHeader {
    width:960px;
	height:160px;
}
.headerLogo {
    width:175px;
	height:145px;
	margin-top:15px; /* FireFox Fix 4 margin-top */
	background-image:url(images/glavax_varijanta3.gif);
    background-repeat:no-repeat;
	border:0px;
	float:left; 
}
.headerLogo1 {
    width:175px;
	height:145px;
	margin-top:15px; /* FireFox Fix 4 margin-top */
	background-image:url(images/glavax_varijanta3.gif);
    background-repeat:no-repeat;
	border:0px;
	float:right;
}
.headerImg {
    width:610px;
	height:145px;
	margin-top:15px; /* FireFox Fix 4 margin-top */
	background-image:url(images/logo_mayestos_cro1.png);
    background-repeat:no-repeat;
	border:0px;
	float:right;
}
.horizontalSeparator {
    width:960px;
	height:31px;
	float:left;
}
.mainAreaContainer {
    width:943px;
	/*height:900px;*/ /* Izbaciti u slucaju potrebe fluid layouta */
	margin-left:auto;
	margin-right:auto;
}
.mainAreaSidebarContainer {
    width:229px;
	height:737px; /* Izbaciti u slucaju potrebe fluid layouta */
	margin-right:19px;
	text-align:left;
	float:left;
}
.sidebarAktualnosti {
    width:229px;
	height:120px; /* Izbaciti u slucaju potrebe fluid layouta */
}
.sidebarUserPanel {
    width:229px;
	height:338px; /* Izbaciti u slucaju potrebe fluid layouta */
}
#aktualnostiHeader {
	width:229px;
	height:48px;
	line-height:48px;
	background-image:url(images/aktualnosti_title.gif);
	background-repeat:no-repeat;
	text-align:center;
}
#userPanelHeader {
	width:229px;
	height:48px;
	line-height:48px;
	background-image:url(images/aktualnosti_title.gif);
	background-repeat:no-repeat;
	text-align:center;
}
#aktualnostiHeader a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
}
#userPanelHeader a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
}
#aktualnostiHeader a:hover {
	color:#000;
}
#userPanelHeader a:hover {
	color:#FF0000;
}
.aktualnostiContentBg {
    width:229px;
	/* width:px; */ /* Postaviti u slucaju potrebe za duzim "Aktualnosti" Sidebar-om */
	background-image:url(images/aktualnosti_content_bg.gif);
	background-repeat:repeat;
}
.userPanelContentBg {
    width:229px;
	/* width:px; */ /* Postaviti u slucaju potrebe za duzim "Aktualnosti" Sidebar-om */
	background-image:url(images/aktualnosti_content_bg.gif);
	background-repeat:repeat;
}
#aktualnostiContent {
    width:229px;
	height:276px; /* Izbaciti u slucaju potrebe fluid layouta */
	background-image:url(images/aktualnosti_content.gif);
	background-repeat:repeat-x;
}
#userPanelContent {
    width:229px;
	height:276px; /* Izbaciti u slucaju potrebe fluid layouta */
	background-image:url(images/aktualnosti_content.gif);
	background-repeat:repeat-x;
}
.aktualnostiFooter {
    width:229px;
	height:14px;
	background-image:url(images/aktualnosti_footer.gif);
	background-repeat:no-repeat;
}
.userPanelFooter {
    width:229px;
	height
	:14px;
	background-image:url(images/aktualnosti_footer.gif);
	background-repeat:no-repeat;
}
.sidebarSearch {
    width:229px;
	height:135px;
	margin-top:11px;
}
.searchHeader {
	width:229px;
	height:48px;
	line-height:48px;
	background-image:url(images/search1_title.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #000;
	text-transform: uppercase;
}
#searchContent {
	width:229px;
	height:73px; /* Izbaciti u slucaju potrebe fluid layouta */
	background-image:url(images/search_content_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
}
.searchFooter {
	width:229px;
	height:14px;
	background-image:url(images/search_footer.gif);
	background-repeat:no-repeat;
}
.mainAreaContentContainer {
    width:695px;
	/*height:737px;*/ /* Izbaciti u slucaju potrebe fluid layouta */	text-align: left;	
	float:left;		font-family:Verdana, Geneva, sans-serif;	font-size:12px;	color:#FFF;	text-decoration:none;
}
.mainAreaContentContainer a:hover {
	color:#FF0;
}
.mainAreaContentContainer a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
#mainAreaNavigationBar {
    width:695px;
	height:48px;
	line-height:48px;
	text-align:left;
	background-image:url(images/bg_navigation.gif);
	background-repeat:repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
.navigationLeftBorder {
    width:33px;
	height:48px;
	background-image:url(images/navigation_lb.gif);
	background-repeat:no-repeat;
	float:left;
}
.navigationLinkContainer {
    width:402px;
	height:48px;
	float:left;
}
.navigationClockContainer {
	width:227px;
	height:48px;
	float:left;
	margin-right:33px;
	text-align:right;
	font-weight: bold;
}
.mainTextContainer {
    width:695px;
	background-image:url(images/main_text_container_bg.gif);
    background-repeat:repeat;
}
.mainTextArea {
    width:695px; 
    /*height:675px;*/ /* Izbaciti u slucaju potrebe fluid layouta */
}
.mainTextContainerFooter {
    width:695px;
	height:14px;
	background-image:url(images/main_text_container_footer.gif);
	background-repeat:no-repeat;
	padding-bottom:0px;
}
.siteFooterContainer {
    width:951px;
	height:43px;	
	float:left;
}
.siteFooterLeftBorder {
    width:11px;
	height:43px;
	background-image:url(images/footer_lb.gif);
	float:left;
}
#siteFooterContent {
	width:921px;
	height:43px;
	background-image:url(images/footer_bg.gif);
	background-repeat:repeat-x;
	line-height:43px;
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;	
}
.siteFooterLeftMarginFix {
	width:8px;
	height:43px;
	float:left;
}
.siteFooterRightBorder {
    width:11px;
	height:43px;
	background-image:url(images/footer_rb.gif);
	float:left;
}
/* Sadrzaj - boxovi, text, linkovi */
.articleContainer {
	width:629px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;	
}
h2.article {
    margin-top:0px; /* FF margin-top Fix */
	padding-top:20px;
}
p.article {
	margin-left:30px;
	line-height:16px;
	font-size:12px;
	text-align:justify;
}
span.article {
	float:right;
    display:block;
	margin-right:5px;
	font-size:12px;
}
a.article {
	color:#FF0;
	font-weight:bold;
	float:right;
	font-size:12px;
	display:block;
}
#mainAreaNavigationBar a {
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
#mainAreaNavigationBar a:hover {
	font-weight:bold;
	color:#FF0;
	text-decoration:none;
}
#aktualnostiContent a {
	padding-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	display:block;
	font-weight:bold;
}
#userPanelContent a {
	padding-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	display:block;
	font-weight:bold;
}
#aktualnostiContent a:hover {
	color:#FF0;
}
#userPanelContent a:hover {
	color:#FF0;
}
#siteFooterContent a {
	text-decoration:none;
	font-weight: bold;
	color: #000;
}
#searchContent form {
    width:180px;
	margin-left:auto;
	margin-right:auto;
}
#searchContent input {
    margin-top:5px;
}
#selectedArticleContainer {
    width:629px;
	margin-left:auto;
	margin-right:auto;
	font-family: Verdana, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
}
#selectedArticleContainer h2 {
    margin-top:0px; /* FF margin-top Fix */
	padding-top:20px;
}
#selectedArticleContainer p {
	line-height:16px;
	font-size:12px;
	text-align:left;
	text-indent:2cm;
	text-align:justify;
	padding-bottom:15px;
}
.articleImg {
    border:0px;
	width:182px;
	height:129px;
	padding-right:10px;
	padding-bottom:10px;
}
#contactFormContainer {
	width:500px;
	height:400px;
	padding-top:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#contactFormContainer fieldset {
	border: 1px solid #999;
}
#contactFormContainer legend {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.contactInput {
	width:200px;
	border: 1px solid #FFF;
	color:#333;
	background-image: url(images/bg_contact.gif);
}
#contactFormContainer textarea {
	width:300px;
	height:200px;
	border: 1px solid #FFF;
	color:#333;
	background-image: url(images/bg_contact.gif);
}
.contactText {
    font-weight:bold;
	color:#FFF;
}
#siteFooterContent a:hover {
    color:#FF0;
}
.mainTextContainerFix {
    width:100%;
	height:30px;
}
#searchContent fieldset {
    border:0px;
	margin-left:auto;
	margin-right:auto;
}