@charset "utf-8";
body {
	background-color: #63090B;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
}

.dxeLoadingDiv
{
	background: White;
    opacity: 0.85;
    filter: alpha(opacity=85);
    cursor: wait;
}
.dxeLoadingPanel
{
	font: 9pt Tahoma;
	color: #303030;
}
.dxeLoadingPanel td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 12px 12px 12px;
}

.dxeReadOnly 
{
    
}
.dxeBase
{
    font-family: Tahoma;
    font-size: 9pt;
}
/* -- ErrorFrame -- */
.dxeErrorCell, .dxeErrorCell td
{
    font-family: Tahoma;
    font-size: 9pt;
	color: Red;
}
.dxeErrorCell
{ 
	padding-left: 4px;
	padding-right:5px;
}
.dxeErrorFrameWithoutError {
    border: 1px solid Red;
}
.dxeErrorFrameWithoutError .dxeControlsCell {
    padding: 2px;
}

.dxeEditArea 
{
	font-family: Tahoma;
	font-size: 9pt;
	border: 1px solid #A0A0A0;
}
/* -- Buttons -- */
.dxeButtonEditButton, .dxeCalendarButton,
.dxeSpinIncButton, .dxeSpinDecButton,
.dxeSpinLargeIncButton, .dxeSpinLargeDecButton
{	
	vertical-align: middle;
	border: solid 1px #7f7f7f;
	cursor: pointer;
} 
.dxeButtonEditButton, .dxeCalendarButton, .dxeButtonEditButton td.dx, .dxeCalendarButton td.dx,
.dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton,
.dxeSpinIncButton td.dx, .dxeSpinDecButton td.dx, .dxeSpinLargeIncButton td.dx, .dxeSpinLargeDecButton td.dx
{	
    font-family: Tahoma;
    font-size: 11px;        
    font-weight: normal;
	text-align: center;
	white-space: nowrap;
} 
.dxeButtonEditButton,
.dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton
{
    padding: 0px 2px 0px 3px;
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;    
    background-color: #e6e6e6;
}
.dxeSpinIncButton
{
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinIncBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
	background-color: #F0F0F0;
}
.dxeSpinDecButton
{
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtSpinDecBtnBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
	background-color: #E6E6E6;
}

.dxeButtonEditButton table.dxbebt,
.dxeSpinIncButton table.dxbebt, .dxeSpinDecButton table.dxbebt, 
.dxeSpinLargeIncButton table.dxbebt, .dxeSpinLargeDecButton table.dxbebt
{
	width: 10px;
}
.dxeCalendarButton      
{
	font-size: 9pt;
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;    
    background-color: #e5e5e5;
	padding: 4px 11px;
	padding-top: 3px;
	width: 32px;
}
.dxeCalendarButton td.dx
{
	font-size: 9pt;    
	text-align: center;
	white-space: nowrap;
}
.dxeCalendarButton table.dxbebt 
{
	width: 100%;
}

/* -- Pressed -- */
.dxeCalendarButtonPressed, .dxeButtonEditButtonPressed,
.dxeSpinIncButtonPressed, .dxeSpinDecButtonPressed, .dxeSpinLargeIncButtonPressed, 
.dxeSpinLargeDecButtonPressed
{
	background-image: none;
	background-color: #D5D5D5;
	border: Solid 1px #7F7F7F;	
}
/* -- Hover -- */
.dxeCalendarButtonHover, .dxeButtonEditButtonHover,
.dxeSpinIncButtonHover, .dxeSpinDecButtonHover, .dxeSpinLargeIncButtonHover, .dxeSpinLargeDecButtonHover
{
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownButtonHoverBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
	border: Solid 1px #606060;
}
.dxeCalendarButtonHover
{
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonHBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;    
}

