/***************************************************
                     		 OKTOPAZ 
			  made by www.krojac.com
***************************************************/

html, body, p, a, h1, h2, h3, h4, h5, h6, img, a img, form  {
	margin:0;
	padding:0;
	border:none;
}

html, body{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    line-height: 1.4;
	color: #333;
	background-color:#FFF;
	 /* Always show vertical-scroll */
	height:101%;
	margin-bottom:1px;
}

/***************************************************
			      			Global design
***************************************************/

p, p strong {
	margin-bottom: 15px;
}

a {
	font-weight: normal;
	text-decoration: none;
	color: #0065b2;
	font-size: 11px;
}

a:hover{color: #666666}

/***************************************************
			    		Main containers
***************************************************/

#container, #container-left, #container-right, #container-middle{
	position: relative;
	width: 920px;
	margin:0 auto;
	padding:0;
}

#container-left, #container-right, #container-middle {
	float:left;
	width:165px;
	margin:0;
	padding:10px 0 0;
	}		

#container-right {
	float: right;
	width: 700px;
	}
	
#container-middle {
	width:500px;
	padding-left:30px;
}
	
#head {
	position: relative;
	float:left;
	width: 920px;
	height: 110px;
	margin-bottom:10px;
}
	
#lang-menu {
	position:absolute;
	right:0;
	top:15px;
	width:170px;
	height:25px;
	text-align:right;
}	

#lang-menu a {
color:#ccc;
font-size:11px;
display:block;
float:right;
width:44px;
height:17px;
margin-left:10px;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
text-align:center;
line-height:16px;
}

#lang-menu a:hover{color:#666}

#lang-menu a.selected {
color:#fff;
background:#fff url(../pic/bg-lang.gif) no-repeat 0 0;
}

/***************************************************
				   HOLDERS
***************************************************/	

#holder-flash {
	width: 922px;
	height:300px;
	position: relative;
	float:left;
	margin:0 0 30px;
}

.holder, #holder-blog {
	position: relative;
	float: left;
	margin:0 26px 0 0;
	width: 259px;
	height:321px;
	padding:10px 15px;
	background:#fff url(../pic/bg-holder.png) no-repeat 0 0;
}

#holder-blog {
margin-right:0;
float:right;
}

#holder-blog a{
font-size:10px;
color:#0065b2;
}

#top-post, .holder-blog-separator {
position:relative;
float:left;
width:245px;
height:62px;
margin-left:-3px;
margin-bottom:15px;
padding:10px;
background:transparent url(../pic/bg-blog-top.png) no-repeat 0 0;
}

#top-post a {
font-size:14px;
color:#0065b2;
}

