html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
menu,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline
}

body {
	line-height: 1.2
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

nav ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	outline: none
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: 700
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

html {
	margin: 0;
	padding: 0
}

body {
	margin: 0;
	padding: 0;
	color: #757575;
	background: #f5f5f5;
	/*
	background-image: url(../images/back1.jpg);
	background-repeat: repeat-x;
	*/
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.napomena {
	font-size: 0.8em;
	font-style: italic;
}

#wrap {
	width: 1042px;
	margin: 0 auto;
	/*background-image: url(../images/main-repeat2.png)*/
}

#header {
	height: 208px;
	padding-right: 30px;
	/*background: silver url(../images/FORTUNAL-YACHTING_logo_web_f_trans.png) no-repeat;
	background-size: 300px;
	background-position: 0 -14px;*/
	background-color: #dcdcdc;
	/*background-image: linear-gradient(to bottom, silver, grey);*/
}

#header .fortuna_logo {
	width: 380px;
	position: relative;
	top: -24px;
	left: 0;
}

#header .fortuna_logo img {
	width: 100%;
}

#header > img.fortuna_wave {
	position: absolute;
	top: 26px;
	right: 0;
}

#header > div.fortuna_tekst {
	position: absolute;
	top: 96px;
	right: 262px;
	/*
	width: 438px;
	height: 38px;
	background: #000 url(../images/fortunal_text.png) no-repeat;
	background-position: 0 0;*/
	font-family: "Noto Serif SC", Helvetica, Arial, sans-serif;
	font-size: 30px;
	color: grey;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	opacity: .43;
	filter: alpha(opacity=43);
}

#header > div > a {
	z-index: 100;
}

a.facebook {
	margin-left: 1px;
	margin-top: 0;
	vertical-align: middle;
	background-image: url(../images/find_me_on_facebook_icon_small.png);
	width: 31px;
	height: 31px;
	display: block;
	float: right
}

a:hover.facebook {
	margin-left: 1px;
	margin-top: 0;
	vertical-align: middle;
	background-image: url(../images/find_me_on_facebook_icon_small-roll-over.png);
	width: 31px;
	height: 31px;
	display: block;
	float: right
}

a.googleplus {
	margin-left: 1px;
	margin-top: 0;
	vertical-align: middle;
	background-image: url(../images/google-plus.png);
	width: 31px;
	height: 31px;
	display: block;
	float: right
}

a:hover.googleplus {
	margin-left: 1px;
	margin-top: 0;
	vertical-align: middle;
	background-image: url(../images/google-plus-hover.png);
	width: 31px;
	height: 31px;
	display: block;
	float: right
}

a.twitter {
	margin-left: 1px;
	margin-top: 0;
	vertical-align: middle;
	background-image: url(../images/twitter.png);
	width: 31px;
	height: 31px;
	display: block;
	float: right
}

a:hover.twitter {
	margin-left: 1px;
	margin-top: 0;
	vertical-align: middle;
	background-image: url(../images/twitter-hover.png);
	width: 31px;
	height: 31px;
	display: block;
	float: right
}

a.linkedin {
	margin-left: 1px;
	margin-top: 0;
	vertical-align: middle;
	background-image: url(../images/linkedin.png);
	width: 31px;
	height: 31px;
	display: block;
	float: right
}

a:hover.linkedin {
	margin-left: 1px;
	margin-top: 0;
	vertical-align: middle;
	background-image: url(../images/linkedin-hover.png);
	width: 31px;
	height: 31px;
	display: block;
	float: right
}

a.newsletter {
	margin-left: 1px;
	margin-top: -6px;
	vertical-align: middle;
	background-image: url(../images/newsletter2.png);
	background-size: 123px 44px;
	width: 123px;
	height: 44px;
	display: block;
	float: right
}

a:hover.newsletter {
	margin-left: 1px;
	margin-top: -6px;
	vertical-align: middle;
	background-image: url(../images/newsletter2-hover.png);
	background-size: 123px 44px;
	width: 123px;
	height: 44px;
	display: block;
	float: right
}

#jezik {
	float: right;
	width: 218px;
	/*color: #fff;*/
	padding-top: 10px;
	font-size: .9em
}

#jezik a {
	/*color: #fff;*/
	text-decoration: none
}

#jezik a:hover {
	color: #fff
}

#flash {
	float: left;
}
#flash2 {
	/*height: 480px!important;*/
	margin: 0;
	padding: 0;
	float: left
}

#flash3 {
	height: 115px;
	margin: 0;
	padding: 0
}

#main {
	float: left;
	width: 780px;
	padding: 10px 19px;
	/*background: url(../images/main-left2.png) no-repeat*/
}

#main2 {
	float: left;
	width: 980px;
	padding: 0 19px;
	/*background: url(../images/main-left2.png) no-repeat*/
}

#main3 {
	float: left;
	padding: 0 19px;
	width: 290px;
	/*background: url(../images/main-left2.png) no-repeat*/
}

.lijevo, .lijevo2 {
	float: left;
	padding: 0 20px 0 20px;
	width: 90%;
	/* Firefox */
	width: -moz-calc(100% - 40px);
	/* WebKit */
	width: -webkit-calc(100% - 40px);
	/* Opera */
	width: -o-calc(100% - 40px);
	/* Standard */
	width: calc(100% - 40px);
}

.lijevo2 > div {
	float: left;
	padding: 0.8%;
}

.lijevo2 > div > a {
	color: #999;
	text-decoration: none;
	display: block;
}

.lijevo3 {
	padding-left: 20px;
	width: 240px;
	float: right
}

.lijevo4 {
	width: 210px;
	padding-left: 20px
}

h1 {
	font-weight: 700;
	font-size: 24px;
	color: #757575;
}

h2 {
	font-weight: 700;
	font-size: 21px;
	color: #999
}

h3 {
	font-weight: 700;
	font-size: 21px;
	color: #298bad!important;
	padding-top: 10px
}

h4 {
	font-size: 12px;
	color: #333
}

h5 {
	font-weight: 700;
	font-size: 27px;
	color: #298bad!important;
	padding-top: 10px
}

.h5, #sidebar2 > h1 > span.h5 {
	font-weight: 700;
	font-size: 27px;
	color: #298bad!important;
	padding-top: 10px
}

h6 {
	font-weight: 700;
	font-size: 21px;
	color: #298bad!important;
	padding-top: 10px
}

h7 {
	font-weight: 400;
	font-size: 14px;
	color: #298bad!important;
	padding-top: 10px
}

h8 {
	font-weight: 700;
	font-size: 27px;
	color: #000;
	padding-top: 10px;
	padding-right: 10px;
	float: left
}

.h8 {
	font-weight: 700;
	font-size: 27px;
	color: #000;
	padding-top: 10px;
	padding-right: 10px
}

.h8 a {
	color: #757575;
	text-decoration: underline;
	font-size: 29px
}

#sidebar2.stranica_view span, #sidebar2.stranica_view2 > p span, #sidebar2.baza_view > div span, #sidebar2 span {
	color: #757575!important;
}

.h8 a:hover {
	color: #000;
	text-decoration: none
}

p {
	margin: 0;
	padding: 0;
	font-size: .9em;
	color: #757575
}

#sidebar {
	float: right;
	width: 200px;
	padding: 10px 0 10px 0;
	/*background: url(../images/main-right2.png) no-repeat*/
}

#sidebar2 {
	float: right;
	/*width: 720px;*/
	padding: 15px 20px 10px 10px;
	width: 65%;
	/* Firefox */
	width: -moz-calc(100% - 339px);
	/* WebKit */
	width: -webkit-calc(100% - 339px);
	/* Opera */
	width: -o-calc(100% - 339px);
	/* Standard */
	width: calc(100% - 339px);
}

