/*

  Copyright (c) 2010 Grad Kastav
  Created by: Net Projekt - http://net-projekt.hr

*/

/*-----------------------------------------------------------------------*/

body
{
    font-family: Arial;
    font-size: 11px;
    background-color: Transparent;
    margin: 0px;
}

.mainbody
{
    color: #52555a;
    font-size: 12px;
    margin: 0px;
    background: url(Img/back_line.jpg) top left repeat-x #F7F4EB; /*background: url(Img/maskare_bg.jpg) top no-repeat fixed #F7F4EB;*/ /*background: url(Img/proljece2.jpg) top no-repeat fixed #E7F4FD;*/
    b1ackground: url(Img/proljece3.jpg) top no-repeat fixed #E7E5E6;
    b1ackground: url(Img/kkl_2010_bg.jpg) top no-repeat fixed #eff9c3;
    b1ackground: url(img/bg_gray.gif) top left repeat-x #D0D4DA;
}

a
{
    color: #000;
    text-decoration: none;
    outline: none;
}

a:active
{
    outline: none;
}

:focus
{
    -moz-outline-style: none;
}

h1
{
    font-size: 32px;
    font-family: Arial Narrow;
    color: #D8A04D;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
}

#bottombox_div h2
{
    font-size: 18px;
    color: #52555a;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
}

input, select
{
    font-size: 11px;
}


input[type=checkbox]
{
    border: 0px none;
}

button
{
    background: #799CBA;
    color: White;
}

table
{
    font-size: 12px;
}

img
{
    border: 0px none;
}

.t100_h0
{
    h1eight: 20px;
    width: 100%;
}

.t100_f
{
}

.t100_h
{
}

.t100_b
{
}

.t100_b2
{
}

.inner
{
    margin: 0px;
    background-color: inherit;
}

#header
{
    margin-bottom: 1px;
}

.wrapper
{
    width: 950px;
    background: #fff;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    padding: 0px 8px 0px 8px;
    border-left: 1px solid #f6d4b0;
    border-right: 1px solid #f6d4b0;
    margin: 0px auto;
    text-align: center;
}

.wrapper_f
{
}

.logo
{
    background: url(img/logo.jpg) bottom left no-repeat #A70C0A;
    height: 210px;
    width: 200px;
    cursor: hand;
    cursor: pointer;
}

.logoicons
{
    padding: 2px 10px 1px 10px;
    b1ackground: url(img/shadow_top.jpg) bottom left repeat-x #fff;
}

.logoicons a, .logoicons td
{
    color: #000;
    font-size: 11px;
}

.logoicons a:hover
{
    text-decoration: underline;
}

.footer
{
    width: 950px;
    padding-bottom: 20px;
}

.footer_line1
{
    background: #800000; /*background: url(Img/footer_round.jpg);*/
}

.footer_line1 a
{
    margin: 0px 5px 0px 5px;
}

.footer_line2
{
    background: #fff;
}

.footer_line2 td
{
    color: #90423E;
    padding: 5px 0px 5px 0px;
}

.footer a, .footer, .footer table
{
    font-size: 11px;
    color: #fff;
}

.footer a:hover
{
    text-decoration: underline;
}

.topimage
{
    color: White;
    width: 700px;
    height: 180px;
    text-align: left;
}

#srch1
{
    border: 1px solid #f6d4b0;
}

#content
{
    background: #fff;
    width: 950px;
    margin: 88px 0px 0px 0px; /* menu is absolute */
}

#main_left
{
    padding: 8px 0px 8px 0px;
    width: 200px;
}

#main_left, #main_left table
{
    font-size: 11px;
    text-align: left;
}

.mldivh
{
    color: #000;
    margin: 0px 0px 6px 4px;
    font-size: 18px;
}

.mldiv
{
    padding: 8px 0px 8px 0px;
    margin: 8px 0px 2px 0px;
    border-top: 2px dotted #f6d4b0;
}

.mldiv2
{
    padding: 8px;
    margin-bottom: 2px;
    margin-top: 6px;
    background: #FFE6B3;
}

.vp, .glas, .vr
{
    margin-bottom: 10px;
}

.glas, .vr
{
    padding-top: 8px;
}

.anketa
{
    margin-bottom: 2px;
    background: url(img/question.gif) no-repeat #f9f9f9;
    margin-top: 6px;
}

