body {margin: 0px;
      padding: 0px;
      background-color: #D3E1F1;
      color: #333333;
      font-family:Arial,Helvetica,sans-serif;
      font-size: 13px;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height:1.5em;
}



/********************HEADER************************/


#home {width: 100%;
       height: 550px; 
       background: url(design/home_repeat.jpg) repeat-x;
}

#header {width: 1030px; 
         height: 180px; 
         margin: 0px auto;
}

#logo {float: left; 
       width: 450px; 
       margin-top: 30px;
}

#logo h1 {color: #333333;
          display: table;
          font-family:Trebuchet MS;
          font-size: 20px;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height:1.5em;
          margin-bottom:0.1em;
}

#navrest {float: right; width: 580px;}

#glavnanavigacija {margin-top: 30px; }


#topheader {width: 100%; background-color: #DDDDDD;}
#thetopheader {margin: 0px auto; height: 33px; width: 1030px;}

#iflogin {float: left; width: 300px;  padding-top: 6px;}
#iflogin a {text-decoration: none; color: #999999;}
#topnavcont {float: right; width: 710px;}
#topnavi {float: left; padding-right: 20px;  padding-top: 6px; width: 540px; text-align: right;}
#topnavi li { color: #999999; text-decoration: none; padding: 0px 2px; display: inline;}
#topnavi a { color: #999999; text-decoration: none; padding: 0px 2px; display: inline;}
#toplang {float: right; padding-top: 2px; width: 150px;}

#trazilica {float: right; padding-top: 20px; padding-right: 100px;}








/*************************************STRANICA ELEMENTI****************************/


#navbar {width: 170px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; float: left;}

#mcontainer {width: 1030px; margin: 0px auto; background-color: #ffffff;

            -moz-border-radius: 6px;
            
	         -webkit-border-radius: 6px;
	         
	         border-radius: 6px; /* future proofing */
	          
	        -khtml-border-radius: 6px; /* for old Konqueror browsers */

}






#page {width: 830px;
       float: right;
       background: #ffffff;
       padding-left: 10px;
       padding-right: 10px;
       background-color: #ffffff;
       padding-bottom: 10px;
       padding-top: 10px;
       
                   -moz-border-radius: 6px;
            
	         -webkit-border-radius: 6px;
	         
	         border-radius: 6px; /* future proofing */
	          
	        -khtml-border-radius: 6px; /* for old Konqueror browsers */
}

#page li {padding-left: 15px; 
          background: url(design/li.jpg);
          background-position: top left;
          background-repeat: no-repeat;
          list-style-type: none;
}


.thepage {width: 830px;}

.pageentry {width: 830px;}



#centerpagina {float: left;
               width: 560px;
               
               
}

.thepost {width: 830px;}

.postentry {float: left;
            width: 570px;
}


.postentry img {
background-color: #F1F1F1; border: 1px solid #E3E3E3;
padding: 4px;
       			-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */ 
	margin: 5px;
}

.postmitcomm {
float: left;
width: 560px;}

#sidebar {float: right;
          width: 250px;
               
}



#bottom {clear: both;
         background: #ffffff;    
}

#footer {width: 840px;
         margin: 30px auto;
         font: 9px Verdana;
         color: #999999;
         text-align: center;
		 
          bottom:0;
		  
}

.alignleft {float: left; }
.alignright {float: right; }

/*****botuni****/
.arhivavise  {
	background: white;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 11px;
	font-family: Arial;
	}
.arhivavise a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	border: 1px solid #bfbfbf;
       			-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */ 
	text-decoration: none;
}



/************************************SIDEBARS********************************************/





#pageimage_naslov {width: 239px; background: #F1F0FB;  padding: 3px 5px; border-bottom: 1px solid #FFFFFF;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
}
#pageimages {width: 244px; background: #F1F0FB;  padding-top: 7px; padding-left: 5px; }

.clipout_pi_image {width: 117px; height: 117px; overflow: hidden; background-color: #CDCFD8;  float: left; margin-right: 5px; margin-bottom: 5px;
                     	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
}
.pi_image {width: 111px; height: 111px; overflow: hidden; margin: 3px;}
.pi_image img {width: auto; height: 111px;}


