@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Domine&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Oxygen&subset=latin,latin-ext);

* {
    outline: none !important;
}

body {
	background: url(/themes/mobilni/css/../images/bg-texture.png) repeat;
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Domine', serif;
}

h2, h4 {
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}

a, a:hover {
	color: black;
	font-weight: bold;
}

a:hover {
	text-decoration: overline;
}

#wrapper {
	width: 100%;
	overflow: hidden;
}

#wrapper .btn, #wrapper .btn:hover {
	background: transparent;
	color: black;
	padding: 5px;
	padding-right: 20px;
	text-decoration: none;
	text-shadow: none;
	float: right;
	background: url(/themes/mobilni/css/../images/btnBg.png) right center no-repeat;
	font-weight: bold;
	margin: 0 !important;
	border: none;
	width: auto !important;
}

input, button, select, textarea {
	font-family: 'Oxygen', sans-serif;
	font-size: 1em;
}

article {
	vertical-align: top;
}

article > a, .gallery_list li.gb1 .imgLink, .gallery_list li.gb2 .imgLink,
.gallery_list li.gb3 .imgLink, .gallery_list li.gb4 .imgLink, .gallery_list li.gb5 .imgLink,
.gallery_list li.gb6 .imgLink {
	padding: 4px;
	border: 1px solid #E1DDD5;
}

article > a:hover, .gallery_list .imgLink:hover {
	background-color: #E1DDD5;
}

#header, #pageContainer, #footer, .powered {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	margin-left: 100%;
	margin-left: auto\9;
}

#pageContainer {
	background-color: white;
	*position: static;
}

.cnt_share {
	width: 97.2%;
	margin: 1.4% auto;
	padding: 0;
	border: 1px solid #E1DDD5;
	border-bottom: none;
}

.cnt_share .cnt_share_buttons {
	margin: 0;
	padding: 1.4%;
	border-bottom: 1px solid #E1DDD5;
}

.cnt_fb_comment {
	padding-bottom: 1.4%;
	border-bottom: 1px solid #E1DDD5;
}

.home .cnt_share {
	width: 99.8%;
	margin-top: 20px;
}

.home .cnt_share, .home .cnt_share_buttons, .home .cnt_fb_comment {
	border-color: #b3b3b3;
}

body .cnt_fb_comment .fb-comments span iframe {
	width: 97.2% !important;
	padding: 1.4%;
}

/* HEADER */
#header {
	border-top: 15px solid black;
	background-color: white;
	margin-bottom: 20px;
	z-index: 2;
	min-height: 90px;
}

.logo {
	margin: 15px 0 15px 1.4%;
	float: left;
}

.logo img {
	max-height: 60px;
}

#header .social {
	float: right;
	margin: 31px 1.4% 0;
}

nav {
	clear: both;
	width: 100%;
	text-transform: uppercase;
	background-color: black;
}

nav li {
	float: left;
	position: static;
	*max-width: 20%;
}

nav li a {
	padding: 12px 50px;
	font-size: 1em;
	color: white;
}

nav:hover a, nav li a.activeLink {
	color: #666;
}

nav li:hover > a, nav li:hover > a.activeLink {
	color: white;
	text-shadow: 1px 1px 1px black;
	text-decoration: none;
}

.spanMenuDropdown {
	display: block;
	width: 12px;
	height: 6px;
	float: right;
	margin-left: -12px;
	margin-top: 14px;
	cursor: pointer;
}

.spanMenuDropdown, nav li:hover > .spanMenuDropdown, nav li.active:hover > .spanMenuDropdown,
nav .dropDownStyle li.active > .spanMenuDropdown {
	background: url(/themes/mobilni/css/../images/navArrow.png) 0 -6px;
}

nav:hover .spanMenuDropdown, nav li.active .spanMenuDropdown {
	background-position: -40px -6px;
}

.nav, nav li .dropDownStyle {
	width: 100%;
}

.dropDownStyle ul {
	background-color: black;
	margin-top: 1px;
	margin-top: 0\9;
	border-top: 1px solid white\9;
}

nav .dropDownStyle a.activeLink {
	color: white;
}

nav .nav li .dropdownSecondLevel {
	top: 100%;
	left: 0;
}

nav.fixed .nav li .dropdownSecondLevel {
	top: 0;
	left: auto;
	right: 100%;
}

nav.fixed, .home nav.fixed {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
	display: none;
}

nav.fixed ul {
	width: 1200px;
	margin: 0 auto;
	border: none;
}

nav.fixed ul li {
	width: 20%;
	*max-width: none;
	*background-color: black;
	text-align: center;
	position: relative;
}