.anketa .mrdivh
{
    padding: 10px;
}

.vp
{
    margin-top: 8px;
}

#vrijemehr
{
    border: 0px none;
    background: none;
    padding: 0px;
}

.vp a, .vr a
{
    display: block;
    color: #000;
    font-size: 11px;
    padding-left: 14px;
    background: url(img/arrow.gif) 2px no-repeat;
}

.vp a:hover, .vr a:hover
{
    background: url(img/arrow.gif) 2px no-repeat;
    text-decoration: underline;
}

.kkl
{
    background: url(img/kkl_2010_reklama.jpg) no-repeat #fff;
    border: 1px solid #f6d4b0;
    color: #000;
    height: 75px;
    cursor: hand;
    cursor: pointer;
    padding: 0px 6px 0px 0px;
    text-align: right;
    vertical-align: bottom;
    font-size: 10px;
}

.kkk
{
    background: url(img/kkk.jpg) no-repeat #fff;
    border: 1px solid #f6d4b0;
    color: #000;
    height: 140px;
    cursor: hand;
    cursor: pointer;
    padding: 0px 6px 0px 0px;
    text-align: right;
    vertical-align: bottom;
    font-size: 10px;
    margin-top: 6px;
}

.bn
{
    background: url(img/bela_nedeja.jpg) right no-repeat #fff;
    border: 1px solid #f6d4b0;
    color: #000;
    height: 75px;
    cursor: hand;
    cursor: pointer;
    padding: 0px 6px 0px 0px;
    text-align: right;
    vertical-align: bottom;
    font-size: 10px;
    margin-top: 6px;
}

.tzk
{
    background: url(img/tzk.jpg) no-repeat #fff;
    border: 1px solid #f6d4b0;
    color: #000;
    height: 85px;
    cursor: hand;
    cursor: pointer;
    padding: 0px 6px 0px 0px;
    text-align: right;
    vertical-align: bottom;
    font-size: 10px;
    margin-top: 6px;
}

.glas
{
    border-top: 2px dotted #f6d4b0;
    border-bottom: 2px dotted #f6d4b0;
    margin-top: 20px;
    padding-bottom: 10px;
    color: #000;
}

.glas_img
{
    border: 1px solid #fceccb;
}

.vr
{
}

.mrdivh
{
    color: #000;
    margin: 0px 0px 6px 0px;
    font-size: 18px;
    text-align: right;
}

.bn .mrdivh, .kkl .mrdivh, .tzk .mrdivh
{
    padding: 0px;
}

.mrdiv
{
    padding: 1px 0px 8px 0px;
    margin-bottom: 2px;
    border-bottom: 2px dotted #f6d4b0;
}

.mrdiv a
{
    font-size: 11px;
    color: #800000;
}

.mrdiv a:hover
{
    text-decoration: underline;
}

#main_center
{
    /*     padding: 12px 0px 20px 20px;     text-align: left;     width: 510px;     */
    padding: 0px 10px 0px 10px;
    margin: 8px 8px 0px 8px;
    text-align: left;
    width: 510px;
    border-left: 1px solid #fceccb;
    border-right: 1px solid #fceccb;
}

#main_center table
{
    font-size: 12px;
}

#main_right
{
    float: right;
    padding: 8px 0px 8px 0px;
    width: 200px;
}

#main_right td
{
    font-size: 11px;
}

.more a
{
    padding: 1px 6px 1px 6px;
    font-size: 10px;
    color: #cc6600;
}

.more a:hover
{
    text-decoration: underline;
}

#Main .more a
{
}


.reklama_t
{
    vertical-align: middle;
    font-size: 18px;
}

.reklama_t a
{
    color: #000;
    font-size: 14px;
}

.tekst_t
{
    border-bottom: 1px solid #f6d4b0;
    vertical-align: middle;
    font-weight: normal;
    padding: 0px 0px 5px 0px;
}

.tekst_t a, .tekst_tt
{
    color: #000;
    font-size: 18px;
    text-align: left;
}

.tekst_t a:hover
{
    text-decoration: underline;
}

.tekst_sub, .tekst_sub a
{
    color: #acacac;
    font-size: 11px;
    font-family: Arial;
}

.tekst_t_small
{
    font-size: 11px;
    font-weight: normal;
    padding-left: 3px;
    vertical-align: top;
    margin-top: 5px;
}

.tekst_t_small a, .info_t a
{
    color: #000;
}