#sidebar2 p {
	font-size: 1em
}

#sidebar2 > #opis_desno {
	float: left;
	padding: 10px 0 0 20px;
}

.rubrike_list {
	background: #0071BB;
	width: 200px;
	float: left;
	height: 50px;
	margin: 10px 0 10px 20px;
	text-align: center;
	line-height: 50px;
	overflow: hidden
}

.rubrike_list a {
	color: #FFF;
	font-weight: 700;
	text-decoration: none
}

.rubrike_list a:hover {
	background: #FFF;
	color: #0071BB
}

.box1 {
	display: inline-block;
	color: #fff;
	background: #c0c0c0;
	height: 32px;
	/*width: 200px;*/
	min-width: 200px;
	white-space: nowrap;
	/*
	background-image: url(../images/rub.jpg);
	background-position: right;
	background-repeat: no-repeat;*/
	border-right: 1px solid #c0c0c0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: baseline;
	line-height: 1.6em;
	letter-spacing: -1px;
	word-spacing: .3em;
	font-size: 1.2em
}

.box1b,
.box1b_r {
	display: block;
	color: #fff;
	background: #c0c0c0;
	height: 32px;
	width: 215px;
	white-space: nowrap;
	/*background-image: url(../images/rub.jpg);
	background-position: right;
	background-repeat: no-repeat;*/
	border-right: 1px solid #c0c0c0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: baseline;
	line-height: 1.6em;
	letter-spacing: -1px;
	font-size: 1.2em;
	float: right
}

#dva {
	float: left;
	padding-bottom: 20px
}

.box2 {
	background-image: url(../images/right-top-s.jpg);
	width: 179px;
	height: 25px
}

.box3 {
	background-image: url(../images/repeat.jpg);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 30px
}

.box4 {
	background-image: url(../images/right-bottom-s.jpg);
	width: 179px;
	height: 20px
}

.box3 h2 {
	font-weight: 700;
	font-size: 20px;
	color: #999
}

#footer {
	clear: both;
	padding: 5px 20px;
	margin-bottom: 10px!important;
	text-align: center;
	height: 33px;
	background: #c0c0c0;
	margin: 0 19px;
	color: #fff
}

#nav2 {
	vertical-align: baseline;
	line-height: 2.4em;
	letter-spacing: .5px;
	font-size: .9em;
	color: #ad8d54
}

#nav2 ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none
}

#nav2 li {
	display: inline;
	margin: 0;
	padding: 0;
	padding-right: 10px
}

#nav2 a {
	text-decoration: none;
	color: #fff;
	font-size: 13px
}

#nav2 a:hover {
	text-decoration: underline
}

* html #footer {
	height: 1px
}

#all {
	text-align: center;
	width: 500px;
	color: #939192;
	padding-top: 10px;
	padding-left: 260px;
	font-size: .9em;
	height: 50px
}
#all > span {
	color: #2866b1;
}

img.shadow {
	background: url(../images/shadow-1.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px
}

#sidebar2 #opis > img.shadow {
	max-width: 425px;
}

.img-desc {
	position: relative;
	display: block;
	height: 170px;
	width: 230px;
	float: left;
	margin: 5px;
	padding-bottom: 20px
}

.img-desc cite {
	color: #1a1a1a;
	bottom: 0;
	left: 0;
	width: 220px;
	padding: 5px;
	font-size: .8em
}

#trazilica {
	width: 184px;
	/*
	height: 290px;
	background: url(../images/trazilica2.jpg) no-repeat;
	padding: 0 0 5px 70px;*/
	/*height: 27vw;*/
	float: left;
	/*overflow-y: auto;*/
}

#flashcontent {
	padding: 0
}

#trazilica2 {
	/*background: url(../images/trazilica3.gif) repeat-x;*/
	width: 90%;
	background-color: #DDDDDD;
	padding: 0 0 5px 20px;
	/* Firefox */
	width: -moz-calc(100% - 20px);
	/* WebKit */
	width: -webkit-calc(100% - 20px);
	/* Opera */
	width: -o-calc(100% - 20px);
	/* Standard */
	width: calc(100% - 20px);
	float: left
}

select {
	background: #000;
	background: url(../images/polje2.gif) no-repeat;
	width: 197px;
	height: 20px;
	border: none;
	padding: 3px;
	font-size: 10px;
	color: #fff
}

select.b {
	background: #000;
	width: 135px;
	height: 20px;
	border: none;
	padding: 3px;
	font-size: 10px;
	color: #fff
}

option {
	color: #fff;
	background: #c0c0c0;
	height: 18px;
	width: 190px;
	padding: 0;
	margin: 0
}

option.b {
	color: #fff;
	background: #000;
	height: 18px;
	width: 120px;
	padding: 0;
	margin: 0
}

optgroup {
	background: #000;
	font-weight: 400
}

input {
	background: inherit;
	border: none
}

label {
	font-size: 9px;
	color: #fff;
	line-height: 1.5em
}

a.boldbuttons {
	background: transparent url(../images/roundedge-blue-left2.gif) no-repeat top left;
	display: block;
	float: left;
	font: 13px Arial;
	line-height: 15px;
	height: 20px;
	padding-left: 8px;
	text-decoration: none;
	color: #fff;
	margin-right: 3px;
	margin-left: 120px
}

a.boldbuttons2 {
	background: transparent url(../images/roundedge-blue-left2.gif) no-repeat top left;
	display: block;
	float: left;
	font: 13px Arial;
	line-height: 15px;
	height: 20px;
	padding-left: 8px;
	text-decoration: none;
	color: #fff;
	margin-right: 3px;
	margin-left: 120px
}

a:link.boldbuttons,
a:visited.boldbuttons,
a:hover.boldbuttons,
a:active.boldbuttons {
	color: #fff
}

a.boldbuttons span {
	background: transparent url(../images/roundedge-blue-right2.gif) no-repeat top right;
	display: block;
	padding: 2px 10px 4px 2px;
	color: #fff
}

a:hover.boldbuttons {
	text-decoration: none;
	color: #ccc
}

.buttonwrapper {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px
}

.buttonwrapper2 {
	overflow: hidden;
	width: 100%;
	height: 50px
}

#button_holder2 {
	display: block;
	float: left;
	font-size: 15px;
	color: #ccc
}

.btn2 a {
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: #069;
	font-weight: 700;
	border: 1px solid #fff
}

.btn2 a:hover {
	color: #fff;
	background-color: #09c
}

#slideshow {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	height: 274px;
	float: left;
	width: 690px;
	padding: 10px;
	line-height: 1.3em
}
#slideshow > h1 {
	padding-bottom: 10px;
}
#slideshow div,
#slideshow span,
#slideshow div span {
	font-size: 100%!important;
}

#slideshow img {
	float: left
}

#cube1 {
	width: 210px;
	height: 120px;
	border: 1px solid #d8d8d8;
	float: left;
	padding: 5px;
	margin: 0 18px 20px 0;
	font-size: 11px;
	line-height: 1.6em
}

#cube1 ul {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0
}

#cube1 img {
	float: left;
	padding-right: 10px;
	padding-bottom: 30px
}

#cube1 a {
	font-weight: 700;
	text-decoration: none;
	color: #298BAD
}

.pic {
	padding: 5px 10px 5px 0
}

.small {
	height: 100px;
	padding: 4px;
	display: block;
	float: left
}

.small2 {
	height: 50px;
	padding-right: 20px;
	padding-top: 20px;
	display: block;
	float: right
}

#navcontainer {
	width: 210px
}

#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-size: .9em
}

