@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	text-align: right;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
body,td,th {
	font-family: Verdana;
	
}
body {
	background-color: #FFF;
}
a:link {
	text-decoration: none;
	color: #0066b2;
}
a:visited {
	text-decoration: none;
	color: #0066b2;
}
a:hover {
	text-decoration: none;
	color: #0091FB;
}
a:active {
	text-decoration: none;
	color: #0066b2;
}
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	/*width: 86.45%;
	padding-left: 0.1%;
	padding-right: 0.1%;*/
	clear: none;
	float: none;
	
	
	/*width: 99%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	margin-bottom: 25px;*/
	
	
}
.gridContainer {
	/*width: 66%;
	max-width: 1232px;
	
	clear: none;
	float: none;
	margin-left: auto;
	left: auto;
	right: auto;
	min-width: 968px;
	font-family: Verdana, sans-serif;
	
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 2px 2px #CCCCCC;
	box-shadow: 0px 2px 2px #CCCCCC;
	margin-bottom: 10px;
	margin-right: auto;
	margin-top: auto;
	
	padding-left: 0.7%;
	padding-right: 0.7%;
	padding-top:10px;
	padding-bottom:10px;*/
}

.footer  {
	/*border-top: #CCC;
	border-top-style: solid;
	border-top-width: 1px;
	right: auto;
	left: auto;
	width: 66%;
	min-width: 968px;
	max-width: 1232px;
	*/
	
	margin-left: auto;
	margin-right: auto;
	width:100%;
	
	/*width: 86.45%;
	padding-left: 0.7%;
	padding-right: 0.7%;*/
	clear: none;
	float: none;
	
	/*width: 66%;
	max-width: 1232px;
	
	clear: none;
	float: none;
	margin-left: auto;
	left: auto;
	right: auto;
	min-width: 968px;
	font-family: Verdana, sans-serif;
	
	
	margin-bottom:25px;
	margin-right: auto;
	
	
	padding-left: 0.7%;
	padding-right: 0.7%;*/
	
}
#div1 {
width: 83.0508%;
}
.header {
	height: auto;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
}
.logo {
	width: 99%;
	margin-top: 10px;
	margin-left: 0;
	position: static;
	height: auto;
}

.gridContainer.clearfix .fluid.rightPanel img {
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}
.flag {
	width: 59.1836%;
	float: right;
	margin-left: 0;
	clear: both;
}
.topMenu {
	width: 16.6666%;
	margin-left: 4.1666%;
	float: right;
}
.headerMenu {
	clear: none;
	float: right;
	height: 100px;
	width: 100%;
	display: none;
}
.headerFlag {
	width: 45%;
	float: right;
	margin-top: 5px;
	margin-left: 0;
	text-align: right;
}
.headerMiniMenu {
	margin-top: 40px;
	width: 100%;
	margin-left: 0;

}
.gridContainer.clearfix .fluid.header .fluid.headerMenu .fluid.headerFlag img {
	margin-left: 5px;
}
.gridContainer.clearfix .fluid.header .fluid.headerMenu .headerMiniMenu ul {

float:right;
width:auto;
padding:0;
margin:0;
list-style-type:none;
}
.gridContainer.clearfix .fluid.header .fluid.headerMenu .headerMiniMenu ul a {
	float:center;
    width:6em;
    text-decoration:none;
    color:#999;
	font-size:100%;
    padding:0.2em 0.6em;
    border-right:1px solid #999;
	
}
.gridContainer.clearfix .fluid.header .fluid.headerMenu .headerMiniMenu ul a:hover {
	color: #0C68AD;}

.gridContainer.clearfix .fluid.header .fluid.headerMenu .headerMiniMenu ul li {
	display:inline;}
	
	
	
.gridContainer.clearfix .fluid.leftPanel .fluid.logoTM img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 20px;
	margin-bottom: auto;
	width: 45%;
}
.logoTM {
	height: 80px;
	position: static;
	width: 100%;
	margin-left: 0;
	display: block;


	
}


.navigare {
	color: #999999;
	font-size: 70%;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-top: 3px;
	display: none;
}
.navigare a {
	color: #999;
}
.navigare a:hover{
	color: #0066b2;
}



