/*
Template Name: BusinessBlue
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/

Adaptation: Viktor Ilijašić

Licence: <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>

*/

body {
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	font-family: Verdana,Tahoma,Arial,helvetica,sans-serif;
	/*font-family: Georgia,"Times New Roman",Times,serif;*/
	color: #666666;
	background-color:#103E7B;
/*	
 	color:#FFFFFF;
	background-color:#1A3151;
*/
}

img {display:block; margin:0; padding:0; border:none;}
.justify {text-align:justify;}
.bold {font-weight:bold;}
.center {text-align:center;}
.right {text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear {clear: both;}
.dist { margin: 40px 0; border: 0px; height: 10px; background-color: #EBEBED; color: #EBEBED; }
a {text-decoration:none;}

.inline {display:inline;}

.fleft{float:left;}
.fright{float:right;}

.imgl, .imgr, .minigal img {border:1px solid #CCCCCC; padding:5px; background-color:#F7F7F7;}
.minigal img { 
	display: inline; 
	padding:4px; 	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.framedblue {border:2px solid #CCCCDF; padding:5px;background-color:#DFDFEF;margin-top:40px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

hr { color:#CCCCCC; }
/* --- wrapper --- */

div.wrap {
	display:block;
	width:100%;
	margin:0;
	text-align:left;
}

div.wrap h1, 
div.wrap h2, 
div.wrap h3, 
div.wrap h4, 
div.wrap h5, 
div.wrap h6 {
	margin:25px 0 20px 0;
	padding:10px 0 8px 0;
	/*font-size:1.5em;*/
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #666666;
	clear:both;
}

.c1{color:#CCCCCC; background-color:#103E7B;}
.c2{color:#FFFFFF; background-color:#5687C7;/*border-bottom:1px solid #204E8B;*/}
.c3{color:#CCCCCC; background-color:#124488;}
.c3 a{color:#99CC00;}
.c4{color:#666666; background-color:#ebebed;}
.c4 a{color:#366298;}
.c5{color:#092448; background-color:#5687C7;}
.c5 a{color:#010193;}
.c6{color:#CCCCCC; background-color:#103E7B;}
.c6 a{color:#FFFFFF;}

address {
	font-style:normal;
}
/* --- general --- */

#header, #fheader,
#topbar, 
#intro, 
#breadcrumb, 
#container, 
#footer, 
#copyright {
	position:relative;
	margin:0 auto 0;
	display:block;
	width:84%;
}

/* --- header --- */

#header, #fheader {
	padding:20px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#header #logo, #fheader #logo,
#header #logo-img, #fheader #logo-img {
	display:block;
	float:left;
	width:55%;
}

#header #logo, #fheader #logo {
	margin:0 1em;
}

#header #logo-img, #fheader #logo-img {
	display:block;
	float:left;
	width:90px;
	height:90px;
	/*border:1px solid #39669D;*/
	padding:3px;
	margin-right:1em;
	margin-top:5px;
}

#header #logo h1, #fheader #logo h1 {
	border:none;
	/*border-bottom:1px dashed #39669D;*/
	margin:0;
	padding:0 0 3px;
	/*float:left;*/
	clear:right;
}

#header #logo p, #fheader #logo p {
	display:block;
	/*float:left;*/
	height:25px;
	margin:0 0 0 -40px;
	padding:3px 0 3px 40px;
	border-top:2px solid #39669D;
	font-size: 1.8em;
}

#header #logo h1 a, #fheader #logo h1 a {
	font-size:2.1em;
	margin-right: 0.2em;
}

#header #info, #fheader #info {
	display:block;
	float:right;
	margin-top:0.6em;	
}

#header #language, #fheader #language {
	display:block;
	float:right;
	margin-top:-2em;
}

#header #info ul, #fheader #info ul {
	margin:0;
	padding:0;
	list-style:none;
	/*text-align:right;*/
}

#header #info li, #fheader #info li{
	/*display:inline;*/
	margin:0 0 0 10px;
}

#header a, #fheader a {
	color:#FFFFFF;
}

/* --- top bar --- */

#topbar {
	z-index:999;
}

#topbar #search {
	/*display:block;*/
	display:none;
	float:right;
	width:260px;
	margin: 10px 0;
	/*display:none;*/
}

/* --- top navigation --- */
#topnav {
	display:block;
	float:left;
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#topnav ul {
	list-style:none;
}

#topnav ul, #topnav li{
	float:left;
	margin:0;
	padding:0;
}