nav.fixed li a {
	padding: 20px 0;
	display: block;
	margin-top: 1px;
	margin-top: 0\9;
}

nav.fixed, nav.fixed .dropDownStyle a, .home nav.fixed, .home nav.fixed .dropDownStyle a {
	background-color: black;
}

nav.fixed .spanMenuDropdown {
	margin-right: 10px;
	margin-top: 22px;
}

nav.fixed .dropDownStyle .spanMenuDropdown {
	margin-left: 10px;
	margin-right: 0;
	margin-top: 24px;
	width: 6px;
	height: 12px;
	float: left;
	background-position: -80px 0;
}

nav.fixed:hover .dropDownStyle .spanMenuDropdown {
	background-position: -120px 0;
}

nav.fixed .dropDownStyle li:hover > .spanMenuDropdown,
nav.fixed .dropDownStyle li.active > .spanMenuDropdown {
	background-position: -80px 0;
}

nav.fixed, nav.fixed .dropDownStyle, nav.fixed .dropdownSecondLevel {
	border-bottom: none;
}

nav.fixed .dropDownStyle {
	background-color: transparent;
}

nav.fixed .dropDownStyle ul {
	width: auto;
	background-color: transparent;
	margin-right: 1px;
	margin-right: 0\9;
}

nav.fixed .dropDownStyle li {
	width: 100%;
}

/* HOME */
.home #wrapper {
	background: url(/themes/mobilni/css/../images/wrapperBg.jpg) repeat-x left 105px;
	position: relative;
}

.home #header {
	margin-bottom: 0;
}

.home nav {
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 1;
}

.home nav li a {
	padding-top: 13px;
}

.home nav.fixed li a {
	padding-top: 20px;
}

.home .dropDownStyle ul {
	margin-top: -1px;
}

.home nav.fixed ul {
	margin-top: 0;
}

.home nav, .home nav .dropDownStyle ul {
	background-color: transparent;
	background-color: black\9;
	border-bottom: 1px solid #666;
	border-bottom: none\9;
}

.home nav.fixed, .home nav.fixed .dropDownStyle ul {
	border-bottom: none;
}

.home #pageContainer {
	background-color: transparent;
}

.SliderGrid {
	position: relative;
}

.carousel-control {
	width: 42px;
	height: 42px;
	top: auto;
	bottom: 42px;
	margin-top: 0;
	-webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
behavior: url(PIE.php);	background: url(/themes/mobilni/css/../images/arrows.png) center no-repeat transparent;
	border: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	text-indent: -9999px;
}

.carousel-control.left {
	background-position: 0 0;
	left: auto;
	right: 72px;
}

.carousel-control.right {
	background-position: -42px 0;
	right: 30px;
}

.carousel-control:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.carousel-control.left:hover {
	background-position: -84px 0;
}

.carousel-control.right:hover {
	background-position: -126px 0;
}

.carousel-caption {
	top: 120px;
	bottom: auto;
	left: 5%;
	width: 60%;
	background: transparent;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.carousel-caption h4 {
	font-size: 6.5em;
	margin-bottom: 0.5em;
}

.carousel-caption p {
	font-size: 3em;
}

.home #zone_1 {
	padding: 0 3%;
	margin-top: 100px;
	background-color: white;
}

.home #zone_1 .zone_ContentBoxContainer, .home #zone_2 h2, .home #zone_2 p,
.home #zone_3 .zone_GalleryGrid div, .home #zone_4 .zone_ContentBoxContainer,
.home #zone_5 .zone_ContentBoxContainer {
	display: none;
}

.home #zone_1 .bi2 {
	width: 13.6%;
	width: 13.5%\9;
	margin-top: -65px;
}

.home #zone_1 .bi2:nth-child(n+7) {
	margin-top: 1%;
}

.home #zone_2, .home #zone_3, .home #zone_4 {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

.home #zone_2 {
	padding: 0;
	width: 35%;
	background-color: #ECECEC;
}

.home #zone_2 article {
	min-height: 50px;
}

.home #zone_2 article, .home #zone_3 article, .home .gallery_list div,
.home #zone_4 article, .home #zone_5 article {
	margin: 0;
	padding: 0;
}

.home #zone_2 article.ab1 img, .home #zone_2 article.ab1 iframe,
.home #zone_2 article.ab1 canvas {
	width: 100%;
	margin: 0;
}

.home #zone_3 {
	width: 31%;
	height: 500px;
	padding: 30px 7%;
	background-color: white;
}

.home .gallery_list li.gb5 {
	padding: 1%;
	width: 25.3%;
	margin: 3%;
}

.home #zone_3, .home #zone_4 {
	overflow: hidden;
}

