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 : bold; 
} 
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 #cccccc; 
margin : 1em 0; 
padding : 0; 
} 
input, select { 
vertical-align : middle; 
} 
html { 
margin : 0; 
padding : 0; 
} 
body { 
margin : 0; 
padding : 0; 
color : #000; 
background : #e6e3e4; 
background-image : url(../images/back1.jpg); 
background-repeat : repeat-x; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 1em; 
color : #333; 
} 
#wrap { 
width : 1042px; 
margin : 0 auto; 
background-image : url(../images/main-repeat2.png); 
} 
#header { 
height : 208px; 
background : url(../images/header2.jpg) no-repeat; 
} 
#jezik { 
float : right; 
width : 220px; 
color : #fff; 
font-family : Arial Narrow, Helvetica, sans-serif; 
padding-top : 10px; 
font-size : 0.9em; 
} 
#jezik a { 
color : #fff; 
text-decoration : none; 
} 
#jezik a:hover { 
color : #ccc; 
} 
#flash { 
height : 295px;
background:#0d0d0d;
} 

#flash2 { 
height : 295px; 
margin : 0; 
padding : 0; 
} 
#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; 
width : 220px; 
padding : 0px 19px; 
background : url(../images/main-left2.png) no-repeat;
} 
.lijevo { 
padding-left : 20px; 
} 
.lijevo2 { 
padding-left : 20px; 
width : 500px; 
float : left; 
} 
.lijevo2 a{ 
color: #999999;
text-decoration:none;
} 
.lijevo3 { 
padding-left : 20px; 
width : 240px; 
float : right; 
} 
.lijevo4 { 
width : 210px;
padding-left:20px;
} 
h1 { 
font-family : "Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif; 
font-weight : bold; 
font-size : 24px; 
color : #666; 
} 
h2 { 
font-family : "Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif; 
font-weight : bold; 
font-size : 21px; 
color : #999; 
} 
h3 { 
font-family : "Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif; 
font-weight : bold; 
font-size : 21px; 
color : #298bad;
padding-top : 10px; 
} 

h4 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #333; 
} 


h5 { 
font-family : "Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif; 
font-weight : bold; 
font-size : 27px; 
color : #298bad;
padding-top : 10px; 
} 

.h5 { 
font-family : "Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif; 
font-weight : bold; 
font-size : 27px; 
color : #298bad;
padding-top : 10px; 
} 

h6{
font-family : "Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif; 
font-weight : bold; 
font-size : 21px; 
color : #298bad;
padding-top : 10px;}

h7{
font-family : "Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif; 
font-weight : normal; 
font-size : 14px; 
color : #298bad;
padding-top : 10px;}

h8 { 
font-family : "Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif; 
font-weight : bold; 
font-size : 27px; 
color : #000;
padding-top : 10px;
padding-right:10px;
float:left;
} 

.h8 { 
font-family : "Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif; 
font-weight : bold; 
font-size : 27px; 
color : #000;
padding-top : 10px;
padding-right:10px;
} 

.h8 a{ 
color : #000; text-decoration:underline;font-size : 29px; 
} 

.h8 a:hover{ 
color : #000; text-decoration:none;
} 

p { 
margin : 0; 
padding : 0; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 0.9em; 
color : #333; 
} 
#sidebar { 
float : right; 
width : 200px; 
padding : 10px 0 10px 10px; 
background : url(../images/main-right2.png) no-repeat; 
} 
#sidebar2 { 
float : right; 
width : 720px; 
padding : 15px 40px 10px 10px; 
font-family : Arial Narrow, Helvetica, sans-serif; 
} 
#sidebar2 p { 
font-family : Arial Narrow, Helvetica, sans-serif; 
font-size : 1em; 
} 
.rubrike_list { 
background:#0071BB;
width:200px; 
float: left; 
height:50px; 
margin: 10px 0px 10px 20px; 
text-align:center; 
line-height:50px;
overflow:hidden;
} 
.rubrike_list a{
color:#FFF;
font-weight:bold;
text-decoration : none; 
}
.rubrike_list a:hover {
background:#FFF;
color : #0071BB; 
} 
.box1 { 
display : block; 
color : #fff; 
background : #6e6e6e; 
height : 32px; 
width : 200px; 
background-image : url(../images/rub.jpg); 
background-position : right; 
background-repeat : no-repeat; 
padding-left : 20px; 
vertical-align : baseline; 
line-height : 1.6em; 
letter-spacing : -1px; 
word-spacing : 0.3em; 
font-family : Arial Narrow, Helvetica, sans-serif; 
font-size : 1.2em; 
} 
.box1b { 
display : block; 
color : #fff; 
background : #6e6e6e; 
height : 32px; 
width : 215px; 
background-image : url(../images/rub.jpg); 
background-position : right; 
background-repeat : no-repeat; 
padding-left : 20px; 
vertical-align : baseline; 
line-height : 1.6em; 
letter-spacing : -1px; 
font-family : Arial Narrow, Helvetica, sans-serif; 
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-family : "Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif; 
font-weight : bold; 
font-size : 20px; 
color : #999; 
} 

