/* Sonia Template */

body {
	margin: 0 auto;
	padding: 0;
	font: 10pt Arial, Verdana, Sans-Serif;
	background: #fff;
	text-align:center;
                  overflow: auto;
}

a {
	text-decoration: none;
	color: #2489DB;
}

a:hover {
	color: #808080;
}

a img {
	border: 0;
}

h3 {
	font-size: 1.3em;
	margin: 0 0 5px 0;
	padding: 2px 0px 0px 0px;
}

#bg { 
	width: 990px;
	margin: 0 auto;
	padding: 5px 5px 10px 5px;
}

.red{
	color: #C3593C;
	background: inherit;
}




#zaglavlje {
	clear: both;
	margin: 0px 0 5px 0;
	height: 70px;
	background: url(header.gif) repeat-x;
}
#title a {
	text-decoration: none;
	color: #2489DB;
}

#title a:hover {
	color: #808080;
}


#title {
	float: left;
	font-size: 20pt;
	font-weight: bold;
	padding-top: 25px;
	padding-left: 5px;
}

#title_info {
	float: right;
	height: auto;
	padding: 8px;
	width: 310px;
	margin: 10px 5px 0 0;
	border: 2px solid #fff;	
	background: #FFF5D9;
	color: #808080;
}


#navigacija {
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}

#navigacija ul {	
	list-style: none;
	width: 150px;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 1.1em;
        border-left:1px solid #DDD;
        border-right:1px solid #DDD;
}	

#navigacija li {
	margin-bottom: 4px;
}

#navigacija li a, #navigacija li a:visited {
	text-align: right;
	height: 20px;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 6px 8px 0 10px;
	background: #2489DB;
}	
	
#navigacija li a:hover {
	background: #A9CAEB;
	color: #286ea0;
}
.gonggao h3 {
	font-size: 9pt;	
        text-align:center;
}
.gonggao {
	margin:0 0 10px 0;
	padding: 3px 10px 5px 10px;
	width: 145px;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	color: #6B6B6B;
	background: white;
    text-align:left;
}

.gonggao a, .gonggao a:visited {
	text-decoration: underline;
}

#desna_rubrika {
	float: right;
	width: 223px;
	margin: 0 0 10px 0;
	padding: 5px 13px 20px 10px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #eee url(lijevo.gif) repeat-x;
	color: #5D5D5D;
	line-height: 1.5em;
}

#dl_1 a:link {
	color:black;
}

#dl_1 a:hover {
	color: red;
}

#dl_1 a:active  {
	color: red;
}

#dl_1 a:visited  {
	color:black;
}

#dl_2 {
       float:bottom;
       font-size:9pt;
       text-align:right;
}

#dl_3 {
       float:bottom;
       font-size:9pt;
       text-align:center;
       color:#636363;
}

#desna_rubrika p {
	margin: 0px;
	font-size: 90%;
}

#desna_rubrika h3 {
	font-size: 9pt;	
}

#desna_rubrika a {
	display: block;
	height: 12px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px solid #ccc;
}

#podaci {
	margin: 15px 0 0 0;
	border: 2px solid #fff;
	background: #E5EFF9 url(plavo.gif);
	padding: 3px 3px 3px 6px;
	color: #70C256;
}

#podaci a, #podaci a:visited {
	display: inline;
	border: none;	
}

#clanci {
	margin:  8px 0 5px 120px;
	padding: 0 10px 5px 60px;
	line-height: 1.4em;
	text-align:center
}

#clanci_product_info
{
    margin:  8px 0 5px 120px;
	padding: 0 10px 5px 60px;
   	line-height: 1.6em;
	text-align: left;
	color: #5D5D5D;
}

.clanci1 {
	margin:  8px 0 5px 120px;
	padding: 0 10px 5px 60px;
	line-height: 1.4em;
	text-align:left;
}

#clanci h2 {
	margin: 0px;
	padding: 4px 0 4px 0;
	font-size: 16pt;
}

#clanci p {
	margin: 0;
}

