.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,td,th
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var
{
	font-style: normal;
	font-weight: normal;
}
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a:active, a:focus { outline: 0; }



/* UNUTARNJA */
body { background: #93b1d7 ;}
h1 { float: left ; display: block ; text-indent: -5000px ;}
a { cursor: pointer!important ;}
#hnd a { display:block ; float:left ; height:4px ; text-indent:-9000px ; width:4px ; cursor:default;}
#containerUnutarnja { width: 900px ; margin: 0 auto ; background: #fff ;}
#containerUnutarnja #header { width: 900px ; height: 91px ;}
#containerUnutarnja #header h2 { width: 199px ; height: 46px ; padding: 26px 0 0 350px ;}
#containerUnutarnja #headerNav { float: right ;  margin: -79px 4px 0 0 ; vertical-align: top ; }
#containerUnutarnja #headerNav ul li { display: block ; float: left ; list-style: none ;}

#containerUnutarnja #headerNav label { font: 10px Arial, Helvetica, sans-serif ; color: #0c448d ; vertical-align: middle ; padding-left: 3px ;}
#containerUnutarnja #headerNav #languages { font: bold 11px Arial, Helvetica, sans-serif ; color: #0c448d ; margin-right: 5px ;}
#containerUnutarnja #headerNav a { font: bold 11px Arial, Helvetica, sans-serif ; color: #0c448d ; padding: 0 5px 0 13px ;}
#containerUnutarnja #headerNav .home { background: url(images/homeThumb.gif) left center no-repeat ;}
#containerUnutarnja #headerNav .booking { background: url(images/bookingThumb.gif) left center no-repeat ;}
 
#containerUnutarnja #mainNav { clear: both ; width: 898px ; margin: 0 auto ; height: 40px ; background: url(images/mainNavBg.gif) no-repeat ;}
#containerUnutarnja .mainNavigation { margin: 0 0 0 42px ;}
#containerUnutarnja .mainNavigation li a {  float: left ; display: block ; font: bold 14px Arial, Helvetica, sans-serif ; color: #00247a ; text-decoration: none ; padding: 11px 0 10px 0 ; margin: 0 10px 0 10px ; cursor: pointer ;}
#containerUnutarnja .mainNavigation li a:hover , #containerUnutarnja  .mainNavigation .SelectedL1 {background: url(images/mainNavRightBg.gif) right no-repeat ; color: #00247a ; padding: 10px 0 10px 0; margin-top: -6px ; text-decoration: none ;}
#containerUnutarnja .mainNavigation li span { padding: 5px 12px 10px 12px ;}
#containerUnutarnja .mainNavigation li a:hover span , #containerUnutarnja  .mainNavigation .SelectedL1 span { background: url(images/mainNavLeftBg.gif) left no-repeat ; padding: 11px 12px 9px 12px ; }
#containerNaslovna #mainNav .RadMenu .rmHorizontal .rmText { padding: 0; }

#containerUnutarnja #content { width: 880px ; margin: 10px auto 0 auto ;}

/* Bočni RadPanelBar */
#sidebar LI { list-style-type: none; }
#sidebar * { border-width: 0;}
#sidebar { width: 186px ; min-height: 1px ; background: url(images/sidebarBg.gif) bottom left repeat-x ;  float: left ; }
#sidebar .sidebarNav .rpGroup .rpLink,
#sidebar .sidebarNav .rpGroup .rpLink:link,
#sidebar .sidebarNav .rpGroup .rpLink:visited,
#sidebar .sidebarNav .rpGroup .rpLink:hover { line-height: 14px; border-width: 0;}
#sidebar .sidebarNav { width: 184px ; border: solid 1px #002c7f ; margin-bottom: 306px ;}
#sidebar .rootLink:link, #sidebar .rootLink:visited, #sidebar .rootLink:hover { width: 184px ; height: auto ; background: url(images/sidebarRootBg.gif) left center repeat-x ; color:#1E5294; font-size:12px; font-weight: bold; padding: 8px 0;}
#sidebar .rootLink:hover { background: url(images/sidebarRootBgActive.gif) left center repeat-x ;}
#sidebar .subLink:link, #sidebar .subLink:visited, #sidebar .subLink:hover { background:#01509B url(images/bulletWhite.gif) 15px 9px no-repeat; color:#FFF; font-weight: bold; padding: 4px 10px 4px 15px; border-bottom: 1px #FFF solid!important;}
#sidebar .subLink:hover, #sidebar .subLink.rpSelected:link, #sidebar .subLink.rpSelected:visited, #sidebar .subLink.rpSelected:hover{ background:#01509B url(images/bulletYellow.gif) 15px 9px no-repeat;  color:#fdca00;}
#sidebar .RadPanelBar .rpLink .rpOut { padding: 0;}
#sidebar .RadPanelBar .rpLink:hover .rpOut { padding-bottom: none!important; padding: 0;}
#sidebar .adminNavigation { font: bold 12px Arial, Helvetica, sans-serif ;}

#containerUnutarnja .rpLevel2 li .subLink span, #containerUnutarnja .rpLevel2 li .subLink:hover span, #containerUnutarnja .rpLevel2 li .subLink { background-image:none;}

#mainContentBottom #dnn_ContentPane { padding-left: 20px ;}/**/
#mainContentBottomDvijeKolone #dnn_ContentPane { padding-left: 20px ;}/**/

#containerUnutarnja #mainContent { width: 684px ; float: left ; margin-left: 10px ;}
#containerUnutarnja #mainContentTop { width: 684px ; height: 216px ; background: #e8eef4 ;}
#containerUnutarnja .imageHolder { width: 682px ; height: 179px ; border: solid 1px #002c7f ;}
#containerUnutarnja #mainContentTop h2 { font: bold 14px Arial, Helvetica, sans-serif ; color: #1e5294 ; padding: 10px 0 0 17px ;}
#containerUnutarnja #mainContentBottom { width: 682px ; border: solid 1px #93b1d7 ; padding-bottom: 30px ; margin-bottom: 10px ; font-family: Arial, Helvetica, sans-serif ;}
#containerUnutarnja #mainContentBottom #dnn_ContentPane { width: 460px ; float: left ;}/**/
#containerUnutarnja #mainContentBottom #rightSidebar { padding: 40px 0 50px 0!important ; padding: 40px 0 0px 0 ; vertical-align: top ;}
#containerUnutarnja #mainContentBottom #dnn_RightPane { width: 198px ; float: left ; border-left: solid 1px #93b1d7 ;}

#containerUnutarnja #mainContentBottomDvijeKolone , #containerUnutarnja #mainContentBottomDvijeKolone1  { width: 682px ; border: solid 1px #93b1d7 ; padding-bottom: 30px ; margin-bottom: 10px ; font-family: Arial, Helvetica, sans-serif ;}
#containerUnutarnja #mainContentBottomDvijeKolone1 { border-width: 0 ; width: 684px ;}
.typeGallery .contentPane { border-width: 0 1px 1px 1px ; border-style: solid ; border-color: #93b1d7 ; clear: both ;}
#containerUnutarnja #mainContentBottomDvijeKolone #dnn_ContentPane { width: 662px ;}/**/

#footer { width: 898px ; height: 33px ; background: #154a91 ; border: solid 1px #fff ; border-top: none ; margin: 0 auto ; font: 10px Arial, Helvetica, sans-serif ; color: #fff ;}
#footer .RadMenu { padding: 10px 0 0 10px ;}
#footer .RadMenu .rmHorizontal .rmText { padding: 0; }
#footer .RadMenu .rmLink { padding: 0 7px 0 0; }
#footer a { color: #fff ; padding-right: 7px; text-decoration: underline ; cursor: pointer ;}
#footer #copy { float: right ; padding: 10px 9px 0 0 ;}
#footer #copy .SkinObject { font: 10px Arial, Helvetica, sans-serif ; color: #fff ;}
#footer #copy a {  text-decoration: none ;}
#login { width: 165px ; margin: 7px auto ; font: 10px Arial, Helvetica, sans-serif ; color: #000 ;}
#login a:hover { text-decoration: underline ; color: #000 ;}
#login .SkinObject { font: 10px Arial, Helvetica, sans-serif ; color: #000 ;}

/* GALERIJE NAV */
#navContentPane { width: 100% ; background: #e8eef4 ; border-bottom: solid 1px #93b1d7 ;}
#navContentPane .RadMenu { margin: 0 0 -1px 10px ; clear: both ; float: none ;}
#navContentPane .rmLink { padding: 5px ; margin-right: 5px ; background: #e8eef4 ;  border: solid 1px #93b1d7 ; border-bottom: none ; font: bold 11px Arial, Helvetica, sans-serif ; color: #1e5294 ; cursor: pointer ;}
#navContentPane .SelectedL1 {   border: solid 1px #93b1d7 ; border-bottom: solid 1px #fff ; background: #fff ;}





/* NASLOVNA STRANICA */

#containerNaslovna { width: 895px ; margin: 0 auto ; background: #fff ; padding: 1px ;}
#containerNaslovna #header #mainNav { float: left ; width: 663px ; height: 45px ; background: url(images/mainNavNaslovnaBg.jpg) no-repeat ;}
#containerNaslovna #header { height: 45px ;}
#containerNaslovna .mainNavigation { margin: 0 0 0 30px!important ; margin: 0 0 0 15px ;}

#containerNaslovna .mainNavigation li a {  float: left ; display: block ; font: 13px Verdana, Arial, Helvetica, sans-serif ; color: #093064 ; text-decoration: none ; padding: 15px 20px 10px 0 ; cursor: pointer ;}
#containerNaslovna .mainNavigation li a:hover { text-decoration: underline ;}


#containerNaslovna #headerNav { float: left ; width: 232px ; height: 45px ; background: url(images/topNavBg.gif) repeat-x ;}
#containerNaslovna #headerNav ul { padding: 11px 0 0 11px ;}
#containerNaslovna #headerNav ul li { display: block ; float: left ; list-style: none ;}
#containerNaslovna #headerNav label { font: 10px Arial, Helvetica, sans-serif ; color: #0c448d ; vertical-align: middle ;}
#containerNaslovna #headerNav #languages { font: bold 11px Arial, Helvetica, sans-serif ; color: #0c448d ; margin-right: 5px ;}
#containerNaslovna #headerNav a { font: bold 11px Arial, Helvetica, sans-serif ; color: #0c448d ;}

#containerNaslovna #content { width: 895px ; margin-top: 1px ; background: #e5eefa url(images/rightSidebar.gif) top repeat-x ;}


#containerNaslovna #mainContent { width: 663px ; float: left ;}
#containerNaslovna #flashHolder { width: 663px ; height: 254px ;}
#containerNaslovna #mainContentBottom { width: 663px ; background: #184d92 url(images/mainContentBg.jpg) no-repeat ;}
#containerNaslovna #leftNav { padding: 25px 0 0 25px ;}
#containerNaslovna #leftNav * { border-width: 0;}
#containerNaslovna #leftNav .RadPanelBar .rpLink:hover .rpOut { padding-bottom: none!important; padding: 0;}
#containerNaslovna #leftNav .RadPanelBar .rpText { padding: 0; }
#containerNaslovna .leftNav .rootLink { font: bold 12px Arial, Helvetica, sans-serif ; color: #06326b ; padding-bottom: 3px ;}
#containerNaslovna .leftNav .rootLink:hover { text-decoration: underline ;}

#containerNaslovna #centerDiv { width: 347px ; float: right ; margin: -145px 30px 0 0 ; position: relative ;}
#containerNaslovna #centerDiv #centerDivTop { width: 348px ; height: 8px ; background: url(images/centerDivTopBg.png) bottom no-repeat ;}
#containerNaslovna #centerDiv #centerDivBottom { width: 347px ; background: url(images/centerDivBg.png) center bottom no-repeat ;}
#containerNaslovna #centerDiv #centerDivBottom #dnn_centerPane { width: 327px ; padding-left: 20px ;}/**/

#containerNaslovna #contentPaneHolder { clear: both ; padding: 60px 15px 40px 15px ;}

#containerNaslovna #footerNav  { width: 473px ; margin: 80px auto 30px auto ;}
#containerNaslovna #footerNav li { height: 12px ; border-right: solid 1px #fff ; }
#containerNaslovna #footerNav li.last { border-right: none ;}
#containerNaslovna #footerNav .RadMenu .rmHorizontal .rmText { padding: 0; }

#containerNaslovna #footerNav a { font: 10px Arial, Helvetica, sans-serif ; color: #fff ; padding: 0 7px 0 5px ;}

#containerNaslovna #footerNav .footerTopNavigation { margin: 0 0 5px 20px ;}


#containerNaslovna #content #rightSidebar { width: 232px ; float: left ;}
#containerNaslovna #content #rightSidebar h2.logoHolder { width: 199px ; height: 46px ; padding: 45px 0 45px 19px ;}
#containerNaslovna #content #rightSidebar #copy {  font: 10px Arial, Helvetica, sans-serif ; color: #184d92 ;text-align: center ; padding-top: 20px ;}


#containerNaslovna #content #rightSidebar #copy a { font: 10px Arial, Helvetica, sans-serif ; color: #184d92 ;  text-decoration: none ; cursor: pointer ;}
#containerNaslovna #content #rightSidebar #copy p { font: 10px Arial, Helvetica, sans-serif ; color: #184d92 ;}

#containerNaslovna #content #rightSidebar #copy span { font: 10px Arial, Helvetica, sans-serif ; color: #184d92 ; font-weight: normal ;}


/* PRIJAVA STRANICA */

#wrapperPrijava { text-align: center ;}
.LoginPage {
	margin: 100px auto 0 auto;
	width: 320px;
	/* width: expression("290px"); */
	padding: 10px 15px 10px 15px;
	border: 3px #0684e4 solid;
	text-align: center;
	background-color: #FFF;
}

.LoginPage .BackLink A:link,
.LoginPage .BackLink A:visited,
.LoginPage .BackLink A:hover {
	font-size: 11px;
	color: #696969;
	text-decoration: none;
}

.LoginPage .BackLink A:hover {
	text-decoration: underline;
}

.LoginPage .BackLink SPAN {
	color: #d6a513;
}

.LoginPage .CommandButton:link,
.LoginPage .CommandButton:visited,
.LoginPage .CommandButton:hover {
	color: #000;
	text-decoration: underline;
}

.LoginPage .ForgetLink {
	padding: 6px 0 0 0;
	text-align: center;
}

.LoginPage .loginControl {
	margin: 0 auto;
}

.LoginPage .Normal {
	color: #666565;
}

.LoginPage .NormalTextBox {
	border: 1px #0684e4 solid;
	background: url(images/BackMainMenu.gif) center left repeat-x;
	font-size: 12px;
	color: #000;
	width: 250px;
	padding: 1px 2px;
}

.LoginPage .StandardButton {
	border-width: 0;
	color: #FFF;
	background-color: #0684e4;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	margin: 5px;
	padding: 2px 5px;
}

.LoginPage .SubHead {
	font-weight: normal;
	font-size: 12px;
	color: #565656;
}

.LoginPage TD {
	padding: 2px 0;
}














