﻿@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	background-color:#F7F7F7; 
    /*
	background-image:url(/Images/bg2.png);*/
    background-image:url(/Images/header_img.png);
	background-repeat:repeat-x;
	background-position:top;
	font-family:'Trebuchet MS';
	color:#333;
}

middle_pnl
{
    /*font-family:Arial, Helvetica, sans-serif;*/
	font-family:'Trebuchet MS';
    font-size:8.5px;
}

html {
	padding:0;
	margin:0;
}
p {
	margin:0;
	padding:5px 0;
}
h1, h2, h3, h4 {
	padding:0;
	margin:0;
}
hr {
	margin:10px 0;
	padding:0;
	border:0;
	outline:0;
	background:#cacaca;
	height:1px;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.blue {
	color:#26739f;
}
.red {
	color:#ff0000;
}
#wrapper {
	width:988px;
	padding:0;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	position:relative;
}
#resize1 {
	width:988px;
	margin:0;
	padding:0;
	float:left;
	background-image:url(/Images/bg_resize1.png);
	background-repeat:repeat-y;
}
.resize {
	width:988px;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
}
#resize2 {
	width:988px;
}
.header {
	width:988px;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	height:149px;
}
#languages {
	float:right;
	width:988px;
	height:18px;
	margin:0;
	padding-top:8px;
}
#languages ul {
	float:right;
	padding:0;
	margin-top:4px;
	height:11px;
}
#languages li {
	display:inline;
	float:left;
	padding:0px;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:3px;
	height:11px;
}
#languages a {
	height:11px;
	width:16px;
	display:block;
	text-indent:-999em;
	padding:0;
	margin-top:0;
	margin-right:10px;
	margin-bottom:0;
	margin-left:0;
}
#languages .hr {
	background-image:url(/Images/hr.gif);
	background-repeat:no-repeat;
	background-position:0 -11px;
}
#languages .hr:hover {
	background-image:url(/Images/hr.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#languages .en {
	background-image:url(/Images/en.gif);
	background-repeat:no-repeat;
	background-position:0 -11px;
}
#languages .en:hover {
	background-image:url(/Images/en.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#languages .it {
	background-image:url(/Images/it.gif);
	background-repeat:no-repeat;
	background-position:0 -11px;
}
#languages .it:hover {
	background-image:url(/Images/it.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
#languages .de {
	background-image:url(/Images/de.gif);
	background-repeat:no-repeat;
	background-position:0 -11px;
}
#languages .de:hover {
	background-image:url(/Images/de.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.logo {
	float:left;
	width:300px;
	padding-top:55px;
	padding-left:30px;
	background-image:url(/Images/light.png);
	background-repeat:no-repeat;
	background-position:center 0px;
}
#slogan {
	float:right;
	width:600px;
	padding-top:0px;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
}
#slogan h1 {
	font-size:28px;
	color:#E4E6E9;
	text-shadow:0 1px 1px #2E5367;
}
#ukras {
	background-image:url(/Images/free3.png);
	background-repeat:no-repeat;
	height:101px;
	width:100px;
	position:absolute;
	left:893px;
	top:146px;
	z-index:500;
}
.galerija {
	height:300px;
	margin:0;
	background-image:url(/Images/bg_top.png);
	background-repeat:no-repeat;
	padding-top:6px;
	padding-right:4px;
	padding-bottom:0;
	padding-left:4px;
	width:980px;
}
#message {
	height:230px;
	width:314px;
	float:left;
	padding-top:50px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:40px;
}
#message h2 {
	font-size:20px;
	line-height:22px;
	padding-bottom:10px;
	color:#2D5266;
}
#message p {
	line-height:20px;
	font-size:13px;
}
#slider {
	width:606px;
	height:300px;
	position:relative;
	overflow:hidden;
}
#vrh {
	height:56px;
	width:988px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
