body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	background: #a5cf4d url(../images/bg_bott.gif) repeat-x bottom;
	color: #424242;
}


@font-face {
    font-family: 'DINMediumRoundedRegular';
    src: url('font/dinmr__-webfont.eot');
    src: url('font/dinmr__-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dinmr__-webfont.woff') format('woff'),
         url('font/dinmr__-webfont.ttf') format('truetype'),
         url('font/dinmr__-webfont.svg#DINMediumRoundedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@keyframes logo_anim
{
0%   { background-position: 0 0; }
30%   { background-position: 2px 0; }
60%   { background-position: 3px 0; }
100%   { background-position: 2px 0; }
}

@-moz-keyframes logo_anim /* Firefox */
{
0%   { background-position: 0 0; }
30%   { background-position: 2px 0; }
60%   { background-position: 3px 0; }
100%   { background-position: 2px 0; }
}

@-webkit-keyframes logo_anim /* Safari and Chrome */
{
0%   { background-position: 0 0; }
30%   { background-position: 2px 0; }
60%   { background-position: 3px 0; }
100%   { background-position: 2px 0; }
} 

@keyframes icon_anim
{
0%   { transform: rotate(120deg); }
50%  { transform: rotate(0deg); }
100%   { transform: rotate(120deg); }
}

@-moz-keyframes icon_anim
{
0%   { -moz-transform: rotate(120deg); }
50%  { -moz-transform: rotate(0deg); }
100%   { -moz-transform: rotate(120deg); }
}


@-webkit-keyframes icon_anim /* Safari and Chrome */
{
0%   { -webkit-transform: rotate(120deg); }
50%  { -webkit-transform: rotate(0deg); }
100%   { -webkit-transform: rotate(120deg); }
}

@keyframes icon_anim2
{
0%   { transform: rotate(0deg); }
30%  { transform: rotate(20deg); }
60%  { transform: rotate(-20deg); }
100%   { transform: rotate(0deg); }
}

@-moz-keyframes icon_anim2
{
0%   { -moz-transform: rotate(0deg); }
30%  { -moz-transform: rotate(20deg); }
60%  { -moz-transform: rotate(-20deg); }
100%   { -moz-transform: rotate(0deg); }
}


@-webkit-keyframes icon_anim2 /* Safari and Chrome */
{
0%   { -webkit-transform: rotate(0deg); }
30%   { -webkit-transform: rotate(20deg); }
60%  { -webkit-transform: rotate(-20deg); }
100% { -webkit-transform: rotate(0deg); }
}


/* content divs */

#bg_top {
	background: url(../images/bg_top.gif) repeat-x top;
}

#bg_img {
	background: url(../images/bg_left_img.jpg) no-repeat center 220px;
	/* background: url(../images/bg_left_img2.jpg) no-repeat center 220px; PROLJECEEE */
}

#container {
	background: url(../images/bg_top_img.jpg) no-repeat top center;
}

#center {
	width: 970px;
	margin: 0 auto;
}


/* site top */

#site_top {
	height: 120px;
	float: left;
	width: 970px;
}

#logo {
	float: left;
	width: 200px;
	height: 45px;
	padding: 36px 0 0 49px;
}

#logo a {
	display: block;
	float: left;
	width: 200px;
	height: 45px;
	/*background: url(../images/globaldizajn_logo.gif) no-repeat;*/
	text-indent: -9999px;
}

#logo_g {
	float: left;
	display: block;
	width: 31px;
	height: 38px;
	background: url(../images/logo_g.png) no-repeat;
	background-size: 31px 38px;
	margin-top: 7px;
	cursor: pointer;
}

#logo_lobal {
	float: left;
	display: block;
	width: 155px;
	height: 33px;
	background: url(../images/logo_lobal.png) no-repeat;
	background-size: 155px 33px;
	margin-left: -3px;
	cursor: pointer;
}

#logo a:hover #logo_g
{
animation: logo_anim 0.1s;
-moz-animation: logo_anim 0.1s; /* Firefox */
-webkit-animation: logo_anim 0.1s; /* Safari and Chrome */
animation-iteration-count:4;
-moz-animation-iteration-count:4; /* Firefox */
-webkit-animation-iteration-count:4; /*Safari and Chrome*/ 
} 

#site_top_right {
	float: right;
	padding-right: 35px;
}

#site_top_add {
	float: right;
	height: 38px;
}

/* search */

#site_top_search {
	float: left;
	height: 34px;
	background: url(../images/search_bg.png) no-repeat top left;
}

#sts_right {
	float: left;
	width: 9px;
	height: 38px;
	background: url(../images/search_sep_left.png) no-repeat top right;
}

/* social gumbi */

#site_top_soc {
	float: left;
	height: 33px;
	background: url(../images/header_social_bg.png) repeat-x top;
	padding: 5px 10px 0;
}

