body {
    background:#093f27;
    margin:0;
    padding:0;
    font:80% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    line-height:1.6em;
    color:#717171;    
    }

/* typo */
ul, ul ul, ul ul ul, ol, ol ol, ol ol ol {
    margin:2px 10px;
    padding:0;
    list-style-position:inside;
    }
ul li, ul ul li, ul ul ul li, ol li, ol ol li, ol ol ol li {
    margin:0;
    padding:0 10px;
    }
a {
    text-decoration:none;
    outline:none;
    color:#1d854c;
    }
a:hover {
    text-decoration:none;
    color:#aeb5bb;
    }
h2 {
    font-size:1em;
    text-transform:uppercase;
    width:100%;
    }
h3 {
    background:#093f27;
    width:170px;
    height:22px;
    padding:2px 0 0 20px;
    color:#fff;
    border-bottom:1px solid #a2c9b3;
    margin:15px 0 0 0;
    font-size:1em;
    text-transform:uppercase;    
    }
h3.highlight {
    background:#ff9130;
    border-bottom:1px solid #ffc897;
    }
h4 {
    font-size:1.4em;
    }
p, h2, h4 {
    margin:0;
    padding:0.5em 0;
    }
img {
    border:0;
    }
fieldset {
    border:0;
    }
table, td, select, input, textarea, li {
    font:100% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    }

/* CONTAINERS */
#default, #page {
    background:url(../images/bg-body.jpg) no-repeat;
    width:850px;
    min-height:600px;
    margin:0 auto;
    text-align:left;    
    position:relative;
    }
#content {
    background:url(../images/bg-content2.gif) repeat-y;
    float:left;
    display:inline;    
    width:751px;
    min-height:200px;
    margin:0 auto 0 50px;
    }
/* LEFT COL */
#left {
    float:left;
    width:555px;
    margin:0;
    border-left:1px solid #748f7e;
    border-right:1px solid #748f7e;
    }
/* HEADER */
#header {    
    position:relative;
    float:left;
    width:555px;
    }
#header img {
    display:block;
    }
#header h1 {
    position:absolute;
    top:15px;
    left:30px;
    width:152px;
    margin:0;
    padding:0;
    text-indent:-9000px;
    }
#header h1 a {
    background:url(../images/logo.gif) no-repeat;
    display:block;
    height:222px;
    }
#mediteran2017EN h1 a {
    background:url(../images/logoEN.gif) no-repeat;
    }
#text {
    float:left;
    width:495px;
    padding:13px 30px;
    }
#default #text {
    background:url(../images/bg-medHome.jpg) no-repeat bottom;
    height:245px;
    padding:16px 30px 14px 30px;
    color:#fff;
    }
#text h2 {
    color:#ff9130;
    }
#page #text h2 {
    margin-bottom:8px;
    }
#text a {
    color:#ff9130;
    }
/* RIGHT COL */
#right {
    float:left;
    width:190px;
    margin:0 0 0 4px;
    padding:0;
    }
#right p {
    padding:8px 20px 0 20px;
    }
#right img {
    margin-top:15px;
    }

/* lang switch */ 
p#langSwitch {
    margin:12px 20px 15px 20px;
    padding:0;
    }
p#langSwitch a {
    display:inline-block;
    text-align:right;
    }
a#homeLink {
    background:url(../images/ikone/ico-home.gif) no-repeat;
    width:60px;
    margin-right:10px;
    }
a.langSwitchFlag {
    background:url(../images/ikone/ico-en.gif) no-repeat;
    width:75px;
    }
#mediteran2017EN a.langSwitchFlag {
    background:url(../images/ikone/ico-hr.gif) no-repeat;
    }
/* search */
#search {
    background:#093f27;
    height:25px;
    margin:0;
    border-bottom:1px solid #a2c9b3;
    }
input.searchField {
    width:101px;
    height:11px;
    float:left;
    display:inline;
    padding:1px;
    margin:5px 5px 0 20px;
    font-size:11px;
    border:1px solid #a2c9b3;
    }
input.btnSearch {
    display:inline; 
    width:40px;
    height:25px;
    margin:0;
    padding:2px 0;
    color:#ff9130;
    background:none;
    border:none;
    cursor:pointer;
    }
img#picGallHome {
    margin-left:18px;
    }
p#usefulLinks {
    background:url(../images/bg-links.jpg) no-repeat;
    height:165px;
    }
p#usefulLinks a {
    display:block;
    }

/* MENU */
#menu {
    float:left;
    background:url(../images/bg-menu.gif) repeat-x;
    width:555px;
    height:35px;
    margin:0;       
    border-top:1px solid #a2c9b3;
    border-bottom:1px solid #a2c9b3;
    }
#menu ul {
    margin:0;
    list-style:none;
    padding:0 0 0 8px;
    }
#menu ul li {    
    float:left;
    display:inline;
    height:35px;
    margin:0 12px;
    padding:0;    
    text-transform:uppercase;
    position:relative;
    }
#mediteran2017EN #menu ul li {
    margin:0 7px;
    }
#menu ul li a {
    display:block;
    padding:7px 10px 10px 10px;
    font-weight:bold;
    color:#63e895;
    }
#menu ul li a:hover, #menu ul li a.selected, #menu ul li.over a, #menu ul li:hover a  {
    background:#1d854c;
    }
html>body #menu ul li:hover > a{
    background:#1d854c;
    }

