/*�������������������������������������������������������������������
Basic Style Sheet
version: 1.0
author: EBIT IT
email: info@ebit.hr
website: http://www.ebit.hr/
�������������������������������������������������������������������*/

@charset "utf-8"; 

/* reset the elements */
@import url("reset.css") all;

/* General HTML Styles */

html {
	margin: 0;
   padding: 0;
   border: 0;
}

body {
	background: url(../img/body_bg.jpg) repeat-x 0 0;
	background-color: #f8f8f8;
	margin: 0;
	padding: 0;
	border: 0;
}
div, span, p, tr, th, td, input, select, textarea, option, iframe, ul, li, font, h1, h2, h3, h4, h5, h6 {
   font-family: Arial, Tahoma, Calibri, Helvetica, Verdana, sans-serif !important;
   font-size: 15px;
   /*color: #000;*/
   /*font-weight: normal;*/
   text-decoration: none;
}
h1  { 
   color: #000;
   font-size: 24px;
   font-weight: normal;
   display: block;
   padding: 0 0 5px;
}
h2  { 
   color: #000;
   font-size: 22px;
   font-weight: normal;
   display: block;
   padding: 0 0 5px;
}
h3  { 
   color: #000;
   font-size: 20px;
   font-weight: normal;
   display: block;
   padding: 0 0 5px;
}
h4  { 
	color: #000;
	font-size: 19px;
	font-weight: normal;
	display: block;
	padding: 0 0 5px;
}
h5  { 
   color: #000;
   font-size: 18px;
   font-weight: normal;
   display: block;
   padding: 0 0 5px;
}
h6  { 
   color: #000;
   font-size: 14px;
   font-weight: normal;
   display: block;
   padding: 0 0 5px;
}
p {
   margin: 0;
   padding: 0 0 8px;
}
a { 
   font-size: 14px;
   color: #000;
   font-weight: normal;
   text-decoration: none;
}
a:hover { 
   color: #3f3f3f;
}

fieldset {
	width: auto;
	border: 0;
}
legend { 
   color: #494949;
   font-size: 16px;
   font-weight: lighter;
	padding: 0 5px;
}
input {
	font-size: 12px !important;
	padding: 3px 3px;
	background-color: #fff;
   border: 1px solid #cfcfcf;
	margin: 3px 0;
	border-radius: 3px;
}
input:hover {
	background-color: #fff;
   border: 1px solid #999;
   border-radius: 3px;
}
input:focus {
	background-color: #fff;
   border: 1px solid #999;
   border-radius: 3px;
}
select {
	font-size: 12px !important;
	background-color: #fff;
   border: 1px solid #cfcfcf;
	padding: 3px 3px;
	border-radius: 3px;
}
select:hover {
	background-color: #fff;
   border: 1px solid #999;
	border-radius: 3px;
}
select:focus {
	background-color: #fff;
   border: 1px solid #999;
	border-radius: 3px;
}
option {
	font-size: 12px !important;
	background-color: transparent !important;
	padding: 0 5px;
}
textarea {
	font-size: 12px !important;
	background-color: #fff;
   border: 1px solid #cfcfcf;
	padding: 3px 3px;
	height: 150px !important;
	margin: 3px 0;
	border-radius: 3px;
}
textarea:hover {
	background-color: #fff;
   border: 1px solid #999;
	border-radius: 3px;
}
textarea:focus {
	background-color: #fff;
   border: 1px solid #999;
	border-radius: 3px;
}

.text_input {
	width: 295px;
	height: 24px;
}

.text_input2 {
	width: 320px;
}

.Button {
	background-color: #F9F8EB;
	border: 1px solid #CDCDCD;
	height: 32px !important;
	font-weight: bold;
	cursor: pointer;
}

.Button:hover {
	background-color: #F9F8EB;
	border: 1px solid #7f7f7f;
}

.Button:focus {
	background-color: #F9F8EB;
	border: 1px solid #7f7f7f;
}

.TableStyle {
	width: 480px;
	margin: 0 auto;
	padding: 0;
}

/*-----------------------------------------------------------*/

.Wrapper {
	width: 960px;
	margin: 0 auto;
}

.Wrapper a, img {
	outline: none !important;
}

.Wrapper a:hover, a:visited, a:active {
	outline: none !important;
}

/*
.Wrapper table {
	width: 668px !important;
}
*/

header {
	width: 960px;
	height: 60px;
	margin: 0 auto;
}

.Logo {
	border: 1px solid #000000;
   box-shadow: 0 0 15px #BBBBBB;
   float: left;
   height: 40px;
   margin: 10px 0 0;
   width: 220px;
}

