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;}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

html {
margin: 0;
padding:0;
background: url("http://abordayachting.hr/slike/yachting-podloga.jpg") top left repeat-x;
}

body {
margin: 0;
padding:0;
background: url("http://abordayachting.hr/slike/charter-podloga.jpg") top center no-repeat;
font: 12px Arial, "Trebuchet MS", Verdana,Sans-serif;
line-height:1.6em;
color:#333;
text-align: center;
}

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

img {
border:0;
}


a:link {
	color: #3b90c5;
	text-decoration: none;
}
a:visited {
	color: #3b90c5;
	text-decoration: none;
}
a:active {
	color: #3b90c5;
}
a:hover {
	color: #134271;
	text-decoration: none;
}


.sivi:link {
	color: #333;
	text-decoration: none;
}
.sivi:visited {
	color: #333;
	text-decoration: none;
}
.sivi:active {
	color: #333;
}
.sivi:hover {
	color: #888;
	text-decoration: none;
}

.bijeli:link {
	color: #fff;
	text-decoration: none;
}
.bijeli:visited {
	color: #fff;
	text-decoration: none;
}
.bijeli:active {
	color: #fff;
}
.bijeli:hover {
	color: #add8ea;
	text-decoration: none;
}

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

.clear10 {
clear: both;
margin:0;
padding:0;
height: 10px;
}

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

.clear30 {
clear: both;
margin:0;
padding:0;
height: 30px;
}

.clear40 {
clear: both;
margin:0;
padding:0;
height: 40px;
}

textarea.text, input.text {
font: 11px Verdana, Arial, sans-serif;
width: 300px;
border: 1px solid #ccc;
}

textarea.text2, input.text2 {
font: 11px Verdana, Arial, sans-serif;
width: 300px;
border: 1px solid #ccc;
height: 150px;
}

input.button {
font: 11px Verdana, Arial, sans-serif;
background: #12416D;
border: 1px solid #002142;
color: #fff;
cursor: pointer;
}

.topestnav {
margin: 0;
padding: 0;
width: 615px;
float: right;
}

#header {
margin: 0;
padding: 36px 0 0 0;
width: 750px;
float: left;
}
#header h1 {
font: 24px Georgia, "Times New Roman", Arial, sans-serif;
margin: 0;
padding: 0;
color: #154676;
}

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

#rotator {
width: 300px;
height: 340px;
margin: 0;
padding: 0;
float: left;
}

#rotator-s {
width: 300px;
height: 340px;
margin: 0px 15px 0 15px;
padding: 0;
float: left;
}

.jezici {
margin:0;
padding: 27px 0 0 0;
float: right;
width: 135px;
}

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

#main {
width: 930px;
}

.crta {
margin: -5px 0 0 0;
padding:0;
width: 300px;
height: 1px;
}

.crta2 {
margin: 0;
padding:0;
width: 930px;
height: 1px;
}

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

.date-header {
margin: 0;
padding: 15px 0 20px 0;
}
.date-header h2 {
font: 12px Arial, "Trebuchet MS", Sans-serif;
margin: 0;
padding: 0;
color: #333;
}

.date-header2 {
margin: 0;
padding: 15px 0 0 0;
}
.date-header2 h4 {
font: 12px Arial, "Trebuchet MS", Sans-serif;
margin: 0;
padding: 0;
color: #333;
}

.entry-title {
margin: 0;
padding: 0 0 10px 0;
}

.entry-title h3 {
margin: 0;
padding: 0;
color: #3b90c5;
font: normal 22px Georgia, 'Times New Roman', sans-serif;
}

.entry-title h3 a {
border: none;
color: #3b90c5;
}

.entry-title h3 a:hover {
border: none;
color: #3b90c5;
}

.entry {
margin: 0;
padding: 0 0 10px 0;
}

.entry p {
margin: 0;
padding: 0 0 10px 0;
}

.entry ul {
list-style: square;
margin: 0 0 0 25px;
padding: 0;
}
.entry ul li {
margin: 2px 0 2px 0;
}

.entry-poc {
margin: 0 15px 0 0;
padding: 0;
width: 300px;
float: left;
}

.entry-poc2 {
margin: 0 0 0 0;
padding: 0;
width: 300px;
float: left;
}

.entry-title-poc {
margin: 0;
padding: 15px 0 0 0;
}

.entry-title-poc h2 {
margin: 0;
padding: 0;
color: #3b90c5;
font: normal 18px Georgia, 'Times New Roman', sans-serif;
}
.entry-title-poc h2 a:link {
border: none;
color: #3b90c5;
}
.entry-title-poc h2 a:active {
border: none;
color: #3b90c5;
}
.entry-title-poc h2 a:visited {
border: none;
color: #3b90c5;
}
.entry-title-poc h2 a:hover {
border: none;
color: #166b9f;
}


.smaller {
width: 300px;
float: right;
margin: 0;
padding: 0;
}

