/* CSS Styles for ViNG2 Business 2010 */
/* Copyright: Net Projekt d.o.o., HR - Kastav */

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

.mainbody
{
    font-size: 12px;
    margin: 0px;
    background: #ccc;
    background: url(img/bgfade.gif) top repeat-x #1F3866;
    border-top: 10px solid #008000;
}

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

a:active
{
    outline: none;
}

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

h1
{
    font-size: 30px;
    color: #99ccff;
    font-weight: normal;
    margin: 10px 0px 10px 0px;
    padding: 0px;
}

#main_center h2
{
    font-size: 20px;
    color: #52555a;
    font-weight: normal;
    margin: 10px 0px 20px 0px;
    border-bottom: 1px solid #C0D2E7;
}

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


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

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

table
{
    font-size: 12px;
}

img
{
    border: 0px none;
}

.logomin
{
    font-size: 11px;
    color: #fff;
    position: absolute;
    margin-top: 20px;
    margin-left: 20px;
    z-index: 250;
}

.logo
{
    font-size: 20px;
    color: #fff;
    position: absolute;
    margin-left: 20px;
    margin-top: 35px;
    z-index: 250;
}

#banner
{
    position: relative;
    margin: -27px 0px 0px 652px;
    float: right;
    z-index: 0;
}

#galheader
{
    margin: 10px 0px 0px 0px;
}

#wrapper_b
{
    width: 940px;
    background: url(img/bghead.jpg) top left repeat-x #E8F5FF;
}

#wrapper_t
{
    ba1ckground: url(img/headerback.jpg) top repeat-x #5179aa;
}

#header
{
    background: url(Img/header.jpg) top left #5179aa;
    background: url(Img/grb.jpg) top left no-repeat #fff;
    color: #000;
    width: 890px;
    padding: 25px;
    height: 98px;
    text-align: left;
}

#wrapper_f
{
    backgr1ound: url(img/bgfade_bw.gif) top repeat-x #000;
}

.logocontact
{
    padding-right: 35px;
    color: #fff;
}

.logocontact a
{
    font-size: 11px;
    color: #fff;
    font-weight: bold;
}

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

#footer
{
    width: 920px;
    padding: 60px 10px 150px 10px;
    text-align: left;
}

#footer img
{
    margin: 0px 30px 0px 0px;
}

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

#footer a
{
    color: #fff;
}

#footer a:hover
{
    color: #99ccff;
}

#footer td
{
    color: #fff;
}

#footer a, .footer, .footer table
{
    font-size: 12px;
}

#srch1
{
    border: 0px none;
}

#content
{
}

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

#main_lefttd
{
    padding: 10px;
}

#main_left
{
    width: 202px;
}

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

.mldiv, .mrdiv, .mldivpic, #anketa, .download, .browsermback, .browsereback, .browseroback, .browsergback
{
    margin: 10px 0px 0px 0px;
}

.mldivh, .mcdivh
{
    font-size: 18px;
}

.mldivpic
{
    color: #fff;
}

.mldivpic img
{
    border: 1px solid #808080;
}

.mldiv
{
    padding: 8px;
    color: #fff;
}

.mcdiv
{
    padding: 8px;
    background: url(Img/bgmldiv.jpg) top left repeat-x #00cc00;
    color: #fff;
    height: 160px;
}

.mldiv .mldivh, .mcdiv .mcdivh
{
    font-family: Arial Narrow;
    font-size: 24px;
    color: #fff;
    background: url(Img/bgmldivh.jpg) top no-repeat;
    padding: 5px;
    padding-left: 10px;
}

.contact .mcdivh
{
    font-family: Arial Narrow;
    font-size: 24px;
    color: #fff;
    background: url(Img/bgmldivh2.jpg) top no-repeat;
    padding: 5px;
    padding-left: 10px;
}

.mldiv a, .mldiv .tekst_t, .mldiv .tekst_t_small, .mldiv .info_t a, .mcdiv a, .mcdiv .tekst_t, .mcdiv .tekst_t_small, .mcdiv .info_t a, .contact .info_t a
{
    color: #fff;
    padding-left: 5px;
}

.mldiv .info_t a, .mcdiv .info_t a, .contact .info_t a
{
    background: url(img/arroww.gif) 11px 5px no-repeat;
    padding-left: 20px;
}

