body {

  behavior: url("/css/csshover3.htc");
  background: url(data:null) fixed;
  text-decoration: none;
  font-family: Verdana, Arial, helvetica;
  font-size: 10px ;
  color: #666;
 
  margin:0;
  padding:0;
  height:100%;
  overflow:auto; 
}

html {

  behavior: url("/css/csshover3.htc");
  background: url(data:null) fixed;
  text-decoration: none;
  font-family: Verdana, Arial, helvetica;
  font-size: 10px ;
  color: #666;
 
  margin:0;
  padding:0;
  height:100%;
  overflow:auto; 
}

h1 {font-size:2.5em;}
h2 {font-size:2.2em;}
h3 {font-size:1.7em;}
h4 {font-size:1.3em;}
h5 {font-size:1.1em;}
h6 {font-size:1.0em;}


A {
color: #804000;
text-decoration: none;
z-index: 10; 
outline: none;
}
A:hover {
color: #060;
border-color: #ccc #fff #060;
background: #eee;
outline: none;
}
A:active {
color: black;
border-color: #ccc #fff #060;
background: #eee;
outline: none;
}
A:focus {
color: #060;
border-color: #ccc #fff #060;
background-color:#eee;
outline: none;
}


a.active{
color: black;
border-color: #ccc #fff #060;
background: #eee;
outline: none;
}

/***************************/
/*<![CDATA[*/
.lion {
 color: #060;
border-color: #ccc #fff #060;
background-color:silver;
outline: none;
}
.lioff {
  background-Color:transparent;

}

.lionImage{
  background-color:transparent;
  outline:none;
  }
/*]]>*/
/**************************/

A.WH:link {text-decoration: none; font-weight: normal;color:white;outline: none;}
A.WH:visited {text-decoration: none; font-weight: normal; color:white;outline: none;}
A.WH:hover {text-decoration: underline; font-weight: normal; color: yellow;outline: none; background:none;}
A.WH:active {text-decoration: none;font-weight: normal; color:white;outline: none;}

A.imglink:link {text-decoration: none; font-weight: normal;color:white;outline: none;}
A.imglink:visited {text-decoration: none; font-weight: normal; color:white;outline: none;}
A.imglink:hover {text-decoration: underline; font-weight: normal; color: yellow;outline: none; background:none;}
A.imglink:active {text-decoration: none;font-weight: normal; color:white;outline: none;}

/*******************************************************************/
/*  logo tekst  -  fiksirani otto logo                                    */
/*******************************************************************/
#otologo{
 
    border:none;
        position:absolute; /*ie6 (doesn't understand position:fixed)*/

    top:120px;
    left:260px;
    z-index:10;
}
body>div#otologo     /*ie7 and above*/
    {
    position: fixed;
    }
	

/*****************************************************/
/* mitcom                                              */
/*****************************************************/

#mitcom{
    border:none;

    position:absolute;   /*ie6 (doesn't understand position:fixed)*/

    padding: 0 0 1px 0;
    top: 150px;
    left:260px ;
/*   top:30px; 
   padding-top: 5px;*/
   line-height:130%;

   width : 700px ;
   font-family: Verdana, Arial, Helvetica;
   text-align: justify; 
/*   font-size: 1.2em;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   color:#000000; */
   z-index:2;
    }
body>div#mitcom     /*ie7 and above*/
    {
    position: fixed;
    }

 
/*******************************************************************/
/*  logo tekst  -  float left                                                 */
/*******************************************************************/
.logotekst {
 
	float: left;
	padding:0px 10px 5px 2px;
	border:none;
	
}
/*******************************************************************/
/*  logo tekst  -  fiksirani logo                                                 */
/*******************************************************************/
.fiksirani {
 
    border:none;
    position:absolute;
    margin-left:-110px;
	}
html>body  .fiksirani {position: fixed;}
	
/*******************************************************************/
/*  logo tekst  -  logonaslov                                                 */
/*******************************************************************/
.logonaslov {
 
/*	position:fixed; */
    position:absolute;

	left:140px;
	}
	


/*******************************************************************/
/*  logo tekst  -  opis proizvoda (proizvodi i usluge                                              */
/*******************************************************************/
.proizvodi {
/*  position: absolute; */
    padding:0px 10px;   
/*	margin-left: 80px; */
	text-decoration: none;
    list-style: none;
}
/*******************************************************************/
/*  logo tekst  -  my bullet                                              */
/*******************************************************************/
.mojbullet {
   position: relative;
/*  list-style-image:url('../images/4.gif') ;*/
    padding: 2px;
	margin-left:150px;
}
/*******************************************************************/
/*  slika tekst  -  opis slike                                             */
/*******************************************************************/
#opis
{
position:relative;
left:160px;
width:250px;
top:-100px;
/* text-align:justify;  */

}

