*{margin:0;padding:0;}
body{background:#fff; color:#444; font:1em Verdana, Helvetica, sans-serif;color:#000;line-height:1.6em;}
.clear{width: 100%;clear:both}
a{text-decoration:none;cursor:pointer;color:#366d4e;outline:none;}
.buton{border:none;padding:1% 4%;background:#009;color:#eee;cursor:pointer;font-weight:700;letter-spacing:1px}
.buton:hover{background:#fff;color:#009;}
.buton1{border:none;padding:1% 4%;background:#ce00d9;color:#fff;cursor:pointer;font-weight:700;letter-spacing:1px}
.buton1:hover{background:#fff;color:#00bf30;}

.continut{position:relative;width:84%;margin:0 auto;box-sizing:border-box;z-index:1;background:transparent;padding:2%}
/* responsive */
@media all and (max-width: 960px) {
.continut{ position:relative;width:98%;padding:1%}
}

/* ---- Table ---- */
table{border-spacing:0}
table{width:100%;border:solid #ccc 1px;border-left:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 1px 2px #d1d1d1;-moz-box-shadow:0 1px 2px #d1d1d1;-webkit-box-shadow:0 1px 2px #d1d1d1;margin:2% 0}
td,th{border-top:1px solid #ccc;border-left:1px solid #ccc;padding:10px;text-align:left}
th{background-color:#eee;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;border-top:none;text-shadow:0 1px 0 rgba(255,255,255,.5);font-size:14px;line-height:24px;text-align:center}
td{font-size:14px}
table tr:first-child th:first-child{border-top-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px}
table tr:first-child th:last-child{border-top-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px}
table tr:last-child td:first-child{border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px}
table tr:last-child td:last-child{border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px}
table tr.even td{background-color:#fafafa}
table tr:nth-child(odd){background:#f8f8f8}
table tr:nth-child(even){background:#fff}
table tr:hover{background:#fff}

/* ---- Pagination ---- */
.pagin ul{list-style:none;margin:0;padding:0}
.pagin li{display:inline}
.pagin a{border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:1px 2px;padding:5px 10px 5px 5px;display:inline-block;border-top:1px solid #fff;text-decoration:none!important;color:#333!important;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:#fff 0 1px 0;background-color:#f5f5f5;}
.pagin a:hover,.pagin a:focus,.pagin a.disabled{border-color:#fff;background-color:#fdfdfd;}
.pagin a.more{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:0 none!important;background:transparent!important;margin-left:0;margin-right:0}
.pagin-dark a{border-top:1px solid #575e63;text-shadow:rgba(0,0,0,0.75) 0 1px 0;color:#fff!important;background-color:#4e5458;}
.pagin-dark a:hover,.pagin-dark a:focus{border-color:#575e63;background-color:#4d6374;}
.pagin a,.pagin-dark a{box-shadow:0 0 0 1px rgba(0,0,0,0.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.2)}
.pagin a.active,.pagin-dark a.activ{box-shadow:inset 0 0 0 0 rgba(0,0,0,0.75);-moz-box-shadow:inset 0 0 0 0 rgba(0,0,0,0.75);-webkit-box-shadow:inset 0 0 0 0 rgba(0,0,0,0.75);border-color:#2d3035!important;color:#fff!important;text-shadow:#000 0 1px 0;background-color:#303338;}

/* --- paginare --- */
.pagination a{color:#000;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s}
.pagination a.active{background-color:#56ccc8;color:#fff}
.pagination a:hover:not(.active){background-color:#ddd}
.pagination a.disabled{display:none}
@media all and (max-width:960px){
.pagination a{display:block;width:100%;text-align:center}
}
/* --- end paginare --- */

/* -- navigatie top --*/
.navtop{overflow:hidden;width:100%;margin:0 auto;position:relative;background:#fafafa;border:1px solid #ddd;box-shadow:0 1px 10px rgba(0,0,0,0.2);border-radius:.3rem}
.navtop a{float:left;display:block;color:#009;text-align:center;padding:1%;}
.navtop a:hover{background:#c00;color:#fff;}
.navtop a.active{background:#333;color:#fff;}
.navtop .icon{display:none;}



/* responsive */
@media all and (max-width: 960px) {
.navtop{width:100%}
.navtop a:not(:first-child){display: none;}
.navtop a.icon{float:right;display:block;color:#fa0}
.navtop.responsive{position:relative;}
.navtop.responsive .icon{position:absolute;right:0;top:0;}
.navtop.responsive a{float:none;display:block;text-align:center;font-size:100%}
}


.disable_icon:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active_icon:after {
  content: "\2212";
}





/* responsive */
@media all and (max-width: 960px) {
.navtop{width:100%}
.navtop a:not(:first-child){display: none;}
.navtop a.icon{float:right;display:block;color:#fa0}
.navtop.responsive{position:relative;}
.navtop.responsive .icon{position:absolute;right:0;top:0;}
.navtop.responsive a{float:none;display:block;text-align:center;font-size:100%}
}

/*---administrator--*/
.validate_rss{cursor:pointer;display:block;display:inline-block;margin-top:10px;outline:none;position:relative;font-size:11px;padding:4px 8px;text-align:center;text-decoration:none;overflow:visible;white-space:nowrap;z-index:1;color:#FFF;-moz-border-radius:4px;-webkit-border-radius:4px;border:none}
.all_percent{height:10px;display:block;background:#ddd}
.part_percent{height:10px;display:inline-block}
.bad{background:#DC3A6B}
.normal{background:#6C6C6C}
.good{background:#6087BD}
.best{background:#6ABD60}
.small{padding:3px 13px;font-size:12px;border-radius:2px;border:none}
.mic{padding:7px 14px;font-size:12px;border-radius:4px;border:none}
.small:hover, .mic:hover{opacity:.8}
.bleu{color:#fff!important;background-color:#3079d3;}
.verde{color:#fff!important;background-color:#21b689;}
.mov{color:#fff!important;background-color:#a53088;}
.negru{color:#fff!important;background-color:#020b53;}
.rosu{color:#fff!important;background-color:#c00;}

/*-- login --*/
.login{text-align: center;width:40%;margin:0 auto;margin-top:5%;border:1px solid #ddd;padding:20px;box-shadow:0 1px 10px rgba(0,0,0,0.2)}
.camp{border-bottom:1px solid #ddd;padding-bottom:2%;margin-bottom:2%}
.camp input{border:1px solid #ddd;padding:2%;margin:2%}
.login input{border:1px solid #ddd;padding:1%;width:97%;background:#fafafa}
.login button{border:none;padding:3px 13px;background:#228ea2;color:#fff;cursor:pointer;font-size:12px}
.login button:hover{background:#1c7484;color:#fff;}
/* responsive */
@media all and (max-width: 960px) {
.login{width:98%;padding:1%;border:none}
}

/*-- login --*/
.form{text-align: center;margin:2% 0;border:1px solid #ddd;padding:20px;box-shadow:0 1px 10px rgba(0,0,0,0.2)}
.camp{border-bottom:1px solid #ddd;padding-bottom:2%;margin-bottom:2%}
.form input, .form select, .form textarea{border:1px solid #ddd;padding:1%;width:90%;background:#fafafa}
.form button{border:none;padding:2% 4%;background:#eee;color:#009;cursor:pointer;font-weight:700;letter-spacing:1px}
.form button:hover, .form input[type=submit]{background:#000073;color:#fff;cursor:pointer}

p.succes{background:#00bf30;color:#fff;padding:2% 0;font-weight:700;letter-spacing:2px}
p.eroare{background:#ff4f4f;color:#fff;padding:2% 0;font-weight:700;letter-spacing:2px}


/* -- coloane egale -- */
.rowequal{display:flex;flex-wrap:wrap;}
.col{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);margin:1%;position:relative;background:#fafafa}
.col img{height:200px;width:100%;background:#eee;object-fit:cover;font-size:0px}
.col input, .col select{border:1px solid #ddd;padding:2%;margin:2%;width:92%}
.col input[type=submit]{background:#056594;color:#eee;cursor:pointer;width:96%}
.col a.sterge{margin:2%;display:block;text-align:center}
.col100{flex-basis:98%;}
.col50{flex-basis:48%;}
.col501{flex-basis:50%;}
.col60{flex-basis:58%;}
.col40{flex-basis:38%;}
.col30{flex-basis:28%;}
.col33{flex-basis:31.333%;}
.col20{flex-basis:18%;}
.col25{flex-basis:23%;}

@media all and (max-width:960px){
.col20, .col25, .col33, .col30, .col40, .col60, .col501, .col50{flex-basis:100%!important;margin:2% 0}

}


.pad1{padding:1%}
.pad2{padding:2%}
.box{border:1px solid #cbd2d9;border-radius:.3rem;}
.txtcentru{text-align:center}
.radius{border-radius:.3rem}
.umbra{box-shadow:0 1px 10px rgba(0,0,0,0.2);}
.ribbon{width:26px;font-size:14px;padding:2px;position:absolute;right:-12px;top:-10px;text-align:center;border-radius:50%;transform:rotate(0deg);background-color:#c00;color:#fff}
form.index{border:3px solid #422b6c;}


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


/* ---- Table ---- */
table{border-spacing:0}
table{width:100%;margin-top:2%;border:solid #ccc 1px;border-left:none;box-shadow:0 1px 2px #d1d1d1;-moz-box-shadow:0 1px 2px #d1d1d1;-webkit-box-shadow:0 1px 2px #d1d1d1}
td,th{border-top:1px solid #ccc;border-left:1px solid #ccc;padding:10px;text-align:left}
th{background-color:#eee;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;border-top:none;text-shadow:0 1px 0 rgba(255,255,255,.5);line-height:24px;text-align:center}
td{vertical-align:middle;}
table tr.even td{background-color:#fafafa}
table tr:nth-child(odd){background:#f8f8f8}
table tr:nth-child(even){background:#fff}
table tr:hover{background:#fff}
td img{width:100%;height:100px;object-fit:cover;margin:2% 0;box-shadow:0 0 10px #bbb;font-size:0px}
td.art:nth-of-type(1){width:60%}

img.loading{width:16px;height:11px!important}
/* 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}

}