#topnav li a:link, 
#topnav li a:visited, 
#topnav li a:hover,
#topnav li .notlink {
	display:block;
	margin:0;
	padding:10px 11px;
	margin:4px 2px 4px 3px;
	color:#092448;
	/*font-weight:bold;*/
	/*background-color:#1A65C7;*/
	/*border-left:1px solid #1E3B5F;*/
}

#topnav li a:hover, 
#topnav li .notlink:hover,
#topnav ul li.active a {
	color:#FFFFFF;
	background-color:#1F3D63;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,80,0.6);
}

#topnav li .notlink {
	cursor:default;
}

#topnav li li a:link, 
#topnav li li a:visited {
	width:150px;
	float:none;
	margin:0;
	padding:7px 10px;
	font-size:0.9em;
	/*font-weight:normal;
	color:#FFFFFF;*/
	background-color:#39669D;
}
	
#topnav li li a:hover {
	color:#FFFFFF;
	background-color:#1F3D63;
}

#topnav li ul{
	z-index:1002;
	position: absolute;
	left: -999em;
	height:auto;
	width:170px;
	border-left:1px solid #1E3B5F;
	border-bottom:1px solid #1E3B5F;
}

#topnav li ul a {
	width:140px;
}

#topnav li:hover ul {
	left:auto;
}

#topnav li:hover {
	position: static;
}

/* --- homepage intro --- */

#intro {
	padding:20px 0;
	margin:0 auto;
	width:900px;
}

.wrapper #intro .last {
	margin:0;
}

#intro h1, 
#intro h2, 
#intro p, 
#intro ul {
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	border:none;
}

#intro .fleft {
	display:block;
	float:left;
	width:400px;
	padding:9px;
	border:1px solid #366298;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#intro .fright {
	display:block;
	float:right;
	width:450px;
}

#intro .fright h2 {
	font-size:2em;
	margin:0 0 10px 0;
	padding:0 0 8px 0;
	border-bottom:1px dotted #39669D;
}

#intro .fright p {
	margin-bottom:10px;
	line-height:1.4em;
}

#intro .fright ul {
	margin-top:35px;
}

#intro .fright li {
	display:inline;
	margin-left:12px;
}

#intro .fright li a {
	padding:6px 20px;
	font-size:18px;
	font-weight:bold;
	color:#99CC00;
	background-color:#162C47;
	font-family: Georgia,"Times New Roman",Times,serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,80,0.6);
}

#intro .fright li a:hover {
	background-color:#061C37;
}
/* --- breadcrumb --- */

#breadcrumb {
	padding:5px 0;
	display:none;
}

#breadcrumb ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#breadcrumb ul li {
	display:inline;
	margin:0;
}

#breadcrumb ul li:before {
	content: "\00BB";
}
#breadcrumb ul li.first:before {
	content: none;
}

#breadcrumb ul li a {
	padding:0 5px;
	margin: 0 5px;
}
#breadcrumb ul li a:hover {
	background-color:#39669D;
	-webkit-border-radius: 5px 2px;
	-moz-border-radius: 5px 2px;
	border-radius: 5px 2px;
}

#breadcrumb ul li.current a {
	/*text-decoration:underline;*/
	background-color:#39669D;
	-webkit-border-radius: 5px 2px;
	-moz-border-radius:  5px 2px;
	border-radius: 5px 2px;
}

/* --- column navigation --- */


/* ----------------------------------------------Column Navigation-------------------------------------*/

#column .subnav {
	display:block;
	/*width:250px; */
	padding:25px; 
	background-color:#dfdfed; 
	margin-bottom:30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

