/****************

    ERIC MEYER'S RESET

****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #5d5446;
	background: #f5f3ea url(bg/header.gif) repeat-x 0 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

/***************************************/

html{ height: 100%; overflow: hidden; }
body{ height: 100%; margin: 0; padding: 0; background:#fff url(zoo.gif) no-repeat 0 0; }
:focus{ outline:none; }


#container{ height: 100%; position:relative; z-index:10; }
#mravi{ position:absolute; top:200px; left:350px; z-index:5; }
#mravi p{ font:bold 16px Arial, Verdana; }
#mravi p a{ color:#000; text-decoration:none; }
#mravi p a:hover{ color:#666; }

#nav{ position:absolute; left:0; top:0; margin:0; padding:0; padding-top:40px;  }
#nav li { height:29px; margin-bottom:11px; width:100px; }
#nav a{ display:block; width:100px; height:29px; }
#nav span{ display:none; }

.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }


#video{ width:480px; }
#video-info, #panel-info{ position:absolute; width:150px; top:125px; left:830px; }


#subnav{ position:absolute; top:125px; width:200px; left:90px; margin:0; list-style:none; }
#subnav li{ font:bold 20px Arial; text-align:right; }
#subnav a{ color:#000; text-decoration:none; }
#subnav a:hover{ color:#999; }
#subnav ul{ padding-bottom:10px; list-style:none; }
#subnav ul li{ font-size:14px; }

.jcarousel-skin-tango{ padding-top:10px; }

h2{ font:bold 20px Arial; color:#000; padding-bottom:10px; }
p, label{ font:bold 14px/1.2em Arial; color:#000; }
label{ display:block; padding-top:5px; }
input{ width:413px; padding:5px; }
input[type="submit"]{ width:150px; }

/* novo */

#submenu{ position:absolute; top:130px; left:320px; width:480px; /**/ }
#submenu li{ float:left; width:100%; display:block; font:bold 14px Arial; color:#000; }
#submenu li a{ float:right; color:#000; margin:3px; font:bold 11px Arial; }
#submenu li a:hover{ text-decoration:none; }
#submenu li:hover{ background:#f6f6f6; }

#homelink{ display:block; width:163px; height:80px; position:absolute; top:28px; left:135px; }

h2 input{ font:bold 20px Arial; color:#000; }
.add-new{ position:absolute; top:125px; left:0; font:bold 16px Arial; }
.add-new a{ text-decoration:none; background:#000; color:#fff; padding:5px 8px; -moz-border-radius:0 7px 7px 0; border-radius:0 7px 7px 0; }

#video-fields{ position:absolute; top:0; left:320px; font:normal 14px Arial; color:#000; }
#video-info a{ text-decoration:none; color:#999999; }

.preview-from-carousel{ display:block; width:92px; height:65px; }
.admin-carousel li{ position:relative; }
.del-from-carousel{ position:absolute; bottom:10px; left:0; width:92px; height:20px; background:red; color:#fff; text-align:center; text-decoration:none; font:bold 13px/20px Arial; display:none; }
.admin-carousel li:hover .del-from-carousel{ display:block; }


#middle{ padding:125px 0 0 320px; }
#subnav li.klijenti{ padding-top:45px; }
#subnav a.active{ color:#999; }