/*  
Theme Name: Omnia theme
Theme URI: http://www.omnisdata.com
Description: Omnia
Version: 1.5
Author: Omnisdata Ltd
Author URI: http://www.omnisdata.com
*/

* {
	margin:0;
	padding:0;
}

 
body {
	color:#111111;
	font-size:9pt;
	font-family:helvetica,arial,verdana, sans-serif;
	margin:0;
	padding:0;
	background-color:#307878;
}

img {
	border:none;
}

img.border {
	border:1px solid #e2e2e2;
	margin-bottom:20px;
}


img.alignleft {
	float:left;
	margin-left: 0px;
	margin-right: 15px;
}

img.alignright {

}


h1{
	font-size:18px;
	color:#307878;
}

h4{
	margin:20px 0 5px 0;
}

a{

	color:#215353;
	
}

.red{
	/*font-size:10px;*/
	color:#e20000;
}

.comment{
	/*font-size:10px;*/
	color:#777777;
}

a:hover{

	color:#215353;
	text-decoration:underline;
}

.clear {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}

#maincontainer{

}

.inside {
	width:960px;
	min-width:65em;
	max-width:85em;
	margin:0 auto;
	clear:both;
	position:relative;
}

.pad{
	padding:13px 0 20px 0;
}

#header{
	height:300px;
	background-color:#f5f5f5;
}

#header_img{
	margin-top:20px;
	float:left;
}

#header_text{
	float:left;
	
	padding-left:30px;
	padding-top:90px;
	color:#111111;
	width:487px;
	text-align:justify;
	font-size:13px;
	line-height:23px;
	/*position:absolute;
	top:30px;
	left:350px;*/
}

#header_prijava{
	position:absolute;
	top:200px;
	right:10px;
	
	font-size:14px;
}

#header_prijava a{
	background-image:url(images/header-button.png);
	background-repeat:no-repeat;
	display:inline-block;
	width:93px;
	height:34px;
	
	font-size:18px;
	color:white !important;
	text-align:center;
	padding-top:4px;
	
	text-decoration:none;
	margin-right:0;
	
	outline-style:none;
	outline-width:0;

}

#header_prijava a:hover{
	text-decoration:none;
	background-position:-93px 0;

}

#header_text h1{
	text-align:justify;
	margin-bottom:20px;
}

#header_top{
	height:60px;
	background-color:#307878;
	
}

#header_top #logo{
	padding-top:0px;
	font-size:16px;
	color:white;
	float:left;

}

div#podnaslov {
	font-size:14px;
	
	float:left;
	margin:27px 0 0 5px;
	/*font-weight:bold;*/
	color:white;
}

/* ****************************************************************************************** */
/* ***************************************** Main menu *************************************** */
/* ****************************************************************************************** */

#menu {
	float:right;
	/*margin-top:23px;*/
	
	font-size:12px;
	text-align:right;

	position:relative;
	

}

#menu .menu, #menu li {
	list-style:none;
	margin:0;
	padding:0;
}

#menu .utom_menu{
	/*width:912px;
	margin:0 auto;*/

}

#menu .menu {
	height:60px;
}

#menu .menu li {
	float:right; /* mora radi ie6 kao posljedica meni je naopako */
	
	height:60px;
	/*margin-left:5px;*/
	
}
/*
#menu .menu li.highlight {
	background:#58626e;
	color:#111111;
}*/


#menu .menu li.separator {
	background-color:#40a0a0;
	width:1px;
	height:60px;

}

#menu .menu a {
	height:37px;
	
	background-repeat:no-repeat;
	color:#fff;
	display:inline-block;
	
	font-size:12px;
	text-align:center;
	padding:23px 15px 0px 15px;
	
	margin:0;
	
	text-decoration:none;
}

#menu .menu li.active a {
	background-color:#378989;
	
}

#menu .menu a:hover{
	/*border-bottom:3px solid white; 307878 */
	text-decoration:none;
	background-color:#378989;
}

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