#opis_215
{
position:relative;
left:220px;
width:250px;
top:-120px;
/* text-align:justify;  */
}


/*******************************************************************/
/*  preload image                                                  */
/*******************************************************************/

.hiddenpic {display:none;} /*css-image-preloader*/

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


img { 
border:none;
background: none;


}

#zastava {
   position: absolute;
   right:50px ;
   top:20px; 
   z-index:10;
   
 }
body>div#zastava
    {
    position: fixed;
    }
 

#container {
   position:relative;
   min-height:100%;
   height:100%; 
/*   *height:100%; */
   width:100%;
   font-size:1.2em;

   left:2px; 
}
/**************************************/
/*    mvs header                   */
/**************************************/ 
#header {
 
   position: absolute; /*ie6 and above */

   left:2px;
   top:0px;
   width:97%;
   height:68px;   /* Height of the header */
   border-bottom-width: 1px;
   border-bottom-style:solid; 
   text-align:left;
   background-color:white;
/*   padding:0px 30px 50px 0px; */

  
   color:gray;
   z-index:10;

}
 

 body>div#header
    {
    position: fixed;
    }

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



/**************************************/
/*    header_nipson                 */
/**************************************/     
#header_nipson {
 
   position: absolute; /*ie6 and above */

   right:2px;
   top:0px;
   width:300px;
   height:auto;   /* Height of the header */
 /*  border-bottom-width: 1px;
   border-bottom-style:solid; 
   text-align:right;
   background-color:white;
  padding:0px 30px 50px 0px; 

  
   color:gray; */
   z-index:11;

}
 

 body>div#header_nipson
    {
    position: fixed;
    }

/***********************************/
    
#body {
   padding:1em;
   padding-bottom:3em;   /* Height of the footer */
   margin-bottom: 3em; 
}

   margin-bottom: 3em; 
}

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

   margin-bottom: 3em; 
}

/*****************************************************/
#navigacija {
   position:absolute;
   left:40px;
   top:80px;	
/*  z-index:100; */
   display:none; 
}
/*****************************************************/
/* tekst                                              */
/*****************************************************/

#tekst{
    position:absolute;
    padding: 0 0 1px 0;
    top: 120px;
    left:270px ;
/*   top:30px; 
   padding-top: 5px;*/
   line-height:130%;

   width : 700px ;
   font-family: Verdana, Arial, Helvetica;
   text-align: justify; 
/*   font-size: 1.2em;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   color:#000000; */
   z-index:2;
    }

   
/*****************************************************/
/* tablica                                              */
/*****************************************************/

#tablica{
   position:absolute;

   top:250px; 
   left:100px;
   
/*   padding-top: 5px;
   line-height:130%;  */
/*   background-color: #006699;*/
   width :850px ;
/*   font-family: Verdana, Arial, Helvetica;
   
   font-size: 1.2em;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   color:#000000;*/
   z-index:2;
    }
#colL {
   position:absolute;
   left:0%;
   width : 100% ;
/*   float:left; 	*/
   text-align: left;  
/*   background-color: #006699; */
    z-index:2;
} 

#colR {
   position:absolute;
   left:55%;
   width : 45% ;
/*   float:right; 	*/
   text-align: left; 

/*   background-color: #006699; */

}
#colLpola  {
 position:absolute; /*ie6 (doesn't understand position:fixed)*/
  font-size:1.2em;
  top:260px;
  left:10px;
   width : 410px ;
   text-align: left;  
   z-index:2;
   overflow:hidden;  
	
}
 body>div#colLpola
    {
    position: fixed;

    }


#layerL {
   position: absolute; 
   left:350px;
   top:0px;
   width: 50%; 
   text-align: left; 
 /*  visibility:hidden; */
  
   z-index: 2; 
}
#layerJ {
   position: absolute; 
   left:350px;
   top:0px;
   width: 50%; 
   text-align: justify; 
/*   visibility:hidden; */
 
   z-index: 2; 
}
#layerALL{
    position:absolute;
    padding: 0 0 1px 0;
    top: 150px;
    left:220px ;  

    width : 600px ;
    text-align: justify; 
    z-index:2;
    }
  
 
/*****************************************************/
/* tablica full                                            */
/*****************************************************/

#tablicafull{
   position:absolute;
   overflow:visible; 
   top:250px; 
   left:1px;
   width:100%;
   height:3000px;

   
   z-index:2;
    }
