html, body {background-color:#C7E3FC; background-image:url(../images/main_bg.gif); background-repeat:repeat-x; margin:0px 0px 10px 0px; padding:8px 0px 0px 0px; background-position:top; text-align:center; color:#663333; line-height:15px}
td, div, span, h1, input, select, textarea, p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
input, select, textarea {border: 1px solid #ADC3AD; border-bottom-color:#e0e9fb; margin:auto 0px auto 0px; border-right-color:#e0e9fb; color:#d10}
input.button { background-color:#3554AB; color:#FFFFFF; font-weight:bold; border-bottom-color:#15348B; border-right-color:#15348B}
form {margin:2px; line-height:16px}
h1 {font-size:18px; color:#c00; margin-top:2px; line-height:18px}
h2 {font-size:12px; color:#c00; font-weight:bold; margin-bottom:2px; padding-top:2px}
h3 {font-size:12px; color:#c00; font-weight:bold; margin-bottom:2px;  padding-top:2px}
h4 {font-size:14px; color:#c00; font-weight:bold; margin-bottom:0px;  padding-top:2px}
img {border-width:0px}
p { margin:8px 0px 8px 0px; color:#3554AB}
ul {list-style-type:disc; margin-top:2px;  margin-left:16px; padding-left:4px}
ol {margin-top:3px}
ol li {margin-bottom:3px}
sup {font-size:8px}

table tr td {vertical-align:top}

img.slika1 {border:1px solid #667DBD; padding:1px 1px 1px 1px; background-color:#FFFFFF; margin: 4px 4px 4px 4px}
img.slika1_mala {border:1px solid #667DBD; padding:1px 1px 1px 1px; background-color:#FFFFFF; margin: 0px 2px 0px 2px}

#container {width:1002px; margin: 0px auto; padding:0px; text-align:center}
#container p.top {text-align:left; line-height:normal; margin:0px 0px 1px 10px}
#glavni {width:1002px; background-image:url(../images/sred_bg.gif); background-repeat:repeat-y; margin: 0px 0px 0px 0px; padding:0px; text-align:center; display:table-cell}
#vrh {width:1002px; height:8px; background-image:url(../images/vrh.gif); background-repeat:no-repeat; margin:0; padding:0; _margin-bottom:-5px;}
#dno {width:1002px; height:10px; background-image:url(../images/dno.gif); background-repeat:no-repeat; margin:0; padding:0; clear:both}


#main {
  width:777px;
  float:right;
  text-align:left;
}

#main_lijevo
{
float: left;
width: 221px;
margin: 0px 0px 0px 1px;
padding: 0;
}

#main_desno
{
float: right;
width: 779px;
margin: 0;
padding: 0;
}

#main_lijevo_logo
{
height:186px;
background-image:url(../images/logo_dalm.gif);
background-repeat:no-repeat;
background-position:bottom;
text-align:left
}

#main_lijevo_logo div {
 margin: auto auto auto 18px;
 text-align: left;
 padding-top: 50px;
 color: #475E7F
}


#main_lijevo_logo ul {
 list-style:none;
 margin: 16px 0px 0px 0px;
 padding: 0;
 line-height:normal;
 font-family:Arial, Helvetica, sans-serif;
 line-height:14px;
}



#header_slika1   {float: left; width: 779px; height: 186px; margin: 0; padding: 0}
#header_slika  {float: left; width: 779px; height: 186px; background:url(../images/header_slika.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika2  {float: left; width: 779px; height: 186px; background:url(../images/header_slika2.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika3  {float: left; width: 779px; height: 186px; background:url(../images/header_slika3.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika4  {float: left; width: 779px; height: 186px; background:url(../images/header_slika4.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika5  {float: left; width: 779px; height: 186px; background:url(../images/header_slika5.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika6  {float: left; width: 779px; height: 186px; background:url(../images/header_slika6.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika7  {float: left; width: 779px; height: 186px; background:url(../images/header_slika7.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika8  {float: left; width: 779px; height: 186px; background:url(../images/header_slika8.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika9  {float: left; width: 779px; height: 186px; background:url(../images/header_slika9.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika10 {float: left; width: 779px; height: 186px; background:url(../images/header_slika10.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika11 {float: left; width: 779px; height: 186px; background:url(../images/header_slika11.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika12 {float: left; width: 779px; height: 186px; background:url(../images/header_slika12.jpg) no-repeat top; margin: 0; padding: 0}
#header_slika13 {float: left; width: 779px; height: 186px; background:url(../images/header_slika13.jpg) no-repeat top; margin: 0; padding: 0}


#promotion
{
float: right;
width: 166px;
height:2px;
height: 186px;
background:url(../images/banner_bg.gif) repeat-y;
background-color:#fff;
margin-right:1px;
text-align:left;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75
}


#promotion div.scroll marquee {padding:0px 4px 0px 6px; text-align:left;  margin: 0px 0px 0px 0px}
#promotion div.scroll marquee p {font-family:Arial, Helvetica, sans-serif; padding:1px 0px 0px 0px; text-align:left; line-height:13px; margin: 0px 0px 0px 0px}
#promotion div.scroll marquee p a {font-weight:bold; text-decoration:underline}
#promotion div.promotion_head
{
width: 160px;
height: 21px;
background:url(../images/banner_head_bg.gif) no-repeat left;
padding: 4px 0px 0px 0px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}



#meni_lijevo {
padding-top:30px;
text-align:left;
}


#lokacija_traka {
  clear:both;
  text-align:left;
  height:24px;
  width:771px;
  background: url(../images/lokacija_traka.gif) no-repeat top;
  padding-top:3px;
  padding-left: 8px;
  color:#A8BCDE;
  font-size:10px
}

#stupac1 {
  width:431px;
  float:left;
  text-align:left;
  padding: 12px 6px 20px 10px;
  color:#3554AB;
  background-color:#FFF
}

#stupac2 {
  width:147px;
  float:right;
  text-align:left;
  padding: 12px 5px 20px 8px;
}

#stupac3 {
  width:155px;
  float:right;
  text-align:left;
  padding: 12px 7px 20px 5px;
}



#stupac3 div.obli_okvir {
  width:149px;
  text-align:center;
  margin-bottom:10px
}

#stupac3 div.obli_okvir div.vrh {
  text-align:center;
  width:149px;
  height:10px;
  background: url(../images/obli_okvir1_gore.gif) no-repeat top;
  _margin-bottom:-5px;
}

