/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}


/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: normal;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
   line-height:1.2em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #385C72;
}

/*****************
basic layout 
*****************/
body {
   background-color: /*#CADF96*/#fff;
   color: #333;
   margin:1em;     /*gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;       /* this centers wrapper */
   max-width: 80em;   /* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   background-color: #fff;;
   color: black;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
   height: 84px;    /* adjust according your image size */
   width: 896px;
    float:left;
           
}

div#header h1 a {
/* you can set your own image here */
   z-index:1000;
   background: url(slike/logo.jpg) no-repeat 0; 
   display: block;
   height:84px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

/* position for the search box */
div#search {

   width:240px;    /* enough width for the search input box */
   /*height:45px;*/
   text-align: left;
   padding: 0;
   margin-right: 0;
   float:right;
   line-height:14px;
   
  /* background: url(slike/srcbgr.jpg) no-repeat;*/
}

.rez {padding:5px; font-family:"Trebuchet MS", sans-serif;margin-left:20px;}
.rez li {list-style: url(slike/icons/page_white_magnify-trans.png); padding:6px;border-bottom:1px dotted #999; margin-top:3px;}
.vreme {padding:12px; font-size:10px; color:#999; }
.mapa {font-size:.8em, padding:6px; margin-left:20px;}
.mapa li {width:auto;padding-left: 5px; margin-left:22px;padding-top:5px;padding-bottom:3px; padding-right:3px; line-height:normal;list-style:none outside; border-bottom:1px dashed #ddd;mborder-left:1px solid #999;argin-bottom: 3px; margin-right:auto;}
/*.mapa ul li {padding-left: 5px; margin-left:22px;padding-top:5px;padding-bottom:0px; }*/

div.breadcrumbs {
   padding: 1em 0 1em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

 div#content {
   margin-left: 11px;   
   margin-right: 11px; /* some air above and under menu and content */
   text-align:left;
}


div#main {
   margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 2%; /* and some air on the right */
}

div#sidebar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 26%;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
}

div#footer {
   clear: both;       /* keep footer below content and menu */
   color: #fff;
   background-color: #385C72; /* same bg color as in header */
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;       /* some air for footer */
   text-align: center;  /* centered text */
   margin: 0;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}





img {
border: none;
}

.info {padding:6px; border:1px solid #999;margin-top:4px;}
.info img {float:left; margin-top:0; margin-right:6px;}
.infobox {margin-left:22px;width:480px:float:right;}
.podnaslov {font-size:1.2em; color: 6699cc; font-weight:800;}

.boxtitle {line-height:20px;width:100%;border-bottom:1px dotted darkgreen;padding:3px; font-weight:800; text-indent:2px;/*background:url(slike/menuback3.jpg) repeat-x*/;font-size:1.2em;color:darkgreen;}
.boxtitle2 {line-height:20px;width:100%;border-bottom:1px dotted #cc9966;padding:3px; font-weight:bold; text-indent:5px;color:#cc9966;font-size:120%;}
.boxtitle3 {line-height:20px;width:100%;border-bottom:1px dotted #0099cc;padding:3px; font-weight:bold; text-indent:5px;color:#006699;font-size:120%;}

.boxcontent {width:100%;padding:3px;border:0px solid #d4eb9d; margin-bottom:10px;margin-top:2px;}
.boxcontent2 {width:100%;padding:3px;border:0px solid #cc9966; margin-bottom:10px;margin-top:-1px;}
.boxcontent3 {width:100%;padding:3px;border:0px solid #0099cc; margin-bottom:10px;margin-top:-1px;}
#zaglavlje {
	width:  896px;
	height: 88px;
	/*background: url(slike/zaglavljebg.jpg) repeat-x top right;*/
       padding:0;
	  }
#zaglavlje #zaglavljegore {
	padding: 0px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#zaglavljetop {
        width:auto;
        height: 30px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #999999;
	float: left;
        position:absolute;
        top:128px;
        left:5px;
 background:transparent;

}
#zaglavlje #zaglavljelogo {
       /* float: left;
	width: auto;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: left;
	margin-left: 0;
	padding-top: 0;*/
}
#zaglavlje #zaglavljelogo h1 {
	/*font-family: "Trebuchet MS", sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #6B9607;
	line-height: 25px;
        padding-top: 5px;
        width:100%;*/

}
#zaglavlje #zaglavljelogo span {
	margin-top: -20px;
}
#zaglavlje #zaglavljelogo div {
	/*float: right;
	width:100%;*/
}
#zaglavlje #zaglavljedesno {
	float: right;
        width: 45%;
	padding-top: 20px;
        
}
#zaglavlje #zaglavljemeni {
	clear: both;
	float: left;
	width: 100%;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: left;
	margin-left: 0px;
	margin-top: 20px;
	background-image: url(slike/menubgr.jpg);
	background-repeat: no-repeat;
	height: 31px;
        
}
#zaglavlje #menidno {
	background-color: #33cc99;
	margin-top: 20px;
	padding: 0px;
	float: left;
	height: 10px;
	width: 732px;
		margin-left: 130px;
}