#navcontainer a {
	display: block;
	padding: 5px;
	width: 190px;
	border-bottom: 1px dotted #81b3ff
}

#navcontainer a:link,
#navlist a:visited {
	color: #09f;
	text-decoration: none
}

#navcontainer a:hover {
	border-bottom: 1px solid #cfe2ff;
	background-color: #f7fbfd;
	color: #069
}

#current {
	border-bottom: 1px solid #cfe2ff;
	background-color: #f7fbfd
}

#opis {
	/*width: 60%;*/
	float: left
}

#galerija {
	margin-top: 20px
}

#sidebar2 > p, #opis_dolje {
	padding-right: 48px;
}

#opis_dolje {
	float: left;
	clear: both;
}

#opis table, #opis_dolje .opis table {
	/*font-size: .8em*/
}

#opis table tr, #opis_dolje .opis table tr {
	border-bottom: 1px dotted #cfe1ff
}

#opis table td, #opis_dolje .opis table td {
	padding: 5px 0
}

#cijene_broda a {
	color: #298bad;
	text-decoration: none
}

#cijene_broda a:hover {
	color: #298bad;
	text-decoration: underline
}

#cijene_broda table {
	font-size: .8em;
	width: 892px;
}

#cijene_broda table td {
	background: #ECF5FA;
	border: 1px solid #ccc;
	padding: 2px
}

.cijene {
	font-weight: 700;
	color: #298BAD;
	font-size: 1.1em
}

.podnaslov1 {
	/*display: block;
	width: 150px;
	height: 20px;
	float: left;
	padding-right: 10px; */
	color: #999;
	font-size: .8em;
	text-align: center;
}

#pixel {
	height: 20px;
	background: #000;
	margin: 0 auto;
	width: 1004px
}

#text2 {
	text-align: justify;
	max-width:100%;
}

#text2 h2 {
	display: inline;
	font-weight: 700;
	font-size: 16px;
	color: #757575;
}

.sazeto, #sazeto2 {
	text-align: justify;
}

#sazeto2 {
	/*font-size: .8em*/
}

#sazeto2 h2 {
	display: inline;
	font-weight: 700;
	font-size: 16px;
	color: #999
}

div.info_box {
	border: 1px solid #0071BB;
	float: left;
	width: 228px;
	margin: 0 10px 10px 0
}

div.info_box a {
	text-decoration: none
}

div.info_box_title {
	width: 208px;
	padding: 0 10px;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	background-color: #0071BB;
	color: #FFF;
	font-weight: 700
}

div.info_box_title a {
	color: #FFF
}

div.info_box_content {
	height: 171px
}

div.info_box_text {
	background: url(../images/info_box_text_bg.gif) repeat-x;
	height: 80px;
	text-align: justify;
	padding: 10px;
	font-size: 14px;
	overflow: hidden
}

div.info_box_text a {
	color: #757575
}

.image-wrapper {
	position: relative;
	width: 240px;
	float: left;
	margin: 5px
}

.image-wrapper p {
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px;
	font-weight: 700;
	width: 205px;
	color: #FFF;
	margin: 5px;
	text-align: right
}

.image-wrapper cite {
	font-size: .8em
}

#podaci {
	width: 200px;
	float: left;
	padding: 10px;
	margin: 8px;
	border: 1px solid #ccc
}

#podaci input, #podaci select {
	color: #000;
	border: 1px solid #298bad;
	margin-bottom: 10px;
	background-image: url(../images/bg_txt.jpg);
	background-repeat: repeat-x
}

#podaci select {
	max-width: 145px;
}

#podaci label {
	color: #298bad;
	font-size: inherit;
}

#podaci2 label {
	font-size: inherit;
}

#podaci textarea {
	border: 1px solid #298bad;
	margin-bottom: 10px;
	background-image: url(../images/bg_txt.jpg);
	background-repeat: repeat-x
}

#podaci2 {
	width: 200px;
	float: left;
	padding: 10px;
	margin: 8px;
	border: 1px solid #ccc
}

#podaci2 input {
	border: 1px solid #298bad
}

#podaci2 label {
	color: #298bad
}

#button_holder2.btn2 {
	padding-top: 2px;
}

#poruka {
	width: 676px;
	margin-left: 8px;
	border: 1px solid #CCC;
	padding: 10px;
	background-color: #F7FBFD;
	margin-top: 10px
}

span.greska {
	color: red
}

ul.greska {
	list-style-type: none
}

ul.greska li {
	padding-left: 10px;
	font-size: 11px;
	color: red
}

span.uspjesno {
	color: #069
}

ul.uspjesno {
	list-style-type: none
}

ul.uspjesno li {
	padding-left: 10px
}

ul.uspjesno li a {
	font-size: 11px;
	color: #069;
	text-decoration: none
}

ul.uspjesno li a:hover {
	text-decoration: underline
}

.txt1 {
	background-image: url(../images/bg_txt.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
	border: 1px #ccc solid;
	font: 9pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	padding: 5px
}

.submit2 {
	height: 20px;
	width: 97px;
	background-size: 100% auto;
	border: 0;
	background-image: url(../images/booking.gif);
	float: left;
	font: bold 11px Arial;
	padding-left: 7px;
	padding-bottom: 2px;
	color: #FFF;
	cursor: pointer
}

.submit3 {
	height: 44px;
	width: 90px;
	border: 0;
	background: none;
	background-image: url(../images/pretraga.gif);
	float: left;
	cursor: pointer
}

.submit4 {
	height: 40px;
	width: 85px;
	border: 1px solid #ccc;
	background: #0e69a5;
	float: left;
	cursor: pointer;
	display: block;
	color: #FFF;
	font-weight: 700
}

.shadow_228_180 {
	width: 228px;
	background-image: url(../images/shadow_228_180.jpg);
	background-repeat: no-repeat;
	position: relative;
	color: #939192;
	padding: 5px;
	font-size: .8em;
	word-spacing: -1px;
	float: left
}

.shadow_naslov {
	position: absolute;
	right: 19px;
	top: 11px;
	font-weight: 700;
	font-size: 1.1em;
	margin: 5px;
	text-align: right;
	background-color: #fbfbfb;
	padding: 2px 5px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999
}

.shadow_228_180 a {
	text-decoration: none;
	color: #666
}

.shadow_slika {
	width: 200px;
	height: 150px;
	padding: 10px 12px 10px 8px
}

.shadow_slika img {
	border: 1px solid #999
}

.shadow2 {
	width: 240px;
	/*
	background-image: url(../images/shadow.jpg);
	background-repeat: no-repeat;
	*/
	position: relative;
	color: #939192;
	padding: 5px;
	font-size: .9em;
	word-spacing: -1px;
	float: left
}

.s {
	width: 220px;
	height: 140px;
	padding: 10px;
	max-width: 100%;
}

.s2 {
	/*width: 220px;
	height: 120px;*/
	padding: 10px;
	margin: 5px
}

.shadow2 p {
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px 5px;
	font-weight: 700;
	font-size: 1.1em;
	width: 205px;
	color: #fff;
	margin: 5px;
	text-align: right
}

.shadow2 a.white {
	color: #fff;
	text-decoration: none
}

.shadow2 a {
	color: #939192;
	text-decoration: none
}

.shadow2 a:hover {
	text-decoration: underline
}

.shadow4 {
	position: relative;
	color: #939192;
	padding: 0.78%;
	/* Firefox */
	padding: -moz-calc(0.8% - 3px);
	/* WebKit */
	padding: -webkit-calc(0.8% - 3px);
	/* Opera */
	padding: -o-calc(0.8% - 3px);
	/* Standard */
	padding: calc(0.8% - 3px);
	word-spacing: -1px;
	float: left;
	text-align: justify;
}

.shadow3 {
	width: 240px;
	background-image: url(../images/shadow-big2.jpg);
	background-repeat: no-repeat;
	position: relative;
	color: #939192;
	padding: 5px;
	font-size: .75em;
	line-height: 1.3em;
	word-spacing: -1px;
	float: left;
	height: 300px
}

.shadow3 a {
	color: #939192;
	text-decoration: none
}

.shadow3 a:hover {
	text-decoration: underline
}

.box3 a {
	text-decoration: none;
	color: #999
}

.box3 a:hover {
	text-decoration: underline
}

.box3 p {
	line-height: 1.4em;
	font-size: .9em;
	color: #999
}

.pagination {
	padding: 10px;
	margin: 0;
	text-align: center
}

.pagination li {
	display: inline;
	padding-right: 2px
}

.pagination a {
	text-decoration: none;
	border: 1px solid #CCC;
	padding: 1px 6px;
	color: #666
}

.pagination a.current {
	background-color: #333;
	color: #CCC
}

span.novo_u_ponudi {
	text-transform: uppercase;
	color: #ff9900;
	font-weight: 700;
	font-size: 12px;
}

span.novo_u_ponudi_big {
	text-transform: uppercase;
	color: #ff9900;
	font-weight: 700;
	font-size: 24px
}

a.blue_box {
	display: inline-block;
	background-color: #0E69A5;
	padding: 0 12px;
	border: 1px solid #CCC;
	/*width: 200px;
	height: 30px;*/
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	text-align: center;
	margin: 5px 0;
	cursor: pointer
}

a:hover.blue_box {
	background-color: #1E84C8
}

a.blue_box[href='angebot/suche/1'] {
	width: 280px
}

.btn {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	color: #fff;
	font-size: 30px;
	padding: 10px 20px;
	text-decoration: none
}

.btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none
}