#stupac3 div.obli_okvir div.sredina  {
  width:147px;
  padding: 0px 0px 0px 0px;
  background-color:#FFFFFF;
  border-left:1px solid #C6CEDA;
  border-right:1px solid #C6CEDA;
}

#stupac3 div.obli_okvir div.sredina p.naslov  {
  padding: 0;
  margin-top:0px;
  line-height:13px;
  font-weight:bold;
}

#stupac3 div.obli_okvir div.sredina p.tekst2  {
  padding: 3px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  line-height:13px;
}

#stupac3 div.obli_okvir div.dno {
  text-align:center;
  width:149px;
  height:13px;
  background: url(../images/obli_okvir1_dole.gif) no-repeat top;
}


/************* index stranica **************/
div.img_rubrika.l {
  float:left;
  margin:0px 4px 8px 4px
}
div.img_rubrika.d {
  float:left;
  margin:0px 0px 8px 8px;
}
div.img_rubrika div.vrh {
  width:201px;
  margin:0;
  padding:0;
  margin-bottom:-5px; 
}
div.img_rubrika div.sredina {
  width:183px;
  height:74px;
  padding: 8px 8px 0px 8px;
  background-color:#FFFFFF;
  border-left:1px solid #C6CEDA;
  border-right:1px solid #C6CEDA;
}

div.img_rubrika div.dno {
  width:201px;
  height:14px;
  background: url(../images/obli_okvir2_dole.gif) no-repeat top;
}




#cistac {
  clear:both
}

div.cistac {
  clear:both
}


div.clan h3 {
  padding-bottom:0px;
  margin-bottom:0px
}

div.clan p {
  padding: 0px 0px 1px 0px}


div.clan p a {
  font-weight:bold;
  text-decoration:underline
}


table.glavna {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8
}


form p {
  padding:0;
  margin:0px 0px 3px 0px;
  text-align:justify
}



h1.tip1 {
  padding:0;
  margin:0;
}

h1.tip2 {
  padding:0;
  margin:0;
  font-size:12px;
  line-height:13px;
  font-weight:bold
}


h2.tip1 {
  padding-bottom:8px;
  margin:0;
  font-weight:normal;
  font-size:11px;
  color:#c00
}




#stupac2 ul {
  margin:0px;
  padding:0px 0px 5px 0px;
  text-align:left
}
#stupac2 ul  li{
  list-style:none;
  padding-left:6px
}
#stupac2 strong{
  color:#3554AB
}


div.zvjezdice {
  margin-bottom:4px
}

div.slika1 {
  float:left;
  padding:9px 6px 0px 0px
}


div.slika2 {
  float:right;
  padding:1px 6px 6px 0px
}

div.slika3 {
  text-align:center
}

div.slika4 {
  float:left;
  padding:0px 6px 0px 0px
}

div.thumb1 {
  float:left;
  margin:1px 4px 2px 0px;
}




.tr1 {
  background-color:#fafdff;
  padding:8px 0px 8px 0px;
  border-top:1px solid #eee
}

.tr2 {
  background-color:#ffffff;
  padding:8px 0px 8px 0px;
  border-top:1px solid #eee
}







#x {display:none}




/*#stupac2 li a.link1, #stupac2 li a.link2 {color:#6B87D1}*/

