@charset "utf-8";
/* CSS Document */

body { margin-left: 0px;
	   margin-top: 0px;
	   margin-right: 0px;
	   margin-bottom: 0px; 
	   background:#F1F1F1;
	   background-image:url(../images/background.jpg);
	   background-repeat:repeat-x;
	   background-position:top;
	   
}

img, div, .pngfix, input { behavior: url("css/iepngfix.htc") }

/*/////////////////// INTERFACE ////////////////////////////*/

#container {
    width: 800px;
    margin: 0 auto;
    height: auto;
	background: #fff url("../images/white.gif") repeat-y right;
	

}

#castShadow {
    width: auto;
	height: auto;
	background-image:url(../images/shadows/sideShadow.png);
	background-repeat:repeat-y;
	background-position:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#interface {
    width: 800px; /* Ovdje se podesava velicina stranice */
	height: auto;
	padding:0px 0px 0px 0px;
	/*margin:0px 15px 0px 15px;*/
}

#bottomCap {
    width: auto;
	height: 15px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#bottomCapCenter {
    width: 800px; /* Iste dimenzije kao i #interface */
	height: 15px;
	background-image:url(../images/shadows/bottomShadow.png);
	background-repeat:repeat-x;
	background-position:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#cornerLeft {
    width: 15px;
	height: 15px;
	background-image:url(../images/shadows/cornerLeft.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#cornerRight {
    width: 15px;
	height: 15px;
	background-image:url(../images/shadows/cornerRight.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*/////////////// INTERFACE COMPONENTS ///////////////////*/

#frontSide{
    width: 800px;
	height:144px;
	background:#FFF;
}

#headerFlash{
    width:665px;
	height:294px;
	background:#f2f2f2;
}

#mainMenu{
    width:665px;
    height:40px;
	background:#A5C6E1;
}

#loginFields{
    width: 279px;
    height:294px;
	background:#BEE3FE;
}

#loginFieldsTopSpace{
    height:40px;
	background:#ffffff;
	
}

#loginFieldsFlags{
    height:32px;
	background:#ffffff;
	
}

#loginFieldsNewsletter{
    height:155px;
	background:#ffffff;
	padding:25px 20px 0 20px;
	background-image:url(../images/login/newsletterBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
	
}

#newsletterForm{
    height:32px;
}

#newsletterText{
    height:100px;
	padding-top:5px;
	padding-bottom:5px;
}


#loginFieldsSearch{
	height:68px;
	margin-top: 200px;
	padding-top: 45px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	overflow:hidden;
	background-image: url(../images/searchbox.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#mainContentHolder{
    width: 800px;
	background:#ffffff;	
}

#mainContentHolderTopSpace{
	height:25px;
	width: auto;
}

#mainContent{ width: 955px;}

#bottomContent{ width: 955px; height:85px;}


/*////////////////////Content///////////////////////////////////////*/

#leftBar{ width: 169px;}

#rightBar{ width: 275px;}

#rightBarItem{}

#rightBarItemPhoto{}

#rightBarItemText{ padding:25px 25px 25px 45px;}

#divide{ width: 12px;}

#middleBar{ padding:0 10px 0 10px;}

#homeLogin{}

#homeNews{}

#itemNews{
    width: 475px;
	/*height:150px;*/
	border:1px solid #cccccc;
	background-image:url(../images/news/gradient_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-bottom:15px;
}

#itemNewsPhoto{
	padding:10px 10px 10px 10px;
	
}

#itemNewsNaslov{
	padding:10px 0 10px 0;
	border-bottom:1px solid #cccccc;
	
}

#itemNewsText{
	padding:10px 0 10px 0;
	
}

#homeForm{
    width: 475px;
	height:175px;
	border:1px solid #cccccc;
	background:#ffffff;
	margin-bottom:10px;
}

#itemResort{
    width: 475px;
	/*height:150px;*/
	border:1px solid #cccccc;
	background-image:url(../images/news/gradient_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-bottom:15px;
}

#itemResortPhoto{
}

#itemResortData{
padding:10px 0 10px 0;
}

#contentChange{
padding-top:10px;
}




/*////////////////////Content///////////////////////////////////////*/



#footer{
	width: 780px;
	height:50px;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	background-color: #f2f2f2;
	border-top-width: 2px;
	/*border-left-width: 2px;*/
	border-top-style: solid;
	/*border-left-style: solid;*/
	border-top-color: #CCCCCC;
	clear: both;
}

#footer td {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;	
}