#footer { 
clear : both; 
padding : 5px 20px; 
text-align : center; 
height : 33px; 
background : #000; 
margin : 0 19px; 
color : #fff; 
} 
#nav2 { 
vertical-align : baseline; 
line-height : 2.4em; 
letter-spacing : 0.5px; 
font-family : Arial Narrow, Helvetica, sans-serif; 
font-size : 0.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; 
} 
#nav2 a:hover { 
text-decoration : underline; 
} 
* html #footer { 
height : 1px; 
} 
#all { 
text-align : center; 
width : 500px; 
color : #000; 
padding-top : 10px; 
padding-left : 260px; 
font-family : Arial Narrow, Helvetica, sans-serif; 
font-size : 0.9em; 
height : 50px; 
} 
img.shadow { 
background : url(../images/shadow-1.gif) no-repeat right bottom; 
padding : 5px 10px 10px 5px; 
} 
.img-desc { 
position : relative; 
display : block; 
height : 170px; 
width : 230px; 
float : left; 
margin : 5px;
padding-bottom:20px;

} 
.img-desc cite { 

color : #1a1a1a;
bottom : 0px; 
left : 0; 
width : 220px; 
padding : 5px;
font-size:0.8em;
} 
#trazilica { 
background : url(../images/trazilica2.jpg) no-repeat; 
width : 240px; 
height : 290px; 
padding : 0 0 5px 70px; 
float : left; 
} 
#trazilica2 { 
background : url(../images/trazilica3.gif) repeat-x; 
width : 983px; 
margin-left : 19px; 
height : 90px; 
padding : 0 0 5px 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 : #000; 
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:normal;}

input { 
background : inherit; 
border : none; 
} 
label { 
font-family : Arial, Helvetica, sans-serif; 
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-family : Arial, Helvetica, sans-serif; 
font-size : 15px; 
color : #ccc; 
} 
.btn2 a { 
padding : 10px 20px; 
float : left; 
text-decoration : none; 
color : #fff; 
background : #069; 
font-weight : bold; 
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; 
font-size : 0.9em; 
font-family : Arial Narrow, Helvetica, sans-serif; 
line-height : 1.3em; 
} 
#slideshow img { 
float : left; 
} 
#cube1 { 
width : 210px; 
height : 110px; 
border : 1px solid #d8d8d8; 
float : left; 
padding : 5px; 
margin : 0 18px 20px 0; 
font-size : 11px; 
font-family : Arial, Helvetica, sans-serif; 
line-height : 1.6em; 
} 
#cube1 ul { 
list-style-type : none;
margin:0px;
padding:0px;
} 
#cube1 li {} 
#cube1 img { 
float : left; 
padding-right : 10px; 
} 
#cube1 a { 
font-weight : bold; 
text-decoration : none; 
/*color : #06c; */
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-family : Arial Narrow, Helvetica, sans-serif; 
font-size : 0.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 : #006699; 
} 
#current { 
border-bottom : 1px solid #cfe2ff; 
background-color : #f7fbfd;
} 

#opis { 
width : 60%; 
float : left; 
} 

#galerija { 
width : 40%; 
float : left; 
} 
#opis table { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 0.8em; 
} 
#opis table tr { 
border-bottom : 1px dotted #cfe1ff; 
} 

#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-family : Arial Narrow, Helvetica, sans-serif; 
font-size : 0.8em;
} 

#cijene_broda table td { 
background : #ECF5FA; 
border : 1px solid #ccc; 
padding : 2px; 
} 

.cijene {
font-weight:bold;
color:#298BAD;
font-size : 1.1em;
} 