.footerNav {
	padding-bottom: 20px;
	padding-top: 10px;
	font-size: 60%;
	color: #999;
	text-align: center;
	width: 99.9%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.7px;
	padding-right: 0.7px;
	left: auto;
	right: auto;
	
}
.footerNav li {
	display: inline;
	list-style-type: none;
	
	
}
  

.footerNav li a {
	color: #999;
	padding-left:5px;
	padding-right:5px;
	border-right: 1px solid #999999;
}
.footerNav li a.end {
	color: #999;
	padding-left:5px;
	border-right: 1px solid  #FFF;
}

.footerNav li.end {
	display: inline;
	list-style-type: none;
	
	
}


.footerNav li a:hover {
	
	color: #0066b2;
	
}
.footerImage img   {
	display: block;

	padding-right: auto;
	padding-left: auto;
	margin-right: auto;
	margin-left: auto;
}
.footerCRight  {
	margin-top:10px;
	font-size: 80%;
	color: #999;
	
	text-align: center;
	
	width: 100%;
}
.zeroMargin_desktop  {
margin-left: 0;
}
.hide_desktop  {
display: none;
}

.gridContainer.clearfix .fluid.header .fluid.logo img {
	display: block;
	padding-right: auto;
	padding-left: auto;
	margin-right: auto;
	margin-left: auto;
}
.nav{display:none;position: static;height: auto;width: 100%;margin-left: 0;}
.navM{
	display: block;
	padding-bottom: 10px;
}

#mobilemininav {
	display: block !important;
	margin: 10px 0 0 0;
	overflow: hidden;
	list-style-type: none;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,102,178,1.00)),color-stop( 100% , rgba(0,78,137,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(0,102,178,1.00) 0%,rgba(0,78,137,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,102,178,1.00) 0%,rgba(0,78,137,1.00) 100%);		/*background: #e41b34;
		background: -moz-linear-gradient(top,  #e41b34 0%, #880212 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e41b34), color-stop(100%,#880212));
		background: -webkit-linear-gradient(top,  #e41b34 0%,#880212 100%);
		background: -ms-linear-gradient(top,  #e41b34 0%,#880212 100%);
		background: linear-gradient(to bottom,  #e41b34 0%,#880212 100%);*/
	}
	#mobilemininav li {
		float: left;
		width: 33%;
		border-left: 1px solid #76020f;
		background-repeat: no-repeat;
		background-position: center center;
	}
	#mobilemininav li#navi {
		border: none;
		background-size: 23px;
		background-image: url(../img/menu.png);
	}
	#mobilemininav li#call {
		background-size: 20px;
		background-image: url(../img/call.png);
	}
	#mobilemininav li#quote {
		background-size: 25px;
		background-image: url(../img/envelope.png);
	}
	#mobilemininav li a {
		display: block;
		text-indent: -999px;
		width: 106px;
		height: 30px;
	}


	#sidenav {
	width: 233px;
	position: absolute;
	z-index: 10;
	background-color: #4b4b4b;
	left: -233px;
	top: 0;
	background-image: url(../img/side-menu-bg.png);
	background-repeat: no-repeat;
	background-size: 233px;
	padding-top: 42px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	height: 600%;
	}
	#sidenav a {
		background-size: 10px;
		background-image: url(../img/mobile_arrow.png);
		background-repeat: no-repeat;
		background-position: 215px center;
		color: #fff;
		font-family: sans-serif;
		display: block;
		font-weight: bold;
		padding: 5px 10px;
		border-top: 1px solid #5a5a5a;
		border-bottom: 1px solid #2d2d2d;
	}
	#sidenav a#side_contact {
		background-size: 20px;
		background-image: url(../img/envelope.png);
		background-position: 205px center;
	}
	#sidenav a#side_srb {
		background-size: 20px;
		background-image: url(../img/srbija-zastava.png);
		background-position: 205px center;
	}
	#sidenav a#side_eng {
		background-size: 20px;
		background-image: url(../img/Engleska-zastava.png);
		background-position: 205px center;
	}
	
	
	#sidenav a#side_quote {
		background-size: 20px;
		background-image: url(../img/quote.png);
		background-position: 205px center;
	}
	#sidenav a#close {
		position: absolute;
		top: 5px;
		right: 5px;
		border: 0;
	}
	#sidenav hr.separator {
		border: 0;
		background-image: url(../img/side-menu-bg.png)
		background-repeat: no-repeat;
		background-size: 233px 31px;
		height: 31px;
	}
	#sidenav hr.separator1 {
		border: 0;
		background-image: url(../img/side-menu-bg.png)
		background-repeat: no-repeat;
		background-size: 233px 31px;
		height: 10px;
	}

   #main_content .full_bleed {
		/*margin: 0 -10px;*/
	}
    #main_content a#continue,
	#main_content a.continue {
		
		color: #0066B3;
		font-family: verdana;
		font-weight: bold;
		display: inline !important;
	}

