html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

object,
embed {
display: block;
overflow: hidden;
}

body {
line-height: 1;
}
ol, ul {
list-style: none;
}
a:active { 
outline: none; 
}
 
a:focus { -moz-outline-style: none; }

/* remember to define focus styles! */
:focus {outline: 0;}






html {
margin:0;
padding:0;
background: #013559 url("http://adria-boatcharter.de/slike/yachting-podloga.jpg") top left repeat-x;
height: 100%;
}
body {
margin: 0;
padding: 60px 0 0 0;
background: url("http://adria-boatcharter.de/slike/charter-podloga.jpg") top center no-repeat;
height: 100%;
font:12px Arial, Sans-serif;
line-height:1.6em;
color:#081324;
text-align: center;
}

#wrapper {
width: 1000px;
margin: auto;
padding: 0;
text-align: left;
}

img {
margin:0;
padding:0;
border:0;
}

#charter-gore {
margin: 0;
padding:0;
background: url("http://adria-boatcharter.de/slike/charter-gore.png") top left no-repeat;
float: left;
width: 1000px;
height: 20px;
display: block;
}

#charter-sredina {
margin:0;
padding:0;
background: url("http://adria-boatcharter.de/slike/charter-sredina.png") top left repeat-y;
float: left;
width: 1000px;
display: block;
}

#charter-dolje {
margin:0;
padding:0;
background: url("http://adria-boatcharter.de/slike/charter-dolje.png") top left no-repeat;
float: left;
width: 1000px;
height: 20px;
display: block;
}

a:link {
	color: #0092d6;
	text-decoration: none;
}
a:visited {
	color: #0092d6;
	text-decoration: none;
}
a:active {
	color: #0092d6;
}
a:hover {
	color: #2cbafd;
	text-decoration: none;
}

.tamnoplavi:link {
	color: #081324;
	text-decoration: none;
}
.tamnoplavi:visited {
	color: #081324;
	text-decoration: none;
}
.tamnoplavi:active {
	color: #081324;
}
.tamnoplavi:hover {
	color: #22457c;
	text-decoration: none;
}

.foot:link {
	color: #76c0e2;
	text-decoration: none;
}
.foot:visited {
	color: #76c0e2;
	text-decoration: none;
}
.foot:active {
	color: #76c0e2;
}
.foot:hover {
	color: #b3e2f7;
	text-decoration: none;
}


.none, caption {
display: none;
}
.clear1 {
clear: both;
margin:0;
padding:0;
height: 1px;
}
.clear5 {
clear: both;
margin:0;
padding:0;
height: 5px;
}
.clear10 {
clear: both;
margin:0;
padding:0;
height: 10px;
}

.clear15 {
clear: both;
margin:0;
padding:0;
height: 15px;
}

.clear20 {
clear: both;
margin:0;
padding:0;
height: 20px;
}

textarea.text, input.text {
font: 11px Arial, Verdana, sans-serif;
width: 250px;
border: 1px solid #ddd;
}
textarea.text2, input.text2 {
font: 11px Arial, Verdana, sans-serif;
width: 250px;
height: 150px;
border: 1px solid #ddd;
}
input.button {
font: 11px Arial, Verdana, sans-serif;
background: #265b7f;
border: 1px solid #023557;
color: #fff;
cursor: pointer;
}

#rotator-plovila {
margin: 0 0 15px 20px;
padding: 0;
width: 960px;
height: 315px;
}

#header {
margin: 0;
padding: 0;
width: 880px;
float: left;
}
#header h1 {
font: 22px Arial, Helvetica, sans-serif;
margin: 0;
padding:0 0 0 125px;
color: #001c3d;
text-transform: uppercase;
}

#navcontainer{
margin: 0;
padding: 0 5px;
}

#main {
padding: 15px 20px 0 20px;
}

#main-poc {
padding: 0 0 0 20px;
}

#main-ostalo {
padding: 0 20px;
}

#bigger {
width: 725px;
float: left;
margin: 0;
padding: 0;
}

.big-desno {
margin:0;
padding:0;
float: right;
width: 225px;
height: 363px;
background-color: #ddeefa;
overflow: hidden;
}
.big-lijevo {
margin:0;
padding:0;
float: left;
width: 500px;
height: 363px;
overflow: hidden;
}

