 <!-- DW6 -->
/* ================================
    Default styles FOR DotNetNuke
   ================================
*/

* { 
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}


/* background color for the content part of the pages */
BODY {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background:#e8f4fe;
	text-align:center;
}
#form {
	margin: 0;
	padding: 0;
}
A:hover,
A:active,
A:visited,
A:link {
	color: #0baaec;
	text-decoration:underline;
	font-size: 11px;
}
A:hover {
	color: #FF8400;
}
.ControlPanel {
}
.SkinObject {
}
A.SkinObject:link,
A.SkinObject:visited {
}
A.SkinObject:hover {
}
TD {
vertical-align: top;
}

/* style for module titles */
.Head {
}


/* style of item titles on edit and admin pages */
.SubHead {
}


/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}


/* text style used for most text rendered by modules */
.Normal {
}


/* text style used for rendered text which requires emphasis */
.NormalBold {
}


/* text style used for error messages */
.NormalRed {
}


/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
}


/* styles used by TreeMenu Skin Object */
.TreeMenu_Node {
}
.TreeMenu_NodeSelected {
}
A.TreeMenu_Node:link,
A.TreeMenu_NodeSelected:link,
A.TreeMenu_Node:visited,
A.TreeMenu_NodeSelected:visited {
}
A.TreeMenu_Node:hover,
A.TreeMenu_NodeSelected:hover    {

}

/* styles used in the FileManager */
.FileManager {
}
.FileManager_ToolBar {
}
.FileManager_Explorer {
}
.FileManager_FileList {
}
.FileManager_MessageBox {
}
.FileManager_Header {
}
.FileManager_Pager {
}
.FileManager_StatusBar {
}
.FileManager_Item {
}
.FileManager_AltItem {
}
.FileManager_SelItem {
}
.FileManagerTreeNode {
}
.FileManagerTreeNodeSelected {
}
A.FileManagerTreeNode:link,
A.FileManagerTreeNodeSelected:link,
A.FileManagerTreeNode:visited,
A.FileManagerTreeNodeSelected:visited {
}
A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
}

/* styles used in the Wizard Framework */
.Wizard {
}
.WizardButton {
}
.WizardHeader {
}
.WizardFooter {
}
.WizardBody {
}
.WizardHelp {
}
.WizardHelpText {
}
.WizardText {
}


/* text style used for help text rendered by modules */
.Help {
}


/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
}

 
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link,
A.CommandButton:visited {
}
A.CommandButton:hover {
}


/* button style for standard HTML buttons */
.StandardButton {
}

    
/* GENERIC */
H1 {
}
H2 {
}
H3 {
}
H4 {
}
H5 {
}
H6 {
}
TFOOT, THEAD {
}
TABLE {
	border-collapse: collapse;
}
TD {
	padding: 0px;
}
TH {
	padding: 0px;
}
A:link,
A:visited {
}
A:hover {
}
SMALL {
}
BIG {
}
BLOCKQUOTE, PRE {
}
HR {
}


/* ================================
    Styles for skin
   ================================
*/
/* Main size definitions */
.BigTable {
	width: 786px;
	height: 100%;
	text-align:center;
	background: transparent;
	margin: 0 auto;
	padding: 0;
}
.IntroBigTable {
	background:url(images/TableMainBack.jpg) top repeat-y;
	width: 786px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}
.IntroBigTable td {
	margin: 0;
	padding: 0;
	text-align:center;
	background: transparent;
}
.IntroPageHolder {
	width:770px;
}
.BigTable TD {
	text-align:left;
	background: transparent;
}
td.BigTableLeft {
	width: 8px;
	background:url(images/BackLeft.gif) top left repeat-y;
}
td.BigTableRight {
	width: 8px;
	background:url(images/BackRight.gif) top right repeat-y;
}
.Header {
	width:770px;
	height:146px;
}
.HeaderHolder {
	background:url(images/BigMainBack1.jpg) top no-repeat;
	height: 119px;
}
.LogoHolder {
	width: 197px;
	height: 119px;
	float: left;
	margin: 0 0 0 0px;
}
.NavigationHolder {
	text-align:left;
	margin: 0;
	background:url(images/MainNavigBack.jpg) top repeat-y;
	height: 27px;
}
.IntroContentHolder TD,
.ContentHolder TD {
	vertical-align: top;
}
.IntroContentHolder {
	width: 770px;
	height: 416px;
	background:url(images/NaslovnicaBack.jpg) top repeat-x;
}
td.LeftColumn {
	background:url(images/BigMainBack2.jpg) top repeat-x #FFFFFF;
	width: 178px;
	vertical-align: top;
	padding: 0;
	margin:0;
}

