@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: 985px;
    margin: 0 auto;
    height: auto;
}

#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: 955px; /* 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: 955px; /* 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: 955px;
	height:auto;
	background:#f2f2f2;
}

#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:30px;
	background:#f2f2f2;
	padding:10px 20px 0 20px;
	background-image:url(../images/login/searchBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
overflow:hidden;
	
}

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

#mainContentHolderTopSpace{ height:25px;}

#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-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	line-height: 17px;
	text-decoration: none;
}

#middleBar h3{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	font-size: 14px; 
	color: #000000; 
	line-height: 17px;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

#middleBarOther{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 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:auto;
	border:1px solid #cccccc;
	background:#ffffff;
	margin-bottom:10px;
}

#cmsForm{
    width: 455px;
	height:auto;
	padding:10px;
	border:1px solid #cccccc;
	background:#ffffff;
	margin-bottom:10px;
}

#itemResort{
	width: 450px;
	/*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:0px;
}



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



#footer{
    width: 935px;
    height:24px;
	background:#f2f2f2;
	background-image:url(../images/footer/footerShadow.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:4px 10px 0 10px;
	margin:0 0 0 0;
}



/*FONT STYLES**************************************************************************************************************************/
/**************************************************************************************************************************************/
a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	color: #0099CC;
	text-decoration: none;
}
a:hover {
	color: #003399;
	text-decoration: underline;
}
a:active {
	color: #0099CC;
	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; }
/**************************************************************************************************************************************/
#ponudeLeft {
	height: 347px;
	width: 169px;
	background-image:url(../images/leftBar/baner_bac.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
#ponudeLeftContent {
	height: auto;
	width: auto;
	padding-top: 120px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 18px;
}
#ponudeLeftWoche {
	height: 147px;
	width: 169px;
	
}


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

       #ajaxSearch_submit {
           display: inline;
           height: auto;
           
       }

       #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;

       }

      

#slika1{
	width: 122px;
	height:110px;
	padding:14px;
	border: 1px solid #CCCCCC;
}
#slika2{
	width: 122px;
	height:110px;
	padding:14px;
	border: 1px solid #CCCCCC;
}
#slika3{
	width: 122px;
	height:110px;
	padding:14px;
	border: 1px solid #CCCCCC;
}
.linija {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}