.text-smol{ font-size:60%;
	
	
	}
	
input[type=submit] {
	float: left;
	text-align: right;
}

input[type=text] {
    width: 90%;
}
.box{
	
	width:100%;
	float:left;
	margin-bottom:2%;
	margin-top:2%;

}
.boxCellLeft{
	visibility:visible;
	width:100%;
	padding-bottom:4%;
	

}
.boxCellRight{
	visibility: visible;
	width:100%;
	padding-bottom:4%;
	
	

}
.boxLine {
	visibility:visible;
	background-color: #0066b2;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	width: 98%;
	padding: 8px 2% 8px 0px;
	margin-top:5px;
	margin-bottom: 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-image: url(../img/mobile_arrow-18x18.png);
	background-position:right;
	background-repeat:no-repeat;
}


.boxLineEmpty {
	float:left;
	background-color: #0066b2;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	width:96%;
	
	padding: 8px 2% 8px 2%;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-bottom: 1px;
}

.boxLineEmpty a {
	
	color:#FFF;
}

.boxLine a {
	margin-left:5px;
	color:#FFF;
}
.boxLine a:hover {
	margin-left:5px;
	color: #000;
}

.menuButtonBlue {
	border-radius: 4px;
	background-color: #0066b2;
	padding: 5px 0px 5px 0px;
	margin-bottom: 2%;
	background-image: url(../img/mobile_arrow-18x18.png);
	background-position: right;
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 1px 1px 1px #CCCCCC;
	box-shadow: 1px 1px 1px 1px #CCCCCC;
}
.menuButtonBlue a {
	
	color: #FFF;
	font-size:14px;
	padding-left:5px;
	
	
	
}
.menuButtonBlack {
	border-radius: 4px;
	background-color: #000;

	padding:5px 0px 5px 0px;
	margin-bottom: 2%;
	background-image:url(../img/mobile_arrow-18x18.png);
	background-position:right;
	background-repeat:no-repeat;
	background-position: right;
	background-repeat: no-repeat;
	-webkit-box-shadow: 1px 1px 1px 1px #CCCCCC;
	box-shadow: 1px 1px 1px 1px #CCCCCC;
	
	
}

.menuButtonBlack a {
	
	color: #FFF;
	font-size:14px;
	padding-left:5px;
	
	
	
}

.productNaslov{
	
	width:100%;
	float:right;
	margin-bottom:3%;
	
}

.productPhoto{
	float:left;
	width:25%;
	margin-right:1%;
}

.productText{
	float:right;
	width:73%;
	
}

.productPhotoInd{
	float:left;
	width:29%;
	margin-right:1%;
}

.productTextInd{
	float:right;
	width:70%;
	
}




.productTableInd{
	float:left;         
    width:75.7%;
	margin-left:0.8%;
	display:none;
	
}

.menuMob {
	list-style: none;
	padding:0;
	float:left;
	width:98%;
	
	
	}	
.menuMob  li{
		padding: 12px;
	    border-bottom: 1px solid #CCCCCC;
}
.menuMob  li a{ padding-left:7px;}