.txt-detalj {
padding: 15px;
}
.txt-detalj2 {
padding: 15px 0;
}
.txt-naslov {
margin: 0;
padding: 0 0 8px 15px;
color: #0092d6;
font: 18px Arial, Helvetica, sans-serif;
}

.opremagumb {
padding: 0 0 0 15px;
}



.date-header {
margin: 0;
padding: 12px 0 15px 0;
}
.date-header h2 {
font: 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #081324;
}

.date-header2 {
margin: 0;
padding: 0;
}
.date-header2 h3, .date-header2 h4, .date-header2 h5, .date-header2 h6 {
font: 11px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #76c0e2;
}

h2, h3 {
margin: 0;
padding: 0 0 12px 0;
color: #0092d6;
font: 18px Arial, Helvetica, sans-serif;
}
h2 a, h3 a {
border: none;
color: #0092d6;
}
h2 a:visited, h3 a:visited {
border: none;
color: #0092d6;
}
h2 a:active, h3 a:active {
border: none;
color: #0092d6;
}
h2 a:hover, h3 a:hover {
border: none;
color: #2cbafd;
}

.entry {
margin: 0;
padding: 0 20px 0 0;
}
.entry p {
margin: 0;
padding: 0 0 10px 0;
}
.entry ul {
list-style: square;
margin: 0;
padding: 3px 0 10px 25px;
}
.entry ul li {
margin: 0;
padding: 0;
}

.entry ol {
list-style-type: decimal;
margin: 0;
padding: 6px 0 6px 35px;
}
.entry ol li {
margin: 0;
padding: 3px 0;
}
.entry-oprema {
margin: 0;
padding: 0;
}


#smaller {
margin:0;
padding:0;
float: right;
width: 220px;
font-size: 11px;
line-height: 16px;
}

.small-gore {
margin:15px 0 0 0;
padding:0;
float: left;
background: url("http://adria-boatcharter.de/slike/smaller-gore.gif") top left no-repeat;
width: 220px;
height:10px;
}
.small-sredina {
margin:0;
padding:0 10px;
float: left;
background: #ddeefa;
width: 200px;
}
.small-dolje {
margin:0;
padding:0;
float: left;
background: url("http://adria-boatcharter.de/slike/smaller-dolje.gif") top left no-repeat;
width: 220px;
height:10px;
}

#smaller h4 {
margin: 0;
padding: 4px 0 0 10px;
color: #fff;
font: bold 11px Arial, sans-serif;
}

#smaller ul {
list-style-image: url("http://adria-boatcharter.de/slike/strelica-small2.gif");
margin: 0;
padding: 0 0 0 15px;
}
#smaller ul li {
margin: 3px 0 0 0;
}


.smaller-detalj {
margin:0;
padding:0;
float: right;
width: 220px;
height: 363px;
background-color: #ddeefa;
overflow: hidden;
}

#footer {
margin: 0;
padding: 0;
font-size: 11px;
background: url("http://adria-boatcharter.de/slike/foot.jpg") top left no-repeat;
width: 1000px;
height: 135px;
color: #317093;
}

.footer-i {
margin: 0px;
padding: 15px;
}
.footer-i p {
margin: 0;
padding: 5px 0 0 0;
}

.footer-i h3, .footer-i h4, .footer-i h5, .footer-i h6 {
margin: 0;
padding: 0;
color: #76c0e2;
font: normal 10px Arial, Helvetica, sans-serif;
}
.footer-i h3 a, .footer-i h4 a, .footer-i h5 a, .footer-i h6 a {
border: none;
color: #76c0e2;
}
.footer-i h3 a:visited, .footer-i h4 a:visited, .footer-i h5 a:visited, .footer-i h6 a:visited {
border: none;
color: #76c0e2;
}
.footer-i h3 a:active, .footer-i h4 a:active, .footer-i h5 a:active, .footer-i h6 a:active {
border: none;
color: #76c0e2;
}
.footer-i h3 a:hover, .footer-i h4 a:hover, .footer-i h5 a:hover, .footer-i h6 a:hover {
border: none;
color: #b3e2f7;
}

.rss {
margin: 7px 30px 0 0;
padding:0;
float: left;
}

.jezici {
margin: -10px 0 5px 0;
padding:0;
float: right;
width: 109px;
height: 44px;
}

.jez {
margin:0;
padding:0;
float: left;
}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