/* dropdown 2nd level */
#menu ul ul {
    position:absolute;
    top:33px;
    left:0;
    background:#1d854c;
    width:150px;    
    padding:5px;
    list-style:none;
    z-index:5;
    }
#menu ul ul li {
    float:left;
    margin:2px 0;
    padding:0;
    width:150px;
    height:auto;
    text-transform:none;
    display:block;
    position:relative;
    }
#menu ul ul li a {
    display:block;
    padding:0 10px;  
    }
/* dropdown 3rd level */
#menu ul ul ul {
    position:absolute;
    top:-7px;
    left:140px;
    width:130px;
    padding:5px 10px;
    list-style:none;
    }
#menu ul ul ul li {
    float:left;
    width:120px;
    }
/* show-hide */
#menu ul ul, #menu ul ul ul {
    display:none;
    }
#menu ul li:hover ul ul, #menu ul li.over ul ul {
    display:none;
    }
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul li.over ul, #menu ul ul li.over ul {
    display:block;
    }

/* related docs */
h4.relatedDocuments {
    float:left;
    display:inline;
    width:480px;
    font-size:12px;
    text-transform:uppercase;
    padding:0;
    margin:0 30px;
    border-bottom:1px solid #a2c9b3;
    }
ul.relatedDocuments {
    float:left;
    display:inline;
    width:480px;
    padding:0;
    margin:20px 30px;
    list-style:none;
    }
ul.relatedDocuments li {
    margin:0;
    padding:0;
    }

/* search results */
#searchResults {
    float:left;
    width:500px;
    }
#searchResults p, #searchResults ul, #searchResults ul li {
    padding:0 30px;
    }
#searchResults ul,  #searchResults ul li  {
    list-style:none;
    }

/* news */
#newsDefault {
    float:left;
    height:780px;
    width:555px;
    }
#newsDefault h2 {
    background:url(../images/bg-newsh2.gif) no-repeat;
    text-indent:471px;
    padding:4px 0;
    height:55px;
    }
#mediteran2017EN #newsDefault h2 {
    text-indent:490px;
    }
#newsDefault h2 a {
    color:#fff;
    }
#newsDefault img {
    border:2px solid #a2c9b3;    
    }
.scroller {
    height:680px;
    padding:0 30px;
    margin-right:30px;
    overflow:auto;
    }
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:10;}
.jScrollPaneTrack{position:absolute;right:0;top:0;height:100%;}
.jScrollPaneDrag{position:absolute;overflow:hidden;background:url(../images/scrollpane.jpg) repeat-y;cursor:pointer;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp{display:block;position:absolute;z-index:10;top:0;right:0;text-indent:-9999em;overflow:hidden;height:20px;
    background:url(../images/scroll.jpg) 0px 0px;}
a.jScrollArrowUp:hover{background-position:0px 0px;}
a.jScrollArrowDown{display:block;position:absolute;z-index:10;bottom:0;right:0;text-indent:-9999em;overflow:hidden;height:20px;background:url(../images/scroll.jpg) 0px 20px;}
a.jScrollArrowDown:hover{background-position:0px 20px;}
ul#listaNovosti {
    float:left;
    display:inline;
    width:470px;
    margin:0px;
    padding:0;
    list-style:none;    
}
ul#listaNovosti li {
    float:left;
    margin:5px 0;
    padding:0;
    }
ul#listaNovosti li img {
    float:left;
    margin-right:27px;
    }
ul#listaNovosti li .datum {
    display:block;
    }
ul#listaNovosti li span {
    font-style:italic;
    }
ul#newsNav {
    height:20px;
    margin:0;
    padding:5px 0 10px 0;
    list-style:none;    
    }
ul#newsNav li {
    float:left;
    margin:0 1px;
    padding:0;
    }
#novosti {
    padding:0 30px;
    }
#novosti h2, #novosti p, ul#newsNav {
    width:100%;
    float:left;
    }
#novosti p.datum {
    padding:0;
    }
#novosti p.sazetak {
    line-height:1.4em;
    padding-top:0;
    }
.newsText {
    float:left;
    width:100%;
    }

/* live partije */
#iframes {
    padding:0 20px 20px 20px;
    }

/* contact form */
.message {
    font-size:1.1em;
    text-transform:uppercase;
    }
.applicationForm {
    float:left;
    width:485px;
    padding:0 30px;
    }
.kontaktUnos {
    width:485px;
    margin:10px 0;
    }
.kontaktUnos span {
    float:left;
    width:150px;
    margin:0 10px 0 0;
    font-weight:bold;
   }
.kontaktUnos input, .kontaktUnos .dropDown {
    width:250px;
    padding:2px 0;
    border-top:1px solid #808080;
    border-right:1px solid #d4d0c8;
    border-bottom:1px solid #d4d0c8;
    border-left:1px solid #808080;    
    }
.kontaktUnos img {
    margin:10px 0 10px 160px;
   }
.sendBtn {
    background:#093f27;
    width:59px;
    height:23px;
    padding:0 0 4px 0;
    margin-left:160px;
    color:#fff;    
    border:none;
    cursor:pointer;
    }    

/* FOOTER */
#footer {
    background:url(../images/bg-footer.gif) no-repeat top;
    position:relative;
    float:left;
    display:inline;       
    width:751px;
    height:158px;
    margin-left:50px;
    }
#footer p {
    position:absolute;
    top:110px;
    left:250px;
    color:#63e895;
    }
#footer a {
    color:#ff9130;
    }
#page #footer p {
    display:none;
    }