.smaller h4 {
margin: 0;
padding: 0;
color: #990000;
font: bold 12px Verdana, Arial, sans-serif;
}
.smaller ul {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
}
.smaller ul li {
margin: 4px 0 4px 0;
}

#footer {
margin: 0 0 20px 0;
padding: 0;
font-size: 11px;
}

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

.kontakt-gore {
margin:0;
padding:0;
float: left;
width: 930px;
height: 13px;
background: url("http://abordayachting.hr/slike/kontakt-gore.gif") top left no-repeat;
}

.kontakt-sredina {
margin:0;
padding:0;
float: left;
width: 930px;
background: url("http://abordayachting.hr/slike/kontakt-sredina.gif") top left repeat-y;
}

.kontakt-dolje {
margin:0;
padding:0;
float: left;
width: 930px;
height: 13px;
background: url("http://abordayachting.hr/slike/kontakt-dolje.gif") top left no-repeat;
}

.slika-lijevo {
margin: 0 10px 0 0;
padding: 2px;
border: 1px solid #ececec;
float: left;
}

.slika-desno {
margin: 0 0 0 10px;
padding: 2px;
border: 1px solid #ddd;
float: right;
}



/* MENU-EN */

#menu {
position: relative;
width: 600px;
height: 90px;
background: transparent url("http://abordayachting.hr/slike/menu-off.jpg");
overflow: hidden;
margin: 0 auto;}

#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:120px; height:90px; display:inline;}

#menu a {
display: block;
float: left;
width: 120px;
height: 0;
overflow: hidden;
color: #000;
text-decoration: none;
padding-top: 90px;
background: transparent url("http://abordayachting.hr/slike/menu-on.jpg") no-repeat 500px 500px;
}

* html #menu a  {height:90px; he\ight:0;}

#menu a#item1:hover {background-position: 0 0; z-index:50;}
#menu a#item2:hover {background-position: -120px 0; z-index:50;}
#menu a#item3:hover {background-position: -240px 0; z-index:50;}
#menu a#item4:hover {background-position: -360px 0; z-index:50;}
#menu a#item5:hover {background-position: -480px 0; z-index:50;}

body#home a#item1 {background-position: 0 0; z-index:50;}
body#yachting a#item2 {background-position: -120px 0; z-index:50;}
body#apartments a#item3 {background-position: -240px 0; z-index:50;}
body#restaurant a#item4 {background-position: -360px 0; z-index:50;}
body#contact a#item5 {background-position: -480px 0; z-index:50;}



/* MENU-HR */

#menu-hr {
position: relative;
width: 600px;
height: 90px;
background: transparent url("http://abordayachting.hr/slike/menu-off-hr.jpg");
overflow: hidden;
margin: 0 auto;}

#menu-hr ul {margin:0; padding:0;}
#menu-hr li {list-style-type:none; width:120px; height:90px; display:inline;}

#menu-hr a {
display: block;
float: left;
width: 120px;
height: 0;
overflow: hidden;
color: #000;
text-decoration: none;
padding-top: 90px;
background: transparent url("http://abordayachting.hr/slike/menu-on-hr.jpg") no-repeat 500px 500px;
}

* html #menu-hr a  {height:90px; he\ight:0;}

#menu-hr a#item1:hover {background-position: 0 0; z-index:50;}
#menu-hr a#item2:hover {background-position: -120px 0; z-index:50;}
#menu-hr a#item3:hover {background-position: -240px 0; z-index:50;}
#menu-hr a#item4:hover {background-position: -360px 0; z-index:50;}
#menu-hr a#item5:hover {background-position: -480px 0; z-index:50;}

body#home a#item1 {background-position: 0 0; z-index:50;}
body#yachting a#item2 {background-position: -120px 0; z-index:50;}
body#apartments a#item3 {background-position: -240px 0; z-index:50;}
body#restaurant a#item4 {background-position: -360px 0; z-index:50;}
body#contact a#item5 {background-position: -480px 0; z-index:50;}











.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;
}

