@charset "utf-8";
/* CSS Document */
body{
font-size:62.5%;
font-family:"Trebuchet MS";
behavior: url(csshover.htc);
color:#576767;
background-color:#f0f6eb;
}
/*++++++++++++++    STANDARD   +++++++++++++++++++++++++++++++++++++*/
* {margin:0; padding:0;}	
img { display:block; border:none; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, dl, dt, dd {padding: 0; margin: 0;}
ul { list-style: none; }
a { text-decoration: none; outline:none; color:#576767;}
.clear{clear:both; margin:0; line-height:0; height:0;}



/*++++++++++++  WRAPPER  +++++++++++++++*/
#wrapper{
width:998px;
margin: 0 auto;
border:1px solid #e0e2de;
overflow:hidden;
margin-bottom:20px;
}
/*++++++++++++  HEADER  +++++++++++++++*/
#header{
width:998px;
background: #FF9933;
height:176px;
background: #f0f6eb url(../../images/ducan//header_bg.gif) repeat-x top left;
position:relative;
text-transform:uppercase;
}
#header div.gornji_izbornik {width:181px; height:22px; line-height:22px;  position:absolute; top:10px; right:0px; font-size:11px; text-transform:uppercase; }
#header div.gornji_izbornik p a {position: relative; padding: 0 10px;}
#header div.gornji_izbornik p a:hover {text-decoration:underline;}
#header div.gornji_izbornik p img.izb { width:1px; height:22px; position:absolute; top:0px; left:48px; }
#header div.gornji_izbornik p img.izb2 { width:1px; height:22px; position:absolute; top:0px; right:67px; }

#header img.logo { position:absolute; left:145px; bottom:32px; display:block;}
#header div.strip {width:998px; height:23px; background:url(../../images/ducan/strip.jpg) repeat-y top left; position:absolute; left:0; bottom:0; font-size:14px;}
#header div.strip p {background:#fff; width:168px; border-left:1px solid #7bc044; border-right:1px solid #7bc044; line-height:23px; height:23px; position:absolute; right:16px; font-weight:bold; padding: 0 0 0 16px;}
#header div.strip p span {color:#7bc044; font-size:18px; font-weight:normal; padding: 0 10px;}
#header div.strip p a {color:#576767;}


div#main {width:998px; float:left; position:relative; margin:16px 0; }

div#left {width:184px; float:left; position:relative;  background:#fff url(../../images/ducan/shadowR.gif) repeat-y top right; margin-left:14px; display:inline;}
div#left div.bottomL {width:182px; height:7px; line-height:7px; float:left; background:url(../../images/ducan/bottomLeft.gif) no-repeat bottom left; /*border:1px solid red;*/ }
div#left div.left_sh {width:182px; float:left; background:url(../../images/ducan/shadowL.gif) repeat-y top left; padding:0 0 0px 2px; text-transform:uppercase; font-weight:bold;}
div#left ul { width:180px; margin-top:10px; margin-bottom:0px; zoom:1; float:left;}
div#left ul li { padding: 0 0 0 10px; height:20px; line-height:20px; margin: 0 0 2px 0; zoom:1; }
div#left ul li a {color:#fff; text-transform:uppercase; font-size:12px; display:block; height:20px; line-height:22px; }
div#left ul li.one { background:#F15523;}
div#left ul li.one a { border-right:6px solid #FEB49B;}
div#left ul li.one:hover {background:#FEB49B;} 
div#left ul li.one a:hover { border-right:6px solid #F15523; color:#3C1002;}

div#left ul li.two {background:#A94C97;}
div#left ul li.two a { border-right:6px solid #F0BBE6;}
div#left ul li.two:hover {background:#F0BBE6;}
div#left ul li.two a:hover { border-right:6px solid #A94C97; color:#2A0523; }


div#left ul li.three {background:#ED1B23;}
div#left ul li.three a { border-right:6px solid #FC9A9E;}
div#left ul li.three:hover {background:#FC9A9E;}
div#left ul li.three a:hover { border-right:6px solid #ED1B23; color:#3B0204;}

div#left ul li.four {background:#1694B4;}
div#left ul li.four a { border-right:6px solid #96E9FD;}
div#left ul li.four:hover {background:#96E9FD;}
div#left ul li.four a:hover { border-right:6px solid #1694B4; color:#01242D;}

div#left ul li.five {background:#4EA672;}
div#left ul li.five a { border-right:6px solid #98F8BF;}
div#left ul li.five:hover {background:#98F8BF;}
div#left ul li.five a:hover { border-right:6px solid #4EA672; color:#052A14;}

div#left ul li.six {background:#FCB415;}
div#left ul li.six a { border-right:6px solid #FEE09D;}
div#left ul li.six:hover {background:#FEE09D;}
div#left ul li.six a:hover { border-right:6px solid #FCB415; color:#3F2C01;}

div#left div.left_sh img { margin:170px 0 0px 5px; padding-bottom:170px; float:left; display:inline;}


