@import url(web/navigation.css);
@import url(web/novosti.css);
@import url(web/web-galerija.css);
@import url(web/pretraga.css);

* {
	margin: 0;
	padding: 0;
}

HTML {
	background: #fff url(../images/bg/main.jpg) repeat-y 50% 0;
}

BODY {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	color: #B2B2B2;
}

A {
	color: #16C1F3;
	outline: none;
}

.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; }

#spice,
#spice_wide,
#header,
#top_bar,
#language_bar {
	margin: 0 auto;
	border-left: 1px solid #ACB1B2;
	border-right: 1px solid #ACB1B2;
	width: 948px;
	height: 55px;
}
#language_bar { width: 950px; border: 0; }

#top_bar,
#top_bar_marina,
#top_bar_servis,
#top_bar_turizam,
#top_bar_trgovina {
	background: #FDFCF0 url(../images/bg/top-bar/main.gif) repeat-x 0 0;
	margin: 0 auto;
	width: 950px;
	border: 0;
}
#top_bar_marina { background-image: url(../images/bg/top-bar-marina/main.gif); }
#top_bar_servis { background-image: url(../images/bg/top-bar-servis/main.gif); }
#top_bar_turizam { background-image: url(../images/bg/top-bar-turizam/main.gif); }
#top_bar_trgovina { background-image: url(../images/bg/top-bar-trgovina/main.gif); }

#top_bar DIV,
#top_bar_marina DIV,
#top_bar_servis DIV,
#top_bar_turizam DIV,
#top_bar_trgovina DIV {
	background: transparent url(../images/bg/top-bar/left.gif) no-repeat 0 0;
	height: 55px;
}
#top_bar_marina DIV { background-image: url(../images/bg/top-bar-marina/left.gif); }
#top_bar_servis DIV { background-image: url(../images/bg/top-bar-servis/left.gif); }
#top_bar_turizam DIV { background-image: url(../images/bg/top-bar-turizam/left.gif); }
#top_bar_trgovina DIV { background-image: url(../images/bg/top-bar-trgovina/left.gif); }

#top_bar DIV DIV,
#top_bar_marina DIV DIV,
#top_bar_servis DIV DIV,
#top_bar_turizam DIV DIV,
#top_bar_trgovina DIV DIV {
	background: transparent url(../images/bg/top-bar/right.gif) no-repeat 100% 0;
}
#top_bar_marina DIV DIV { background-image: url(../images/bg/top-bar-marina/right.gif); }
#top_bar_servis DIV DIV { background-image: url(../images/bg/top-bar-servis/right.gif); }
#top_bar_turizam DIV DIV { background-image: url(../images/bg/top-bar-turizam/right.gif); }
#top_bar_trgovina DIV DIV { background-image: url(../images/bg/top-bar-trgovina/right.gif); }

#top_bar_nav {
	padding-top: 23px;
	margin-left: 280px;
}
#top_bar_nav UL {
	list-style: none;
	width: 450px;
}
#top_bar_nav UL LI {
	float: left;
}
#top_bar_nav UL LI A {
	display: block;
	font-weight: bold;
	width: 100px;
	color: #83A2BB;
	text-transform: uppercase;
	height: 26px;
	line-height: 30px;
	margin-right: 35px;
	text-decoration: none;
	padding-right: 3px;
}
#top_bar_nav UL LI A:hover {
	color: #001D34;
	border-bottom: 6px solid #16C1F3;
}
#top_bar_nav UL LI A.selected {
	color: #001D34;
	border-bottom: 6px solid #16C1F3;
}

#login {
	border: 1px solid red;
	position: relative;
	top: 10px;
	right: 0;
	height: 20px;
	width: 100px;
}

#header {
	height: 124px;
	/*position: relative;*/
	background: #00356B url(../images/tmp/Untitled-1.jpg) no-repeat 100% 0;
}
#header DIV.logo {
	/*position: absolute;*/
	position: relative;
	width: 100px;
	top: -30px;
	left: 35px;
}

