/* MOBILE CSS */
*{
	padding:0px;
	margin:0px;
	color:#444;

}
HTML{	
	width:100%;
  overflow-y: scroll;
}
BODY {
	width:100%;
	font-size:14px;
    font-family: 'Open Sans', sans-serif;
}
img {
    display:block;
    width:100%;
}
a{text-decoration:none;outline:none;}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
.icons, .index .searchDugme {font-family: icons;}
.zaglavlje_content {background:#fff;position: fixed; height: 60px; width: 100%; z-index: 1000; border-bottom:1px solid #ddd }

/* DISPLAY NONE */
.absoluteBoxLinks{display: none;}
.hoverOn{display: none;}
.top_baner, .CatTrackNav{display:none;}
.wrapperTraka {display: none}
.flyOutMenu {display: none;}
.back_down{display: none;}
.navAbc {display: none}
.nest_info{display: none}
.nest_img{display: none}
.sideCatNav.homeMenu {display: none}
.mobSlider, .userBar, .tempNewAction, .temppreporuka, .tempBlog, .productPrice, .jssort01, .compareProd,
.wishListBar, .mobileBanner{display: none}
.wrapperContent-desktop,.naslovTabelaArtikala{display: none}
.tabelaKarakteristika{display: none}

#noticeImportant{
	position: fixed; bottom:0;left:0;right:0; z-index: 100; background:#fc3; padding: 10px; box-sizing: border-box;font-size:10px
}
#pageTitle, .catTitle, .naslov_kategorije, .proizvodjac
{text-align: center;color: #d44;font-size: 21px;padding: 25px 0 10px 0;font-weight: lighter}
#coll_left{}
.catid_18 .oblast_sadrzaja, .catid_20 .oblast_sadrzaja{display: flex; flex-direction: column}
.catid_18 .oblast_sadrzaja #coll_left, .catid_20 .oblast_sadrzaja #coll_left{order: 2}
.catid_18 .oblast_sadrzaja #coll_middle, .catid_20 .oblast_sadrzaja #coll_middle{order: 1;}

.onama .oblast_sadrzaja #coll_left .bocniMeniStrane li{list-style: none; margin: 10px 0; background: #d44;
padding: 10px; box-sizing: border-box;}
.onama .oblast_sadrzaja #coll_left .bocniMeniStrane li a{color: #fff; font-size: 15px; display: block;
width: 100%;}
.onama .oblast_sadrzaja #coll_left .bocniMeniStrane .markerStrane{background: #666666}
.onama .oblast_sadrzaja #coll_left .bocniMeniStrane .markerKategorije{background: #666666}