td.MidleColumn {
	background: #fff url(images/BigMainBack3.gif) top left no-repeat;
	width:428px;
	padding:20px 0 0 0;
	margin:0;
}
td.MidleColumnPocetna {
	background: #fff url(images/BigMainBack3.jpg) top left no-repeat;
	width:428px;
	padding:20px 0 0 0;
	margin:0;
}
td.RightColumn {
	width: 164px;
	text-align:left;
	padding: 0;
	background:url(images/MainRightBack.jpg) bottom right no-repeat #FFFFFF;
}
.FooterHolder {
	border-top: #FF8400 solid 1px;
	background-color:#FFFFFF;
	text-align:center;
}

div.NMSigHolder .SkinObject, td.FooterHolder .SkinObject, td.IntroFooterHolder .SkinObject {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #3B98CE;
}

.IntroFooterHolder {
	background:url(images/crta.gif) top no-repeat;
}
div.PosebnaPonuda {
	background:url(images/PosebnaPonudaBack.gif) top left no-repeat;
	color: #FF8400;
	font-size:12px;
	font-weight:bold;
	width: 408px;
	height:61px;
	margin: 0 0 0 10px;
	text-align:left;
}
div.PosebnaPonuda a:hover,
div.PosebnaPonuda a:visited,
div.PosebnaPonuda a:active,
div.PosebnaPonuda a:link {
	color: #FF8400;
	font-size:12px;
	font-weight:bold;
	margin: 25px 0 0 135px;
	display:block;
}
div.PosebnaPonuda a:hover {
	color:#164778;
}
/* breadcrumb i links */
td.putanja, td.putanja2 {
	background: #1C5B9B;
}
td.putanja2 {
	background: #1C5B9B url(images/BcBack.jpg) top right repeat-y;
	color: #E8F4FE;
	height: 30px;
	padding: 5px 0 0 20px;
	text-align:left;
}

td.putanja2 .SkinObject,
td.putanja2 a.SkinObject:link,
td.putanja2 a.SkinObject:visited,
td.putanja2 a.SkinObject:hover {
		font-weight:normal;
		font-size: 10px;
		color: #E8F4FE;
}
td.putanja2 a.SkinObject:hover {
color: #fff;
}
.SideMenuRight {
padding: 10px;
background:url(images/LinksBack.jpg) top left no-repeat;
height: 146px;
width: 151spx;
margin: 20px 0 0 0;
text-align:left;
}
.Links .SkinObject,
.Links a.SkinObject:link,
.Links a.SkinObject:visited,
.Links a.SkinObject:hover {
		font-weight:bold;
		font-size: 11px;
		color: #fff;
		display:block;
}
.Links a.SkinObject:hover {
		color:#000;
}
/* login i register */
.RegisterHolder {
	margin: 0;
	text-align:left;
}
.RegisterHolder LI {
	list-style-type: none;
	padding:0 0 0 30px;
	text-align: left;
	color:#FFFFFF;
	font-weight:normal;
}
.RegisterHolder LI a:visited,
.RegisterHolder LI a:active,
.RegisterHolder LI a:link {
	color:#0baaec;
	font-weight:normal;
}
.RegisterHolder LI a:hover {
	color: #FF8400;
	font-weight:normal;
}
.RegisterHolder .LoginLink {
	background:url(images/IcoLogin.gif) left no-repeat;
}
.RegisterHolder .UserLink {
	background:url(images/IcoRegister.gif) left no-repeat;
}
.ClearDiv { /* Used for removing float attribute */
	clear:both;
	font-size:1px;
}
.Trazilica {
	margin: 5px 10px 5px 0px;
	text-align: right;
}
.Trazilica .NormalTextBox {
	color:#8b6a24;
	font-size:10px; 
}
.Trazilica .SkinObject,
.Trazilica a.SkinObject:link,
.Trazilica a.SkinObject:visited,
.Trazilica a.SkinObject:hover  {
	font-size: 10px;
	font-weight: bold; 
	text-decoration:none;
	color: #FF8400;
	display:block;
}
.Trazilica a.SkinObject:hover {
	color:#000;
}
.Trazilica INPUT {
	border: solid 1px #FF8400; 
	height:14px;
	width: 150px; 
	margin:0 0 5px 0;
	background:url(images/SearchBack.gif) repeat-x;
}
/* =================================================rad menu css  */
.MenuGroup {
 background:none;
 font-family:Arial, Helvetica, sans-serif;
 margin: 0 0 0 30px;
 padding: 0;
 background: transparent;
}
.RootMenuItemOver,
.RootMenuSelected,
.RootMenuItem,
.RootMenuItemClicked {
 color: #fff;
 font-size: 11px;
 cursor: hand;
 cursor: pointer;
 padding: 10px 0;
 font-weight:bold;
 background: transparent;
}
.RootMenuSelected td,
.RootMenuItem td,
.RootMenuItemOver td,
.RootMenuSelected td,
.RootMenuItemClicked td {
 padding: 5px 0 0 5px;
 background: transparent;
}
.RootMenuItemOver,
.RootMenuSelected,
.RootMenuItemClicked {
 color: #FF8400;
}
.MenuItemsGroup {
 border: none;
 background: transparent;
 margin: 8px;
}
.MenuItem,
.MenuItemOver,
.MenuItemSelected,
.MenuItemClicked {
 color: #fff;
 font-size: 11px;
 cursor: hand;
 cursor: pointer;
 background: #5ec0eb;
}
.MenuItem td,
.MenuItemOver td,
.MenuItemSelected td,
.MenuItemClicked td {
 padding: 4px 5px;

}
.MenuItemOver,
.MenuItemSelected,
.MenuItemClicked {
 background: #1c5b9b;
 color: #FF8400;
}
/* ========================================SIDEMENU */

.SideMenuStyle {
	width: 155px;
	height: 327px;
	margin: 5px 0 0 10px!important;
	margin: 5px 5px 0 10px;
	padding: 15px 0 0 10px;
	background: url(images/SMenuLeftBack.jpg) top left no-repeat;
}
HTML>BODY .SideMenuStyle UL {
	margin: 0;
	padding: 0;
	width:150px;
	text-align:left;
}
.MenuItems0,
.MenuItems0 UL {
	margin: 0;
	padding: 0;
}
.MenuItems0 LI {
	list-style: none;
	padding: 0;
	margin: 0;
}
.MenuItems1 {
	margin: 0;
}
.MenuItems1 A:link,
.MenuItems1 A:visited,
.MenuItems1 A:hover {
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: #164778;
}
.MenuItems1 A:hover {
	color: #fff;
}
.MenuItems1 LI  {
	background: transparent;
	padding: 0 0 0 2px;
}

UL.MenuItems2  {
	text-align:left;
	margin: 0;
}
.MenuItems2 LI {
	background: none;
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: square;
	color: #fff;
}
.MenuItems2 A:link,
.MenuItems2 A:visited,
.MenuItems2 A:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none; 
}
HTML>BODY .MenuItems2 A:link,
HTML>BODY .MenuItems2 A:visited,
HTML>BODY .MenuItems2 A:hover {
	text-decoration: none; 
}
.MenuItems2 A:hover {
	color: #164778;
}
/* =========================================sidemenu end */

.LeftMap {
	width: 155px;
	height: 71px;
	margin: 25px 0 0 10px;
	padding: 45px 0 0 0;
	text-align: center;
	background: url(images/MalaKartaHvara.jpg) top left no-repeat;
}
.LeftMap a, .LeftMap a:visited {
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #164778;
}
.LeftMap a:hover {
	color: #FF8400;
}
/* =========================================sidemenu right */

.SideMenuRight a {
	color: #fff;
}
.SideMenuRight .MenuItems1 A:link,
.SideMenuRight .MenuItems1 A:visited,
.SideMenuRight .MenuItems1 A:hover {
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
}
.SideMenuRight .MenuItems1 A:hover {
	color: #164778;
}


/*==================================================== apartmani html template =====*/


.apartmani {
	margin: 0;
	padding: 0;
	border-collapse:collapse;
	border: none;
	width: 400px;
	}
	
.apartmani td {
	margin: 0;
	padding: 0;
	background: #fff;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: justify;
	border: none;
	}
.apartmani td strong {
	color: #fff;
	}
.apartmani .sifra {
		color: #fff;
		background:url(images/sifra.jpg) top left no-repeat;
		padding: 3px;
	}
.apartmani .slika {
		background: transparent;
		padding: 10px 0 0 0;
	}
.apartmani .opis {
		color: #164778;
		background:url(images/opis.jpg) top left repeat-y;
		padding: 10px 10px 3px 10px;
	}
.apartmani .slikice {
		padding: 5px 0;
		margin: 0;
	}
.apartmani .slikice img{
		background: transparent;
		margin: 0 3px 5px 0;
	}
.apartmani .apdetalj{
		background: #fff;
		padding: 10px 10px 3px 0px;
		margin: 0;
		color: #164778;
	}
.apartmani .apdetalj h1 {
		background:url(images/detalj.jpg) top left no-repeat;
		font: bold 13px Arial, Helvetica, sans-serif;
		padding: 0 0 0 10px;
		margin: 0;
		color: #fff;
	}
.apartmani .kontakt{
		background: #fff;
		border-top: 1px solid #FF8400;
		padding: 3px;
		font-weight: bold;
		color: #164778;
	}
.apartmani .kontakt a, .apartmani .kontakt a:visited {
		color: #164778;
		font-weight: bold;
		text-decoration: none;
	}
.apartmani .kontakt a:hover {
		color: #FF8400;
		font-weight: bold;
		text-decoration: underline;
	}

	/*==================================================== apartmani html template =====*/