.hs_icon {
	float: left;
	margin-right: 11px;
}

.hs_icon_last {
	float: left;
}

div.hs_icon {
	padding: 2px 10px 0 0;
	border-right: 1px solid #e8e8e8;
}

.sts_sep {
	float: left;
	border-right: 1px solid #e8e8e8;
	margin-right: 11px;
	display: inline;
	height: 24px;
	width: 1px; 
}

/* jezici */

#site_top_lang {
	float: left;
	height: 38px;
	position: relative;
	z-index: 350;
}

#stl_left, #stl_right {
	background: url(../images/search_sep_right.png) no-repeat;
	width: 6px;
	height: 38px;
	float: left;
}

#stl_right {
	background: url(../images/lang_right.png) no-repeat;
}

#site_top_lang ul {
	list-style: none;
	margin: 0;
	padding: 7px 5px 0 15px;
	float: left;
	height: 27px;
	background: url(../images/lang_bg.png);
}

#site_top_lang li {
	float: left;
	background: url(../images/lang_sep.gif) no-repeat center right;	
	padding-right: 8px;
	margin-right: 8px;
}

#site_top_lang li.lang_flag {
	background: none;
	padding: 0 6px;
}

#site_top_lang li.lang_flag a img {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

#site_top_lang li.lang_flag a:hover img {
	opacity: 1;
	filter:alpha(opacity=100);
}

#site_top_lang a {
	color: #575757;
	text-shadow: 1px 1px #e7e7e7;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 17px;
}

#site_top_lang a:hover {
	color: #231f20;
}

#site_top_lang li#stl_more {
	background: none;
	padding: 0;
	margin: 0;
}

#stl_more a {
	background: url(../images/lang_arr.gif) no-repeat;
	display: block;
	width: 24px;
	height: 20px;
	text-indent: -9999px;
}

#stl_more a:hover {
	background: url(../images/lang_arr.gif) no-repeat bottom;
}


/* kontakt na vrhu */

#site_top_contact {
	float: right;
	width: 600px;
	clear: both;
	padding: 15px 0 0 0;
}

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

#site_top_contact li {
	float: right;
	color: #636061;
	font-size: 1.15em;
	font-weight: bold;
	text-shadow: 1px 1px #f4f4f4;
	height: 23px;
	line-height: 20px;
}

#site_top_contact li.site_top_contact_form {
	position: relative;
	z-index: 400;
	height: 30px;
	width: 220px;
}

#vertical_slide {
	z-index: 100;
}

#site_top_contact a {
	color: #636061;
}

#site_top_contact a:hover {
	color: #231f20;
}

#stc_phone {
	/*background: url(../images/phone_green.png) no-repeat left;*/
	/*padding-left: 25px;*/
	margin-right: 30px;
	padding-top: 4px;
}

#stc_mail {
	/*background: url(../images/mail_icon.png) no-repeat left;*/
	/*padding-left: 30px;*/
	margin-right: 30px;
	padding-top: 4px;
} 

#stc_mail img, #stc_phone img {
	vertical-align: middle;
}

#stc_mail img {
animation: icon_anim2 1s infinite;
-moz-animation: icon_anim2 1s infinite; /* Firefox */
-webkit-animation: icon_anim2 1s infinite; /* Safari and Chrome */
animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
animation-timing-function: linear;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
}

#stc_phone img {
animation: icon_anim 4s infinite;
-moz-animation: icon_anim 4s infinite; /* Firefox */
-webkit-animation: icon_anim 4s infinite; /* Safari and Chrome */
animation-timing-function: linear;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
}

#site_top_contact a.korisnik_btn {
	display: block;
	background: url(../images/header_btn.png) no-repeat top;
	width: 220px;
	height: 32px;
	color: #FFF;
	line-height: 30px;
	text-align: center;
	position: absolute;
	z-index: 403;
	text-shadow: 1px 1px #558212; 
	overflow: hidden;
}

#site_top_contact a.korisnik_btn.korisnik_btn_en {
	font-size: 13px;
}

#site_top_contact a.korisnik_btn:hover {
	background: url(../images/header_btn.png) no-repeat bottom;
}


/* topnav */

#topnav {
	float: left;
	background: #000 url(../images/topnav_bg.gif) repeat-x top;
	height: 51px;
	width: 900px;
	margin-bottom: 17px;
	position: relative;
	z-index: 300;
}

#topnav_left {
	float: left;
	height: 51px;
	width: 900px;
	background: url(../images/topnav_left.gif) no-repeat top left;
}

#topnav_right {
	float: left;
	background: url(../images/topnav_right.gif) no-repeat top right;
	padding: 7px 0 0 4px;
	width: 896px;
	height: 44px;
}

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

#topnav li {
	float: left;
	background: url(../images/topnav_sep.gif) no-repeat right;
	padding: 0 14px 0 12px;
}

#topnav.topnav_en li {
	padding: 0 6px 0 4px;
}

#topnav.topnav_de li {
	padding: 0 7px 0 5px;
}

#topnav li#topnav_last {
	background: none;
	padding: 0 0 0 5px;
}

#topnav a {
	color: #FFF;
	text-shadow: 1px 1px #000;
	font-weight: bold;
	float: left;
	display: block;
	height: 36px;
	padding: 0 6px 0 0;
	background: url(../images/topnav_h_right.gif) no-repeat 0 2222px;
	line-height: 19px;
}

#topnav a span {
	float: left;
	display: block;
	height: 26px;
	background: url(../images/topnav_h_left.gif) no-repeat 0 2222px;
	padding: 10px 8px 0 14px;
	cursor: pointer;
}

#topnav a.topnav_last span {
	padding: 10px 10px 0 16px;
}

#topnav a:hover {
	background: url(../images/topnav_h_right.gif) no-repeat bottom right;
	color: #A5CF4D;
}

#topnav a:hover span {
	background: url(../images/topnav_h_left.gif) no-repeat bottom left;
}

#topnav a.topnav_curr {
	background: url(../images/topnav_h_right.gif) no-repeat top right;
	text-shadow: 1px 1px 1px #6d9a20;
}

#topnav a.topnav_curr span {
	background: url(../images/topnav_h_left.gif) no-repeat top left;
}

#topnav a.topnav_curr:hover {
	color: #FFF;
}



/* content */

#content {
	float: left;
	background: url(../images/content_bg.png) repeat-y;
	width: 970px;
}

#content_top {
	float: left;
	width: 970px;
	background: url(../images/content_top.gif) no-repeat top;
}

#content_bott {
	float: left;
	width: 970px;
	/*min-height: 770px;*/
	background: url(../images/content_bott.gif) no-repeat bottom;
}

#content_bg_img {
	float: left;
	width: 920px;
	/*background: url(../images/content_bg_left.gif) no-repeat left 148px;*/
	padding: 0 15px 10px 35px;
}


/* content left */

#content_left {
	float: left;
	width: 220px;
}


/* leftnav */

#leftnav {
	float: left;
	width: 220px;
	padding-top: 3px;
	margin-bottom: 20px;
}

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

#leftnav li {
	float: left;
	margin-bottom: 1px;
	width: 220px;
	background: url(../images/leftnav_h.gif) no-repeat 5000px 0;
}

#leftnav li a {
	background: #e2f0c1 url(../images/leftnav_link.gif) repeat-x bottom;
	display: block;
	float: left;
	width: 190px;
	padding: 10px 15px;
	color: #454440;
	font-weight: bold;
	text-shadow: 1px 1px #FFF;
	font-size: 0.9em;
}

#leftnav li a:hover {	
	background: #cce495 url(../images/leftnav_h.gif) repeat-x bottom;
	text-shadow: 1px 1px #dff0bd;
}

#leftnav li.active a {	
	background: #cce495 url(../images/leftnav_h.gif) repeat-x bottom;
	text-shadow: 1px 1px #dff0bd;
}

#leftnav li#leftnav_first a {
	background: #d9eab2 url(../images/leftnav_first.gif) no-repeat top left;
}

#leftnav li#leftnav_first a:hover {
	background: #bcdb7b url(../images/leftnav_first.gif) no-repeat top right;
}

#leftnav li#leftnav_last a {
	background: #e2f0c1 url(../images/leftnav_last.gif) no-repeat bottom left;
}

#leftnav li#leftnav_last a:hover {
	background: #cce495 url(../images/leftnav_last.gif) no-repeat bottom right;
}

#leftnav li ul {
	float: left;
	width: 190px;
	background: #e7f4cb url(../images/left_sub.gif) repeat-x bottom;
	padding: 8px 10px 8px 20px;
}

#leftnav li ul li {
	background: url(../images/bull.png) no-repeat 0 10px;
	padding: 4px 0 4px 12px;
	float: left;
	width: 178px;
	margin: 0;
}

#leftnav li ul li ul {
	float: left;
	width: 168px;
	background: #e7f4cb url(../images/left_sub.gif) repeat-x bottom;
	padding: 8px 0 8px 10px;
}

#leftnav li ul li ul li {
	background: url(../images/bull.png) no-repeat 0 10px;
	padding: 4px 0 4px 12px;
	float: left;
	width: 156px;
	margin: 0;
}

#leftnav li li a, #leftnav li#leftnav_first li a {
	display: inline;
	padding: 0;
	background: none;
	text-shadow: none;
	font-weight: normal;
	line-height: 16px;
	width: 178px;
}

#leftnav li li li a {
	display: inline;
	padding: 0;
	background: none;
	text-shadow: none;
	font-weight: normal;
	line-height: 16px;
	width: 156px;
}