.home #zone_4 {
	width: 16%;
	height: 500px;
	padding: 30px 2%;
	background-color: #D0D0D0;
}

.home #zone_4 article.bi2 {
	display: block;
	width: 65%;
	margin: 0 auto 10px;
	text-align: center;
}

.home #zone_4 article.bi2 .btn {
	float: none;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.home #zone_4 article.bi2 > a, .home #zone_4 article.bi2 img {
	margin-bottom: 0.5em;
}

.home #zone_4 h2, .home #zone_4 p {
	font-size: 1em;
	text-align: center;
}

.home #zone_4 h2, .home #zone_4 p {
	margin-bottom: 0;
}

.home #zone_5 {
	clear: both;
	background-color: #D0D0D0;
	padding: 4% 10%;
}

.home #zone_5 article {
	width: 29%;
	margin: 2%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.home #zone_5 h2 {
	font-size: 1.2em;
}

.home #zone_5 article > a, .home #zone_5 img {
	width: 50%;
	float: left;
	margin-left: 0;
}

.home #zone_5 article .btn {
	float: right;
}

/* FOOTER */
#footer {
	margin-top: 20px;
	border: 1px solid #b3b3b3;
	height: 86px;
}

#footer .logo {
	float: right;
	margin: 0;
	height: 100%;
	border-left: 1px solid #b3b3b3;
}

#footer .logo img {
	margin: 13px 30px;
}

#footer .social {
	height: 100%;
	border-right: 1px solid #b3b3b3;
	float: left;
}

#footer .social ul {
	margin: 27px 30px;
}

.powered {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 50px;
	z-index: 0;
}

.powered a {
	text-decoration: none !important;
}

.powered a:hover {
	text-decoration: overline !important;
}

/* ABOUT */
article.ab1, article.ab2 {
	padding-bottom: 0;
}

article.ab1 img, article.ab1 iframe, article.ab1 canvas {
	margin-right: 1.4%;
	margin-bottom: 0.4%;
}

article.ab2 img, article.ab2 iframe, article.ab2 canvas {
	margin-left: 1.4%;
	margin-bottom: 0.4%;
}

article.ab3 img, article.ab3 iframe, article.ab3 canvas, article.ab4 img, article.ab4 iframe, article.ab4 canvas {
	margin-bottom: 1.4%;
}

article.ab3 .zone_text, article.ab4 .zone_text {
	margin-bottom: 0;
}

/* CONTACT */
.contactForm, .googleMaps, .GalleryGrid {
	padding: 1.4%;
}

.contact-form {
	padding: 1% 0;
}

.contact-form .iTxt, .contact-form .message-area {
	width: 99%;
	padding: 6px 4px 6px 5px;
	border-radius: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #b3b3b3;
}

.contact-form .message-area {
	height: 100px;
	resize: vertical;
}

.contact-form .button {
	float: right;
	border: none;
	text-transform: capitalize;
	margin-top: 5px;
}

#wrapper .contact-form .button {
	margin-left: 20px !important;
}

.uploaded-file {
    float: left;
}

.delete-file {
    background-color: transparent;
    color: black;
}

.google_map {
	margin: 1.4% 0;
}

.googleMaps .google_map {
	margin-bottom: 0;
}

/* GALLERY */
.gallery_list {
	margin-top: 2%;
}

.gallery_list li {
	border: none;
}

.gallery_list li .imgLink {
	display: block;
}

.gallery_list li.gb1, .gallery_list li.gb2 {
	width: 47%;
	margin: 1% 1.4%;
}

.gallery_list li.gb1 .imgLink {
	margin-left: 1em;
}

.gallery_list li.gb2 .imgLink {
	margin-right: 1em;
}

.gallery_list li.gb3, .gallery_list li.gb4 {
	width: 31.1%;
	margin: 1%;
}

.gallery_list li.gb4 .imgLink, article.bi2 > a, article.bi3 > a, article.bi2 img,
article.bi2 iframe, article.bi3 img, article.bi7 > a, article.bi7 img, .pi4 > a,
.pi4 .productThumb {
	margin-bottom: 1em;
}

.gallery_list li.gb5 {
	margin: 0.66%;
	*width: 31.9%;
}

.gallery_list li.gb6 {
	margin: 0.75%;
	*width: 23.4%;
}

.modal-backdrop {
	background-color: #F7F7F7;
	cursor: url(/themes/mobilni/css/../images/iks.png) 7 7, default;
}