div#wrapp_middle { width:574px; margin:0 0 0px 14px; position:relative; float:left;  background:url(../../images/ducan/shadowR.gif) repeat-y top right; display:inline; }
div#middle div.middle_cont div.silueta {position:absolute; top:110px; left:0px; width:552px; height: 702px; z-index:1001; }


div#middle {width:552px; float:left; padding:0 10px 125px 10px; position:relative; margin: 0 0 0px 0; background: #fff url(../../images/ducan/shadowL.gif) repeat-y top left; 
 font-size:13px;}
div#middle div.middle_cont {width:552px; float:left; position:relative; margin:10px 0 10px 1px; display:inline;  }

div#middle div.middle_cont img.first {display:block; border:2px solid #7bc044; float:left; margin: 0 8px 8px 0; }
h1 { font-size:18px; margin-bottom:10px;  padding-left:10px; padding-top:2px;}
h1.nasl { color:#fff; width:330px; float:right; background:#7bc044; position:relative; }
h1.nasl span { width:21px; height:21px; display:block; background:url(../../images/ducan/mali_logo_nasl.gif) no-repeat top right; position:absolute; top:2px; right:10px;}
div#middle div.middle_cont p { margin:0px 0 5px 0; position:relative; }
div#middle div.middle_cont p span {color:#7bc044; display:block; margin-top:3px; width:100%; text-align:right;}
div#middle div.middle_cont blockquote { width:432px; margin:16px auto 16px auto; font-size:30px; font-weight:bold; background:url(../../images/ducan/quoteL.gif) no-repeat top left; padding-left:50px;}
div#middle div.middle_cont blockquote p { background: url(../../images/ducan/quoteD.gif) no-repeat bottom right; padding: 3px 42px 0 0 ;}
div#wrapp_middle div.bottomM {width:574px; height:7px; line-height:7px; float:left; background:url(../../images/ducan/bottomMiddle.gif) no-repeat bottom left; }




div#right {width:184px; float:left; position:relative; background:#fff url(../../images/ducan/shadowR.gif) repeat-y top right; margin:0px 0 0px 14px; display:inline; zoom:1;}
div#right div.right_sh {width:182px; float:left; background:url(../../images/ducan/shadowL.gif) repeat-y top left; padding-left:2px; padding-bottom:20px; text-transform:uppercase; font-weight:bold;}
div#right div.right_sh img {float:left; margin-left:10px; display:inline;}
div#right div.right_sh div.box {width: 167px; float:left; position:relative; margin: 6px 0 40px 7px; background: url(../../images/ducan/box_top.gif) no-repeat top left; padding-top:29px; display:inline;}
div#right div.right_sh div.box h4 {width:140px; font-size:12px; font-weight:bold; position:absolute; top:10px; left:12px;}
div#right div.right_sh div.box div.box_bottom {width:167px; height:30px; float:left; background:url(../../images/ducan/bottom_box.jpg) no-repeat top left;}

div#right div.right_sh div.box div.M_box {width:160px; float:left; background: url(../../images/ducan/222.jpg) repeat-y top left; padding-left:14px; zoom:1;}
div#right div.right_sh div.box div.M_box ul {width: 148px; padding:0 0px 0 0px; font-size:11px;  font-weight:bold; zoom:1; padding-top:14px;}
div#right div.right_sh div.box div.M_box ul li  { width:auto; background:url(../../images/ducan/bullet.gif) no-repeat center left; padding-left: 20px; height:1%; margin-bottom:10px;}
div#right div.right_sh div.box div.M_box ul li a {  padding:0px 0 0 0px; display:block;}

div#right div.bottomL {width:184px; height:7px; line-height:7px; float:left; background:url(../../images/ducan/bottomLeft.gif) no-repeat bottom left; }




div#footer {clear:both; width:990px; color:#fff; padding: 0px 0 0 10px; font-size:11px; position:relative; background: #7bc044;}
div#footer p { padding: 4px 0; }
div#footer p span {background: #7bc044 url(../../images/ducan/triple_littlegif.gif) no-repeat top right; display:block; width:83px; height:21px;
position:absolute; top:2px; right:15px;}



/* ++++ KALENDAR ++++ */
div#wrapp_middle_cal { width: 968px; margin:0 0 0px 14px; position:relative; float:left;  background:url(../../images/ducan/shadowR.gif) repeat-y top right; display:inline; }
div#middle_cal div.middle_cont div.silueta {position:absolute; top:110px; left:0px; width:552px; height: 702px; z-index:1001; }


div#middle_cal {position:relative; width: 946px; float:left; padding:0 10px 125px 10px; position:relative; margin: 0 0 0px 0; background: #fff url(../../images/ducan/shadowL.gif) repeat-y top left; 
 font-size:13px;}
div#middle_cal div.middle_cont {width: 946px; float:left; position:relative; margin:10px 0 10px 1px; display:inline; padding: 0 0 0 0px; }


div#middle_cal div.middle_cont h1 {float:left; width: 936px; font-size:18px; margin-bottom:10px;  padding-left:10px; padding-top:2px;}
div#middle_cal div.middle_cont h1.nasl { color:#fff; background:#7bc044;  }
div#middle_cal div.middle_cont h1.nasl span { width:21px; height:21px; display:block; background:url(../../images/ducan/mali_logo_nasl.gif) no-repeat top right; position:absolute; top:2px; right:10px;}