.small > label,
#upper > label {
	text-transform: uppercase
}

a:link {
	text-decoration: none
}

a {
	color: #757575
}

.yacht-title {
	font-weight: 700;
	font-size: 21px;
	color: #298bad;
	padding-top: 10px;
	text-transform: uppercase
}

#mailingListSignupPopup {
	background: none repeat scroll 0 0 #333;
	color: #000;
	border: solid 10px #333;
	border-radius: 15px;
	position: fixed;
	left: 50%;
	top: 50%;
	height: 340px;
	margin-top: -200px;
	width: 340px;
	margin-left: -300px;
	z-index: 99999;
	display: none;
	font-size: 1em
}

#mailingListSignupPopupSuccess {
	display: none;
	text-align: center;
	color: #fff;
	height: 100px
}

#mailingListSignupPopupSuccess p {
	color: #fff;
	vertical-align: middle;
	height: 100%;
	padding-top: 30px
}

#mailingListSignupPopupInner {
	background: none repeat scroll 0 0 #ececec;
	padding: 10px;
	overflow-y: scroll;
	height: 296px
}

#mailingListSignupPopup h2 {
	color: #000;
	font-size: 1.2em;
	font-weight: 400;
	margin-bottom: 15px
}

#mailingListSignupPopup ul {
	list-style-type: none
}

#mailingListSignupPopup ul li {
	clear: both;
	display: block;
	font-size: .8em
}

#mailingListSignupPopup .calltoactionbutton {
	display: block;
	background-color: #016f97;
	color: #fff;
	overflow: auto;
	padding-left: 10px;
	margin-top: 5px;
	font-style: normal;
	text-decoration: none;
	font-size: 18px;
	height: 28px;
	border: 0;
	text-align: center
}

#mailingListSignupPopup .calltoactionbutton:hover {
	background-color: #016184;
	color: #fff;
	font-style: normal;
	text-decoration: none
}

#mailingListSignupPopup .inlineValidationError {
	margin-bottom: 8px;
	clear: both;
	padding: 6px
}

#mailingListSignupPopup .inlineValidationError,
#mailingListSignupPopup .inlineValidationError p {
	background: #333;
	color: #fff;
	font-size: 1em
}

#mailingListSignupPopup input {
	float: right;
	margin: 0 0 10px;
	background-color: #fff;
	height: 20px;
	width: 180px;
	border: solid 1px #B8B8B8;
	border-radius: 4px
}

#mailingListSignupPopup label {
	color: #666;
	float: left;
	line-height: 25px;
	margin: 0 0 10px;
	font-size: 1em
}

#mailingListSignupPopup select {
	float: right;
	margin: 0 0 10px;
	background: #fff!important;
	color: #000;
	width: 184px!important;
	height: 24px!important;
	border: solid 1px #B8B8B8;
	line-height: 1;
	padding: 0;
	border-radius: 4px;
	font-size: 1em
}

#mailingListSignupPopup select option {
	background-color: #fff!important;
	color: #000;
	line-height: 1;
	width: 180px!important;
	height: 24px!important;
	font-size: 1em
}

#mailingListSignupPopup #captcha img {
	float: right;
	width: 120px;
	height: 40px;
	margin: 0 63px 10px 0
}

#mailingListPanelSlide {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99997;
	height: 150px;
	border-top: 2px solid #fff;
	display: none;
	background: #0f0d0e;
	background-image: linear-gradient(bottom, #0006%, #0f0d0e100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#0f0d0e', GradientType=0)
}

#mailingListPanelInner {
	width: 1190px;
	position: relative;
	margin: auto;
	padding: 10px 0 0 20px;
	font-size: 10px
}

#mailingListPanelInner h3 {
	font-size: 2.4em;
	color: #fff;
	font-weight: 400;
	margin: 0;
}

#mailingListPanelInner p {
	font-size: 1.6em;
	color: #fff
}

#mailingListPanelInner p.floatLeft {
	line-height: 35px
}

#mailingListPanelInner p.genericLinkButton {
	width: 220px;
	float: left;
	margin-right: 10px;
	line-height: 35px
}

#mailingListPanelInner p.negativeActionFormButton {
	float: left;
	margin-left: 10px
}

#mailingListPanelInner a#closeButton {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #d9d9d9;
	color: #333;
	display: block;
	height: 30px;
	width: 30px;
	font-size: 2em;
	font-weight: 700;
	text-align: center;
	position: absolute;
	right: 210px;
	line-height: 30px;
	text-decoration: none;
	font-style: normal;
	cursor: pointer;
	padding: 0
}

#mailingListPanelInner a#closeButton:hover {
	background: #333;
	color: #d9d9d9
}

#mailingListPanelInner img {
	position: absolute;
	right: 250px;
	top: 0
}

#calltoaction {
	display: block;
	background-color: #016f97;
	color: #fff;
	overflow: auto;
	padding-left: 10px;
	font-style: normal;
	text-decoration: none;
	font-size: 18px;
	text-align: center
}

#calltoaction:hover {
	background-color: #016184;
	color: #fff;
	font-style: normal;
	text-decoration: none
}

#nothankscalltoaction,
#nothankscalltoaction2 {
	font-style: italic;
	text-decoration: underline
}

.blur_overlay {
	position: fixed;
	display: none;
	z-index: 99998;
	background-color: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.vline {
	display: inline
}

.bullet {
	display: none
}

nav#mobile {
	display: none;
	z-index: 1000;
}

