*
{
padding: 0;
margin: 0;
font-size: 1em;
}
iframe {
width:680px;
height:1000px;
overflow:hidden;
border: none;
}
img {
border: none;
}
body {
background:#fffefe url("img/pozadina1.gif") repeat-x;
}
#omotac_sadrzaj{
	margin:0 auto;
	width:1000px;
}
.logo{
	float:left;
	height:138px;
	position:relative;
	left:15px;
}

div.desni_dio a, div.desni_dio a:visited {
	color: #0000bb;
}
div.desni_dio a:hover {
	text-decoration: none;
}

/* 
******************
NAVIGACIJA Glavna
******************
*/	
#top_navigacija{height:47px;}
#navlist{
	float:left;
	margin-top:14px;
}
#navlist ul, #navlist li{
	font-family: arial, calibri, Serif;
	font-size:0.9em;
	display: inline;
	list-style-type: none;
}
#navlist a:link, #navlist a:visited{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 2px 2px 30px;
	text-decoration: none;
	color: #fff;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{
	border-bottom: 2px solid #5497c0;
	padding-bottom: 4px;
	color: #fff;
}

#navlist a:hover { color: #f6f6f1; }
/* 
******************
Glavna slika
******************
*/
.info_bg{
	width:260px;
	float:left;
	text-align: center;
}
.info_bg h1{
	font-family: arial, calibri, Serif;
	font-size:0.8em;
	color:#505151;

}
.plavi_tekst{
	font-family: arial, calibri, Serif;
	font-size:1.2em;
	color:#218ecf;
}
.sivi_tekst{
	font-family: arial, calibri, Serif;
	font-size:0.8em;
	color:#505151;
	font-weight:bold;
}

.more_bg{
	background: url("img/more.gif") no-repeat;
	width:1000px;
	height:149px;
	float:left;
	position:relative;
	top:5px;
}
.fotografije{
	background: url("img/tri_slike.jpg");
	width:604px;
	height:227px;
	float:right;
	position:absolute;
	top:-78px;
	left:335px;
}
/* 
******************
sadrzaj
******************
*/
.clear{clear:both;}
#sadrzaj{
	width:1000px;
	margin-top:20px;

}
.lijevi_dio{
	width:240px;
	float:left;
}
.desni_dio{
	width:720px;
	float:left;
	/*margin-left: 5px;
	margin-right: 35px;*/
}

#sadrzaj div.homepagetext {
	width: 440px;
	float: left;
	margin-left: 10px;
}

#sadrzaj div.homepagetext h3 {
	font-size: 1.1em;
	font-family: Arial;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	text-indent: 0;
}
#sadrzaj div.homepagetext p {
	font-size: 0.8em;
}

#sadrzaj div.homerightcolumn {
	width: 220px;
	float: left;
	text-align: center;
	margin-left: 20px;
	margin-top: 10px;
}
div#hanse {
	
	padding-top: 60px;
	background: url("img/pozadina-hanse-homepage.jpg") top center no-repeat;
}
div#grandsoleil {
	/*background: url("img/grand-solei-logo.jpg") top center no-repeat;*/
	padding-top: 0;
}
#sadrzaj div.homerightcolumn h3 {
	font-size: 1em;
	font-family: Arial;
	padding: 2px;
	margin: 0;
	margin-top: 10px;
	text-indent: 0;
	font-weight: 600;
}
#sadrzaj div.homerightcolumn p.hansetekst {
	width: 220px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url("img/pozadina-hanse-tekst.jpg") center center no-repeat;
	clear: both;
}
#sadrzaj div.homerightcolumn h4 {
	font-size: 1em;
	text-indent: 0;
	text-align: center;
	margin:0;
	padding:2px;
	margin-top: 5px;
	font-family: Arial;
}
#sadrzaj div.homerightcolumn .brod_homepage {
	margin: 15px auto;
}
#sadrzaj div.homerightcolumn .homepage_button {
	text-align: left;
	text-indent: 30px;
}
#sadrzaj div.homerightcolumn h4 a {
	color: #505151;
}
#sadrzaj div.homerightcolumn h4 a:hover {
	color: #909090;
}

#sadrzaj div.homerightcolumn  .slika_broda_homepage  img {
	width: 160px;
}




img.left {
	float: left;
	padding: 10px;
}
img.right {
	float: right;
	padding: 10px;
}

.subsection_header{
	font-size:25px;
	color:#2074ff;
	border-bottom:1px solid #2074ff;
	margin:40px 0 20px 0;
}
.subsection_header a{
	float:right;
	font-size:12px;
	text-decoration:none;
}
.subsection_header a:hover{
	text-decoration:underline;
}

