body {
 font-family: "Arial", Helvetica, sans serif;
 font-size: 1em;
 line-height: 20px;
 color: #000;
 background: #fff;
 padding: 0;
 margin: 0;
}
a:link, a:visited {
 color: #163773;
 text-decoration: none;
}
a:hover {
 color: #000;
 text-decoration: none;
}
a:active {
 color: #000;
 text-decoration: none;
}
h1	{font-size: 10px; color:#fff; margin:0; text-align: left; font-weight: normal; padding: 0; margin: 0; line-height:14px;}
h2	{font-family: "Arial", Helvetica, sans serif; font-size: 4.5em; line-height: 36px; color:#13429f; margin: 0; font-weight: bold; padding: 10px 10px 10px 0;}
h3	{font-family: "Arial", Helvetica, sans serif; font-size: 3.5em; line-height: 20px; text-align:center; margin: 0; padding: 20px; color:#6ba300;}
h4	{font-size: 12px; text-align:left; margin: 10px 0 5px 5px;}
h5	{font-size: 12px; text-align:center; color: #f00}
h6   {font-size: 11px; margin: 3px;}
em  {background: transparent; font-style:normal; color:#666; padding: 0;}
cite {color: #571f7e; font-style:normal;}
/* ul    {margin-top: 5px;} */
/* li     {margin-left: -25px; list-style-position:outside; list-style-image:url({img_url}themes/site_themes/azpromo/list.gif)} */

input, select {font-size: 11px; padding: 0; margin:0;}
.lijevo       {text-align: left;}
.desno      {text-align: right;}
.sredina    {text-align: center;}
.bold	{font-weight: bold;}

#wrapper {
 background: transparent;
 width: 100%;
 margin: 0 auto;
 padding: 0;
 position: relative;
}

#header {
 background: transparent;
 height: 260px;
 margin: 0;
 padding: 0;
 color: #000;
/* position: fixed; */
 z-index: 101;
/* top: 0; */
    width: 100%;
}

#main {
 width: 100%;
 margin: 0;
 padding: 0;
 background: transparent /* #f3f6fc url(http://www.drvo-zivota.com/themes/site_themes/azpromo/bg_main.jpg) no-repeat bottom */;
 text-align: center;
 text-valign: top;
}

#left {
 width:210px;
 background: transparent;
 margin: 0;
 padding: 0;
 text-valign: top;
}

#middle {
 width: 430px;
 background: transparent;
 margin: 0;
 padding: 0 15px;
}

#double {
 width: 100%;
 background: transparent;
 margin: 0;
 padding: 0 100px;
 border: 0;
 text-valign: top;
}

#right {
 width:230px;
 background: transparent;
 margin: 0;
 padding: 0 40px 0 10px;
}

#footer {
 width: 100%;
 height: 953px;
 margin: auto;
 padding: 0;
 text-align: center;
 color: white;
 background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/bg_footer.jpg) no-repeat;
}

#footer_bg {
	width: 100%;
        height: 953px;
	margin: 0;
	padding: 0;
	background: transparent;
}

#azlink {width: 180px; color: #999; font-size:12px; text-align: left;}
a.aznav:link, a.aznav:visited {
 color: #999;
 text-decoration: none;
}
a.aznav:hover {
 color:#073A5F;
 text-decoration: none;
}
a.aznav:active {
 color: #999;
 text-decoration: none;
}

div#topmenu {
 height: 20px;
 font-size: 14px; font-weight: normal;
 margin: 0;
 padding: 0;
}

#toppozicija {
 padding: 0;
 text-align: left;
 text-valign: middle;
 color: white;
}

div#menu {
 margin: 0 0 5px 0;
 padding: 0;
 text-align: left;
}

.ver { width: 227px; }

a.nav, a.nav:link, a.nav:visited, .chosen {
 display:block;
 background: transparent;
 margin: 0;
 border: 0;
 padding-left: 10px;
 text-decoration:none;
 font-size:12px; font-weight: normal; 
 color:#07580c;
 line-height:20px;
 overflow:hidden;
}

