@import url("https://fonts.googleapis.com/css?family=Roboto|Audiowide&display=swap");

*{margin:0;padding:0}
html{box-sizing:border-box;}
body{font-size:1em;line-height:1.5;font-weight:400;font-family:'Roboto', sans-serif;color:#555;background:#fafafa}
*, *:before, *:after{box-sizing:inherit;}
/* -- responsive -- */
@media all and (max-width:960px){
body{font:100%/1.5 Roboto, "Roboto", Arial, sans-serif;color:#000;}
}

.clear{clear:both;width:100%}
a{text-decoration:none;color:#000}
a:hover{color:#555;}

h1, h2, h3, h4, h5, h6{line-height:1.4em;}
h1, h2, h3, h4, h5, h6{font-weight:normal}
h1, h2, h3, h4, h5, h6{font-size:1.1em}
h2.titlu{font-size:1.4em}

.container{margin:0 auto;width:90%;clear:both;background:#fafafa;padding:1%}
/* -- responsive -- */
@media all and (max-width:960px){
.container{position:relative;width:98%;padding:1%;}
}



.publicitate{margin:0 auto;background:#fafafa;background-image:url("logo.webp"), url("logo1.webp");background-position:90%, 10%;background-repeat:no-repeat, no-repeat;}
.publicitate img{width:100%;height:auto;}
.publicitate a h1{font-size:2.2em;color:#00265D;letter-spacing:10px;margin-bottom:0;line-height:2.2em;text-align:center;font-family:"Audiowide"}
.publicitate a h1:hover{color:#06b;}
/* -- responsive -- */
@media all and (max-width:960px){
.publicitate{display:none;}
}


/* -- meniu -- */
#meniu{position:sticky;top:0;z-index:1;}
.meniu{background:#fff;color:#00265D;font-family:"Verdana";}
.meniu a.stanga{float:left;display:block;padding:1%;line-height:2em;}
.meniu a.centru{text-align:center;display:block;}
.meniu a.dreapta{float:right;display:block;padding:1%;line-height:2em;}
.meniu a h1{font-size:2em;color:#00265D;letter-spacing:10px;margin-bottom:0;line-height:2em;text-align:center;font-family:"Audiowide"}
.meniu a h1:hover{color:#000;}
.meniu a h1 span{color:#FF0021;vertical-align:sub;}
.meniu a.side{cursor:pointer}

.susmeniu{color:#00265D;display:inline-block;padding:0.5% 1%;background:#fafafa;}
.susmeniu #container{margin:0 auto;width:94%;}
.susmeniu span.bar{display:block;height:3px;margin:4px 0;background-color:#00265D;}
.susmeniu span.bar:first-child{margin-top:0;}
.susmeniu span.bar:last-child{margin-bottom:0;}
.susmeniu a.link{padding:0 1%;color:#00265D;font-size:90%;}
.susmeniu a.link:hover{color:#06b;}
.susmeniu a.dreapta{float:right;cursor:pointer;}
.susmeniu a.caut{background-color:#eee;border-radius:3px;}
.susmeniu a.caut:hover{background-color:#06b;}
.susmeniu a h1{font-size:1.2em;color:#00265D;letter-spacing:10px;margin-bottom:0;font-family:"Audiowide";display:inline;}
.susmeniu a h1:hover{color:#06b;}


.submeniu{height:100%;width:0;position:fixed;z-index:4;top:0;left:0;background-color:rgba(0, 0, 0, 0.9);overflow-x:hidden;padding-top:60px;transition:.5s;text-align:center}
.submeniu a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#fff;display:block;transition:.3s}
.submeniu a:hover{color:#fa0;}
.submeniu .closesm{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}
.opensm{width:2.2%;display:inline-block;text-align:center;cursor:pointer;padding:0;border:none;height:auto;font-weight:700;}
.opensm:hover{color:#000;}
.opensm span{display:none;}

/* -- responsive -- */
@media all and (max-width:960px){
.meniu a h1{display:none;}
.opensm{width:100%;}
.opensm span{display:inline-block;}
#meniu{position:relative;}
.susmeniu span.bar{height:3px;margin:4px auto;width:10%;}
.susmeniu span{margin-bottom:2%;color:#008;}
.susmeniu a.dreapta{margin:2% auto;cursor:pointer;text-align:center;float:none;}
.susmeniu #container{margin:0 auto;width:98%;clear:both;padding:1%;}
}




/* -- coloane egale -- */
.rowequal{display:flex;flex-wrap:wrap;}

.R1 a{border-bottom:1px dotted #555;display:block;padding:1.5%;}
.R1 a:last-child{border-bottom:0;}
.R1 span.titlu{font-size:110%!important;}
.R1:first-child{flex-basis:70%;padding:1.5%;}
.R1:first-child img{width:18%;height:60px;object-fit:cover;float:left;margin-right:1.5%;}
.R1:last-child{flex-basis:30%;padding:1.5%;}
.sticky{position:sticky;top:10%;height:500px;}

.R1 a.example-image-link{border-bottom:0;}
.R1 a.retro img{float:left;width:90px;height:90px;}
.R1 a.retro{float:left;}


.R3{flex-basis:33.333%;padding:1%;clear:both}
.R3 img{width:100%;height:120px;object-fit:cover;margin:1% 0;font-size:0px}
.R3:nth-child(odd){background:#eee;}
.R3 h2, .R3 h3{color:#008;}

.R4{flex-basis:25%;padding:1%;clear:both}
.R4 img{width:100%;height:120px;object-fit:cover;margin:1% 0;font-size:0px}

.col1{flex-basis:18%;border-radius:8px;margin:1%;padding:1%;text-align:center;box-shadow: inset 0px 0px 15px -10px rgb(0, 0, 0)}
.col1:hover{background:#fafafa;}


/* -- responsive -- */
@media all and (max-width:960px){
.R1, .R3, .R4{flex-basis:100%!important;padding:2%;}
.R1:last-child{margin-top:2%;}
.R1 img, .R3 img, .R4 img{width:100%;height:auto;}
.R1 a{padding:2%;}
.sticky{position:relative;}
.col1{flex-basis:100%;margin:2% 0;}

}

/*   butoane   */
.buton1{background-color:#04AA6D;}
.buton2{background-color:#2196F3;}
.buton3{background-color:#ff9800;}
.buton4{background-color:#f44336;}
.buton5{background-color: #000;}
.buton6{background-color:#eee;color:#00b;text-align:center;padding:1.5%;border:0!important;display:inline-block;position:relative;}
.buton6 a:hover{color:#bbb}
.buton7{background-color: #b92451;}
.buton1, .buton2, .buton3, .buton4, .buton5, .buton7{text-align:center;padding:1.5%;color:#fff;border:0!important;position:relative;}


.buton1:after, .buton2:after, .buton3:after, .buton4:after, .buton5:after, .buton6:after, .buton7:after{content:" \27A4";}

.buton1 a, .buton2 a, .buton3 a, .buton4 a, .buton5 a, .buton7 a{text-align:center;padding:1.5%;color:#fff;border:0!important;display:inline-block;position:relative;}


.buton1:hover, .buton2:hover, .buton3:hover, .buton4:hover, .buton5:hover, .buton6:hover, .buton7:hover{background-color:#333;color:#bbb!important}

a.back{position:absolute;top:0;left:-1.5%;}
a.back:before{background:#008;color:#fff;border-bottom:0!important;padding:100%;content:"\21E6";}
/* -- responsive -- */
@media all and (max-width:960px){
.buton1, .buton2, .buton3, .buton4, .buton5, .buton6, .buton7{display:block!important;margin-bottom:2%;}
}


/*   background   */
.bg1{background:#000;}
.bg1 a{border-bottom:1px dotted #555;display:block;padding:1.5%;}
.bg2{background:#2196F3;color:#fff;}
.bg2 a{border-bottom:1px dotted #555;display:block;padding:1.5%;}

/*   culori   */
.color1{color:#bbb;}
.color1:hover, .color2{color:#1da97b;}








.ads{background:#000;color:#bbb;padding:1% 2%;font-weight:800;}
.ads:before{color:red;content:"UTIL: ";}
.ads a{color:#bbb;display:block;width:100%;}
.ads a:hover{color:#68f06f;}
.ads i{color:#68f06f;}
@media all and (max-width:960px){
.ads a{display:block;width:100%;}
}
























.box4{flex-basis:21%;padding:1.5%;margin:2%;clear:both;box-shadow:inset 0px 0px 15px -10px rgba(0,0,0,1)}
.box4 a{border-bottom:1px dotted #bbb;display:block;padding:1.5%;}
.box4 a:last-child{border-bottom:0;}







.frontpage a{display:block;position:relative;overflow-wrap:break-word;}
/*.frontpage:hover:not(:first-child):not(:nth-child(3)){background:#eee;color:#007;}*/
.frontpage a:hover{color:#06b;}

.frontpage:first-child{flex-basis:20%;padding:1%;}
.frontpage:first-child a{border-bottom:1px solid #ddd;padding:1.5% 0;}
.frontpage:first-child a:last-child{border-bottom:none;}
.frontpage:first-child a h2{font-size:100%;}
.frontpage:first-child img{width:100%;height:130px;object-fit:cover;margin:1% 0;font-size:0px}

.frontpage:nth-child(2){flex-basis:50%;padding:1%;}
.frontpage:nth-child(2) #img{height:250px;}
.frontpage:nth-child(2) #img h2{background-color:rgba(0, 0, 0, 0.6);color:#eee;padding:1%}           
.frontpage:nth-child(2) img{width:100%;height:200px;object-fit:cover;margin:1% 0;font-size:0px}

.frontpage:nth-child(3){flex-basis:30%;padding:1%;}
.frontpage:nth-child(3) a{border-bottom:1px solid #ddd;padding:1.5% 0;}
.frontpage:nth-child(3) a:last-child{border-bottom:none;}
.frontpage:nth-child(3) img{width:20%;height:auto;float:left;margin-right:1%;font-size:0px;clear:left;}
.frontpage:nth-child(3) a h3{font-size:100%;}

.frontpage:nth-child(4), .frontpage:nth-child(5), .frontpage:nth-child(6), .frontpage:nth-child(7){flex-basis:25%;padding:1%;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

.frontpage:nth-child(7){border-right:none;}
.frontpage:nth-child(4) img, .frontpage:nth-child(5) img, .frontpage:nth-child(6) img, .frontpage:nth-child(7) img{width:100%;height:160px;object-fit:cover;margin:1% 0;font-size:0px}
.frontpage:nth-child(8), .frontpage:nth-child(9), .frontpage:nth-child(10){border-right:1px solid #ccc;}
.frontpage:nth-child(10){border-right:0;}

.frontpage:nth-child(2) div.bor, .frontpage:nth-child(11) div.bor, .frontpage:nth-child(12) div.bor, .frontpage:nth-child(n+17) div.bor{border:1px solid #ccc!important;padding:1.5%;}

.frontpage:nth-child(n+8){flex-basis:33.33%;padding:1%;}
.frontpage:nth-child(n+8) img{width:100%;height:160px;object-fit:cover;margin:1% 0;font-size:0px}

.frontpage:nth-child(n+11){flex-basis:50%;padding:1%;}

.frontpage:nth-child(11) #img, .frontpage:nth-child(12) #img{height:250px;}
.frontpage:nth-child(11) #img h5, .frontpage:nth-child(12) #img h5{background-color:rgba(0, 0, 0, 0.6);color:#eee;padding:1%} 

.frontpage:nth-child(n+11) img{width:100%;height:180px;object-fit:cover;margin:1% 0;font-size:0px}
.frontpage:nth-child(n+13){flex-basis:25%;padding:1%;background:none}
.frontpage:nth-child(n+17){flex-basis:33.33%;padding:1%;}
.frontpage:nth-child(n+20){flex-basis:25%;padding:1%;background:none}

.frontpage:nth-child(5n+2) a{color:#00265D;}
.frontpage:nth-child(5n+2) a:hover{color:#0055d5;}
.frontpage:nth-child(5n+2){box-shadow:inset 0px 0px 15px -10px rgba(0,0,0,1)}
.frontpage:nth-child(5n+2):hover a{color:#0055d5;}


.same{flex-basis:50%;padding:1% 1.5%;}
.same:nth-child(odd){background:#eee;}
.same a img, .same img{width:100%;height:120px;object-fit:cover;margin:1% 0;font-size:0px}

.source{flex-basis:50%;padding:1%;clear:both}
.source a img{float:left;width:100%;height:140px;object-fit:cover;}
.source input{border:0}

.car_form{flex-basis:50%;padding:1%;clear:both}
.car{border-bottom:1px solid #ddd;padding-bottom:2%;margin-bottom:2%}
.car input[type=text] .car_input{width:32.7%;text-align:center;border:0;}

.vid{flex-basis:25%;padding:1% 1.5%;}
.vid img, .same img{width:100%;height:120px;object-fit:cover;margin:1% 0;font-size:0px}

.bloc{flex-basis:100%;padding:1%;clear:both;margin-bottom:2%;}
.bloc:nth-child(odd){background:#eee;}
.bloc a img, .bloc img{float:left;width:30%!important;height:60px!important;object-fit:cover!important;margin-right:2%;font-size:0px}

.youtube{flex-basis:33.333%;padding:1%;clear:both}


.linkuri{flex-basis:20%;padding:1%;clear:both}
.linkuri img.mica{width:20%;height:auto;float:left;margin-right:2%;font-size:0px;}

/* responsive */
@media all and (max-width:960px){
.frontpage, .same, .source, .youtube, .linkuri, .vid{flex-basis:100%!important;}
.frontpage:nth-child(2) img, .frontpage:nth-child(4) img, .frontpage:nth-child(5) img, .frontpage:nth-child(6) img, .frontpage:nth-child(7) img, .frontpage:nth-child(n+8) img, .same a img, .source a img, .bloc a img, .bloc img{width:100%;height:auto;}
.frontpage:nth-child(4), .frontpage:nth-child(5), .frontpage:nth-child(6), .frontpage:nth-child(7), .frontpage:nth-child(17), .frontpage:nth-child(18), .frontpage:nth-child(19), .frontpage:nth-child(8), .frontpage:nth-child(9), .frontpage:nth-child(11), .frontpage:nth-child(13), .frontpage:nth-child(14), .frontpage:nth-child(15), .frontpage:nth-child(16){border:none;}
.frontpage:nth-child(2) div.bor, .frontpage:nth-child(11) div.bor, .frontpage:nth-child(12) div.bor, .frontpage:nth-child(n+17) div.bor{border:none!important;padding:0;}
}

/* -- amestecate -- */




.sursa{font-size:85%;font-style:italic;color:#444;margin-top:2%;display:inline-block;padding:1% 2%;background:#eee;}
.sursa:before{content:'\0023';color:#e00;}
.bread{color:#000;padding:2% 0;border-bottom:3px solid #b00;}
.bread a{color:#000}
.crumb{font-size:85%;font-style:italic;color:#444;margin-top:2%;display:inline-block;padding:1% 2%;background:#eee;border-left:3px solid #007;}
.banc{padding:2% 0;}
.R1 .banc img{float:left;width:100%;height:auto;margin:2% 0;}
.banc_txt{color:#000;padding:2% 0;}
h1.titlu{font-size:2.1em;margin-bottom:0;color:#000;letter-spacing:6px;}
.content{width:66.33%;float:left;padding-right:2%;}
.R1 .txt a{display:inline-block;}
.txt img{float:left;width:100%!important;height:auto!important;margin:2% 0;}
.txt a{color:#0000f0;}
#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}





.sidebar{width:33.66%;float:right;padding-left:2%;}
.wh, .me{display:none!important;border-bottom:0!important;}
.fb{background:#3B5998;color:#fff;padding:1.5%;display:inline-block!important;border-bottom:0!important;}
.tw{background:#1DA1F2;color:#fff;padding:1.5% 2%;display:inline-block!important;border-bottom:0!important;}
.in{background:#0A66C2;color:#fff;padding:1.5% 2%;display:inline-block!important;border-bottom:0!important;}
.fb:hover, .tw:hover, .in:hover{background:#000;color:#fff;}
.tags{border:1px solid #ccc;padding:1% 2%;display:inline-block!important;text-decoration:none;margin-top:2%;font-size:85%;font-style:italic;color:#444;}
a.tags, a.tags:last-child{border-bottom:1px solid #ccc}
.tags:hover{border:1px solid #000;}
.tagx{border:1px solid #ddd;padding:1% 2%;display:inline-block;text-decoration:none;margin-top:2%;color:#444;}
.tagx h2{margin-bottom:0;}
.box{border:1px solid #ddd;border-radius:4px;}
.box_head{border-bottom:1px solid #ddd;background:#00265D;padding:2% 0;text-align:center;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:600;letter-spacing:2px;color:#ccc;}
.box_head a{color:#ccc;}
.box .box_head a:hover{background:none;}
.box a{border-bottom:1px solid #ddd;display:block;padding:2%;}
.box a:last-child{border-bottom:none;}
.box a:hover{background:#f5f5f5;}
.box img{width:100%;height:120px;object-fit:cover;}
.box img.mica{width:20%;height:auto;float:left;margin-right:2%;font-size:0px;}
.eroare{background:#b00;color:#fff;padding:1%;}
.succes{background:#11aa93;color:#fff;padding:1%;}
.neutru{background:#0d69ae;color:#fff;padding:1%;}
.eroare:hover, .succes:hover, .neutru:hover{background:#333;color:#fff;}
a.succes, a.eroare, a.neutru{color:#fff;}
a.Crosu{color:#f00;}
a.Cblue{color:#00f}
.dreapta{float:right;}
hr{border:0;height:1px;background:#333;background-image:linear-gradient(to right, #fff, #2145ac, #fff);margin:1% 0;}
.linie{background: linear-gradient(to right, #f76570 0%, #f76570 8%, #f3a46b 8%, #f3a46b 16%, #f3a46b 16%, #ffd205 16%, #ffd205 24%, #ffd205 24%, #1bbc9b 24%, #1bbc9b 25%, #1bbc9b 32%, #14b9d5 32%, #14b9d5 40%, #c377e4 40%, #c377e4 48%, #f76570 48%, #f76570 56%, #f3a46b 56%, #f3a46b 64%, #ffd205 64%, #ffd205 72%, #1bbc9b 72%, #1bbc9b 80%, #14b9d5 80%, #14b9d5 80%, #14b9d5 89%, #c377e4 89%, #c377e4 100%);height:3px;}
.box1{border:1px solid #ccc;padding:1.5%;}
/* responsive */
@media all and (max-width:960px){
.content{width:100%;padding-right:0;border-right:none}
.sidebar{width:100%;float:left;padding-left:0}
.wh{background:#25D366;color:#fff;padding:1.5% 2%;display:inline-block;}
.me{background:#006AFF;color:#fff;padding:1.5% 2%;display:inline-block;}
.wh:hover, .me:hover{background:#000;color:#fff;}
.fb, .tw, .wh, .me, .in{display:block!important;margin-bottom:1%;text-align:center;}
.succes a, .eroare a{display:block;}
.dreapta{display:inline-block;float:left;}
.box1{border:0;padding:0;}
.box img.mica{width:100%;height:auto;margin-bottom:2%;}
}

/* -- paginare -- */
.pagination a{font-size:90%;float:left;padding:1% 2%;text-decoration:none;border-bottom:0;background-color:#444;color:#bbb;}
.pagination a.active{background-color:#b00;color:#fff}
.pagination a.disabled{display:none}
.pagination a:hover:not(.active){background-color:#1da97b;color:#fff;}
/* responsive */
@media all and (max-width: 960px) {
.pagination, .pagination a, .pagination a.active{width:100%;display:inline;text-align:center;margin-bottom:2%}
}

/*-- login --*/
.login{text-align: center;width:80%;margin:0 auto;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%}
.login input, .login textarea, .login select{border:1px solid #ddd;padding:1%;width:97%;background:#fafafa}
.login button, input[type=submit]{border:none;padding:2% 4%;background:#eee;color:#009;cursor:pointer;font-weight:700;letter-spacing:1px}
.login button:hover{background:#009;color:#eee;}
.camp input[type=submit], .login input[type=submit], form input[type=submit]{background:#0d69ae;color:#fff;}
.camp input[type=submit]:hover, .login input[type=submit]:hover, form input[type=submit]:hover{background:#1e96ee;color:#fff;}

/* responsive */
@media all and (max-width: 960px) {
.login, .camp input[type=text].auto, .camp input[type=submit].auto, .camp a.auto{width:100%;padding:1%;border:none}
}

/*-- sidenav --*/
.sidenav{height:100%;width:0;position:fixed;z-index:3;top:0;left:0;background-color:rgba(0, 0, 0, 0.9);overflow-x:hidden;transition:.5s;text-align:center}
.sidenav a{padding:2%;text-decoration:none;color:#fff;display:block;transition:.3s;font-size:150%!important}
.sidenav a:hover{color:#f1f1f1;background:#000}
.sidenav a.closebtn{font-size:150%!important;background:#b00;color:#fff;margin-bottom:2%;}
.sidenav a.closebtn:hover{font-size:150%!important;background:#2d7151;color:#fff;}
.sidenav form{padding:2%;}
.sidenav input, .sidenav textarea, .sidenav select{border:none;width:100%;padding:2%;border-radius:3px;background:#fafafa;margin-bottom:2%;}
.sidenav input[type=submit]{display:block;}
@media screen and (max-height: 960px) {
.sidenav{padding-top:15px}
.sidenav a{font-size:100%}
}

/* -- lista -- */
ul{list-style:none;}
ul.horizont li{display:inline;border:1px solid #ddd;text-align:center;background:#e2e9fa;padding:0.5% 1%;}
ul.horizont li:hover{border:1px solid #000;}

ul.lista li a{margin:0;padding:10px;display:block;border-bottom:1px solid #ddd;}
ul.lista li:nth-child(odd){background:#eee}
ul.lista li:hover{background:#00265D;color:#ccc}
ul.lista li:hover a{color:#ccc}
ul.lista li:last-child a{border-bottom:0}

ul.lista1 li a{margin:0;padding:0.5%;display:block;border-bottom:1px solid #ddd;}
ul.lista1 li:last-child a{border-bottom:0;}



/* responsive */
@media all and (max-width:960px){
ul.horizont li{display:block;margin-bottom:1%}
ul.horizont li a{display:block;}
ul.lista1 li a{margin:0;padding:1.5%;}
}

/* -- footer -- */
#footer{background:#fafafa;padding:1%;color:#008;}
#footer a{color:#008;}
#footer a:hover{color:#06c;}
/* responsive */
@media all and (max-width:960px){
#footer{width:100%;padding:1%}
}

/*-- up ---*/
#myBtn{display:none;position:fixed;bottom:20px;right:0;z-index:5;font-size:18px;font-weight:700;border:none;outline:none;background-color:#b00;color:#fff;cursor:pointer;padding:1.5% 2%;border-radius:5px 0 0 5px}
#myBtn:hover{background-color:#000}

/*-- navigatie masini ---*/
.autonav{background-color:#333;overflow:hidden}
.autonav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;border-bottom:3px solid transparent}
.autonav a:hover{border-bottom:3px solid red}
.autonav a.active{border-bottom:3px solid red}
/* responsive */
@media all and (max-width:960px){
.autonav a{width:100%;display:inline;text-align:center;}
}


/* -- culori categorie --*/
.categ1:before, .categ2:before, .categ3:before, .categ4:before, .categ5:before, .categ6:before{content:'';display:inline-block;width:10px;height:10px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.categ1:before{background:#027d50;}
.categ2:before{background: #0b6fbf;}
.categ3::before{background:#b52b77;}
.categ4:before{background: #c6160d;}
.categ5:before{background: #a710a3;}
.categ6:before{background: #a710a3;}
.categ1, .categ2, .categ3, .categ4, .categ5, .categ6{background:#fafafa;color:#777;}
.categ{font-size:85%;padding:0.5% 1.5%;display:block;margin-bottom:0;font-style:italic}


/* -- buton puls --*/
.green{display:block;width:8px;vertical-align:middle;height:8px;border-radius:50%;background:#22c03c;background-color:#22c03c;cursor:pointer;box-shadow:0 0 0 rgba(34,192,60,0.9);animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(34,192,60,0.9)}70%{-webkit-box-shadow:0 0 0 10px rgba(34,192,60,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(34,192,60,0)}}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(34,192,60,0.9);box-shadow:0 0 0 0 rgba(34,192,60,0.7)}70%{-moz-box-shadow:0 0 0 10px rgba(34,192,60,0);box-shadow:0 0 0 10px rgba(34,192,60,0)}100%{-moz-box-shadow:0 0 0 0 rgba(34,192,60,0);box-shadow:0 0 0 0 rgba(34,192,60,0)}}

.red{display:block;width:8px;vertical-align:middle;height:8px;border-radius:50%;background:#c41f26;background-color:#c41f26;cursor:pointer;box-shadow:0 0 0 rgba(196, 31, 38,0.9);animation:pulse2 2s infinite}@-webkit-keyframes pulse2{0%{-webkit-box-shadow:0 0 0 0 rgba(196, 31, 38,0.9)}70%{-webkit-box-shadow:0 0 0 10px rgba(196, 31, 38,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(196, 31, 38,0)}}@keyframes pulse2{0%{-moz-box-shadow:0 0 0 0 rgba(196, 31, 38,0.9);box-shadow:0 0 0 0 rgba(196, 31, 38,0.7)}70%{-moz-box-shadow:0 0 0 10px rgba(196, 31, 38,0);box-shadow:0 0 0 10px rgba(196, 31, 38,0)}100%{-moz-box-shadow:0 0 0 0 rgba(196, 31, 38,0);box-shadow:0 0 0 0 rgba(196, 31, 38,0)}}

.fotopulse{display:inline;width:12px;vertical-align:middle;height:12px;border-radius:1%;background:#9642a2;background-color:#9642a2;cursor:pointer;box-shadow:0 0 0 rgba(150, 66, 162,0.9);animation:pulse2 2s infinite;padding:0.5%;color:#fff;}@-webkit-keyframes pulse2{0%{-webkit-box-shadow:0 0 0 0 rgba(150, 66, 162,0.9)}70%{-webkit-box-shadow:0 0 0 10px rgba(150, 66, 162,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(150, 66, 162,0)}}@keyframes pulse2{0%{-moz-box-shadow:0 0 0 0 rgba(150, 66, 162,0.9);box-shadow:0 0 0 0 rgba(150, 66, 162,0.7)}70%{-moz-box-shadow:0 0 0 10px rgba(150, 66, 162,0);box-shadow:0 0 0 10px rgba(150, 66, 162,0)}100%{-moz-box-shadow:0 0 0 0 rgba(150, 66, 162,0);box-shadow:0 0 0 0 rgba(150, 66, 162,0)}}

.videopulse{display:inline;width:12px;vertical-align:middle;height:12px;border-radius:1%;background:#1d3ac7;background-color:#1d3ac7;cursor:pointer;box-shadow:0 0 0 rgba(29, 58, 199,0.9);animation:pulse2 2s infinite;padding:0.5%;color:#fff;}@-webkit-keyframes pulse2{0%{-webkit-box-shadow:0 0 0 0 rgba(29, 58, 199,0.9)}70%{-webkit-box-shadow:0 0 0 10px rgba(29, 58, 199,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(29, 58, 199,0)}}@keyframes pulse2{0%{-moz-box-shadow:0 0 0 0 rgba(29, 58, 199,0.9);box-shadow:0 0 0 0 rgba(29, 58, 199,0.7)}70%{-moz-box-shadow:0 0 0 10px rgba(29, 58, 199,0);box-shadow:0 0 0 10px rgba(29, 58, 199,0)}100%{-moz-box-shadow:0 0 0 0 rgba(29, 58, 199,0);box-shadow:0 0 0 0 rgba(29, 58, 199,0)}}



/* ---- 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}

}


.car_form{flex-basis:50%;padding:1%;clear:both}
.car{border-bottom:1px solid #ddd;padding-bottom:2%;margin-bottom:2%}
.car input[type=text]{width:32.5%;text-align:center;border:0;background:#eee;padding:2% 0}

.car input[type=text].valabil{background:#1fa793;color:#fff;}
.car input[type=text].expirat{background:#b00;color:#fff;}

.car input[type=submit]{width:32.5%;text-align:center;border:0;padding:2% 0}
.car a{display:inline-block;width:31.5%;text-align:center;border:0;padding:1% 0}

.car .add{padding:1.6%;width:14%;}


/* responsive */
@media all and (max-width:960px){
.col4{flex-basis:96%!important;padding:2%;border-right:none;}
.col1{flex-basis:100%;margin:1% 0;}
.col4:first-child{border-right:none;}
.col4:nth-child(2) img{float:left;width:100%;height:auto;margin:2% 0}
.car input[type=text], .car input[type=submit], .car a{width:100%;}
.car_form{flex-basis:98%;padding:1%;clear:both}
}


.breadcrumbs{padding:1%;background-color:#eee;}
.breadcrumbs a{display:inline;font-size:90%;color:#0275d8;}
.breadcrumbs a:hover{color:#7f7f7f;}
.breadcrumbs a:after{color:#7f7f7f;content:"\27A4";padding:1%;}
.breadcrumbs a:last-child:after{content: "";}