ul#fix {padding: 4px 0 0 15px; margin:0; list-style:none; font: 12px arial, sans-serif; height: 35px; width: 975px; background: url("http://adria-boatcharter.de/slike/meni-podloga-02.gif") top left no-repeat; overflow: hidden; text-transform: uppercase;}
ul#fix li {display:inline;}
ul#fix li a {display:block; float:left; padding:0 10px 0 0; line-height:31px; background:url("http://adria-boatcharter.de/slike/divider-kozmetika.gif") no-repeat right center; margin-left:-1px; text-decoration:none;}
ul#fix li a b {display:block; float:left; padding:0 0 0 11px; line-height:31px; color:#013559;}
ul#fix li a.last {background-image:none;}
ul#fix li a:hover {background:url("http://adria-boatcharter.de/slike/tab-charter.gif") right top;}
ul#fix li a:hover b {background:url("http://adria-boatcharter.de/slike/tab-charter.gif") left top; color:#013559; cursor:pointer;}

body#pocetna a#pocetnalink,
body#flota a#flotalink,
body#oprema a#opremalink,
body#cjenik a#cjeniklink,
body#marina a#marinalink,
body#onama a#onamalink,
body#kontakt a#kontaktlink,
body#lokacija a#lokacijalink,
body#uvijeti a#uvijetilink,
body#login a#loginlink  {background:url("http://adria-boatcharter.de/slike/tab-charter.gif") right top;}

body#pocetna a#pocetnalink b,
body#flota a#flotalink b,
body#oprema a#opremalink b,
body#cjenik a#cjeniklink b,
body#marina a#marinalink b,
body#onama a#onamalink b,
body#kontakt a#kontaktlink b,
body#lokacija a#lokacijalink b,
body#uvijeti a#uvijetilink b,
body#login a#loginlink b {background:url("http://adria-boatcharter.de/slike/tab-charter.gif") left top; color:#013559; cursor:pointer;}


.boxes div {
cursor:pointer;
}
.boxes div.hover {
cursor:pointer;
background-color: #cce2f1;
}



.entry-poc {
margin: 15px 15px 0 0;
padding: 0;
width: 310px;
height: 117px;
float: left;
background: #ddeefa;
overflow: hidden;
font-size: 11px;
line-height: 1.4em;
}
.poc-sl {
padding: 0;
margin:0;
float: left;
border: 1px solid #001522;
width: 115px;
height: 115px;
overflow: hidden;
}
.poc-txt {
margin:0;
padding: 8px 5px 0 10px;
height: 110px;
width: 178px;
float: right;
overflow: hidden;
}
.entry-poc h2 {
margin: 0;
padding: 0 0 5px 0;
color: #0092d6;
font: 18px Arial, Helvetica, sans-serif;
}
.entry-poc h2 a {
border: none;
color: #0092d6;
}
.entry-poc h2 a:visited {
border: none;
color: #0092d6;
}
.entry-poc h2 a:active {
border: none;
color: #0092d6;
}
.entry-poc h2 a:hover {
border: none;
color: #2cbafd;
}


.entry-poc2 {
margin: 15px 0 0 0;
padding: 0;
width: 310px;
height: 117px;
float: left;
background: #ddeefa;
overflow: hidden;
font-size: 11px;
line-height: 1.4em;
}
.entry-poc2 h2 {
margin: 0;
padding: 0 0 5px 0;
color: #0092d6;
font: 18px Arial, Helvetica, sans-serif;
}
.entry-poc2 h2 a {
border: none;
color: #0092d6;
}
.entry-poc2 h2 a:visited {
border: none;
color: #0092d6;
}
.entry-poc2 h2 a:active {
border: none;
color: #0092d6;
}
.entry-poc2 h2 a:hover {
border: none;
color: #2cbafd;
}





.entry-flota {
margin: 15px 15px 0 0;
padding: 0;
width: 310px;
height: 265px;
float: left;
background: #ddeefa;
overflow: hidden;
font-size: 12px;
line-height: 1.4em;
}
.flota-sl {
padding: 0;
margin:0;
width: 310px;
height: 115px;
overflow: hidden;
}
.flota-txt {
margin:0;
padding: 0;
height: 150px;
width: 310px;
overflow: hidden;
}
.txt-lijevo {
margin:0;
padding: 0 0 0 10px;
width: 140px;
float: left;
}
.txt-desno {
margin:0;
padding: 0 10px 0 0;
width: 140px;
float: right;
}
.entry-flota h3 {
margin: 0;
padding: 10px;
color: #0092d6;
font: 16px Arial, Helvetica, sans-serif;
}
.entry-flota h3 a {
border: none;
color: #0092d6;
}
.entry-flota h3 a:visited {
border: none;
color: #0092d6;
}
.entry-flota h3 a:active {
border: none;
color: #0092d6;
}
.entry-flota h3 a:hover {
border: none;
color: #2cbafd;
}