#spice {
	background: #fff url(../images/bg/header_rounded_corner.gif) no-repeat 0 0;
	height: 8px;
	font-size: 1px;
}
#spice_wide {
	background: #fff url(../images/bg/header_rounded_corner_wide.gif) no-repeat 0 0;
	height: 8px;
	font-size: 1px;
}
#wrap {
	margin: 0 auto;
	border-left: 1px solid #ACB1B2;
	border-right: 1px solid #ACB1B2;
	width: 948px;
	background: #fff url(../images/bg/wrap.gif) repeat-y 0 0;
	overflow: hidden;
}
#wrap_wide {
	margin: 0 auto;
	border-left: 1px solid #ACB1B2;
	border-right: 1px solid #ACB1B2;
	width: 948px;
	background: #fff url(../images/bg/wrap_wide.gif) repeat-y 0 0;
	overflow: hidden;
}
#footer {
	margin: 0 auto;
	width: 950px;
	height: 50px;
	border-top: 1px solid #ACB1B2;
	background: transparent url(../images/bg/footer.gif) repeat-x 0 0;
	text-align: center;
	color: #63819A;
	font-size: 0.82em;
	line-height: 120%;
}

#main_column { float: left; width: 582px; overflow: auto; font-size: 1.09em;}
#main_column 
	#inside_nav_column { float: left; width: 110px; }
#main_column 
	#main { float: right; width: 458px; color: #333; padding-bottom: 30px;}
#main_column 
	#main 
		H1 { font-size: 24px; color: #16C1F3; font-weight: normal; margin: 15px 0}
#main_column 
	#main 
		H2 {
			font-size: 18px; color: #333; margin: 25px 0 10px 0;
		}
#main_column 
	#main 
		P {
			margin: 15px 0;
		}
#main_column 
	#main 
		A { color: #16C1F3; text-decoration: underline; }
#main_column 
	#main 
		A:hover { color: #001D34; text-decoration: underline; }
		
	#main  UL {
		padding-left: 40px;
		padding-bottom: 10px;
	}
	
	
	
#main_column_wide { float: left; width: 765px; overflow: auto; font-size: 1.09em;}
#main_column_wide 
	#inside_nav_column { float: left; width: 110px; }
#main_column_wide 
	#main { float: left; width: 729px; color: #333; margin:0px 22px 30px 14px; }
#main_column_wide 
	#main 
		H1 { font-size: 24px; color: #16C1F3; font-weight: normal; margin: 15px 0}
#main_column_wide 
	#main 
		H2 {
			font-size: 18px; color: #333; margin: 25px 0 10px 0;
		}
#main_column_wide 
	#main 
		P {
			margin: 15px 0px;
		}
#main_column_wide 
	#main 
		A { color: #16C1F3; text-decoration: underline; }
#main_column_wide 
	#main 
		A:hover { color: #001D34; text-decoration: underline; }
		
	#main  UL {
		padding-left: 40px;
		padding-bottom: 10px;
	}

	
	
#left_column{
	float: left;
	width: 183px;
}

#left_column UL.sub {
	margin: 20px;
	list-style: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.27em;
	padding-top: 20px;
	background: transparent url(../images/bg/horizontal_rule_plus_dark.gif) no-repeat 0 0;
}
#left_column UL.sub LI A {
	text-decoration: none;
	color: #fff;
	padding-left: 22px;
	line-height: 24px;
}
#left_column UL.sub LI A:hover {
	text-decoration: underline;
}
#left_column UL.sub LI A#kako {
	background: transparent url(../images/icons/kako_nas_naci.gif) no-repeat 0 50%;
}
#left_column UL.sub LI A#newsletter {
	background: transparent url(../images/icons/newsletter.gif) no-repeat 0 50%;
}
#left_column UL.sub LI A#kontakt {
	background: transparent url(../images/icons/kontakt.gif) no-repeat 0 50%;
}
#left_column UL.sub LI A#nov {
	background: transparent url(../images/icons/nov.gif) no-repeat 0 50%;
}
#left_column UL.sub LI A#nov_last {
	background: transparent url(../images/icons/nov_last.gif) no-repeat 0 50%;
}
#left_column UL.sub LI A#plan {
	background: transparent url(../images/icons/plan-marine.gif) no-repeat 0 50%;
}
#left_column UL.sub LI A#yacht_club {
	background: transparent url(../images/icons/yacht_club.gif) no-repeat 0 50%;
}
#left_column UL.sub LI A#meteo {
	background: transparent url(../images/icons/meteo.gif) no-repeat 0 50%;
}
#left_column UL.sub LI A#pan {
	background: transparent url(../images/icons/pan.gif) no-repeat 0 50%;
}
#left_column UL.sub LI A#gal {
	background: transparent url(../images/icons/gal.gif) no-repeat 0 50%;
}
#left_column UL.sub LI A#kam {
	background: transparent url(../images/icons/club.gif) no-repeat 0 50%;
}