/*@media all and (max-width: 1000px) {*/
@media all {
	body {
		width: 100%;
		max-width: 100%
	}
	#wrap {
		width: 100%;
		margin: 0 auto;
		background: transparent
	}
	#header {
		padding-right: 0;
		/*background: #000 url(../images/FORTUNAL-YACHTING_logo_web_f.png) no-repeat*/
	}
	a.facebook {
		margin-right: 10px
	}
	.ddsmoothmenu {
		font-family: Calibri, Arial, Helvetica, sans-serif!important;
		font-size: 14px!important;
		/*height: 35px;*/
		height: auto!important;
		width: 100%!important;
		/*background: #6e6e6e!important;*/
		background: #c0c0c0!important;
		/*background: url(../images/meni2.jpg) no-repeat;*/
		padding-left: 0!important;
		border-top: 1px solid #4E4E4E;
		border-bottom: 1px solid silver;
		text-align: center;
	}
	.ddsmoothmenu > ul {
		/*display: inline-block;*/
		width: 100%;
	}
	.ddsmoothmenu > ul > li {
		width: 10%;
		display: table-cell!important;
		float: none!important;
		vertical-align: middle;
	}
	.ddsmoothmenu > ul > li > a {
		background: transparent!important;
		padding: 6px 2px!important;
	}
	.ddsmoothmenu > ul > li:last-of-type > a {
		border-right: 0;
	}
	.ddsmoothmenu > ul > li > ul, .ddsmoothmenu > ul > li > ul > li > a {
		width: 97.4%!important;
		/*background: #6e6e6e!important;*/
		background: #c0c0c0!important;
	}
	#nsWidget {
		/*height: 27vw!important;*/
		max-width: 98%!important;
		/*height: auto!important;*/
		padding-top: 24px;
		height: 98%!important;
		/* Firefox */
		height: -moz-calc(100% - 24px)!important;
		/* WebKit */
		height: -webkit-calc(100% - 24px)!important;
		/* Opera */
		height: -o-calc(100% - 24px)!important;
		/* Standard */
		height: calc(100% - 24px)!important;
	}
	#nsWidget > iframe {
		min-height: 100%!important;
	}
	#trazilica {
		/*background: url(../images/trazilica2_293.jpg) repeat-x!important; */
		/*height: 450px;*/
		padding: 0 20px 0 16px;
		/*
		width: 16%;
		width: -moz-calc(16% - 36px);
		width: -webkit-calc(16% - 36px);
		width: -o-calc(16% - 36px);
		width: calc(16% - 36px);*/
		/*
		width: 9%;
		width: -moz-calc(10% - 36px);
		width: -webkit-calc(10% - 36px);
		width: -o-calc(10% - 36px);
		width: calc(10% - 36px) !important;*/
		float: left;
		/*width: 96%;*/
		height: auto;
	}
	#trazilica.trazilica_home {
		/*width: 96%;*/
	}
	/*
	#trazilica form div {
		float: left;
		width: 25%;
		min-width: 220px
	}
	*/
	#trazilica2 .small {
		height: auto
	}
	#flash,
	#flash2,
	#flash3 {
		width: 100%;
		height: auto
	}
	#flashcontent {
		float: left;
		height: 295px
	}
	.flashcontent_mob {
		float: left;
		/*width: 84%!important;*/
		width: 90%!important;
		width: calc(100% - 220px)!important;
		height: auto!important;
		/*height: 477px!important;*/
	}
	.pgwSlider .ps-current {
		/*height: 477px!important;*/
		height: 27vw!important;
		min-height: 488px;
	}
	.pgwSlider .ps-current > ul, .pgwSlider .ps-current > ul > li, .pgwSlider .ps-current > ul > li > a, .pgwSlider .ps-current > ul > li img {
		height: 100%;
	}
	.pgwSlider .ps-current > ul > li img {
		max-width: none;
	}
	.pgwSlider .ps-caption, .pgwSlider .ps-current .ps-prev, .pgwSlider .ps-current .ps-next {
		background: rgba(110,110,110,0.7)!important;
	}
	#slideshow {
		float: left;
		/*
		width: 84%;
		width: -moz-calc(84% - 48px);
		width: -webkit-calc(84% - 48px);
		width: -o-calc(84% - 48px);
		width: calc(84% - 48px);*/
		width: 90%!important;
		width: calc(100% - 268px)!important;

		height: 100%;
		/* Firefox */
		height: -moz-calc(100% - 48px);
		/* WebKit */
		height: -webkit-calc(100% - 48px);
		/* Opera */
		height: -o-calc(100% - 48px);
		/* Standard */
		height: calc(100% - 48px);
		padding: 24px;
	}
	#slideshow img {
		max-width: 50%;
		height: auto!important
	}
	#flash3 #pixel {
		width: 100%;
		display: none
	}
	#mymovie {
		width: 100%
	}
	#main {
		float: left;
		width: 100%;
		/* Firefox */
		width: -moz-calc(100% - 38px);
		/* WebKit */
		width: -webkit-calc(100% - 38px);
		/* Opera */
		width: -o-calc(100% - 38px);
		/* Standard */
		width: calc(100% - 38px);

	}
	#galerija #thumbs {
		width: auto!important;
	}
	#galerija .thumbs > li {
		width: 210px;
		height: 140px;
		margin: 10px 20px 10px 0;
	}
	#galerija .thumbs > li > a {
		text-align: center;
		width: 98%;
		width: -moz-calc(100% - 4px);
		/* WebKit */
		width: -webkit-calc(100% - 4px);
		/* Opera */
		width: -o-calc(100% - 4px);
		/* Standard */
		width: calc(100% - 4px);
		height: 98%;
		height: -moz-calc(100% - 4px);
		/* WebKit */
		height: -webkit-calc(100% - 4px);
		/* Opera */
		height: -o-calc(100% - 4px);
		/* Standard */
		height: calc(100% - 4px);
	}
	#galerija .thumbs > li > a > img {
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	.about_us > .shadow2 > .s > img {
		width: 94%;
		max-width: 98%;
	}
	.about_us > .shadow2 > .s {
		min-height: 93%;
		margin-bottom: 0;
	}
	.about_us > .kontaktbox {
		height: 144px;
	}
	/*
	.about_us > .shadow2 {
		width: 210px;
		width: -moz-calc(220px - 1.6%);
		width: -webkit-calc(220px - 1.6%);
		width: -o-calc(220px - 1.6%);
		width: calc(220px - 1.6%);
		height: 130px;
		min-height: 94%;
		min-height: -moz-calc(100% - 1.6%);
		min-height: -webkit-calc(100% - 1.6%);
		min-height: -o-calc(100% - 1.6%);
		min-height: calc(100% - 1.6%);
	}
	*/
	.about_us > .t {
		text-align: justify;
		color: #939192;
		float: left;
		margin: 0;
		padding: 16px 10px;
		width: 66%;
		width: -moz-calc(100% - 560px);
		width: -webkit-calc(100% - 560px);
		width: -o-calc(100% - 560px);
		width: calc(100% - 560px);
	}
	.about_us > .t > a {
		color: #939192;
	}
	.about_us > .t > a:hover {
		text-decoration: underline;
	}
	.lijevo > .linkovibox {
		width: 98.4%;
		max-width: 98.4%;
	}
	.lijevo > .linkovibox > .s {
		padding: 10px 2%;
		width: 96%;
		max-width: 96%;
	}
	.lijevo > .shadow2 > .resp1 {
		text-align: justify;
		padding-right: 10px;
	}
	.lijevo2 > .shadow2 > .resp1 {
		text-align: center;
	}
	#text2 h2 {
		display: inline-block;
		background-color: #ddd;
		padding: 10px 6px 6px 6px;
		margin: 10px 10px 0 0;
		text-transform: uppercase;
		border-radius: 5px;
	}
	#text2 .btn {
		margin: 10px 0;
	}
	#sidebar {
		width: 340px;
		max-width: 97%;
		padding: 10px 0 10px 0;
		float: left;
		background: transparent
	}
	#sidebar br,
	#sidebar .box2,
	#sidebar .box4,
	#sidebar .box3:nth-of-type(8) {
		display: none
	}
	#sidebar .box3 {
		float: right;
		width: 46%;
		padding: 0 2%;
		background: transparent
	}
	#sidebar .box3:nth-of-type(2) {
		position: relative;
		right: 8px
	}
	#sidebar .box3:nth-of-type(5) {
		float: left;
		width: 44%;
		padding: 0 0 0 2%
	}
	#sidebar .box3:nth-of-type(5) h2 {
		text-align: center;
		margin-left: 0!important
	}
	#sidebar .box3 .box3_kontakt {
		display: block!important;
		margin: 30px 0 0 5px
	}
	#sidebar .box3 .box3_kontakt br {
		display: block
	}
	#main2 {
		width: 100%;
		padding: 0 0 0 0;
	}
	#main2 .lijevo {
		/*padding-left: 4.5%;*/
		padding: 22px 2%;
		text-align: center;
		width: 96%;
	}
	#main2 .lijevo #cube1 {
		display: inline-block;
		float: none;
		padding: 0;
		margin: 0 10px 20px 10px;
		width: 380px;
		height: auto;
		font-size: 12px;
		color: #7A7A7A;
	}
	#main2 .lijevo #cube1 > h4 {
		padding: 4px 8px 3px 8px;
		background-color: #ddd;
		color: black;
		font-size: 14px;
	}
	#main2 .lijevo #cube1 > h4 > a{
		color: black;
	}
	#main2 .lijevo #cube1 > a > img {
		width: 210px;
		height: 140px;
		padding: 0 20px 0 0;
	}
	#main2 .lijevo #cube1 > ul > li {
		padding: 2px 0;
	}
	#main2 .lijevo #cube1 > ul > li > span {
		color: black!important;
		font-weight: bold;
	}
	#main3 {
		padding: 0 19px 0 0;
	}
	#sidebar2 {
		float: left;
	}
	.ponuda_view {
		/*width: auto;
		max-width: 60%*/
		max-width: 940px;
	}
	#sidebar2 #opis {
		/*width: 100%*/
		width: 430px;
	}
	#sidebar2 #opis_desno {
		width: auto;
		/* Firefox */
		width: -moz-calc(100% - 480px);
		/* WebKit */
		width: -webkit-calc(100% - 480px);
		/* Opera */
		width: -o-calc(100% - 480px);
		/* Standard */
		width: calc(100% - 480px);
	}
	#sidebar2 #opis table, #opis_dolje .opis table {
		/*width: 419px*/
		width: 100%;
	}
	#sidebar2 .btn {
		clear: both;
	}
	#sidebar2 #galerija {
		display: block
	}
	.shadow2 {
		max-width: 30%;
		padding: 0.8%;
	}
	.shadow2 .s img {
		max-width: 98%
	}
	.shadow2 p {
		padding: 4% 2%;
		max-width: 78%;
		margin: 8% 6%
	}
	.shadow2 .s {
		padding: 4% 2% 3%;
		border: 3px solid #DDD;
		max-width: 95%;
		text-align: center;
		height: auto;
		margin-bottom: 8px;
		margin-left: -3px
	}
	.shadow2 .s img {
		width: 94%;
		/*height: 82px*/
	}
	#main .box1b {
		display: none
	}
	#main .box1b_r {
		display: block!important;
		float: none;
		clear: both;
		margin: 0 0 42px;
		position: relative;
		top: 20px
	}
	.lijevo3 {
		float: left
	}
	.lijevo3 .shadow3 .t {
		font-size: 88%
	}
	#mailingListPanelInner {
		width: 98%;
		position: relative;
		margin: auto;
		padding: 10px 0 0 2%;
		font-size: 10px
	}
	#mailingListPanelInner a#closeButton {
		right: 10px
	}
	#mailingListPanelInner img {
		right: 30px
	}
	#all {
		width: 100%;
		padding: 10px 0;
		padding-left: 0;
		font-size: 11px;
		height: auto
	}
	#footer {
		padding: 5px 20px;
		height: auto;
		margin: 0
	}
	#nav2 {
		line-height: 2.4em;
		letter-spacing: .5px;
		font-size: .9em
	}
	#nav2 li {
		padding-right: 10px
	}
	#nav2 a {
		white-space: nowrap
	}
	.baza_info {
		clear: both;
	}
	#lightbox-container-image-box,
	#lightbox-container-image-box div img,
	#lightbox-container-image-data-box {
		max-width: 100%;
		height: auto!important
	}
}