.MainNavigation {
	width: 700px;
	float: right;
	text-align: right;
	list-style: none;
	padding: 0;
	margin: 0;
}

.MainNavigation li {
	display: inline-block;
	list-style: none;
	padding: 19px 16px;
}

.MainNavigation li a {
   font-size: 17px;
   color: #000;
   font-weight: normal;
   text-decoration: none;
}

.MainNavigation li a:hover {
   font-size: 17px;
   color: #3f3f3f;
}

.MainNavigation li a.Selected {
   font-size: 17px;
   color: #3f3f3f;
}

.MainNavigation li.NarudzbaButton {
	width: 142px;
	height: 22px;
	background-color: #f9f8eb;
	border: 1px solid #cdcdcd;
	padding: 8px;
	text-align: center;
}

.MainNavigation li.NarudzbaButton img {
	margin: 0 2px 0 0;
	vertical-align: middle;
}

.LeftContainer {
	width: 240px;
	float: left;
	margin: 20px 20px 40px 0;
}

.RightContainer {
	width: 700px;
	float: left;
	margin: 20px 0 40px;
}

/*Search box*/
.SearchBox {
	width: 208px;
	height: 84px;
	background-color: #ecece5;
	border: 1px solid #cdcdcd;
	padding: 10px 15px;
}

.SearchInput {
	width: 186px;
	height: 26px;
	color: #000;
	margin: 0;
	padding: 0 10px;
	border-radius: 3px;
	cursor: text;
}

.search_box2 img {
	width: 24px;
	height: 24px;
	margin: -26px 182px;
	position: absolute;
}

.Napredna {
	font-size: 13px;
	color: #000;
	text-decoration: underline;
	font-weight: normal;
	float: right;
	margin: 5px 0 0;
}
/*Search box*/



.Dobavljaci-Logici {
	width: 218px;
	padding: 10px;
	background-color: #eaeaea;
	border: 1px solid #323232;
	margin: 0 0 10px 0;
}

.Dobavljaci-Logici img {
	display: block;
   margin: 0 auto;
   padding: 0;
   vertical-align: middle;
  
}

.JquerySliderTransparentBox {
	width: 670px;
	height: 40px;
	background: url("../img/slider-bg.png") repeat 0 0;
	position: absolute;
	margin: -90px 0px 0px 0px;
	z-index: 234;
	padding: 15px;
}

.JquerySliderTransparentBox h5 {
	font-size: 18px;
	color: #fff500;
	text-decoration: none;
	font-weight: normal;
}

.JquerySliderTransparentBox {
	color: #fff;
	font-size: 14px;
}



/*//////////LIJEVI IZBORNIK//////////*/

.PonudaList1 {
	list-style: none;
	padding: 0;
	margin: 21px 0;
}

.PonudaList1 li {
	width: 208px;
	background-color: #ecece5;
	border: 1px solid #cdcdcd;
	display: block !important;
	list-style: none;
	padding: 7px 15px;
	margin: -1px 0px;
}

.PonudaList1 li:hover {
	background-color: #fcf640;
	border: 1px solid #cdcdcd;
}

.PonudaList1 li a {
   font-size: 17px;
   color: #000;
   font-weight: normal;
   text-decoration: none;
   display: block;
}

.PonudaList1 li a:hover {
   font-size: 17px;
   color: #000;
}

.PonudaList1 li.Selected {
	background-color: #fcf640;
	border: 1px solid #cdcdcd;
}

/*NIVO 1*/
.PonudaList1 li ul {
	margin: 10px 0 -8px -16px;
   padding: 0;
   width: 240px;
}

.PonudaList1 li ul li {
	background-color: #FFFFFF;
   border: 1px solid #CDCDCD;
   padding: 5px 15px;
   width: 208px;
}

.PonudaList1 li ul li:hover {
	background-color: #F4F4F4;
   border: 1px solid #CDCDCD;
}

.PonudaList1 li ul li a {
   font-size: 14px;
}

.PonudaList1 li ul li a:hover {
   font-size: 14px;
}
/*NIVO 1*/



/*NIVO 2*/
.PonudaList1 li ul li ul {
	margin: 10px 0 -8px -16px;
   padding: 0;
   width: 240px;
}

.PonudaList1 li ul li ul li {
	background-color: #FFFFFF;
   border: 1px solid #CDCDCD;
   padding: 5px 30px;
   width: 178px;
}

.PonudaList1 li ul li ul li:hover {
	background-color: #F4F4F4;
   border: 1px solid #CDCDCD;
}