.onama .lastchild .prikazi ul li{background: none!important; border-bottom: 1px solid #fff}
.onama .lastchild .prikazi ul li a{font-size: 14px!important;}
.onama .lastchild .prikazi >a {border-bottom: 2px solid; padding: 10px 0!important;}

.onama .oblast_sadrzaja #coll_left .bocniMeniStrane li ul{display: none;}
.onama .pageBody p{line-height: 1.4em; margin-top: 10px;}
.onama .pageBody li{margin-top: 10px; line-height: 1.4em;}
/* HEADER */

.mob_main_menu {position:absolute;top:10px;right:25px;padding:2px 4px;box-sizing:border-box;}
.mob_main_menu:after {content:"\f0c9";font-family:icons;font-size:27px;color:#444;}
.logo{width: 150px; position: fixed; left: 30% }
.logo img{width: 100%; display: block; padding: 0px 0 0 10px; box-sizing: border-box;}
.logo a{display: block; width:  100%;}

.glavni_meni {display: none;}
.glavni_meni {width: 100%; background: #fff; padding: 10px 0px;border-bottom: 1px solid #eee; 
    position: fixed; top: 65px; z-index: 9;
box-shadow: 0px 1px 1px 0px #eee}
.katalog .glavni_meni{width: 100%; background: #fff; padding: 10px 0px;border-bottom: 1px solid #eee; 
    position: fixed; top: 60px; z-index: 9;
box-shadow: 0px 1px 1px 0px #eee}
.glavni_meni ul{width: 100%; margin: auto;}
.glavni_meni li{padding-top: 20px; display: block; text-align: center; font-weight: lighter;font-size: 20px; border-top: 1px solid #eee; }
.registrator .glavni_meni { position: fixed;top: 60px}

.korpa{width: max-content}
.korpa ul{box-sizing: border-box;list-style: none;}
.korpa a {display: block; width: 100%; }
.korpa li .icons {color:#fff;}
.korpa li:nth-child(1){position: fixed; left: 20px; top:10px;}
.korpa li:nth-child(2){position: fixed; right: 65px;  top:10px;}
.korpa li img{width: 30px; height: 30px; /*! filter: invert(1) */}
#brojProizvoda { position: absolute; right: -10px!important;; top: -8px!important;;background: #fff;color:#aa3333;font-size:15px;border-radius:30px; padding: 4px; width:22px; height: 22px;
    box-sizing: border-box; }
/*SEARCH*/

.suggestionList {background: #fff;  width: 100%; display: block; box-sizing: border-box;}
.suggestionList > li{display: flex; flex-grow: 1; flex-basis: 0;}
.catalog_search{background: #fff; border-top: 1px solid #ddd;width: 100%; height: 60px;
	padding: 5px 30px; box-shadow: 2px 2px 5px 2px #ddd ;box-sizing: border-box;display: block;position:fixed; top: 60px; z-index: 1000
}

#autoSuggestionsList{ z-index: 1; position: absolute;  width: 100%; left: 0; right: 0; }
#brzi_pretrazivac {display:block ; width: 100%; }
#brzi_pretrazivac .suggestionList{padding: 20px 0;box-shadow:1px -1px 3px 1px #ccc;width: 98%;
margin: auto; height: 600px; overflow-y: scroll; background: #eee}
#brzi_pretrazivac .suggestionList li{ margin: auto; border-bottom: 1px solid #fff;
}
#brzi_pretrazivac .suggestionList li div{width: 100%; padding: 5px 10px}
#brzi_pretrazivac .suggestionList li div h3{ padding: 5px;}
#brzi_pretrazivac .suggestionList li img{object-fit: contain;max-height:76px; width: 20%}
#inputString {padding: 15px;width: 90%; height: 30px;box-sizing: border-box;
	border:none; border-bottom:1px solid #999;bbackground: transparent; }
.searchDugme {font-size: 20px  }

/*HOME*/

.registrator .glavni_meni{top: 10px}
.index .oblast_sadrzaja{width: 100%}
.oblast_sadrzaja{width: 90%; padding: 1px 0;box-sizing: border-box; margin: auto; }
.blok_pet{display: flex; justify-content: space-between; margin-top: 10px}
.blok_pet>div{background: #f3eed9; width: 19%;text-align: center}
.blok_pet > div a h3{font-size: 12px;text-align:center; padding:5px;}
.blok_pet > div h4{color: #798897}
.blok_pet > div a .icons {color:#dd4444 ; font-size: 20px; box-sizing: border-box; width: 100%;
display: block;text-align: center; padding-top:5px;}
.blok div p{display: none}

.homePageBottom {position: relative;display: block; margin: 20px 0 60px 0; padding-top: 30px; box-sizing: border-box}
.homePageBottom .image{width: 100%}
.homePageBottom .kratakOpis{position: absolute; bottom: 0px; right: 0px; 
	max-width: 220px;max-height: 200px;
	text-align: center;; 
    background: rgba(255,255,255,.9); box-sizing:  border-box; border: 1px solid #eee; _padding: 10px 0 10px 10px;}
.homePageBottom .kratakOpis  h3, .homePageBottom .kratakOpis  p{ padding: 4px 0; box-sizing: border-box;}
.homePageBottom .dugmeVise a{box-sizing: border-box; position: absolute; background: #d44; 
	bottom: -50px; left:80px; padding: 10px 85px; color: #fff;}


.index .izdvojeneAkcije ul > li{padding: 0 10px; box-sizing: border-box }
.izdvojeneAkcije h2{font-size: 25px; margin-top: 70px}
.izdvojeneAkcije {margin: 30px auto; }
.izdvojeneAkcije ul{display: flex;overflow-x: scroll;overflow-y:hidden; width: 100%;
	border-top: 1px solid #ccc; border-bottom:1px solid #ccc }
.izdvojeneAkcije ul > li{ display: block; flex-grow: 1; flex-basis: 0;  
	 height: 350px;
	padding: 10px 30px;box-sizing: border-box;}
.izdvojeneAkcije li{ padding:10px 5px; box-sizing: border-box;; border-right: 1px solid #ccc; _width: 100%}
.izdvojeneAkcije .tekstAkcijaLink div{margin: 5px 30px 10px 0}
.izdvojeneAkcije .tekstAkcijaLink .tekstAkcija {width: 100%; line-height: 1.4em}
.listaAkcija {position: relative;}
.tekstAkcija span{position: absolute; bottom: 1px; width: 100%;}

.glavni {display: block; padding: 0 5px; box-sizing: border-box;}
.glavni h2{margin: 20px 0}
.glavni p, h4, h3{padding: 5px 0; line-height: 1.4em;}
.glavni .okvir_slike{position: relative;}
.glavni .okvir_slike .slikaLevo:before{content: ""; color: red;position: absolute;height:0;  width:0; left: 20px;bottom: 0;  display: inline-block;  border-right:45px solid transparent; border-top:40px solid transparent; border-bottom:40px solid #fff;border-left:  45px solid transparent;box-sizing: border-box;}
.glavni .okvir_slike .slikaDesno:before{content: ""; color: red;position: absolute;height:0; width:0;right: 20px;top: 0; display: inline-block; border-right:45px solid transparent; border-top:40px solid #fff; border-bottom:40px solid transparent;border-left:  45px solid transparent; box-sizing: border-box;}
.divTop {border-bottom: 1px solid #ccc; padding: 20px 0}
.divBottom{margin-bottom: 20px}
.prodInfo.prodTableRight{margin: 20px 0 20px 10px}
.prodSlika{position: relative;}
#listaProizvoda {display: flex; overflow-x: scroll;overflow-y: hidden; border-top:1px solid #ccc;border-bottom:1px solid #ccc ;
	width: 100%; margin-bottom:10px}
#listaProizvoda li .catalogueThumbLink {display: block;  width: 200px; height: 200px}
#listaProizvoda >li{margin: 0 5px; border-right: 1px solid #ccc; height: 350px; box-sizing: border-box; position: relative}
#listaProizvoda >li .catalogueThumbLink img {height: auto; width: 100%}
#listaProizvoda .handle{width: 10px; position: absolute; top: 0; right: 10px}
.action #listaProizvoda{overflow: hidden; border: none; display: block;}
.action #listaProizvoda li{border: none}


/*ORDER BOX*/
.orderBox{display: none; text-align: center; position: fixed; top:100px; background: #aaa;
z-index: 1000; border:1px solid #ddd; width:96%; left:2%; padding:10px; box-sizing:border-box;
box-shadow: 5px 5px 10px #ccc;}
.orderBox .tableWrapper table td{width: initial}
.orderBox table{display: block; width: 100%}


.proizvod .poruciButton{background:#fff;width: 200px; padding: 15px 10px; margin:0 auto;
	box-sizing: border-box; 
text-align:center; text-transform: uppercase; } 
.proizvod .poruciButton span{color: #d44; font-size: 20px; font-weight: bold; display: block; margin-top: 5px}
.orderBox .back_up{width:50px; height: 30px; font-size: 30px; color:#fff;
text-align: left}
.orderBox input{font-size: 14px}
.orderBox .tableWrapper table{display: table;border-collapse: collapse }
.orderBox .tableWrapper tr{display: table-row; background: #fff}
.orderBox .tableWrapper td{display: table-cell; border:1px solid #ccc!important;}
.orderBox .tableWrapper td .cenaNarudzbenica{font-size: 22px; color: #d44}



.onama .catShortDesc{line-height: 1.4em}


.wrapperContentwrapMobile .proizvodjac-mob{display: flex; flex-wrap: wrap}
.wrapperContentwrapMobile .proizvodjac-mob li{width: 32%; padding: 10px; box-sizing: border-box}

.homePageMiddle h2{margin-top: 40px}
.homePageMiddle .box {display: flex;margin: 20px auto; justify-content: space-between}
.homePageMiddle .box >div {border: 1px solid #eee; padding: 5px; width: 28%}
.homePageMiddle .box >div img{width: 100%}

/*KONTAKT*/

.pageKontaktMapa{}
.pageKontaktMapaText{text-align: left; padding: 0 0 10px 10px; box-sizing: border-box}
.pageKontaktMapaText h3, .pageKontaktMapaText h4, .pageKontaktMapaText h4 a {color: #555}
.pageKontakt{width: 100%}
.pageKontaktMapa {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px; 
    box-sizing: border-box;
    overflow: hidden;
}
.pageKontaktMapa >div{position: relative}
.slikaKontakt{position: relative}
.slikaKontakt img{width: 100%;}

.pageKontaktMapa #gmap_canvas{height: 300px;display: block; padding: 20px 0; box-sizing: border-box}
.pageKontaktInfo {width: 100%; margin: auto; padding: 0 10px; box-sizing: border-box }
.pageKontaktInfo a{
    cursor: pointer;
    text-decoration: none;
	color: #fff!important;
}

.pageKontaktInfo p {
    line-height: 2em;
    text-align: left; 
    border: 1px solid #eee;
    padding: 3px 5px;
    margin: 0 auto
}
.pageKontaktInfo p:nth-child(1){font-size: 15px; padding: 20px 0; width: 100%; border:none}
.pageKontaktInfo div div:nth-child(2) p a {color: #444!important;}
.pageKontaktInfo div div:nth-child(2) p:after{content: "\f019"; font-family: icons; margin-left: 8px}
/*PAGES*/
.index .pageBody{padding-top: 15px;}
#pageBody {width: 100%; margin: auto;  box-sizing:border-box; padding-bottom: 20px; }
#pageBody li{list-style: none;}
#pageBody ul {padding: 10px 0;}
.index #coll_middle {padding: 0 10px;}
#coll_middle {margin:100px auto 10px; box-sizing:border-box; padding-bottom: 20px; }
#coll_middle li{display: block;}
h1, h2, h3{font-weight: normal;}
.oNama p{line-height: 1.5em;}
.oNama img{position: relative; margin:5px 0}
.oNama .textUnutrasnji{position: absolute; z-index: 1; background: rgba(255,255,255,.3);
	padding:  15px 5px; box-sizing: border-box; color: black;  width:88%}
.akcijeCat .info .publish_date{display: none;}
.akcijeCat .info p{padding: 10px 0px; box-sizing: border-box;}
.akcijeCat .info span{padding: 10px 0px; box-sizing: border-box; line-height: 25px}
.akcijeCat .info{margin-bottom: 20px; border-bottom: 1px solid #eee; padding: 10px; box-sizing: border-box}
.box {display: flex; justify-content: space-around}
.box >div{width: 30%; margin: 20px auto}
#gmap_canvas {width: 100%; height: 400px }
iframe {width: 100%; height: 100%;position: absolute; left: 0; top: 0;right: 0;padding: 5px; box-sizing: border-box}
.dodatneUsluge h4{font-weight: normal; font-size: 17px; margin: 10px 0 4px 0}
.dodatneUsluge{padding: 5px; box-sizing: border-box; margin-top: 10px}
.dodatneUsluge p{line-height: 20px; }
.akcije{padding: 10px; box-sizing: border-box}
.akcije h3{padding-top: 10px; text-align: center;}
.akcije ul{margin-top: 10px}
.akcije .slika {width: 100%!important; margin: auto}
.akcije .slika img{width: 100%!important; height: auto!important;}
.akcije ul li{padding-top: 10px;}
.akcije p{margin-top: 10px;line-height: 1.7em}
.action {line-height: 1.6em}
.news .info{line-height: 25px}
.novostiG, .oNama{width: 100%; margin: auto; line-height: 25px}
.novostiG p, .oNama p{margin-top: 15px}


/*ONAMA*/
.timBeograd .podaciNasTim div, .timNoviSad .podaciNasTim div, .timNis .podaciNasTim div{
	border: 1px solid #ccc; margin:10px auto; padding: 10px; width: 100%;
}
.timBeograd h2, .timNoviSad h2, .timNis h2{text-align: center; font-size: 15px; padding-bottom: 0; margin-top: 10px}
.timBeograd h4, .timNoviSad h4, .timNis h4{color: #d44}
.timBeograd p, .timNoviSad p, .timNis p{line-height: 1.5em}

/*KATALOG PROIZVODA*/

.katalog_navigacija {display: none}
.kategorije {padding: 40px 0; box-sizing: border-box; /*! background: #eee; */}
.subcatsInCat{display: none}
.kategorije .cat_item {display: block; width: 100%; margin: auto;  margin-top: 10px}
.kategorije .cat_item a:nth-child(2) {display: block;padding-top: 10px; text-align: center;
    font-size: 18px; font-weight: lighter}
.kategorije .cat_item .catImage img{ width: 100%; height: auto  }

.oblast_kataloga .katalog_prikaz #listaProizvoda {display: block; width: 100%; border: none;}
.oblast_kataloga .katalog_prikaz #listaProizvoda li {display: block;border: none; margin-top:10px; width: 100%;}
.oblast_kataloga .katalog_prikaz #listaProizvoda li .catalogueThumbLink
{width: 200px;height: 200px; display: block; margin: 0 auto;}
.oblast_kataloga .katalog_prikaz #listaProizvoda li .catalogueThumbImage {width: 100%; display: block;}
.oblast_kataloga .katalog_prikaz #listaProizvoda li .catalogueTextLink
{width: 100%;display: block;margin: 10% auto 0; }
.oblast_kataloga .katalog_prikaz #listaProizvoda .handle{width: 10px}
/*PROIZVODI*/
.katalog_prikaz .proizvod {width: 100%;margin: auto}
.katalog_prikaz .proizvod .naslovTabelaArtikala{font-size: 18px; margin-bottom: 10px}
.katalog_prikaz .proizvod  .msg_napomena{ margin-bottom: 15px; font-weight: bold; font-size: 12px; display: none}
.katalog .proizvod .boksNalsov {font-size: 20px; text-align: center; }
.katalog_prikaz .proizvod .proizvodjac{width: 300px;}
.katalog_prikaz {width: 100%; margin: 55px auto 0; line-height: 2em; padding: 40px 0 0 0  }
.prodOpis h1, h2{font-size: 21px; padding: 5px 0 10px 0; box-sizing: border-box}
.prodOpis .prodDescription  br{display: none}
.prodOpis .prodDescription li{padding-top: 5px; font-size: 16px;}
.tabelaArtikala table td, th{ border: 1px solid #ccc; padding: 5px 8px; box-sizing: border-box }
.poruciArtikal span{font-size: 20px; color: #d44}
.tabelaArtikala table{border-collapse: collapse; margin: 15px 0; }
.poruciButton{background: #d44; margin: 20px auto; padding:5px 10px; width: 100%; box-sizing: border-box; cursor: pointer }
.poruciButton span{color: #fff; font-size: 16px; font-weight: lighter}
.oblast_kataloga{margin-top:100px; /*! background: #eee; */ width: 100%;  }
.articalTitle{line-height: 1.5em; font-size: 12px}

.katalog .proizvod .prodTableTop{}
.katalog .proizvod .prodTableTop .proizvodjac{margin: auto; width: 180px}
.docVrsta3{position: relative;}
.docVrsta3 a{color: #666}
.docVrsta3:after{content: "\f019"; position: absolute; right: 10px;font-size: 16px; font-family: icons; color:#777;}

.katalog .proizvod .prodTableLeft .prodSlika img{width: 100%; display: block}
.katalog .proizvod .prodTableRight h1, .katalog .proizvod .prodTableRight h2 {font-size: 20px; 
text-align: center;
margin: auto;}
.relatedProdsCnt{width: 100%; margin: auto; 
padding: 20px 0}
.relatedProdsCnt .relatedProdsTitle {text-align: center; font-size: 18px; 
color: #d44;; font-weight: normal}



/*DOWNLOAD*/
.nestview >li{border-bottom: 2px solid #ccc; padding-top: 10px}
.nestview >li:last-child{border-bottom: none}
.nestview .pages{display: flex; flex-flow: wrap; width: 90%; margin: auto}
.nestview .pages .page-pID {width: 160px; margin-left: 10px}
.nestview .pages .page-pID h2{font-size: 16px; margin-top: 10px; }
.nestview .pages .page-pID .img a{display: block; width: 100%}
.nestview .page-pID img{border: 1px solid #ccc}
.downloadSection{display: flex; padding-top: 20px}
.downloadSection >.page-cID{width: 160px; margin: auto}
.downloadSection .page-cID .img {width: 100px; text-align: center; margin: auto}
.downloadSection .page-cID h2{text-align: center; margin-top: 10px;}

/*REGISTRATOR*/
/*
.registratorLinkovi{display: none;}
#myaccount_style{ margin-top: 60px}
.contentTABLE h1{font-size: 26px}
#ulogujte_se{margin: 0 0 10px;}
#ulogujte_se h3{font-size: 20px}
#ulogujte_se input{width: 100%; height: 35px; margin: 5px 0; padding: 5px; box-sizing: border-box;
	border:1px solid #ccc}
#ulogujte_se label{font-size: 14px; margin: 10px 0 0; display:block}
#ulogujte_se #dugme_login{width: 30%; display: block; background: #ccc; color: #444; padding: 5px 10px;
	box-sizing: border-box; height:30px; border:1px solid #a6a6a6; margin: 10px auto}
#myaccount_style div:last-child{font-size:12px}
*/

/*********wishlistDisplay****************/
#wishlistDisplay{background: #fff;border:2px solid #ddd; width: 100%; 
	box-sizing: border-box; display:flex; flex-wrap:wrap;  }
#wishlistDisplay .tableDiv{width: 100%}
#wishlistDisplay table{ width: 100%; display:flex; flex-wrap:wrap}
#wishlistDisplay .hederBoksa{position:relative ;font-size:var(--fn);padding:10px;color:#f3f3f3; 
	background:#d44;display: flex; justify-content: space-between;
align-items:center; flex-wrap:wrap; width:100%}
#wishlistDisplay .hederBoksa span{color: #f3f3f3; margin-right: 10px }
#wishlistDisplay  tbody{border-collapse: collapse;display:flex; width:100%;
border-top: 1px solid #ddd; flex-wrap: wrap }
#wishlistDisplay tbody tr{display: flex;flex-direction: column;
	width:100%; border-bottom:1px solid #ddd; 
	text-align: center; margin:5px 0}
#wishlistDisplay th{border: none; }
#wishlistDisplay td, #wishlistDisplay th{padding:5px 5px;box-sizing: border-box; 
	font-size: 16px!important;;display:flex; flex-direction:column}
#wishlistDisplay tr:first-child{display: none}
#wishlistDisplay .coll_image img{display: block; width: 100px; margin:auto}
#wishlistDisplay td input{width:44px;margin: auto;}
#wishlistDisplay p{color:#505050;}
#wishlistDisplay .boxRight{font-size:18px;padding:8px 0 12px 0}
#wishlistDisplay .boxLeft{color:#0077be;}
.overallPrice{padding:4px 12px;text-align: center; margin: auto}
#wishlistDisplay .wishlistBack, #wishlistDisplay .wishlistTitle{
	display: inline-block;
}
#wishlistDisplay button{border: none; background: transparent}
#wishlistDisplay .fa{font-size: 24px}
#napomenaFakture #sendNotice{padding:8px;box-sizing: border-box}
#wishlistDisplay .wishlistBack{
padding: 4px 12px; border:1px solid #f3f3f3; border-radius:8px;
}
#napomenaFakture{display: none; margin-top:20px}
#wishlistDisplay .wishlistBack span{
	font-size:15px
}
#wishlistDisplay .wishlistTitle{
	font-size:16px; display: block;width: 100%; margin: 10px 0
}
#wishlistDisplay .porukaObavestenja{
	color:#777; margin: auto
}

#wishlist_buttons{display: none;}






#myaccount_style #wishlist_buttons .WSicoPrint,
#myaccount_style #wishlist_buttons .WSicoPrintPhoto,
#myaccount_style #wishlist_buttons .WSicoPrintCSV
{display: none}
#myaccount_style {margin:0 auto;padding: 70px 5px 50px 5px;box-sizing: border-box;}
#myaccount_style .contentTABLE{width: 100%; table-layout: fixed;}
#myaccount_style .contentTABLE>tbody>tr{ display:flex;  flex-direction: column;}
#myaccount_style .contentTABLE #wishlistDisplay tr th:nth-child(2){display: none}
#myaccount_style .contentTABLE #wishlistDisplay tr td:nth-child(2){display: none}


#myaccount_style .contentArea .messages_NOTE p{margin-top: 15px; line-height: 1.4em}
#myaccount_style .contentArea .registracijaCnt .imate_nalog_dugme{margin: auto; text-align: center}
#myaccount_style .contentArea{ width: 100%; }
#myaccount_style .contentArea .messageWarning{margin: 15px 0; text-align: center;}
#myaccount_style .contentArea .messageAlert {font-size: 16px; line-height: 1.3em}
#myaccount_style .contentArea .messageAlert span{margin-top: 10px; display: block;}

#myaccount_style .contentArea .myAcc_container strong{}
#myaccount_style .contentArea .myAcc_container span{background: #ddd; padding: 10px;display: block; margin: auto; width: 200px;
border-radius: 20px}
#myaccount_style .menuArea { width: 100%; }
#myaccount_style .menuArea li{margin:4px auto;text-align: center; list-style: none}
#myaccount_style .menuArea li a{padding:12px 14px; display: block; width:88%;margin: auto; border:1px solid #ccc;box-sizing: border-box }
#myaccount_style #wishlistDisplay .registratorTabela tbody tr td{border: 1px solid #ccc;}
#myaccount_style #wishlistDisplay .registratorTabela tbody tr td:nth-child(3) {font-size: 13px; padding:  6px 5px 6px 4px; box-sizing: border-box;}
#myaccount_style #wishlistDisplay .registratorTabela { border-collapse: collapse}
#myaccount_style #wishlistDisplay #itemqty_1834 {width: 70px; border: none;
    box-sizing: border-box;}
.contentTABLE .myAcc_container .f_input {background: #ddd;
padding: 10px;
display: block;
margin: auto;
width: 200px;
border-radius: 20px;
border-top: none; border-left:none}
#myaccount_style h1{ padding: 20px 0 0 0;text-align: center;}

#myaccount_style h3{ padding: 20px 0;text-align: center;}
#myaccount_style label{display: block;margin: 10px 0 4px 0;}

#myaccount_style a{color: #444;}

#myaccount_style input{text-align: center;padding: 10px 8px;}
#myaccount_style #potvrda{transform: scale(2.6); margin:20px}
.app_field_unos{display:block;margin:0 auto 4px auto;}
.forgot_pass_btn{background:#d44;border-radius: 3px;border:none;color:#fff;width:130px;}
#myaccount_style #ulogujte_se{text-align: center;}
#myaccount_style #ulogujte_se h3, #myaccount_style #registrujte_se h3{color: #d44; text-transform: uppercase; font-size: 22px}
#myaccount_style #ulogujte_se input{width: 80%;}

#myaccount_style #registrujte_se{text-align: center;}
#myaccount_style #registrujte_se input{width: 80%;margin-bottom:4px;}

#myaccount_style #mail_list{width: 10% !important;}

#myaccount_style div:last-child{color: #fff; text-align: center;padding: 20px 0 0 0; margin: auto}
#myaccount_style ul{margin: 0 !important;text-align: left;width: 100%; padding-top:10px;box-sizing:border-box;}

#myaccount_style #dugme_login{background: #d44;color: #fff; letter-spacing: 1px; ;font-size:20px;border: none;border-radius: 2px;margin:22px 0;padding:10px;box-sizing: border-box;}

#myaccount_style h4{color: #555;padding: 0px 0 10px 0;text-align: center;font-size: 18px; font-weight: normal;}

#myaccount_style .buttonUkljuciNapomenu{color: #fff;background: darkorange;padding: 10px;width: 50%;margin: 20px auto 0 auto;text-align: center;border-radius:3px;}
#myaccount_style .buttonNapomena{color: #fff;background: darkorange;padding: 10px !important;;width: 50%;margin: 10px auto;text-align: center;border-radius:3px;}
#myaccount_style .naruciListu{color: #fff;background: #d44;padding: 10px;width: 80%;margin: 10px auto;text-align: center;border-radius:3px;}
#myaccount_style .naruciListu a{color:#fff;}
#myaccount_style .WSicoSendEmail{background: #fff; padding: 7px 15px 4px; box-sizing: border-box; color: #d44!important;}
#myaccount_style .naruciListu label{color: #fff; line-height: 1.4em}
#myaccount_style textarea{width:85%;margin:auto;display: block;}

#snimljeneListe tr th:nth-child(5){display: none}
#snimljeneListe tr td:nth-child(5){display: none}


#snimljeneListe{border-collapse:  collapse; width: 100%; margin:20px auto; display: block;_overflow: hidden;
overflow: scroll; }
#snimljeneListe tbody{overflow: scroll; width: 100%; height: 120px; _overflow: hidden;}
#snimljeneListe tr td {border: 1px solid #ccc; text-align: center; padding: 10px; box-sizing: border-box;}
#snimljeneListe tr td:nth-child(4){width: 10px!important; font-size: 20px; padding: 15px; box-sizing: border-box;}
#snimljeneListe tr td:nth-child(3){width: 10px!important; font-size: 20px; padding: 15px; box-sizing: border-box;}
#snimljeneListe tr td:nth-child(6){width: 10px!important; padding: 15px; box-sizing: border-box;}


/**********moj_nalog**********/
.myAcc_container{width:320px;}
.myAcc_container form fieldset{margin: auto}
.myAcc_container form fieldset{border: 1px solid #ccc!important;}
.myAcc_container img{width: 20px; margin: auto}
.myAcc_container p{text-align: left;padding:0 0 0 22px;line-height: 2;}
.contentTABLE p img{width:20px;height:auto;vertical-align: bottom;}
.passEdit, .passReset{display: block; margin: auto; width: 200px; padding: 5px!important; margin-top: 5px}
#myaccount_style #wishlist_buttons > a{display: block;padding: 10px 0;margin: 2px auto;background: #d44;width: 88%; }
#wishlist_buttons>a{color:#fff}


/*FUTER*/
.oblast_futera {background: #f3eed9}
.footer_container {position: relative; }
.footer_container b{font-size: 17px; color: #555}
.footer_container strong{font-size: 17px; color: #555}
.footer_container li{list-style: none; padding-top: 18px; _border-bottom: 1px solid #fff; box-sizing: border-box; color: #555 }
.footer_navigation{ text-align: center; color: #555}
.footer_navigation a{font-size: 16px; color: #555}
.footer_contact {text-align: center; }
.footer_contact  li a{color: #555}
.footer_info {text-align: center}
.footer_links{margin: auto;text-align: center}
.footer_container .slikaTekst .info {line-height: 1.5em; width: 100%; margin-top: 25px ; box-sizing: border-box;display: block; text-align: center; position: relative; }
.footer_container .slikaTekst .info p{color: #555; padding: 0 10px}
.footer_container .slikaTekst .info img{display: none; width: 12px; height: 12px;position: absolute; right: 17px; bottom: 11px }
.footer_container .logoSlika {padding: 10px 0 20px 0; margin: auto; width: 40%;  box-sizing: border-box;}
.footer_container .logoSlika img{width: 100%;}
.afterBlok{display: flex;; padding-bottom: 5px; width: 90%; margin: auto}
.afterBlok li a{padding-right: 5px;margin-left: 5px;border-right: 1px solid #555; font-size: 0.8rem; color: #555}
.afterBlok li:nth-child(3) a{border: none}

.kontaktStrana #map-canvas{width: 100%; height: 500px}
.kontaktStrana .opisFirme {line-height: 1.6em; font-size: 16px}
.kontaktStrana .informacije-firme >div:nth-child(3) p a{position: relative;text-align: center; display: block; width: 240px; text-align: left; 
    padding: 5px 40px 5px 5px; box-sizing: border-box; border: 1px solid #ddd; }
.kontaktStrana .informacije-firme >div{margin-top: 20px; line-height: 1.5em}
.kontaktStrana .info { padding: 20px ; box-sizing: border-box}
.kontaktStrana .info >div{ margin-bottom: 30px}
.kontaktStrana .info >div p{line-height: 1.4em; margin-top: 2px}
.kontaktStrana .info >div h3{margin-bottom: 10px}
.kontaktStrana .maps{ /*! width: 500px */}
.kontaktStrana .telefon, .kontaktStrana .email, .kontaktStrana .fax, .kontaktStrana .adresa{width: 10px;display: inline; display: inline-block; margin-right: 20px;}
.kontaktStrana .telefon img, .kontaktStrana .email img, .kontaktStrana .fax img, .kontaktStrana .adresa img{width: 20px; margin-top: 2px}