/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
/* #Site Styles
==================================================
 */
/* #Page Styles
================================================== */
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
body{
font-family: 'Open Sans', sans-serif;	
}
.header{
border-top:none;	
padding:20px 0;
}
.bg_color2{
background-color:#ececec;	
}
h3 strong {
	color:inherit;	
}
.stub{
float:left;	
}
.st25{
width:24.25%;
margin-right:1%;	
}
.last{
margin:0 !important;	
}
.header .logo a{
display:block;
text-decoration:none;
font-size:2em;
font-weight:600;
}
.header .logo a small{
display:block;
font-size:0.4em;
font-weight:normal;
color:#555555;
margin-left:75px;
}
.header .logo a img{
margin-bottom:-6px;
}
.topmeni{
padding-top:21px;	
}
.topmeni ul, .topmeni ul li{
margin:0;
padding:0;
}
.topmeni ul, .topmeni ul li, .topmeni ul li a{
display:block;	
}
.topmeni ul{
float:right;
}
.topmeni ul li{
float:left;
}
.topmeni ul li a{
font-size:0.875em;
text-decoration:none;
color:#555;
font-weight:600;
margin-left:24px;
}
.slider .slides li{
display:block;
position:relative;
margin:0;
}
.caption{
position:absolute;	
}
.caption.top_left{
top:4.5em;
left:4em;
}
.caption h1{
font-size:2em;
line-height:1em;
color:#fff;
font-weight:bold;
width: 450px;	
}
.caption p{
display:block;
width:23%;	
color:#fff;
}
.caption a{
display:block;
float:left;	
color:#fff;
text-decoration:none;
padding:6px 14px;
}
.flex-control-nav{
display:none;	
}
.text-align-left{
text-align:left;	
}
.text-align-right{
text-align:right;	
}
.aktuel span, .aktuel .text-align-left span strong{
color:#fff;	
}
.aktuel{
margin-top:-12px;	
}
.aktuel .container{
padding-top:14px;	
padding-bottom:14px;	
}
.aktuel .text-align-left span{
display:block;
float:left;
text-align:center;
padding:5px;
padding:6px;
border:1px solid #fff;
margin-left:55px;
}
.text-align-left span strong{
display:block;	
}
.aktuel .centar h3{
color:#fff;
text-align:left;	
font-size:1em;
margin:0;
line-height:1em;
padding-top:5px;
}
.aktuel .centar h3 span{
font-size:0.875em;
font-weight:normal;
}
.aktuel .text-align-right a{
background-color:#fff;	
padding:6px 15px;
text-decoration:none;
float:left;
margin-top:8px;
}
.features{
padding:50px 0;	
}
.features span{
padding:20px 0 0 68px;
font-size:0.875em;
color:#525252;
display:block;
position:relative;
line-height:1.3125em;
}
.features span strong{
display:block;	
font-size: 1.25em;
margin-bottom:15px;
text-transform:uppercase;
}
.features span i{
display:block;
width:52px;
height:52px;
position:absolute;
top:0;
left:0;
background:url(../images/sprite_01.png) no-repeat;
}
.features span.feature1 i{
background-position:-260px 0;	
}
.features span.feature2 i{
background-position:-312px 0;	
}
.features span.feature3 i{
background-position:-364px 0;
}
.color_features a{
display:block;
position:relative;	
}
.color_features a img{
width:100%;	
}
.color_features a .hover{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
}
.color_features .a a .hover{
background:rgba(90,90,90,0.8) url(../images/features_quarter_bg1.png) center no-repeat;	
}
.color_features .b a .hover{
background:rgba(90,90,90,0.8) url(../images/features_quarter_bg2.png) center no-repeat;	
}
.color_features .c a .hover{
background:rgba(90,90,90,0.8) url(../images/features_quarter_bg3.png) center no-repeat;	
}
.color_features .d a .hover{
background:rgba(90,90,90,0.8) url(../images/features_quarter_bg4.png) center no-repeat;	
}
.color_features .i a .hover{
background:rgba(90,90,90,0.8) url(../images/features_quarter_bg5.png) center no-repeat;	
}
.color_features .j a .hover{
background:rgba(90,90,90,0.8) url(../images/features_quarter_bg6.png) center no-repeat;	
}
.color_features i{
padding:26px 15px 40px 20px;
font-size:0.875em;
color:#525252;
display:block;
position:relative;
line-height:1.3125em;
}
.color_features i strong{
display:block;	
font-size: 1.25em;
margin-bottom:15px;
}
.color_features i a{
display: inline-block;
color: #fff;
text-decoration: none;
padding: 6px 14px;	
}
.widgets{
padding:50px 0 30px 0;	
}
.tabs{
margin-left:8px;
border:1px solid #ececec;
height:326px;
}
.tabs ul, .tabs ul li{
margin:0;
padding:0;
}
.tabs ul li, .tabs ul li a{
display:block;	
}
.tabs ul li{
float:left;	
}
.tabs ul{
background:url(../images/tab_bg.png) bottom left repeat-x;
}
.tabs ul li a{
text-decoration:none;
color:#343434;	
border-top:3px solid #fff;
background:url(../images/tab_bg.png) bottom left repeat-x;
padding:10px 34px;
}
.tabs ul li a.active{
font-weight:bold;
background: none;
background-color: #fff;
}
.tabs ul li{
border-right:1px solid #ececec;	
}
.tab_img, .tab_desc{
width:42.5%;
margin-left:5%;
float:left;	
}
.tab_desc{
margin-right:5%;	
}
.tab_img{
position:relative;	
}
.tab_img img{
width:100%;	
display:block;
float:left;
}
.tabdata{
padding:30px 0;	
}
.tab_img strong{
color:#fff;
position:absolute;
bottom:35px;
left:7px;	
}
.tab_img span{
display:block;
color:#fff;
padding:5px 7px;
font-size:0.875em;
}
.tab_img span i{
font-weight:bold;	
}
.tab_desc{
font-size: 0.875em;
color: #525252;
line-height: 1.5em;	
}
.partners{
padding:35px 0 50px 0;	
}
.partners h3{
font-size:1.5em;
color:#343434;
font-weight:bold;
margin-left:5px;
margin-bottom:35px;	
}
.partners ul li img{
width:100%;	
}
.partners .slides > li{
margin:0;	
padding:0 15px;	
}
.flex-carousel .flex-direction-nav a, .flex-carousel2 .flex-direction-nav a{
width: 11px;
height: 17px;
background: url(../images/directional_nav2.png) no-repeat;
opacity: 1;	
}
.flex-carousel .flex-direction-nav .flex-next,  .flex-carousel2 .flex-direction-nav .flex-next{background-position: top right; right: 15px; top:-35px; }
.flex-carousel .flex-direction-nav .flex-prev, .flex-carousel2 .flex-direction-nav .flex-prev {left: 95%; background-position: top left; top:-35px;}
.social{
text-align:center;
}
.social .container{
padding-top:30px;
padding-bottom:30px;
}
.social h4{
color:#fff;
font-weight:bold;
line-height:1em;	
}
.social span{
font-weight:normal;
font-size:0.875em;
}
.social a{
padding:0 4px;	
}
.bottom_menu{
padding:30px 0;
text-align:center;	
}
.bottom_menu ul, .bottom_menu ul li, .bottom_menu ul li a{
display:block;
margin:0;
padding:0;	
}
.bottom_menu ul{
margin:0 auto;
}
.bottom_menu ul li{
display:inline-block;	
}
.bottom_menu ul li a{
text-decoration:none;
font-weight:600;
padding:0 8px;
font-size:0.875em;	
}
.copy{
padding:15px 0;
text-align:left;	
font-size:0.75em;	
}
.copy .created_by{
text-align:right;	
}
.copy .created_by img{
margin:0 0 -3px 4px;	
}
.copy a{
text-decoration:none;	
}
#datepicker{
display:block;
float:right;
}
.mobile_menu, .mobile_menu2{
display:none !important;
padding:20px 0 0 0;	
}
.mobile_menu select, .mobile_menu2 select{
display:block;
margin:0 auto;
padding:5px 15px;
}
.calendar h3{
font-size: 1.3em;
color: #343434;
font-weight: bold;
margin-left:28px;
margin-bottom:15px;	
}
/*==================================================================*/
.header2{
padding:5px 0;	
}
.adresa{	
text-align:right;
padding-top:30px;
}
.topmeni2 ul, .topmeni2 ul li{
margin:0;
padding:0;
}
.topmeni2 ul{
text-align:center;	
}
.topmeni2 ul li a, .topmeni2 ul li{
display:inline-block;	
}
.topmeni2 ul li a{
color:#fff;
text-decoration:none;
font-weight:600;	
}
.topmeni2 ul li a{
padding:6px 12px 6px 6px;
border-right:1px solid #fff;	
}
.topmeni2 ul li a.last{
border-right:none;	
}
.topmeni2 ul li{
padding:8px 6px 8px 0px;
}
.aktuel span, .aktuel .text-align-left span strong{
font-size:1em;	
}
iframe{
/*height:950px !important;	*/
}
.text{
padding-top:25px;
}
.heading h3, .heading img{
display:block;	
}
.heading img{
float:left;
width:100%;	
}
.heading h3{
font-size:1.5em;
color:#fff;
font-weight:bold;
background-color:#DB0000;
margin:0;
padding:10px 20px;	
}
.text h4{
font-size:1.125em;
color:#DB0000;
margin-bottom:10px;
font-weight:bold;
}
.text p, .contact_check ul li{
font-size:0.875em;
color:#666666;
line-height:1.5em;	
}
.contact_check ul{
margin:0;
padding:0; 
}
.contact_check ul li{
padding:0 0 0 25px;
background:url(../images/uber_uns_list.png) 0 3px no-repeat;	
}
.contact_check{
padding-top:25px;	
}
.contact_check a{
display:block;
float:left;
color:#fff;
text-decoration:none;	
background-color:#DB0000;
padding:10px 20px;
font-family:0.9em;
margin-top:20px;
}
.contact_check a:hover{
background-color:#666;	
}
.service .services{
padding-top:50px;	
}
.service .services h4{
font-size:1.2em;
font-weight:bold;	
}
.service .services h4, .service .services .text{
display:block;
padding-left:80px;
padding-top:0;	
}
.service .services .s1{
background:url(../images/service1.png) top left no-repeat;	
}
.service .services .s2{
background:url(../images/service2.png) top left no-repeat;	
}
.service .services .s3{
background:url(../images/service3.png) top left no-repeat;	
}
.what_we_do{
padding-top:35px;	
}
.skill{
width:100%;
padding:10px 0;
background-color:#EBEBEB;
position:relative;
margin-bottom:10px;
}
.skill span{
color:#fff;
position:relative;
z-index:500;
padding-left:10px;
font-size:0.875em;
}
.skill .underlay{
position:absolute;
width:0px;
top:0;
left:0;
bottom:0;
background-color:#DB0000;
}
.what_we_do h5{
font-size:1em;
font-weight:bold;
color:#666;
margin-bottom:10px;	
}
.accordion ul, .accordion ul li{
margin:0;
padding:0;
display:block;	
}
.accordion ul{
border:1px solid #E1E1E1;
border-bottom:none;
}
.accordion ul li{
border-bottom:1px solid #E1E1E1;	
}
.accordion ul li a{
display:block;
margin:0;
text-decoration:none;
color:#ACACAC;
padding:14px 0 14px 56px;	
}
.accordion ul li a{
background:url(../images/accordion_button.png) 15px 10px no-repeat;	
}
.accordion ul li a.closed{
background-position:15px -41px;	
}
.accordion ul li .acc_content{
padding:15px;
font-size: 0.875em;
color: #666666;
line-height: 1.5em;	
}
#mapa{
height:360px;
}
.contacts h4{
font-size:1.125em;
font-weight:bold;
color:#DB0000;	
}
.contact_info p, .contact_info li{
font-size:0.85em;
color:#666;
line-height:1.5em;	
}
.contact_info ul, .contact_info ul li{
margin:0;
padding:0;	
}
.contact_info ul{
padding-top:1px;
background:url(../images/contact_separator.png) top left repeat-x;	
}
.contact_info ul li{
padding-bottom:1px;
background:url(../images/contact_separator.png) bottom left repeat-x;		
}
.contact_info ul li span, .contact_info ul li a{
display:block;
color:#DB0000;
padding:10px 0px 10px 25px;	
}
.contact_info ul li a{
text-decoration:none;	
}
.contact_info ul li.street span{
background:url(../images/contact1.png) 3px 14px no-repeat;	
}
.contact_info ul li.phone span{
background:url(../images/contact2.png) 3px 14px no-repeat;	
}
.contact_info ul li.email a{
background:url(../images/contact3.png) 3px 14px no-repeat;	
}
.contact_info ul li.find_us a{
background:url(../images/contact4.png) 3px 14px no-repeat;	
}
.contacts{
padding-top:40px;	
}
.contact_form form{
display:block;
margin:0;
padding:0;	
}
.contact_form label, .contact_form input[type="text"], .contact_form textarea{
font-family: 'Open Sans', sans-serif;	
font-size:0.875em;
color:#888;
margin:0;
padding:0;
display:block;
font-weight:normal;
border-bottom-color:#E0E0E0;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.contact_form input[type="text"], .contact_form textarea{
margin-bottom:20px;	
}
.contact_form label{
margin-bottom:10px;	
}
.contact_form label span{
font-size:1.2em;
color:#DB0000;	
}
.contact_form input[type="text"], .contact_form textarea{
padding:9px 11px;	
}
.contact_form input[type="button"]{
border:none;
color:#fff;
background-color:#DB0000;
font-size:1.2em;
font-weight:bold;
padding:7px 21px;
cursor:pointer;
}
.contact_form input[type="text"]{
width:196px;	
}
.contact_form textarea{
width:676px;	
height:204px;
}
.page_info{
background:#f5f5f5;	
}
.page_info span{
display:block;
float:left;
margin-right:25px;
padding:8px 0;
font-size:0.6875em;	
color:#525252;
}
.page_info span i{
display:block;
width:11px;
height:11px;
background:url(../images/sprite_01.png) 0 0;
margin-right:5px;
float:left;
}
.page_info span.location i{
background-position:0 0;	
}
.page_info span.phone i{
background-position:0 -11px;	
}
.page_info span.mail i{
background-position:0 -22px;	
}
.footer{
padding:35px 0;
background:#f1f1f1 url(../images/div_shadow_footer.png) top left repeat-x;
}
.footer h3{
font-size: 1.5em;
color: #343434;
font-weight: bold;
margin-bottom: 15px;	
}
.footer, .footer p{
font-size:14px;
line-height:1.5em;	
}
.footer .newsletter form{
position:relative;
margin-bottom:25px;
}
.footer .newsletter input[type="text"], .footer .newsletter input[type="submit"]{
float:left;	
}
.footer .newsletter input[type="text"]{
border:1px solid #9d9d9d;
color:#9d9d9d;
font-size:12px;
padding:6px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.footer .newsletter input[type="submit"]{
background:#3d3d3d;	
color:#9d9d9d;
height:29px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border:none;
padding:0;
margin:0;
width:40px;
text-align:center;
line-height:29px;
}
.footer .newsletter input[type="submit"]:hover{
cursor:pointer;	
}
.footer_social a, .footer_social span{
display:block;	
}
.footer_social span{
width:100%;	
margin-bottom:15px;
}
.footer_social a{
display:block;
width:18px;
height:18px;
float:left;
margin-right:10px;	
}
.footer_social a{
background:url(../images/sprite_01.png) -180px 0;	
}
.footer_social a.face{
background-position:-180px 0;	
}
.footer_social a.twitter{
background-position:-198px 0;	
}
.footer_social a.google{
background-position:-216px 0;	
}
.footer-contact form{
margin-top:30px;	
}
.footer-contact span{
display:block;
font-size:15px;
line-height:14px;
margin-bottom:12px;
}
.footer-contact span i{
display:block;
float:left;
width:11px;
height:11px;
background:url(../images/sprite_01.png);
margin-right:10px;	
margin-top:2px;
}
.footer-contact input[type="text"], .footer-contact textarea{
width:96%;
margin:0 -1px 20px -1px;
padding:2%;	
font-family: 'Open Sans', sans-serif;
}
.footer-contact textarea{
height:100px;
resize:none;	
}
.footer-contact input[type="submit"]{
display: inline-block;
color: #fff;
text-decoration: none;
padding: 6px 14px;
background:#1d1d1d;
border:none;
font-size:16px;
}
.footer-contact input[type="submit"]:hover{
cursor:pointer;	
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
width:21px;
height:21px;	
}
.ui-widget-header .ui-icon{
background:url(../images/sprite_01.png);	
}
.ui-widget-content{
background:#f9f9f9;	
}
.ui-datepicker th{
text-transform:uppercase;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
font-weight:normal;	
}
/* DATEPICKER dan default */
/* DATEPICKER dan hover */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
background-color:#e3e2e2;
color:#000;		
}
.what_we_do h3{
font-size: 1.3em;
color: #343434 !important;
font-weight: bold;
margin-left: 0px !important;
margin-bottom: 15px;
line-height:normal !important;	
}
.what_we_do{
line-height:1.5em;
font-size:14px;
}
.what_we_do #datepicker1{
float:none;
}
.what_we_do .ui-widget-content{
width:100%;
padding:0;
margin:0;
}
.what_we_do input[type="text"], .what_we_do select, .what_we_do textarea{
width:96%;
margin:0 -1px 20px -1px;
padding:2%;
display:block;
font-family: 'Open Sans', sans-serif;	
}
.what_we_do select{
width:100%;	
}
.what_we_do textarea{
height:65px;
resize:none;	
}
.what_we_do input[type="submit"]{
width:100%;
text-align:center;
padding:15px 0;
margin:0;
color:#fff;
background:#1d1d1d;
border:none;
}
.what_we_do input[type="submit"]:hover{
cursor:pointer;	
}
.what_we_do .calendar .sep{
display:block;
float:left;	
width:20%;
text-align:center;
line-height:34px;
}
.what_we_do .calendar select{
width:40%;	
float:left;	
}
.what_we_do .calendar .ui-datepicker td span, .what_we_do .calendar .ui-datepicker td a{
line-height: 19px;	
}



/* STYLER OBRISATI U PRODUCTIN VERZIJI
================================================== */
.styler{
	width:250px;
	top:35px;
	position:fixed;
	background-color:#fff;
	border:1px solid #333;
	padding:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-align:center;
	z-index:99999;
}

.open_styler{
	left:5px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.close_styler{
	left:-295px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.styler p{
	font-size:16px;
	font-weight:600;	
}

.styler_styles{
display:block;	
}

.styler_styles a{
margin-top:60px;
display:inline-block;
position:relative;
margin-right:20px;	
}

.styler_styles select{
	display:inline !important;
	padding:5px 11px;
	margin-top:5px;
}	

.open_style,.close_style{
display:inline-block;
padding:7px;	
border:1px solid #333;
position:absolute;
top:15px;
right:-47px;
background-color:#fff;
border-left-color:#fff;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
/* STYLER KRAJ
================================================== */