#slider {
		width: 100%;
		margin: 0;
	}
	#slider button {
		background: 0;
		border: 0;
		top: 50%;
		margin-top: -12px;
		position: absolute;
	}
	#slider button#prev {
		left: 10px;
	}
	#slider button#next {
		right: 10px;
	}
	#slider button img {
		width: 25px;
	}
	.swipe {
		overflow: hidden;
		visibility: hidden;
		position: relative;
	}
	.swipe-wrap {
	overflow: hidden;
	position: relative;
	font-size: 10px;
	}
	.swipe-wrap > div {
		float:left;
		width:100%;
		position: relative;
	}
	.swipe-wrap > div > img {
		width:100%;
	}
	
	
	.homeYT{
		 display:none;
		
		
		}
		
		.linija_botom {
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #999;
	font-size: 11px;
	color: #666;
}
.kontakt-list{ width:99%; }
.kontakt-list ul { padding:0 0 0 10px;}
.kontakt-list ul li { list-style:none; padding-bottom:10px; border-bottom-color: #CCC; border-bottom:solid; margin-bottom:15px; border-bottom-width:1px;}
.kontakt-map{width:63%; float:right;}
.kontakt_lokacija{ float:left; width:99%;}
.kontakt_lokacija ul{ padding:0 0 0 10px;}
.kontakt_lokacija ul li{ list-style:none; padding-bottom:15px;}
.kontakt-map{width:99%; }

/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none; /* no underline */
	color: #036CB4;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #036CB4;
	color: #FFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}
.text_smol{ font-size:9px;}
.bb{}
.zeroMargin_mobile{margin-left: 0;}
.hide_mobile{display: none;}
.glavni_index { display:none;}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

body {
	background-color: #F8F8F8;
}
.gridContainer {
	width: 66%;
	max-width: 1200px;
	clear: none;
	float: none;
	margin-left: auto;
	left: auto;
	right: auto;
	min-width: 968px;
	font-family: Verdana, sans-serif;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 2px 2px #CCCCCC;
	box-shadow: 0px 2px 2px #CCCCCC;
	margin-bottom: 10px;
	margin-right: auto;
	margin-top: auto;
	padding-left: 0.7%;
	padding-right: 0.7%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer  {
	/*border-top: #CCC;
	border-top-style: solid;
	border-top-width: 1px;
	right: auto;
	left: auto;
	width: 66%;
	min-width: 968px;
	max-width: 1232px;
	*/
	
	width: 66%;
	max-width: 1232px;
	
	clear: none;
	float: none;
	margin-left: auto;
	left: auto;
	right: auto;
	min-width: 968px;
	font-family: Verdana, sans-serif;
	
	
	margin-bottom:25px;
	margin-right: auto;
	
	
	padding-left: 0.7%;
	padding-right: 0.7%;
	
}
#div1 {
width: 83.0508%;
}
.header {
	height: 100px;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
}
.logo {
	width: 38.7755%;
	margin-top: 10px;
	margin-left: 0;
	position: static;
	height: auto;
}
.leftPanel {
	width: 22%;
	float: left;
	display: block;
	margin-bottom: 0.6%;
}
.leftPanelR {
	width: 23.5%;
	float: right;
	display: block;
	margin-bottom: 0.6%;
}
.centarContiniuRead {
	width: 58%;
	clear: none;
	float: left;
	margin-left: 1%;
	margin-right: 0.8%;
	
		font-family: Verdana, sans-serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans";
	font-size: 13px;
	text-align: justify;
	color: #000;
	line-height: 1.3;
}


.centarB {
	width: 75%;
	clear: none;
	float: left;

    font-family: Verdana, sans-serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans";
	font-size: 13px;
	text-align: justify;
	color: #000;
	line-height: 1.3;
}
.centar_full {
	width: 100%;
	clear: none;
	float: left;
	
    font-family: Verdana, sans-serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans";
	font-size: 13px;
	text-align: justify;
	color: #000;
	line-height: 1.3;
}

.centar {
	width: 58%;
	clear: none;
	float: left;
	margin-left: 1%;
	margin-right: 0.8%;
	
		font-family: Verdana, sans-serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans";
	font-size: 13px;
	text-align: justify;
	color: #000;
	line-height: 1.3;
}
.rightPanel {
	width: 17%;
	clear: none;
	float: right;
	/*margin-top:20px;
	margin-left: 0.6%;*/
}
.gridContainer.clearfix .fluid.rightPanel img {
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}
.flag {
	width: 59.1836%;
	float: right;
	margin-left: 0;
	clear: both;
}
.topMenu {
	width: 16.6666%;
	margin-left: 4.1666%;
	float: right;
}
.headerMenu {
	margin-left: 2.0408%;
	clear: none;
	float: right;
	height: 100px;
	width: 50%;
	display: block;
}
.headerFlag {
	width: 45%;
	float: right;
	margin-top: 5px;
	margin-left: 0;
	text-align: right;
	display: block;
}
.headerMiniMenu {
	margin-top: 40px;
	width: 100%;
	margin-left: 0;
	display: block;
}
.gridContainer.clearfix .fluid.header .fluid.headerMenu .fluid.headerFlag img {
	margin-left: 5px;
}
.gridContainer.clearfix .fluid.header .fluid.headerMenu .headerMiniMenu ul {

float:right;
width:auto;
padding:0;
margin:0;
list-style-type:none;
}
.gridContainer.clearfix .fluid.header .fluid.headerMenu .headerMiniMenu ul a {
	float:center;
    width:6em;
    text-decoration:none;
    color:#999;
	font-size:80%;
    padding:0.2em 0.6em;
    border-right:1px solid #999;
	
}
.gridContainer.clearfix .fluid.header .fluid.headerMenu .headerMiniMenu ul a.endList {
	float: center;
	width: 6em;
	text-decoration: none;
	font-size: 80%;
	color: #999;
	padding: 0.2em 0.6em;
	border-right: 1px solid #FFF;
}
.gridContainer.clearfix .fluid.header .fluid.headerMenu .headerMiniMenu ul a:hover {
	color: #0C68AD;}

.gridContainer.clearfix .fluid.header .fluid.headerMenu .headerMiniMenu ul li {
	display:inline;}
.gridContainer.clearfix .fluid.leftPanel .fluid.logoTM img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 20px;
	margin-bottom: auto;
	width: 45%;
}
.logoTM {
	height: 80px;
	position: static;
	width: 100%;
	margin-left: 0;


	
}
.quickLink {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 84%;
	font-weight: bold;
	color: #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,102,178,1.00)),color-stop( 51.81% , rgba(2,72,124,1.00)),color-stop( 100% , rgba(0,102,178,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(0,102,178,1.00) 0%,rgba(2,72,124,1.00) 51.81%,rgba(0,102,178,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,102,178,1.00) 0%,rgba(2,72,124,1.00) 51.81%,rgba(0,102,178,1.00) 100%);
	padding-left: 5%;
	display: block;
	width: 95%;
	background-color: #0C479D;
	
}
.quickLinkList {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	

	margin-bottom:5px;
	
}
.quickLinkList ul {
	padding-left: 10%;
	
	
	
	}
.quickLinkList ul li {
    font-style: normal;
	font-weight: bold;
	font-size: 68%;
	text-align: left;
	padding-bottom:3px;
	}
.leftBaner  {
	border-radius: 8px;
}
.navigation  {
	font-size: 100%;
	margin-bottom: 5px;
	color: #0000;
	width: 100%;
	height: 55%;
	margin-left: auto;
	margin-right: auto;
	
	background-color: #F3F3F3;
	-webkit-box-shadow: 1px 2px #E5E5E5;
	box-shadow: 1px 2px #E5E5E5;
}



.navigationM  {
	
	display: none;
}

.navigare {
	color: #999999;
	font-size: 62%;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-top: 3px;
	display: block;
}
.navigare a {
	color: #999;
}
.navigare a:hover{
	color: #0066b2;
}



.footerNav {
	padding-bottom:20px;
    padding-top:10px;
	
	font-size: 80%;
	color: #999;

	
	text-align: center;
	
	width: 100%;
	
}
.footerNav li {
	display: inline;
	list-style-type: none;
	
	
}
  

.footerNav li a {
	color: #999;
	padding-left:5px;
	padding-right:5px;
	border-right: 1px solid #999999;
}
.footerNav li a.end {
	color: #999;
	padding-left:5px;
	border-right: 1px solid  #FFF;
}

.footerNav li.end {
	display: inline;
	list-style-type: none;
	
	
}


.footerNav li a:hover {
	
	color: #0066b2;
	
}
.footerImage img   {
	display: block;
	padding-right: auto;
	padding-left: auto;
	margin-right: auto;
	margin-left: auto;
}
.footerCRight  {
	margin-top:10px;
	font-size: 80%;
	color: #999;
	
	text-align: center;
	
	width: 100%;
}
.nav{display:block; margin-left: 0; position: static; height: auto; width: 100%; }
.navM{display:none;}

.gridContainer.clearfix .fluid.navigation div {
	width: 50%;
	float: left;
	
}
.gridContainer.clearfix .fluid.navigation div img {
	float: right;
}
.gridContainer.clearfix .fluid.navigation div table tr td {
	padding-left: 35px;
	padding-top: 13px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
}


.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:10px;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	margin-top:5px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.myButton:active {
	position:relative;
	top:1px;
}


.box{
	visibility:visible;
	width:100%;
	float:left;
	margin-bottom:2%;
	margin-top:2%;

}
.boxCellLeft{
	width:49%;
	float:left;

}
.boxCellRight{
	width:49%;
	float:right;
	

}
.boxLine {
	background-color: #0066b2;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	width: 98%;
	padding: 8px 2% 8px 0px;
	margin-bottom: 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-image: url(../img/mobile_arrow-18x18.png);
	background-position:right;
	background-repeat:no-repeat;
	

}

.boxLine a {
	margin-left:5px;
	color:#FFF;
}
.boxLine a:hover {
	margin-left:5px;
	color: #000;
}


.boxLineEmpty {
	background-color: #0066b2;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	width:96%;
	
	padding: 8px 2% 8px 2%;
	text-align:left;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-bottom: 1px;
	
}

.boxLineEmpty a {
	
	color:#FFF;
}


.productNaslov{
	
	width:100%;
	float:right;
	margin-bottom:3%;
	
}

.productPhoto{
	float:left;
	width:25%;
	margin-right:1%;
}

.productText{
	float:right;
	width:73%;
	
}

.productPhotoInd{
	float:left;
	width:29%;
	margin-right:1%;
}

.productTextInd{
	float:right;
	width:70%;
	
}

.productTableInd{
	float:left;         
    width:75.7%;
	margin-left:0.8%;
	display:inline;
	
}

.homeYT{
		 display: block;
		 float:left;
		 width:510px;
		 height:315;
		 margin-right:15px;

		}
.homeTxt{
	width:45%;
	float:right;
	font-family: Verdana, sans-serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans";
	font-size: 14px;
	text-align: justify;
	color: #000;
	line-height: 1.2;
}
	
.homeBoxCellLeft{
	width: 32%;
	float: left;
	font-family: Verdana, sans-serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans";
	font-size: 14px;
	text-align: justify;
	color: #000;
	line-height: 1.2;
	margin-right: 2%;
}
.homeBoxCellRight{
	width: 32%;
	float: right;
	font-family: Verdana, sans-serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans";
	font-size: 14px;
	text-align: justify;
	color: #000;
	line-height: 1.2;
}
.linija_botom {
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #999;
	font-size: 11px;
	color: #666;
}

.brand-text{
	float:right;
	width:70%;
	
}

.brand-logo img{
	float:left;

	
	
	
}

.brand-logo{
	float:left;
	width:30%;

}
.kontakt-list{ width:35%; float:left;}
.kontakt_lokacija{ float:left; width:50%;}
.kontakt-map{width:63%; float:right;}

.bb{}

.zeroMargin_desktop{margin-left: 0;}

.hide_desktop{display: none;}
.glavni_index {
	float: left;
	width: 100%;
	margin-top: 23px;
	height: 350px;
	height:auto;
	display:block;
}

.contact_header{
	     font-size:11px;
         float:right;
		 margin-top:5px;
	
}


	/*
	General rules MENU LEFT
	*/

	/* Active menu item */
	#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
		font-weight: 500;
		/*background-image: url(../img/bullet_sel.gif);
	background-repeat: no-repeat;
	background-position:right;*/
	}

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		
		/*position:relative;*/
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		
	

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{
		width:98%;
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;
		display:block;
		clear:both;
		width:100%;

		
	}

	/* Active menu item */
	#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
	
		
		font-weight:bold;
	
		
	}

	/*
	A tags
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */

	padding-left: 2px;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom: 1px solid #000;
	font-weight: normal;
	font-size: 17px;
	
	/*background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position:right;*/
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1:hover{	/* Main menu items */
		
	padding-left: 2px;
	border-bottom: 1px solid #000;
	font-weight: normal;
	font-size: 17px;
	background-color:#0066b2;
	color:white;
	
	/*background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position:right;*/
	}
	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
		font-size:10px;
		padding-top:2px;
		padding-bottom:2px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2:hover{	/* Sub menu items */
		margin-top:1px;
		margin-left:1px;
		font-size:10px;
		padding-top:2px;
		padding-bottom:2px;
		background-color:#0066b2;
	    color:white;
		
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		
	    margin-top:1px;
		font-size:10px;
		padding-top:2px;
		padding-bottom:2px;
		
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3:hover{	/* Sub menu items */
		margin-top:1px;
		margin-left:1px;
		font-size:10px;
		padding-top:2px;
		padding-bottom:2px;
		background-color:#0066b2;
	    color:white;
		
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems.
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e.

	#dhtmlgoodies_slidedown_menu .slideMenuDiv1

	instead of

	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/

	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}
	
#leftMenu{
		width:100%;
		padding-bottom:15px;
		
		
	}