.contact
{
    padding: 8px;
    color: #fff;
    background: url(Img/bgmldiv2.jpg) top left repeat-x #4578B7;
    height: 160px;
}

.mrdivh
{
    color: #666679;
    font-size: 18px;
    padding: 5px 0px 5px 0px;
}

#anketa .mldivh
{
    font-family: Arial Narrow;
    font-size: 24px;
    color: #bbccdd;
    b1ackground: url(Img/bgmldivh2.jpg) top no-repeat;
}

#anketa
{
    padding: 8px;
    color: #fff;
    background: url(img/bgfade.gif) top repeat-x #1F3866;
}

#anketa td
{
}

#anketa .poll_title
{
    font-family: Arial Narrow;
    font-size: 20px;
    color: #bbccdd;
    b1ackground: url(Img/bgmldivh2.jpg) top no-repeat;
    p1adding: 5px;
    p1adding-left: 10px;
    m1argin: 0px;
    b1ackground: url(Img/bgmldivh2.jpg) top no-repeat;
    p1adding: 5px;
}

.vazno, .commercial, .reklama
{
    margin: 0px 0px 10px 0px;
}

.mrdiv
{
    color: #666679;
}

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

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

.reklama img
{
    border: 1px solid #808080;
}

#main_center
{
    text-align: left;
    background: #fff;
    padding: 10px;
}

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

.vp
{
}

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

#main_righttd
{
    padding: 10px 10px 10px 0px;
}

#main_right
{
    width: 180px;
}

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

.more
{
    margin: 10px 0px 30px 0px;
}

.more a
{
    font-size: 10px;
    background: #4578B7;
    padding: 5px 10px 5px 10px;
    color: #fff;
}

.more a:hover
{
    background: #5689c8;
}

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

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

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

.reklama_bt
{
    padding: 10px 10px 10px 0px;
    color: #666679;
}

.info_t a
{
    display: block;
}

.mldiv .info_t a:hover, .mcdiv .info_t a:hover
{
    color: #fff;
    background: url(Img/bgmldivh2.jpg) top no-repeat;
}

.contact .info_t a:hover
{
    color: #fff;
    background: url(Img/bgmldivh.jpg) top no-repeat;
}

.tekst_t_img
{
    margin: 0px 0px 0px 0px;
    display: block;
}

.tekst_t
{
    border-bottom: 1px solid #C0D2E7;
    vertical-align: middle;
    font-size: 18px;
    font-weight: normal;
}

.tekst_t h1
{
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    color: #000;
    border-bottom: 0px none;
}

.tekst_t a
{
    color: #000;
    font-size: 18px;
}

.tekst_d
{
    background: #eee;
    border-left: 5px solid #C0D2E7;
    padding: 10px;
    margin: 10px 0px 30px 0px;
}

.tekst_d a
{
    color: #0099dd;
    text-decoration: none;
    font-weight: bold;
}

.tekst_t a:hover, .tekst_d a:hover
{
    color: #000;
    text-decoration: underline;
}

.tekst_sub, .tekst_sub a
{
    color: #0099dd;
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 5px;
}

.tekst_t_small
{
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
}

.tekst_t_small a
{
    color: #000;
}

.tekst_t_small a:hover
{
    color: #0099dd;
    text-decoration: underline;
}

.tekst_b
{
    padding: 10px 0px 0px 0px;
    color: #666679;
    text-align: justify;
}

.tekst_b a
{
    color: #0099dd;
}

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

.date
{
    font-size: 11px;
    color: #99ccff;
    margin: 0px 5px 0px 0px;
}

.day
{
}

.month
{
    text-transform: uppercase;
}

/*--------------------------------- Main menu */
#menu
{
    background: url(img/bgfade.gif) top repeat-x #1F3866;
    padding: 10px 10px 10px 10px;
}

.mi
{
    text-align: left;
    b1order-left: 5px solid #C0D2E7;
}

.misel a
{
}

.mi a
{
    color: #fff;
    display: block;
    font-size: 12px;
    padding-left: 12px;
    padding-top: 6px;
    padding-bottom: 8px;
}

.mi:hover
{
    b1order-left: 5px solid #63B337;
    background: url(img/arroww.gif) 3px 10px no-repeat #6b99bd;
}

.mi a:hover
{
}

.misel a
{
    color: #fff;
}

