@charset "utf-8";

html, body, div, span, applet, object, iframe, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    padding: 0px;
    border: 0px none; border-spacing:0;
}

h1{font-size:12px; font-weight:normal; color:#FFFFFF; font-family: Tahoma, Helvetica, sans-serif; display:inline; line-height:18px; text-align:center; vertical-align:top;}

html { height: 100% !important; width: 100% !important; min-width: 400px; }
body { height: 100% !important; width: 100% !important; min-width: 400px; min-height: 400px; position: relative; margin: 0px; padding: 0px; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background:url(../banner/background4.jpg) repeat-y scroll 50% 0 transparent;}
a { color: #333333; text-decoration: none; }
.hidden { display: none; }

#reklama_lijevo {position: fixed; top: 1px; left: 2px; z-index: 1001; text-align:left;}
#reklama_desnodolje {position: fixed; bottom: 49px; right: 2px; z-index: 500; text-align:right;}
#cam {position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 22px 0 40px 0; z-index: 1;}
.webcam{background-color:#0A1F5F; border:1px solid #FFFFFF; border-radius: 0 0 18px 0; text-align:center; width:322px; float:left; clear:auto;}

/* Main menu settings */
#centeredmenu {clear:both; float:left; margin:0; padding:0; width:100%; font-family:Tahoma, Geneva, sans-serif; font-size:10px; z-index:1000; position:relative; background-color:#0A1F5F;}

/* Top menu items */
#centeredmenu ul {margin:0; padding:0; list-style:none; float:right; position:relative; right:50%;}
#centeredmenu ul li {margin:0 0 0 1px; padding:0; float:left; position:relative; left:50%; top:1px;}
#centeredmenu ul li a {display:block; margin:0; padding:0.3em 1.0em 0.3em; font-size:10px; line-height:14px; background:#0A1F5F; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; color:#FFFFFF; font-weight:bold;}

#centeredmenu ul li a:hover {background:#FFFFFF;}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#FFFFFF; /* Top menu items background colour */
   color:#0A1F5F;}

/* Submenu items */
#centeredmenu ul ul {display:none; /* Sub menus are hiden by default */
   position:absolute; top:2.0em; left:0; right:auto; /*resets the right:50% on the parent ul */
   width:17em; /* width of the drop-down menus */}
#centeredmenu ul ul li {left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left; width:100%;}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
font-family:Tahoma, Geneva, sans-serif;
   font-size:1.1em; font-weight:normal; /* resets the bold set for the top level menu items */
   background:#FFFFFF; color:#0A1F5F; line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #0A1F5F; /* sub menu item horizontal lines */}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#0A1F5F; /* Sub menu items background colour */
   color:#FFFFFF;}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */}

/* Main menu settings */
#footermenu {height:40px; width:100%; background-color:#0A1F5F; clear:both; position: fixed; bottom: 0px; z-index: 1002; float:left; margin:0; padding:0;}

#footermenu img {opacity: 0.6; border:none; height: 40px; width: 40px;}
#footermenu img:hover {opacity: 1.0}
#footermenu img:active {opacity: 1.0}

#footermenu_ex7 {height:40px; width:100%; background-color:#FFFFFF; clear:both; position: fixed; bottom: 0px; z-index: 1000; float:left; margin:0; padding:0;}

/* Top menu items */
#footermenu ul {margin:0; padding:0; list-style:none; float:right; position:relative; right:50%;}
#footermenu ul li {margin:0 0 0 1px; padding:0; float:left; position:relative; left:50%; top:1px;}
#footermenu ul li a {background:#0A1F5F;}

/* Submenu items */
#footermenu ul ul {display:none; /* Sub menus are hiden by default */
   position:absolute; bottom:2.8em; left:0; right:auto; /*resets the right:50% on the parent ul */
   width:auto; /* width of the drop-down menus */
   background:#0A1F5F; opacity:0.9; border-radius:6px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; text-align:center;}

#footermenu ul ul li {left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left; width:100%;}
#footermenu ul ul li a,
#footermenu ul li.active li a,
#footermenu ul li:hover ul li a,
#footermenu ul li.hover ul li a { /* This line is required for IE 6 and below */
font-family:Tahoma, Geneva, sans-serif;
   font-size:.8em; font-weight:normal; /* resets the bold set for the top level menu items */
   color:#FFFFFF; line-height:1.3em; /* overwrite line-height value from top menu */
    margin-left:0.8em; margin-right:0.8em;}
#footermenu ul ul li a:hover,
#footermenu ul li.active ul li a:hover,
#footermenu ul li:hover ul li a:hover,
#footermenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#FFFFFF; /* Sub menu items background colour */
   color:#0A1F5F;}

/* Make the sub menus appear on hover */
#footermenu ul li:hover ul,
#footermenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */}