/* CSS Document */

body {
	background-color:#FFF;
	margin: 0 0 0 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	font-size:20px;
	color:#135193;
	float:left;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0px;
}

h2 {	font-size:14px;	color:#F68235; text-align:left;}

h3 {	font-size:12px; color:#135193; text-align:center;}



/*elementi*/

div#header {	margin:auto; width:760px; height:90px;}

div#logo {	float:left; width:600px; margin: 0 0 0 7px;}

div#menuLeft, div#menuLeftLogo { width:600px}

div#menuLeftLogo {	height:64px;}

div#kontakt {	float:left; width:140px; height:80px; margin: 5px 5px 0 0;}

div#menuItem {	float:left;	width:98px;	height:26px;	background-image:url(images/main/menu_back1.jpg);	text-align:center;}



div#wrapper {	margin:auto;	width:760px;}

div#desni {	float:left;	width:204px; margin: 12px 0 12px 0;}

div#sadrzaj {	float:left;	width:555px;	text-align:center;	margin: 12px 0 12px 0;	border-right: #CCC 1px solid;}

div#box {	width:525px;	border-bottom: #666 1px dashed;	margin: 0 0 30px 0; text-align:left;}

div#box_center {	width:525px;	border-bottom: #666 1px dashed;	margin: 0 0 30px 0; text-align:center;}

div#sub, div#jezici, div#desniMenu {	width: 180px; text-align:left;}

div#sub { margin: 0 0 0 10px;}

div#jezici {	text-align:right; margin: 0 0 5px 0;}

div#desniMenu { margin: 25px 0 0 10px; line-height:20px; border-bottom:#ccc 1px dashed;}

div#footer {	clear:both; width:750px; border-top:#F68235 1px solid;}

table#charter { text-align:center;}

.boxSlika {margin: 0 0 0 42px;}

/* stilovi */


div#menuItem a{	display:block;	font: 11px 'Verdana', sans-serif;	text-decoration:none;	line-height:26px;	font-weight:bold;	color:#135193;}

div#menuItem a:hover {	color:#FFF;	background-image:url(images/main/menu_back2.jpg);}

div#desniMenu a, div#footer a, div#kontakt a {	font-size:11px; font-weight:normal; text-decoration:none; color:#666;}

div#desniMenu a:hover, div#footer a:hover, div#kontakt a:hover {	text-decoration:underline;}

div#ybLink {
	width:140px;
	height:22px;
	background-image:url(images/ybLink.jpg);
	margin: 30px 0 30px 0;
	padding: 8px 0 0 39px;
}

div#ybLink a { font-family: Verdana, sans-serif; font-size:9px; font-weight:bold; color:#135193; text-decoration:none;}

.contact, .kontakt {	font:10px 'Verdana', sans-serif; text-align:center;}

.kontakt {	text-align:right; margin: 5px 5px 0 0;}

.kontakt_head {	color:#000000; font:10px 'Verdana', sans-serif; text-align:right; text-decoration: none;}
.kontakt_head:link {	color:#000000; font:10px 'Verdana', sans-serif; text-align:right; text-decoration: none;}
.kontakt_head:hover {	color:#000000; font:10px 'Verdana', sans-serif; text-align:right; text-decoration: none;}
.kontakt_head:active {	color:#000000; font:10px 'Verdana', sans-serif; text-align:right; text-decoration: none;}
.kontakt_head:visited {
	color:#000000;
	text-align:right;
	font-family: 'Verdana', sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.podnaslov {	font-family:Verdana, Arial, Helvetica, sans-serif; 	font-size:11px;	text-align:center; font-weight:bold;}

.zastava {	margin: 0 0 0 5px;}

/* !!!!!!!!!!!!!!! SKRIVENA RUSKA ZASTAVA */ .ruski {	margin: 0 0 0 5px; display:none;}

.slikalijeva, .logo {	float:left;	margin: 0 10px 0 0;}

.logo {
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0;
}

.slikaDesna {	float:right; 	margin: 0 0 0 10px;}

.grad {color: #F78336}

.privacy, .privacy a { display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; text-align:center; text-decoration:underline; color:#333333;}

.privacy a:hover { text-decoration:none;}

/* BOATS - lista brodova */

#brod { width:520px; height: 80px; border-top: #333 1px dashed; padding-top: 40px;}
#okvir { width:520px; height:37px;}
#slike, #bookNow, #imeBroda { float:left;}
#slike { width:135px; height:37px;}
#slike img { margin:0 0 0 8px; }
#imeBroda { width:275px; height:37px;}
#imeBroda p { font-weight:bold; text-align:center; line-height:18px; margin:0 0 0 0;}

/* hover slika broda */

.brod { position: relative; z-index: 0;}
.brod:hover{ background-color: transparent; z-index: 50;}
.brod span{ position: absolute; background-color: white; padding: 1px; left: -900px; margin: 20px 0 0 0; border: 1px solid #F78336; visibility: hidden;}
.brod span { /margin:45px 0 0 0;}
.brod span img{ border-width: 0; padding: 1px; }
.brod:hover span{ visibility: visible; top: 0; left: 20px;} 

/* brodovi-booking */

#bookNow { width:99px; height:25px; background-image:url(images/boats/bookNow.jpg); text-align:center; margin:6px 0 0 10px;}
#bookNow a { color:#FFF; font-size:10px; text-decoration:none; line-height:25px;}
#bookNow a:hover { color:#000;}

/* hover Ime broda-detalji */

.detalji { background:#000; border:1px solid #696969; padding:10px; margin-bottom:20px; font-family:verdana; font-size:10px;} 
/* KRAJ BOATS DIJELA */

/*FORMA BRODOVI*/

.forma2 {margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; width:443px;}

/* STILOVI FORME (stilovi forme brodova zavrsavaju sa"2"*/

.forma {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:180px;
	color: #595959;
	text-align: left;
}



div#code {border:1px solid #990000; background-color:#D70000; color:#FFFFFF; padding:4px; padding-left:6px;width:172px;}

.links {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #1351a4;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.links:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #1351a4;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.sailing {

	BACKGROUND-POSITION: 50% bottom;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(images/meni/Sailing.jpg);
	VERTICAL-ALIGN: middle;
	WIDTH: 74px;
	CURSOR: hand;
	COLOR: #1351a4;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 26px;
	TEXT-ALIGN: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;

}
.luxury {

	BACKGROUND-POSITION: 50% bottom;

	FONT-WEIGHT: bold;

	FONT-SIZE: 11px;

	BACKGROUND-IMAGE: url(images/meni/luxury_yachts.gif);

	VERTICAL-ALIGN: middle;

	WIDTH: 103px;

	CURSOR: hand;

	BACKGROUND-REPEAT: no-repeat;

	FONT-FAMILY: Arial, Helvetica, sans-serif;

	HEIGHT: 26px;

	TEXT-ALIGN: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;

}

.motorboats {
	BACKGROUND-POSITION: 50% bottom;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(images/meni/motorboats.gif);
	VERTICAL-ALIGN: middle;
	WIDTH: 92px;
	CURSOR: hand;
	COLOR: #1351a4;
	BACKGROUND-REPEAT: no-repeat;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 26px;
	TEXT-ALIGN: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;

}
.crta {
	height:20px;
	width: 100%;
	background-image:url(images/crta.jpg);
	background-repeat:repeat-x;
}
.tekst_naslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #f48333;
	background-position: left;
}
.text_podnaslov {
	font-size: 24px;
	font-weight: bold;
	color: #145192;
}
.button {
	background-image: url(images/button.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 155px;
}
.text_naslov_sivi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #595959;
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
}
.text_sivi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595959;
	line-height: 16px;
	text-align: justify;
}

.more {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f37836;
	line-height: 16px;
	text-align: right;
	padding-top: 20px;
}
.link_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.link_button_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.linkovi_desno {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	PADDING-BOTTOM: 5px;
	VERTICAL-ALIGN: top;
	COLOR: #333333;
	TEXT-INDENT: 0px;
	PADDING-TOP: 5px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;

}
.linkovi_desno_txt {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;


}
.forma_bck {
	background-image: url(images/forma_bck.gif);
	background-repeat: no-repeat;
	height: 310px;
}
.forma_box {
padding:2px; border:1px solid #CCCCCC;  font-family: Arial, Helvetica, sans-serif; font-size:11px;
}

.book {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #f68235;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.subm, .subm2 {
	width:93px;
	height:20px;
	margin-left: 58px;
	border:none;
	background-image:url(images/send.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:transparent;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.subm_boat {
	width:93px;
	height:20px;
	margin-left: 140px;
	border:none;
	background-image:url(images/send.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.privacy_brod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
	text-decoration: none;
	margin-left: 115px;
}
.required_fields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
	text-decoration: none;
	padding-left: 15px;
	
}

.privacy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
	text-decoration: none;
}
.privacy:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
	text-decoration: none;
}
.privacy:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
	text-decoration: none;
}
.privacy:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
	text-decoration: none;
}
.text_podnaslov_grad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #145192;
}
.bck_brod {
	background-image: url(images/bck_brod.gif);
	background-repeat: no-repeat;
	height: 112px;
}
.brod_naslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #f48333;
}
.cijena {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #145192;
}

.book_online {
	margin-bottom: 10px;
}
.bck_booking {
	background-image: url(images/bck_booking.gif);
	background-repeat: no-repeat;
	height: 487px;
	width: 444px;
}
.booking_boat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #595959;
}
.slika_book_brod {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 21px;
}
.text_naslov_brod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #145192;
	font-weight: bold;
}
.text_podnaslov_brod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #145192;
	font-weight: normal;
}.txt_field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 225px;
}
.txt_field_security {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: 150px;
}
.tablica_kartice {
	margin-top: 9px;
}