/* *****************
		BODY 
********************/
body { 
	margin:0; padding:0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:80%; 
	color:#000000; text-align:left;  background-color:#e2e2e2; }

div {margin:0; padding:0; display:block;    }

.container { /*sadržaj stranice */
	background-color:#FFFFFF; margin:0 auto; padding:0; width:974px;
	/*border: 1px solid #111111; */}

.banner { /*logo reducta, lijeva strana zaglavlja */
	position: relative; float: left; top: 30px;  width: 384px; left: 35px;
	clear: none; display: inline;	margin: 0.2em 0 0 0.6em;   }
	
.zastava { /*link na stranice partnera */
	position: relative; float: left; top: 30px;  width: 80px; left: 87px;
	clear: none; display: inline;	margin: 0.2em 0 0 0.6em;   cursor: wait }
	
.reklogo { /*link na stranice reklama */
	position: relative; float: left; top: 5px;  width: 120px; high: 80px; left: 95px; border:2px solid;
	clear: none; display: inline;	margin: 1em 0 0 0em;   cursor: wait }		
	
.right_banner { /* flash animacija s desne strane */
	position: relative; float: right; top: 5px; width:302px; right: -10px;
	clear: none; display: inline; }

.float_text	{ /* putujući text ispod bannera */
	position: relative; clear: both; width: 99%; height: 15px; top: 0px; z-index:30; 
	font-size:95%; color: #473d82; background-color:transparent; margin:0 auto 0 auto;
	padding:0;}

.top	{  /* menu traka -  horizontalna */
	position: relative; height: 35px; clear: both; top: 0px; width:100%; z-index:31; 
	background-color: #a0bfda; margin:0 auto 0 auto; padding:0;	}
	
.mid_content { /* mjesto za sliku predmeta / box za tekst desno od menija */
	position: relative; float: left; top: 5px; left: 20px; width:350px;
	clear: none; display: block; margin: 0.2em 0 0 0; text-align: justify;}

.mid_content_siroki { /* text-box širine cijelog containera */
	position: relative; float: left; /* left:15px; */ width:745px; clear: none; display: block; padding: 0.1em 1.5em 0 0; text-align: justify;}
		
.mid_content_s { /* text-box širine cijelog containera - koristi se kad je desno news block */
	position: relative; float: left; left:15px; width:577px; clear: none; display: block; 
	padding: 0.1em 1.5em 0 0; text-align: justify;}
	
.menu_vertical	{/* vertikalni flip-down menu - pozadinski okvir */
	position: relative; float: left; left:2px; top:1px; width:190px; clear: left; 
	display: inline;}

.right_content	{	/* box za sadržaj desno od teksta (containera) */
	position: relative; left:65px; top:5px; width:350px;
	clear: none; float: left; display: block; text-align: justify;}

.news_box { /* box za vijesti */
	position: relative; float: left; top: 1px; left: 45px; width:179px;
	clear: none; display: inline; margin: 0.2em 2em 0 0; text-align: left;
	background-color: #a0bfda; }

.vijesti	{/* box za novosti */
	position:relative; top:20px; bottom:25px; left:1px; width:179px; 
	text-align: left; background-color: #a0bfda; color: #4c4c4c; margin:0 0.2em 0 0;
	clear: right; float:right; display:inline; border:1px solid; }

.footer { /* footer traka na dnu stranice */
	background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:100%; clear: both;
	border-top: 1px solid #111111; background-color: #a0bfda; height: 3em; text-align: center; 
	position: relative; top: 30px;}

.img_r {
	position: relative; float:right; right:10px; top: 5px; clear:none; 
	margin: 0px 0px 7px 25px; width: 140px; line-height:1.3em;}

.img_l {
	position: relative; float:left; top: 5px; clear:none; margin: 0px 25px 7px 0px;
	width: 140px; line-height:1.3em;}
	

/* *****************
		PARAGRAF
********************/
	
p { /* općenito tekstualni dio */
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.5em; color:#000000; 
  }

p.naslov { /* naslov u tekstu, opis, primjena i slično */
	font-size:110%; font-weight: bold;  margin: 0.2em 0 0 0; text-align: left; }
	
p.text { /* tekst opisa i slično */
	font-size:90%; margin: 0 auto 0 auto; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	line-height:1.5em;}

p.text_m { /* tekst opisa i slično */
	font-size: 80%; margin: 0 auto 0 auto; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

p.text_siroki { /* tekst opisa i slično */
	font-size:90%; margin: 0 2em 0 0.5em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	width: 745px; line-height:1.5em; clear:right; display:block; }

p.timg { line-height:0.8em; font-size:40%; }

p.txt { margin:0 10px 0 10px; padding: 0.1em 1.5em 0 0; text-align: justify; }

h4 {background:#DFDFDF; padding: 10px 0 0em 0.5em; border-bottom:2px solid; margin-top: 5px;  
	min-width: 95%;    }


	
	
/* *****************
		MENU
********************/
	
ul.navbar { /* definiranje flip-down menija */
	list-style-type: none;  float:left;  display:block;  width:100%;  line-height:1.5em; 
	clear:both; margin:0; padding:0; background-color: #a0bfda; text-align:center; 
	border-bottom: 1px solid #000000; }

ul.navbar li { /* definiranje flip-down menija */
	display:block; }

ul.nabrajanje {
	margin-left: 0.2em; font-size: 100%; color: #000000; line-height: 1.5em;}

ul#menu li ul li a {
	/* sub-link na vertikalnom meniju */
  	font-size: 85%;
  	background-color: #b8d0e6;
 	width: 163px;
   padding: 0.7em; 
  	color:#333333;
  	/* padding-left: 20px; */

	}

ul#menu li ul li a:hover {
	/* HOVER sub-linka na vertikalnom meniju */
  	background-color: #a0bfda; /* #2494ff */
  	color: #FFFFFF;
  	border-left: 18px solid #191970;
	padding-left: 10px;
  	width: 163px;
  	padding: 0.7em; 
	}

.li {background-color: #a0bfda; color:#a0bfda; border: 1px solid #ccc; }

/* *****************
	IZGLED LINKOVA
********************/
a:link, a:active, a:hover, a:visited {
	text-decoration: none; }
	
a.nav:link, a.nav:visited { /* link u horizontalnom meniju */
	display:block; float:left; width:16.66%; padding:1.2em 0 1.2em 0; 
	margin:0; text-decoration:none; background-color: #a0bfda; color:#333333; }

a.nav:hover, a.nav:active { /* link u horizontalnom meniju - aktivno stanje i miš iznad*/
	display:block; float:left; width:16.66%; padding:1.2em 0 1.2em 0;
	margin:0; text-decoration:none; background-color: #2494ff; color:#FFFFFF; }

a.news_nav:link, a.news_nav:visited { /* link u horizontalnom meniju - NEWS-i */
	display:block; float:left; width:20%; padding:0.4em 0 0.4em 0; 
	margin:0; text-decoration:none; background-color: #a0bfda; color:#333333; }

a.news_nav:hover, a.news_nav:active { /* link u horizontalnom meniju - aktivno stanje i miš iznad - NEWS-i */
	display:block; float:left; width:20%; padding:0.4em 0 0.4em 0;margin:0; 
	text-decoration:none; background-color: #2494ff; color:#FFFFFF; }
	
a.news_l:link, a.news_l:visited { /* link u vijestima - link i posjećeno stanje - NEWS-i */
	text-decoration:none; color:#333333; text-indent: 3px; margin: 0 3px; font-size:1.4em}

a.news_l:hover, a.news_l:active { /* link u vijestima - aktivno stanje i miš iznad - NEWS-i */
	background-color: #2494ff; color:#FFFFFF; font-size:1.4em}

a.news_del:link, a.news_del:visited { /* link u vijestima - link i posjećeno stanje - NEWS-i */
	text-decoration:none; color:#333333;}

a.news_del:hover, a.news_del:active { /* link prilikom brisanja news/edit - aktivno stanje i miš iznad */
	text-decoration:none; background-color: #ff4600; color:#FFFFFF;}
	
a.simple:link, a.simple:visited {
	text-decoration: none; color: #bf0000; font-size: 110%; font-weight: bold; 
	border-bottom: 1px dashed maroon; font-family: "Courier New", Courier, monospace; display:inline;}
	
a.simple:hover {
	text-decoration: none; color:#FFFFFF; background-color:#2494ff; display:inline;
	border-bottom: 0; }

a.simple:active {
	text-decoration: none; color:#FFFFFF; background-color:#ddd444;  display:inline;
	border-bottom: 0;}
	
a.n_display:link, a.n_display:visited {
	text-decoration: none; color: #5c5c5c; font-size: 1.2em; line-height: 1.2em;  display:block; }
	
a.n_display:hover {
	text-decoration: none; color:#FFFFFF; background-color:#2494ff; border-bottom: 0;
	font-size: 1.2em; line-height: 1.2em; display:block;}

a.n_display:active {
	text-decoration: none; color:#FFFFFF; background-color:#ddd444; border-bottom: 0;
	font-size: 1.2em; line-height: 1.2em; display:block;}		
		
		
a.img_l:link, a.img_l:visited {
	text-decoration: none; color:transparent; background-color:transparent; border:0;
	display:inline;}

a.img_l:hover, a.img_l:active  {
	text-decoration: none; color:#AAAAAA; background-color:transparent; border:0;
	display: inline;
	}

/* *****************
	TABLICA
********************/
td { font-size: 1.2em; }	

th { font-size: 0.9em; font-weight: bold; }	

td.news { font-size: 0.9em; background-color: transparent; vertical-align: top;
	padding: 0 4px 0 5px; margin: 0 auto; }

tr.news_tr {
	line-height: 0.9em; padding: 0 0 0 0; margin: 0 0 0 0; }
	
table {
	
}
	
	
/* *****************
	FORMA
********************/
form {
}

.button { background-color: #bad1e7; color: #0000FF; width: 140px;  
			font-size: 90%; display: inline; border: 1px solid purple;
			cursor: pointer;
 }	

textarea {
  background-color: #bad1e7; color:  #0000FF; font-weight: bolder; font-size: 1.2em }

input { background-color: #bad1e7; color: #0000FF; font-weight:bolder; font-size: 1.2em}

/* DROPDOWN MENU */
.navbar {
  overflow: hidden;
  background-color: #a0bfda;
  font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
  float: left;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  cursor: pointer;
  border: none;
  outline: none;
  color: yellow;
  padding: 0.5em 1.5em;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus {
  background-color: #2494ff!important;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #a0bfda;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  /*padding: 12px 16px;*/
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #a0bfda;
}

.show {
  display: block;
}