/****************/
/* Reset rules */
/****************/
body, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,body{ font-family:Verdana, Geneva, Tahoma, sans-serif; }
img{ border:none; }

/****************/
/* General rules */
/****************/
body{ background:urL(imgs/body_bckg.png) repeat-x #fff; }
a{ text-decoration:none; }
p, address{ color:#525252; font-size:11px; }
.clear_float{ clear:both; height:1px; font-size:1px; line-height:1px; }

/****************/
/* Header rules */
/****************/
#header{ width:100%; height:392px; background:url("imgs/header_bckg.jpg") top center no-repeat; }
#header_content{ margin:0 auto; width:975px; position:relative; }

/* Logo */
#header h1{ margin:16px 0 0 11px; float:left; display:inline; }
#header h1 a{ outline:none; }

/* Meni */
#menu{ position:absolute; font-size:13px; font-weight:normal; line-height:26px; top:80px; right:25px; }
#menu li{ float:left; display:inline; margin:0 10px; }
#menu li a{ color:#093b4a; display:block; font-family:Tahoma, Geneva, Verdana, sans-serif; }
#menu li a:hover, #menu li a:active, #menu li a.selected{ color:#481f02; text-decoration:underline; }

#submenu{ position:absolute; top:122px; left:20px; font-size:17px; line-height:35px; font-weight:normal; color:#fff; width:200px; list-style:none; }
#submenu a{ padding:0 0 0 20px; color:#fff; line-height:35px; width:168px; height:35px; display:inline-block;
            font-family:Tahoma, Geneva, Verdana, sans-serif; background:url(imgs/submenu_hover.png) 0 -35px no-repeat; }
#submenu a:hover, #submenu a.selected{ color:#12491a; background-position:0 0;  }


#lang{ position:absolute; top:15px; right:20px; width:90px; }
#lang li{ width:18px; height:13px; display:block; float:left; margin:0px 4px; overflow:hidden; text-indent:-500px; }
#lang li a{ width:16px; height:11px;  display:block; border:1px solid #26867f; background:url(imgs/lang.jpg) no-repeat;  }
#lang li a:hover, #lang li a.selected { border:1px solid #dbdbdb; }

#lang li.en a{ background-position:-16px 0; }
#lang li.de a{ background-position:-32px 0; }

#slideshow{ margin:117px 15px 0 0; width:738px; height:256px; float:right; display:inline; position:relative; background:url(imgs/slideshow_bckg.png); }
#slideshow .article{ position:absolute; top:0; left:0;  width:738px; height:256px;  overflow:hidden; background:url(imgs/slideshow_bckg.png); }
#slideshow .active{ z-index:10; }

#slideshow .img{ margin:8px 30px 0 9px !important; margin:8px 15px 0 5px; float:left; display:block; }
#slideshow h2{  margin:25px 28px 10px 0; width:275px; float:right; display:inline; color:#49724f; font-size:24px; font-weight:normal; 
                font-family:Georgia, Palatino, Palatino Linotype, Times, "Times New Roman", serif; }
#slideshow h2 a{ color:#49724f; border-bottom:1px dotted #49724f; display:inline; line-height:31px; }
#slideshow p, #slideshow address{ margin:5px 28px 5px 0; width:275px; float:right; display:inline; }
#slideshow .detalji{ font-size:11px; color:#525252; position:absolute; bottom:20px; right:30px; }
#slideshow .detalji:hover{ text-decoration:underline; }

#slideshow_tabs{ width:30px; position:absolute; z-index:20; top:-1px; right:-21px; }
#slideshow_tabs a{ margin:0 0 -7px 0 !important; margin:0; width:30px; height:48px; line-height:48px; display:block; text-align:center; font-size:11px; color:#3b3b3b; font-style:italic;
                    background:url(imgs/slideshow_tabs.png) 0 -48px no-repeat; outline:none; }
#slideshow_tabs a:hover, #slideshow_tabs a.selected{ background-position:0 0; }