#leftnav li li a:hover, #leftnav li#leftnav_first li a:hover {
	background: none;
	color: #80ad22;
}


/* kontakt */

.user_form_container {
	position: absolute;
	z-index: 400;
	top: 15px;
	left: -2px;
}

#user_form, .user_form {
	background: #d0d0d0 url(../images/forma_top.gif) no-repeat top;
	float: left;
	width: 220px;
	margin-top: 19px;
}

.user_form {
	font-size: 0.9em;
	background: url(../images/forma_top.png) no-repeat top; 
	width: 228px;
	padding-top: 10px;
}
 
#user_form_bott { 
	background: url(../images/forma_bott.gif) no-repeat bottom;
	float: left;
	width: 190px;
	padding: 10px 15px 15px;
	min-height: 120px;
}

.user_form #user_form_bott {
	background: url(../images/forma_bott.png) no-repeat bottom;
	padding: 0 19px 15px;
}

.user_form_end {
	background: url(../images/forma_btn.gif) no-repeat;
	height: 28px;
	margin-top: 10px;
}

.uf_info {
	margin: 0;
	font-size: 0.9em;
	padding: 8px 0 0 3px;
	font-weight: normal;
	text-shadow: none;
}

.uf_info strong {
	font-size: 1.1em;
	font-weight: bold;
}

#kontakt_box {
	background: #a5cf4d url(../images/kontakt_top.gif) no-repeat top;
	float: left;
	width: 220px;
	margin-top: 20px;
}

#kontakt_box_bott {
	background: url(../images/kontakt_bott.gif) no-repeat bottom;
	float: left;
	width: 180px;
	padding: 8px 20px 20px;
}

#kontakt_box p {
	margin: 0;
	color: #1e1e1e;
	text-shadow: 1px 1px #c0e17a;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 17px;
	padding-top: 12px;
}

#kontakt_box a {
	color: #000;
}

#kontakt_box a:hover {
	color: #FFF;
	text-shadow: 1px 1px #739d27;
}

#phone_icon, #mail_icon {
	float: left;
	background: url(../images/phone_w.png) no-repeat top center;
	width: 23px;
	height: 23px;
	margin-right: 7px;
}

#phone_icon {
	margin-top: 5px;
}

#mail_icon {
	background: url(../images/mail_icon_w.png) no-repeat top center;
}

/* logos left */

.left_logos {
	background: url(../images/logos_bg.gif) no-repeat top center;
	padding-top: 8px;
	clear: both;
	text-align: center;
}

.left_logos_bott {
	background: url(../images/logos_bg_bott.gif) no-repeat bottom;
	padding-bottom: 8px;
}

.left_logo {
	padding: 15px 0;
}


/* content right */

#content_right {
	float: right;
	width: 684px;
	padding: 0 0 0 16px;
}

#anima {
	background: url(../images/anima_bg.gif) repeat-y;
	width: 667px;
}

#anima_top {
	background: url(../images/anima_top.gif) no-repeat top;
	width: 667px;
}

#anima_bott {
	background: url(../images/anima_bott.gif) no-repeat bottom;
	width: 667px;
	min-height: 265px;
	position: relative;
}

#anima_nav {
	background: url(../images/anima_nav.gif) no-repeat left;
	height: 27px;
	position: absolute;
	right: 5px;
	bottom: 35px;
	padding: 13px 5px 0 15px;
	z-index: 100;
}

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

#anima_nav li {
	float: left;
	margin-right: 10px;
}

#anima_nav li a {
	background: url(../images/anima_btn.gif) no-repeat;
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	text-indent: -9999px;
}

#anima_nav li a:hover {
	background: url(../images/anima_btn.gif) no-repeat bottom;
}

#anima_nav li a.anima_nav_curr {
	background: url(../images/anima_btn_curr.gif) no-repeat;
}

.anima_in {
	position: absolute;
	padding: 25px 25px 20px;
	width: 617px;
}

.anima_img {
	float: left;
	width: 300px;
	height: 185px;
	background: url(../images/anima_img.png) no-repeat;
	padding: 13px 15px 15px 13px;
	margin-right: 20px;
}

.anima_slika {
	width: 300px;
	height: 185px;
	text-align: center;
	overflow: hidden;
}

.anima_txt {
	float: left;
	width: 258px;
	padding-top: 15px;
}

.anima_txt h2 {
	font-size: 1.15em;
}

.anima_txt p {
	font-size: 0.9em;
	line-height: 17px;
	margin: 0;
	padding: 12px 0 0;
}


/* home */

#content_home, #content_page {
	clear: both;
	float: right;
	width: 680px;
}

/* reference navigacija */

#reference_nav {
	background: url(../images/ref_nav_bg.gif) no-repeat;
	height: 32px;
	padding: 8px 0 0 8px;
	float: left;
	width: 672px;
	margin-bottom: 10px;
}

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