/* CSS Document */
ul#topnav {
	
	padding: 0;
	
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	/*--Set relative positioning on the unordered list itself - not on the list item 1.2vw;--*/
	font-size:90%;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	zoom: 1;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	
	margin-bottom: 27px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
	background-color:#0C479D;
	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	zoom:1;
	display:block;
	 /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 15px ;
	display: block;
	color: #FFF;
	text-decoration: none;
	zoom:1;
	letter-spacing:0.7px;
	
}
ul#topnav li a span {
	padding: 5px 15px ;
	display: block;
	color: #000;
	text-decoration: none;
	zoom:1;
	
}
ul#topnav li:hover { 

	background: #4196F3;
	
	

 }
 
 
body#home a#homeLink,
body#sistem a#sistemLink,
body#standardi a#sistemLink,
body#sertifikati a#sistemLink,
body#ekologija a#sistemLink,
body#odrzivost a#sistemLink,
body#kontakt a#kontaktLink,
body#onama a#onamaLink,
body#info a#novostiLink,
body#newsletter a#novostiLink,

body#fulja a#uljaLink,
body#fgorivo a#gorivoLink,
body#fvazduh a#vazduhLink,
body#fklima a#klimaLink,

body#trafo a#trafoLink,
body#prekidac a#prekidacLink,