a.nav:hover { font-weight: normal; color:#cc0000; border: 0;  text-decoration:underline; background: transparent;}
a.nav:active, .chosen { font-weight:normal; color:#07580c; background: transparent;  text-decoration:none;}

a.nav_hor, a.nav_hor:link, a.nav_hor:visited, .chosen {
 display: block;
 float: left;
 color: #fff;
 height: 50px;
 background: transparent;
 margin: 0; padding: 0 12px;
 border: 0;
 text-align: center;
 text-valign: middle;
 text-decoration:none;
 font-size:14px; font-weight: normal; 
 line-height: 55px;
 overflow: hidden;
}

a.nav_hor:hover {
 font-weight: normal; 
 color:#8ae8d2;
 background: #064b3b;
 border: 0;
}
 
a.nav_hor:active, #topmenu .chosen { font-weight: normal; color: #8ae8d2; background: #064b3b; display: block; float: left; overflow: hidden; margin: 0; padding:0 12px; text-valign: middle;}

#keywords {width: 190px; border: 1px solid #6f6f43; background: transparent; padding: 7px 5px; color:#6ba300; text-align: left; margin: 0;}
#keywords1 {width: 200px; border: 1px solid #6e6e43; background: transparent; padding: 5px; color:#6e6e43; text-align: left; margin-top: 5px;}
#keywords2 {width: 100%; height: 40px; border: 0; background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/nadji.jpg) no-repeat right; padding: 0 45px 0 0; color:#6ba300; text-align: right; margin-top: 0;}

.nadji {
 background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/nadji.jpg);
 width: 36px; height: 18px;
 border: 1px outset red;
}

.login {
 color: #000;
 font-size: 11px; line-height: 14px;
 font-family: Arial, Helvetica, sans-serif;
 text-align: left; padding: 5px;
 margin-bottom: 5px;
}
#username { width: 600px; font-family: "Arial", Helvetica, sans serif; font-size: 1.5em; padding: 10px;}
#password { width: 80px;}

.boxtitle {
 background: #30654b;
 color: #fff;
 font-weight: bold;
 font-size: 14px;
 padding: 10px;
 margin: 0 0 10px 0;
 height: 20px;
}

.box_news {
 background: transparent;
 color: #07580c;
 font-weight: bold;
 font-size: 13px;
 padding: 10px;
 text-valign: middle;
 margin: 0 0 10px 0;
 border-bottom: 1px dotted #07580c;
}

.boxtitle_poruke {
 background: #ff0000;
 color: #fff;
 font-weight: bold;
 line-height: 21px;
 padding-left: 10px;
 padding-right: 5px;
}	

.framed, .pollWrapper  {
 background: transparent;
 padding: 5px;
 margin-bottom: 5px;
 font-size: 12px;
 line-height: 20px;
 }

.framed1, .pollAnswerBlock { 
 background: transparent;
 color: #000;
 padding: 0;
 border: 0;
 text-align: left;
}

.framed2  {
 color: #000;
 background: transparent;
 padding: 3px;
}

.framed_putovanja  {
 height: 40px;
 width: 240px;
 font-size: 12px;
 font-weight: normal;
 color: #095848;
 background: #a4ddd0;
 padding-left: 30px;
 border-bottom: 1px solid #fff;
}

.framed_tekstovi {
 font-family: "Arial", Helvetica, sans serif;
 background: transparent;
 font-size: 1.5em;
 line-height: 26px;
 color: #444;
 padding: 0;
 border: 0;
 text-align: left;
}

.small      {
                font-size:10px;
	font-family:arial, sans-serif;
                line-height: 14px;
}

.small1      {
                font-size:13px;
        font-weight:bold;
	font-family: Times New Roman, Georgia, serif;
                line-height: 14px;
        text-align: right;
        padding-top: 5px;
}

.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, .pollButton {
 font-family: "Arial", Helvetica, sans serif;
 background: #6ba300;
 font-size: 1.5em;
 font-weight: bold;
 color: #fff;
 width: auto;
 height: auto;
 padding: 10px;
 margin: 0 0 0 10px;
 border:0;
}

.book_button {
 color: white;
 font-weight: normal;
 width: auto;
 height: 24px;
 border:0;
}

.menuf {
	text-align: center;
	font-size: 11px;
        padding: 0 0 0 -5px;
}
.menuf a {
	padding: 0 5px 0 5px;
        color: #333;
}

a.one:link {color:#fff; font-size:12px;}
a.one:visited {color:#fff; font-size:12px;}
a.one:hover {color:#ccc; font-size:12px;}
}

.clear {
	clear: both;
	margin:0;
	padding:0;
	height: 0.1px;
       overflow:hidden;
}
.price { background: #bbb; margin: 0 0 5px 0; border: 0; width: 100%; }
.price th {background: #073a5f  ; color: #fff; font-weight: bold;}
.price td {background: #fff; color: #000;}

.callendar { background: #bbb; margin: 0 15px 20px 0; float:left; text-align: right; border: 1px solid #073a5f; font-weight: bold}
.callendar th {background: #073a5f ; color: #fff; font-weight: bold; text-align: center; }

.status {background: #fff}
.current {border: 1px solid #f00}
.sunday {color: #f00}
.occupied {background: #fcc}
.reserved {background: #ff9}
.my {background: #cfc}

#delicious {background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/delicious.gif) no-repeat; padding-left: 20px; height: 16px;}
#digg {background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/digg.gif) no-repeat; padding-left: 20px; height: 16px;}
#reddit {background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/reddit.gif) no-repeat; padding-left: 20px; height: 16px;}
#facebook{background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/facebook.gif) no-repeat; padding-left: 20px; height: 16px;}
#stumbleupon {background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/stumbleupon.gif) no-repeat; padding-left: 20px; height: 16px;}

#friend {background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/friend.gif) no-repeat; padding-left: 20px; height: 16px;}
#komentar {background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/komentar.gif) no-repeat; padding-left: 20px; height: 16px;}


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

.menu {
 width: 8em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

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

.menu li {
 margin: 0;
 padding: 0;
 border: 0;
 display: block;
 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 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 */
 left: 100%;	/* and move them to the right of the item */
}

/* -- 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(http://www.drvo-zivota.com//themes/site_themes/azpromo/empty.gif) ;	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
 padding: 30px 30px 30px 10px;
 margin: -30px 0 0 -10px;
/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
 color: #f00;
 background: #ebeae9;
}

.menu {
 width: 170px; line-height:18px; font-size: 12px;
}

.menu ul {
 width: 20em;
}

.menu a {
 text-decoration: none;
 color: #f00;
 padding: .4em 1em;
 display: block;
 border-bottom: 1px solid #073A5F;
}

.menu a:hover, .menu li:hover>a {
 font-weight: bold; color:#073A5F; border-bottom: 1px solid #cbcbca;
 background: #e8e8e7;
}

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

.menu li:hover>ul {	/* inset 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: #567;
}
*/

.legenda {
  background: transparent;
  width: 200px;
  height: 25px;
  font-size: 10px;
  font-weight: bold;
}

.legenda1 {
  background: #B0BED7 url(http://www.drvo-zivota.com/themes/site_themes/azpromo/cb_vl_rezerv.jpg) no-repeat; border: 1px solid #000;
  width: 200px;
  height: 20px;
  font-size: 10px;
  padding-left: 30px;
}

.legenda2 {
  background: #B0BED7 url(http://www.drvo-zivota.com/themes/site_themes/azpromo/cb_rezerv.jpg) no-repeat; border: 1px solid #000;
  font-size: 10px;
  font-weight: bold;
  width: 200px;
  height: 20px;
  padding-left: 30px;
}

.legenda3 {
  background: #B0BED7 url(http://www.drvo-zivota.com/themes/site_themes/azpromo/cb_rezerv_nepotvrd.jpg) no-repeat; border: 1px solid #000;
  width: 200px;
  height: 20px;
  font-size: 10px;
  padding-left: 30px;
}

.legenda4 {
  background: transparent;
  width: 200px;
  height: 30px;
  font-size: 9px;
  font-weight: bold;
}

.legenda5 {
  background: #B0BED7 url(http://www.drvo-zivota.com/themes/site_themes/azpromo/cb_slobodno.jpg) no-repeat; border: 1px solid #000;
  width: 200px;
  height: 20px;
  font-size: 10px;
  padding-left: 30px;
}

#invis{ 
visibilty: hidden; 
}

#bgbooking {
  background: #B7C2D2;
  border-top: 1px solid #9CA9BC;
  border-bottom: 1px solid #9CA9BC;
  padding: 5px;
  margin: 10px 5px 0 -6px;
}

#bgbooking1 {
  background: #D1D7DA;
  border-bottom: 1px solid #9CA9BC;
  padding: 5px 5px 10px 5px;
  margin: 0 -5px 0 -5px;
}

#naslov {
  background: url(http://www.drvo-zivota.com/themes/site_themes/azpromo/arrow.gif) no-repeat;
  padding-left: 20px;
}

.video {
  background: transparent;
  padding: 10px;
  text-align: center;
 border: 1px dotted #ccc;
}

#iconmenu{
  text-align: right;
}

#lead {
  background: transparent;
  padding: 20px 0;
  text-align: center;
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}

#okvir {
  background: white;
  padding: 20px;
  margin: 0 20px 10px 0;
  text-align: left;
  border: 1px dashed #ccc;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  width: 15%;
  float: left;
}

nav {
	margin: 0 auto; 
	text-align: center;
        font-size: 16px;
                z-index: 101;
        font-weight: bold;
        font-family: "Arial", Helvetica, sans serif;
}

nav ul ul {
	display: none;
        font-size: 16px;
                z-index: 101;

}

	nav ul li:hover > ul {
		display: block;
                z-index: 101;
	}


nav ul {
	background: transparent; 
	padding: 0 10px;
	list-style: none;
	position: relative;
	display: inline-table;
                z-index: 101;
}
	nav ul:after {
		content: ""; clear: both; display: block;
                z-index: 101;
	}

	nav ul li {
		float: left;
                z-index: 101;
	}
		nav ul li:hover {
			background: #fff;
			background: linear-gradient(top, #fff, #fff);
			background: -moz-linear-gradient(top, #fff, #fff);
			background: -webkit-linear-gradient(top, #fff,#fff);
		}
			nav ul li:hover a {
				color: #73a72a;
			}
		
		nav ul li a {
			display: block; padding: 15px 20px;
			color: #; text-decoration: none;
		}
			
		
	nav ul ul {
		background: #fff; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
                z-index: 101;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #f1f1f1;
			border-bottom: 1px solid #f1f1f1; position: relative;
		}
			nav ul ul li a {
                                width: 250px;
				padding: 15px 10px;
				color: #6ba300;
			}	
				nav ul ul li a:hover {
					background: #fff;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
                z-index: 101;
	}