/***********/
/* Content */
/***********/
#content{ margin:10px auto 0 auto; width:960px; }

#sidebar{ float:left; width:213px; position:relative; overflow:visible; text-align:center; background:url(imgs/sidebar_middle.png) repeat-y; }
#sidebar_top{ position:absolute; top:-8px; left:0; width:213px; height:8px; font-size:1px; line-height:1px; background:url(imgs/sidebar_top.png) no-repeat; }
#sidebar_bottom{ position:absolute; bottom:-8px; left:0; width:213px; height:8px; font-size:1px; line-height:1px; background:url(imgs/sidebar_bottom.png) no-repeat; }

#prognoza{}
#linkedin, #facebook, #twitter{ margin:6px 0; padding:0 0 0 26px; width:159px; height:16px; line-height:16px; font-size:10px; color:#fff; display:inline-block; text-align:left; background:url(imgs/social_media.png) 0 0; }
#facebook{ background-position:0 -25px; }
#facebook_followers{ margin:8px 0; }
#twitter{ background-position:0 -49px; }

#sidebar p{ margin:0 20px 10px 20px; text-align:left; line-height:17px; }

#main{ width:734px; float:right; }

.box{ margin:0 10px 0 3px; width:233px; float:left; display:inline; overflow:hidden;}
.box h3{ width:230px; height:39px; line-height:32px; font-size:16px; color:#324c22; text-transform:uppercase; text-indent:17px;
         font-family:Tahoma, Geneva, Verdana, sans-serif; background:url(imgs/body_content.jpg) 0 0 no-repeat; }