.subsection table.prices{
	border-collapse:collapse;
	margin:0 0 0 15px;
}
.subsection table.prices th{	
	padding:0 10px 0 5px;
	border:1px solid #0072dc;
	font-weight:bold;
	background:#bfcbff;
	vertical-align:top;
	width:80px;
}

.subsection table.prices th.first{
	width:200px;
}
.subsection table.prices td{
	background:#eaf5ff;
	border:1px solid #0072dc;	
}

.subsection .additional{
	float:left;
	width:165px;
	min-height:120px;
	margin:20px 0 0 5px;
	padding:3px;
	background:#eaf5ff;
	border:1px solid #0072dc;
	font-size:11px;
	text-align:left;
	line-height:100%;
}

.subsection .additional_equipment{
	margin:10px 0 0 10px;
}

.subsection .additional_equipment h2, .subsection.additional h2{
	font-size:13px;
	font-weight:bold;
	margin:0 0 8px 0;
}
.subsection .additional p{
	font-size:12px;
}

.subsection .additional_equipment ul.equipment{
	font-size:12px;
	margin:0 0 0 40px;
	float:left;
	line-height:100%;
	width:130px;
}
.subsection .additional_equipment ul.equipment li{
	list-style-image:url("img/bullet.png");
}
.clear{
	clear:both;
}

.subsection table.features{
	border-collapse:collapse;
	width:31%;
	float:left;
	margin:0px 0 0 10px;
}

.subsection table.features td{
	padding:0px;
	font-size:12px;
}

.subsection table.features td.attribute{
	width:90px;
	font-weight:bold;
	font-size:12px;
}

.subsection ul.why_to_book li{
	list-style-image:url("img/kvacica.png");
}

/* 
******************
lijevi dio
******************
*/
.search_box{
	background: url("img/search_bg.gif");
	width:220px;
	height:106px;
	border:1px solid #dfe2e6;
	margin-left:9px;
}
.lastminute_okvir{
	width:220px;
	height:35px;
	margin:12px 10px 0px 10px;
}
.lastmin_ikona{
	background: url("img/ikona1.gif");
	width:26px;
	height:26px;
	position:relative;
	top:4px;
	left:3px;
	float:left;
}
.search_tekst a{
	font-family: arial, calibri, Serif;
	font-size:1em;
	color:#575656;
	display:block;
	text-decoration: none;
	padding:8px 50px 0px 0px;
	float:right;
}
.search_tekst a:hover{color:#2e94d1;}
.searchboat_okvir{
	width:220px;
	height:35px;
	margin:12px 10px 0px 10px
}
.searchboat_ikona{
	background: url("img/ikona2.gif");
	width:26px;
	height:23px;
	position:relative;
	top:4px;
	left:3px;
	float:left;
}
/* 
******************
navigacija lijevo
******************
*/
.nav_lijevo{
	width: 220px;
	margin-left:9px;
	margin-top:20px;
}
.nav_lijevo .tab{
	width: 220px;
	height:38px;
	background:url("img/tab_bg.gif") repeat-x; 
	margin-bottom:1px;
}
.tab_tekst{
	font-family:arial; 
	font-size: 1em; 
	font-weight:bold;
	color:#fff;
	padding:9px 0px 0px 10px;
	display:block;
}
.nav_lijevo ul{
	list-style-type: none;
	margin-bottom: 0; 
}
.nav_lijevo ul li{
	padding-bottom: 2px;
}
.nav_lijevo ul li a{
	font-family:arial; 
	font-size: 0.8em; 
	color:#535353;
	background:#e9e9e9;
	display: block;
	padding: 5px 0;
	line-height: 24px;
	padding-left: 8px; 
	text-decoration: none;
}
.nav_lijevo ul li a:hover{ 
color:#000;
background: #e1e1e1;
}
/* 
******************
desni  dio
******************
*/
.popust_box{
	background: url("img/popust_25.jpg");
	width:735px;
	height:127px;
}
.popust_box h2 {
	font-family: arial, calibri, Serif;
	font-size:1em;
	color:#505151;
	padding:8px 0px 0px 8px;
}
.sivi_tekst_popust{
	font-family: arial, calibri, Serif;
	font-size:0.9em;
	color:#505151;
	padding:8px 20px 5px 8px;
	margin-right:90px;
	display:block;
}
.plavi_tekst_popust a{
	font-family: arial, calibri, Serif;
	font-size:0.9em;
	font-weight:bold;
	color:#1178b6;
	padding:8px 0px 0px 8px;
	text-decoration:none;
}
.plavi_tekst_popust a:hover {color:#505151;}

.desni_dio h3{
	font-family: Trebuchet MS, Arial, calibri, Serif;
	font-size:1.30em;
	color:#505151;
	margin-top: 20px;
	margin-right: 30%;
	margin-left: 5px;
	text-indent: 10px;
	width: 100%;
	
}
.desni_dio p{
	font-family: Trebuchet MS, Arial, calibri, Serif;
	font-size: 0.90em;
	text-align: justify;
	text-indent: 5px;
	line-height: 130%;
	color:#505151;
	padding:2px 0px 2px 0px;
	
}


/*
**************************
FOOTER
**************************
*/	

.clear_footer{
	height:50px;
	clear:both;}

#footer{
	width:100%;
	height:60px;
	background:#ecf0f1;
	font-size:0.8em;
	border-top:1px solid #cad2d4;
	}
	

#footer p{
        text-align:center;
	color:#929191;
	font-family: arial, calibri, Serif;
	font-size:0.9em;
	padding: 5px 10px 10px 5px;
}
		