a.link1 {text-decoration:none}
a.link1:link {color:#c30}
a.link1:visited {color:#c30}
a.link1:hover {color:#3554AB; text-decoration:underline}

a.link {text-decoration:none}
a.link:link {color:#c30}
a.link:visited {color:#c30}
a.link:hover {color:#3554AB; text-decoration:underline}

a.link2 {text-decoration:none}
a.link2:link {color:#3554AB}
a.link2:visited {color:#3554AB}
a.link2:hover {color:#c30; text-decoration:underline}

a.link3 {text-decoration:none}
a.link3:link {color:#A9BEDF}
a.link3:visited {color:#A9BEDF}
a.link3:hover {color:#fff; text-decoration:underline}

a.link4 {text-decoration:none; padding:0px 2px 0px 3px; border: 1px solid #ddcccc; background-color:#fff6f6; font-weight:bold; line-height:14px}
a.link4:link {color:#c30; border: 1px solid #ddcccc; background-color:#fff6f6;}
a.link4:visited {color:#c30; border: 1px solid #ddcccc; background-color:#fff6f6;}
a.link4:hover {color:#fff; border: 1px solid #c30; background-color:#c30;text-decoration:none}

.pod1 li a.link2 {text-decoration:none}
.pod1 li a.link2:link {color:#c30}
.pod1 li a.link2:visited {color:#c30}
.pod1 li a.link2:hover {color:#3554AB; text-decoration:underline}


.naslov1 {
  margin:0;
  padding:0
}

.tekst1 {
  color: #3554AB
}

.tekst2 {
  color: #c00
}

.tekst3 {
  font-family:Arial, Helvetica, sans-serif
}


.ul1 {
list-style:none
}


.popust1 {
 border:2px solid #050;
 padding:8px 4px 8px 4px;
 line-height:18px;
 color:#fff;
 background-color:#090;
 font-weight:bold;
 font-size:12px;
 text-align:center;
 margin: 20px 0px 20px 0px
}


.vazno1 {
 border:2px solid #500;
 padding:8px 4px 8px 4px;
 line-height:18px;
 color:#fff;
 background-color:#900;
 font-weight:bold;
 font-size:12px;
 text-align:center;
 margin: 20px 0px 20px 0px
}

.podcijena {
 margin: 20px 0px 0px 0px
}

#footer p {
 text-align:center;
 color: #3554AB;
 margin:0px 0px 3px 0px;
 line-height:13px
}

div#scr_pozad {  position:relative;  width:159px;  height:160px;  z-index:100;}
div#scr_okvir {  position:absolute;  top:0px;  left:8px;  width:150px;  height:160px;  z-index:1;  clip:rect(0, 150px, 160px, 0);  overflow:hidden;}
div#scroler { position:absolute; z-index:1; }
div#scroler div.clan { width:150px; height:160px; color:#336; line-height:12px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}
div#scroler h3 { font-size:12px; margin:0 0 6px 0; text-align:left }  
div#scroler div { font-size:12px; margin:0; padding:0 text-align:left }  
div.clan p { font-size:11px; margin:0px 0px 0xp 0px; padding:2px 0px 0px 0px; line-height:15px}

#meni1 { 
width: 160px;
padding: 0;
margin: 0px 0px 20px 10px;
border:1px solid #FFAD99;
font: 10px Verdana, sans-serif;
text-align:left
}
#meni1 ul {
list-style: none;
margin: 0;
padding: 0;
}
#meni1 li {
border: 1px #ffe4e1 solid;
color:#FFF;
margin: 0;
}
#meni1 li.prvired {
border: 1px #c00 solid;
background-color: #c00;
padding: 3px 2px 3px 6px;
margin: 0;
color: #fff;
font-weight:bold;
}
#meni1 li a  {
display: block;
padding: 2px 2px 2px 8px;
font-weight:normal;
background-color: #ffe4e1;
color: #c00;
text-decoration: none;
}
#meni1 li a:hover {
background-color: #c00;
color: #fff;
font-weight:bold;
}
/* Fix IE. Hide from IE Mac \*/
* html #meni1 ul li { float: left; height: 1%; }
* html #meni1 ul li a { height: 1%; }
/* End */


/*****************************/
#meni2 { 
width: 133px;
padding: 0;
margin: 0px 0px 20px 10px;
border:1px solid #FFC299;
font: 10px Verdana, sans-serif;
text-align:left
}
#meni2 ul {
list-style: none;
margin: 0;
padding: 0;
}
#meni2 li {
border: 1px #FFEEE3 solid;
color:#FFF;
margin: 0;
}
#meni2 li.prvired {
border: 1px #f60 solid;
background-color: #f60;
padding: 3px 2px 3px 6px;
margin: 0;
color: #fff;
font-weight:bold;
}
#meni2 li a  {
display: block;
padding: 2px 2px 2px 8px;
font-weight:normal;
background-color: #FFEEE3;
color: #f60;
text-decoration: none;
}
#meni2 li a:hover {
background-color: #f60;
color: #fff;
font-weight:bold;
}
/* Fix IE. Hide from IE Mac \*/
* html #meni2 ul li { float: left; height: 1%; }
* html #meni2 ul li a { height: 1%; }
/* End */