#grad_traka{
	background: url(images/grad_traka.png) repeat-x;
	height:31px;
}



#content{
	background-color:white;
	height:100%;
	
	padding-top:30px;
	padding-bottom:30px;
}

#content .three-column{
	width:300px;
	float:left;

	text-align:justify;
	padding-left:30px;
	
	background-color:white;
		
}

#content .two-column{
	width:440px;
	float:left;

	text-align:justify;
	padding-left:70px;
	
	background-color:white;
		
}

#content .twothird-column{
	width:620px;
	float:left;

	text-align:justify;
	padding-left:30px;
	
	background-color:white;
		
}

.text a{
	color:#215353;
}

#content h1{
	width:100%;
	border-bottom:1px solid #d2d2d2;
	margin-top:40px;
	margin-bottom:20px;
}

#content p{
	margin-bottom:10px;
	line-height:20px;
	text-align:justify;
}

#content .pagecontent{
	margin-top:20px;
}

#content #first{
	padding:0 !important;
}

#content #third{
	
	float:right;
}

pre {
	width:100%;
	overflow:auto;
	
	background-color:#f5f5f5;
	padding:10px;
}


/**************************************************************************/
/**************************** Contact page ********************************/
/**************************************************************************/

#contact_info{
	margin-top:30px;
	width:320px;
	margin-right:100px;
}

.contact_label{
	color:#333333;
	/*font-weight:bold;*/
}

.contact_info{
	color:#333333;
}

#contactform{
	padding-top:30px;
/*	margin-left:50px;*/
	float:left;
	/*text-align:right;*/
}

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

#cforms2form{
	
}

#cforms2form ol{
	border:none;
}

#cforms2form #li-2-7 label, #cforms2form #li-2-7 span{
	width:350px;
}



#cf_field_5{
	/*width:350px;*/
}

.content_right {
	/*width:300px;*/
	font-size:12px;
	margin-bottom:50px;
	
	
	
}


.content_right h3 {
	color:#307878;
	font-size: 16px;
	font-weight:bold;
	
	border-bottom:1px solid #d2d2d2;
	padding:5px 0 4px 0;
	text-align:right;
	margin-bottom:15px;
}

.content_right h3 a{
	text-decoration:none;
}

.content_right h3 a:hover{
	text-decoration:underline;
}

.content_left{
	text-align:left;
	margin-bottom:50px;
}



.content_left h3, .leftheader {
	color:#307878;
	font-size: 16px;
	font-weight:bold;
	
	border-bottom:1px solid #d2d2d2;
	padding:5px 0 4px 0;
	text-align:left;
	
	margin-bottom:15px;
	
	line-height:20px;
}
	
.content_right_sub {
	color:#222222;
	margin-bottom:50px;
	line-height:20px;
}

.content_right_sub ul {
	list-style-type:none;	
}

.content_right_sub ul li {
	/*border-bottom:1px solid #e5e5e5;*/
	
	line-height:25px;
	padding:0;
	margin:0;
	
	
	
	/*background-color:red;*/
}

.content_list {
	margin-top:10px;
}

ul.content_list li {
	margin-left:20px;
	line-height:2em;
}

.ref_comment{
	display:block;
	color:#222222;
}

.ref_label{
	color:#1e3544;
	font-weight:bold;
}

#footer {
	clear:both;
	color:#333333;
	
}

#footer .inside {
	height:40px;
}


#footer a{
	color:white;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

#footer p.copyright {
	letter-spacing:1px;
	float:left;
}

#footer p.copyright {
	color:white;
	font-size:11px !important;
	/*padding:10px 0 10px 0;*/
}

#footer p.bottommenu {
	color:white;
	float:right;
	/*padding:13px 0 10px 0;*/
}


/* ************************************************************ */
/* ************************ Showcase ************************** */
/* ************************************************************ */
.sc_list{
	display:block;
	width:440px;

	
	float:left;
	margin-left:15px;
	margin-right:15px;
	/*overflow:hidden;*/
	
}

