/*  
Theme Name: Omnisdata
Version: 1.2
Author: Marko

Theme color: 0x303c44
*/

* {
	margin:0;
	padding:0;
}

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

}

img {
	border:none;
}

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

h4{
	font-size:14px;
	color:#303c44;
	margin-top:15px;
	margin-bottom:5px;
}

/* teaser */
h6{
	font-size:15px;
	line-height:25px;
	color:#303c44;
	margin-top:15px;
	margin-bottom:5px;
	font-weight:normal;
	text-align:justify;
}

a{

	color:#065a7c;
	text-decoration:none;
}

a:hover{
	text-decoration:underline !important;
	color:#065a7c;
}

.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;
}


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

.header_img{
	margin-top:40px;
	float:left;
	width:450px;
	height:240px;
	
}



#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
		}
		#heading * {
			display: inline;
			padding: 4px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			background-color: #66ccff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		#wrapper { border: 1px dotted gray; margin: 1em; padding: 1em;  width: 395px; height:250px;}
		
		#panes {
			text-align: justify;
			border-style: none;
			width: 200px;
			margin: 1em 1em 0 1em;
		}
		
		#panes p {
		  width: 395px;
		  margin: 0 auto 1em auto;
		  line-height: 1.2em;
		}
		
		#panes div div { overflow: hidden; }


		
		
		
		

#demo_container {
	
	width: 600px;
	height: 300px;
	position: relative;
	margin: 0 auto;
	top: 50px;
}

#demo_container h2 {
	font-size: 20px;
	font-style: italic;
	line-height: 70px;
	color: #993300;
	text-align: center;
}

#items_container {
	width: 960px;
	height: 250px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 25px;
	/*background-color:gray;*/

}

div.slide_item {
	width: 960px;
	height: 250px;
	position: absolute;
	left: 500px;
	top: 5px;

}

div.first_item {
	left: 0;
}

div.slide_item h3 {
	padding: 10px;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #6e6c19;
}

div.slide_item p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
}








.description{padding:16px;margin:10px 0;background:#eee}

.sample{
	/*padding:20px 30px; 
	margin:25px 0; */
	padding-top:0px;
	/*border:1px solid #e1e1e1*/
}

h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:300px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{
	padding:0px;
	margin-top:-20px;
	z-index:10;
}
.buttons span{color:#333333;padding:1px 4px 2px 4px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#065A7C;color:#fff}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:960px;
	float:left;
}

#box8 img{
	/*border:1px solid #d7d7d7;*/
}

#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	
	clear:both;
}
.sample8 .mask1{
	/*border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
}

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

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:960px;
	height:300px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
		
		
		
		


.header_img img{
	/*border:1px solid #d7d7d7;*/
}

.header_text{
	left:430px;
	padding-left:30px;
	padding-top:90px;
	color:#303c44;
	width:480px;
	text-align:justify;
	line-height:23px;
	position:absolute;
	top:120px;
	left:130px;
}

.header_text h1{
	text-align:left;
	margin-bottom:20px;
	font-size:19px;
}

.slide{
	width:960px;
	height:300px;
	/*border:1px solid black;*/
	/*background:gray;*/
}

.slide  div{
	position:absolute;
}

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

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


#header_top #logo a{
	color:white;
	font-size:24px;
	font-weight:bold;
}

div#podnaslov {
	font-size:11px;
	
	float:left;
	margin-left:63px;

	color:white;
}

/* ****************************************************************************************** */
/* ***************************************** Content **************************************** */
/* ****************************************************************************************** */


ul.list{
	margin-left:40px;
	
}

ul.list li{
	border:none !important;
	list-style-type:disc;
}

/* ****************************************************************************************** */
/* ***************************************** 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:#5C7189;
	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;
}

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

#menu .menu a:hover{
	/*border-bottom:3px solid white; 303c44 */
	text-decoration:none !important;
	background-color:#364251;
}
/* ****************************************************************************************** */

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

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

.two-column a{
	text-decoration:underline;
}

.three-column a{
	
}

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

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

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

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

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

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

.text a{
	color:#065a7c;
}

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

#content p{
	margin-bottom:5px;
	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:right;
	text-align:right;
	width:500px;
}

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

#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;
	
	
}

.text h2{
	font-size: 16px;
	margin-top:20px;
	margin-bottom:10px;
}

.pagecontent h2{
	color:#303c44;
	font-size: 16px;
	font-weight:bold;
	
	border-bottom:1px solid #d2d2d2;
	padding:5px 0 4px 0;
	text-align:left;
	margin-top:30px;
	margin-bottom:20px;
}

.pagecontent h3{
	color:#666666;
	font-size: 14px;
	font-weight:bold;

	padding:5px 0 4px 0;
	text-align:left;
	margin-bottom:15px;
}

.pagecontent ul{
	margin:10px 0 20px 0;
}

.pagecontent ul li{
	margin-left:30px;
}

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

.content_right h3 a{
	/*color:#303c44;*/
}

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

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



.content_left h3, .leftheader {
	color:#303c44;
	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:30px;
	line-height:20px;
}

.content_right_sub a.active{
	font-weight:bold !important;
}

.content_right_sub ul {
	list-style:none;
}

.content_right_sub ol {
	margin-left:40px;
}

.content_right_sub ul li {
	border-bottom:1px solid #e5e5e5;
	line-height:25px;
	padding:0;
	margin:0;
/*	overflow:hidden;*/
	
	/*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;
}
#footer a:hover{
	text-decoration:underline;
}

#footer p.copyright {
	margin-top:10px;
	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;

	height:220px;
	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:#303c44;
	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:#303c44;
}

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

.sc_list a:hover{
	color:#065a7c;
}
/* ******************************* 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:20px;	
}

.news-item{
	margin-bottom:15px;	
}

.news-item h4{
	font-size:12px;
	margin-bottom:0px;
}

.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:#303c44;
	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;
}

/* ************************************************************ */
#brosura{
	margin-top:30px;
	
}

#brosurabt{
	background-image:url(images/brosura-button.gif);
	background-repeat:no-repeat;
	display:inline-block;
	width:93px;
	height:34px;
	
	font-size:18px;
	color:white !important;
	text-align:center;
	padding-top:3px;
	
	margin-right:0;
}

#brosurabt:hover{
	
	background-position:-93px 0;

}

#signin{
	position:absolute;
	right:100px;
	bottom:30px;

}

#signinbt{
	
	/*display:block;
	width:150px;
	height:35px;
	border:1px solid #CCCCCC;
	background-color:#303c44;
	color:white;*/
	
	color:#303c44;
	font-size:20px;
	text-decoration:underline;
}

#signinbt .cenimage {
	float: left;
	margin-left:60px;

}

.alignright{
	margin-left:20px;
}

.alignleft{
	margin-right:20px;
}

img.border{
	border:1px solid #D2D2D2;
}

ul.ulord{
	margin-left:30px;
	list-style: square;
}


ul.ulord li{
	border:none;

}


/* language menu */

li.language_item{
	float:left;
	list-style:none;
	margin:8px 15px 0 0;
}