.datum {
	padding-top: 7px;
	height: 28px;
	margin: 5px 0 6px 0;
	font-size: 100%;
	text-transform: uppercase;	
	color: #808080;
}

#lijeva_rubrika {
        
	border: 1px solid #AFCEED;
	background: aliceblue;
	padding: 0px 2px 0px 10px;
	line-height: 1.6em;
	text-align: left;
	color: #5D5D5D;
	text-indent:24px;
}

#lijeva_rubrika a, #lijeva_rubrika a:visited {
	text-decoration: underline;	
}

#lijeva_rubrika h2 {
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	color: #808080;
	padding-top: 3px;
}

#lijeva_rubrika p {
	padding: 0;
	margin: 0;
	text-indent:26px;
}

.alpha{
        filter:alpha(opacity='69',style='0');
        border:solid 1px black;                
}


<!-- juejue -->
.foot
{
     font-size: 9pt; 
     font-family: Verdana;
}
.head
{
     font-size: 9pt; 
     font-family: Verdana;
     color: red;
     cursor: hand;
}
div
{
     border: 0 solid blue;
     margin: 0 0 0 0;
}

#top_1
{
     width: 990px;
     border: 0 solid gold; 
     margin-top: -5px; 
     padding: 5px 0 0 0 ;
}
#top_1 td
{
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, 
           StartColorStr=white, EndColorStr=lightblue);
}
#toplinks {
                  width: 990px;
	height: 25px;
	background: #2489DB;
	text-align:right;
	padding-left: 10px;	
	padding-top: 3px;
                  border: 0 solid red;
}

#toplinks a {
	font-size: 8pt;
	display: inline;
	padding-left: 8px;
	padding-right: 5px;
	background: url(strelica.gif) left no-repeat;
	padding-bottom: 3px;
	margin-right: 5px;
	color: #fff;
}

#toplinks a:hover {
	border-bottom: 2px solid #fff;
                  color: gold;	
}

div#mainImage
{
             width: 990px;
			/* 
            filter : progid:DXImageTransform.Microsoft.Fade ( duration=5,overlap=0.75 ) ;
			*/
}

#idDiv1{ z-index:4; display:inline;}


#idDiv2{ z-index:3; display: none;}

#categoryImage
{
          width: 990px;
          border: 0 solid pink; 
          height: 100px;
}
#dl_1_Main
{
        height:expression(body.clientHeight - top_1.offsetHeight 
        - toplinks.offsetHeight - mainImage.offsetHeight 
       - categoryImage.offsetHeight  );
        width: 990px;
        background-color: gray;
        filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, 
           StartColorStr=white, EndColorStr=lightblue);
}
#notice
{
      width: 410px;
      height: 180px;
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8,Direction=135,color=gray) | progid:DXImageTransform.Microsoft.Shadow(Strength=8,Direction=315,color=gray);
      position: absolute;
      display: none;
      z-index: 100001;
}
#title2
{
     margin-top: 5px;
     font-size: 9pt;
     text-align: left;
     position: absolute; 
     display: none; 
      left: expression( 2 * mainImage.offsetWidth / 4  + 20 ); 
      top: expression( mainImage.offsetTop  ); 
      background-color: fce04a; 
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8,Direction=135,color=gray);
     width: 0px; 
     height: 0px;
     z-index: 9999; 
     overflow-x: hidden;
     overflow-y: hidden;
}
#adImage
{
      position: absolute; 
      display: none; 
      left: expression( 2 * mainImage.offsetWidth / 4  + 20 ); 
      top: expression( mainImage.offsetTop  ); 
      background-color: transparent;
      z-index: 9999; 
      overflow: hidden;
      font-size: 9pt;
      cursor: hand;
}
#title2 img
{
     margin-top: 1px;
}
.pAd
{
     text-indent: 10px; 
     margin-top: 2px; 
     margin-bottom: 2px; 
     cursor: hand; 
     text-decoration: underline; 
      color: green; line-height: 17px;
    margin-right: 5px;
   font-weight: bold;
}