#reference_nav ul li {
	float: left;
	width: 44px;
	height: 26px;
	margin-right: 4px;
	position: relative;
}

#reference_nav li a {
	float: left;
	display: block;
	width: 38px;
	height: 22px;
	background: url(../images/ref_link.gif) no-repeat top;
	color: #646263;
	font-size: 1.0em;
	font-weight: bold;
	text-shadow: 1px 1px #f2f2f2;
	text-align: center;
	padding-top: 4px;
	position: absolute;
}

#reference_nav li span.ref_h {
	height: 20px;
	width: 35px;
	position: absolute;
	top: -10px;
	right: -15px;
	font-size: 0.9em;
	font-weight: bold;
}

.ref_h_r {
	background: url(../images/ref_h_right.png) no-repeat right top;
	height: 18px;
	float: left;
	width: auto;
	color: #FFF;
	padding: 2px 7px 0 0; 
}

.ref_h_l {
	background: url(../images/ref_h_left.png) no-repeat left top;
	float: left;
	height: 20px;
	width: 5px;
}

#reference_nav li a:hover, #reference_nav li a.ref_nav_curr {
	background: url(../images/ref_link.gif) no-repeat bottom;
	color: #FFF;
	text-shadow: 1px 1px #000;
}


/* reference popis */

.reference_row {
	float: left;
	background: url(../images/ref_bg.gif) repeat-x bottom left;
	margin-bottom: 10px;
	padding: 10px 0 22px;
}

.referenca {
	float: left;
	width: 340px;
	font-size: 0.9em;
}

.referenca2 {
	float: left;
	width: 330px;
	font-size: 0.9em;
}

.ref_img {
	background: url(../images/ref_th.gif) no-repeat top left;
	float: left;
	width: 140px;
	height: 90px;
}

.ref_img img {
	max-width: 130px;
}

.ref_img a {
	float: left;
	display: block;
	width: 140px;
	height: 90px;
}

.ref_img span {
	display: block;
	float: left;
	width: 130px;
	height: 80px;
	overflow: hidden;
	padding: 5px 0 0 5px;
}

.ref_img a:hover {
	background: url(../images/ref_th.gif) no-repeat bottom left;
}

.ref_txt {
	float: left;
	width: 170px;
	padding: 0 10px 0 20px;
}

.ref_txt2 {
	float: left;
	width: 160px;
	padding: 0 10px 0 20px;
}

.referenca p {
	font-weight: bold;
	margin: 0;
	line-height: 15px;
	padding: 10px 0;
}

.ref_dat {
	float: left;
	margin-right: 15px;
	padding-top: 2px;
}

.ref_label {
	clear: both;
	padding-top: 10px;
}


.ref_label a {
	display: block;
	float: left;
	height: 17px;
	line-height: 17px;
	background: url(../images/label.gif) no-repeat top right;
	color: #3a3738;
	font-size: 0.9em;
	margin-right: 5px;
	padding-right: 5px;
}

.ref_label a:hover {
	background: url(../images/label.gif) no-repeat bottom right;
}

.ref_label span {
	display: block;
	float: left;
	height: 17px;
	background: url(../images/label.gif) no-repeat top left;
	padding-left: 5px;
}

.ref_label a:hover span {
	background: url(../images/label.gif) no-repeat bottom left;
	cursor: pointer;
}

.label_webshop {
	background-image: url(../images/label_webshop.gif);
}

.label_web {
	background-image: url(../images/label_web.gif);
}

.label_portal {
	background-image: url(../images/label_portal.gif);
}

.label_mobilni {
	background-image: url(../images/label_mobilni.gif);
}

.reference_pages {
	background: url(../images/ref_pages.gif) no-repeat;
	height: 24px;
	float: left;
	width: 674px;
	padding: 6px 0 0 6px;
}

.reference_pages_top {
	float: right;
	width: auto;
}

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

.reference_pages li {
	float: left;
}

.ref_curr {
	color: #797979;
	font-size: 1.15em;
	font-weight: bold;
    padding: 0 15px;
    text-shadow: 1px 1px #FFFFFF;
	text-align: center;
    width: 50px;
}

.reference_pages_top .ref_curr {
	width: 30px;
}

.reference_pages li a {
	display: block;
	float: left;
	width: 290px;
	height: 18px;
	text-indent: -9999px;
	background: url(../images/ref_right.gif) no-repeat top left;
}

.reference_pages_top li a {
	width: 30px;
}

.reference_pages li.ref_prev a {
	background: url(../images/ref_left.gif) no-repeat top right;
}


/* breadcrumbs */

.breadcrumbs {
	border-bottom: 1px solid #dbdbdb;
	font-size: 0.9em;
	padding: 11px 10px 11px 0;
	font-weight: bold;
}