.dxeButtonEdit
{
    background-color: white;
    border: solid 1px #9F9F9F;
    width: 170px;
}
.dxeButtonEdit .dxeEditArea {
    background-color: white;
}
.dxeButtonEdit .dxeEditArea, .dxeButtonEdit td.dxic
{
	width: 100%;
}
.dxeButtonEdit td.dxic
{
    padding: 0px 2px 0px 1px;
}
.dxeButtonEdit .dxeIIC img {
    padding-left: 3px;
}
.dxeTextBox, .dxeMemo
{
    background-color: white;
    border: solid 1px #9f9f9f;
}
.dxeTextBox td.dxic
{
	padding: 1px 2px;
	width: 100%;
}
.dxeTextBox .dxeEditArea
{
    background-color: white;
}
.dxeRadioButtonList
{
    border: Solid 1px #9F9F9F;
}
.dxeRadioButtonList, .dxeRadioButtonList table
{
    font-family: Tahoma;
    font-size: 9pt;    
}
.dxeRadioButtonList td.dxe
{
    padding: 7px 5px 6px 11px;
}
.dxeRadioButtonList label
{
	margin-right: 6px;    
}

/* -- Memo -- */
.dxeMemo
{

}
.dxeMemoEditArea 
{
	background-color: white;
	font-family: Tahoma;
	font-size: 9pt;
}
.dxeMemo td
{
	padding: 0 0 0 3px;
	width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink
{
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: normal;
    color: #0d45b7;        
}
a.dxeHyperlink:hover
{
    color: #5494ea;    
}
a.dxeHyperlink:visited
{
    color: #ab59a6;    
}

/* -- ListBox -- */
.dxeListBox
{
	background-color: white;
	border: solid 1px #A0A0A0;
    font-family: Tahoma;
    font-size: 9pt;
    width: 70px;
    height: 109px;
}
.dxeListBox div.dxlbd
{
	padding-top: 1px;    
    padding-bottom: 1px;
    height: 107px;
}
.dxeListBoxItemRow
{
    cursor: default;
}
.dxeListBoxItem
{
    border-left: solid 1px white;
    border-right: solid 1px white;
    font-family: Tahoma;
    font-size: 9pt;
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
    color: Black;
    font-weight: normal;
}

.dxeListBox td.dxeI, .dxeListBox td.dxeIM, .dxeListBox .dxeHIC, 
.dxeListBox td.dxeFTM, .dxeListBox td.dxeTM,
.dxeListBox td.dxeC, .dxeListBox td.dxeCM, .dxeListBox td.dxeHCC, .dxeListBox td.dxeMI, .dxeListBox td.dxeMIM
{
    border-right-width: 0px!important;
}
.dxeListBox td.dxeCM, .dxeListBox td.dxeHCC
{
    width: 25px;
}
.dxeListBox td.dxeIM
{
    width: 0;
}
.dxeListBox td.dxeT 
{
    width: 100%;
    padding-left: 0px!important;
}
.dxeListBox td.dxeT, .dxeListBox td.dxeMI
{
    border-left-width: 0px!important;
}
.dxeListBox td.dxeFTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeLTM, 
.dxeListBox .dxeHFC, .dxeListBox .dxeHC, .dxeListBox .dxeHLC
{
    overflow: hidden;
}

.dxeListBox td.dxeFTM, .dxeListBox td.dxeTM, 
.dxeListBox .dxeHFC, .dxeListBox .dxeHC
{
    padding-right: 6px!important;
}
.dxeListBox td.dxeLTM, .dxeListBox td.dxeTM, 
.dxeListBox .dxeHC,  .dxeListBox .dxeHLC
{
    padding-left: 6px!important;
}
/*Grid lines*/
.dxeListBox td.dxeLTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeMIM
{
    border-left: 1px solid #cfcfcf !important;
}
.dxeListBox td.dxeIM, .dxeListBox td.dxeFTM, .dxeListBox td.dxeTM, .dxeListBox td.dxeLTM,
.dxeListBox td.dxeCM, .dxeListBox td.dxeMIM
{
    border-bottom: solid 1px #cfcfcf;
}
.dxeListBoxItemSelected     /* inherits dxeListBoxItem */
{    
    color: White;
    background-color: #A0A0A0;
}
.dxeListBoxItemHover        /* inherits dxeListBoxItem */
{
    background-color: #cfcfcf;
    color: black;
}

/*Header*/
.dxeListBox .dxeHD
{
    background-color: #dcdcdc;
    border-bottom: solid 1px #A0A0A0;
}
.dxeListBox .dxeHC,  .dxeListBox .dxeHLC, .dxeListBox td.dxeHMIC
{
    border-left: solid 1px #A0A0A0;
}
.dxeListBox .dxeHIC, .dxeListBox .dxeHFC, .dxeListBox .dxeHCC
{
    border-left:1px solid #dcdcdc;
}
.dxeListBox .dxeHFC, .dxeListBox .dxeHC, .dxeListBox .dxeHMIC
{
    border-right-width:0;
}
.dxeListBox .dxeHLC
{
    border-right: solid 1px #dcdcdc;
}

/* -- Calendar -- */
.dxeCalendar
{ 
    border: solid 1px #9f9f9f;
    background-color: White;
    color: Black;
    font-weight: normal;
    cursor: default;
}
.dxeCalendar td.dxMonthGrid 
{
    padding: 8px 20px;    
}
.dxeCalendar td.dxMonthGridWithWeekNumbers
{
    padding: 5px 20px 8px 8px;    
}
.dxeCalendarDayHeader
{
    font-family: Tahoma;
    font-size: 9pt;        
    padding: 2px 4px 5px;
    border-bottom: solid 1px #cfcfcf;
}
.dxeCalendarWeekNumber
{    
    font-family: Tahoma;
    font-size: 7pt;    
    text-align: right;    
    padding: 6px 8px 6px 4px;        
    color: #bfbfbf;
}
.dxeCalendarDay
{    
    font-family: Tahoma;
    font-size: 9pt;
    padding: 4px 6px;
    text-align: center;    
}
.dxeCalendarWeekend        /* inherits dxeCalendarDay */
{
    color: #c00000;
}
.dxeCalendarOtherMonth     /* inherits dxeCalendarDay */
{
    color: #888;
}
.dxeCalendarOutOfRange     /* inherits dxeCalendarDay */
{
    color: #d0d0d0;    
}
.dxeCalendarSelected       /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #8d8d8d;
}
.dxeCalendarToday         /* inherits dxeCalendarDay */
{
    padding: 3px 3px 2px;
    border: solid 1px #c00000;    
}
.dxeCalendarHeader
{
    background-color: #dcdcdc;
    border: solid 1px #c9c9c9;    
    border-width: 1px 0;
    padding: 4px 7px;
}
.dxeCalendarHeader td.dxe
{
    font-family: Tahoma;
    font-size: 9pt;
    text-align: center;
	cursor: pointer;
}
.dxeCalendarFooter 
{
    background-color: #ededed;
    padding: 8px 0px;    
    border-top: solid 1px #d6d6d6;
}
.dxeCalendarFastNav
{
    color: Black;
    background: White;
    border: solid 1px #9f9f9f;
    border-bottom: 0px;
    padding: 12px 8px;
}
.dxeCalendarFastNavMonthArea
{
    padding: 0px 9px;
}
.dxeCalendarFastNavYearArea
{    
}
.dxeCalendarFastNavFooter
{
    color: Black;
    background-color: #ededed;
    padding: 8px 0px;   
    border: solid 1px #9f9f9f;
    border-top: solid 1px #d6d6d6;
}
.dxeCalendarFastNavMonth, .dxeCalendarFastNavYear
{
    font: normal 9pt Tahoma;
    color: Black;
    padding: 3px 5px;
    text-align: center;
	cursor: pointer;
}
.dxeCalendarFastNavMonth
{
	padding: 6px;
}
.dxeCalendarFastNavMonthSelected, .dxeCalendarFastNavYearSelected
{
    color: White;
    background: #8d8d8d;    
}
.dxeCalendarFastNavMonthHover, .dxeCalendarFastNavYearHover
{        
    color: Black;
    background: #e5e5e5;
    padding: 2px 4px;
    border: solid 1px #d6d6d6;
}
.dxeCalendarFastNavMonthHover
{
	padding: 5px;
}
/* Disabled */
.dxeDisabled, .dxeDisabled td.dxe
{
	color: #acacac;
	cursor: default;
}
a.dxeDisabled:hover
{
    color: #acacac;
}
.dxeButtonDisabled, .dxeButtonDisabled td.dxe
{
	border-color: #c3c3c3;
	color: #808080;
	cursor: default;
}
/* -- Button -- */
.dxbButton
{	
  	color: #000000;    
  	font-weight:normal;
	font-size: 9pt;
	font-family: Tahoma;				    
	vertical-align: middle;	 		
	border: solid 1px #7F7F7F;	
	background: #E0DFDF url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonBack.gif")%>') top;
    background-repeat:repeat-x;
    padding: 1px 1px 1px 1px;
	cursor: pointer;
}
.dxbButtonHover 
{
  	color: #000000;        
	background: #F2F2F2 url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtButtonHoverBack.gif")%>') top;
    background-repeat: repeat-x;
	border: solid 1px #606060;
}
.dxbButtonChecked 
{
    color: #FFFFFF;
	background-image: none;
	background-color: #8D8D8D;
}
.dxbButtonPressed 
{
  	color: #000000;        
	background-image: none;
	background-color: #D5D5D5;
}
.dxbButton div.dxb
{    
    padding: 3px 8px 4px 8px;
	border: 0px;
}
.dxbButton div.dxbf
{     
    padding: 2px 7px 3px 7px;
	border: dotted 1px black;		
}
.dxbButton div.dxb table
{    
  	color: #000000;    
	font-size: 9pt;
	font-family: Tahoma;				    
}
.dxbButton div.dxb td.dxb
{    
    background-color: transparent!important;
    background-image: url('')!important;
    border-width: 0px!important;
    padding: 0px!important;
}
/* Disabled */
.dxbDisabled
{
    border-color: #c3c3c3;
	color: #808080;
	cursor: default;
}
.dxbDisabled td.dxb
{
	color: #808080;
}
/* -- FilterControl -- */
.dxfcTable
{	
	border-collapse: separate!important;		
}
.dxfcTable td.dxfc
{
	padding: 0px 0px 0px 3px;
	vertical-align: middle;
	font: 9pt Tahoma;
	color: Black;
}
a.dxfcPropertyName
{
	white-space: nowrap!important;
	color: Blue!important;
}
a.dxfcGroupType
{
	white-space: nowrap!important;
	padding: 0px 3px 0px 3px!important;
	color: Red!important;
}
a.dxfcOperation
{
	white-space: nowrap!important;
	color: Green!important;
}
a.dxfcValue
{
	white-space: nowrap!important;
	color: Gray!important;
}
.dxfcImageButton 
{
	cursor: pointer;
}