#sidebar li {list-style: none; padding:0px; background: url(design/skl.jpg);  }

.galrow {width: 257px;  margin-bottom: 7px; height: 103px;}

.gall {width: 123px;  border: 1px solid #D1EFE2; float: left;}
.gald {width: 123px;  border: 1px solid #D1EFE2; float: right;}

.sidegallery {width: 255px;
              margin-left: 15px;
              padding: 7px 7px 0px 5px;
              background-color: #FBFDFD;
              border: 1px solid #EBEBEB;
}

#sidebarv {float: right;
           width: 150px;      
}

.sidegalleryv {width: 100px;
               margin-left: 10px;
              
}

.sidetitle {font: 13px Verdana;
            color: #999999;
            padding: 8px;
            background: #ffffff;
            border: 1px solid #EAEAEA;
              
}

#mininav {width: 255px;
          margin-left: 15px;
          padding: 7px 7px 0px 5px;
          background-color: #F7F7F9;
          border: 1px solid #EBEBEB;
          margin-bottom: 10px;
}

#mininav li {list-style: none;
}

#mininav a {text-decoration: none;}

#feat {width: 240px; 
       
       padding: 5px 5px 5px 5px;
       background-color: #FBFDFD;
       border: 1px solid #EBEBEB;
       margin-bottom: 10px;
}
#feat a {text-decoration: none; font-size: 13px;}

#feat li {padding-bottom: 4px;}

#sidelastpost {}
#sidelogin {}
#sidecategory {}
#siderelated {}
#sidegallery {}
.sidepicture {width: 255px; 
       margin-left: 15px;
       padding: 7px 7px 0px 5px;
       margin-bottom: 10px;
       text-align: center;
}

#novi {border-top: 1px dotted #DBDBDB; margin-bottom: 20px; clear: both;}
#novi a {text-decoration: none;  font-size: 16px; padding: 0px;}
#novi li span {font-size: 11px;}

#bread {font-family: trebuchet ms; 
        font-size: 13px; 
        background-color: #F6F6F6; 
        width: 818px; 
        padding: 5px; 
        margin-bottom: 20px;
        border: 1px solid #EEEEEE;
        	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
        }
#bread a {text-decoration: none; font-family: trebuchet ms; font-size: 13px;}

