/* CSS Document */
html, body  { height: 100%; margin: 0; padding: 0; font-size: 1em; }

body {
	width: 100%; text-align: center; background-color: #3c4b41;
	font-family: arial, helvetica, sans-serif; }

#centralni { width: 750px; height: 100%; 
	margin: 0 auto 0 auto; padding: 0; text-align: left; }

#jezik li {
  position: relative; list-style: none; margin: 6em 2em 0 0;
  float: right; line-height: 1.1em; text-align: center;}

#jezik li a {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.8em; font-weight: bold; color: #3c4b41;
  display: block; text-decoration: none; width: 3em; 
  background-color: #ad0c0c;}

#jezik li a:hover {color: #fff;}
	
#glavni { float: none; clear: both; width: 750px; height: 268px; 
	margin: 0; padding: 0; background-image: url(../images/susak_2.jpg); 
	background-repeat: no-repeat; }

#island { float: none; clear: both; width: 750px; height: 268px; 
	margin: 0; padding: 0; background-image: url(../images/susak_island.jpg); 
	background-repeat: no-repeat; }

#coming { text-align: center; margin: 6em 0 0 0; }

#coming p { font-size: 2em; color: #a6a6a6; margin: 0 0 10px 0; }

#glava { margin: 0 28px 0 0; padding: 0; }
	
#glava ul { display: block; margin: 0px; }

#glava li { float: right; list-style: none; margin: 0 50px 0 0;
   width: 110px; line-height: 1.5em; text-align: center;
	background-color: #a6a6a6; }

#glava li a { font-size: 0.8em; font-weight: bold; color: #354b3f; 
	text-decoration: none; }

#glava li a:hover { color: #ad0c0c; }

#glava li.trenutni { background-color: #ad0c0c; }

#glava li.trenutni a:hover { color: #fff; }

#menu  { margin-left: 0px;}

#menu li { margin: 0; line-height: 1.3em; list-style: none; }

#menu li a { display:block;  font-size: 0.8em; font-weight: bold; 
	color: #354b3f; text-decoration: none; width: 140px; padding-left: 15px; }

#menu li a:hover { color: #ad0c0c; }

#menu li.trenutni a { color: #fff; background-color: #ad0c0c;}

#menu li.trenutni a:hover { color: #354b3f; }

#menu-otok  { margin-left: 0px;}

#menu-otok li { margin: 0; line-height: 1.3em; list-style: none; }

#menu-otok li a { display:block;  font-size: 0.8em; font-weight: bold; 
	color: #a6a6a6; text-decoration: none; width: 140px; padding-left: 15px; }

#menu-otok li a:hover { color: #ad0c0c; }

#menu-otok li.trenutni a { color: #fff; background-color: #ad0c0c;}

#menu-otok li.trenutni a:hover { color: #354b3f; }

.first { margin-left: 40px;}

.second { margin-left: 40px;}

.level2 { margin-top: 60px;}

#frame { float: right; width: 485px; height: 248px; margin: 10px 20px 10px 0;
	overflow: auto; text-align: center;}

#footer { margin-left: 70px; }

#footer ul { display: block; margin: 0px; }

#footer li { float: right; list-style: none; margin: 0 57px 0 0;
   width: 106px; text-align: center; background-color: #a6a6a6; }

#footer li a { font-size: 0.8em; font-weight: bold; color: #354b3f; 
	text-decoration: none; }

#footer li a:hover { color: #ad0c0c; }

#footer a { font-size: 0.8em; font-weight: bold;	color: #354b3f; text-decoration: none; 
	display: block; list-style: none; margin: 0; width: 120px; line-height: 2em; 
	text-align: center; background-color: #a6a6a6;}

#footer a:hover { color: #ad0c0c; }

#footer li a.trenutni { background-color: #ad0c0c; }

#footer li a.trenutni:hover { color: #fff; }

#footer a.link-island { color: #a6a6a6; font-size: 1em; font-weight: normal; 
	display: inline; margin: 0; padding: 0; background-color: #354b3f;}

#footer a.link-island:hover { color: #ad0c0c; }
	
p { font-size: 0.72em; color: #a6a6a6; margin: 10px 0 0 245px;}

p.susak { font-size: 0.72em; color: #a6a6a6; margin: 10px 30px 0 140px;}