.dxfcLoadingDiv
{
	background: white;
	opacity: 0.01;
	filter: alpha(opacity=1);	
}
.dxfcLoadingPanel
{
	font: 9pt Tahoma;
	color: #303030;
	border: solid 1px #9F9F9F;
	background: white;	
}
.dxfcLoadingPanel td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 12px 12px 12px 12px;
}

.dxeMaskHint 
{
	background: #ffffe1;
	border: solid 1px black;
	padding: 2px 5px 3px;
	color: Black;
	font: 9pt Tahoma;
}

/* -- ProgressBar -- */
.dxeProgressBar
{
    border: Solid 1px #696969;
    background-color: #FFFFFF;
}
.dxeProgressBar, .dxeProgressBar td.dxe
{
    font-family: Tahoma, Verdana, Arial;
    font-size: 9pt;
   	color: Black;
}
.dxeProgressBar .dxePBMainCell, .dxeProgressBar td.dxe
{
    padding: 0;
}
.dxeProgressBarIndicator 
{
    background-color: #E0DFDF;
}

/* -- DropDownWindow -- */
.dxeDropDownWindow
{
    background-color: white;
    border: solid 1px #9F9F9F;
}

/*----------------- ColorTable -----------------*/
.dxeColorIndicator
{
    border: solid 1px #9F9F9F;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.dxeColorTable
{
    background-color: #ffffff;
    border: solid 1px #9F9F9F;
}
.dxeColorTable td.dx
{
    padding: 4px 4px;
}
.dxeColorTableCell {
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 3px;
    cursor: pointer;
}
.dxeColorTableCellDiv {
    border: solid 1px #808080;
    width: 12px;
    height: 12px;
    font-size: 0px;
}
.dxeColorTableCellSelected {
    padding: 2px;
    background-color: #CBCBCB;
        border: solid 1px #888888;
}
.dxeColorTableCellHover {
    padding: 2px;
    background-color: #F2F2F2;
        border: solid 1px #888888;
}

.dxeFocused 
{
	border: solid 1px #3d3d3d;
}
.dxeNullText .dxeEditArea,
.dxeNullText .dxeMemoEditArea
{
	color: #818181;
}



#footer { clear:both; background: url(../img/cilim-bg2.jpg) bottom; height:98px}
#prognoza { padding-bottom: 7px; padding-top: 12px; background-image:url(../img/vrijeme.jpg);  background-repeat: no-repeat; background-position:right;}
* {
	margin: 0px;
	padding: 0px;
}
.lijevo {
	float: left;
}
.desno {
	float: right;
}
.cisto {
	clear: both;
}
a {
	color: #60574A;
	text-decoration: none;
}
#okvir {
	width: 853px;
/*	height: 871px;*/
	margin: 26px auto;
	background-image: url(../img/cilim-bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	position: relative;
}
#logo {

	height: 110px;
	padding-left: 30px;
	padding-top: 12px;
	clear: both;
	background:url(../img/top.jpg);
}
#logo img {
	border: 0px;
}
#navigacija {
	width: 838px;
	height: 33px;
	background-image: url(../img/navigacija.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto 8px auto;
	list-style: none;
	clear: both;
}
#navigacija li {
	float: left;
	list-style: none;
}
#navigacija span {
	display: none;
}
#navigacija a {
	display: block;
	height: 33px;
}
.jedan a {
	width: 63px;
}
.jedan a:hover {
	background-image: url(../img/navigacija.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.dva a {
	width: 78px;
}
.dva a:hover {
	background-image: url(../img/navigacija.jpg);
	background-repeat: no-repeat;
	background-position: -63px bottom;
}
.tri a {
	width: 117px;
}
.tri a:hover {
	background-image: url(../img/navigacija.jpg);
	background-repeat: no-repeat;
	background-position: -141px bottom;
}
.cetiri a {
	width: 108px;
}
.cetiri a:hover {
	background-image: url(../img/navigacija.jpg);
	background-repeat: no-repeat;
	background-position: -258px bottom;
}
.pet a {
	width: 95px;
}
.pet a:hover {
	background-image: url(../img/navigacija.jpg);
	background-repeat: no-repeat;
	background-position: -366px bottom;
}
.sest a {
	width: 74px;
}
.sest a:hover {
	background-image: url(../img/navigacija.jpg);
	background-repeat: no-repeat;
	background-position: -461px bottom;
}
.sedam a {
	width: 98px;
}
.sedam a:hover {
	background-image: url(../img/navigacija.jpg);
	background-repeat: no-repeat;
	background-position: -535px bottom;
}
.osam a {
	width: 112px;
}
.osam a:hover {
	background-image: url(../img/navigacija.jpg);
	background-repeat: no-repeat;
	background-position: -633px bottom;
}
.devet a {
	width: 85px;
}
.devet a:hover {
	background-image: url(../img/navigacija.jpg);
	background-repeat: no-repeat;
	background-position: -745px bottom;
}

#banner {
	width: 838px;
	height: 95px;
	margin-left: auto;
	margin-right: auto;
	background-color: #F0E9DA;
	border-top: 2px solid #A6742E;
	border-bottom: 2px solid #A6742E;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
	margin-top: -6px;
}
#banner img {
	width: 838px;
	height: 95px;
	border: 0px;
	margin-bottom: -4px;
}
#meni {
	width: 838px;
	height: 28px;
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 2px auto;
	list-style: none;
	clear: both;
}
#meni li {
	float: left;
	list-style: none;
}
#meni span {
	display: none;
}
#meni a {
	display: block;
	height: 28px;
}
.one a {
	width: 61px;
}
.one a:hover {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.one a:active {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.two a {
	width: 158px;
}
.two a:hover {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -61px bottom;
}
.two a:active {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -61px bottom;
}
.tree a {
	width: 166px;
}
.tree a:hover {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -219px bottom;
}
.tree a:active {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -219px bottom;
}
.four a {
	width: 96px;
}
.four a:hover {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -385px bottom;
}
.four a:active {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -385px bottom;
}
.five a {
	width: 105px;
}
.five a:hover {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -481px bottom;
}
.five a:active {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -481px bottom;
}
.six a {
	width: 145px;
}
.six a:hover {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -586px bottom;
}
.six a:active {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -586px bottom;
}
.seven a {
	width: 101px;
}
.seven a:hover {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -731px bottom;
}
.seven a:active {
	background-image: url(../img/meni.jpg);
	background-repeat: no-repeat;
	background-position: -731px bottom;
}
#podmeni {
	width: 838px;
	height: 44px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -2px;
	background-image: url(../img/podmeni.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#pod {
	width: 590px;
	height: 26px;
	background-image: url(../img/pod.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	list-style: none;
	float: left;
	margin-left: 3px;
}
#pod li {
	float: left;
	list-style: none;
}
#pod span {
	display: none;
}
#pod a {
	display: block;
	height: 26px;
}
.i a {
	width: 96px;
}
.i a:hover {
	background-image: url(../img/pod.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.ii a {
	width: 124px;
}
.ii a:hover {
	background-image: url(../img/pod.jpg);
	background-repeat: no-repeat;
	background-position: -96px bottom;
}
.iii a {
	width: 124px;
}
.iii a:hover {
	background-image: url(../img/pod.jpg);
	background-repeat: no-repeat;
	background-position: -220px bottom;
}
.iv a {
	width: 111px;
}
.iv a:hover {
	background-image: url(../img/pod.jpg);
	background-repeat: no-repeat;
	background-position: -344px bottom;
}
.v a {
	width: 126px;
}
.v a:hover {
	background-image: url(../img/pod.jpg);
	background-repeat: no-repeat;
	background-position: -455px bottom;
}
#polje {
	width: 838px;
/*	height: 481px;*/
	margin: 2px auto;
	background-image: url(../img/polje.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#polje1 {
	width: 838px;
/*	height: 480px;*/
	margin: 2px auto;
	/*background-image: url(../img/transp-bg1.png);
	background-repeat: no-repeat;
	background-position: left top;*/
}
#polje3 {
	width: 838px;
/*	height: 480px;*/
	margin: 2px auto;

}
#tekst, #tekst1 {
	width: 647px;
/*	height: 330px;*/

 background:url(../img/transp-bg2.png) no-repeat bottom; padding-bottom:33px
}

