:root{
--maincol_1: ;
--maincol_2: ;
--maincol_3: ;
--maincol_4: ;
--maincol_5: ;
--maincol_6: #eceee9;
--maincol_7: #fdd87f;
} 

html{overflow-x:hidden;overflow-y:scroll;height:100%;vertical-align:middle;background-color:var(--maincol_6);}
body{margin:0;cursor:default;font-family:'Roboto Condensed',sans-serif,'Trebuchet MS','Arial','Helvetica','Verdana';}
a{color: inherit;text-decoration:inherit;}
textarea{resize:vertical}

#tab_notif{color:var(--maincol_1); font-family:Calibri; font-size:30px;font-weight:bold;border-collapse:collapse;}
#divalerta{display:none;position:fixed;bottom:0;left:0;top:0;right:0;z-index:10001;}
#divfalerta{display:none;position:fixed;bottom:0;left:0;top:0;right:0;z-index:10000;opacity:0.9;background-Color:var(--maincol_4)}
#notificare{display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:102;padding:30px;background-color:var(--maincol_2);opacity:0.95}
#dfixat{position:fixed;left:0px;right:0px;top:0px;bottom:0px;background-size:cover;display:none;z-index:0}
#cssloadbell{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:102;padding:30px;background-color:var(--maincol_6);}
.cssload-container{position:relative;display:table;width:7rem; height:7rem;}
.cssload-zenith {position:absolute;top:50%;left:50%;margin-top:-3.5rem;margin-left:-3.5rem;width:7rem; height:7rem; border-radius:50%; border-top-color:transparent; border-left-color:transparent; border-right-color:transparent; box-shadow: 5px 5px 2px rgb(255,254,253); animation:cssload-spin 1230ms infinite linear; -o-animation: cssload-spin 1230ms infinite linear; -ms-animation: cssload-spin 1230ms infinite linear; -webkit-animation: cssload-spin 1230ms infinite linear; -moz-animation: cssload-spin 1230ms infinite linear;}
.wait_logo{position:absolute;top:50%;left:50%;margin-top:-3.5rem;margin-left:-3.5rem;width:7rem;animation:poundd .35s infinite alternate;transform-origin:center;}
.beat_logo{width:10rem;animation:pound 1s infinite alternate;transform-origin: center;}
#mesajnotificare{color:#ffffff;font-size:1.5rem;font-family:'Oswald', sans-serif;}
#textalerta{color:#888888;font-size:1.5rem;font-family:'Oswald', sans-serif;}

div.ui-datepicker{font-size:1.5rem;}
.ui-menu-item{font-size:1.5rem; text-align:left;}
.ui-autocompleter {position: relative; cursor: default;z-index:30 !important;}

@keyframes pound{to{transform:scale(1.2) rotate(5deg);}}
@keyframes poundd{to{transform:scale(1.1);}}
@keyframes poundt{100%{transform:rotate(12deg);}}
@keyframes poundp{to{transform:scale(1.2);}}
@keyframes moverl{to{padding-right:2rem;}}

@keyframes cssload-spin{100%{transform:rotate(360deg); transform:rotate(360deg);}}
@-o-keyframes cssload-spin{100%{-o-transform:rotate(360deg); transform:rotate(360deg);}}
@-ms-keyframes cssload-spin{100%{-ms-transform:rotate(360deg); transform:rotate(360deg);}}
@-webkit-keyframes cssload-spin{100%{-webkit-transform:rotate(360deg); transform:rotate(360deg);}}
@-moz-keyframes cssload-spin{100%{-moz-transform:rotate(360deg); transform:rotate(360deg);}}

*, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:focus{outline: 0 !important;}
::selection{background:var(--maincol_2);color:var(--maincol_1);}
::-moz-selection{background:var(--maincol_2);color:var(--maincol_1);}

img{-moz-user-select:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;-ms-user-drag: none;user-drag: none;}
img{border:0;cursor:pointer}
.cla_ind{cursor:pointer;transition:0.5s ease all;}
.cla_ind:hover{opacity:0.8;}

.dood{background-image:url('/media/imagini/site/doodle.png');background-repeat:repeat;background-size:15em;}
.patt{background-image:url(../media/imagini/site/doodle2.png);background-repeat:repeat;background-size:40rem;}
.topmenu{padding:1rem;}
.elshadow{-webkit-box-shadow: 0px 0px 200px 70px var(--maincol_7); -moz-box-shadow: 0px 0px 200px 70px var(--maincol_7); box-shadow: 0px 0px 200px 70px var(--maincol_7);}