.holder-blog-separator a {color:#000}

#top-post p, .holder-blog-separator p {margin-bottom:3px;line-height:1.2}
.holder-blog-separator p {color:#666;font-size:10px}

#holder-blog a:hover {
color:#333;
}

.holder-content, .holder-content-separator, .holder-content-line{
	position: relative;
	float: left;
	width: 100%;
}

.holder-content-line {
	padding-bottom: 3px;
	border-bottom:1px solid #f3f3f3;
	margin-bottom: 15px;
}

.holder-content-separator {
	margin: 10px 0 10px 0;
	clear: both;
}

.holder-blog-separator {
background:none;
margin-left:5px;
padding:0;
width:247px;
}

/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/

h1, h2, h3, h4, h5, h6, .date, .text-absolute, .vote, .comment{
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	position:relative;
}

h1, h1 a{
	font-size: 20px;
	color: #000;
	line-height:0.9;
	padding-top:5px;
}

h1 a {
	font-size:13px;
	}

 h1 span{
	font-size: 10px;
	color: #999999;
	display: block;
	line-height: 10px;
}

#holder-blog h1{padding-left:5px}

h2{
	font-size: 16px;
	color: #000;
	line-height:1.4;
}

h3{
	font-size: 14px;
	color: #333333;
	font-weight: lighter;
	padding-bottom: 3px;
	margin-bottom: 20px;
	background-image: url(../pic/bg-line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

h3 span{
	font-size: 11px;
	color: #666666;
	display: block;
	line-height: 15px;
	font-style: italic;
}


h4, h4 a {
	font-size: 13px;
	color: #0065b2;
	padding-bottom:2px;
}

h4 a:hover {color:#333}

h5{
	font-size: 16px;
	color: #0065b2;
	padding-bottom:5px;
}

h6 {
	font-size: 12px;
	color: #333;
	font-weight: normal;
	padding-top: 20px;
}

/***************************************************
			        GALLERY
***************************************************/


a.photo-hover{
float: left;
background-color:#FFF;
border:1px solid #f3f3f3;
padding:3px;
margin:0 10px 5px 0;
cursor:pointer;
}

a.photo-hover:hover{	
	z-index:500;
	background: rgb(255, 255, 255);
	opacity: 0.6;
}

/***************************************************
							   SPECIFIC
***************************************************/

#logo {
	position: relative;
	float:left;
	width:170px;
	height:65px;
	margin:42px 0 0;
 }
 
 #container-message{
	width:300px;
	position: absolute;
	top: 50%;
	margin-top: -150px;
	margin-right: -150px;
	right:50%;
}	

.clearing{
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	overflow:hidden;
}

.hidden{overflow: hidden;visibility: hidden}

/***  Start Slide-door ***/
.holder-more {
position:absolute;
left:15px;
bottom:30px;
}
a.more {
display:block;
float:left;
height:21px;
padding-right: 6px;
cursor: pointer;
background:transparent url(../pic/slidedoor-button-right.gif) no-repeat right top;
}
a.more span {
position: relative;
display:block;
height:21px;
padding: 1px 6px 0 10px;
color:#fff;
background:transparent url(../pic/slidedoor-button-left.gif) no-repeat left top;
} 
a.more:hover span {
	color:#ccc;
}
/*** End Slide-door ***/

.date {
	font-size: 10px;
	color: #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	display:block;
}

p.social-net  img {
position:relative;
width:20px;
height:20px;
display:inline;
vertical-align:middle;
/*border:1px solid #f1f1f1;*/
margin:2px 3px 3px 0;
}

a.slide-button {
/* Sliding right image */
background: transparent url(../pic/slidedoor-button-right.gif) no-repeat scroll top right; 
display: block;
height: 21px;
text-decoration: none;
color: #fff;
font-size:11px;
}

a.slide-button span {
/* Background left image */ 
background: transparent url(../pic/slidedoor-button-left.gif) no-repeat;
display: block;
float: left;
height:21px;
width:6px;
padding:0 0 0 5px;
} 

a.slide-button:hover span{
text-decoration:underline;
}

/***************************************************
				      FORMS
***************************************************/

form {
	font-size:11px;
	font-weight: normal;
	padding-top:10px;
}

form#formRegistracija {padding-top:30px}

label {
	width:80px;
	display:block;
	float:left;
	color: #595959;
	padding-top:5px;
}

.textbox, textarea, .box-error, .textarea-error, input.upload-box {
	font-size:11px;
	width:185px;
	line-height:22px;
	height: 22px;
	color: #333333;
	padding-left: 2px;
	margin-bottom: 2px;
	float: left;
	border:1px solid #ccc;
}

.textbox:focus, textarea:focus {outline:none;border:1px solid #999}

.box-error{background-image: url(../pic/bg-line-dark.gif);}

textarea, .textarea-error{
	width:360px;
	line-height:20px;
	height: 150px;
	padding: 5px;
	overflow:hidden;
}

.box-error, .textarea-error {background-color:#fcfcfc}

.text-error, .text-info-error {
	position:absolute;
	font-size: 11px;
	color:#FF3333;
	left:240px;
	top:0px;
}

.text-error {
top:35px;
left:340px;
width:120px;
}

.holder-form-height, .holder-form{
	width:100%;
	position: relative;
	float: left;	
}

.holder-form-height{margin-bottom: 20px;}

.button {
	color: #FFF;
	height: 20px;
	width: 56px;
	cursor: pointer;
	border: none;
	position: absolute;
	right: 130px;
	top:0;
	background-color: #FFF;
	background-image: url(../pic/button-send.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#search {
position:absolute;
top:35px;
right:0;
width:157px;
height:26px;
}

#searchbox {
width:120px;
height:26px;
border:none;
background:#fff url(../pic/bg-search.gif) no-repeat 0 0;
font-size:11px;
line-height: 26px;
color:#999;
padding: 0 32px 0 6px;
}

#button-search {
position:absolute;
top:12px;
right:2px;
}

/***************************************************
			        FOOTER
***************************************************/

#footer{
	position: relative;
	width: 920px;
	color: #666;
	font-size: 11px;
	border-top:1px solid #ccc;
	padding-top:20px;
	margin: 30px 0;
	float: left;
}

#FooterOne, #FooterTwo {
	position: relative;	
}

#FooterOne p {
	margin-bottom: 13px;
	color: #1e6d1b;
}

#FooterTwo{
	position: absolute;
	top: 24px;
	right: 0px;
}

#FooterOne a.krojac {
	color: #ff6600;
	font-size: 11px;
}

a.krojac:hover{
	text-decoration: underline;
}

#footer-logo {
position:absolute;
right:0;
top:12px;
}

#footer-logo a {
	background-image:url(../pic/footer-logo-off.gif);
	background-repeat:no-repeat;
	display:block;
	width:95px;
	height:38px;
	}

#footer-logo a:hover {
	background-image:url(../pic/footer-logo-on.gif);
	background-repeat:no-repeat;
	display:block;
	width:95px;
	height:38px;
	}


/***************************************************
				    	NAVIGATION
***************************************************/

#nav-menu{
	position: absolute;
	top: 85px;
	right: 0;
	width:560px;
}

#nav-menu ul, #bottom-nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float:right;
}

#nav-menu ul li, #bottom-nav li {
	float: left;
}

#nav-menu ul li a { 
	font-size: 12px;
	color: #999;
	font-family: Tahoma, Geneva, sans-serif;
	padding-left:25px;
}

#nav-menu ul li a:hover {
	color: #333;
}

#nav-menu ul li a:focus, #nav-menu ul li a:active {outline:none}

body#home a#home_link, body#a a#a_link, body#b a#b_link, body#partners  a#partners_link, body#references a#references_link, body#careers a#careers_link,  body#blog a#blog_link, 
body#contact a#contact_link, #second-nav ul li a#selected_link  {
	color:#0065b2;
}

#second-nav {
	position:relative;
	float:left;
	width:100%;
}

#second-nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

#second-nav ul li {
	padding:3px 0;
	border-bottom:1px dotted #ccc;
}

#second-nav ul li a {
	color:#666;
}

#second-nav ul li a:hover {color:#0065b2}

#bottom-nav {
position:absolute;
top:20px;
left:305px;
width: 490px;
text-align: left;
}

#bottom-nav ul li a{ 
font-size:11px;
color:#999;
margin-right:10px;
font-family: Tahoma, Geneva, sans-serif;
}

#bottom-nav ul li a:hover {color:#333}