.bc_sep {
	color: #d0d0d0;
	margin: 0 5px;
}

.breadcrumbs em {
	font-style: normal;
	color: #848484;
}

.breadcrumbs strong {
	font-weight: bold;
}


/* ostale stranice */

.content_txt {
	padding: 0 15px 0 0;
	line-height: 18px;
}

.content_txt p {
	padding: 5px 0;
}

.referenca_img_left, .referenca_img_right {
	float: left;
	margin: 20px 25px 0 0;
	padding: 5px;
	background: #EBEBEB;
	-moz-box-shadow: 3px 3px 4px #a4a4a4;
	-webkit-box-shadow: 3px 3px 4px #a4a4a4;
	box-shadow: 3px 3px 4px #a4a4a4;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#a4a4a4')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#a4a4a4');
}

.referenca_img_right {
	float: right;
	margin: 20px 5px 10px 20px;
}

.ref_label_b {
	float: left;
	padding-top: 20px;
}

.ref_label_b a {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	background: url(../images/label_b.gif) no-repeat top right;
	padding-right: 8px;
	margin-right: 8px;
	color: #3d3d3d;
}

.ref_label_b a span {
	display: block;
	float: left;
	height: 25px;
	background: url(../images/label_b.gif) no-repeat top left;
	padding-left: 8px;
}

.ref_label_b a:hover {
	background: url(../images/label_b.gif) no-repeat bottom right;
}

.ref_label_b a:hover span {
	background: url(../images/label_b.gif) no-repeat bottom left;
	cursor: pointer;
}

.label_webshop_b {
	background-image: url(../images/label_webshop_b.gif);
}

.label_web_b {
	background-image: url(../images/label_web_b.gif);
}

.label_portal_b {
	background-image: url(../images/label_portal_b.gif);
}

.label_mobilni_b {
	background-image: url(../images/label_mobilni_b.gif);
}


/* lajkanje */

.det_social {
	clear: both;
	margin-top: 22px;
	float: left;
	width: 680px;
	border-top: 1px solid #dbdbdb;
	padding-top: 15px;
}

.send_btn, .print_btn {
	float: left;
}

.send_btn {
	margin-right: 15px;
}

.send_btn a, .print_btn a {
	background: #e7e7e7 url(../images/mail_icon_g.gif) no-repeat 5px center;
	float: left;
	display: block;
	font-size: 0.9em;
    padding: 5px 12px 5px 33px;
	color: #424242;
}

.print_btn a {
	background: #e7e7e7 url(../images/print_icon_g.gif) no-repeat 5px center;
}

.send_btn a:hover {
	background: #dadada url(../images/mail_icon_g.gif) no-repeat 5px center;
}

.print_btn a:hover {
	background: #dadada url(../images/print_icon_g.gif) no-repeat 5px center;
}

.fb_like, .tw_share, .gp_share {
	float: right;
	padding-top: 5px;
}

/* ostale reference */

.ref_ostale {
	float: left;
	width: 680px;
	background: #FFF url(../images/ostale_bg.gif) repeat-y left;
	margin-top: 30px;
}

.ref_ostale_top {
	background: url(../images/ostale_top.gif) no-repeat top;
	float: left;
	width: 680px;
}

.ref_ostale_bott {
	background: url(../images/ostale_bott.gif) no-repeat bottom;
	padding: 17px 0 15px 20px;
	float: left;
	width: 660px;
}

.referenca_s {
	float: left;
	width: 140px;
	margin-right: 20px;
	text-align: center;
	padding: 0 2px;
	display: inline;
}

.referenca_ia {
	float: left;
	width: 140px;
	margin-right: 20px;
	text-align: center;
	padding: 0 2px 20px 0;
	display: inline;
	height:130px;
}


/* footer */

#footer {
	clear: both;
	height: 62px;
	font-size: 0.9em;
	padding-top: 51px;
	color: #b5b5b5;
	text-shadow: 1px 1px 1px #000;
}

#footer_in {
	width: 940px;
	height: 62px;
	margin: 0 auto;
}

#footer_left {
	float: left;
	padding-left: 15px;
}

#footer_g {
	background: url(../images/footer_g.gif) no-repeat left;
	width: 38px;
	height: 45px;
	float: left;
	margin-right: 5px;
}

#footer_g a {
	display: block;
	float: left;
	width: 38px;
	height: 45px;
	text-indent: -9999px;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 9px 0 0 0;
	float: left;
}

#footer li {
	float: left;
	border-right: 1px solid #797777;
	padding-right: 12px;
	margin-right: 12px;
}

#footer li#footer_last {
	margin: 0;
	padding: 0;
	border: 0;
}

#footer li a {
	color: #FFF;
	font-weight: bold;
}

#footer li a:hover {
	color: #94c136;
}

#footer_right {
	float: right;
	padding: 0 15px 0 0;
	width: auto;
}