body#starter a#starterLink,
body#servis a#servisLink,
body#pitanja a#pitanjaLink,
body#savet a#savetiLink
{
 	 background: #4196F3;
 	 margin-top:-5px;
	 padding-bottom:10px;
	 padding-top:15px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
 }
 
 
/*body#home span#homeSub,*/
body#home span#homeSub,
body#sistem span#sistemSub,
body#standardi span#sistemSub,
body#sertifikati span#sistemSub,
body#ekologija span#sistemSub,
body#odrzivost span#sistemSub,

body#info span#novostiSub,
body#newsletter span#novostiSub

{ display: block; z-index:1; }
 
 

body#standardi a#standardiLink,
body#sertifikati a#sertifikatiLink,
body#ekologija a#ekologijaLink,
body#odrzivost a#odrzivostLink,

body#info a#infoLink,
body#newsletter a#newsletterLink
{
text-decoration:underline;
}


/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {

	float: left;
	padding: 5px 0;
	padding-right:0px;
	position: absolute;
	left: 0; top:37px;
	display: none; /*--Hide by default--*/
	width: 100%;
	background: #FFF; /* padajuci menu*/
	color: #000;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

ul#topnav li:hover span { display: block; z-index:10;} /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; padding-left:15px; padding-right:10px; color:#000;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

ul#topnav li span#current {display:block; }