.pretraga {clear:both ;float:right;  height:1.9em; width:219px;  background:transparent; margin-top:30px;margin-left:25px;overflow:hidden;text-align:right;}

#contentwrapper{

width: 896px;
border-top:0 solid #8dc70a;
border-bottom:0px solid #8dc70a;
border-left:0px solid #8dc70a;
border-right:0px solid #8dc70a;
padding:0px;
padding-top:0;
font-weight:normal;

margin-left:0;
}
#contcol {
float:left;
width:688px;
}
#leftcol{
float: left;
width: 162px; /*Width of left column in pixel*/
/*margin-left: -895px Set margin to that of -(MainContainerWidth)*/
padding: 0; 
background-color:#fff;
text-align:left;
}

#leftcolumn{
width: 100%; /*Width of left column in pixel*/
/*margin-left: -895px Set margin to that of -(MainContainerWidth)*/

}

#contentcol{
width:512px;
float:right;
background-color:#fff;
border-top:0px solid #E7AB0B;
padding:1px;
margin-right:1px;
overflow:hidden;
margin-bottom:10px;
}
#contentcolumn{
width:100%;
border-top:0 solid #E7AB0B;

}

#rightcol{
float: right;
width: 200px; /*Width of right column*/
/*margin-left: -206px; Set left margin to -(RightColumnWidth)*/
background-color:#fff;
/*border:1px solid #D4EB9D;*/
padding-top:1px;
padding:1px;
}

#rightcolumn{
width: 100%; /*Width of right column*/
/*margin-left: -206px; Set left margin to -(RightColumnWidth)*/
/*background: #E8F4CB;*/


}

#futer{
clear: both;
width: 100%;
background: #D4EB9D;
color: #FFF;
text-align: center;
padding: 4px 0;
margin-top:10px;
}

#futer a{
color: #FFFF80;
}

.innertube{
margin: 1px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;

}
.innertubeleft{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
margin-bottom: 2px;
border-bottom:0px solid #D4EB9D;
padding:1px;
padding-top:1px;
width:100%;

}

.innercont{ padding:3px;border-top:5px solid #D4EB9D;}
.innertuberight{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
margin-bottom: 2px;
padding:1px;
padding-top:1px;
width:100%;
}


img {
border: none;
}

.CompanyDirectoryItem {line-height:normal; border-bottom:1px dashed #ccc;margin-top:12px; margin-bottom:10px;padding:6px;} 
.CompanyDirectoryCategory {line-height:normal; font-size:1em; }
.taglink  {line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold;list-style:none;}
a.taglink  {line-height: 25px; font-size: 11px; color: #333333; text-decoration: none; font-weight: bold;}
.
.tagcloudlink {line-height: 25px; color: #333; text-decoration: none; font-weight: 500; }
.taglink ul li {list-style:none; }
a.tagcloudlink {line-height: 25px; color: #333; text-decoration: none; font-weight: 500;}
a.tagcloudlink:hover {line-height: 25px; color: #fff; text-decoration: none;  background-color: #cc9966;}
/********************
CONTENT STYLING
*********************/
div#content {

}
.lista li {list-style:square;}

/* HEADINGS */
div#content h1 {
   font-size: 1.8em; /* font size for h1 */
   line-height: 2.2em;
   margin: 3px;
   color:#8dc70a;
   font-weight:400;
}
h1 {
   font-size: 1.8em; /* font size for h1 */
   line-height: 2.2em;
   margin: 3px;
   color:#8dc70a;
   font-weight:normal;
   
}
div#content h2 {
	color: #294B5F; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 0px solid #e7ab0b; 
	border-left: 0em solid #e7ab0b; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
        font-weight:normal;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */

 ul, ol, dl {
              position: relative;  }

/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at https://www.cssplay.co.uk/menus/page_menu2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#hoverpage ul#outer li div p {font-size:11px; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#585; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left;}


#hoverpage {width:890px; height:450px; border:0px solid #aaa; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:500px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#080; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}


#hoverpage ul#outer li.page div {display:block; width:750px; height:400px; padding:25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p1 div {background:#fff url(page1_back.jpg);}
#hoverpage ul#outer li.p2 div {background:#fff url(page2_back.jpg);}
#hoverpage ul#outer li.p3 div {background:#fff url(page3_back.jpg);}
#hoverpage ul#outer li.p4 div {background:#fff url(page4_back.jpg);}
#hoverpage ul#outer li.p5 div {background:#fff url(page5_back.jpg);}

#hoverpage ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a, #hoverpage ul#outer li div a:visited {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:190px; height:230px; float:left; background:transparent url(current.gif) no-repeat; margin-right:10px;}

#hoverpage ul#outer li.p1 div em {background-position: 21px 0;}
#hoverpage ul#outer li.p2 div em {background-position: 21px 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 21px 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 21px 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 21px 100px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a.menuitem:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i,
#hoverpage ul#outer :hover a:visited i
{color:#66a; font-weight:bold;}

#hoverpage ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
#hoverpage ul#outer div ul li a,
#hoverpage ul#outer div ul li a:visited
{line-height:20px; font-size:1.1em; color:#c00;}

#hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}


/* END LISTS */
/* End of 'Layout: Left sidebar + 1 column' */