@charset "UTF-8";
/* CSS Document */
/*@import url("text.css");*/
@font-face {
    font-family: 'OpenSansRegular';
    src: url('opensans/OpenSans-Regular-webfont.eot');
    src: url('opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('opensans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

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

}

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

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

html{ height:100%;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	font-family:'OpenSansRegular';
	font-size:14px;
	color:#fff;
	text-decoration:none!important;
	background:url(../images/bg.jpg) repeat-x top left #484748;
	text-align:justify;

}
a{text-decoration:none!important; color:#ffdd28;}

span[style*="font-weight: bold;"] {
	font-family: 'OpenSansBold';
}

.zutiFont{
	color:#ffdd28;
}
.siviFont{
	color:#ababab;
}

#wrap{
	min-height: 100%;
	height: auto !important;
	height: 100%;
		/*margin: 0 auto -142px;  the bottom margin is the negative value of the footer's height */

}
h1, h2, h3, h4, h5, h6, p, {
	text-align:left;
	margin: 0;
	padding:0;
	line-height: 120%;

}
h1, h2, h3, h4, h5, h6{
	text-align:left!important;
	margin: 0;
	padding:0;
	line-height: 120%!important;

}

h1{
	font-size:30px;
	text-transform:uppercase;
}
h2{
	font-size:26px;
	text-transform:uppercase;
}
h3{
	font-size:24px;
	text-transform:uppercase;
}

h4{
	font-size:30px;
	text-transform:capitalize;
}
h5{
	font-size:26px;
	text-transform:capitalize;
}
h6{
	font-size:24px;
	text-transform:capitalize;
}
hr{width:100%;border:1px solid #ffdd28;margin:15px 0;}

.side_box_span hr{width:100%!important;border:1px solid #ffdd28;margin:15px 0;}


header{
	width:100%;
	height:567px;
	display:block;
	background:url(../images/bg.png) no-repeat top center;
	background-size:100% 100%;
}
#header_cont{
	width:960px;
	height:400px; 
	display:block;
	margin:0 auto 0 auto;
	padding-top:27px;
}
.content_head{
	width:100%;
	background-image: -webkit-linear-gradient(bottom, #464546 5%, #98999b);
	background-image: -moz-linear-gradient(bottom, #464546 5%, #98999b);
	background-image: -o-linear-gradient(bottom, #464546 5%, #98999b);
	background-image: linear-gradient(to top, #464546 5%, #98999b);
	height: 67px;
	display:block;
	padding:0;
	border:0;
	padding-top: 22px;
	margin-bottom:25px;
}
.content_head_boxes{
	float:left;
	color:#949597;
}
.content_head_boxes i, .content_head_boxesS i{
	float:left;
	font-size:45px;
	
}
.content_head_boxes span, .content_head_boxesS span{
	float:left;
	font-size:30px;
	padding-top: 14px;
	text-transform: uppercase;
	margin-left: 14px;
	margin-right: 26px;
	font-family: 'OpenSansCondensedBold';
}
.content_head_boxes:hover, .content_head_boxesS{
	float:left;
	color:#ffdd28;
}
.Logo{
	position:absolute;
	z-index:10;
	width:188px;
	height:148px;
	display:block;
	margin:-24px 0 0 16px;
	background:url(../images/logo.png) no-repeat top left;
	
}
#naslov_box{
	width:570px;
	padding:18px 10px 10px 10px;
	float:left;
}
#slide-holder{
	width:940px;
	height:400px;
	display:block;
	overflow:hidden;
	margin: 20px 10px 0 10px;
}
.menu_container{
	width:960px;
	height:101px;
	display:block;
	margin:0 0 0 0;
	background:url(../images/meni_bg.png) repeat-x;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.lng-Bar{
	float:right;
	width:26px;
	height:26px;
	display:block;
	margin:8px 14px 10px 0;
}
#box{
	width: 100%;
	height: 201px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(bottom, #2c2829, #999a9c);
	background-image: -moz-linear-gradient(bottom, #2c2829, #999a9c);
	background-image: -o-linear-gradient(bottom, #2c2829, #999a9c);
	background-image: linear-gradient(to top, #2c2829, #999a9c);
}
#box_header{
	width: 100%;
	height: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	background-color: #ffdd28;
	
}
#box_content{
	width:100%;
	padding:10px;
}
.call_taxi_box{
	text-align:right;
	margin-bottom:45px;
	margin-top:45px;
}
.call_taxi_box .the-icons i{
	font-size:34px;
	color:#ffdd28;
}
.card_holder{	
	float:right;
	width:609px;
	height:43px;
	display:block;
	overflow:hidden;
	margin-right:10px;
}

nav#menu{
	float:right;
	width:609px;
	height:49px;
	display:block;
	overflow:hidden;
	margin-right:10px;
}
.meni{
	float:right;
	text-transform:uppercase;
	height:49px;
	display:block;
	padding:32px 10px 0 10px;
	text-decoration:none;
	color:#FFF;
}
.meni:hover, .meniS{
	float:right;
	text-transform:uppercase;
	height:17px;
	display:block;
	padding:32px 10px 0 10px;
	text-decoration:none;
	color:#ffdd28;
}

footer .meni{
	float:left;
	text-transform:lowercase;
	height:17px;
	font-size:11px;
	display:block;
	padding:0 10px 0 10px;
	text-decoration:none;
	color:#FFF;
}
footer .meni:hover, footer .meniS{
	float:left;
	text-transform:lowercase;
	height:17px;
	font-size:11px;
	display:block;
	padding:0 10px 0 10px;
	text-decoration:none;
	color:#ffdd28;
}

.head_boxes{
	width:;
	float:right!important;
	width:400px;
	display:block;
	
}
#middle-container{
	width:100%;
	min-height: 400px;
	display:block;
		line-height:120%;

/*	background:url(../images/cont_bg.jpg) repeat-x #dcdcdc;
*/	
}
#middle-content{
	width:960px;
	min-height:500px;
	line-height:160%;
	display:block;
	margin:0 auto 0 auto;
	padding-bottom:100px; /* ZBOG FOOTERAAA*/
	/*background-color:#484748;*/
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

.content{
	width: 940px;
	min-height:100px;
	display: block;
	/*padding: 10px;*/
	color: #FFF;
}

#novosti{
	width:100%;
	/*margin-left:35px;*/
	float:left;
	min-height:70px;
	display:block;
	margin-top:15px;
	border-bottom:1px solid #ffdd28;
	margin-bottom:10px;
	padding-bottom:20px;
	text-decoration:none!important;
}
#novosti a{
	
	text-decoration:none!important;
}

#novosti h2{
	font-size:18px;
	text-decoration:none;
	margin-bottom:20px;
}

#novosti a div{
	font-size:13px;
	text-decoration:none!important;
	line-height:17px;
}