#footer ul{
	
	padding-top:12px; text-align:center;
}

#footer li{
	
	color:#929191;
	font-family: arial, calibri, Serif;
	font-size:1em;
	padding: 5px 10px 10px 5px;
	display:inline;
	margin:12px;
}

#footer li a{
	text-decoration: none;
	color:#383225;
}

#footer li a:hover{
	border-bottom:1px solid #383225;
}

/*
*****************
NASLOVNA STRANICA
*****************
*/

div.specialoffersukosan {
	clear: both;
	margin-top: 10px;
	margin-bottom: 15px;
}

/* 
******************
YACHTS stranica
******************
*/

.brod_okvir{
	width:340px;
	min-height:200px;
	float:left;
	margin-left: 20px;
	margin-bottom: 20px;
}



.ime_broda{	
	margin:8px 0px 0px 8px;
	clear:both;
	position:relative;
}

.ime_broda h1{
	font-family: arial, calibri, Serif;
	font-size:17px;		
	margin:0 0 5px 0;
}

.ime_broda h1.bigger{
	font-family: arial, calibri, Serif;
	font-size:25px;		
	margin:0 0 5px 0;
}

.ime_broda > a{	
	position:absolute;
	top:0px;
	right:0px;
}
.ime_broda h1 a{
	text-decoration:none;
	color: #505151;
}

.ime_broda h1 a:hover{ }

.slika_broda {
	width:203px;
	height: 150px;
	float:left;
	display: block;
}

.slika_broda img {
	width: 203px;
	height: 150px;
}

.opis {
	width: 200px;
	float: left;
}


.plavi_red{
	background:#ecf0f1;
	width:130px;
	float:left;
	margin-left: 4px;

}

.bijeli_red{
	width:130px;
	float:left;
	margin-left: 4px;
}

.button {
	float: left;
	width: 100%;
	margin-left: 5px;
	margin-top: 10px;
}

.tekst_brodovi{
	color:#505151;
	font-family: arial, calibri, Serif;
	font-size:0.8em;
	margin-top:2px;
	margin-left:3px;
	display:block;
}


.brod .plavi_red{
	background:#ecf0f1;
	width:200px;
	float:left;
	padding: 2px;
}

.brod .bijeli_red{
	width:200px;
	float:left;
	padding: 2px;
}

/*GALERIJA*/

#galerija h3 {
	font-size: 0.7em;
	text-align: right;
	padding: 0;
	margin: 0;
}

#galerija {
	width: 720px;
	border: 1px solid #cccccc;
	/*background: #cccccc; pozadina cijele galerije */
	margin:10px 0 0 0;
}

#galerija div.holder {
	width: 400px;
	height: 300px;
	float: left;
	overflow: hidden;
	/*background: #000000; pozadina velike slike*/
}
div.holder img {
	width: 500px;
}

div.tmbs {
	width: 320px;
	height: 300px;
	float: left;
	/*background: #cccccc;  pozadina držača tumbova */
}


div.tmb  {
	width: 90px;
	height: 60px;
	float: left;
	margin: 7.2px 8px;
	overflow: hidden;
	background: #000000;
}

div.tmb img {
	width: 100px;
}	

table#brod_opis caption {
	font-family: verdana, helvetica, arial;
	font-size: 1.4em;
	font-weight: bold;
	height: 1.5em;
	margin-top: 0.75em;
}

table#brod_opis {
	font-family: verdana, helvetica, arial;
	font-size: 0.8em;
	width: 400px;
	float: left;
	border-spacing: 1px;
	border: 1px solid #cccccc;
	margin-top: 10px;
	table-layout: fixed;
	text-indent: 15px;
	
}

table#brod_opis tr.red{
	height: 1.8em;
}
table#brod_opis tr td.stup_prvi {
	background: #C1DAD7;
	text-align: right;
	padding-right: 1em;
}
table#brod_opis tr td.stup_drugi {
	background: #F5FAFA;
}

table#brod_opis tr td.book{
	text-align: center;
}