.misel
{
    display: block;
    font-size: 12px;
    padding-left: 12px;
    padding-top: 6px;
    padding-bottom: 8px;
    b1order-left: 5px solid #63B337;
    color: #fff;
    b1ackground: url(img/arrowg.gif) 0px 11px no-repeat;
    background: url(img/arroww.gif) 3px 10px no-repeat #5A88BC;
    font-weight: bold;
}

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


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

.tags
{
    border-top: 1px solid #C0D2E7;
    padding: 0px 1px 0px 1px;
    width: 100%;
}

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

.tags a
{
    color: #000;
}

.tags a:hover
{
    color: #0099dd;
}


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

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

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

.GalleryThumbs
{
    background: #6EA1E0;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

.GalleryLabel
{
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

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

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

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

.GalleryButtonRight:hover
{
}

.GalleryButtonLeft:hover
{
}


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

.tdgal a
{
    color: #cc0000;
}

.tdgal
{
    background: #fff;
    padding: 5px;
    font-size: 9px;
    vertical-align: middle;
}

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

#bottombox
{
}

#sitemap
{
    width: 650px;
}

.sitemap div
{
    font-size: 11px;
    padding: 0px 0px 15px 0px;
}

.sitemap_title
{
    font-size: 18px;
    color: #99ccff;
    margin: 10px 0px 5px 0px;
    font-weight: normal;
}

#pLogin
{
    color: #fff;
    padding: 5px 0px 5px 0px;
}

#pLogin a
{
    color: #fff;
}

#pLogin a:hover
{
    color: #fff;
}

#btnLogin
{
    color: #fff;
    font-weight: bold;
}

#sig
{
    font-size: 10px;
}

#sig a
{
    color: #fff;
    font-size: 12px;
}

/* Buttons */

.btnRed
{
    background: #9BB7D9;
    color: #fff;
    border: 0px none;
    cursor: hand;
    cursor: pointer;
    padding: 6px 10px 6px 10px;
}

.btnRed:hover, .btnYellow:hover
{
    background: #C0D2E7;
}

.btnYellow
{
    background: #E7D6C0;
    color: #fff;
    border: 0px none;
    cursor: hand;
    cursor: pointer;
}

#main_centertd
{
    padding: 10px 10px 10px 0px;
}

.breadcrumbs
{
    font-size: 11px;
    color: #fff;
    display: block;
    background: url(img/bgfade.gif) top repeat-x #5179aa;
    padding: 10px;
    position: relative;
}

.breadcrumbs a
{
    color: #99ccff;
    text-decoration: none;
    font-weight: normal;
}

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

.wwrap
{
}

.download
{
}

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

.browsermback, .browsereback, .browseroback, .browsergback
{
    border: 1px solid #808080;
    width: 128px;
    height: 45px;
    padding: 0px 0px 0px 70px;
}

.browsermback:hover, .browsereback:hover, .browseroback:hover, .browsergback:hover, .mldivpic img:hover
{
    border: 1px solid #1F3866;
}

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

.rss a
{
    position: absolute;
    top: 127px;
    margin: 0px 0px 0px 884px;
    display: block;
    background: url(Img/rss.png) top left no-repeat;
    width: 42px;
    height: 31px;
}

.vazno
{
    background: #E1EDF7;
    display: block;
    border: 1px solid #C0D2E7;
}

.vazno .head
{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    vertical-align: top;
    background: url(Img/bgmldiv2.jpg) 0 -30px repeat-x #4578B7;
    background: #4379B7;
}

.vazno h1 a
{
    color: #fff;
}

.vazno h1
{
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #fff;
    border-bottom: 0px none;
    display: block;
    line-height: 20px;
}

.sociala
{
    position: fixed;
    top: 40px;
    left: -50px;
    background: #efefef;
    border: 1px solid #0099dd;
    padding: 3px;
    width: 70px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.twitter, .facebook
{
    display: block;
    margin: 5px auto;
}

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

#myGallery
{
    position: relative;
    height: 180px;
    width: 710px;
}

#myGallery a
{
    float: left;
    position: absolute;
}

#myGallery a img
{
    border: none;
}

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

#myGallery .caption
{
    z-index: 600;
    color: #ffffcc;
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #008000;
}

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

#myGallery .caption .content h3
{
    margin: 0px 10px 0px 10px;
    padding: 0;
    color: #ffffcc;
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
}

.btn
{
    padding: 6px 10px 6px 10px;
    cursor: hand;
    cursor: pointer;
}