#side_boxes{
	/*float:right;
	width:315px;*/
	width:100%;
	display:block;
	min-height:100px;
	margin-top:15px;
}
.side_box{
	/*width:295px;
	width:100%;*/
	min-height:50px;
	display:block;
	/*float:right;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
	background-color:#3a3a3a;
	margin-bottom:10px;
	padding:10px;
		font-family: 'OpenSansCondensedBold';

}
.side_box_icon{
	width:60px;
	min-height:60px;
	display:block;
	float:left;
	font-size: 35px;
	
}
.side_box_text{
	/*width:235px;*/
	min-height:60px;
	display:block;
	/*float:right;*/
	margin-top:5px;
}
h2.side_box_h2{
	font-size:18px;
	text-transform:uppercase;
	color:#ffdd28;
	text-decoration:none;
}
span.side_box_span{
	margin-top:10px;
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
}



.grupe-proizvoda{
	width:940px;
	display:block;	
	text-transform:uppercase;
	font-size:16px;
	color:#0c0c0c;
	margin:10px;
}

footer{
	width:100%;
	min-height:100px;
	display:block;
	position:relative;
	
}

#footer-container{
	
	width:960px;
	min-height:100px;
	display:block;
	overflow:visible;
	margin:0 auto 0 auto;
	padding:15px 7px 0 7px;
	border-top:1px solid #ffdd28;
}

.h-50{
	height:50px;
}
.m10{
	margin:10px 0 10px 0;
}
.p10a{
	padding:10px;
}
.m10a{
	margin:10px;
}
.padBtm15{
	padding-bottom:15px;
}
/*@import '../js/bgSlide/bgSlide.css';
*/

#copyright{
	font-size:11px;
	text-align:right;
	float:right;
}

.fancybox-thumbs{
	width:80px;
	height:80px;
	margin-right:10px;
	display:block;
	overflow:hidden;
}