.title_block {
	height:173px;
	width:975px;
}
.title_block h2 {
	color:#ffffff;
	padding:55px 0 0 50px;
}
.title_block p {
	float:right;
	width:600px;
	padding:10px 50px;
	margin:40px 0 0 0;
	border-left:1px solid #1a76c8;
	font:normal 11px Arial;
	color:#FFF;
	line-height:1.6em;
}
.prominent {	
	margin-top:10px;
	margin-right:4px;
	margin-bottom:10px;
	margin-left:4px;
	padding-top:10px;
	padding-right:15px;
	padding-bottom:10px;
	padding-left:15px;
	width:950px;
    font-size:14px;
}
.prominent h1 {
	padding:10px 0;
	margin:5px 0;
	border-bottom:1px solid #d7d7d7;
	font-size:25px;
	font-weight:bold;
    color:#2D5266;
}

.prominent h2 {
	padding:10px 0;
	margin:5px 0;
	border-bottom:1px solid #d7d7d7;
	font-size:17px;
	font-weight:bold;
    color:#2D5266;
}
.prominent h3 {
	padding:10px 0;
	margin:5px 0;
	color:#2D5266;
	border-bottom:1px solid #d7d7d7;
	font-size:15px;
	font-weight:bold;
}
.prominent p {
	padding:10px 0;
	margin:5px 0;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
}
.prominent li
{
    padding: 5px 0 5px 5px;
    margin: 5px 0 5px 30px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 13px;
}


.prominent p.link {
	background-image:url(/Images/plus.png);
	background-repeat:no-repeat;
	background-position:left 13px;
	line-height:24px;
	float:left;
	height:19px;
	text-indent:30px;
	width:300px;
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#E1E1E1;
}

.prominent p.link2 {
    background-image: url(/Images/bg_box.png);
    background-repeat: no-repeat;
    background-position: bottom;
	height:25px;
}

.prominent p.link3 {
	border-top: 1px dotted #E1E1E1;
    line-height:24px;
	float:left;
	height:101px;
	text-indent:0px;
	width:300px;
	}