.slogo{width:2.5rem;height:2.5rem;vertical-align:middle;}
.mlogo{width:4rem;height:4rem;vertical-align:middle;}
.blogo{width:6rem;height:6rem;vertical-align:middle;}
.livelogo{animation:poundt 6.0s infinite alternate;transform-origin:center center;}
.sitetitlebar{padding:0.5rem;margin-bottom:7rem;margin-top:-2rem;}
.sitetitleb{font-size:2rem;font-weight:bold;color:var(--maincol_3);font-family:Oswald}
.sitetitles{font-size:1.3rem;color:var(--maincol_2);font-family:Oswald}
.pageautor{font-size:1.1rem;color:var(--maincol_2);text-align:right;padding:0.5rem;}
#divcontinut{margin-top:-9rem}
#snavbar{display:none;padding:0.5rem;background-color:var(--maincol_6);position:fixed;top:0;left:0;width:100%;border-bottom:3px solid var(--maincol_2);z-index:2;}
#hidmenu{position:fixed;display:none;top:0;left:0;bottom:0;background:rgba(255,255,255,0.95);z-index:3;overflow-y:auto;overflow-x:hidden;min-width:20%;border-right:4px solid var(--maincol_1);padding:1rem;}

/* sir elemente meniu linkuri top in linie */
.grid{display:flex; flex-wrap:wrap; justify-content:center; gap:0.5em;padding:1rem;background-color:var(--maincol_2)}
.grid-elm{width:15em;flex-grow: 1;}