.podnaslov1 { 
display : block; 
width : 150px; 
height : 20px; 
color : #999; 
float : left; 
padding-right : 10px; 
font-size : 0.8em; 
} 
#pixel { 
height : 20px; 
background : #000; 
margin : 0 auto; 
width : 1004px;; 
} 

#text2{ font-size:0.8em;}

#text2 h2 {
display: inline;
font-weight : bold; 
font-size: 16px;
color : #999; 
} 

#sazeto2{ font-size:0.8em;}

#sazeto2 h2 {
display: inline;
font-weight : bold; 
font-size: 16px;
color : #999; 
} 


div.info_box{
	border:1px solid #0071BB; 
	float:left; width:228px; 
	margin:0px 10px 10px 0px;	
}
div.info_box a{
	text-decoration:none;	
}
div.info_box_title{
	width:208px;
	padding: 0px 10px;
	overflow:hidden;
	height:30px; 
	line-height:30px; 
	background-color:#0071BB; 
	color:#FFF; 
	font-weight:bold;	
}
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:#000;
}

/******text na slici**********/

.image-wrapper {
	position: relative;
	width: 240px;
	float:left;
	margin:5px;
	
}
.image-wrapper p {
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px;
	font-weight:bold;
	width: 205px;
	color: #FFF;
	margin: 5px;
	text-align:right;
}

.image-wrapper cite {
	font-size:0.8em;}
	
	
#podaci{width : 200px; float : left; padding:10px; margin:8px; border:1px solid #ccc;} 
#podaci input{ border:1px solid #298bad; margin-bottom:10px;background-image: url(../images/bg_txt.jpg); background-repeat:repeat-x; }
#podaci label{ color:#298bad;}
#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;}

#poruka{ width:676px; margin-left: 8px; border:1px solid #CCCCCC; padding:10px; background-color:#F7FBFD; margin-top:10px; }
span.greska {color:#F00;}
ul.greska { list-style-type:none; }
ul.greska li{padding-left:10px; font-size:11px; color:#F00;}
span.uspjesno{color:#006699;}
ul.uspjesno { list-style-type:none; }
ul.uspjesno li{padding-left:10px;}
ul.uspjesno li a{font-size:11px; color:#006699; 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:#FFFFFF; border:1px #cccccc solid;
font: 9pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;  color:#666666; padding:5px 5px 5px 5px;
}


.submit2{
height:20px;
width:90px;
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:bold;
}

.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:0.8em;
word-spacing:-1px;
float:left;}

.shadow_naslov {
	position: absolute;
	right: 19px;
	top: 11px;
	font-weight:bold;
	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:0.8em;
word-spacing:-1px;
float:left;}

.s{
	width:220px;
	height:140px;
	padding:10px;}

.s2{
	width:220px;
	height:120px;
	padding:10px;
	margin:5px;}
	



.shadow2 p {
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px 5px;
	font-weight:bold;
	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{ 
width:240px;  
position: relative;
color : #939192;
padding:5px;
font-size:0.8em;
word-spacing:-1px;
float:left;}

.shadow3{ 
width:240px;  
background-image:url(../images/shadow-big2.jpg); 
background-repeat:no-repeat;
position: relative;
color : #939192;
padding:5px;
font-size:0.8em;
line-height:1.3em;
word-spacing:-1px;
float:left;
height:300px;}

.shadow3 a{
	color:#939192;
	text-decoration:none;
}
.shadow3 a:hover{
	text-decoration:underline;
}

.t{padding:10px; margin:5px 5px 20px 5px; }

.box3 a{ text-decoration:none; color:#999;}
.box3 a:hover{ text-decoration:underline;}
.box3 p{ line-height:1.4em; font-size:0.9em; font-family:Arial Narrow, Helvetica, sans-serif; color:#999;}

/* pagination */
.pagination { padding: 0; margin: 0px; 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; }
/* pagination kraj */

span.novo_u_ponudi{
	text-transform:uppercase;
	color:#F00;
	font-weight:bold;
}

span.novo_u_ponudi_big{
	text-transform:uppercase;
	color:#F00;
	font-weight:bold;
	font-size: 24px;
}

a.blue_box{
	display:block;
	background-color:#0E69A5;
	border:1px solid #CCC;
	width:200px;
	height:30px; 
	line-height:30px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	text-align:center;
	margin: 5px 0px;
	cursor:pointer;
}

a:hover.blue_box{
	background-color:#1E84C8;
}