.novip {border-bottom: 1px dotted #DBDBDB; padding: 7px; clear: both;}
#novid {clear:both;}

#avatar { padding-bottom: 10px;}

#recent_comments {margin-bottom: 20px; padding: 0px;}
#recent_posts {margin-bottom: 20px; padding: 0px;}
.rp {margin-bottom: 1px; background-color: #F1F1F1; border-bottom: 1px solid #ffffff;}
#related_posts {margin-bottom: 20px; padding: 0px;}
#recent_commented {margin-bottom: 20px; padding: 0px;}
#cpanel {margin-bottom: 20px; padding: 0px;}







/***********************************************POST INFO*****************************************************************/


.postinfo {width: 550px; border-bottom: 1px dotted #cccccc; padding: 0px; margin: 0px;}
.postinfo  a {padding: 0px; margin: 0px; font-size: 21px; text-decoration: none; color: #000000;}


.postinfo .pikategorija {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.postinfo .pikategorijad {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}
.postinfo .pikategorijad  a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}

.postinfo .piautor {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.postinfo .piautord {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}
.postinfo .piautord a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}

.postinfo .pidatum {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.postinfo .pidatumd {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}
.postinfo .pidatumd a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}

.postinfo .pimail {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.postinfo .pimaild {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}
.postinfo .pimaild a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}

.postinfo .picomments {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.postinfo .picommentsd {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}
.postinfo .picommentsd a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}









/*******************************************FONTOVI****************************/

li {list-style: none;}

img {border: 0;}

p {color: #333333;
   display: table;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 13px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height:1.5em;
   margin-bottom:0.5em;
}





#page li {color: #333333;
          display: table;
          font-family:Arial,Helvetica,sans-serif;
          font-size: 14px;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          line-height:1.5em;
          margin-bottom:0.5em;
}


a {color: #5094DE
}

a:visited {}
a:active {}
a:hover {}

h1 {color:#2B2B2B;
    font-family:Georgia,Times,serif;
    font-size: 25px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 100%;
    margin-left: -2px;
    text-decoration: none;
    margin: 0px;
}

h1 a {color:#2B2B2B;
      font-family:Georgia,Times,serif;
      font-size: 25px;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      letter-spacing: -1px;
      line-height: 100%;
      margin-left: -2px;
      text-decoration: none;
      margin: 0px;
}

h2 {color:#2B2B2B;
    font-family:Georgia,Times,serif;
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 100%;
    margin-left: -2px;
    text-decoration: none;
    margin: 0px;
    padding-bottom: 10px;
}

h2 a {color:#2B2B2B;
      font-family:Georgia,Times,serif;
      font-size: 22px;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      letter-spacing: -1px;
      line-height: 100%;
      margin-left: -2px;
      text-decoration: none;
      margin: 0px;
      padding-bottom: 10px;
}

h3 {color:#2B2B2B;
    font-family:Georgia,Times,serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: -1px;
    margin-left: -2px;
    text-decoration: none;
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-left: 3px;
}

h4 {font-family: trebuchet ms; font-size: 16px; font-weight: normal;}

small {color: #7D7D7D;
       font-size: 10px;
}

/**********************************ICONS*******************************/

a[href$='.pdf'] {

padding-left:20px;
background:transparent url(design/icons/PDFicon.png) center left no-repeat;
font-family: trebuchet ms;
font-size: 13px;
padding-bottom: 2px;
}


a[href$='.doc'] {

padding-left:20px;
background:transparent url(design/icons/WORDicon.png) center left no-repeat;
font-family: trebuchet ms;
font-size: 13px;
padding-bottom: 2px;
}


a[href$='.xls'] {

padding-left:20px;
background:transparent url(design/icons/EXCELicon.png) center left no-repeat;
font-family: trebuchet ms;
font-size: 13px;
padding-bottom: 2px;
}


a[href$='.zip'] {

padding-left:20px;
background:transparent url(design/icons/ZIPicon.png) center left no-repeat;
font-family: trebuchet ms;
font-size: 13px;
padding-bottom: 2px;
}



a[href$='.png'] {

padding-left:20px;
background:transparent url(design/icons/IMAGEicon.png) center left no-repeat;
font-family: trebuchet ms;
font-size: 13px;
padding-bottom: 2px;
}

a[href$='.kmz'] {

padding-left:20px;
background:transparent url(design/icons/KMZicon.png) center left no-repeat;
font-family: trebuchet ms;
font-size: 13px;
padding-bottom: 2px;
}

a[href$='.ppt'] {

padding-left:20px;
background:transparent url(design/icons/PPTicon.png) center left no-repeat;
font-family: trebuchet ms;
font-size: 13px;
padding-bottom: 2px;
}


/******************************************* menu coding ****************************/
#menu {

background: #ffffff;
float: right;
padding-top: 7px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0px;

float: left;
}

#menu a {
font: 12px arial;
display: block;

margin: 0;
padding: 4px;
}

#menu h2 {
color: #000000;
background: #ffffff;
text-transform: uppercase;
font-size: 16px;
font-family: Trebuchet Ms;   #EDFAF5;
padding: 5px;
}

#menu a:hover h2 {background: #EDFAF5;}
#menu a {
color: #000;

text-decoration: none;
}

#menu a:hover {
color: #2D7CAC;
background: #fff;
}

#menu li {position="absolute"}

#menu ul ul li {width: 200px; background-color: #F8F9F9; }

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}






 


/**************************************SEARCH***************************************/

fieldset.search {
	border: none;
	width: 200px;
        height: 24px;
        margin-left: 25px;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #333333;
	font-size: 13px;
	width: 110px;
	height: 24px;
	padding: 3px 0px 0px 0px;
	background:  url(design/sfield.jpg) no-repeat left ;
	
}
.search input.box:focus {
	background:  url(design/sfield.jpg) no-repeat left ;
	outline: none;
}
.search button.btn {
	width: 40px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	background:  url(design/sbutt.jpg) no-repeat top right;
}
.search button.btn:hover {
	background:  url(design/sbutt.jpg) no-repeat top right;
}