div.equipment {
	float: left;
	width: 300px;
	font-size: 0.8em;
	margin-top: 10px;
	padding: 10px;
}

div.equipment h4 {
	font-family: Verdana, helvetica, arial;
	font-size: 1.4em;
	font-weight: bold;
	height: 1.5em;
	text-align: center;
}
div.equipment p {
	font-size: 1em;
}

div.hanse {
	width: 680px;
	height: 220px;
	margin: 0 auto;
	margin-top: 20px;
	background: url("img/pozadina.gif") no-repeat;
}
div.hanse img {
	float: left;
	padding: 5px;
	margin-top: -10px;
}
div.hanse h3 {
	font-size: 1.2em;
	text-align: center;
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
	padding-top: 3px;
}
div.hanse p {
	padding: 1px 5px;
	font-size: 0.8em;
}
/**INFO CORNER LINKS**/
div#infocorner {
	width: 220px;
	margin-left:9px;
	margin-top:20px;
	font-family: Georgia,Trebuchet MS, Arial, calibri, Serif;
	font-size: 1.2em;
}
div#infocorner p.info {
	height: 50px;
	text-indent: 60px;
	padding-top: 12px;
	background: url("img/info.gif") no-repeat;
}
div#infocorner p.info a {
	color: #0000bb;
}
div#infocorner p.info a:hover {
	color: #0000bb;
	text-decoration: none;
}
/**INFO CORNER CONTENT AREA**/
div#infocornercontent div.infocontentarea {
	width: 430px;
	float: left;
	padding-right: 20px;
}
div#infocornercontent div.infopicturesarea {
	float: left;
	width: 268px;
	padding-top: 50px;
}
div#infocornercontent div.infopicturesarea {
	text-align: center;
}

div#infocornercontent div.infocontentarea p {
	text-align: left;
	line-height: 140%;
}

/** CONTACT FORMA **/
div#contactpozadina {
	width: 619px;
	height: 400px;
	margin: 0 auto;
	background: url("img/contactpozadina.gif") no-repeat;
	padding-top: 12px;
}
div#contact {
	width: 600px;
	margin: 0 auto;
	padding-top: 10px;
	font-family: Georgia,Trebuchet MS, Arial, calibri, Serif;
	background: transparent;
}
div#contact p.left {
	float: left;
	width: 174px;
	text-align: right;
	margin-right: 20px;
}
div#contact p.right {
	float: left;
	width: 394px;
}
div#contact p.right input {
	width: 80%;
	font-family: Georgia,Trebuchet MS, Arial, calibri, Serif;
	padding: 2px;
	font-size: 1.1em;
}
div#contact p.right select {
	font-family: Georgia,Trebuchet MS, Arial, calibri, Serif;
	font-size: 1.1em;
}
div#contact p.right textarea {
	width: 80%;
	height: 150px;
	margin-bottom: 10px;
	clear: both;
	font-family: Georgia,Trebuchet MS, Arial, calibri, Serif;
	font-size: 1.1em;
	padding-left: 5px;
	padding-top: 5px;
}
div#contact p.submitbutton {
	margin-bottom: 10px;
	text-align: center;
}
div#contact p {
	padding: 1px;
}
/*ABOUT US*/
div#aboutus  h3 {
	margin: 0;
	padding: 0;
}
div.aboutus {
	width: 45%;
	float: left;
	margin: 10px;
}
div.aboutusmarina {
	float: left;
}
div.aboutus ul {
	list-style: none;
}
div.aboutus ul li.company {
	font-size: 1.3em;
	font-family: Georgia,Trebuchet MS, Arial, calibri, Serif;
	font-weight: bold;
	color:#505151;
	margin-bottom: 5px;
}
div.aboutus ul li.address {
	font-size: 1em;
	font-family: Georgia,Trebuchet MS, Arial, calibri, Serif;
	font-weight: bold;
	color:#505151;
	padding: 2px;
}
div.aboutus ul li.spaner {
	height: 1em;
}

div.aboutus ul li.contact {
	font-size: 1em;
	font-family: Georgia,Trebuchet MS, Arial, calibri, Serif;
	color:#505151;
	padding: 2px;
}

div.ekipa {
	width: 620px;
	margin: 0 auto;
	margin-top: 20px;
	font-family: Georgia,Trebuchet MS, Arial, calibri, Serif;
	color:#505151;
}

div.ekipa div.profile {
	width: 150px;
	float: left;
}

div.ekipa div.information {
	width: 430px;
	float: left;
}

div.ekipa div.information ul {
	list-style: none;
}

.desni_dio ul {
	list-style: none;
	font-family: Trebuchet MS, Arial, calibri, Serif;
	font-size: 0.9em;
	color:#505151;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.desni_dio ul li {
	padding: 2px;
}