/*FONT STYLES**************************************************************************************************************************/
/**************************************************************************************************************************************/
a:link {color: #000000; text-decoration: none;}
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #F39801; text-decoration: underline; }
/**************************************************************************************************************************************/
.controlBarFont { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #CCCCCC;}
.controlBarFont a:link {color: #CCCCCC; text-decoration: none;}
.controlBarFont a:visited { color: #CCCCCC; text-decoration: none; }
.controlBarFont a:hover { color: #CCCCCC; text-decoration: underline; }
.controlBarFont a:active { color: #CCCCCC; text-decoration: underline; }
/**************************************************************************************************************************************/
.footerFont { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #000000;}
.footerFont a:link {color: #000000; text-decoration: none;}
.footerFont a:visited { color: #000000; text-decoration: none; }
.footerFont a:hover { color: #000000; text-decoration: underline; }
.footerFont a:active { color: #000000; text-decoration: underline; }
/**************************************************************************************************************************************/
.mainFont { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #000; line-height: 20px;}
.mainFont a:link {color: #000; text-decoration: none;}
.mainFont a:visited { color: #000; text-decoration: none; }
.mainFont a:hover { color: #000; text-decoration: underline; }
.mainFont a:active { color: #000; text-decoration: underline; }
/**************************************************************************************************************************************/
.statistikaFont { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #333333; line-height: 17px;}
.statistikaFont a:link {color: #333333; text-decoration: none;}
.statistikaFont a:visited { color: #333333; text-decoration: none; }
.statistikaFont a:hover { color: #333333; text-decoration: underline; }
.statistikaFont a:active { color: #333333; text-decoration: underline; }
/**************************************************************************************************************************************/
.statistikaNaslovFont { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #004389; line-height: 17px;}
.statistikaNaslovFont a:link {color: #004389; text-decoration: none;}
.statistikaNaslovFont a:visited { color: #004389; text-decoration: none; }
.statistikaNaslovFont a:hover { color: #004389; text-decoration: underline; }
.statistikaNaslovFont a:active { color: #004389; text-decoration: underline; }
/**************************************************************************************************************************************/
.statistikaHeadingFont { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #333333; line-height: 17px;}
.statistikaHeadingFont a:link {color: #333333; text-decoration: none;}
.statistikaHeadingFont a:visited { color: #333333; text-decoration: none; }
.statistikaHeadingFont a:hover { color: #333333; text-decoration: underline; }
.statistikaHeadingFont a:active { color: #333333; text-decoration: underline; }
/**************************************************************************************************************************************/
.statistikaDownloadFont { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #333333; line-height: 15px; }
.statistikaDownloadFont a:link {color: #333333; text-decoration: underline;}
.statistikaDownloadFont a:visited { color: #333333; text-decoration: underline; }
.statistikaDownloadFont a:hover { color: #000000; text-decoration: underline; }
.statistikaDownloadFont a:active { color: #000000; text-decoration: underline; }
/**************************************************************************************************************************************/
.newsTickerFont { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #CCCCCC;}
.newsTickerFont a:link {color: #CCCCCC; text-decoration: none;}
.newsTickerFont a:visited { color: #CCCCCC; text-decoration: none; }
.newsTickerFont a:hover { color: #CCCCCC; text-decoration: underline; }
.newsTickerFont a:active { color: #CCCCCC; text-decoration: underline; }
/**************************************************************************************************************************************/
.menuFont { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #333333;}
.menuFont a:link {color: #333333; text-decoration: none;}
.menuFont a:visited { color: #333333; text-decoration: none; }
.menuFont a:hover { color: #333333; text-decoration: underline; }
.menuFont a:active { color: #333333; text-decoration: underline; }
/**************************************************************************************************************************************/
.navigationFont { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #333333;}
.navigationFont a:link {color: #333333; text-decoration: none;}
.navigationFont a:visited { color: #333333; text-decoration: none; }
.navigationFont a:hover { color: #333333; text-decoration: underline; }
.navigationFont a:active { color: #333333; text-decoration: underline; }
/**************************************************************************************************************************************/
.rightBarFont { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #000000; line-height: 17px;}
.rightBarFont a:link {color: #000000; text-decoration: none;}
.rightBarFont a:visited { color: #000000; text-decoration: none; }
.rightBarFont a:hover { color: #000000; text-decoration: underline; }
.rightBarFont a:active { color: #000000; text-decoration: underline; }
/**************************************************************************************************************************************/
.itemNewsNaslovFont { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; color: #333333; line-height: 21px;}
.itemNewsNaslovFont a:link {color: #333333; text-decoration: none;}
.itemNewsNaslovFont a:visited { color: #333333; text-decoration: none; }
.itemNewsNaslovFont a:hover { color: #333333; text-decoration: underline; }
.itemNewsNaslovFont a:active { color: #333333; text-decoration: underline; }
/**************************************************************************************************************************************/
.itemNewsTextFont { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000000; line-height: 17px;}
.itemNewsTextFont a:link {color: #000000; text-decoration: none;}
.itemNewsTextFont a:visited { color: #000000; text-decoration: none; }
.itemNewsTextFont a:hover { color: #000000; text-decoration: underline; }
.itemNewsTextFont a:active { color: #000000; text-decoration: underline; }
/**************************************************************************************************************************************/
.newsletterTextFont { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000066; line-height: 17px;}
.newsletterTextFont a:link {color: #000066; text-decoration: none;}
.newsletterTextFont a:visited { color: #000066; text-decoration: none; }
.newsletterTextFont a:hover { color: #000066; text-decoration: underline; }
.newsletterTextFont a:active { color: #000066; text-decoration: underline; }
/**************************************************************************************************************************************/

/* FOR NEWS */

.newsItemDwn{
	width:180px;
	height:100px;
	float:left;
	padding-left:0px;
	padding-right:20px;
	padding-top:15px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;/*background:#CCCCCC;*/

}

.newsArchive{

width:159px;
height:auto;
margin-bottom:10px;

}

.newsItemDwn span{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;

}

.newsItemDwn a{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;

}


/* ADDON BY AZEM  */

#subHeader {
	width: 790px;
	margin: 0 auto;
	height: 20px;
	background-color:#FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #0066CC;
	text-decoration: none;
	padding-left:10px;
	padding-top:3px;
}

#subHeader a {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color:#0066CC;
	text-decoration:none;
}

#subHeader a:hover {

	color:#006699;
	text-decoration:underline;

}

#contentMain {
    width: 800px;
    margin: 0 auto;
    height: 100%;
	background-color:#FFFFFF;
}

#contentLijevo{
	width:181px;
	height:auto;
	float:left;
	background-color:#ECEFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
}

#contactText{
	width:160px;
	padding-left:10px;
	padding-right:10px;
	height:auto;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	margin-top: 20px;

}

#contentSredina{
	width:400px;
	height:auto;
	padding-top:0px;
	padding-left:19px;
	padding-right:19px;
	padding-bottom:0px;
	float:left;
	background-color:#FFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;*/
}

#contentSredina span{
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	
}

#contentDesno{
	width:180px;
	height:auto;
	float:right;
	background-color:#FFF;
	margin-bottom: 60px;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;*/
}

#newsDesno{
	width:159px;
	height:20px;
	background-color:#ECEFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006DA5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006DA5;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #006DA5;
	padding-left:20px;
	margin-bottom:10px;
	padding-top:4px;
}

#loginBox {

width:160px;
height:auto;
margin-bottom:20px;
padding-left:20px;
padding-top:25px;
background-image:url(../images/loginbox.gif);
background-position:left;
background-position:top;
background-repeat: no-repeat;
font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #666;

}

#wlpeLoginForm {

font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #666;

}

.LinkoviDesno{
	width:167px;
	height:20px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding-left:10px;
	margin-bottom:1px;
	padding-top:4px;
	background-image: url(../images/rrpp-meni.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#newsMainContent{
	width:400px;
	height:20px;
	/*background-color:#ECEFFF;*/
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #006DA5;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006DA5;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #006DA5;
/*	padding-left:20px;*/
	padding-top:4px;
/*	margin-bottom:10px;*/
}

.newsDesnoContent{
	width:169px;
	height:auto;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	padding-left:0px;
	padding-top:10px;
	padding-right:10px;
	text-decoration:none;
}

.newsDesnoContent span {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration:none;
}

.newsDesnoContent a {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration:underline;
}
.loginermsg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CC6600;
	text-decoration: none;
}

#ajaxSearch_input {
           width: 150px;
           display: inline;
           height: auto;
           
           padding: 3px 0 0;
           vertical-align: top;
margin-bottom:5px;

       }

       #ajaxSearch_submit {
           display: inline;
           height: auto;
margin-bottom:20px;
           
       }

       #ajaxSearch_output {
           /*border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;*/

border:1px solid rgb(200,200,200);
margin:0;
margin-top: 1px;
padding: 10px;
font-size:11px; font-family: tahoma; font-weight:bold; color:#FF0000;
background: #F3F4F4;
width:226px;
clear:both;position: absolute; z-index: 500;

       }
.stxt {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.galerijap{
	width:400px;
	height:75px;
	margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CDECFE;
}

#komenari {
width:400px;
height:auto;

}