* {margin:0;padding:0}
/* mac hide \*//*
html,body{height:100%;width:100%; font-family: 'Droid Serif', serif; font-weight: 400;font-style: italic;}
*/
html,body{height:100%;width:100%; font-family: 'Arial'}

/* end hide */
body { 
	text-align:center;
	min-height:468px;/* for ie7*/
}

#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 45px;
}	
#xinner {
	width: 100%;
	background:#fff;
	height: 45px;
	padding: 250px 0;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

a{ color: #ec008c; text-decoration: none;}
a:hover{ text-decoration: underline;}

.clear{ clear: both}
.right{ float: right;}
.left{ float: left;}
.slika_desno{ float: right; margin: 0 0 10px 10px;}
.slika_levo{ float: left; margin: 0 10px 10px 0;}

.cr{ background: #000000;}
.ze{ background: #8ab333;}
/*.ze::selection, .ze::-moz-selection, .ze::-webkit-selection { bakcground: #8ab333; color: 000000;} */
p::-moz-selection { bakcground: #8ab333; color: 000000;}
.vi{ background: #8161a9;}
.or{ background: #f68b1f;}
.ro{ background: #ed0d6d;}

#xinner h1.logo, #xinner h2.logo, #xinner  ul.navi, #xinner nav, nav li, nav a.link{ line-height: 45px; height: 45px;}
	.wrap{ margin: 0 auto; width: auto; display: inline-block;}
	#xinner h1.logo, #xinner h2.logo{ display: inline-block; margin: 0; padding: 0; height: 35px; float: left;background: url(../images/logo.gif) no-repeat; width: 172px; text-indent: -9999px; margin: 12px 0px 3px 0;}
	#xinner ul{ display: inline-block; margin: 0; height: 40px; }
	#xinner  ul.navi{ margin: 0; padding: 0;}
 
nav li, nav a.link{width: 45px; height: 45px; display: block; float: left; margin: 0; }

#xinner nav{ display: inline-block; height: 45px;line-height: 45px;}
	nav li{ background: red; margin: 0 3px; position: relative;}
	nav a.link{ background: url(../images/mask-navi.png) no-repeat;text-indent: -9999px;}
	/*nav a.link:hover{ background: url(../images/mask-navi-active.png) no-repeat;} */
		.first_link{ background: url(../images/bg_first.png) #000000 no-repeat;}
		
	.content{ overflow: hidden; display: table-cell; position: absolute; left: 14px; width: 370px; height: /*330px*/ 250px; text-align: left; /*padding: 0 0 0 15px;*/ line-height: 15px; font-size: 13px;}
		.content .wrap{ height: 90%;}
			.wrap h1{ margin: 8px 0; font-size: 20px;}
			.wrap h2 {font-size:16px;}
			.wrap h3 {font-size:14px}
		.content .vert-line{ border-left: 2px solid #000; position: absolute; top:0; bottom:0; left: 7px;}
		.content .body{ margin-left: 20px;}
	.content_top{ bottom: 45px;}
		
	.content_bottom{ top: 45px;}
		.content_bottom .wrap{ bottom: 0; position: absolute; float: left; height: 90%; display: inline;}

		/*
		.content_top .jspContainer{ padding-bottom: 20px;}
		*/
	.navi .hover{ white-space:nowrap; display: none; border-left: 2px solid #000; position: absolute; height: 60px; text-align: left; left: 23px; padding: 0 0 0 5px;}
		/* .navi .active .hover{ display: block; } */
		.navi .hover .hover_wrap{ position: absolute; width: 100%; height: auto;}
		.hover_top{ bottom: 45px;}
			.hover_top .hover_wrap{ top: -15px;}
		.hover_bottom{	top: 45px}
			.hover_bottom .hover_wrap{	bottom: -15px}
				.hover_wrap span{	background: #fff; padding: 5px;}