.PonudaList1 li ul li ul li a {
   font-size: 14px;
}

.PonudaList1 li ul li ul li a:hover {
   font-size: 14px;
}
/*NIVO 2*/



/*NIVO 3*/
.PonudaList1 li ul li ul li ul {
	margin: 10px 0 -8px -31px;
   padding: 0;
   width: 240px;
}

.PonudaList1 li ul li ul li ul li {
	background-color: #FFFFFF;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
   margin: -1px 30px;
   padding: 5px 15px;
   width: 179px;
}

.PonudaList1 li ul li ul li ul li:hover {
	background-color: #F4F4F4;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
}

.PonudaList1 li ul li ul li ul li a {
   font-size: 14px;
}

.PonudaList1 li ul li ul li ul li a:hover {
   font-size: 14px;
}
/*NIVO 3*/



/*NIVO 4*/
.PonudaList1 li ul li ul li ul li ul {
	margin: 10px 0 -8px -31px;
   padding: 0;
   width: 240px;
}

.PonudaList1 li ul li ul li ul li ul li {
	background-color: #FFFFFF;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
   margin: -1px 30px;
   padding: 5px 15px;
   width: 165px;
}

.PonudaList1 li ul li ul li ul li ul li:hover {
	background-color: #F4F4F4;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
}

.PonudaList1 li ul li ul li ul li ul li a {
   font-size: 14px;
}

.PonudaList1 li ul li ul li ul li ul li a:hover {
   font-size: 14px;
}
/*NIVO 4*/



/*NIVO 5*/
.PonudaList1 li ul li ul li ul li ul li ul {
	margin: 10px 0 -8px -31px;
   padding: 0;
   width: 240px;
}

.PonudaList1 li ul li ul li ul li ul li ul li {
	background-color: #FFFFFF;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
   margin: -1px 30px;
   padding: 5px 15px;
   width: 151px;
}

.PonudaList1 li ul li ul li ul li ul li ul li:hover {
	background-color: #F4F4F4;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
}

.PonudaList1 li ul li ul li ul li ul li ul li a {
   font-size: 14px;
}

.PonudaList1 li ul li ul li ul li ul li ul li a:hover {
   font-size: 14px;
}
/*NIVO 5*/