table.usporedna_tablica {margin:0; padding:0; margin-top: 10px; border:1px solid #cfcfcf; float:left; margin-right: 5px;}
table.usporedna_tablica span {display:block;}
table.usporedna_tablica tr.first_row {background:#719d42; color:#FFFFFF; font-weight:bold; }
span.name_bank {padding-left:8px; padding-top: .2em;}
tr.f1_row { background:#ebf0e6;}
tr.f2_row {background:#e5eae0;}
tr.f1_row span { padding-top: .5em; padding-bottom: .5em;}
tr.f2_row span {padding-top: .5em; padding-bottom: .5em;}


tr.mjesec { text-align:center; background: #e4f1d6; font-weight: bold; text-transform: uppercase;}
tr.mjesec td span {padding-top: .5em; padding-bottom: .5em;}

div#wrapp_middle_cal div.bottomM {width: 966px; height:7px; line-height:7px; float:left; margin: 0 0 0 2px; background:url(../../images/ducan/bottomMiddle.gif)  bottom left; }

div.losos {float:left; position:relative; bottom: -805px; right: -20px; width:auto; display:block;}
div.losos a.stre { position:absolute; bottom: -2px; right: 0; width:200px; display:block;  height:38px; padding: 0; margin: 0;}

/* ++++ MUZIKA ++++ */

div#middle_cal div.middle_ducan {width: 946px; float:left; position:relative; margin:10px 0 10px 1px; display:inline; padding: 0 0 0 0px; }
div#middle_cal div.middle_ducan h1 {float:left; width: 936px; font-size: 18px; margin-bottom: 30px;  padding-left: 10px; padding-top: 2px;}
div#middle_cal div.middle_ducan h1.nasl { color:#fff; background:#7bc044;  }
div#middle_cal div.middle_ducan h1.nasl span { width:21px; height:21px; display:block; background:url(../../images/ducan/mali_logo_nasl.gif) no-repeat top right; position:absolute; top:2px; right:10px;}
div#middle_cal div.middle_ducan div#ducan_left { width: 130px;  float:left; padding: 0 10px 0 1px ;}
div#middle_cal div.middle_ducan div#ducan_left a.str {display:block; border-bottom:1px solid #e4f0db; font-size: 12px; background: url(../../images/ducan/strelica.gif) no-repeat center left; padding: 0  0 0 15px; }


div#middle_cal div.middle_ducan div#ducan_left div.boxic { background: #f0f6eb; border:1px solid #c7c8c7; margin: 80px 0 80px 0; padding: 0px 0 0 0;}
div#middle_cal div.middle_ducan div#ducan_left div.boxic p {color: #9d140e; font-size: 11px; padding: 0px 0 0 8px; margin: 10px 0 0 0; }
div#middle_cal div.middle_ducan div#ducan_left div.boxic span { width:auto; display: block; background: url(../../images/ducan/naslovnica_mali_logo.gif) no-repeat bottom right; 
padding: 3px 0; margin: 0 5px 5px 0;}
div#middle_cal div.middle_ducan div#ducan_left div.boxic p a {color: #9d140e;}
div#middle_cal div.middle_ducan div#ducan_left div.boxic p a:hover {color: #5b0501;}
div#middle_cal div.middle_ducan div#ducan_left div.boxic p.kon { background: #ebebeb; margin:0; border-top:1px solid #fff; font-size: 13px; padding-bottom: 3px; padding-top: 3px;}

div#middle_cal div.middle_ducan div#ducan_left div.boxic div.boxic_sep { background: url(../../images/ducan/boxic_sep.gif) no-repeat top left; height: 1px; margin: 10px 0 0px 8px; padding: 0  0 0 0;}


div#middle_cal div.middle_ducan div#ducan_left a:hover { color:#000000;} 
div#middle_cal div.middle_ducan div.ducan_middle {float:left; position:relative; width:auto; background: url(../../images/ducan/V_sep.gif) repeat-y top left; padding: 0 0 20px 10px;}
div#middle_cal div.middle_ducan div.ducan_middle p.title { margin: -5px 0 0 0; color: #330033; padding-bottom: 10px; background-image: none;}
div#middle_cal div.middle_ducan div.ducan_middle img { float:left; display: block; width: 98px; margin: 0 10px 0 0;}

div#middle_cal div.middle_ducan div.ducan_middle p { width: 784px; overflow: hidden; color: #0e000e; padding: 0 10px 10px 0; background: url(../../images/ducan/ducan_sep.gif) no-repeat bottom left; margin: 0 0 10px 0;}
div#middle_cal div.middle_ducan div.ducan_middle span {width: auto; display: block;}

div.topOF { clear: both; width: 200px; text-align: right; position: absolute; bottom: -2px; right: 10px; margin: 0 0 0 0;}
div.topOF a {display: block; width: auto; background: url(../../images/ducan/icon_top.gif) no-repeat bottom right; padding: 10px 40px 10px 0;}