#right_column{
	float: left;
	width: 183px;
}

H3#opis_marina, H3#opis_servis, H3#opis_trgovina, H3#opis_turizam, H3#opis_tourism, H3#opis_tourismus {
	height: 23px; text-indent: -999px; background: transparent url(../images/titles/marina.gif) no-repeat 0 0;
}
H3#opis_servis { background-image: url(../images/titles/servis.gif); }
H3#opis_servis_en { background-image: url(../images/titles/yacht_service.gif); }
H3#opis_trgovina { background-image: url(../images/titles/trgovina.gif); }
H3#opis_turizam { background-image: url(../images/titles/turizam.gif); }
H3#opis_tourism { background-image: url(../images/titles/tourism.gif); }
H3#opis_tourismus { background-image: url(../images/titles/tourismus.gif); }

P.opis_right {
	margin: 10px 20px;
	line-height: 13px;
	padding-bottom: 20px;
	background: transparent url(../images/bg/horizontal_rule_plus.gif) no-repeat 0 100%;
	font-stretch:normal;
	font-size:12px;
}

DIV.phoDesc {
	font-size: 90%;
	font-style: italic;
	color: #6B6B6B;
}

A.print {
	margin-top: 20px;
	padding-left: 20px;
	background: transparent url(../images/icons/print.gif) no-repeat 0 50%;
}


/*EDITING*/
A.in_place_edit_button { float: right; border-bottom: 1px solid red; color: red; 	text-decoration: none; font-size: 10px; }
.eip_wrapper { }
.eip_wrapper_over { background-image:url('../admin/images/backs/50p_ffd2.gif');
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../admin/images/backs/50p_ffd.png');*/
}
.eip_wrapper_over[class]{ background-image:url('../admin/images/backs/50p_ffd.png'); }


/* Stjepan's code */

table tr td.opis_vr {
	line-height: 13px;
}

#fontSizes{
	padding: 25px 0 0 15px;
	margin-left: 20px;
}
#fontSizes A {
	display: block;
	float: left;
	padding: 0 3px;
	margin-right: 5px;
	text-align: center;
	color: #fff;
	background-color: #00356B;
	text-decoration: none;
}
#fontSizes A:hover {
	background-color: #ccc;
	color: #00356B;
}
#fontSizes A.increaseSize {
	margin-left: 20px;
}
/*Stjepan*/
table.cjenik {
	border:solid 1px #d6d7d6;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	text-align:center;
	}

table.cjenik tr {
	border:solid 1px #d6d7d6;
	padding:0px; margin:0px;}

table.cjenik tr td {
	border:solid 1px #d6d7d6;
	padding:2px; margin:0px;
	text-align:center;}
	
table.cjenik tr td p {
	padding:0px; margin:0px;}

.w50 {width: 50px;}

.logo_box {
	width: 255px;
	height:73px;
	border: solid 1px #d3d5d5;
	}
table.logo {
	font-size:16px;
	}
table.logo tr {
	
	}
table.logo tr td {
	
	}
table.logo tr td a:active {
	text-decoration:none;
	}
table.logo tr td.box {
	vertical-align:middle;
	border:solid 1px #d3d5d5;
	padding:3px 0;
	
	}