.modal-backdrop, .modal-backdrop.fade.in {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.modal {
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #b3b3b3;
	background-color: transparent;
}

.modal-header, .modal-footer {
	border-color: #b3b3b3;
}

.modal-header .close {
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	background: url(/themes/mobilni/css/../images/iks.png) center no-repeat;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.modal-footer {
	background-color: transparent;
	box-shadow: none;
}

.modal-gallery .modal-image img {
	width: 100%;
}

#wrapper .modal-gallery .btn, #wrapper .modal-footer .btn + .btn {
	background: transparent;
	margin-left: 10px;
	padding: 5px 10px;
	cursor: pointer;
}

.modal-gallery .btn + .btn i {
	float: right;
	*float: none;
	margin-left: 5px;
}

.modal-gallery .btn i {
	margin-left: 2px;
	margin-top: 2px;
}

.modal-gallery .btn.btn-info.modal-prev i {
	float: left;
	margin-left: 0;
	margin-right: 7px;
}

.icon-white {
	background-image: url("/themes/mobilni/css/../../shared/img/glyphicons-halflings.png");
}

.modal-gallery .modal-image {
	z-index: 1;
}

.modal-gallery .modal-image:hover:before, .modal-gallery .modal-image:hover:after {
	top: 0;
	left: 0;
	margin-top: 0;
	width: 49.9%;
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	background: url("/themes/mobilni/css/../images/leftArrow.png") 30% center no-repeat #F7F7F7;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	z-index: 2;
}

.modal-gallery .modal-image:hover:after {
	left: auto;
	right: 0;
	text-align: right;
	background: url("/themes/mobilni/css/../images/rightArrow.png") 70% center no-repeat #F7F7F7;
}

/* SITE CONTENT */
.ContentBoxContainer, .productsContainer {
	padding: 1.4%;
}

.zone_ContentBoxContainer {
	margin-bottom: 2%;
}

article > a {
	padding: 4px;
	border: 1px solid #E1DDD5;
	display: block;
}

article > a img {
	margin: 0 !important;
}

#wrapper article a img, .home #zone_5 article > a img {
	padding: 0;
	border: none;
	float: none;
	width: 100%;
}

article.bi1, article.bi4, article.bi5, article.bi6, article.bi7, .productItem {
	margin: 2% 0;
	padding-left: 0;
	padding-right: 0;
}

article.bi1 img, article.bi1 > a, article.bi4 img, article.bi1 iframe, article.bi4 iframe,
article.bi1 canvas, article.bi4 canvas, article.bi4 > a,
.home #zone_5 article img, .home #zone_5 article > a {
	margin-right: 1em;
	margin-bottom: 0.4em;
}

article.bi1 > a {
	width: 30%;
	float: left;
}

article.bi2, article.bi3 {
	width: 30.2%;
	margin: 1%;
}

article.bi4 img, article.bi4 iframe, article.bi4 canvas, article.bi4 > a {
	margin-right: 0;
	margin-left: 1em;
}

article.bi4 > a {
	width: 30%;
	float: right;
}

/* PRODUCTS */
.productItem {
	margin: 1.5% 0;
}

.productItem.pi2 {
	width: 47.8%;
}

.pi3 > a {
	width: 18%;
	margin: 0 2% 0.5% 0;
	float: left;
}

.productItem.pi4 {
	width: 22.7%;
}

h3.itemPriceAndCurrency {
	font-weight: normal;
}

/* PAGINATION */
.paginat a {
	border-radius: 0;
	border-color: #666;
	color: #666;
	background-color: transparent;
}

.paginat a:hover {
	border-color: black;
	color: black;
	text-decoration: none;
}

.loader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #F3F3F3;
	z-index: 4;
}

.loader img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -24px;
}


@media screen and (max-width: 1200px) {
	body {
		font-size: 13px;
	}

	nav.fixed .dropDownStyle .spanMenuDropdown {
		margin-top: 20px;
	}

	#header, #pageContainer, #footer, .powered, nav.fixed ul {
		width: 1000px;
	}

	.spanMenuDropdown, .spanJos {
		width: 12px;
	}

	.home #wrapper {
		background-image: url(/themes/mobilni/css/../images/wrapperBg1000.jpg);
	}

	.carousel-caption h4 {
		font-size: 5.5em;
	}

	.home #zone_2 {
		width: 40%;
	}

	.home #zone_3 {
		width: 48%;
		height: 250px;
		padding: 25px 6%;
		margin-bottom: 0;
	}

	.home .gallery_list li.gb5 {
		width: 17%;
		margin: 1% 3%;
	}

	.home #zone_4 {
		width: 56%;
		height: 173px;
		margin-top: 0;
	}

	.home #zone_4 article.bi2 {
		width: 25%;
		margin: 0 4.15%;
		float: left;
	}
}

/* SERVICE GENERATED RULES */
body #pageContainer .display-tags-container a { color :   !important; }
/* SERVICE GENERATED RULES */