body, html {
	width: 100%;
    height: 100%;
	margin: 0; 
    padding: 0;
	color: #000000;
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
	font-weight: normal; 
    line-height: 1.6;
	letter-spacing: .03em;
	-webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

html{box-sizing:border-box}
*{ box-sizing:border-box; margin: 0; padding: 0; }
*,*:before,*:after{box-sizing:inherit; margin: 0; padding: 0; }
p { margin: 1em 0 1em 0; padding: 0; }

form, input { margin: 0; padding: 0; }
table { border-collapse:collapse; }
a img { text-decoration:none; border:0;}


h1 { font-size: 2.2em; font-family: "Times New Roman",Times,serif; font-weight: normal; color: #000000; text-align: center; margin: 0; padding:0; padding-top: 1.85em; padding-bottom: 0.3em; text-transform: uppercase; letter-spacing: .1em; }
h2 { font-size: 2.2em; font-family: "Times New Roman",Times,serif; font-weight: normal; color: #000000; text-align: center; margin: 0; padding:0; padding-top: 1.7em; text-transform: uppercase; letter-spacing: .1em; }
h3 { font-size: 1.2em !important; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-weight: 700; color: #000000; text-align: left; margin: 0; padding:0; padding-top:1em !important; letter-spacing: .1em; }


#page-wrap { position: relative; width: 100%; margin: 0; padding: 0; text-align: center; }
.page-center { position: relative; xwidth: 77.7em;  width: 1200px;  margin-left: auto !important; margin-right: auto !important; }


#glava-wrap { position: absolute; top: 0px; width: 100%; background: transparent; font-family: "Times New Roman",Times,serif; color: #ffffff;  -webkit-transition:1s all ease; -moz-transition:1s all ease; transition:1s all ease; z-index: 5; }
#glava-wrap a { text-decoration: none; color: #ffffff; }
#glava-wrap.stickyhead { position: fixed; top: 0; width: 100%; color: #000000; background: #ffffff; box-shadow:0 0 10px rgba(0,0,0,0.7); }
#glava-wrap:hover { color: #000000; background: #ffffff; box-shadow:0 0 10px rgba(0,0,0,0.7); }

#glava-zgoraj { position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 0.35em 1.3em 2em 1.3em; background: rgba(0,0,0,0.2); }
#glava-zgoraj:after { position: absolute; right: 1.25em; left: 1.25em; bottom: 0; height: 1px; content: "";  background: rgba(255,255,255,0.2); }
#glava-zgoraj #levo, #glava-zgoraj #desno { display: inline-block; }

#glava-zgoraj .ikona { position: relative; display: inline-block; background-color: transparent; border: none; outline: none; padding: 0.7em 1em; margin: 0; cursor: pointer; color: #ffffff; }
#glava-zgoraj .ikona:hover { border: none; outline: none; }
.facebook { display: inline-block; width: 15px; height: 25px; background-image: url("/images/facebook-w.png"); background-repeat: no-repeat; }
.instagram { display: inline-block; width: 25px; height: 25px; background-image: url("/images/instagram-w.png"); background-repeat: no-repeat; }
.tripadvisor { display: inline-block; width: 24px; height: 25px; background-image: url("/images/tripadvisor-w.png"); background-repeat: no-repeat; background-position: 0 4px; }
.center-rinka { display: inline-block; width: 26px; height: 25px; background-image: url("/images/center-rinka-w.png"); background-repeat: no-repeat; }
.solcavska-panoramska-cesta { display: inline-block; width: 25px; height: 24px; background-image: url("/images/solcavska-panoramska-cesta-w.png"); background-repeat: no-repeat; }
.mobilni-trigger { display: inline-block; width: 25px; height: 25px; background-image: url("/images/mobilni-trigger-w.png"); background-repeat: no-repeat; }
.mobilni-close { display: inline-block; width: 25px; height: 25px; background-image: url("/images/mobilni-close-b3.png"); background-repeat: no-repeat; }

#glava-zgoraj .ikona.trigger { display:none; visibility: hidden; }

#glava-zgoraj #desno { font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 1em; }
.search { display: inline-block; width: 20px; height: 25px; background-image: url("/images/search-w.png"); background-repeat: no-repeat; background-position: 0 4px; }
.dropdown { display: inline-block; width: 13px; height: 25px; background-image: url("/images/dropdown-w.png"); background-repeat: no-repeat; background-position: 0 12px; margin-left: 3px;  }
.jezik { display: inline-block; height: 25px; padding-top: 5px; text-transform: uppercase; }

#glava-wrap .jeziki { position: absolute; left: 0.5em; visibility: hidden;  text-align: left; background-color: #ffffff; list-style-type: none; padding: 0.5em; margin-top: 0.5em; z-index: 10; box-shadow:0 0 10px rgba(0,0,0,0.3); }
#glava-wrap .jeziki li a { color: #000000; font-weight: bold; }

#glava-zgoraj .poravnaj { display: flex; }

#glava-wrap:hover #glava-zgoraj, .stickyhead #glava-zgoraj { background: transparent; }
#glava-wrap:hover #glava-zgoraj:after, .stickyhead #glava-zgoraj:after { background: rgba(204,204,204,1); }
#glava-wrap:hover .facebook, .stickyhead .facebook { background-image: url("/images/facebook-b.png"); }
#glava-wrap:hover .instagram, .stickyhead .instagram { background-image: url("/images/instagram-b.png"); }
#glava-wrap:hover .tripadvisor, .stickyhead .tripadvisor { background-image: url("/images/tripadvisor-b.png"); }
#glava-wrap:hover .center-rinka, .stickyhead .center-rinka { background-image: url("/images/center-rinka-b.png"); }
#glava-wrap:hover .solcavska-panoramska-cesta, .stickyhead .solcavska-panoramska-cesta { background-image: url("/images/solcavska-panoramska-cesta-b.png"); }
#glava-wrap:hover .mobilni-trigger, .stickyhead .mobilni-trigger { background-image: url("/images/mobilni-trigger-b.png"); }

#glava-wrap:hover .search, .stickyhead .search { background-image: url("/images/search-b.png"); }
#glava-wrap:hover .dropdown, .stickyhead .dropdown { background-image: url("/images/dropdown-b.png"); }
#glava-wrap:hover .jezik, .stickyhead .jezik { color: #000000; }

.opened .dropdown { background-image: url("/images/dropdown-w-opened.png"); }
#glava-wrap:hover .opened .dropdown, .stickyhead .opened .dropdown { background-image: url("/images/dropdown-b-opened.png"); }
#glava-wrap .opened .jeziki { visibility: visible; }

#glava-zgoraj .logo { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: 1.4; font-weight: normal; }
#glava-zgoraj .ime { font-size: 2.2em; letter-spacing: .1em; }
#glava-zgoraj .park { font-size: 0.95em; letter-spacing: .45em; opacity: 0.5; }

#menu1 { position: relative; font-size: 1.1em; font-weight: normal; letter-spacing: 0.15em; padding:0; margin: 0; }   	/* glavni */
#glava-wrap:hover #menu1 a, .stickyhead #menu1 a, .stickyhead .logo a .ime, .stickyhead .logo a .park, #glava-wrap:hover .logo a .ime, #glava-wrap:hover .logo a .park { color: #1a1a1a; }


#glavna-slika { position: relative; left: 0px; top: 0px; width: 100%; height: calc(100vh - 195px); background-repeat: no-repeat; background-size:  100% auto; background-position: center top; }



.uvod-glavni { font-size: 1.2em; font-weight: normal; }

.obvestilo {
    position: relative;
    display: block;
    padding: 13px;
/*    border: 1px solid #e2e2e2; */
    background-color: #5aacd9; 
    font-size: 14px;
    letter-spacing: 0.28px;
    line-height: 1.14;
    color: #ffffff;
/*    text-transform: uppercase; */
    margin-bottom: 10px;
}

.obvestilo p { margin: 0; }

/*
#tekaske-proge p {
    position: relative;
    padding-left: 22px;
}

#tekaske-proge p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    background-color: #37df7e;
    border-radius: 100%;
}

#tekaske-proge.obvestilo.obratujejo {
    line-height: 1.5;
}

#tekaske-proge.neobratujejo p::before {
    background-color: #e20d0d;
}

/*----------------------- logotipi ---------------------------------------------*/

#logotipi-wrap { background-color: #141414;  }
.logotipi-seznam { position: relative; display: flex; justify-content: center; flex-wrap: wrap; padding:0; margin: 0; padding-top: 1em; padding-bottom: 1em; list-style-type: none; vertical-align: baseline; }
.logotipi-seznam a { display: block; }
.logotipi-seznam li { margin: 1em; }
.logotipi-seznam li img { display: block; max-height: 160px; }

#logotipi-glavna-slika-wrap { position: absolute; right: 50px; bottom: -40px; height: 80px; z-index: 2; }
#logotipi-glavna-slika-wrap .logotipi-seznam { padding-top: 0; padding-bottom: 0; }
#logotipi-glavna-slika-wrap .logotipi-seznam li { align-self: center; margin-top: 0; margin-bottom: 0; }
#logotipi-glavna-slika-wrap .logotipi-seznam li img { max-height: 80px; -webkit-filter: drop-shadow(-2px -1px 1px #ffffff) drop-shadow(2px 2px 3px #000000); filter: drop-shadow(-2px -1px 1px #ffffff) drop-shadow(2px 2px 3px #000000); }


/*----------------------- mobilni meni ---------------------------------------*/

#mobilni-wrap { position: relative;  width: 60px; height: 29px; display:none; visibility: hidden; }
#mobilni { position: absolute; xwidth: 60px; max-height: 100vh; font-weight: 400;  font-size: 13px; xtext-align: right; z-index: 6; overflow: scroll; }		/* glavni - mobilni */
#mobilni {  visibility: hidden; display: none; }
#mobilni .opcije {  visibility: hidden; display: none; }

#mobilni .ikona { position: relative; display: inline-block; background-color: transparent; border: none; outline: none; padding: 0.7em 1em; margin: 0; cursor: pointer; color: #ffffff; }
#mobilni .ikona:hover { border: none; outline: none; }

#mobilni .center-rinka-cel { position: relative; display: inline-block; width: 100px; height: 30px; background-image: url("/images/center-rinka-cel-b1.png"); background-repeat: no-repeat; background-color: transparent; }
#mobilni .solcavska-panoramska-cesta-cel { position: relative; display: inline-block; width: 122px; height: 30px; background-image: url("/images/solcavska-panoramska-cesta-cel-b.png"); background-repeat: no-repeat; background-color: transparent; }

#mobilni-meni { padding-left: 1.25em;  padding-right: 1.25em; border-bottom: 1px solid #e6e6e6; }

/*----------------------- footer ---------------------------------------------*/

#footer-wrap { width: 100%; background-color: #000000;  }
#footer  { text-align: left; padding-top: 3em;  }
#footer #stolpci { display: flex; flex-wrap: nowrap; justify-content: space-between; color: #ffffff; padding-bottom: 1em; }
#footer #stolpci .stolpec {  }
#footer #stolpci .stolpec:last-child { text-align: right; }
#footer #stolpci .stolpec ul { line-height: 2.5em; padding: 0; margin: 0; list-style-type: none; }
#footer #stolpci .stolpec li:first-child { font-weight: 700; }
#footer #stolpci .stolpec a { color: #ffffff; text-decoration: none; }
#footer #stolpci .stolpec a:hover { text-decoration: underline; }

#footer #stolpci .stolpec .logo { font-family: "Times New Roman",Times,serif; line-height: 2; text-align: center; }
#footer #stolpci .stolpec .logo img { margin-top: 2em; }
#footer #stolpci .stolpec .ime { font-size: 1.3em; xletter-spacing: .1em; }
#footer #stolpci .stolpec .park { font-size: 0.8em; letter-spacing: .3em; }
#footer #stolpci .stolpec img { max-height: 90px; }

#footer #vrstica { color: #808080; padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #333333; }
#footer #vrstica a { margin-right: 40px; }
#footer #vrstica a:last-child { margin-right: 0; }
#footer #vrstica span { float: right; font-weight: 600; }
#footer #vrstica span:after { margin: 0; padding: 0; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

.clear { margin: 0; padding: 0; display:block;  clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }