body {
 font-family: "Arial, Helvetica", sans-serif;
 font-size: 14px;
 line-height: 20px;
 color: #000;
 background: #01131e url(http://www.metajna.com//themes/site_themes/azpromo/hbg.jpg) no-repeat center top fixed;
 padding: 0;
 margin: 0;
 background-size: 100%;
}

a:link, a:visited {
 color: #ff0000;
 text-decoration: none;
}
 
a:hover {
 color:#999;
 text-decoration: none;
}

a:active {
 color: #999;
 text-decoration: none;
}

h1 {font-size: 13px; line-height: 14px; font-weight: bold; color:#999; padding-left:10px; text-align: left; letter-spacing:-1px}
h2 {font-size: 16px; line-height: 20px; color:#696995; }
h3 {font-size: 12px; line-height: 18px; text-align:center; margin:0}
h4 {font-size: 22px; line-height: 30px; text-align:left; margin: 5px 0; padding-bottom:5px; color: #999; border-bottom: 1px dotted #999; font-weight:bold;}
h5 {font-size: 30px; line-height: 40px; color:#185179; text-align:left; padding: 7px 20px 3px 20px; margin: 0 0 10px 0; height: 100%; background: url(http://www.metajna.com//themes/site_themes/azpromo/bg_boxtitle.png) repeat;}
h6 {font-size: 22px; line-height: 24px; color:#eee; text-align:left; margin: 10px 0; font-family: serif;}
em {background: #ffef41; color:#000; padding: 2px 4px;}
cite {color: #333;}
li {margin-left:0;}

.tab {background: transparent; padding:5px 10px;}

input, select {font-size: 11px; margin-top: 2px;}
.lijevo       {text-align: left;}
.lijevo1       {text-align: left; font-size: 9px; color: #cfcece;}
.desno      {text-align: right;}
.sredina    {text-align: center;}
.bold	{font-weight: bold;}
 

#article_bg {background:transparent; padding: 10px 10px 10px 10px; border:1px dotted #ccc;}

#slika {
 background: #465e4c;
 text-align: center;
 padding: 0 0 10px 10px;
}

#wrapper {
 background: transparent;
 width: 1000px;
 margin: 0 auto;
 padding: 0;
}

#header {
 background: url(http://www.metajna.com//themes/site_themes/azpromo/banner.png) no-repeat;
 width: 1000px;
 height: 250px;
 margin: 0;
 padding: 0;
 font-size:14px; font-weight: bold;
}

#main {
 width: 1000px;
 margin: 10px 0 0 0;
 padding: 0;
 background: url(http://www.metajna.com//themes/site_themes/azpromo/bg_main.png) repeat;
}

#left {
 width: 50px;
 valign:top;
 float: left;
 margin: 0;
 padding: 0;
 background: transparent;
}

#middle {
 width: 600px;
 float: left;
 margin: 0;
 padding: 0 20px 0 0;
}

#middleright {
 width: 280px;
 float: left;
 margin: 25px 0 0 0;
 padding: 0 0 0 0;
}

#double {
 width: 610px;
 float: left;
 margin: 0;
 padding: 0 10px 0 20px;
}

#doublex {
 width: 590px;
 float: left;
 margin: 0;
 padding: 0 10px 0 20px;
}


#right {
 width: 50px;
 float: left;
 margin: 0;
 padding: 0;
 text-align: left;
}

#footer {
 width: 1000px;
 margin: auto;
 padding: 0;
 font-size: 11px;
 text-align: center;
 color: #000;
 background: #fff;
}

#footer a:link, #footer a:visited {
 color: #666;
 text-decoration: none;
}

#footer a:hover {
 color:#333;
 text-decoration: underline;
}

#footer a:active {
 color: #999;
 text-decoration: none;
}

#footer_bg {
        text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}

#keywords { width: 128px; background:transparent; border:0; padding:2px; color:#fff;}
#keywords1 { width: 125px; height:24px; background: #f2f2f2 url(http://www.metajna.com//themes/site_themes/azpromo/btn_mail.jpg) no-repeat; color: #888787; font-size: 14px; border: 0; padding:2px 2px 2px 45px;}
#prijava { width: 160px; background: #fff; color: #888787; border: 1px solid #e2e2e2; font-size: 14px; padding:2px;}

.boxtitle {
 height:30px;
 background: url(http://www.metajna.com//themes/site_themes/azpromo/bg_boxtitle.png) repeat;
 color: #034e23;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
 margin: 0;
 padding: 10px 3px 3px 10px;
 line-height: 30px;
}

.boxtitle1 {
 height:30px;
 background: url(http://www.metajna.com//themes/site_themes/azpromo/boxtitle2.jpg) no-repeat;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 text-align: left;
 margin: 0;
 padding: 8px 10px 5px 40px;
 line-height: 14px;
}

.small {
 font-size: 11px;
 text-align: center;
 color: #888;
 padding: 5px;
 margin: 0;
}

.small1 {
 font-size: 11px;
 text-align: right;
 border: 0;
 padding: 5px;
 margin-bottom: 5px;
}

.small2 {
 font-size: 10px;
 text-align: left;
 border: 0;
 padding: 5px 0 0 0;
 margin-bottom: 2px;
 color:#777;
}

#login {
 background: #f1f1f1; 
 border: 0;
 font-size: 11px;
 line-height: 15px;
 text-align: left;
 padding: 0 10px 0 5px;
 margin: 0;
}

.framed {
 color: #000;
 background: #f1f1f1;
 border: 1px solid #e7e7e7;
 text-align: left;
 padding: 5px;
 margin-bottom: 5px;
 font-size: 11px;
 line-height: 20px;
}

.framed1 {
 font-size: 14px;
 line-height: 22px;
 font-weight: normal;
 border: 0;
 text-align: left;
 padding: 0;
 margin-bottom: 5px;
}

.framed2 {
 color: #000;
 background: url(http://www.metajna.com//themes/site_themes/azpromo/kosarica.jpg) no-repeat right top;
 text-align: left;
 padding: 10px;
 margin: 0;
 border: 1px dotted #667c9e;
}

.framed4 {
 font-size: 14px;
 line-height: 22px;
 font-weight: normal;
 border: 0;
 text-align: left;
 padding: 0;
 margin-bottom: 5px;
}

#username { width: 120px; background: #fff;}
#password { width: 120px; background: #fff;}

.sticky	{
 background: #fff;
 padding: 5px;
 margin: 10px 0;
}

.lista li{
 margin: 0px 0 0 -25px;
 list-style-position:outside;
}

.spacer {
 font-size: 10px;
 margin: 5px 0 5px 0;
}

.button {
 width: 42px;
 height: 20px;
 background: url(http://www.metajna.com//themes/site_themes/azpromo/btn_search.jpg) no-repeat;
 color: #fff;
 font-size: 11px; font-weight: bold;
 border: 0;
}

.button1 {
 width: 100px;
 height: 30px;
 background: url(http://www.metajna.com//themes/site_themes/azpromo/btn.jpg) no-repeat;
 color: #fff;
 font-size: 11px;
 font-weight: bold;
 border: 0;
}

.pollButton {
 background: url(http://www.metajna.com//themes/site_themes/azpromo/btn.jpg) no-repeat;
 width: 111px;
 height: 57px;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 padding: 0;
 border: 0;
 cursor: pointer;
 text-decoration:none;
}

.menuf {
 text-align: center;
 color:#90a0b5;
 font-size:12px;
}




.cjenik {width: 100%; border: none}
.cjenik th {background: #bfbfbf;}
.cjenik td {border-bottom: 1px #bfbfbf dotted;}

.clear {
 clear: both;
 height: 0;
 line-height: 0.0;
 font-size: 0;
}

.blenda {
 width: 230px;
 opacity: 1;
 -moz-opacity: 1;
 -khtml-opacity:1;
 filter: alpha(opacity=100);
}

.blend {
 width: 230px;
 opacity: 0;
 -moz-opacity: 0;
 -khtml-opacity:0;
 filter: alpha(opacity=0);
}

/* - - - ADxMenu: BASIC styles - - - */

/* remove all list stylings */
.menu, .menu ul {
        font-size: 12px;
        font-style: normal;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */


/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu, .menu ul li {
	color: #ccc;
	background: transparent;
}

.menu ul {
	width: 11em;
}

.menu a {
        background: transparent;
	text-decoration: none;
        font-style: normal;
	color: #fff;
	padding: .4em 1em;
	display: block;
	position: relative;
        border-right: 1px solid #333366;
}

.menu a:hover, .menu li:hover>a {
        background: #333366;
	color: #d6ede0;
        font-style: normal;
        border-right: 1px solid #333366;
}

.menu li li {	/* create borders around each item */
	border-bottom: 1px solid #ccc;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #eee;
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */


a.nav_hor, a.nav_hor:visited, #top_menu .choosen1 {
        position: relative;
	height:30px;
	background: transparent;
        margin: 0;
        padding: 9px 5px 0px 5px;
	text-align:center;
	text-decoration:underline;
	font-family: "Arial", helvetica, sans-serif;
	font-size:14px;
        font-weight: normal;
	color:#fff;
	line-height:30px;
	border:0;
        list-style: none;
	}

a.nav_hor:hover {font-weight: normal; color:#999; background: transparent; border:0; text-decoration:none;}
a.nav_hor:active, #top_menu .choosen1 {font-weight:normal; color:#ffda1b; background: transparent; border: 0; text-decoration:none; line-height:30px; list-style: none; text-align:center; padding: 9px 5px 0 5px; margin: 0;}

.leftgallery {
  background: #000;
  color: #fff;
  text-align: center;
}

.posted {
 background: #eee;
 padding: 10px;
 border-top:2px solid #fff;
 font-size:11px;
}

.indexgalerija {
 background: #465e4c;
 padding: 10px;
 color: #fff;
 font-size:13px;
 font-weight: normal;
}

.minifoto{
 background: #465e4c;
 padding: 0;
 width:190px;
}

.kategorija{
 background: #e2e2e2;
 height: 90px;
 padding: 10px;
 font-size: 11px;
 line-height: 20px;
 color: #000;
}

.big {
  font-size:24px;
  line-height:30px;
}

.frame {
 font-size: 11px;
 line-height: 18px;
 color: #666;
 background: transparent;
 padding-left: 10px;
 margin: 0;
 border-bottom: 1 px dotted #666;
}

.lead {
font-size: 16px;
color: #004f20;
font-weight: bold;
padding:10px;
border-top:1px dotted #004f20;
border-bottom:1px dotted #004f20;
margin: 10px 0 10px 10px;
width: 250px;
float:right;
}

.okvir {
border: 3px dashed #851349; padding: 10px; text-align:center;
}

.okvir1 {
border: 2px solid #10683f; padding: 10px; text-align:left; background: #dbf8ea;
}



#tabs_wrapper {
	width: 550px;
}
#tabs_container {
	border-bottom: 1px solid #ccc;
}
#tabs {
	list-style: none;
	padding: 5px 0 4px 0;
	margin: 0 0 0 10px;
	font: 1em arial;
}
#tabs li {
	display: inline;
}
#tabs li a {
	border: 1px solid #ccc;
	padding: 4px 6px;
	text-decoration: none;
	background-color: #eeeeee;
	border-bottom: none;
	outline: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
#tabs li a:hover {
	background-color: #dddddd;
	padding: 4px 6px;
}
#tabs li.active a {
	border-bottom: 1px solid #f7f7f7;
	background-color: #f7f7f7;
	padding: 4px 6px 5px 6px;
	border-bottom: none;
}
#tabs li.active a:hover {
	background-color: #fff;
	padding: 4px 6px 5px 6px;
	border-bottom: none;
}

#tabs li a.icon_accept_p {
	background-image: url(http://www.metajna.com/themes/site_themes/azpromo/proizvodi.png);
	background-position: 5px;
	background-repeat: no-repeat;
	padding-left: 24px;
}

#tabs li a.icon_accept_k {
	background-image: url(http://www.metajna.com/themes/site_themes/azpromo/kontakt.png);
	background-position: 5px;
	background-repeat: no-repeat;
	padding-left: 24px;
}

#tabs li a.icon_accept_l {
	background-image: url(http://www.metajna.com/themes/site_themes/azpromo/lokacija.png);
	background-position: 5px;
	background-repeat: no-repeat;
	padding-left: 24px;
}
#tabs li a.icon_accept_p:hover {
	padding-left: 24px;
}
#tabs li a.icon_accept_k:hover {
	padding-left: 24px;
}
#tabs li a.icon_accept_l:hover {
	padding-left: 24px;
}

#tabs_content_container {
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px;
	width: 525px;
}
.tab_content {
	display: none;
}