#column .subnav h2 {
	margin:0 0 2px 0;
	padding:0 0 14px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#1A3151;
	/*background-color:#F9F9F9;*/
	line-height:normal;
	border-bottom:1px dotted #CCCCCC;
}

#column .subnav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#column .subnav li {
	margin:0 0 3px 0;
	padding:0;
}

#column .subnav ul ul, 
#column .subnav ul ul ul, 
#column .subnav ul ul ul ul, 
#column .subnav ul ul ul ul ul {border-top:none; padding-top:0;}

#column .subnav a {
	display:block;
	margin:0;
	padding:5px 10px 5px 20px;
	color:#39669D;
	background:url(../img/blue_file.gif) no-repeat 10px center;
	text-decoration:none;
	border-bottom:1px dotted #CCCCCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#column .subnav a:hover {
	color:#fff;
	background-color:#1F3D63;
	border-bottom:1px solid #1F3D63;
}

#column .subnav ul ul a, 
#column .subnav ul ul ul a, 
#column .subnav ul ul ul ul a, 
#column .subnav ul ul ul ul ul a {background:url(../img/blue_file.gif) no-repeat;}
#column .subnav ul ul a {padding-left:40px; background-position:30px center;}
#column .subnav ul ul ul a {padding-left:50px; background-position:40px center;}
#column .subnav ul ul ul ul a {padding-left:60px; background-position:50px center;}
#column .subnav ul ul ul ul ul a {padding-left:70px; background-position:60px center;}


/* --- forms --- */

#topbar form, 
#topbar fieldset, 
#topbar legend {
	margin:0; padding:0; border:none;
}

#topbar legend {
	display:none;
}

input, 
textarea, 
select {
	font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
	border: 1px dotted #244672;
}
/* --- search form --- */

#topbar input {
	display:block;
	float:left;
	width:155px;
	margin:0 5px 0 0;
	padding:4px;
	color:#CCCCCC;
	background-color:#335D92;
	border:1px solid #2D5281;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

#topbar input#dosearch {
	width:6em;
	height:2em;
	margin:0;
	padding:4px;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color:#1F3D63;
	cursor:pointer;
	font-weight:bold;
}

/* --- container --- */

#container {
	padding:20px 0;
}

/* --- content --- */

#content {
	display:block;
	float:left;
	width:70%;
}



/* ----------------------------------------------Forms in Content Area-------------------------------------*/

#container #respond {display: block; width:100%;}

#container #respond input {width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;}

#container #respond textarea {width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;}
	
#container #respond p {margin:5px 0;}

#container #respond #submit, 
#container #respond #reset {
	margin:0;
	padding:5px;
	color:#666666;
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	cursor:pointer;
}

#container .upit img {
	padding:5px;
	border:1px solid #CCCCCC;
}

#container .upit img.noframe{
	padding:0px;
	border:0px;
}
/* --- right block --- */

#column {
	display:block;
	float:right;
	width:28%;
}

#column .holder, 
#column #featured {
	display:block;
	margin-bottom:40px;
	overflow: hidden;
}

#column .holder p {
	line-height:1.6em;
}

#column .holder h2.title {
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 8px 0;
	font-size:20px;
	font-weight:normal;
	color:#666666;
	line-height:normal;
}

#column .holder h2.title img {
	float:left;
	margin:-15px 8px 0 0;
	height:60px;
	padding:5px;
	border:1px solid #CCCCCC;
}

#column .holder p.readmore {
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
}

#column div.imgholder {
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	height:100px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	
/* Featured Block */

#column #featured a {
	color:#366298;
	background-color:#F9F9F9;
}

#column #featured ul, #column #featured h2, #column #featured p {
	margin:0;
	padding:0;
	list-style:none;
}

#column #featured li {
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#2E271D;
	background-color:#F9F9F9;
}

#column #featured li p {
	line-height:1.6em;
}

#column #featured li p.imgholder {
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}

#column #featured li h2 {
	margin:0;
	padding:0 0 14px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
}