.galerija img{
margin: 0;
padding: 1px;
border-top: 1px solid #174777;
border-left: 1px solid #174777;
border-right: 1px solid #174777;
border-bottom: 1px solid #174777;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.galerija:hover img{
margin: 0;
padding: 1px;
border-top: 1px solid #f36202;
border-left: 1px solid #f36202;
border-right: 1px solid #f36202;
border-bottom: 1px solid #f36202;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

.galerija:hover{
color: red; /* Dummy definition to overcome IE bug */
}



#outer {padding:0; border:0; background: #134271; margin:0; width:300px; overflow: hidden; float: left;}
#point {display:block; padding:0; margin:0; list-style:none; border: 0; list-style: none; width:300px; overflow: hidden;}
#point li {display:block; margin:0; padding:0; width:300px; height: 28px; overflow: hidden;}
#point li a {float:left; padding: 0; text-decoration:none; color:#fff; border: 0; width: 300px; height: 18px;  overflow: hidden; padding: 6px 20px 4px 20px; font:12px Arial, Sans-serif; font-weight: normal}
#point li a:hover, #point li a.current {background: #002346; color:#fff; width:300px; height: 28px;  overflow: hidden;}

.navigacija-yachting-poc {
margin:0;
padding:15px 0 0 20px;
float: left;
width: 280px;
height: 35px;
background: url("http://abordayachting.hr/slike/yachting-menu-poc.gif") top left no-repeat;
color: #fff;
font: normal 20px Georgia, 'Times New Roman', sans-serif;
}

.navigacija-yachting-poc2 {
margin:0;
padding:15px 0 0 20px;
float: left;
width: 280px;
height: 35px;
background: url("http://abordayachting.hr/slike/yachting-menu-poc.gif") top left no-repeat;
color: #fff;
font: normal 18px Georgia, 'Times New Roman', sans-serif;
}

.navigacija-yachting-kraj {
margin:0;
padding:0;
float: left;
width: 300px;
height: 20px;
background: url("http://abordayachting.hr/slike/yachting-menu-kraj.gif") top left no-repeat;
}

.nicetable {
border-collapse:collapse;
width: 100%;
}
.nicetableheader {
margin:5px; 
padding: 8px;
border:1px solid #002142;
background-color:#133F6C;                
color:#FFFFFF;      
font-weight:bold;
}

.nicetablerow {
margin:5px;         
padding: 5px;
border:1px solid #002142;        
background-color:#FFFFFF;
}

.pdf-box {
margin:0;
padding:0;
float: right;
}
.pdf-box2 {
margin: -33px 0 0 0;
padding:0 0 0 50px;
}

.mini-icons {
margin:0 10px 0 0;
padding:0;
float: left;
}

.gumb-contact {
margin:0;
padding: 5px 0 0 15px;
background: url("http://abordayachting.hr/slike/gumb-contact.gif") top left no-repeat;
width: 285px;
height: 35px;
cursor: pointer;
font: 20px Georgia, "Times New Roman", Arial, sans-serif;
}

.kontakt-lijevo {
margin:0 40px 0 0;
padding:0;
float: left;
width: 300px;
}

.kontakt-desno {
margin:0;
padding:0;
float: left;
width: 550px;
}

.zaglavlje {
border-collapse: collapse;
}

.mjesec1 {
float: left;
width: 86px;
border: 1px solid #fff;
text-align: center;
border-collapse: collapse;
}

.mjesec2 {
float: left;
width: 87px;
border: 1px solid #fff;
text-align: center;
border-collapse: collapse;
}

.mjesec3 {
float: left;
width: 86px;
border: 1px solid #fff;
text-align: center;
border-collapse: collapse;
}

.mjesec4 {
float: left;
width: 87px;
border: 1px solid #fff;
text-align: center;
border-collapse: collapse;
}

.mjesec5 {
float: left;
width: 87px;
border: 1px solid #fff;
text-align: center;
border-collapse: collapse;
}

.mjesec6 {
float: left;
width: 89px;
border: 1px solid #fff;
text-align: center;
border-collapse: collapse;
}

.mjesec7 {
float: left;
width: 88px;
border: 1px solid #fff;
text-align: center;
border-collapse: collapse;
}

.tabhead {
width: 87px;
text-align: center;
border: 1px solid #fff;
border-collapse: collapse;
background-color: #e9e9e9;
height: 26px;
}

.kucica0 {
float: left;
font-weight: bold;
color: #ffffff;
width: 17px;
height: 26px;
line-height: 26px;
}

.kucica1 {
float: left;
font-weight: bold;
color: #000;
width: 17px;
height: 26px;
line-height: 26px;
font-size: 10px;
}

.kucica2 {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
float: left;
font-weight: bold;
color: #ffffff;
width: 45px;
height: 26px;
line-height: 26px;
}

.kucica2-kriz {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
float: left;
font-weight: bold;
color: #ffffff;
width: 45px;
height: 26px;
line-height: 26px;
background: url("http://abordayachting.hr/slike/kriz.png") top left no-repeat;
}


.kucica2-crta {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
float: left;
font-weight: bold;
color: #ffffff;
width: 45px;
height: 26px;
line-height: 26px;
background: url("http://abordayachting.hr/slike/crta.png") top left no-repeat;
}

.crveno {
background-color: #ff0000;
border: 1px solid #ffffff;
border-collapse: collapse;
height: 26px;
}

.zeleno {
background-color: #008080;
border: 1px solid #ffffff;
border-collapse: collapse;
height: 26px;
}

.narancasto {
background-color: #ff6600;
border: 1px solid #ffffff;
border-collapse: collapse;
height: 26px;
}

.bez {
background-color: #FFCC99;
border: 1px solid #ffffff;
border-collapse: collapse;
height: 26px;
}

.legenda {
height: 26px;
line-height: 26px;
width: 160px;
float: left;
vertical-align: middle;
}

.legenda1 {
height: 26px;
line-height: 26px;
width: 173px;
float: left;
vertical-align: middle;
}

.legenda2 {
height: 13px;
line-height: 13px;
width: 86px;
float: right;
vertical-align: middle;
}