.prominent a {
	color:#145190;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
}
.prominent a:hover {}
.prominent .left {
	float:left;
	width:300px;
	margin-top:0;
	margin-right:10px;
	margin-bottom:0;
	margin-left:10px;
}
.prominent .center {
	float:left;
	width:295px;
	margin:0 10px;
}
.prominent .right {
	float:left;
	width:295px;
	margin-top:0;
	margin-right:10px;
	margin-bottom:0;
	margin-left:10px;
}
.prominent img {
	float:left;
	margin-right:10px;
	margin-left:5px;
    width: 61px;
}
.box .content {
	padding:20px;
	margin:10px 0;
}
div.testi {
	width:292px;
	margin-top:10px;
	margin-bottom:20px;
}
.content {
}
.content h2 {
	color:#999999;
	background-repeat:repeat-x;
	background-position:left bottom;
	margin-top:0;
	margin-right:20px;
	margin-bottom:10px;
	margin-left:10px;
	padding-top:20px;
	padding-bottom:15px;
	font-size:24px;
	font-weight:normal;
}
.content h3 {
	color:#777777;
	margin-top:10px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:12px;
	padding-right:10px;
	padding-bottom:15px;
	padding-left:8px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cacaca;
	font-size:16px;
}
.content p {
	color:#505050;
	font:normal 11px ;
	line-height:1.6em;
	padding:5px 10px;
}
.content a {
	color:#505050;
	line-height:1.6em;
}
.content .left {
	float:left;
	width:600px;
	padding-top:0;
	padding-right:20px;
	padding-bottom:0;
	padding-left:30px;
}
.content .right {
	float:right;
	width:292px;
	padding-top:0;
	padding-right:30px;
	padding-bottom:10px;
	padding-left:10px;
}
.team {
	background:#dfdfdf;
	padding:1px;
}
.team div {
	border:1px solid #FFF;
	background:#e9e9e9;
	padding:10px;
}
.team img {
	float:left;
	padding:0 20px 0 0;
}
ul.list {
	margin:0;
	padding:0;
	list-style:none;
}
ul.list li {
	margin:0;
	padding:5px 20px 5px 20px;
	color:#505050;
	line-height:1.6em;
}
ul.list li img {
	float:left;
	padding:0 20px 0 5px;
}
#footer_block {
	width:100%;
	background-image:url(/Images/footer_img.png);
	background-repeat:repeat-x;
	background-position:left top;
}
#footer {
	background-image:url(/Images/bg_footer.png);
	background-repeat:no-repeat;
	height:13px;
	width:988px;
	margin-right:auto;
	margin-left:auto;
	padding-top:60px;
	padding-right:0;
	padding-bottom:30px;
	padding-left:0;
}
#footer p {
	color:#58B3F5;
	text-shadow:0 1px 1px #000;
	font:normal 11px;
	text-align:center;
	padding:0;
}
#footer a {
	color:#7CC5FA;
	font-style:italic;
	padding-bottom:1px;
}
#footer a:hover {
	color:#FC0;
	padding-bottom:1px;
	text-decoration:none;
}
p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
	background:none;
}
.readmore {
	display:block;
	height:32px;
	overflow:hidden;
	width:120px;
	margin-top:15px;
	margin-bottom:5px;
	background-image:url(/Images/readmore.png);
	background-repeat:no-repeat;
	background-position:0 0;
	float:right;
	margin-right:10px;
}
.readmore:hover {
	background-image:url(/Images/readmore.png);
	background-repeat:no-repeat;
	background-position:0 -32px;
}
.cf_wrapper {
	position:relative;
	float:left;
	height:150px;
}
.cf_content {
	font-size:1.2em;
	line-height:1.8em;
}
.cf_content h3 {
	font-size:12px;
	border-bottom:1px solid #ccc;
	font-weight:700;
	margin:0;
	padding-top:5px;
	padding-right:0;
	padding-bottom:5px;
	padding-left:10px;
}
.cf_content p {
	font-style:italic;
}
div.cf_element {
	width:292px;
	height:200px;
}
div.cf_element div.content {
	margin:0;
	padding:0;
}
div.cf_element div.content h3 {
	padding-top:0;
	margin-top:0;
}
#gallery {
	width:292px;
}
#gallery ul {
	list-style:none;
	margin:0;
	padding:0;
}
#gallery ul li {
	display:inline;
}
#gallery ul img {
	border:2px solid #CCC;
	margin-bottom:5px;
	margin-right:5px;
}
#gallery ul a:hover img {
	border:2px solid #0FF;
	color:#fff;
}
#gallery ul a:hover {
	color:#CCC;
}
.item_mali {
	position:relative;
	width:60px;
	height:50px;
	padding:2px;
	background:#fff;
	float:left;
	display:inline;
	margin-right:5px;
	margin-bottom:5px;
	border:2px solid #CCC;
}
.description_mali {
	position:absolute;
	bottom:1px;
	left:2px;
	width:62px;
	text-align:center;
	padding:1px;
	color:#fff;
}
.enlarge_mali {
	width:66px;
	height:50px;
	position:absolute;
	left:2px;
	top:2px;
}
.enlarge_mali a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.enlarge_mali a:hover {
	background-image:url(/Images/lupa.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.article1 {
    margin-top:20px;
    margin-bottom:50px;
    margin-left:50px;
    margin-right:50px;
	padding:6px 20px;
	background:#dce1e4;
}

.article {
    margin-top:20px;
    margin-bottom:50px;
    margin-left:50px;
    margin-right:50px;
	padding:6px 20px;
	background:#c1cbd8;
}
p.title {
	margin:0 0 8px -26px;
	padding:12px 0 0 28px;
	width:825px;
	height:29px;
	color:#fff;
    font-size:large;
	background-color:#868383;
}

p.infopost {
	margin:0 0 8px -26px;
	padding:12px 0 0 28px;
	width:651px;
	height:29px;
	color:#fff;
	background:url(/Images/infopost.gif) no-repeat left top;
}
p.infopost a {
	padding:0 2px;
	color:#fff;
	text-decoration:underline;
}
p.infopost a.com {
	display:block;
	float:right;
	margin:-6px 0;
	padding:6px 12px 6px 32px;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	background:none;
}
p.infopost a.com:hover {
	text-decoration:underline;
}
p.infopost a.com span {
	font-weight:normal;
}
post_content {
	float:right;
	width:450px;
}
.post_content strong {
	color:#6d6d6d;
}
.post_content a.rm {
	display:block;
	float:left;
	margin:0 0 16px;
	padding:8px 0 0;
	width:111px;
	height:24px;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	text-transform:none;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:url(/Images/readmore.gif) no-repeat left top;
}
.post_content a.rm:hover {
	text-decoration:underline;
}
.box1 {
	width:932px;
	
	background:#1e749a url('/Images/bg_box1.jpg') repeat-x 50% top;
	color:#fff;
	margin-top:32px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
	
  
    height: 180px;
}
.box1 .pad_1 {
	padding:25px 24px 4px;
    color:#fff;
	background:url(/Images/bg_testimonials.gif) 17px 16px no-repeat;
}
.wrapper1 {
	width:100%;
    color:#fff;
	overflow:hidden;
}
.pad_bot2 {
	padding-bottom:10px;
    color:#fff;
}
.right {
	float:right;
}

.section_02 {
	clear: both;
	position: relative;
	width:236px;
	padding: 30px 20px 20px 20px;
	margin-bottom: 20px;
	background-color:#0096B8;

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#0096B8));
    background: -webkit-linear-gradient(top, #ffffff, #0096B8);
    background: -moz-linear-gradient(top, #ffffff, #0096B8);
    background: -ms-linear-gradient(top, #ffffff, #0096B8);
    background: -o-linear-gradient(top, #ffffff, #0096B8);
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;


    top: 0px;
    left: 0px;
}

.section_01 {
	clear: both;
	position: relative;
	width: 430px;
	padding: 30px 40px 20px 40px;
	margin-bottom: 20px;
	background: url(/Images/templatemo_section_middle.jpg) repeat-y;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;

    top: 0px;
    left: 0px;
}

.section_01 .top {
	position: absolute;
	width: 510px;
	height: 22px;
	top: 0px;
	left: 0px;
	background: url(/Images/templatemo_section_top.jpg) top left no-repeat;
}

.section_01 .bottom {
	position: absolute;
	width: 510px;
	height: 22px;
	bottom: 0px;
	left: 0px;
	background: url(/Images/templatemo_section_bottom.jpg) bottom left no-repeat;
}

#container
{
	width:940px;
	margin:10px auto;
}

#container
{
	height:270px;
	background:#ffffff;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c6d1e8));
    background: -webkit-linear-gradient(top, #ffffff, #c6d1e8);
    background: -moz-linear-gradient(top, #ffffff, #c6d1e8);
    background: -ms-linear-gradient(top, #ffffff, #c6d1e8);
    background: -o-linear-gradient(top, #ffffff, #c6d1e8);
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	margin-top:5px;
	margin-bottom:0px;
	
}
#lcontain
{
    width:45%;
	background:#ffffff;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c6d1e8));
    background: -webkit-linear-gradient(top, #ffffff, #c6d1e8);
    background: -moz-linear-gradient(top, #ffffff, #c6d1e8);
    background: -ms-linear-gradient(top, #ffffff, #c6d1e8);
    background: -o-linear-gradient(top, #ffffff, #c6d1e8);
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	float:left;
	margin-left:10px;
	height:260px;
	margin-top:10px;
    margin-bottom:0px;

}
#rcontain
{	
    width:50%;
	background:#ffffff;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c6d1e8));
    background: -webkit-linear-gradient(top, #ffffff, #c6d1e8);
    background: -moz-linear-gradient(top, #ffffff, #c6d1e8);
    background: -ms-linear-gradient(top, #ffffff, #c6d1e8);
    background: -o-linear-gradient(top, #ffffff, #c6d1e8);
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	float:right;
	
    height:260px;
	margin-right:10px;
    margin-top:10px;
    margin-bottom:0px;
 	
}
#rcontain  h1,#lcontain h1
{
color:#2f2f2f;
font-size:1.5em;
font-family:'Trebuchet MS';
padding:15px 0px 0px 15px;
}
#rcontain p
{
color:#2f2f2f;
padding:10px 10px 0 15px;
}
#lcontain p,#lcontain h2
{
color:#2f2f2f;
padding-left:15px;
}
#lcontain h2
{
font-size:1.1em;
font-family:'Trebuchet MS';
}
#lcontain a 
{
	color:#1c443b;
}
.topnav {
	margin:8px;
	padding:2px;
	float:left;
	width:100%;
	height:40px;
}

.bannercenter
{
	width:80%;
	margin-left:130px;
}

.Doccenter {
    font-family:'Trebuchet MS';
    font-size:18px;
	line-height:16px;
	font-weight:normal;
    margin-left:150px;
	width:889px;
	margin:0 10px;
}



h3
{
        color:#2D5266; 
}