.tekst_t_small a:hover, .info_t a:hover
{
    text-decoration: underline;
}

.tekst_b a
{
    font-weight: bold;
    text-decoration: underline;
    color: #800000;
}

.tekst_b a:hover
{
    font-weight: bold;
    text-decoration: underline;
    color: #000;
}

.tekst_b
{
    padding-top: 10px;
    text-align: justify;
}

.tekst_d
{
    border: 1px solid #bbb;
    padding: 10px 10px 10px 10px;
    background: #E7E7E7;
    display: block;
    margin: 10px 0px 30px 0px;
}

.infotekst
{
    display: block;
}

.infotekst .tekst_t, .infotekst .tekst_t a, .infotekst .tekst_t_small, .infotekst .tekst_t_small a
{
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 3px;
    margin: 0px;
}

.infotekst .more
{
    margin-bottom: 20px;
}

.infotekst .tekst_d
{
    background: transparent;
    border: 0px none;
    padding: 0px 0px 0px 0px;
    margin: -20px 0px 10px 0px;
    display: block;
    font-size: 11px;
}

.infotekst .tekst_d a
{
    margin: 0px;
}

.tekst_d a
{
    color: #000;
    font-weight: bold;
}

.tekst_d a:hover
{
    text-decoration: underline;
}

.reklama_bi img
{
    margin: 8px 0px 8px 0px;
}

.reklama_bt
{
    padding: 8px;
}


.date
{
    vertical-align: top;
    float: left;
    color: #800000;
    font-size: 9px;
    color: #fff;
}

.day
{
    font-size: 20px;
    width: 24px;
    background: #800000;
    width: 36px;
    padding: 2px;
    text-align: center;
}

.month, .year
{
    width: 40px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    background: #efefef;
    color: #000;
    text-align: center;
}

.text_img
{
    float: left;
    margin: 0px 10px 10px 0px;
}

/*--------------------------------- Accordion */
#a1
{
    margin-top: 1px;
}

.atab
{
    padding: 10px 5px 10px 5px;
    background: #fff;
    background: #FFE6B3;
    background: #FFE6B3;
    border-bottom: 1px solid #fff;
}

#a1_1
{
    background: #800000;
}

#a1_2
{
    background: #800000;
}

#a1_3
{
    background: #800000;
}

#a1_4
{
    background: #800000;
}

.ah
{
    padding: 5px;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    font-size: 11px;
    display: block;
    border-bottom: 1px solid #fff;
    text-align: left;
    font-family: Arial Narrow;
    text-transform: uppercase;
    font-weight: bold;
}

#a1_1:hover, #a1_2:hover, #a1_3:hover, #a1_4:hover
{
    background: #aa0000;
    color: #fff;
}

#a1_1.ahsel, #a1_2.ahsel, #a1_3.ahsel, #a1_4.ahsel
{
    padding: 5px;
    background: #aa0000;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    display: block;
    text-align: left;
    font-family: Arial Narrow;
    text-transform: uppercase;
    font-weight: bold;
}


/*---------------------------- End  accordion */


/*--------------------------------- Main menu */
#menu
{
    display: block;
    text-align: left;
}

#menu_img
{
    z-index: 999;
    text-align: left;
}

#menu_head
{
    color: White;
    text-align: left;
    font-size: 10px;
    font-family: Arial;
    font-weight: bold;
    height: 24px;
    z-index: 999;
    display: block;
    position: absolute;
    margin: 72px 0px 0px 0px;
}

#menu_body
{
    z-index: 999;
    position: absolute;
    margin: 88px 0px 0px 0px;
}

#m1, #m2, #m3, #m4, #m5
{
    height: 71px;
    cursor: hand;
    cursor: pointer;
    display: inline-block;
    position: absolute;
}

#m1
{
    background: url(img/grayscale/navigacija_kastav.jpg) no-repeat #fff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 200px;
}

#m2
{
    background: url(img/grayscale/navigacija_grad.jpg) no-repeat #fff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 201px;
    width: 187px;
}

#m3
{
    background: url(img/grayscale/navigacija_kultura.jpg) no-repeat #fff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 389px;
    width: 187px;
}

#m4
{
    background: url(img/grayscale/navigacija_gospodarstvo.jpg) no-repeat #fff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 577px;
    width: 186px;
}