.box h3 a{ color:#324c22; }

.box h4{ margin:0 0 10px 0; color:#268733; font-size:12px; }
.box h4 a{ color:#268733;  }
.box h4 a:hover{ border-bottom:1px dotted #919191; }
.box .section{ margin:0 auto; width:200px; height:130px; position:relative; border-bottom:1px solid #dddddd; }
.box .last_section{ padding:15px 0 0 0; border:none; }
.box .last_section h4 a:hover{ border-bottom:1px dotted #919191; }
.box .tabs{ overflow:hidden; }

.box .tabs .article{ position:absolute; left:5px; top:-100px; }
.box .tabs .active{ top:0; }

.tabs_pagination{ position:absolute; top:98px; left:10px; font-size:9px; }
.tabs_pagination a{ display:inline-block; width:13px; height:18px; line-height:20px; color:#020202;  text-align:center; background:url(imgs/tabs_pagination.jpg) 0 0 no-repeat; }
.tabs_pagination a:hover, .tabs_pagination a.active{ background-position:-13px 0; color:#d4d4d4; }

.box form{ margin:10px 0; width:207px; height:27px; background:url(imgs/body_content.jpg) 0 -159px no-repeat; }
.box form input{ margin:0px 0 0 5px; padding:0px 0 0 0; line-height:28px; width:147px; height:25px;  border:none; background:none; outline:none; color:#acacac;
                 font-family:Arial, Helvetica, sans-serif;}
.box form .submit{ margin:0 0 0 20px; width:26px; color:#fff; cursor:pointer; }


.charter h3{ background-position:0 -39px; color:#80371c; font-size: 15px;}
.charter h3 a{ color:#80371c; }
.charter h4, .charter h4 a{ color:#ba5f28; }
.charter img{ border:2px solid #bdbdbd; }
.charter p{ color:#ba5f28; line-height:15px; }
.charter .vise{ margin:10px 0 0 0; float:right;  color:#ba5f28; font-size:11px; font-weight:bold; }
.charter .vise:hover{ border-bottom:1px dotted #ba5f28; }

.novo{ margin:0 0 0 3px; }
.novo h3{ margin:0 0 20px 0; background-position:0 -79px; }
.novo a{ margin:0 0 0 10px; padding:12px 0 0 0; display:block; width:200px; height:44px; border-bottom:1px solid #dddddd; background:url(imgs/nova_plovila_strelica.png) 190px 23px no-repeat; }
.novo a.last{ border:none; }


#main_section{ margin:-285px 6px 0 0;  width:738px; min-height:530px; height:auto !important; height:530px; position:relative; float:right; display:inline; background:url(imgs/main_section_middle.jpg) repeat-y; }
#main_section #main_section_top{ width:738px; height:265px; position:absolute; top:0; left:0; z-index:1; background:url(imgs/main_section_top.jpg) no-repeat; }
#main_section #main_section_bottom{ width:738px; height:265px; position:absolute; bottom:0; left:0; z-index:1; background:url(imgs/main_section_bottom.jpg) no-repeat; }

#main_section #brodogradiliste, #main_section #sortiraj{ position:relative; z-index:50; text-indent:10px; }
#main_section ul{ list-style:none; z-index:100; position:relative; }
#brodogradiliste{ margin:25px 0 0 40px; height:23px; overflow:hidden; float:left; display:inline; position:relative; z-index:100; }
#brodogradiliste:hover{ overflow:visible; z-index:50; }
#brodogradiliste a.selected{ height:23px; background:url(imgs/select.jpg) 0 0; }
#brodogradiliste a.selected:hover{ background-position:0 -46px; }
#brodogradiliste a{ font-size:12px; color:#fff; width:187px; height:22px; display:block; line-height:23px; background:url(imgs/select.jpg) 0 -23px; }
#brodogradiliste a:hover{ background-position:0 -69px; }

#sortiraj{ margin:25px 0 0 280px; height:23px; line-height:23px; overflow:hidden; float:left; display:inline; cursor:pointer; position:relative; z-index:100; }
#sortiraj:hover{ overflow:visible; z-index:50; }
#sortiraj a.selected{ height:22px; text-indent:84px; font-weight:bold; background:url(imgs/select.jpg) 0 0; }
#sortiraj a.selected:hover, #sortiraj:hover a.selected{ background-position:0 -46px; }
#sortiraj a{ font-size:12px; color:#fff; width:187px; height:22px; display:block; line-height:22px; background:url(imgs/select.jpg) 0 -23px; }
#sortiraj a:hover{ background-position:0 -69px; }
#sortiraj h6{ position:absolute; left:0px; top:3px; font-size:12px; line-height:16px; color:#fff; font-weight:normal; }

#main_section .plovilo_box{ margin:20px 0 20px 32px;  width:671px; float:left; display:inline; overflow:visible; position:relative; z-index:5; background:url(imgs/plovilo_box_middle.png) repeat-y; }
#main_section .plovilo_box_top{ position:absolute; top:-6px; left:0; width:671px; height:6px; z-index:5; line-height:1px; font-size:1px; background:url(imgs/plovilo_box_top.png) no-repeat; }
#main_section .plovilo_box_bottom{ position:absolute; bottom:-6px; left:0; width:671px; height:6px; z-index:5; line-height:1px; font-size:1px; background:url(imgs/plovilo_box_bottom.png) no-repeat; }

#main_section .plovilo_box h2{ margin:10px 20px 0 20px; font-size:22px; font-weight:normal; color:#01283f; text-indent:0; border-bottom:1px solid #98bfd5;
                                font-family:Georgia, Palatino, Palatino Linotype, Times, "Times New Roman", serif; }
#main_section .plovilo_box .detalji{ position:absolute; top:20px; right:10px; font-size:10px; font-weight:bold; text-transform:uppercase; color:#d67b2b; }
#main_section .plovilo_box img{ margin:10px 10px 0 20px; padding:0 0 20px 0; float:left; }
#main_section .plovilo_box .osnovno, #main_section .plovilo_box .ostalo{ margin:10px 23px 0 10px; width:180px; text-indent:0; float:left; font-family:Arial, Helvetica, sans-serif; }
#main_section .plovilo_box .ostalo{ margin:10px 0 0 0; width:220px; }
#main_section .plovilo_box p{ padding:5px 0 3px 0; width:auto; position:relative; font-size:12px; font-weight:bold; border-bottom:1px solid #cad7de; }
#main_section .plovilo_box p em{ position:absolute; left:60px; width:200px; font-style:normal; font-weight:normal; }
#main_section .plovilo_box .ostalo p em{ left:150px; }

#paginacija{ margin:0 auto; height:50px; width:636px; position:relative; z-index:20; overflow:hidden; }
#paginacija ul{ float:right; }
#paginacija li{ float:left; width:26px; height:23px;   }
#paginacija li a{ display:block; width:26px; height:23px; line-height:22px; text-align:center; font-size:12px; color:#fff; background:url(imgs/paginacija.jpg) 0 0; }
#paginacija li a:hover, #paginacija li.selected a{ background-position:0 -23px; text-decoration:underline; }
#paginacija #sva_plovila{ float:left; color:#004eff; font-size:11px; text-decoration:underline; }
#paginacija #sva_plovila span{ width:10px; height:14px; margin:0 0 0 0px; display:inline-block; text-decoration:none; color:#474747; background:#fff; }

.kontakt h2, .oglas h2{ margin:0 40px 0 40px; padding:35px 0 0 0; position:relative; z-index:5; clear:both; /*border-bottom:1px solid #e2e2e2;*/ 
                        font:22px/26px Georgia, Palatino, Palatino Linotype, Times, "Times New Roman", serif; background:url(imgs/h2_border.png) bottom right no-repeat; }
.kontakt p, .oglas p{ margin:30px 0 0 40px; padding:0 0 0 11px; width:175px; float:left; display:inline; position:relative; z-index:5; font-size:11px; line-height:28px; border-left:1px solid #d4eaf7; }
.kontakt p a:hover, .oglas p a:hover{ text-decoration:underline; }

.kontakt form{ margin:25px 0 0 40px; width:667px; height:237px; display:block; position:relative; z-index:5; background:url(imgs/kontakt_bg.jpg) no-repeat; }
.kontakt label{ padding:0; font:10px/10px arial, helvetica, sans-serif; text-transform:uppercase; }
.kontakt input{ padding:5px 5px; width:180px; height:16px; display:block; border:1px solid #c1d5e0; font:12px/12px arial, helvetica, sans-serif; }
.kontakt .group{ margin:25px 10px 0 25px; float:left; display:inline; }
.kontakt textarea{ padding:5px; width:196px; width:375px; height:127px; border:1px solid #c1d5e0; font:12px/12px arial, helvetica, sans-serif; }
.kontakt .submit{ width:72px; height:30px; position:absolute; bottom:15px; right:28px; color:#fff; background:url(imgs/kontakt_submit.png) 0 0; cursor:pointer; border:none; }
.kontakt .submit:hover{ background-position:0 -30px; }

#karta{ margin:20px 35px 40px 40px; position:relative; z-index:5; text-align:right;}
#karta a{ font:11px/30px Arial, Helvetica, sans-serif; color:#004eff;  }
#karta a:hover{ text-decoration:underline; }
#google_maps{ display:block; width:660px; height:290px; border:2px solid #f3f3f3; text-align:left; font-size:12px; }

.oglas h2, .oglas p{ position:relative; z-index:5; }
.oglas h2{ margin: 0 40px 10px 40px; padding:35px 250px 0 0; }
.oglas h3{ margin:20px 20px 10px 40px; color:#474747; border-bottom:1px solid #ececec; position:relative; z-index:10;
            font:bold 13px/16px Georgia, Palatino, Palatino Linotype, Times, "Times New Roman", serif;  }

.oglas form{ margin:25px 0; float:left; display:inline; width:248px; height:395px; color:#1c5986; text-transform:uppercase;
             font:10px/12px Arial, Helvetica, sans-serif; background:url(imgs/oglas_kontakt.jpg); position:relative; }
.oglas label{ display:block; margin:25px 25px -10px 25px; }
.oglas input{ margin:0 0 -10px 25px; padding:3px; width:185px; height:16px; vertical-align:bottom; font-size:12px; line-height:16px !important; border:1px solid #c1d5e0; 
                font-family:Arial, Helvetica, sans-serif; }
.oglas textarea{ margin:0 0 0 25px; padding:3px 5px; width:180px; height:130px; border:1px solid #c1d5e0;
                font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.oglas .submit{ margin:0; padding:0; width:72px; height:30px; line-height:30px; position:absolute; bottom:15px; right:28px; color:#fff; border:none;
                background:url(imgs/kontakt_submit.png) 0 0; cursor:pointer; color:#c1d5e0; text-transform:uppercase; font-size:10px; }
.oglas .submit:hover{ background-position:0 -30px; }

#oglas_section{ margin:0 0 50px 0; width:450px; float:left; display:inline; }
#oglas_section p{ margin:5px 30px !important; margin:5px 0 5px 30px; color:#474747; font:11px/16px Verdana, Geneva, Tahoma, sans-serif;
                  border:none; float:none; width:400px; display:block; }

.vijest .date{ margin:0 0 0 40px; padding:0 0 0 10px; display:block; float:none; border:none; line-height:normal; background:url(imgs/date_arrow.png) 0 5px no-repeat; }
#vijest_section{ margin:15px 0 50px 40px; width:490px; float:left; display:inline; position:relative; z-index:5; }
#vijest_section img{ border:1px solid #656565;  }
#vijest_section p{ margin:15px 0 0 0; padding:0; width:490px; border:none; font-size:12px; line-height:20px; }
#vijest_section h3{ margin:30px 0 0 0; padding:0; float:left; border:none; }

#sidebar_vijesti{ margin:15px 20px 0 0; padding:0 0 30px 0; display:inline; width:178px; float:right; background:#fff; border:1px solid #e2e2e2; position:relative; z-index:10;
                  font:11px/14px Georgia, Palatino, Palatino Linotype, Times, "Times New Roman", serif;}
#sidebar_vijesti li{ margin:0px 20px 7px 15px; padding:0 0 0 10px; background:url(imgs/sidebar_vijesti_strelica.jpg) 0 3px no-repeat; }
#sidebar_vijesti a{ padding:0 0 3px 0; display:inline-block; color:#474747; border-bottom:1px dotted #d7d7d7; }
#sidebar_vijesti a:hover{ color:#000; }
#sidebar_vijesti h4{ margin:15px 10px 20px 15px; color:#474747; text-transform:uppercase; font:bold 11px/14px Verdana, Geneva, Tahoma, sans-serif; }

#main_section .article{ margin:0 15px 15px 0; padding:10px 0; width:240px; height:348px; float:left; display:inline; background:url(imgs/novost_preview_article.png) no-repeat; }
#main_section .article h2{ margin:17px 15px 0 !important; margin:12px 15px 0; padding:0; display:block; color:#06314b; font:bold 14px/16px Georgia, Palatino, Palatino Linotype, Times, "Times New Roman", serif; }
#main_section .article h2 a{ color:#06314b; }
#main_section .article a{ color:#303030; }
#main_section .article a:hover{ text-decoration:none; }
#main_section .article p{ margin:18px 0 0 15px; width:210px;  font:11px/17px Verdana, Geneva, Tahoma, sans-serif; }
#main_section .article .img{ margin:0; height:122px; display:block; text-align: center; }
#main_section .article img{ border:5px solid #fff; -webkit-box-shadow:0 0 7px #ddd; }
#main_section .article .info a{ width:34px; height:14px; position:absolute; left:0; bottom:-8px; line-height:14px; display:block; color:#fff; text-transform:uppercase; font-size:10px; 
                                text-align:center; background:url(imgs/article_vise.png) 0 0; }
#main_section .article .info a:hover{ background-position:0 -14px; }
#main_section .article .info span{ position:absolute; right:0; bottom:-9px; font-size:9px; color:#ababab; }

.preview #vijest_section{ margin:15px 0 50px 25px; width:510px; }
                                
table{ margin:40px 0 40px 40px; width:390px; position:relative; z-index:5; font:12px/16px Verdana, Geneva, Tahoma, sans-serif; }
table .info{ color:#474747; width:240px; font:bold 13px/16px Georgia, Palatino, Palatino Linotype, Times, "Times New Roman", serif; }
table td{ margin:0; padding:6px 0 4px;  border-bottom:1px solid #d4cfc7; vertical-align:top; }
                  
#bookmark_print{ margin:-35px 20px 0 0; float:right; display:inline; }
#bookmark, #print{ position:relative; z-index:150; line-height:16px; height:16px; font-size:11px; color:#5e5e5e; display:inline-block; }
#bookmark{ margin:0 20px 0 0; padding:0 0 0 20px; width:60px; background:url(imgs/bookmark.png) 0 0 no-repeat; }
#print{ padding:0 0 0 23px; width:100px; background:url(imgs/print.png) 0 0 no-repeat; }

#sidebar_section{ margin:10px 35px 0 0; width:250px; float:right; display:inline; position:relative; z-index:5; }

#sidebar_section a{ margin:5px 5px 0 0 !important; margin:5px 3px 0 0; float:left; display:block; border:2px solid #19a6cf; width:118px; height:81px; overflow:hidden; }
#sidebar_section a.odd{ margin:5px 0 0 0 !important; margin:5px 0 0 0; }
#sidebar_section a img{ width:122px; }

#sidebar_section a.big{ display:block; border:2px solid #19a6cf; width:245px; height:153px; }
#sidebar_section a.big img{ width:245px; }


/**********/                                                 
/* Footer */
/**********/
#footer{ margin:0 auto; padding:0 0 20px 0; clear:both; width:975px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; }
#footer img{ margin:10px 0 0 80px; float:left; display:inline; }
#footer strong{ margin:10px 25px 0 0; font-size:11px; color:#a6a6a6; font-weight:normal; float:right; display:inline; }
#footer span{ color:#6db5ca; }
#footer a{ color:#a6a6a6; }
#footer a:hover{ text-decoration:underline; color:#333; }

iframe { margin: 10px 0 0 18px;}


.message { color: green; font-size: 12px; top: -10px; left:25px; position:absolute; }
.message1 { color: green; font-size: 12px; top: 267px; left:64px; position:absolute; z-index:90; }

#prognoza h4 { float:left; font-size: 10px; text-transform: uppercase; margin: 4px 0 7px 10px; }
#prognoza #city {float:right; font-size: 10px; margin: 0 10px 7px 0;}
#prognoza .clear_hr { clear:both; border-bottom: 1px solid #ccc; width: 190px; margin: 0 auto;}
#prognoza .danas {  width: 103px; border-right: none; margin-bottom: 5px; float:left;}
#prognoza .danas h6 { text-align: left !important; margin: 2px 0 0 10px;  margin-bottom: 5px; font-weight: normal;}
#prognoza .danas .temp { font-size: 18px; font-family: Georgia; float: left; margin: 10px 5px 0 10px; font-weight: bold;}

#prognoza .sutra {  margin:0 0 5px 110px; }
#prognoza .sutra .tempovi { float: left; width: 48px; text-align: left !important; margin: -2px 0 5px 0; }
#prognoza .sutra h6 { text-align: left !important; margin: 2px 0 5px 0; font-weight: normal;}
#prognoza .sutra .temp_min { font-size: 18px; font-family: Georgia;  font-weight: bold; color: blue;}
#prognoza .sutra .temp_min span { font-size: 8px; font-family: Arial;  font-weight: bold; color:blue;text-transform: uppercase;}
#prognoza .sutra .temp_max { font-size: 18px; font-family: Georgia; font-weight: bold; color: red;}
#prognoza .sutra .temp_max span { font-size: 8px; font-family: Arial;  font-weight: bold; color:red; text-transform: uppercase;}
#prognoza .sutra .icon { margin-right: 10px; }