.butnav-active{background-color:var(--maincol_1);display:inline-block;padding:0.6rem;margin:0.1rem;color:#ffffff;cursor:pointer;border-radius:0.3rem;transition:0.5s ease all}
.butnav-passive{background-color:var(--maincol_2);display:inline-block;padding:0.6rem;margin:0.1rem;color:#ffffff;cursor:pointer;border-radius:0.3rem;transition:0.5s ease all}
.butnav-passive:hover{background-color:var(--maincol_1);}

.ico_men{display:inline-block;font-size:2rem;transition:0.5s ease all;cursor:pointer;font-weight:bold;text-align:center;}
.ico_mend:hover, .ico_mic:hover{transform:scale(1.2);transform-origin:center center;}
.under{-webkit-text-decoration: slateblue solid underline;text-decoration: slateblue solid underline;-webkit-text-underline-position: under; text-underline-position: under;text-decoration-thickness:0.2rem;}
.cutoff{text-decoration-line:slateblue solid line-through; text-decoration-thickness: 0.2rem;}

/* meniu vertical ascuns */
.dmcateg{padding:0.5rem;color:#ffffff;background-color:var(--maincol_1);font-size:1.2rem;margin:0.5rem;transition:0.5s ease all}
.dmcatega{padding:0.5rem;color:#ffffff;background-color:var(--maincol_3);font-size:1.2rem;margin:0.5rem;}
.dmpage{margin:0.1rem;padding:0.2rem;font-size:1rem; color:var(--maincol_2);transition:0.5s ease all;}
.dmpage:hover, .dmcateg:hover{color:#ffffff;background-color:var(--maincol_3);}
.dmpagea{margin:0.1rem;padding:0.2rem;font-size:1rem;color:#ffffff;background-color:var(--maincol_3);}
.unselectable{user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.titlucateg{font-size:1.7rem;font-weight:bold;color:var(--maincol_1);font-family:Oswald;padding:1rem;border-bottom:0.3rem solid #dddddd;}

.st_inch{padding:5px;float:right;transition:0.5s ease all;width:3rem}
.st_inch:hover{opacity:0.7;-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
#fundaldd{display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:6;overflow-y:auto;}
#fundald{display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background-color:var(--maincol_4);opacity:0.95;z-index:5;}

.baratitlu{color:#ffffff;background-color:var(--maincol_1);padding:1rem;font-size:1.5rem;text-align:left;cursor:pointer;}
.titlutabelpop{color:#ffffff;font-size:1.5rem;background-color:var(--maincol_3);cursor:pointer;padding:1rem;}

.popsuptext{font-size:1.1rem;color:#555555;background-color:#ffffff}
.popintreb{border-collapse:collapse;-webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);}

.linksecundar{cursor:pointer;font-size:1rem;transition:0.5s ease all;color:#888888}
.linksecundar:hover{color:var(--maincol_3)}
.linkso{display:inline-block;background-color:var(--maincol_3);padding:0.2rem 0.5rem 0.2rem 0.5rem;color:#ffffff;transition:0.5s ease all;margin:0.2rem;border-radius:0.4rem;cursor:pointer}
.linkso:hover{opacity:0.6}
.divdott{border-bottom:0.3rem dotted #dedfde;margin-bottom:0.5rem}

#mergi_sus{width:8rem;cursor:pointer;position:fixed;bottom:5px;right:5px;z-index:2;display:none;transition:0.3s ease all;font-size:8rem;color:var(--maincol_1);text-align:center}
#mergi_sus:active, .sbuton:active{transform: scale(1.4);transform-origin:center center;}

.divsimi{cursor:pointer;overflow-x:scroll;overflow-y:hidden;display:flex;padding:1rem}
.dsimprod{display:inline-block;padding:0.5rem;margin:0.5rem;background-color:#ffffff;transition:0.5s ease all;width:12rem;height:100%;flex:1;text-align:center;color:#777777}
.divapozdet{display:inline-block;margin:0.2rem;background-color:#ffffff;transition:0.5s ease all;width:25%;height:100%;flex:1;text-align:center;color:#777777}

.dintprod{padding:0.5rem;background-color:#ffffff;height:100%;border:1px solid #c6c5c5; border-bottom:0.3rem solid var(--maincol_1);transition:0.5s ease all;position:relative}
.dintprod:hover, .dsimprod:hover, .divapozdet:hover{-webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);}

.elemm{color:#ffffff;border-radius:1.2rem;transition:0.5s ease all;background-color:var(--maincol_3);font-size:1.2rem;display:inline-block;padding:0.5rem;cursor:pointer;}
.elemm:hover, .elemm:active{background-color:var(--maincol_1);color:#ffffff;padding:0.5rem 1rem 0.5rem 1rem;}

.ccamp{padding:0.5rem; width:100%;max-width:100rem;font-size:1.3rem;border:0;color:var(--maincol_2);background-color:var(--maincol_5);font-family:'Roboto Condensed',sans-serif;cursor:pointer;margin:0.3rem;}

.sbuton{cursor:pointer;transition:0.5s ease all;display:inline-block;padding:0.6rem;background-color:var(--maincol_3);color:#ffffff;border-radius:2rem;margin:0.5rem;border:0.2rem solid var(--maincol_3);-moz-user-select:none;-webkit-user-select: none;user-select:none;font-size:1.3rem;font-weight:bold}
.sbuton:hover, .sbuton:active{background-color:#ffffff;color:var(--maincol_3);padding:0.6rem 2rem 0.6rem 2rem;}


.itext{background:rgba(255,255,255,1);color:#777777;border-top-left-radius:1rem;border-top-right-radius:1rem;text-align:left;font-size:1.5rem;padding:1rem;border-bottom:0.3rem solid #e8e8e8;line-height:2rem;}
.imgloadb{max-height:20rem;max-width:100%;object-fit:cover;border:0.7rem solid #ececec;background-color:#dbe4ee;}
.imgloads{width:10rem;}
.tabslide{display: inline-block; overflow-wrap:anywhere;width:10rem;}

.ifilehid{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}
.idivap{display:inline-block; padding:0.5rem; position:relative;}
.stgpoz{position:absolute;top:0;right:0rem}
.adpo{display:inline-block; padding:0.5rem; position:relative; color:var(--maincol_3); background-color:#ffffff; cursor:pointer; transition:0.5s ease all; border:2px solid var(--maincol_3);font-size:1.5rem;}
.adpo:hover{color:#ffb321; border:2px solid #ffb321;}
.phbulk{margin-bottom:1rem; border:0.3rem solid var(--maincol_1); border-radius:1rem; padding:1rem; background-color:#ececec;}
.gbla{border-top:0.3rem solid #cccccc}


/* sir poze in linie */
.sflex{display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;flex-wrap:wrap;padding:0.3rem;}
.eflex{padding:0.5rem;}
.imgflex{max-width:100%;}

/* slider */
.pozeslide{object-fit:cover;}
.elslide{position:relative;}
.slidescris{position:absolute;bottom:0;width:100%;padding:1rem 6rem 1rem 1rem;font-size:1.2rem;color:#ffffff;background:rgb(0,0,0,0.4);}
.panglica{bottom:0;right:0;width:8.5rem;height:8.5rem;overflow:hidden;position:absolute;}
.panglicai{right:1rem;bottom:-4rem;font:bold 1.1rem sans-serif;color:var(--maincol_3);text-align:center;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);-o-transform:rotate(315deg);position:relative; width:13rem;background-color:#ffffff; padding:1rem;border:1px solid var(--maincol_3);-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5); box-shadow:0px 0px 3px rgba(0,0,0,0.5);}

.dcheck{cursor:pointer;display:inline-block;padding:0.25rem;color:var(--maincol_3);background-color:#daecb5;border:1px solid #cccccc;border-radius:0.2rem;font-size:1.5rem;width:2rem;height:2rem;line-height:1.5rem;}
#map{width:100%;height:20rem;border-bottom:0.5rem solid #ffffff}
.linksecundar{cursor:pointer;font-size:1rem;transition:0.5s ease all;color:#888888}
.linksecundar:hover{color:var(--maincol_3)}
.tohider{display:none;}

/* sir poze galerie intercalate */
.divgallery{column-fill:initial;background-color:#ffffff;column-gap:0.5rem;-moz-column-gap:0.5rem;-webkit-column-gap:0.5rem;}
.galitem{margin-bottom:0.5rem;display:inline-block;vertical-align:top;width:100%;}
.pozagal{width:100%;border-top:0.5rem solid #ffffff; border-left:0.5rem solid #ffffff; border-right:0.5rem solid #ffffff; vertical-align:middle}

/* titlu pagina suprapus pe poza */
.artprev{display:inline-block;box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 2px;}
.divcat{width:100%;transition:1s ease all;position:relative;}
.divcat:hover, .divcat:active{transform:scale(1.1) rotate(-2deg);}
.no-flickr {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0); -webkit-backface-visibility: hidden; font-rendering-mode: sub-pixel;}
.dcatit{position:absolute;top:0;left:0;bottom:0;width:100%;}
.dcatittab{background:rgba(0,0,0,0.3);color:#ffffff;}
.dcatef{position:absolute;left:0;bottom:0;width:100%;top:80%}
.cattitb{font-size:2.2rem; font-family:Anton;line-height:3rem;letter-spacing:0.1rem}
.cattits{font-size:1.2rem}
.thighl{display:table-cell;font-size:2.5rem; line-height:3rem; background-color:#fdd87f; color:#490e00; padding:1rem; border-radius:10px;}


@media screen and (min-width:1401px) and (max-width:3400px){
html{font-size:100%}
.itext{margin:2rem 2rem 0 2rem;}
.artprev{width:40%;float:left;margin:0rem 2rem 2rem 0;}
.divgallery{column-count:5;-moz-column-count:5;-webkit-column-count:5;}
.popintreb{width:80%;}
.eflex{flex-basis:15%;}
#mob-menub{display:none}
}

@media screen and (min-width:1025px) and (max-width:1400px){
html{font-size:95%}
.itext{margin:2rem 2rem 0 2rem;}
.artprev{width:40%;float:left;margin:0rem 2rem 2rem 0;}
.divgallery{column-count:4;-moz-column-count:4;-webkit-column-count:4;}
.popintreb{width:85%;}
.eflex{flex-basis:20%;}
#mob-menub{display:none}
}

@media screen and (min-width:769px) and (max-width:1024px){
html{font-size:90%}
.itext{margin:1rem 1rem 0 1rem;}
.artprev{width:50%;float:left;margin:0rem 2rem 2rem 0;}
.divgallery{column-count:3;-moz-column-count:3;-webkit-column-count:3;}
.popintreb{width:90%;}
.eflex{flex-basis:25%;}
#mob-menub{display:none}
}


@media screen and (min-width:0px) and (max-width:768px){
html{font-size:85%}
.itext{margin:1rem 0.5rem 0 0.5rem;}
.artprev{width:100%;padding:1rem;}
.divgallery{column-count:2;-moz-column-count:2;-webkit-column-count:2;}
.popintreb{width:98%;}
.eflex{flex-basis:50%;}
#web-menul{display:none}
#mob-menub{display:visible}
.notshown{display:none}
}

@media print{
html{font-size:90%}
.dextprod{display:inline-block;width:25%;padding:0.5rem;}
}