#footer_right p, #footer_gadmin {
	float: left;
} 

#footer_right p {
	margin: 0 10px 0 0;
	padding-top: 9px;
}

#footer_gadmin {
	width: 90px;
	height: 19px;
	padding: 7px 7px 0 0;
}

#footer_gadmin a {
	background: url(../images/footer_ga.gif) no-repeat;
	display: block;
	float: left;
	width: 90px;
	height: 19px;
	text-indent: -9999px;
}

#footer_kv {
	background: url(../images/footer_kv.gif) no-repeat left;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 15px;
	border-right: 1px solid #797777;
	padding-right: 15px;
}

#footer_kv a {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
}

#footer_aaa {
	background: url(../images/footer_aaa.png) no-repeat left;
	width: 51px;
	height: 34px;
	float: left;
}

#footer_aaa a {
	display: block;
	float: left;
	width: 51px;
	height: 34px;
	text-indent: -9999px;
}


/* headings */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

#logo h1 {
	font-size: 1em;
}

#content_right h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #3d3a3b;
	padding: 20px 0 15px;
}

#content_right h1 strong {
	color: #848484;
	font-weight: normal;
}

#content_right h1#ref_h1 {
	padding: 20px 0 15px 20px;
	font-family: 'DINMediumRoundedRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	color: #231f20;
}

#content_right .referenca h2 {
	font-size: 1.25em;
	padding-top: 2px;
	color: #4e4e4e;
}

#user_form h2, .user_form h2 {
	font-size: 1.15em;
	text-shadow: 1px 1px 1px #f2f2f2;
	color: #231f20;
	padding-bottom: 5px;
}

#content_right h2 {
	font-size: 1.1em;
	color: #8d8d8d;
}

#content_right .ref_ostale h2 {
	margin-bottom: 15px;
	color: #4e4e4e;
	font-size: 1.15em;
}

.ref_ostale h2 strong {
	font-weight: bold;
	color: #9cc945;
}

.referenca_s h3 {
	clear: both;
	font-size: 1em;
	padding-top: 8px;
	text-shadow: 1px 1px #FFF;
}


/* links */

a {
	outline: none;
	text-decoration: none;
	color: #81af21;
}

a:hover {
	color: #689a00;
}

a img {
	border: 0;
}


/* other */

.clear {
	clear: both;
}

.error {
	color: #cf0937;
	font-weight: bold;
}

.success {
	color: #629100;
	font-weight: bold;
}

#user_form .error, #user_form .success, .user_form .error, .user_form .success {
	font-size: 0.9em;
	padding: 5px 0;
	text-shadow: 1px 1px 1px #f2f2f2;
	line-height: 17px;
}

.img_left {
	float: left;
	margin: 0 20px 10px 0;
}

.img_right {
	float: right;
	margin: 0 0 10px 20px;
}

p {
	margin: 0;
}


/* forms */

form {
	margin: 0;
	padding: 0;
}

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

#site_top_search form {
	float: left;
	padding: 6px 6px 0 8px;
}

.search_input {
	background: url(../images/search_input.gif) no-repeat top left;
	color: #231f20;
	border: 1px solid #d8d8d8;
	font-size: 0.9em;
	font-weight: bold;
	width: 186px;
	height: 16px;
	padding: 2px;
	float: left;
	margin-right: 6px;
}

.search_btn {
	background: url(../images/search_btn.gif) no-repeat;
	width: 26px;
	height: 22px;
	border: 0;
	cursor: pointer;
	float: left;
}

.uf_select, .uf_input {
	border: 1px solid #b0b0b0;
	background: url(../images/uf_input.gif) no-repeat top left;
	width: 174px;
	font-size: 0.9em;
	font-weight: bold;
	padding: 7px;
	margin-top: 10px;
	color: #575757;
}

.form input.uf_input, .form select.uf_select, .form input.ufe_input {
	font-size: 1em;
	font-weight: normal;
	margin: 5px 0 15px; 
} 

.form select.uf_select {
	border: 1px solid #DBDBDB;
	padding: 4px;
	width: 290px;
} 

.uf_select {
	padding: 6px;
	width: 190px;
}

.uf_select option {
	background: #FFF;
}

.ufe_input, .ufe_btn {
	float: left;
	border: 0;
	background: none;
	font-size: 0.9em;
	font-weight: bold;
	color: #575757;
	padding: 7px;
	width: 101px;
}

.ufe_btn {
	color: #FFF;
	text-shadow: 1px 1px 1px #84af31;
	width: 75px;
	height: 28px;
	padding: 0;
	cursor: pointer;
	text-transform: uppercase;
}

.form input.ufe_btn {
	text-shadow: none;
	text-transform: none;
	font-size: 1em;
}

.form {
	padding-top: 10px;
}