#m5
{
    background: url(img/grayscale/navigacija_dokumentacija.jpg) no-repeat #fff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 764px;
    width: 186px;
}

.mh, .mh135, .mhsel
{
    padding: 0px 0px 0px 10px;
    background: #800000;
    cursor: hand;
    cursor: pointer;
    font-size: 12px;
    font-family: Arial Narrow;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    background: #800000;
    position: absolute;
    color: #fff;
}

.mhsel
{
    background: #aa0000;
}

#mh1
{
    width: 190px;
}

#mh2
{
    margin: 0px 0px 0px 201px;
    width: 177px;
}

#mh3
{
    margin: 0px 0px 0px 389px;
    width: 177px;
}

#mh4
{
    margin: 0px 0px 0px 577px;
    width: 176px;
}

#mh5
{
    margin: 0px 0px 0px 764px;
    width: 176px;
}

#mb1, #mb2, #mb3, #mb4, #mb5
{
    padding: 10px;
    display: none;
}

.mb
{
    background: #FFE6B3;
    text-align: left;
    position: absolute;
}

.mbsel
{
    background: Url(Img/bgmenu.jpg) bottom left repeat-x #FFE6B3;
    text-align: left;
    position: absolute;
}

#mb1
{
    width: 180px;
}

#mb2
{
    margin: 0px 0px 0px 201px;
    width: 167px;
}

#mb3
{
    margin: 0px 0px 0px 389px;
    width: 167px;
}

#mb4
{
    margin: 0px 0px 0px 577px;
    width: 166px;
}

#mb5
{
    margin: 0px 0px 0px 764px;
    width: 166px;
}

.mbsel a:hover, .mb a:hover
{
    background: url(img/arroww.gif) 10px no-repeat #800000;
    color: #fff;
}

.mi
{
    padding: 1px 0px 1px 0px;
}

.mi a
{
    padding: 2px 10px 2px 22px;
    border: 0px none;
    color: #000000;
    display: block;
    font-size: 11px;
    background: url(img/arrow.gif) 10px no-repeat;
}

/*--------------------------------- End main menu */


/*--------------------------------- User Controls */

.tags
{
    b1order-top: 6px solid #f6d4b0;
    text-align: center;
}

.tags td
{
    font-size: 10px;
}

.tags a
{
    color: #000;
    font-weight: bold;
}

.tags a:hover
{
    text-decoration: underline;
}


.survey_title
{
    font-weight: bold;
    padding: 10px;
}

/*------------------------------End User COntrols */

/*---------- Gallery ------------*/

.GalleryThumbs
{
    text-align: center;
    vertical-align: middle;
    color: #000;
    padding: 5px;
    background: #FFE6B3;
}

.pnlGal
{
}

.GalleryPick
{
    font-size: 18px;
    padding: 10px;
    background: #800000;
    color: #fff;
}

.GalleryLabel
{
}

.GalleryButtonLeft
{
    background: url(Img/arrow_gl.gif) 50% 50% no-repeat #880000;
}

.GalleryButtonRight
{
    background: url(Img/arrow_gr.gif) 50% 50% no-repeat #880000;
}

.GalleryButtonRight, .GalleryButtonLeft
{
    border: 0px none;
    width: 50px;
    height: 50px;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    font-weight: bold;
    margin: 10px;
}

.GalleryButtonRight:hover
{
    background: url(Img/arrow_gr.gif) 50% 50% no-repeat #800000;
}

.GalleryButtonLeft:hover
{
    background: url(Img/arrow_gl.gif) 50% 50% no-repeat #800000;
}

.gal
{
    color: #000;
    width: 100%;
}

.tdgal a
{
    color: #800000;
}

.tdgal
{
    b1ackground: #FFE6B3;
    padding: 5px;
    font-size: 9px;
    text-align: center;
}

/*---------- End gallery ------------*/

#bottombox_div
{
    border: 1px solid #bbb;
    margin: 0px 0px 20px 0px;
    padding: 10px 10px 10px 10px;
    background: #E7E7E7;
}

.sitemap a:hover
{
    text-decoration: underline;
}

#pLogin
{
    color: #000;
    padding-top: 8px;
}

#btnLogin
{
    padding: 2px 5px 2px 5px;
    color: #800000;
}

#btnLogin:hover
{
    text-decoration: underline;
}

#sig
{
    font-size: 10px;
    color: #90423E;
    margin-right: 10px;
}