#column #featured p.more {
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
}

.flickrbox ul {
	margin:0;
	padding:0;
	list-style:none;
}
	
.flickrbox li {
	display:block;
	float:left;
	width:80px;
	height:80px;
	margin:0 15px 15px 0;
	padding:4px;
	border:1px solid #CCCCCC;
}

.flickrbox li.last {margin-right:0;}

/* --- newsletter --- */

#footer form {
	display:block;
	/*width:300px;*/
	margin:0;
	padding:10px 0;
	border:none;
}


#footer input {
	display:block;
	float:left;
	/*width:200px;*/
	margin:0 5px 0 0;
	padding:5px;
	color:#666666;
	background-color:#dbebff;
	border:1px solid #1A3151;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#footer input#news_go {
	width:auto;
	height:auto;
	margin:0;
	padding:4px;
}

/* --- footer --- */

#footer {
	font-size:0.8em;
	padding:12px 0 7px;
}

#footer h2 {
	font-size:1.4em;
	font-weight:normal;
	padding-bottom:8px;
	border-bottom:1px dotted #395478;
}

#footer p, #footer ul, #footer a {
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
}

#footer li {
	margin-bottom:10px;
}

#footer li.last {
	margin:0;
}

#footer address {
	font-style:normal;
	line-height:1.5em;
	margin-bottom:20px;
}

#footer .footbox {
	display:block;
	float:left;
	width:31%;
	margin:0 1%;
	padding:0;
}

#footer .footbox form {
	display:none;
}

#footer .footbox h2 {
	margin-top:0px;
	margin-bottom:8px;
}

/* --- copyright --- */

#copyright {
	padding:7px 0;
	font-size:0.76em;
}

#copyright p {
	margin:0;
	padding:0;
}


/* --- homepage services --- */

#services {
	display:block;
	width:100%;
	margin-bottom:30px;
}

#services h2, #services ul {
	margin:0;
	padding:0;
	list-style:none;
	border:none;
	line-height:normal;
}

#services li {
	display:block;
	float:left;
	width:45%;
	margin:0 2.5%;
	padding:0;
}

#services li.last {
	margin-right:0;
}

#services li div.imgholder {
	display:block;
	width:290px;
	min-height:100px;
	margin:0 0 15px 0;
	padding:4px;
	color:#666666;
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#services h2 {
	margin:0;
	padding:0 0 8px 0;
	/*font-size:13px;*/
	font-weight:bold;
	/*color:#666666;*/
	/*background-color:#FFFFFF;*/
	line-height:normal;
	border-bottom:1px dotted #CCCCCC;
}

#services p.readmore {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-align:right;
	font-weight:bold;
	border-bottom:1px dotted #CCCCCC;
}

/* --- tables --- */

table {
	width:100%;
	border-collapse:collapse;
	table-layout:auto;
	vertical-align:top;
	margin-bottom:15px;
	border:1px solid #CCCCCC;
}

table thead th {
	color:#FFFFFF;
	background-color:#666666;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	text-align:center;
	table-layout:auto;
	vertical-align:middle;
}

table tbody td {
	vertical-align:top;
	border-collapse:collapse;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
	
table thead th, table tbody td {
	padding:5px;
	border-collapse:collapse;
}

table tbody tr.light {
	color:#666666;
	background-color:#F7F7F7;
}

table tbody tr.dark {
	color:#666666;
	background-color:#E8E8E8;
}

table#obliktrupa {
	width:591px;
}

/* --- comments --- */

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#366298; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#D9D9D9;}
#comments .commentlist li.comment_even a{color:#366298; background-color:#D9D9D9;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

.phonelabel {
	display: block;
	float: left;
	width:7.5em;
	margin-right:1em;
}

.crs {
	border: 1px dotted #CCCCCC;
	padding:15px;
	background-color:#F7F7F7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:110%;
}
.crs img { 
	border:1px dotted #CCCCCC; 
	background-color:#EBEBED;
	display: inline; 
	padding:4px; 	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}