#map_canvas{
	width:100%;
	height:500px;
	display:block;
}
input[type="text"]{
	height: 24px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#646464;
	font-size:13px;
	margin-bottom:10px;
	padding:3px;
}
.text{color:#fff;}
select{
	height: 24px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#646464;
	font-size:13px;
	margin-bottom:10px;
	padding:3px;
}

input[type="textarea"], textarea{
	height: 70px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#646464;
	font-size:13px;
	margin-bottom:10px;
	padding:3px;
}
input[type="button"], input[type="submit"], button, .baton{
	background-image: -webkit-linear-gradient(bottom, #ffdd28, #fee873 74%, #ffdd28);
	background-image: -moz-linear-gradient(bottom, #ffdd28, #fee873 74%, #ffdd28);
	background-image: -o-linear-gradient(bottom, #ffdd28, #fee873 74%, #ffdd28);
	background-image: linear-gradient(to top, #ffdd28, #fee873 74%, #ffdd28);
	width: 122px;
	height: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#000; text-transform:uppercase;
	text-align:center;
	font-size:16px;
}

article ul li, ul li{
	list-style-type: disc;
	list-style-position:inside;
	line-height: 130%;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom:10px;
	font-family:'OpenSansRegular';
	line-height:21px;
	font-size:14px;
}

article ol li, ol li{
	list-style-type: decimal;
	list-style-position:inside;
	line-height: 130%;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom:10px;
	font-family:'OpenSansRegular';
	line-height:21px;
	font-size:14px;
}

table.cjenik{
   /* border-collapse: collapse;*/
	border-spacing: 0;
	border-collapse:separate;
	border-spacing:2px;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
	margin:0px;padding:0px;
	width:100%;
	
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}
.cjenik tr:last-child td:last-child {
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
}
table.cjenik tr:first-child td:first-child {
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}
table.cjenik tr:first-child td:last-child {
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
}
.cjenik tr:last-child td:first-child{
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
}
.cjenik tr:hover td{
	
}
.cjenik tr:first-child{background-color:#fff; color:#3a3a3a; padding:8px; text-align:center;}
.cjenik tr:last-child{ background-color:#3a3a3a; color:#ffdd28;  padding:8px; text-align:center;}
.cjenik td{
	vertical-align:middle;
	
	
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:8px;
	font-weight:normal;
}
.cjenik tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.cjenik tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.cjenik tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.cjenik tr:first-child td{
		

	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	margin:2px;

}

.cjenik tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.cjenik tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}


[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-ikone-01:before { content: '\e80d'; } /* '' */
.icon-email:before { content: '\e815'; } /* '' */
.icon-ikone-03:before { content: '\e80b'; } /* '' */
.icon-ikone-04:before { content: '\e80a'; } /* '' */
.icon-ikone-05:before { content: '\e809'; } /* '' */
.icon-ikone-06:before { content: '\e808'; } /* '' */
.icon-ikone-07:before { content: '\e807'; } /* '' */
.icon-ikone-08:before { content: '\e806'; } /* '' */
.icon-ikone-09:before { content: '\e805'; } /* '' */
.icon-ikone-10:before { content: '\e804'; } /* '' */
.icon-ikone-11:before { content: '\e803'; } /* '' */
.icon-ikone-12:before { content: '\e802'; } /* '' */
.icon-ikone-13:before { content: '\e801'; } /* '' */
.icon-ikone-14:before { content: '\e800'; } /* '' */
.icon-euro:before { content: '\e81d'; } /* '' */
.icon-pound:before { content: '\e81e'; } /* '' */
.icon-dollar:before { content: '\e81f'; } /* '' */
.icon-rupee:before { content: '\e820'; } /* '' */
.icon-yen:before { content: '\e821'; } /* '' */
.icon-ikone-02:before { content: '\e80c'; } /* '' */
.icon-won:before { content: '\e823'; } /* '' */
.icon-bitcoin:before { content: '\e824'; } /* '' */
.icon-facebook:before { content: '\e80f'; } /* '' */
.icon-facebook-squared:before { content: '\e80e'; padding-top: 10px;} /* '' */
.icon-gplus:before { content: '\e810'; } /* '' */
.icon-linkedin-squared:before { content: '\e811'; } /* '' */
.icon-skype:before { content: '\e812'; } /* '' */
.icon-mail:before { content: '\e813'; } /* '' */
.icon-mail-1:before { content: '\e814'; } /* '' */
.icon-calculator:before { content: '\e81c'; } /* '' */
.icon-dollar-1:before { content: '\e825'; } /* '' */
.icon-money:before { content: '\e826'; } /* '' */
.icon-paypal:before { content: '\e816'; } /* '' */
.icon-gplus-1:before { content: '\e819'; } /* '' */
.icon-pinterest:before { content: '\e81a'; } /* '' */
.icon-foursquare:before { content: '\e81b'; } /* '' */
.icon-youtube:before { content: '\e817'; } /* '' */
.icon-vimeo:before { content: '\e818'; } /* '' */
.icon-rouble:before { content: '\e822'; } /* '' */

.MadeByMG{
	margin-top:15px;
	float:left;
	width:20px;
	height:20px;
	display:block;
	background:url(http://www.mg.com.hr/MGStuff/MadeByMG/MadeByMG.png) no-repeat;
	background-position:-4px -2px;
}
.MadeByMG_text{
	float:left;
	margin-top:20px;
	font-size:10px;
	margin-left:7px;
	color:#999;
}
#total, #total-price{text-align:right!important}

#recaptcha_image{margin-bottom:15px;}

.recaptcha_reload a{float:left; width:17px; height: 17px; display: block; margin-right:10px; background: url(../images/captcha_refresh.png) no-repeat top left; background-size:contain; }
.recaptcha_only_if_image a{float:left; width:17px; height: 17px; margin-right:10px; display: block; background: url(../images/captcha_speaker.png) no-repeat top left; background-size:contain;}
.recaptcha_only_if_audio a{float:left; width:17px; height: 17px; margin-right:10px; display: block; background: url(../images/captcha_image.png) no-repeat top left; background-size:contain;}
.recaptcha_help a{float:left; width:17px; height: 17px; margin-right:10px; display: block; background: url(../images/captcha_help.png) no-repeat top left; background-size:contain;}
.recaptcha_submit{float:left; margin-left:40px!important;}