/* latin */
@font-face{font-family:'Audiowide';font-style:normal;font-weight:400;src:local('Audiowide Regular'), local('Audiowide-Regular'), url(audiowide.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display: swap;}
/* latin */
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src: local('Roboto'), local('Roboto-Regular'), url(roboto.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;font-display: swap;}

*{margin:0;padding:0}

html{font-size:95%}
body{font-size:1em;line-height:1.5;font-weight:400;font-family:'Roboto', sans-serif;color:#000;background:#fff url('bg.png') fixed}
/* responsive */
@media all and (max-width:960px){
html{font-size:110%}
}

a{text-decoration:none;cursor:pointer;color:#007;outline:none;}
a:hover{color:#16B893}

p{margin-bottom:1%}
p.desc{font-style:italic;font-size:90%}
.clear{clear:both;width:100%}


.container{width:96%;margin:0 auto;padding:1% 2%;text-align:center}
.box{width:66%;margin:0 auto;padding:2%;margin-top:0.5%;margin-bottom:0.5%;text-align:center}
/* responsive */
@media all and (max-width:960px){
.box{position:relative;width:98%;padding:1%}
}

h1{font-size:2em;line-height:60px;font-family:"Audiowide";margin-bottom:2%;}
h1 a{color:#ED7BAE;}
h2{font-size:1.1em;line-height:1.5em;margin-bottom:2%}
h3{font-size:.9em;line-height:1.5em;}
h4{font-size:1.3em;line-height:1.5em;font-weight:700;margin-bottom:2%;text-align:center}
h4.pret{color:#007;letter-spacing:2px}
h5{font-size:1em;line-height:1.5em;margin-bottom:2%}
h6{font-size:1.6em;line-height:1.5em;margin-bottom:2%;}

.logo{background:url('logo.png') no-repeat left;height:60px;}
/* responsive */
@media all and (max-width:960px){
.logo{background:none;height:auto}
}

/* -- navigatie top --*/
nav{margin:2% 0;}
.navtop{background:#fafafa;overflow:hidden;position:relative;border-radius:6px;border:1px solid #ddd;z-index:2!important}
.navtop a{float:left;display:block;color:#000;text-align:center;padding:2%;font-weight:500;letter-spacing:1px;text-transform:uppercase;font-size:95%}
.navtop a:hover{color:#fff;background:#245da6;}
.navtop a.icon{display:none}
.navtop .dropdown-content{display:none;position:absolute;overflow:auto;background:#fafafa;z-index:1;box-shadow:inset 0 0 2px #bbb}
.navtop .show{display:block;z-index:2;width:100%}
.navtop a.close{float:right;cursor:pointer;border-right:none}
.navtop a.dreapta{float:right}
/* responsive */
@media all and (max-width:960px){
.navtop{width:100%}
.navtop a{display: none;}
.navtop a{width:96%}
.navtop a.icon{display:block;color:#8f0000}
.navtop a.icon:hover{display:block;color:#deff4a}
.navtop.responsive{position:relative;}
.navtop.responsive .icon{display:block;}
.navtop.responsive a, .navtop.responsive a.dreapta{float:none;display:block;text-align:center;font-size:100%}
.navtop .dropdown-content{position:relative}
}

/* cautare */
.navtop form{float:left;width:100%;border-top:1px solid #ddd;padding:2% 0}
.navtop input{border:none;padding:1%;width:70%;background:#fff;box-shadow:inset 0 0 2px #bbb;border-radius:3px}
.navtop select{border:none;padding:1%;width:30%;background:#fff;box-shadow:inset 0 0 2px #bbb;border-radius:3px}
.navtop button{background:#16B893;border:none;padding:1%;cursor:pointer;width:18%;color:#fff;font-weight:700}
.navtop .font1{font-style:italic;font-size:85%;}
.navtop select::-ms-expand{display:none;}
.navtop select{-webkit-appearance:none;appearance:none;}
/* responsive */
@media all and (max-width: 960px){
.navtop input, .navtop select, .navtop button{width:100%;text-align:center}
}

/* judete */
.judete select{box-shadow:inset 0 0 2px #bbb;padding:2%;width:50%;background:#fafafa;border-radius:6px;border:none}

.judete select::-ms-expand{display:none;}
.judete select{-webkit-appearance:none;appearance:none;}
/* responsive */
@media all and (max-width: 960px){
.navtop input, .navtop select, .navtop button{width:100%;text-align:center}
}

/*-- login --*/
.login2{text-align:center;width:98%;margin:0 auto;padding:2%}
.login2 input, .login2 textarea, .login2 button{border:1px solid #ddd;padding:4%;width:91%;background:#fafafa;border-radius:3px}
.login2 input[type=submit], .login2 button{border:none;padding:2% 4%;background:#333;color:#eee;cursor:pointer;font-weight:700;}
.login2 input[type=submit]:hover{background:#eee;color:#333;}


#player, fb-video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
#player iframe, .fb-video iframe, #player img{position:absolute;top:0;left:0;width:100%;height:100%;border:none}



.login{text-align:center;width:60%;margin:0 auto;padding:2%;border:1px solid #ddd;border-radius:6px;background:#fafafa}
.camp{border-bottom:1px solid #ddd;padding-bottom:4%;margin-bottom:4%}
.login input, .login textarea, .login button{border:1px solid #ddd;padding:4%;width:91%;background:#fafafa;border-radius:3px}
.login input[type=submit], .login button{border:none;padding:2% 4%;background:#333;color:#eee;cursor:pointer;font-weight:700;}
.login input[type=submit]:hover{background:#eee;color:#333;}
a.log{float:left;display:block;background:#eee;color:#333;padding:1% 3%;margin-right:2%}
a.log:hover{background:#333;color:#eee;}
.share{display:block;word-wrap:break-word}
/* responsive */
@media all and (max-width: 960px) {
.login, .login2{width:96%;padding:2%;border:none}
.login input[type=submit], .login button, .login2 input[type=submit], .login2 button{width:100%;padding:2%;}
a.log{width:94%;margin-bottom:2%}
}




/*-- coloane egale --*/
.coleq4{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:16px;color:#444;margin-bottom:20px;background:#fafafa;}
.coleq4:last-child{margin-bottom:0}

a.boxeq{border:1px solid #ddd;cursor:pointer;border-radius:5px;background:#fff;}
a.boxeq:hover{background:#fafafa;}
a.boxeq img{width:100%;height:120px;border-radius:5px 5px 0 0;}


.rowequal{display:flex;flex-wrap:wrap;}

.rowequal a h2{color:#000}
.rowequal a h3{font-weight:bold;letter-spacing:2px}
.rowequal a h4{font-size:.9em;line-height:1.5em;color:#000}
.rowequal a h5{font-size:.9em}
.rowequal p.desc{color:#000}

a.promo, a.blog{flex-grow:1;line-height:1em;text-align:center;background:#fff}


a.promo{flex-basis:24%;padding:1% 0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #ddd;background:#fafafa}
a.promo:nth-of-type(4n+0){border-right:none}
a.promo:hover{background:#f6f6f6}
a.promo img{width:90%;height:100px;object-fit:cover;margin:2% 0;font-size:0px}

a.blog{flex-basis:16%;padding:1%;border:1px solid #ddd;border-radius:4px;margin:0.5%}
a.blog img{width:100%;height:100px;object-fit:cover;font-size:0px;}
a.blog:hover{background:#f6f6f6}


.single{flex-basis:96%!important;border-radius:4px;padding:2%;text-align:left;box-shadow:inset 0 0 2px #bbb;background:#fafafa}

/* responsive */
@media all and (max-width: 960px) {
.coleq4{display:grid;grid-template-columns:repeat(1, 1fr)}
a.promo, a.blog{flex-basis:96%!important;}
a.promo img{width:94%;height:auto;margin:2% 0}
a.promo{border-right:none}
a.blog img{width:100%;height:auto;margin-bottom:2%}
}


.col1, .col3{flex-grow:1;line-height:1em;text-align:center}
.col3{flex-basis:24%;padding:1% 0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.col3:nth-of-type(4n+0){border-right:none}
.col3 img{width:90%;height:100px;object-fit:cover;margin:2% 0;font-size:0px}

.col1{flex-basis:16%;padding:1%;border:1px solid #ddd;text-align:left;margin:0.5%}
.col1 img{width:100%;height:100px;object-fit:cover;font-size:0px;}


.col4:first-child{flex-basis:65%;padding:2%;text-align:left;background:#fafafa}
.col4:nth-child(2) img{width:100%;height:auto;object-fit:cover;margin:2% 0;font-size:0px}

.col4:nth-child(2) a{display:block;padding:2% 0;border-bottom:1px solid #ddd}
.col4:nth-child(2) a:last-child{border-bottom:none}

.col4:nth-child(2){flex-basis:27%;padding:2%;text-align:left;background:#fafafa}
.col4:nth-child(n+3) img{width:100%;height:90px;object-fit:cover;margin:2% 0;font-size:0px}
.col4:nth-child(n+3){flex-basis:16%;padding:2%;background:#fff;word-wrap: break-word;}
.col4:nth-child(2n+2){background:#fafafa}


.col8{flex-grow:1;line-height:1em;text-align:center}
.col8{flex-basis:1%;padding:0.5% 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.col8:nth-of-type(8n+0){border-right:none}
.col8 input[type=submit], .col8 input{border:none;padding:2% 4%;cursor:pointer;background:#fff;}

/* responsive */
@media all and (max-width: 960px) {
.col3, .col4{flex-basis:96%!important;padding:2%;border-right:none;border-top:none}
.col1{flex-basis:96%!important;}
.col4:nth-child(1), .col4:nth-child(n+3){border-right:none}
.col4:nth-child(n+3) img{width:100%;height:auto;}
}

.pagination a{font-size:90%;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s}
.pagination a.active{background-color:#f6f6f6;color:#06b;font-weight:700}
.pagination a.disabled{display:none}
.pagination a:hover:not(.active){background-color:#f6f6f6;color:#000}
/* responsive */
@media all and (max-width: 960px){
.pagination, .pagination a, .pagination a.active{padding:1% 0;width:100%;display:inline;text-align:center;margin-bottom:2%}
}

/* ---- Table ---- */
table{border-spacing:0}
table{width:100%;border:solid #ddd 1px;border-left:none}
td,th{border-top:1px solid #ddd;border-left:1px solid #ddd;padding:10px;text-align:left}
th{background-color:#fff;border-top:none;border-bottom:1px solid #ddd;line-height:24px;text-align:center}
table tr.even td{background-color:#fafafa}
table tr:nth-child(odd){background:#fafafa}
table tr:nth-child(even){background:#fff}
table tr:hover{background:#fff}
td img{width:100%;height:100px;object-fit:cover;margin:2% 0;font-size:0px}
table input, table textarea, table button{border:1px solid #ddd;padding:4%;width:91%;background:#fafafa;border-radius:3px}
table input[type=submit], table button{border:none;padding:2% 4%;background:#333;color:#eee;cursor:pointer;font-weight:700;}
table input[type=submit]:hover{background:#888;color:#fff;}
table select{border:none;padding:2%;width:100%;background:#fff}
table select::-ms-expand{display:none;}
table select{-webkit-appearance:none;appearance:none;}
td div.cut{width: 100px;
   white-space: nowrap;
   overflow: hidden;         
   text-overflow: ellipsis;}
/* responsive */
@media all and (max-width:960px){
table, thead, tbody, th, td, tr{display:block;}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr{position:absolute;top:-9999px;left:-9999px;}
tr.ascuns{display:none}
table{border:none}
tr{border:1px solid #ddd;}
td{	/* Behave  like a "row" */
border:none;border-bottom:1px solid #eee;position:relative;}
td:before{/* Now like a table header */
position:absolute;/* Top/left values mimic padding */
top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;}

td.art:nth-of-type(1):before, td.art:nth-of-type(2):before, td.art:nth-of-type(3):before, td.art:nth-of-type(4):before, td.art:nth-of-type(5):before, td.art:nth-of-type(6):before{display:none}

td img{width:100%;height:auto;object-fit:cover;margin:2% 0;box-shadow:0 0 10px #bbb;font-size:0px}

}

/*-- up ---*/
#up{display:none;position:fixed;bottom:0.5%;right:0.5%;z-index:99;border:none;outline:none;background-color:#245da6;color:#fff;cursor:pointer;padding:15px;border-radius:4px}
#up:hover{background:#007}