@media all and (min-width: 800px) and (max-width: 1400px) {
	#main > .lijevo > .shadow2, #main > .lijevo2 > .shadow2 {
		max-width: 18.4%;
	}
}

@media all and (min-width: 961px) and (max-width: 1300px) {
	.ddsmoothmenu {
		font-size: 12px!important;
	}
	#sidebar2.ponuda_view {
		padding: 15px 0 10px 10px;
		width: calc(100% - 319px);
	}
	#galerija .thumbs > li {
		margin: 5px 10px 5px 0;
		width: auto;
		width: calc(50% - 10px);
		width: calc(0.43 * (100vw - 788px) - 10px);
		height: auto;
		height: calc(140 / 210 * (0.43 * (100vw - 788px) - 10px));
	}
	#sidebar2 > #opis_desno > a.btn {
		font-size: 24px;
	}
}

@media all and (max-width: 1000px) {
	#trazilica {
		width: 96%;
		height: auto;
	}
	.flashcontent_mob {
		float: left;
		width: 100%!important;
		height: 320px!important
	}
	.pgwSlider .ps-current {
		height: 320px!important;
		max-width: 100%;
		min-height: 0;
	}
	#sidebar2 > #cijene_broda > table {
		max-width: 100%;
	}
	#sidebar2 > #opis_desno {
		padding: 0;
		margin-top: 30px;
		width: 100%;
	}
	#header > img.fortuna_wave {
		display: none;
	}
	#header > div.fortuna_tekst {
		display: none;
	}
	#header > .fortuna_logo {
		max-width: 100%;
	}
	#slideshow {
		width: 90%;
		width: calc(100% - 48px)!important;
	}
	#poruka {
		width: auto;
	}
}

@media all and (max-width: 960px) {
	#header {
		padding-right: 0;
		/*background: url(../images/header2_1000b.jpg) no-repeat*/
	}
	#mailingListPanelInner img {
		display: none
	}
}

@media all and (max-width: 850px) {
	.about_us > .shadow2 {
		margin-right: 10px;
	}
	.about_us > .t {
		float: none;
		width: auto;
	}
	.about_us > .kontaktbox {
		clear: both;
	}
}

@media all and (min-width: 810px) and (max-width: 960px) {
	.ddsmoothmenu {
		font-size: 9px!important;
	}
	#nav2 a {
		font-size: 11px
	}
	#main > .lijevo > .shadow2 > .s img {
		height: 90px;
	}
}

@media all and (min-width: 641px) and (max-width: 809px) {
	.ddsmoothmenu {
		font-size: 8px!important;
	}
	.ddsmoothmenu ul li a {
		padding: 8px!important
	}
	.downarrowclass {
		position: absolute;
		top: 16px!important;
		right: 5px!important
	}
	.shadow2 a.white {
		font-size: 80%
	}
	.shadow2 .s img {
		height: 82px
	}
	#sidebar2 div a img {
		max-width: 100%
	}
	.lijevo2 .podnaslov1 a {
		width: 100%;
		display: inline;
		white-space: nowrap;
		font-size: 90%
	}
	.lijevo2 a img.shadow {
		width: 100%;
		height: auto
	}
	#mailingListPanelInner h3 {
		font-size: 2.3em
	}
	#nav2 a {
		font-size: 11px
	}
	#nav2 ul,
	#nav2 ul li {
		line-height: 1.4em
	}
	.break_r7 {
		display: block!important
	}
}