.entry-flota2 {
margin: 15px 0 0 0;
padding: 0;
width: 310px;
height: 265px;
float: left;
background: #ddeefa;
overflow: hidden;
font-size: 12px;
line-height: 1.4em;
}
.entry-flota2 h3 {
margin: 0;
padding: 10px;
color: #0092d6;
font: 16px Arial, Helvetica, sans-serif;
}
.entry-flota2 h3 a {
border: none;
color: #0092d6;
}
.entry-flota2 h3 a:visited {
border: none;
color: #0092d6;
}
.entry-flota2 h3 a:active {
border: none;
color: #0092d6;
}
.entry-flota2 h3 a:hover {
border: none;
color: #2cbafd;
}



.highlightit img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.highlightit:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}


.gallery {background: #B4D7F0; border: 0; margin: 0;}
.panel .panel-overlay,.panel .overlay-background {height: 14px; padding: 7px 10px;}
.panel .overlay-background {background: #B4D7F0; z-index: 10;}
.panel .panel-overlay {color:#081324; font: normal 12px Arial; z-index: 11; text-align: center;}
.filmstrip {margin: 4px;}
.frame .img_wrap {border: 1px solid #7c92b3;}
.frame.current .img_wrap {border: 1px solid #081324;}
.frame img {border: none;}


#outer {padding:0; border:0; background: #transparent; margin:0; width:220px; overflow: hidden; font-size: 11px;}
#point {display:block; padding:0; margin:0; list-style:none; border: 0; list-style: none; width:220px; overflow: hidden;}
#point li {display:block; margin:0; padding:0; width:220px; height: 18px; overflow: hidden;}
#point li a {float:left; padding: 0; text-decoration:none; color:#081324; border: 0; width: 204px; height: 18px; overflow: hidden; padding: 0 0 0 16px; font:11/18px Arial, Sans-serif; font-weight: normal;}
#point li a:hover, #point li a.current {background: #badcf4 url("http://adria-boatcharter.de/slike/meni.gif") center left no-repeat; color:#081324; width:220px; height: 18px;  overflow: hidden;}



.nicetable-blue {
border-collapse:collapse;
width: 100%;
}
.nicetableheader-blue {
margin:5px; 
padding: 5px;
border:1px solid #1b71ae;
background-color:#3697db;                
color:#FFFFFF;             
font-weight:bold;
}
.nicetablerow-blue1 {
margin:5px;         
padding: 5px;
border:1px solid #1b71ae;        
background-color:#c4e0f3;                
}
.nicetablerow-blue {
margin:5px;         
padding: 5px;
border:1px solid #1b71ae;        
background-color:#FFFFFF;    
}



.nicetable-pink {
width: 100%;
border-collapse:collapse;
}
.nicetableheader-pink {
margin:5px;
padding: 5px;
border:1px solid #C8089F;
background-color:#eb93e6;
color:#FFFFFF;
font-weight:bold;
}
.nicetablerow-pink1 {
margin:5px;
padding: 5px;
border:1px solid #C8089F;
background-color:#FFD9FD;
}
.nicetablerow-pink {
margin:5px;
padding: 5px;
border:1px solid #C8089F;
background-color:#FFFFFF;
}


.nicetable-oprema {
border-collapse:collapse;
width: 100%;
font-size: 11px;
margin:0;
border:1px solid #1b71ae;
vertical-align: middle;
}
.nicetableheader-opremaplavi {
margin:0;
padding: 2px 0;
border-bottom:1px solid #1b71ae;
border-right:1px solid #1b71ae;
background-color:#3697db;
color:#FFFFFF;
text-align: center;
vertical-align: middle;
}
.nicetableheader-opremapink {
margin:0;
padding: 2px 0;
border-bottom:1px solid #1b71ae;
border-right:1px solid #1b71ae;
background-color:#eb93e6;
color:#FFFFFF;
text-align: center;
vertical-align: middle;
}
.nicetablerow-oprema1 {
margin:0;
padding: 2px;
border-bottom:1px solid #1b71ae;
border-right:1px solid #1b71ae;
background-color:#daecf8;
line-height: 1em;
height: 28px;
vertical-align: middle;
}
.nicetablerow-oprema {
margin:0;
padding: 2px;
border-bottom:1px solid #1b71ae;
border-right:1px solid #1b71ae;
background-color:#FFFFFF;
text-align: center;
width: 50px;
line-height: 1em;
vertical-align: middle;
}





.nicetable-booking {
border-collapse:collapse;
width: 100%;
font-size: 10px;
margin:0;
border:1px solid #1b71ae;
line-height: 1em;
}
.nicetableheader-bookingplavi {
margin:0;
padding: 2px 0;
border-bottom:1px solid #1b71ae;
border-right:1px solid #1b71ae;
background-color:#3697db;
color:#FFFFFF;
text-align: center;
vertical-align: middle;
line-height: 1.6em;
}
.nicetableheader-bookingrozi {
margin:0;
padding: 2px 0;
border-bottom:1px solid #1b71ae;
border-right:1px solid #1b71ae;
background-color:#EB93E6;
color:#FFFFFF;
text-align: center;
vertical-align: middle;
line-height: 1.6em;
}
.nicetablerow-datum {
margin:0;
padding: 2px;
border-bottom:1px solid #1b71ae;
border-right:1px solid #1b71ae;
background-color:#ddeefa;
height: 30px;
vertical-align: middle;
font-size: 11px;
width: 100%;
}
.nicetable-booking td {
margin:0;
padding: 1px;
border-bottom:1px solid #1b71ae;
border-right:1px solid #1b71ae;
text-align: center;
width: 54px;
vertical-align: middle;
}
.nicetablerow-plava {
margin:0;
padding: 1px;
border-bottom:1px solid #1b71ae;
border-right:1px solid #1b71ae;
background-color:#04ddfd;
text-align: center;
width: 54px;
vertical-align: middle;
}
.nicetablerow-zuta {
margin:0;
padding: 1px;
border-bottom:1px solid #1b71ae;
border-right:1px solid #1b71ae;
background-color:#FFFF00;
text-align: center;
width: 54px;
vertical-align: middle;
}





span.plavitextv {
font-size: 14px;
color: #0092d6;
font-weight: bold;
}
span.pinktextv {
font-size: 14px;
color: #C8089F;
font-weight: bold;
}

.slika-lijevo {
margin: 0 15px 0 0;
padding:0;
float: left;
border: 1px solid #000;
}

.slika-desno {
margin: 0 0 0 15px;
padding:0;
float: right;
border: 1px solid #000;
}

#map {
width: 705px;
height: 400px;
margin: 0;
padding: 0;
}

.da-ne {
margin:0;
padding:0;
height: 14px;
}

.pdfdownload {
margin: -50px 0 10px 0;
padding:0;
float: right;
}

.small-boote {
margin:0;
padding:0;
width: 200px;
height: 99px;
background: url("http://adria-boatcharter.de/slike/charter-boote.jpg") top left no-repeat;
cursor: pointer;
}
.small-punat {
margin:0;
padding:0;
width: 200px;
height: 99px;
background: url("http://adria-boatcharter.de/slike/charter-punat.jpg") top left no-repeat;
cursor: pointer;
}
.small-croatia {
margin:0;
padding:0;
width: 200px;
height: 99px;
background: url("http://adria-boatcharter.de/slike/charter-croatia.jpg") top left no-repeat;
cursor: pointer;
}

.bgmusic {
float: right;
margin: 0;
display: block;
}

.music {
margin: 5px 10px 0 0;
padding:0;
float: right;
}

.muzika {
float: right;
margin: -19px 20px 0 0;
padding:0;
}

.blueline {
width: 55px;
height: 17px;
padding:0;
margin:-27px 10px 0 0;
float: right;
background: url("http://adria-boatcharter.de/slike/blueline.gif") top left no-repeat;
text-align: center;
font-size: 10px;
color: #0b95c2;
}

.pinkline {
width: 55px;
height: 17px;
padding:0;
margin:-27px 10px 0 0;
float: right;
background: url("http://adria-boatcharter.de/slike/pinkline.gif") top left no-repeat;
text-align: center;
font-size: 10px;
color: #99199d;
}

.poveznice-m {
font-size: 10px;
background-color: #e6f1f9;
padding: 2px 10px;
border: 1px solid #ddeefa;
line-height:1.4em;
}