@charset "UTF-8";
/* CSS Document */


body {background-color:#333333}

body, div, a, p, ul, li, img, h1, h2, h3, label, form {margin:0;padding:0;border:none;color:#333333}
input {padding:0;margin:0}
div, a, p, h2, h3, input {font-size:13px;font-family:Arial, sans-serif}
ul, li {list-style:none}

h1 {font-family:"Myriad Pro", "Trebuchet MS", Arial, sans-serif;font-size:38px;color:#dc0000;font-weight:normal;padding-top:10px;z-index:80;border-bottom:thin solid #CCCCCC}
h2 {font-size:14px;font-weight:bold;padding:15px 0 2px 10px;color:#a90000;margin-bottom:5px;background:url(h2bgnd.gif) no-repeat bottom left;clear:both}
h3 {font-weight:bold;color:#BB0000;text-transform:uppercase;padding-top:5px}
h2.prez {background:none;padding:2px 0 0;margin:0}

a {color:#bb0000;text-decoration:none}
a:hover {text-decoration:underline;color:#666666}

a.naslov, .naslov {font-size:14px;font-weight:bold;color:#a90000}
.rubdesno {border-right:1px solid #FFFFFF}
.desno {text-align:right}

#sinjbox {width:989px;background:url(sinj_body.gif) repeat-y center;margin:0 auto;overflow:visible}
#cbox {width:949px;background:#FFFFFF url(nav_bgnd.gif) repeat-y left;margin:0 auto}

#lbox {border-right:1px solid #FFFFFF;width:219px;float:left}

#logo {height:93px;background-color:#FFFFFF;overflow:hidden}
#logo img {margin-top:3px}

#mainnav {width:219px}
#mainnav a {font-family:"Myriad Pro", "Trebuchet MS", Arial, sans-serif;font-size:14px;text-decoration:none;}
#mainnav a:hover, li.aktiv > a {font-weight:bold}


ul.main li {background:url(nav_norm.jpg) no-repeat top;border-top:1px solid #ffffff;clear:both}
ul.main li:hover, ul.main li.aktiv {background-image:url(nav_aktiv.jpg)}

ul.main li a {display:block;overflow:hidden;margin-left:20px;padding-top:9px;color:#FFFFFF;text-transform:uppercase;width:199px;height:34px}

ul.sub {display:block;padding:15px 0 0;background:url(nav_subtop.jpg) no-repeat;width:100%;}
ul.sub li {background:url(nav_sub.jpg) no-repeat #FFFFFF top; border:none;padding-top:4px}
ul.sub li:hover, ul.sub li.aktiv {background-image:url(nav_subakt.jpg)}
ul.sub li a {margin-left:28px;color:#333333;text-transform:none;width:191px}

#werbung {display:block;padding:15px 0 0;background:url(nav_subbottom.gif) no-repeat;width:100%;}

* html a {text-decoration:underline}

.modul {width:218px;margin:0 auto 10px;border-top:1px solid #CCCCCC;background:url(modul_top.jpg) no-repeat #FFFFFF;border-bottom-color:#ffffff;border-left-color:#ffffff;padding-bottom:3px;}
.modul div.top {background:url(modul_top.gif) repeat-x top;width:100%;height:25px}
.modul h3 {height:21px;background:url(modul_spika.gif) no-repeat top left;padding-left:12px}
.modul h3 a {text-decoration:none}
.modul div.cal {background:url(modul_cal.gif) no-repeat top right}
.modul div.tel {background:url(modul_tel.gif) no-repeat top right}
.modul div.sunce {background:url(modul_sunce.gif) no-repeat top right}
.modul div.body {margin:9px 6px 6px 6px}
.modul div.bodyfix {height:105px;margin:9px 6px 0 6px}

.modul form {margin:10px 1px 5px 6px;display:block;text-align:right}
.modul form.usko {margin-top:3px}
.modul input {margin:1px;padding:1px}
label {display:inline;padding-top:3px;}
input.dan {width:84px;display:inline;}
input.ime {width:126px;display:inline;}
input.dalje {background:url(submit.gif) no-repeat #656565;color:#FFFFFF;width:30px;height:23px;text-align:center;font-weight:bold;vertical-align:bottom;display:inline}

#tbox {float:left;width:729px;height:270px;display:inline;background-color:#FFFFFF;z-index:10;overflow:hidden}
#tbox img {height:285px;float:left;display:inline;z-index:15;overflow:visible}
#tbox div {float:left;display:inline;overflow:hidden}

* html #tbox { /*IE6 only*/ height:270px;}

#tbox img.sujet2, #dbox {width:219px}
#tbox img.sujet1, #mbox {width:509px}

#mbox {float:left;width:429px;margin:0 40px 25px;z-index:50}
#mbox.siroko {width:600px}
#mbox p {padding-bottom:16px;margin-left:20px}
#mbox p.intro {font-family:"Myriad Pro", "Trebuchet MS", Arial, sans-serif;font-size:14px;color:#a90000; font-style:oblique;margin:0 0 20px;padding:5px 0;}

div.tekst {clear:both;margin:10px 0 10px 20px;display:block;padding-top:10px}
div.tekst p, div.tekst img, div.tekst a {float:left}
div.tekst img {margin-right:20px}

#mbox ul {margin:10px 0 15px 32px}
#mbox li {list-style:outside disc;line-height:15px;margin-bottom:5px}
#mbox li span {color:#676767;font-style:oblique;}

#mbox ul.paket {margin:5px 0 12px 40px}
#mbox ul.paket li {margin-bottom:1px}

#dbox {background-color:#f2f2f2;float:left;width:218px;margin:15px 0;padding:0;border-left:1px solid #DCDCDC}

#nbox {clear:both;width:100%;background:url(noga_bgnd.gif) repeat-x #656565;height:30px;text-align:center}
#nbox p {padding-top:9px;color:#ffffff}
#nbox a {color:#FFFFFF}

#sinj_zdola {background:url(sinj_zdola.gif) no-repeat;width:989px;height:20px;margin:0 auto}

div.linki {margin-left:20px;margin-bottom:15px}
div.linki a {background:url(link.gif) no-repeat;padding-left:18px;}
div.linki a {display:block;text-decoration:none}
div.linki a:hover {text-decoration:underline}

/* div tabela */

div.tabela {display:table;padding:20px 0 0 0}
.red {display:block;margin:4px 0 4px 20px;padding:1px 0;clear:both}
form .red {border:1px solid #dddddd;border-top-color:#999999;padding:5px 0; margin:0;border-right:none;border-left:none}
.suro, .suro1, .suro2 {background-color:#F2F2F2;border-bottom:1px solid #FFFFFF;margin:1px 0 0 0;padding:6px 0}
.suro1 {margin-top:10px;}
.suro2 {margin-bottom:10px;}
.tdesno {width:105px;text-align:right;font-weight:bold;padding-right:15px;padding-top:2px;vertical-align:top}
span.tdesno {padding-left:15px}

div.red div {float:left;display:inline-table;margin-top:3px}
div.tdesno {float:left}
span.tlivo {width:100px}
div.tlivo {width:300px;float:left}
div.zadnji {padding-bottom:12px}
div.stup1 {width:280px;display:inline-table;float:left}
div.cijena {width:90px;display:inline-table;text-align:center;float:left}
div.stup1 span, div.cijena span {font-size:10px;line-height:14px}

div.stupzdola, div.gumba {margin:5px 0 14px;padding:3px 0 0;width:99%;background-color:#FFEE00;border:1px solid #FFCC00}
div.stupzdola div.stup1 {margin-left:20px}
div.gumba {text-align:center;color:#a90000;font-weight:bold;margin:20px 0;padding:4px 0;clear:both}

div.forumnaslov {border-top:solid 1px #787878;border-bottom:solid 1px #BBBBBB;margin:15px 0 7px;background-color:#F2F2F2}
div.forumkip {margin:4px 0}
div.forumkip img {width:420px}

#impbox {position:relative}
#impctrl, #impkipi {position:absolute;top:0;left:0}
#impctrl a {width:300px;float:left;}
#impkipi img {visibility:hidden}
#impime {text-align:center;width:600px}

input.broj {width:40px;text-align:center}
input.dan {width:90px;text-align:center}
.siroko {width:270px;padding:1px 2px}
.brojsiroko {width:229px}
textarea.siroko {height:50px}

div.v1, div.v2 {width:50px;padding:2px 0;margin:0;text-align:center;background-color:#EFEFEF;border:2px solid #FFFFFF;border-top:none;border-bottom:none;}
div.v2 {border-right:2px solid #000000}

#mbox p.tliv {padding:2px 0 0 0;margin:0 10px 0 0}
div.red2 {clear:both;float:left;display:block;width:100%;}
div.red2 div {float:left}
form .red2 {border:1px solid #dddddd;border-top-color:#999999;padding:7px 0; margin:0;border-right:none;border-left:none}
.red2 p, .red2 input, .red2 select, .red2 textarea {float:left;margin:0;}
.tliv {width:110px;text-align:right;font-weight:bold;vertical-align:top;margin-right:10px}
.tliv input {float:right}
p.usko {width:60px}
div.prez {border:none}
div.zgora {border-bottom:none}
img.button {width:219px;margin-left:0}
.clr {clear:both}


/* prva stran */
.redprva {width:100%;overflow:hidden}
.redprva div {float:left;display:inline-table}
#red1prva {height:225px}
#red2prva {height:285px; color:#333333}
#red2prva div.modul {float:left;display:inline-table;padding:0;margin:0;border:0 none;background:none;background-color:#fcfcfc;width:219px;}
#redkipi {height:80px;border-bottom:3px solid #BB0000}
#redkipi img {border-left:1px solid #FFFFFF;border-top:3px solid #FFFFFF;border-bottom:2px solid #FFFFFF;display:inline;float:left}
#redkipi img.prez {border-left:0 none}
.stup219 {width:219px}
#red2prva div.stup289 {background:url(termini.gif) repeat-y top right;border-left:1px solid #DDDDDD;width:510px}
.stupvisti {width:310px;float:left;padding-left:10px;}
.bodyvist {border-bottom:1px solid #999999;margin:14px auto 0;padding-bottom:8px;}
.vistkip {float:left;width:100px;height:60px;}
.vistkip img {width:80px;height:60px;margin-left:10px}
.visttxt {float:left;width:190px;}

.termini {float:left;width:175px;margin:0}
.termini div.linki {width:150px;float:right}
.termini div.linki a {margin-top:20px}

#partner {margin:0 auto;width:820px;text-align:center}
#partner img {margin:40px 10px 0 10px; height:35px; border:none}