#lijevo {
 position:absolute; /*ie6 (doesn't understand position:fixed)*/
   top:350px;
   left:1px;
   width : 50% ;
    height:100%;


   text-align: left;  
    z-index:2;
} 
body>div#lijevo     /*ie7 and above*/
    {
    position: fixed;
    }

#desno {
  
   position: absolute;
   left:50%;
   width : 50% ;
   height:100%;
   z-index:2;



   text-align: left; 
}
  



/*****************************************************/
/* logoji                                              */
/*****************************************************/
#logoji {
position:absolute;	
   bottom:60px;
   left:5%;
   width:90%;
  z-index:1;
/*  background-color:white; */

}
#prvi {
     position:absolute;
     left:1%;
     bottom:-15px;
     width:25%;
}
#drugi {
     position:absolute;
     left:25%;
     bottom:-15px;
     width: 25%;
}

#treci {
     position:absolute;
     left:55%;
     bottom:-15px;
     width: 25%;
}

#cetvrti {
     position:absolute;
     left:75%;
     bottom:-20px;
     width: 25%;
}

/*****************************************************/
/* kontakt footer                                             */
/*****************************************************/
#kontakt {


   position:absolute;	
    bottom:0;
   left:0;
   width:98%;
   height:85px;	
   font-family: Verdana, Arial, Helvetica;
   text-align: left; 
   font-size: 1.1em;
   font-style: normal;
   font-weight: normal;
   text-decoration: none;
   color: white ;
   background-color: #006699;
   z-index:3;
   padding:0.5em 1em 0 1em;      
   z-index:100;
 
}
body>div#kontakt
    {
    position: fixed;

    }


#kontaktL {
     position:absolute;
     left:2%;

    float: left;

   

    width: 60%;
      
}
#kontaktR {
     position:absolute;
     left:60%;

    float: left;


    width: 40%;
     
}

/*****************************************************/
/* menu                                              */
/*****************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#button{

 position:absolute; /*ie6 (doesn't understand position:fixed)*/

top:120px;
left:40px;
width: 150px;
border-right: 1px solid #000;
padding: 0 0 0.2em 0;
margin-bottom: 1.1em;
font-family: Verdana, Arial, Helvetica;
font-size:1.1em;
background-color: #90bade;
color: #333;
z-index:100;

}
body>div#button     /*ie7 and above*/
    {
    position: fixed;
    }

html>body #button li a{ /*Non IE6 width*/ width: auto;
}


#button ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#button li a{
display: block;
padding: 0.5em 0.5em 0.5em 0.8em;
border-left: 1em solid #1958b7;
border-right: 1em solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #button li a{ /*Non IE6 width*/
width: auto;
}

#button li a:hover{
border-left: 1em solid #1c64d1;
border-right: 1em solid #5ba3e0;
background-color: #2586d7;
color:yellow;
/*
color: #fff;*/
}
#button .active {
border-left: 1em solid #1c64d1;
border-right: 1em solid #5ba3e0;
background-color: #2586d7;
color:yellow;
font-weight: normal;
font-size:inherit;
	    
}
/************************/ 
/**subMenu             **/
/************************/
#button ul ul {
visibility: hidden;
/*display:none; */
position:absolute;
left:120px;
top:40px;
width: 170px;
border-right: 1px solid #000;
padding: 0 0 0.2em 0;
margin-bottom: 1.1em;


background-color: #90bade;
color: #333;
	
}

#button ul li:hover ul {
visibility: visible;
display:block;

}

#button ul ul li {
border-bottom: 1px solid #90bade;
/*margin: 0;*/

}
#button ul ul li:hover {
color:yellow;
}

/**************************************************/
/*    slider                                      */
/**************************************************/
#slider  {
 position:absolute; /*ie6 (doesn't understand position:fixed)*/
 
  font-size:1.2em;
  top:80px;
  left:20px;
   width : 95% ;
   text-align: left;  
   z-index:0;
  overflow:hidden; 
	
}
#slider a {border:0; padding:0; margin:0;}
#slider img {border:0; padding:0; margin:0;}

body>div#slider     /*ie7 and above*/
    {
    position: fixed;
    }

/**************************************************/
/*   ul li gore                                   */
/**************************************************/
ul.gore {
	
width: 150px;
height:60px;
font-size:3em;
text-align: center;
color:white;
list-style-type: none;
padding: 0;
margin: 0;
z-index:100;
}


ul.gore li {
border: none;
margin: 0;
list-style-type: none;
}

ul.gore li a:hover{
border: none;
background-color: white;
}

ul.gore li a:active{
border: none;
background-color: white;