.sc_list img{
	/*border: 1px solid #ddd;*/
	
	float:left;
	margin-right:20px;
}

.sc_image{
	float:left;
	padding-right:10px;
}

.sc_description{
	float:left;
	width: 240px;
	line-height:20px;
}


.sc_list h3{
	color:#307878;
	font-size: 16px;
	font-weight:bold;
	
	border-bottom:1px solid #cccccc;
	padding:10px 0 4px 0;
	text-align:left;
	
	margin-bottom:15px;
}

.sc_list span{
	float:right;	
}

.sc_list h3 a{
	color:#111111;
}

.sc_list a{
	font-weight:bold;
	color:#215353;
}

.sc_list a:hover{
	color:#215353;
}

ul.gallery{
	margin:0;
	padding:0;
	list-style: none; 
}

ul.gallery li{
	margin:20px 0 0 20px;
	padding:0;
	float:left;
}

/* ******************************* Demos ************************/

.console{
	margin-top:20px;	
}

.console h3{
	font-size:12px;
	margin-bottom:5px;
}

.console textarea{
	border:1px solid #d7d7d7;
	background-color:#f7f7f7;
	color:#666666;
	width:570px;
	height:100px;
	padding:5px;overflow-y: scroll;
}


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

.blog-item{
	margin-bottom:50px;	
}

.blog-item h3 span{
	font-size:10px;
	font-weight:normal;
	float:right;
	margin-top:-18px;
}

.blog-item h3 span a{
	margin-left:8px;
}
/* ************************************************************ */
/* ************************ Examples ************************** */
/* ************************************************************ */

div.navigation {	
	position:relative;
	width: 180px;
	
	border: 0; 
	margin: 0 0 10px 0;
}


div.navigation ul { 
	margin: 0; 
	padding: 0;
	list-style: none; 
}

div.navigation ul li {
	/*width: 180px; */

	text-align: left; 
	margin: 0; 
	font-size: 12px; 
	color: #222; 
	display:block;
	/*background-color:red;*/
}
/*
div.navigation ul li div{
	width: 180px; 	
	margin: 0; 
	
	color: #666; 
	padding: 0px; 	
	padding-top:3px;
	text-decoration: none; 	
}
*/
div.navigation ul li a {
	/*width: 175px; */
	display: block; 
	margin: 0; 
	height:15px;
	color: #666; 
	padding: 5px 0px 5px 5px; 
	text-decoration: none; 
	border-bottom: 1px dotted #d3d3d3; 
}

div.navigation ul li a:hover { background-color: #f3f3f3; color: #000; }

div.navigation ul li.indent a{
	
	/*width: 160px; */
	padding-left:20px;
}

div.navigation  .header {
	color:#307878;
	font-size: 12px;
	font-weight:bold;
	
	border-bottom:1px solid #d2d2d2;
	padding:5px 0 2px 0;
	
	
	/*width: 160px;*/	
}

.collapsible div.header {
	padding-left: 20px; 
	background: url(images/menu-expanded.gif) no-repeat 0% 8px; 
}

.collapsed div.header {
	padding-left: 20px; 
	background: url(images/menu-collapsed.gif) no-repeat 0% 50%; 
}

#otherexamples ul li{
	/*font-size:10px;*/
	padding:0px;
	margin:0;
}

#otherexamples ul li a{
	/*padding:2px;*/
}

/* ************************************************************ */
/* ************************ Examples ************************** */
/* ************************************************************ */
#comment-form .text{
	line-height:18px;
}

#comment-form .textfield{
	margin-bottom:5px;
}

#comment-form .formactions{
	text-align:left;
	margin:0;
}


#comment-form .submit{

	float:left;
}

#comment-guide{
	margin-top:50px;
}

#comments{
	margin-bottom:30px;
	
}

.nocomments{
	color:#999999;
}

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

ul.stavke{

	list-style-type: square;

	margin-bottom:10px;
}

ul.stavke li{

	margin-left:30px;
	border-bottom:none;
}