#sig a
{
    color: #800000;
    font-size: 10px;
}

#sig a:hover
{
    text-decoration: underline;
}

/* Buttons */

.btnRed, .btnNext, .btnPrev
{
    background: #800000;
    color: #fff;
    border: 0px none;
    font-family: Arial;
    cursor: hand;
    cursor: pointer;
}

.btnRed:hover, .btnYellow:hover, .btnNext:hover, .btnPrev:hover
{
    background: #800000;
    color: #fff;
}

.btnYellow
{
    background: #800000;
    color: #fff;
    border: 0px none;
    font-family: Arial;
    cursor: hand;
    cursor: pointer;
}

.rssfeed
{
}

.breadcrumbs
{
    font-size: 11px;
    color: #8F9399;
}

.breadcrumbs a
{
    color: #cc6600;
    text-decoration: underline;
}

.atitle
{
    width: 70px;
    display: inline-block;
    background: #800000;
    color: #fff;
    margin: 0px 5px 2px 0px;
    padding: 2px;
    text-align: center;
    font-weight: bold;
}

.atitletext
{
    display: inline-block;
    width: 400px;
    vertical-align: top;
    margin: 0px 0px 10px 0px;
}

#Main td a:hover
{
    text-decoration: underline;
}

/*******************************************/

.browser
{
    display: block;
    line-height: 45px;
    margin: 0px 0px 0px 65px;
    font-size: 22px;
}

.browsermback, .browsereback, .browseroback, .browsergback
{
    border: 1px solid #f6d4b0;
    width: 198px;
    height: 45px;
    margin: 6px 0px 0px 0px;
}

.wifi
{
    border: 1px solid #f6d4b0;
    width: 198px;
    margin: 6px 0px 0px 0px;
}

.browsermback:hover, .browsereback:hover, .browseroback:hover, .browsergback:hover, .kkl:hover, .tzk:hover, .kkk:hover, .bn:hover, .wifi:hover
{
    border: 1px solid #800000;
}

.browsermback
{
    background: url(Img/firefox.jpg) top left no-repeat;
}

.browsereback
{
    background: url(Img/explorer.jpg) top left no-repeat;
}

.browseroback
{
    background: url(Img/opera.jpg) top left no-repeat;
}

.browsergback
{
    background: url(Img/chrome.jpg) top left no-repeat;
}

.latestl
{
    margin: 0px 5px 0px 0px;
}

.latestr
{
    margin: 0px 0px 0px 5px;
}

.latestl h2, .latestr h2
{
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
}

.latestl h2 a, .latestr h2 a
{
    color: #000;
}

#Tourist a, #Tourist .tekst_t_small
{
    font-size: 11px;
}

.latestl div, .latestr div, #Tourist td
{
    background: url(img/arrow.gif) 2px 8px no-repeat;
    padding: 0px 10px 0px 10px;
    margin: 5px 0px 5px 4px;
    font-size: 11px;
    color: #800000;
}

#LatestNews1_Latest, #LatestNews2_Latest
{
    padding: 3px 6px 3px -3px;
}

#pnlLatest
{
    border-top: 1px solid #800000;
    border-bottom: 1px solid #800000;
    margin: 0px 0px 30px 0px;
    padding: 10px 10px 10px 10px;
}

.NL, .mldiv p
{
    padding: 0px 4px 0px 4px;
    font-family: Arial;
    font-size: 11px;
}

.NLtb
{
    border: 1px solid #000;
    padding: 5px;
    background: #F7F4EB;
    margin: 5px 0px 5px 0px;
}



/****************************************/

#gallery
{
    position: relative;
    height: 180px;
    width: 750px;
}
#gallery a
{
    float: left;
    position: absolute;
}

#gallery a img
{
    border: none;
}

#gallery a.show
{
    z-index: 500;
}

#gallery .caption
{
    z-index: 600;
    color: #ffffff;
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
    float: right;
}

#gallery .caption .content
{
    margin: 5px;
}

#gallery .caption .content h3
{
    margin: 0px 10px 0px 10px;
    padding: 0;
    color: #fff;
    font-family: Georgia;
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
}

.sociala
{
    position: absolute;
    top: 250px;
    left: 10px;
    padding: 3px;
    width: 70px;
}

.twitter, .facebook
{
    display: block;
    margin: 5px auto;
    text-align: center;
}