@media all and (max-width: 720px) {
	#main3 {
		width: 100%;
		padding: 0
	}
	#main3 .lijevo4 {
		width: 91%;
		padding-left: 4.5%;
		padding-right: 4.5%
	}
	#main3 .lijevo4 #navcontainer,
	#main3 .lijevo4 #navcontainer .scrollable,
	#main3 .lijevo4 #navcontainer .scrollable .items,
	#main3 .lijevo4 #navcontainer .scrollable .items div a,
	#main3 .lijevo4 #navcontainer #navlist li a {
		width: 100%
	}
	#main3 .lijevo4 #navcontainer .scrollable {
		height: 120px
	}
	#sidebar2 {
		width: 91%;
		max-width: 91%;
		padding: 0 4.5% 10px
	}
	#sidebar2 h1,
	#sidebar2 h1 .h8,
	#sidebar2 h1 .h8 a,
	#sidebar2 h1 .h5 {
		font-size: 18px
	}
	#sidebar2 h1 {
		margin-top: 25px
	}
	#sidebar2 > br:nth-of-type(1),
	#sidebar2 > br:nth-of-type(2),
	#sidebar2 > br:nth-of-type(4) {
		display: none
	}
	#sidebar2 #opis img,
	#sidebar2 div img,
	#sidebar2 div a img {
		max-width: 100%;
		height: auto
	}
	#sidebar2 div {
		max-width: 100%
	}
	#sidebar2 #opis table, #opis_dolje .opis table {
		width: 100%
	}
	#sidebar2 .btn {
		width: 91%;
		padding-left: 4.5%;
		padding-right: 4.5%
	}
	#sidebar2 #galerija,
	#sidebar2 #galerija #thumbs {
		width: 100%!important
	}
	#sidebar2 #galerija #thumbs .pagination {
		display: block;
		height: 33px;
		margin-bottom: 15px
	}
	#sidebar2 #cijene_broda table {
		width: 100%;
		font-size: 9px
	}
	#sidebar2 #text2 br {
		display: inline-block
	}
	#sidebar2 form #podaci,
	#sidebar2 form #podaci2 {
		width: 92%;
		padding: 2%
	}
	#sidebar2 form #podaci br,
	#sidebar2 form #podaci2 br {
		display: none
	}
	#sidebar2 form div h7 {
		display: block;
		margin-bottom: 15px
	}
	#sidebar2 form div label input,
	#sidebar2 form div label textarea {
		display: block;
		clear: both;
		width: 90%
	}
	#sidebar2 form #podaci label {
		display: block;
	}
	#sidebar2 form #podaci2 label {
		display: block;
		width: 100%;
		/*height: 30px;*/
		vertical-align: top;
		position: relative
	}
	#sidebar2 form #podaci2 label input[type='checkbox'] {
		width: auto;
		float: left;
		position: relative;
		top: -4px;
		margin-right: 8px;
		clear: none
	}
	#sidebar2 div.info_box_title {
		width: auto;
		height: auto;
		overflow: visible;
	}
}