/*NIVO 6*/
.PonudaList1 li ul li ul li ul li ul li ul li ul {
	margin: 10px 0 -8px -31px;
   padding: 0;
   width: 240px;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li {
	background-color: #FFFFFF;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
   margin: -1px 30px;
   padding: 5px 15px;
   width: 137px;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li:hover {
	background-color: #F4F4F4;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li a {
   font-size: 14px;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li a:hover {
   font-size: 14px;
}
/*NIVO 6*/



/*NIVO 7*/
.PonudaList1 li ul li ul li ul li ul li ul li ul li ul {
	margin: 10px 0 -8px -31px;
   padding: 0;
   width: 240px;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li ul li {
	background-color: #FFFFFF;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
   margin: -1px 30px;
   padding: 5px 15px;
   width: 123px;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li ul li:hover {
	background-color: #F4F4F4;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li ul li a {
   font-size: 14px;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li ul li a:hover {
   font-size: 14px;
}
/*NIVO 7*/



/*NIVO 8*/
.PonudaList1 li ul li ul li ul li ul li ul li ul li ul li ul {
	margin: 10px 0 -8px -31px;
   padding: 0;
   width: 240px;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li ul li ul li {
	background-color: #FFFFFF;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
   margin: -1px 30px;
   padding: 5px 15px;
   width: 123px;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li ul li ul li:hover {
	background-color: #F4F4F4;
   border-bottom: 1px solid #CDCDCD !important;
   border-left: medium none;
   border-right: medium none;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li ul li ul li a {
   font-size: 14px;
}

.PonudaList1 li ul li ul li ul li ul li ul li ul li ul li ul li a:hover {
   font-size: 14px;
}
/*NIVO 8*/

/*//////////LIJEVI IZBORNIK//////////*/



.BoxeviContent {
	width: 700px;
	margin: 20px 0;
}

.BoxeviMali {
	width: 158px;
	margin: 0 20px 20px 0;
	float: left;
	background-color: #fff;
	border: 1px solid #bebebe;
	position: relative;
}

.arrow {
	background: url("../img/arrow-icon.png") no-repeat 0 0;
	z-index: 1212;
	width: 9px;
	height: 5px;
	position: absolute;
	margin: -1px 0 0 10px;
}

.BoxeviMali p {
	border-bottom: 1px solid #BEBEBE;
   padding: 6px 8px;
   height: 38px;
   overflow: hidden;
}

.BoxeviMali p a {
   color: #000000;
   font-size: 16px;
}

.BoxeviMali p a:hover {
   color: #3f3f3f;
   font-size: 16px;
}

.boxevi-mali-margin {
	margin: 0 0 20px 0 !important;
}

.BoxeviPNG {
	background: url("../img/box-small-transparent.png") repeat 0 0 transparent;
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 5px;
	position: absolute;
	width: 148px;
}

.BoxeviPNG:hover {
	color: #fff;
}

.UvodniTekst {
	width: 668px;
	background-color: #fff;
	border: 1px solid #bebebe;
	padding: 15px;
	margin: 0 0 20px;
	clear: both;
	height: auto;
	display: inline-block;
}

.UvodniTekst h2 {
	font-size: 22px;
	color: #000;
}

.UvodniTekst p img {
	margin: 5px 10px 5px 0;
	max-width: 660px;
}



footer {
 	background: url("../img/footer-bg.png") repeat-x scroll 0 0 transparent;
   border: 1px solid #D1D1D1;
   box-shadow: 0 0 5px #DADADA;
   clear: both;
   height: 14px;
   margin: 30px 0;
   padding: 22px 15px;
   width: 928px;
}

.copyright {
	width: 500px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #3f3f3f;
}

.copyright a {
	font-size: 12px;
	color: #000;
}

.copyright a:hover {
	font-size: 12px;
	color: #000;
}

.developed {
	position: absolute;
	margin: -40000px;
}

.MainWhiteRightContainer {
	width: 668px;
	background-color: #fff;
	border: 1px solid #bebebe;
	padding: 15px;
	margin: 0;
	clear: both;
}

.MainWhiteRightContainer h1 {
	border-bottom: 1px solid #CDCDCD;
	padding: 0 0 5px;
	margin: 0 0 15px;
}

.MainWhiteRightContainer h2 {
	border-bottom: 1px solid #CDCDCD;
	padding: 0 0 5px;
	margin: 0 0 15px;
	font-size: 20px;
	clear: both;
}

.MainWhiteRightContainer p img {
	padding: 0 10px 10px 0;
}

.MainWhiteRightContainer ul {
	margin: 0 0 0 16px;
}

.Galerija {
	width: 668px;
}

.Galerija img {
	margin: 0 6px 15px 0;
}

img.GalerijaIMG-margin {
	margin: 0 0 15px 0 !important;
}

a.DownloadTxt {
	color: #000;
	margin: 12px 0 0;
	display: block;
}

a.DownloadTxt:hover {
	color: #3f3f3f;
}

a.DownloadTxt img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.MainWhiteRightContainer h1, .DodajGumb {
	display: block !important;
	vertical-align: middle !important;
}

.DodajGumb {
	float: right;
	text-align: right;
}

.DodajGumb a, img {
	vertical-align: middle;
}

.DodajGumb img {
	margin: 0 5px 0 0;
}

.Kategorija-fotka-glavna {
	width: 668px;
	height: 286px;
	padding: 0 0 15px;
}

/*Narudzba aplikacija*/
.ShopChart {
	width: 668px;
	margin: 15px 0 0;
}

.HeadShopTR {
	background-color: #FFFEE3;
	border: 1px solid #B2B2B2;
	font-weight: bolder;
	height: 30px;
}

.TDPaddShop {
	padding: 10px 0;
}
/*Narudzba aplikacija*/

.Kontakt-Forma {
	margin: 30px 0;
}

.karta {
	border: 1px solid #7f7f7f;
}

.Novosti-uvodne {
	width: 668px;
	background-color: #fff;
	border: 1px solid #bebebe;
	padding: 15px;
	margin: 0 0  20px;
	clear: both;
}

.Novosti-uvodne h2 {
	font-size: 22px;
	color: #000;
}

.Novosti-uvodne h2 a {
	font-size: 22px;
	color: #000;
}

.Novosti-uvodne h2 a:hover {
	font-size: 22px;
	color: #000;
}

.Novosti-uvodne img {
	float: left;
	margin: 5px 12px 10px 0;
	max-width: 660px;
}

a.novosti-opsirnije-gumb {
	background-color: #F9F8EB;
    border: 1px solid #CDCDCD;
    display: block;
    margin: 5px 0 0;
    padding: 5px;
    text-align: center;
    width: 78px;
    clear: both;
}

.active {
	font-weight: bolder;
}

#hist{clear: both; float: left;}