body {
	background-color: #3E5A82;
	background: linear-gradient(90deg, #354C6E, #9EACC0, #354C6E);
	margin: 0;
	font-size:14px;
	font-family:tahoma, Helvetica, sans-serif;
    line-height:16px;
    text-align:left;
}
body a {
	text-decoration: none;
}

.style1 {
	color: #5B7395;
	font-weight: bold;
}
h1 {
	font-size:18px;
	line-height:18px;
	font-variant: small-caps;
	margin:0px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #C6C6C6;
}

h3 {
	font-size:16px;
	line-height:16px;
	font-variant: small-caps;
	margin:0px;
   	font-weight: bold;
	color: #354C6E;
	text-shadow: 1px 1px 2px #C6C6C6;
}
.img {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

/*------------------- plutajuci linkovi-------------------------------------------- */

#social_side_links {
    position: fixed;
    top: 200px;
    left: 0;
    padding: 0px;
	list-style:none;
}
#social_side_links li a {
    display: block;
}

#up_side_link {
    position: fixed;
    bottom: 50px;
    right: 0;
    padding: 0px;
	list-style:none;
}
#up_side_link li a {
    display: block;
}

/*---------------pozadina srednjeg dijela stranice------------------------------------------------------------*/
#page {
	background: #FFFFFF;
	min-height: 900px;
	width: 960px;
	margin: auto;
}

 /*---------------------oblikovanje sadrzaja unutar tablice film ---------------------------------------------------------*/
.film {
	font-family:tahoma, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color: #282828;
}

.film a:link {
	font-family:tahoma, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	line-height:18px;
	color: #5B7395;
	text-shadow: 0px 1px 0px #6E83A1;
}
.film a:hover {
	color: #3E5A82;
	text-shadow: 0px 0px 2px #6E83A1;
}
.film a:visited {
	color: #5B7395;
	text-shadow: 0px 1px 0px #6E83A1;
}

.film tr.alt td {
    background-color: #F2F2F2;
	text-decoration:none;
}

/* ------------------Navigacijska traka glavnog izbornika------------------------------------------- */
 
#menu {
	list-style:none;
    width:880px;
    margin:5px auto 0px auto; 
    height:35px;
    padding:0px 10px 0px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 
   /* ---Boja pozadine i pretapanje boje i rubovi glavnog izbornika ------------------------------------ */
     
    background: #3E5A82;
    background: -moz-linear-gradient(top, #5B7395, #354C6E);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5B7395), to(#354C6E));
	background: linear-gradient(top, #5B7395, #354C6E);
     
    border: 1px solid #999999;
    -moz-box-shadow:inset 0px 0px 1px #E6E6E6;
    -webkit-box-shadow:inset 0px 0px 1px #E6E6E6;
    box-shadow:inset 0px 0px 1px #E6E6E6;
}
 
#menu li {
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:5px;
    border:none;
} 
 
#menu li:hover {
    border: 1px solid #999999;
    padding: 4px 9px 4px 9px;
     
 /* ---Boja pozadine i pretapanje boje i rubovi------------------------------------------------------------ */
     
    background: #F9F9F9;
    background: -moz-linear-gradient(top, #F9F9F9, #E6E6E6);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#E6E6E6));
	background: linear-gradient(top, #F9F9F9, #E6E6E6);
	
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
	bottom: 0%; 
}
 
#menu li a {
    font-family:tahoma, Helvetica, sans-serif;
	font-variant: small-caps;
    font-size:16px;
	font-weight:bold;
    color: #FFCC00;
    display:block;
    text-decoration:none;
}
 
#menu li:hover a {
    color:#3E5A82;
}
 
/* -----------------------Drop Down izbornik----------------------------------------------------------*/
 
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns,
.dropdown_6columns,
.dropdown_7columns {
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em;
    text-align:left;
    padding:5px 5px 5px 5px;
    border:1px solid #999999;
    border-bottom:none;
	bottom: 20px; 
     
 /* ----------------------Pretapanje boje pozadine ----------------------------------------------------------*/
	
    background:#F9F9F9;
	background: -webkit-linear-gradient(top, rgba(200,200,200,0.3), rgba(255,255,255,1)); 
  	background: -moz-linear-gradient(top, rgba(200,200,200,0.3), rgba(255,255,255,1)); 
  	background: linear-gradient(top, rgba(200,200,200,0.3), rgba(255,255,255,1)); 
    -moz-border-radius: 5px 5px 5px 0px;
    -webkit-border-radius: 5px 5px 5px 0px;
    border-radius: 5px 5px 5px 0px;
	
}
 
.dropdown_1column {width: 76px;}
.dropdown_2columns {width: 131px;}
.dropdown_3columns {width: 236px;}
.dropdown_4columns {width: 266px;}
.dropdown_5columns {width: 330px;}
.dropdown_6columns {width: 396px;}
.dropdown_7columns {width: 462px;}
 
#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns,
#menu li:hover .dropdown_6columns,
#menu li:hover .dropdown_7columns {
    left:-1px;
    top:auto;
}
 
/* ---------Columne -------------------------------------------------------------- */
 
.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6 
.col_7 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
}
.col_1 {width:60px;}
.col_2 {width:125px;}
.col_3 {width:230px;}
.col_4 {width:260px;}
.col_5 {width:324px;}
.col_6 {width:390px;}
.col_7 {width:456px;}
 
/* ------------------Drop Down oblikovanje -------------------------------------------- */
 
#menu h2, #menu ul li {
    font-family:tahoma, Helvetica, sans-serif;
    line-height:16px;
    font-size:14px;
    text-align:left;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
    font-size:14px;
	font-variant: small-caps;
    margin:4px 0px 4px 0px;
    padding-bottom:4px;
    border-bottom:1px solid #595959;
}

#menu li:hover div a {
    font-size:14px;
    color:#3E5A82;
}
#menu li:hover div a:hover {
    color:#FFCC00;
}

#menu li ul {
    list-style:none;
    padding:0px;
    margin:0px 0px 12px 0px;
}
#menu li ul li {
    font-size:14px;
    line-height:16px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0px;
    margin:0px;
    float:none;
    text-align:left;
    width:90px;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}
#menu li .greybox li {
    background:#F4F4F4;
    border:1px solid #bbbbbb;
    margin:0px 0px 3px 0px;
    padding:4px 6px 4px 6px;
    width:45px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background: #ffffff;
	border: 1px solid #aaaaaa;
	padding: 4px 6px 4px 6px;
	margin: 0px 0px 3px 0px;
	color: #3F3F3F;
}

/*----accordion izbornik -----------------------------------------------------------------*/

article.accordion
{
	display: block;
	width: 960;
	padding: 0px 0px 0px 30px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

article.accordion section
{
	display: block;
	width: 900px;
	height: 24px; /*ovdje promjeniti u 24px nakon uredivanja sadržaja-----------------------------------------------------------------*/
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 1px 0px;
	color: #282828;
	background: #E6E6E6;
	overflow: hidden;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
}

/*---------- slova menija accordion izbornika-------------------------------------------*/
article.accordion section h2
{
	font-size: 18px;
	font-variant: small-caps;
	width: 100%;
	line-height: 24px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 3px 0px;
	color: #282828;
}

article.accordion section h2 a
{
	font-size: 18px;
	font-variant: small-caps;
	display: block;
	width: 100%;
	line-height: 24px;
	text-decoration: none;
	color: inherit;
}
article.accordion section h2 a:hover
{
	color: #5B7395;
	}

article.accordion section:target
{
	height: auto;
	background-color: #F9F9F9;
}

article.accordion section:target h2
{
	font-size: 18px;
	font-weight: bold;
	color: #282828;
}

article.accordion section a {
	color: #5B7395;
	text-shadow: 0px 1px 0px #6E83A1;
}
article.accordion section a:hover {
	color: #3E5A82;
	text-shadow: 0px 0px 2px #6E83A1;
}

/*--css strelice --------------------------------------------*/
.arrow-down a {
	height: 0;
   width: 0;
   border: 10px solid transparent;
   border-top-color: #3E5A82;
}
.arrow-down a:hover {
	height: 0;
   width: 0;
   border: 10px solid transparent;
   border-top-color: #6E83A1;
}
.arrow-up a {
	height: 0;
   width: 0;
   border: 10px solid transparent;
   border-bottom-color: #3E5A82;
}
.arrow-up a:hover {
	height: 0;
   width: 0;
   border: 10px solid transparent;
   border-bottom-color: #6E83A1;
}
/* ----------novost accordion --------------------------------*/
article.vijest
{
	display: block;
	width: 960;
	padding: 0px 0px 0px 30px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

article.vijest section
{
	display: block;
	width: 280px;
	height: 240px; /* visina okvira vijesti na index stranici*/
	padding: 5px;
	text-align: justify;
	margin: 0 auto;
	color: #282828;
	background: #F9F9F9;
	overflow: hidden;
	border:1px solid #999999;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
}

article.vijest section:target {
	height: auto;
}