#imenik {color: #333333;
   display: table;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height:1.5em;
   margin-bottom:1.5em;
   margin-left: 20px;
}

.djelatnik {background-color: #E2F1F0; 
            border-top: 1px solid #F7FBFB;
            border-bottom: 1px solid #CCE6E3;
            width: 720px; 
            height: 22px;
            padding-left: 15px; 
            padding-top: 3px;
            }
.djelatnik a {display: block;
              height: 100%;
              width: 100%;
              text-decoration: none;
              padding: 0px;
             }
.djelatnik p {padding: 0px;}

.djime a {display: block;}
.djime a:hover {background-color: #ffffff;}

.topimenik {background:  url(images/imenik.jpg); 
            width: 720px; height: 25px; 
            padding-left: 15px; 
            margin-top: 25px; 
            padding-top: 5px; 
            border-bottom: 1px solid #A8D5D2;}
#imenikbot {background:  url(images/imenikbot.jpg); 
            width: 720px; height: 25px; 
            padding-left: 15px; 
            padding-top: 5px; 
            border-top: 1px solid #F7FBFB;}

/************************************STANOVNICI AKVARIJA****************************/
.kartica {color: #333333;
   display: table;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height:1.5em;
   margin-bottom:1.5em;
   text-align: center;}

.kartica span {color: #4D86BF;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 11px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height:1.5em;
   margin: 0px;
   text-align: center;}

.kartica img {padding: 10px;}



/*****************************************TABLICE**************************************/

.pjs {border: 1px solid #cccccc;}
.pjd td {padding: 10px;}

#curriculum { background: #ffffff;
              color: #333333;
   width: 555px;
   font-family:Arial,Helvetica,sans-serif;
   font-size: 13px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   padding-top: 0px;}
   
#curriculum table {border: 1px dotted #cccccc; margin-bottom: 10px;}

tr.curbot td{border-bottom: 1px dotted #cccccc; }
td.imek {width: 140px; text-align: right; padding-right: 10px; color: #006699;}
td.stavk {width: 405px;}
td.stavj {width: 134px; text-align: center;}

table.imeniki {width: 836px; border: 1px dotted #cccccc; margin-bottom: 10px; text-align: center;}
table.imenik {width: 836px; border: 1px dotted #cccccc; margin-bottom: 10px; text-align: center;}
table.imenik tr:hover{background-color: #E9E9ED; }
table.imenik td a{display: block;}

td.ime {width: 150x; text-align: center;}
td.prezime {width: 150px; text-align: center;}
td.titula {width: 112px; text-align: center;}
td.telefon {width: 200px; text-align: center;}
td.email {width: 134px; text-align: center;}
td.jedinica {width: 80px; text-align: center;} 








/*************************************************GOOGLE MAP**************************/
#kartola {width: 450px;
          height: 271px;
          background-color: #FFFFFF;
          float: left;
          }
.map{
height: 271px;
width: 450px;
margin: 0;
padding: 0;
border: 0;
}

#map_message{
display: none;
position: absolute;
width: 12em;
padding: .5em;
background: #555;
font-size: .9em;
color: #FFF;
}
#map_message img{
border: 0;
margin-top: 0;
}
#map_message a{
color: #CAEAF9;
border-bottom: 1px solid #EBEBEB;
}
#map_message a:hover{
color: #FFF;
border-bottom: 1px solid #CAEAF9;
}




/*************************************************NOOOOVOOOOOOOO**************************/



.thepostinfo {width: 550px; padding: 0px; margin: 0px;}
.thepostinfo  a {padding: 0px; margin: 0px; font-size: 25px; text-decoration: none; color: #000000;}

.thepostinfo .pikategorija {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.thepostinfo .pikategorijad {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}
.thepostinfo .pikategorijad  a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}

.thepostinfo .piautor {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.thepostinfo .piautord {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}
.thepostinfo .piautord a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}

.thepostinfo .pidatum {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.thepostinfo .pidatumd {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}
.thepostinfo .pidatumd a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}

.thepostinfo .pimail {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.thepostinfo .pimaild {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}
.thepostinfo .pimaild a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}

.thepostinfo .picomments {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.thepostinfo .picommentsd {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}
.thepostinfo .picommentsd a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial;}

.posttags {}
.posttagst {margin: 0px; padding: 0px; font-size: 12px; color: #cccccc; font-family: arial;}
.posttags a {margin: 0px; padding: 0px; font-size: 12px; color: #999999; font-family: arial; text-decoration: none;}

#profilavatar img {width: 255px; height: 255px;}

#sidenav li ul {margin: 0px; padding: 0px;}
#sidenav ul li {margin: 0px; padding: 0px;}
#sidenav ul ul li {margin: 0px; padding: 0px;}
#sidenav ul li li {margin: 0px; padding: 0px;}
#sidenav li li li {margin: 0px; padding: 0px;}


#ddata {width: 240px; 
       
       padding: 5px 5px 5px 5px;
       background-color: #FBFDFD;
       border: 1px solid #EBEBEB;
       margin-bottom: 10px;}
.kddata {width: 230px;}
.tddata {float: left; width: 70px; color: #4A938F;}
.vddata {float: right; width: 150px;}
.vddata a {text-decoration: none;}


/************************************************LEFTNAV**************************/
.subparent {padding-bottom: 15px;
            background-color: #F6F6F6;
            border: 1px solid #EEEEEE; 
             width: 160px;
            
            font-family: trebuchet ms; 
        font-size: 13px; 
            -moz-border-radius: 4px;
            
	         -webkit-border-radius: 4px;
	         
	         border-radius: 4px; /* future proofing */
	          
	        -khtml-border-radius: 4px; /* for old Konqueror browsers */
            }
.pparent {padding: 5px 5px;}

.sublinks ul ul a {text-decoration: none; color: #000000; padding: 2px 10px; display: block;}
.sublinks ul ul a:hover {background-color: #ffffff}
.sublinks ul ul li {margin-left: 0px; padding-left: 0px; background-color: #FAFAFA; color: #000000; width: 160px;}
.sublinks ul  {margin-left: 0px; padding: 0px; background-color: #F6F6F6; border-top: 1px solid #DBDBDB; width: 160px; margin-top: 0px; margin-bottom: 0px;}
.sublinks ul a {padding: 2px 5px; text-decoration: none; display: block; }
.sublinks ul a:hover {background-color: #D0E0E1; }
.sublinks ul li {border-bottom: 1px solid #DBDBDB;}
.sublinks ul ul li {border-bottom: 1px solid #ffffff; width: 160px;}
.sublinks .current_page_item a, .sublinks .current_page_item a:visited { color: #fff; background:#444;}
.sublinks .current_page_item a:hover { color:#FFFFFF;}
.sublinks .current_page_item ul li a, .sublinks .current_page_item ul li a:visited{ background: #F7F8FD; color: #666;}
.sublinks .current_page_item ul li a:hover { background: #f1f1f1; color: #000; }

.botparent {width: 158px; 
            background-color: #F6F6F6;
            border-bottom: 1px solid #EEEEEE; 
            border-left: 1px solid #EEEEEE; 
            border-right: 1px solid #EEEEEE; 
            height: 20px;
            font-family: trebuchet ms; 
        font-size: 13px; 
}
	
	
	



/************************************************NAVIGACIJAGLAVNA**************************/

#nav {
	margin: 0px;
	padding: 3px 5px;

	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li {
	float:left;
	list-style: none;
	margin: 0px 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:visited {
	color: #000000;
	display: block;
	font-family: Arial, Verdana,  Tahoma;
	font-size: 13px;
	font-weight: normal;
    margin: 0px 0px 0px 0px;
	padding: 4px 9px ;
	text-decoration: none;
	text-transform:uppercase;
	background-color: #CCCCCC;
	margin-right: 12px;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	}

#nav li a:hover {
	background: #666;
	color: #fff;
	}
	
#nav li li a, #nav li li a:visited {
	font-size: 12px;
	color: #999;
	background-color: #F7F8FD;
	float: none;
	margin: 0px 0px 0px -1px;
	padding: 7px 10px 7px 10px;
			-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; /* future proofing */
	-khtml-border-radius: 0px; /* for old Konqueror browsers */
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #000;
	color: #fff;
	padding: 7px 10px 7px 10px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	margin: 0px;
	padding: 0px;

	}



#nav li li { 
	}

#nav li ul a { 
	width: 200px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -29px 0 0 130px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
	
	
#nav .current_page_item a, #nav .current_page_item a:visited {
	color: #fff;
	background:#444;
	}

#nav .current_page_item a:hover {
	color:#FFFFFF;
	}

	
	
#nav .current_page_item ul li a, #nav .current_page_item ul li a:visited{
	background: #F7F8FD;
	color: #666;
	}

#nav .current_page_item ul li a:hover {
	background: #f1f1f1;
	color: #000;
	}


.imedj {margin-bottom: 10px;}
.imeslovo {width: 245px; padding: 5px; background-color: #cccccc; margin-bottom: 10px;}








/*********************************************COMMENTS*****************************************/






.thecomment {margin-bottom: 1px;}	
.commentbox {width: 454px; 
             background-color: #FFFFFF;
                     	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	padding: 0px 10px 0px 0px;
	
	}
.imgbox {float: left; width: 98px; margin: 5px;}
.clipout {width: 96px; height: 96px; overflow: hidden; background-color: #F1F1F1; border: 1px solid #E3E3E3;
			-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* future proofing */
	-khtml-border-radius: 6px; /* for old Konqueror browsers */
}	
.commimage {width: 88px; height: 88px; overflow: hidden; margin: 4px;}	
.commimage img {width: 88px; height: auto;}
.commentrest {width: 346px; float: right; margin-bottom: 5px; margin-top: 5px;}
.commentinfo {width: 335px; padding: 2px 0px 1px 4px; font-size: 9px; color: #BBBBBB;}
.commentinfo a {font-size: 13px; text-decoration: none;}
.comdatime {float: right; width: 136px; text-align: right;}
.comautor {float: left; width: 190px;}
.infoplustxt {background-color: #E7EBED; width: 347px;
			-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	}
.commenttext {width: 331px; background-color: #F8F9FA; padding: 7px; border: 1px solid #E7EBED;
			-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */

}

.commenttext p {margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; 	font-size: 12px;}

.inputcomment {width: 454px;}
.inputcomment textarea {width: 444px; height: 100px; margin: 5px 5px 0px 5px;

}





/*************************LANGUAGE NAVIGATION***************************************************/

#lang_sel {height:30px; position:relative; z-index:999; float: right; margin-right: 0px; margin-top:0px;  font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html #lang_sel {width:12em; w\idth:12em;}

/* remove all the bullets, borders and padding from the default list styling */
#lang_sel ul, #lang_sel li {padding: 0px !important; margin:0 !important; list-style-type:none !important;}
#lang_sel li:before{content:'' !important;}
#lang_sel ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {float:left;width:149px; position:relative;}

/* style the links for the top level */
#lang_sel a, #lang_sel a:link, #lang_sel a:visited {
	display:block;
	/*background: #fcfcfc;*/
	font-size:12px;
	text-decoration:none !important;
	color:#fff;
	
	line-height:18px;

	padding: 5px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	font: normal 12px Verdana, sans-serif;
	}
/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel a, * html #lang_sel a:link, * html #lang_sel a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;border-top:0;}

/* another hack for IE5.5 */
* html #lang_sel ul ul {top:25px;t\op:25px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#lang_sel ul ul a, #lang_sel ul ul a:link, #lang_sel ul ul a:visited {
	font-weight: normal;
	/*font-size: 11px;*/
	background:#eee;
	color:#000 !important;
	/*height:auto; line-height:1em; */
	/*padding:3px 10px;*/
	padding: 5px 15px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; /* future proofing */
	-khtml-border-radius: 0; /* for old Konqueror browsers */
	}
/* yet another hack for IE5.5 */
* html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#lang_sel a:hover, #lang_sel ul ul a:hover{color:#000; background:#ccc;}
#lang_sel :hover > a, #lang_sel ul ul :hover > a {color:#000; background:#ccc;}

#lang_sel a.lang_sel_sel{
    background:url(../images/nav-arrow-down.png) #fcfcfc right no-repeat;
    color: #bfbfbf;
}
#lang_sel a.lang_sel_sel:hover{
    text-decoration: none;
    /*color:#000;*/
}

/* make the second level visible when hover on first level list OR link */
#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul{visibility:visible; }

#lang_sel ul li img {
	position: relative;
	margin: 0px;
	padding: 0;
	margin-right: -2px;
	border: 1px solid #bfbfbf;
	top: 2px;
}

#lang_sel ul li ul li img {
	margin-right: -2px;
}


/****************************multipostnumbers********************************/
.multipostnumbers {
	background: white;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 11px;
	font-family: Arial;
	}
	
.multipostnumbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	border: 1px solid #bfbfbf;
       			-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */ 
	text-decoration: none;
}
.contentjumpnumber {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	border: 1px solid #bfbfbf;
       			-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */ 
}

.contentjumpall { text-decoration: none; border: 1px solid #cccccc; margin-left: 3px;
       			-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */ 
}


/****************************AKVARIJ********************************/


.akvimage {width: 180px; height: 120px; overflow: hidden; padding-bottom: 0px; margin-bottom: 0px; }	
.akvimage img {width: 180px; height: auto;}
#akvakartica {width: 180px; height: 255px; border: 1px solid #CCCCCC; padding: 5px 5px 5px 5px; float: left; margin-right: 14px; text-align: left; margin-bottom: 12px;
            -moz-border-radius: 6px;
            
	         -webkit-border-radius: 6px;
	         
	         border-radius: 6px; /* future proofing */
	          
	        -khtml-border-radius: 6px; /* for old Konqueror browsers */

}
#akvakartica span{font-size: 10px; color: #41B07C;}
#akvakartica p{text-align: center; font-size: 11px; color: #999999; margin: 0px; padding: 0px;} 



/****************************IMENIK*******************************/


#redakime1 {width: 810px; background-color: #FCFAFE; margin-bottom: 1px; height: 20px; padding-left: 15px; padding-top: 3px; padding-bottom: 3px;}
#redakime2 {width: 810px; background-color: #EFF1FA; margin-bottom: 1px; height: 20px; padding-left: 15px; padding-top: 3px; padding-bottom: 3px;}
.redakladica_mini {width: 50px; float: left; height: 20px; }
.redakladica_big {width: 130px; float: left; height: 20px; }
.redakladica_large {width: 220px; float: left;  height: 20px;}


/****************************PROJEKTIi*******************************/

#redakprojekt1 {width: 825px; 
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(251,251,251)),
    color-stop(0, rgb(244,244,244))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(251,251,251) 100%,
    rgb(244,244,244) 0%
);
border-bottom: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;


  }
  
#celoprojekti {width: 825px; background: #EAEAEA; border-top: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
text-shadow:1px 1px 0 #FFFFFF;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
}

#redakprojekt2 {width: 825px; 
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(1, rgb(251,251,251)),
    color-stop(0, rgb(244,244,244))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(251,251,251) 100%,
    rgb(244,244,244) 0%
);

border-bottom: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;

 }
.redakprojekt_mini {width: 90px; float: left;  padding: 3px 15px; text-shadow:1px 1px 0 #FFFFFF;}
.redakprojekt_big {width: 690px; float: left;  padding: 3px 15px 3px 0px; }
.redakprojekt_big a {text-decoration: none; }





/*************************************************USTROJ I DJELATNOSTI**************************************/

#opisdjelatnosti {}
#djelatnosti {float: left; width: 562px; background: #FBF9EA; padding: 5px; margin-bottom: 1px;}
#vijece {width: 558px; float: left;}
#vijece span {padding: 5px; margin-right: 1px; margin-bottom: 1px; background: #EBEFE9; width: 185px;}