@media all and (max-width: 640px) {
	.ddsmoothmenu {
		display: none
	}
	#header > .fortuna_logo {
		/*top: 55px;*/
	}
	#jezik {
		width: auto;
		margin-right: 10px;
		padding-top: 8px
	}
	#trazilica {
		padding: 0 16px 0 16px;
		width: 96%;
		/* Firefox */
		width: -moz-calc(100% - 32px);
		/* WebKit */
		width: -webkit-calc(100% - 32px);
		/* Opera */
		width: -o-calc(100% - 32px);
		/* Standard */
		width: calc(100% - 32px);
	}
	.vline,
	#jezik a:nth-of-type(1),
	#jezik a:nth-of-type(2),
	#jezik div.bullet,
	nav#mobile .menu_links div.bullet:nth-of-type(4) {
		display: none
	}
	.bullet {
		display: inline-block;
		margin: 0 2px
	}
	nav#mobile {
		background-color: #c0c0c0;
		box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.3);
		display: block;
		color: #fff
	}
	nav#mobile .menu_links {
		float: right;
		display: none
	}
	nav#mobile a {
		color: #fff
	}
	nav#mobile #toggle-bar {
		line-height: 70px;
		height: 70px
	}
	nav#mobile strong a {
		margin-left: 30px;
		border: 1px solid #444;
		padding: 10px;
		font-weight: 400
	}
	nav#mobile .navicon {
		float: left;
		height: 6px;
		width: 34px;
		margin: 20px;
		border-top: 18px double #FFF;
		border-bottom: 6px solid #FFF;
		font-size: 0!important;
		overflow: hidden
	}
	nav#mobile ul li {
		clear: both;
		list-style: none
	}
	nav#mobile ul li a {
		display: block;
		background-color: #757575;
		text-transform: uppercase;
		letter-spacing: .2em;
		margin: 2px 0;
		padding: 6px 0 6px 8px
	}
	nav#mobile ul ul {
		font-size: small
	}
	nav#mobile ul ul li {
		margin-left: 30px
	}
	nav#mobile ul ul a {
		background-color: #6f7e86;
		padding-left: 8px
	}
	nav#mobile ul ul .navselected {
		background-color: #1F1F1F;
		font-weight: 700
	}
	nav#mobile ul ul a:before {
		content: "\2192";
		padding-right: 8px
	}
	nav#mobile ul .mmenu_sub ul {
		display: none
	}
	nav#mobile ul .mmenu_sub {
		position: relative
	}
	nav#mobile ul .mmenu_sub .darrow {
		position: absolute;
		padding: 6px 10px 6px 20px;
		top: 0;
		right: 0;
		cursor: pointer
	}
	#slideshow {
		width: 90%;
		width: calc(100% - 48px);
	}
	.flashcontent_mob {
		float: left;
		width: 100%!important;
		height: 240px!important
	}
	.pgwSlider .ps-current {
		height: 240px!important;
	}
	.lijevo, .lijevo2 {
		padding: 0;
		width: 100%;
	}
	.lijevo > .shadow4 {
		margin-top: 10px;
		padding: 0.8%;
	}
	.about_us > .shadow2 {
		height: auto;
	}
	div.lijevo2 > div {
		min-height: 130px;
	}
	#main2 .lijevo #cube1 {
		width: 94%;
		width: calc(100% - 20px);
	}
	#main2 .lijevo #cube1 > a > img {
		padding: 0;
		width: 100%;
		height: auto;
		float: none;
	}
	#main2 .lijevo #cube1 > ul {
		padding: 2px 10px 8px 10px;
	}
	#sidebar2 > p {
		padding-right: 0;
	}
	#slideshow img:first-of-type, #sidebar2 img:first-of-type {
		width: 100%;
		max-width: 100%!important;
		margin: 0 0 10px 0!important;
		float: none;
	}
	.stranica_list p,
	.stranica_list div,
	.stranica_list div p {
		width: 100%;
		display: block;
		text-align: center;
		position: relative
	}
	.stranica_list div p img,
	.stranica_list p img {
		width: 230px;
		position: relative;
		left: 50%;
		margin-left: -115px
	}
	.stranica_view .h8 {
		margin-top: 0!important;
		margin-bottom: 12px
	}
	.stranica_view .h5,
	.destinacija_view .h5 {
		display: block;
		padding-top: 0
	}
	.destinacija_view .h5 {
		margin-bottom: 15px
	}
	.stranica_view p:nth-of-type(1),
	.destinacija_view p:nth-of-type(1) {
		margin: 0!important
	}
	.stranica_view .MsoNormal {
		height: auto!important
	}
	.stranica_view h2 {
		line-height: 1
	}
	.stranica_view img,
	.stranica_list2 img {
		margin: 0 10px 10px 0 !important;
		max-width: 40%!important;
		border: 0!important
	}
	.destinacija_view img {
		margin: 0 10px 10px 0 !important;
		border: 0!important;
		width: 100%;
		float: left;
		clear: both;
	}
	.destinacija_view img[align='right'],
	.stranica_view img[align='right'] {
		margin: 10px 0 10px 10px !important
	}
	.stranica_list2 div.rubrike_list:nth-of-type(2) {
		margin-bottom: 30px
	}
	.stranica_list2 img {
		height: auto!important
	}
	.stranica_list2 div:nth-of-type(1) p:nth-of-type(1) span,
	.stranica_list2 div:nth-of-type(3) span:nth-of-type(1) {
		display: block;
		margin-bottom: 10px
	}
	.stranica_view .shadow_228_180 {
		width: 94%;
		padding: 2%;
		background: none;
		border: 2px solid #CCC;
		margin-bottom: 15px
	}
	.stranica_view .shadow_228_180 .shadow_slika img {
		max-width: 86%!important
	}
	.stranica_view2 .info_box_text {
		height: auto
	}
	.baza_view {
		padding-top: 15px!important
	}
	.baza_view img {
		margin-bottom: 10px
	}
	.baza_view .baza_topimg {
		width: 100%!important;
		margin-right: 0!important
	}
	.baza_view .baza_info img,
	.baza_view .baza_rute img {
		margin-bottom: 0
	}
	.baza_view .baza_info {
		max-width: 92%!important;
		padding: 4%!important;
		margin-top: 20px;
		margin-bottom: 20px
	}
	.baza_view .baza_info br,
	.baza_view .baza_rute br,
	.baza_view .baza_rute .nbspdiv {
		display: block!important
	}
	.baza_view .baza_rute {
		width: 92%!important;
		margin-right: 0!important;
		padding: 4%!important
	}
	.baza_view .baza_rute div img {
		width: 100%!important
	}
	.baza_view .baza_rute div:last-child {
		margin-top: 10px
	}
	.baza_view .baza_info .baza_znakovi {
		margin-left: 20px!important
	}
	.baza_view .baza_info .baza_znakovi img {
		margin-right: 5px;
		position: relative;
		top: 3px
	}
	.baza_view .nbspdiv {
		display: none
	}
	.rubrike_list {
		clear: both;
		width: 80%!important;
		padding-left: 10%;
		padding-right: 10%;
		margin-left: 0;
		margin-right: 0
	}
	.box1 {
		white-space: normal;
		height: auto;
	}
	.shadow2 {
		max-width: 100%;
		width: 98.4%;
	}
	.shadow2 .s {
		padding: 4% 0% 3%;
		border: 0;
		max-width: 100%;
		width: 100%;
		text-align: center;
		height: auto;
		margin-bottom: 8px;
		margin-left: 0
	}
	.shadow2 .s img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	.shadow2 p {
		padding: 2% 4% 3% 0;
		margin: 7% 0 3% 4%;
		width: 88%;
		max-width: 88%
	}
	.shadow2 p a {
		width: 100%;
		display: inline-block
	}
	.shadow2 .trans {
		padding: 2% 4% 3% 0;
		margin: 6% 0 3% 4%;
		width: 88%;
		max-width: 88%;
		position: absolute;
		left: 0;
		top: 0;
		height: 18px;
		opacity: .4;
		filter: alpha(opacity=40);
		background-color: #DDD
	}
	.shadow2 .resp1 {
		padding: 0 0;
	}
	.shadow2 a.white {
		font-size: 80%
	}
	.lijevo2 .podnaslov1 a {
		width: 100%;
		display: inline;
		white-space: nowrap;
		font-size: 84%
	}
	.lijevo2 a img.shadow {
		width: 100%;
		height: auto
	}
	.about_us .t {
		width: auto;
	}
	.lijevo3 {
		width: 90%;
		padding-left: 20px
	}
	.lijevo3 .shadow3 {
		width: 100%;
		height: auto;
		padding: 1% 0;
		background: transparent
	}
	.lijevo3 .shadow3 .t {
		padding: 0!important;
		margin: 5px 0 20px
	}
	.lijevo3 .shadow3 .t br {
		display: none
	}
	.lijevo3 .shadow3 .t img {
		float: left;
		margin-right: 18px
	}
	#sidebar2 #opis {
		width: 100%;
	}
	#sidebar2 #opis > img.shadow {
		width: 100%;
		padding: 10px 0;
		background: transparent;
	}
	#sidebar2 #opis_dolje {
		padding-right: 0;
	}
	#mailingListSignupPopup {
		position: fixed;
		left: 50%;
		top: 130px;
		margin-top: 0;
		width: 340px;
		max-width: 100%;
		margin-left: -25%
	}
	#mailingListPanelInner h3 {
		font-size: 1.8em
	}
	#mailingListPanelInner p {
		font-size: 1.2em
	}
	#mailingListPanelInner p:nth-of-type(2) {
		width: 74%!important
	}
	#nav2 a {
		font-size: 10px
	}
	#nav2 ul,
	#nav2 ul li {
		line-height: 1.4em
	}
	#lightbox-container-image-data-box {
		width: 96%!important;
		padding: 0 2%!important
	}
	#lightbox-nav-btnPrev,
	#lightbox-nav-btnNext {
		max-height: 100%
	}
}

@media all and (max-width: 510px) {
	/*
	#trazilica form div {
		width: 50%;
		min-width: 40%;
		max-width: 50%
	}
	#trazilica form div select {
		max-width: 90%
	}
	*/
	.shadow2 a.white {
		font-size: .7em
	}
	.lijevo2 .podnaslov1 a {
		font-size: .7em
	}
	.lijevo3 .shadow3 .t img {
		max-width: 50%;
		margin-right: 15px
	}
	#sidebar {
		width: 340px;
		max-width: 91%;
		padding: 10px 4.5% 10px 0;
		float: left;
		background: transparent
	}
	#sidebar .box3 a img,
	#sidebar .box3 p img {
		max-width: 100%
	}
	#mailingListSignupPopup {
		border: solid 2% #333;
		border-radius: 15px;
		position: fixed;
		left: 0;
		top: 110px;
		margin-top: 0;
		width: 340px;
		max-width: 94%;
		margin-left: 0
	}
	#mailingListSignupPopup input,
	#mailingListSignupPopup select option {
		width: 61%;
		max-width: 61%
	}
	#mailingListSignupPopup select {
		width: 62%!important
	}
	#mailingListSignupPopup #captcha img {
		margin: 0 42px 10px 0
	}
	#mailingListPanelSlide {
		height: 124px
	}
	#mailingListPanelInner h3 {
		font-size: 1.1em
	}
	#mailingListPanelInner p {
		font-size: .9em
	}
	#mailingListPanelInner p:nth-of-type(2) {
		width: 74%!important;
		line-height: 26px!important
	}
	#calltoaction {
		font-size: 1.2em
	}
}

@media all and (max-width: 480px) {
	#header {
		text-align: center;
		height: auto;
	}
	#header > .fortuna_logo {
		display: inline-block;
		position: relative;
		max-width: 60%;
		top: 4px;
	}
}

@media all and (max-width: 444px) {
	.flashcontent_mob {
		float: left;
		width: 100%!important;
		height: 180px!important
	}
	.pgwSlider .ps-current {
		height: 180px!important;
	}
}