#tekst h2, #tekst1 h2 {
	color: #B8A175;
	font-size: 18px;
	font-weight: normal;
	display: block;
	height: 30px; 
	padding-top: 30px;
		padding-bottom: 23px;
	padding-left: 10px;
	background-image: url(../img/transp-bg1.png);
	background-repeat: no-repeat;
	background-position: left top;
	
	font-family: "Trebuchet MS";
	text-transform: lowercase;
}

#text, #text1 {
	width: 647px;
/*	height: 305px;*/

	padding-top:10px;
/*	overflow: auto;*/
	 background:url(../img/transp-bg.png);
}

#podmeni h1 {
	display: none;
}
#text p, #text li  {
	color: #837765;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-top: 5px;
	line-height: 18px;
	text-align: justify;
}
#text1 p {
	color: #837765;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	line-height: 18px;
	text-align: justify;
}
#rezervacija {
	margin-top: 15px;
}
#rezervacija p {
	color: #837765;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	line-height: 18px;
}
#text1 ul li {
	color: #837765;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	list-style: none;
}
#creative {
	margin-right: 20px;
	margin-top: 40px;
}
.slika {
	border: 1px solid #fff;
	float: left;
	width: 145px;
	height: 97px;
	margin-left: 7px;
	margin-right: 0px;
	margin-bottom: 6px;
}


.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits {
    padding: 2px;
    color: silver;
	font-family: Tahoma, Geneva, sans-serif;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
#mySlideshow
{
	width: 232px;
	height: 284px;
	z-index:5;
}

.jdSlideshow
{
	display: none;
	overflow:hidden;
	position: relative;
}

.jdSlideshow img
{
	border: 0;
	margin: 0;
}

.jdSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdSlideshow .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	display: none;
}

.jdSlideshow .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
	display: none;
}

.jdSlideshow .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
	display: none;
}

.jdSlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdSlideshow a.right, .jdSlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdSlideshow a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat top left;
}

* html .jdSlideshow a.left { background: url('img/fleche1.gif') no-repeat top left; }

.jdSlideshow a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat top right;
}

* html .jdSlideshow a.right { background: url('img/fleche2.gif') no-repeat top right; }


#sidebar { width: 191px; float: left; }
#sidebar a { padding:15px 0 10px 15px; display:block;}
#sidebar a img { border:none}

.clear { clear:both; height:0px; visibility:hidden}