.form input, .form textarea {
	background: url(../images/uf_input.gif) no-repeat top left;
	padding: 5px;
	border: 1px solid #DBDBDB;
	width: 280px;
	margin: 5px 0 15px;
	color: #575757;
}

.form input.form_btn, .form input.ufe_btn {
	background: url(../images/forma_btn_g.gif) no-repeat top center;
	width: 111px;
	border: 0;
	height: 36px;
	padding: 0;
	cursor: pointer;
	font-weight: bold;
	color: #3D3A3B;
}


/* dropdown */

#topnav ul ul {
	width:220px;
}

#topnav li {
	float:left;
	position:relative;
}


#topnav ul ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	top:36px; 
	left:0px; 
	width:220px; 
	padding: 5px 0 0; 
	background: #615e5f; 
	z-index: 300;
}

#topnav table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

#topnav ul ul li { 
	background: #615e5f; 
	padding: 0 5px; 
	width: 210px; 
	height: auto; 
	border: 0;
}

#topnav ul ul a, #topnav .topnav_last ul a { 
	text-align: left; 
	height: auto; 
	padding: 8px 10px; 
	width:190px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 16px; 
	font-size: 1em; 
	border-bottom: 1px solid #808080; 
	text-transform: none; 
	background: none; 
	font-size: 0.9em;
}

#topnav ul ul .topsub_last a, #topnav .topnav_last ul .topsub_last a { 
	border: none; 
	padding: 8px 10px 10px 
}

#topnav ul ul .topsub_last, #topnav .topnav_last ul .topsub_last { 
	padding-bottom: 5px; 
}

#topnav ul li:hover ul, #topnav ul a:hover ul {
	visibility:visible; 
}

#topnav ul ul a:hover, #topnav #topnav_last ul a:hover  { 
	background: #3A3738; color: #A5CF4D; width:190px; 
}

#topnav ul ul :hover > a, #topnav #topnav_last ul :hover > a { 
	background: #3A3738; color: #A5CF4D; width:190px; 
}

#topnav ul ul .topsub_last a:hover, #topnav #topnav_last ul .topsub_last a:hover { 
	border-bottom: 0; 
}


/* PADAJUCI JEZICI */

#site_top_lang ul ul {
	width:220px;
}

#site_top_lang li {
	float:left; 
	position:relative;
}

#site_top_lang ul ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	top:20px; 
	right:0px; 
	width:120px; 
	padding: 5px 0 0; 
	background: #FFF; 
	z-index: 300;
}

#site_top_lang table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

#site_top_lang ul ul li { 
	background: #FFF; 
	padding: 0 5px; 
	width: 110px; 
	height: auto; 
	border: 0;
}

#site_top_lang ul ul a { 
	text-align: left; 
	height: auto; 
	padding: 8px 10px; 
	width:90px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 16px; 
	font-size: 1em; 
	border-bottom: 1px solid #e1e1e1; 
	text-transform: none; 
	background: none; 
	font-size: 1em; 
	text-indent: 0; 
	color: #94c136; 
	text-shadow: none;
}

#site_top_lang ul ul .topsub_last a { 
	border: none; 
	padding: 8px 10px 10px 
}

#site_top_lang ul ul .topsub_last { 
	padding-bottom: 5px; 
}

#site_top_lang ul li:hover ul, #site_top_lang ul a:hover ul {
	visibility:visible; 
}

#site_top_lang ul ul a:hover { 
	background: #eff8dc; 
	color: #6f9f0c; 
	width:90px; 
}

#site_top_lang ul ul :hover > a { 
	background: #eff8dc; 
	color: #6f9f0c; 
	width:90px; 
}

#site_top_lang ul ul .topsub_last a:hover { 
	border-bottom: 0; 
}


#spinnergif{display:none;}

.godinebr{display:none;}

.slide {   position: absolute; top: 0; left: 0; }

/*.content_txt img{
	padding:5px;
	background: #EBEBEB;
	-moz-box-shadow: 3px 3px 4px #a4a4a4;
	-webkit-box-shadow: 3px 3px 4px #a4a4a4;
	box-shadow: 3px 3px 4px #a4a4a4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#a4a4a4')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#a4a4a4');
}*/

.ref_img img{box-shadow:none;padding:0;background:none;}

.sitemap li {
	padding: 2px 0;
}


.fc-tbx {z-index:1000;}

.left_obavijest { background: #FFF; border: 2px solid #A6CF4D; clear: both; margin-top: 20px; padding: 15px; line-height: 17px; -webkit-border-radius: 8px; border-radius: 8px; }
.left_obavijest h2 { font-size: 12px; margin-bottom: 10px; }
.left_obavijest h3 { font-size: 12px; margin: 10px 0; }

.kartice_imgs {
	text-align: center;
}
.kartice_imgs img {
	margin-bottom: 30px;
}

img {
    image-rendering: -webkit-optimize-contrast;
}