/*
Theme Name: EMC FormareMedicala 2026
Theme URI: https://emc.formaremedicala.ro
Description: 2026
Author: DCSOL
Author URI: https://www.datacentersolutions.ro
Version: 1
*/


.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;overflow:scroll;
}

.explicatie {float:right;display:inline-block;width:35%;color:#000;}
.loginstanga {float:left;display:inline-block;width:60%;}

/*culori*/
.b-galben {background:#F1A80E; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-albastruinchis {background:#3958aa; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-verde {background:#28909A; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-mov {background:#583AAD; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-portocaliu {background:#FD9940; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-alb {background:#fff; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.evidentiator {background:#FFFFE0; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-gray {background:#E0E0E0 !important; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.c-negru {color:#000;}
.mare {font-size:18px;}

.lectie iframe {border:none;overflow:scroll;background:transparent; margin:20px auto; display:block; width:950px; height:850px; max-width:100%;}
/*.namaste-mark-button {display:none;}*/
.marcare {display:block;text-align:left; padding:10px 0;height:25px;line-height:25px;}
.marcare * {display:inline!important;font-size:14px;}
.marcare i {font-style:normal;}
p.namaste-mark-button {display:inline!important; padding:0!important; margin:0!important;font-weight:400;}
.namaste-mark-button input {display:inline!important; background: #fff; padding:5px; color:#000; text-decoration:none; cursor:pointer; outline:none!important;border:1px solid #e1e1e1; border-radius:10px;height:25px;line-height:15px;font-weight:400;}
a.linkcertificat {text-decoration:none;} 

.namaste-table {text-align:left; border:1px dashed #dedcdc; padding:15px 25px; background:#e8e3e3;display:block;   transition: all 400ms;}
.namaste-table a {background:#28909A; color:#fff!important; display:block; margin:0; border:none; font-size:16px; padding:20px 15px; cursor: pointer; text-decoration:none;}
.namaste-table a:hover {background:#555;}
.namaste-table td {padding:5px; vertical-align:middle;}
/*.namaste-table a { pointer-events: none;}*/

.dreapta {text-align:right!important;}
.stanga {text-align:left!important;}
.centru {text-align:center!important;}
.f-stanga {float:left;}
.f-dreapta {float:right;}

.share {display:block;color:#0655fa; font-size:12px; font-weight:700; text-transform:uppercase;}
.share a {text-decoration:none;margin:0 5px;}

.umbra {    -webkit-box-shadow: 0px 2px 10px 2px rgba(209,209,209,1);
    -moz-box-shadow: 0px 2px 10px 2px rgba(209,209,209,1);
    box-shadow: 0px 2px 10px 2px rgba(209,209,209,1);
}}

a.clicabil:hover {opacity:.5;}
h2 a, h3 a, .webinar a h3 {text-decoration:none;}

/*** FORMULAR LOGIN AJAX ***/

.pop h2 {color:#fff; padding:5px; text-align:left; margin:5px 0; background:#0655fa; max-width:250px;}
#amgeneratmail {color:#fff; padding:10px; text-align:center; margin:15px 0 0 0; background:#0655fa; min-width:250px;display:block;outline:none;border:2px solid #0655fa;cursor:pointer;}
#amgeneratmail:hover {background:red;}

.pop input, .pop textarea {font-size:16px; width:300px; max-width:90%;}
.pop input:focus {outline:1px solid red;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,.video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



#login {
    display: none;
    background-color: #FFFFFF;
    position: fixed;
    top: 50px;
    padding: 40px 25px 25px 0;
    width: 400px; max-width:100%;
    z-index: 998!important;
    left: 50%;
    margin-left: -200px;
}

#plata{
    display: none;
    background-color: #FFFFFF;
    position: fixed;
    top: 50px;
    padding: 10px 5px 10px 0;
    width: 600px!important; max-width:100%; max-height:100%;
    z-index: 1999!important;
    left: 50%; margin-left:-200px; line-height:100%;
}
#plata h4 {padding:0!important; margin:5px!important;}
#divplata {display:none;}

#contact{
    display: none;
    background-color: #FFFFFF;
    position: fixed;
    top: 50px;
    padding: 40px 25px 25px 0;
    width: 400px; max-width:100%;
    z-index: 1999!important;
    left: 50%;
    margin-left: -200px; max-height:100%;
}

#editaredate {display:none;padding:5px;background:#ececec;}

.pop p.status {
    display: none; font-size:14px; font-weight:400; color:#000; font-style:italic; padding:15px 0 15px 25px; margin:10px 0;
}

/*reCaptcha*/
.cap {margin:5px 0 5px 25px;}

.pop p {font-size:14px; font-weight:400; color:#000; padding:3px 0 3px 25px; }
.pop h3 {font-size:20px; font-weight:600; color:#333; padding:5px 0 5px 25px;  font-style:italic; }


input.username, input.password {display:block; margin:5px 0; border:1px solid #ccc; padding:5px; background:#fefefe; margin-left:25px; width:300px; max-width:90%;}
.pop label {margin-left:25px;}
input.submit_button, input.wpcf7-submit {display:block; margin:10px 0; padding:5px 15px; background:#0655fa; color:#fff; text-align:center;margin-left:25px; width:150px; border:none; outline:none;}
.pop .lost {color:#0655fa; margin-left:25px;}

.pop .close:hover {
  color: #06D85F;
}

.pop .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.login_overlay {
    height: 100%;
    width: 100%;
    background-color: #333;
    opacity: 0.8;
    position: fixed;
    z-index: 997;
}

.overlay2 {
    height: 100%;
    width: 100%;
    background-color: #333;
    opacity: 0.8;
    position: fixed;
    z-index: 997;
}

.overlay3 {
    height: 100%;
    width: 100%;
    background-color: #333;
    opacity: 0.8;
    position: fixed;
    z-index: 997;
}

/*** POPUP FORMULAR PLATA ***/
.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center; z-index:9; position:relative;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0; z-index:9;
}
.overlay:target {
  visibility: visible;
  opacity: 1; z-index:9;
}

.popup {
  margin: 170px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}
.popup .close  {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover  {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}





.text {width:auto; height:73px; display:inline-block; position:relative;float:left; line-height:73px; padding-top:7px; margin-left:15px; font-size:16px; color:#333;}


.subheader {clear:both; margin-top:1px; width:100%; display:block; height:auto; background-image: url(img/bg.jpg); background-repeat:no-repeat; background-size:cover;z-index:1;position:relative; text-align:center;}

.banner_podcast {clear:both; margin-top:1px; width:100%; display:block; height:auto; background-image: url(img/back.webp); background-repeat:no-repeat; background-size:cover; background-position:center; z-index:1;position:relative; text-align:center;}

.subheader p {padding-top:120px;  font-style:italic; color:#fff; font-size:62px; font-weight:400; max-width:80%; margin:0 auto;}

h2.demo1 { font-style:italic; color:#fff; font-size:32px; font-weight:400; max-width:80%; margin:0 auto;}

.subheader-curs {clear:both; width:100%; display:block;  background-color:#333;  background-repeat:no-repeat; background-size:cover; z-index:1; position:relative; text-align:left;}
.subheader-curs p {padding-top:20px;  font-style:italic;color:#fff; font-size:26px; font-weight:400; margin:10px auto;}
.subheader-curs h1 {text-shadow: 5px 5px 30px rgba(51, 51, 51, 0.8); font-family: 'Open sans', sans-serif; color:#fff; font-size:62px; font-weight:400; margin:0 auto; line-height:110%;}

.subheader-curs-cover { display:block; position:relative; background:url(img/transp50.png) repeat; padding:78px 0 20px 0;}

.banda {width:100%; display:block; height:80px; position:relative; text-align:center;
background: #0655fa;
background: linear-gradient(to right,  #EA0154, #2050c1);
}

.bandastomatologie {width:100%; display:block; height:80px; position:relative; text-align:center;
background: #8E318E;
background: linear-gradient(to right,  #8E318E, #A44FA4, #8E318E);
}

.bandapaliative {width:100%; display:block; height:80px; position:relative; text-align:center;
background: #3b9a11;
background: linear-gradient(to right,  #3b9a11, #9fcd4e, #3b9a11);
}


.l30 {width:250px; display:inline-block; text-align:center; color:#fff; font-size:16px; padding-top:16px; overflow:hidden;}
.l30 .bl {display:block; text-align:left; }
.bl img {height:40px; width:40px; color:#fff; margin:0 15px 0 0; display:inline-block; float:left;}

.cursanimat {display:inline-block;overflow:hidden;width:46%;height:250px; border:15px solid #ececec;opacity:1;cursor:pointer;}
.cursanimat:hover {opacity:.9;}

/*formular cautare*/
.search-form {display:inline-block; position:relative; margin:10px auto; background:#fcfcfc; opacity:.8;padding:0;height:50px;
-webkit-box-shadow: 0px 5px 20px 2px rgba(209,209,209,0.8);
-moz-box-shadow: 0px 5px 20px 2px rgba(209,209,209,0.8);
box-shadow: 0px 5px 20px 2px rgba(209,209,209,0.8);}
.search-form input.search-field {background:#fcfcfc; color:#333; text-align:left; display:inline-block; height:50px; width:300px; margin:0; outline:none; border:none; font-size:16px; padding:5px;
-webkit-transition: all 0.5s; /* Safari */ transition: all 0.5s;}
.search-form input.search-field:hover {background:#fff;}
.search-form input.search-submit {background:#eee; color:#333; display:inline-block; height:50px; width:50px; text-align:center; font-size: 16px; border:none; outline:none; padding:5px; margin:0; cursor:pointer;
-webkit-transition: all 0.5s; /* Safari */ transition: all 0.5s;}
.search-form input.search-submit:hover {background:#0655fa; color:#fff;}

/*formular cautare*/
.search-form2 {display:block; position:relative; margin:10px auto; background:#ffffff; opacity:.8;padding:0;height:auto; text-align:center; overflow:hidden; }
.search-form2 input {}
.search-form2 input.search-field {background:#fefefe; color:#333; text-align:left; display:inline-block; height:50px; width:300px; margin:0; outline:none; border:1px solid #EA0154; font-size:16px; padding:5px;
-webkit-transition: all 0.5s; /* Safari */ transition: all 0.5s;}
.search-form2 input.search-field:hover {background:#fff;}
.search-form2 input.search-submit {background:#EA0154; color:#fff; display:inline-block; height:50px; width:50px; text-align:center; font-size: 16px; border:1px solid #EA0154; outline:none; padding:5px; margin:0; cursor:pointer;
-webkit-transition: all 0.5s; /* Safari */ transition: all 0.5s;}
.search-form2 input.search-submit:hover {background:#0655fa; color:#fff;}




ul.categorii li, ul.categorii li ul li {list-style-type:none; display:inline-block; position:relative; height:80px; margin:0 5px; text-align:left;}
ul.categorii li a {color:#fff; display:block;font-size:20px; font-weight:400; text-decoration:none; margin: 30px 5px 0 0;}

/*identificare categoria curenta a cursului*/
.current-cat {text-decoration:underline;}
.current-cat:after {
    width: 0;
    height: 0;
    position: absolute;
    content:"";
    display:block;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 18px solid #fff;
    bottom: -18px; left:30%;
    margin-left: -18px;
	z-index:2;
}


.sidebar h1, .sidebar h3 {font-family: 'Futura', sans-serif; font-size:28px;color:#000;text-align:left;padding-left:10px;}
.sidebar h1:after, .sidebar h3:after {display:block; content:''; height:2px; background:#0655fa; width:100px;margin:5px auto;}
.noline a {text-decoration:none;}
.noline h3 {margin-bottom:25px;text-align:center;}
.sidebar {float:right; margin:15px; width:300px; background:#fff; position:relative;  color:#666!important; font-size:14px; padding:0 0 10px 0; vertical-align:bottom; overflow:hidden; z-index:2;
-webkit-box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);
-moz-box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);
box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);}

.sidebar p {color:#666!important; font-size:14px; padding:0 15px; margin:10px 0; font-style:normal; font-weight:400; font-family:'Open Sans', sans-serif; position:relative;}
.sidebar p span {color:#0655fa; }
.sidebar p.inscriere {color:#0655fa!important; font-size:18px;}
.sidebar h2 { color:#0655fa; font-size:24px; font-weight:400; margin:10px 0 ;padding:0 15px; font-style:italic;}
.sidebar img {display:block; margin:0 auto!important; max-width:100%;}
.sidebar input[type=submit] {background:#ec5252; color:#fff; text-align:left; display:block; width:80%; margin:20px 0; outline:none; border:none; font-size:16px; padding:20px 15px; cursor: pointer;}
.sidebar input[type=submit]:hover {background:#0655fa;}

.sidebar a.linkplatacurs {background:#ec5252; color:#fff; text-align:left; display:block; width:80%; margin:20px 0; outline:none; border:none; font-size:18px; padding:20px 15px; cursor: pointer; text-decoration:none;}
.sidebar a.linkplatacurs:hover {background:#0655fa;}

/*citate*/
blockquote{
 font-size:20px; font-style:italic; color:#888;position:relative;padding:15px 0;display:block;margin:10px auto 20px auto;
}



.hidden {display:none;}
.promovate {display:none;margin:20px auto;position:relative;text-align:left;}
.promovate {
background: linear-gradient(to right, #8faec7 50%, #9bb8cf 50%);
 background-size: 200% 100%;
 background-position:left bottom;
  transition: all .5s ease-out;
}
.promovate:hover  {background-position:right bottom;}
.promovate #lista {display:none; width:100%; max-width:970px;background:#9eacb8; color:#000;margin:0;padding:0 0 20px 0; font-size:24px;}
.promovate #lista a {text-decoration:none;color:#000;padding:5px 0 0 35px;}
.promovate #lista a:hover {color:#ececec;}
.banner-cursuri {cursor:pointer;}
.banner-cursuri:hover {opacity:.8; -webkit-filter: grayscale(100%);  filter: grayscale(100%); }
#x {color:#fff;cursor:pointer;margin-right:40px;float:right;font-size:74px;}
#x:hover {color:#0655fa;}

.inscriere2 {color:red;}

.plati div.pl {color:#666!important; font-size:14px; padding:0 15px; margin:10px 0; font-style:normal; font-weight:400; font-family:'Open Sans', sans-serif; position:relative;display:inline-block;}
.plati div.pl span {color:#0655fa; }
.plati div.inscriere {color:#0655fa!important; font-size:18px; display:inline-block;}
.plati h2 { color:#0655fa; font-size:24px; font-weight:400; margin:10px 0; padding:0 15px; font-style:italic;}
.plati img {display:block; margin:0 auto!important; max-width:100%;}
.plati .inscriere input[type=submit] {background:#ec5252; color:#fff; text-align:left; display:block; margin:20px 0; outline:none; border:none; font-size:16px; padding:20px 15px; cursor: pointer;}
.plati .inscriere input[type=submit]:hover {background:#0655fa;}
.plati .inscriere2 input[type=submit] {background:#28909A; color:#fff; text-align:left; display:block; margin:20px 0; outline:none; border:none; font-size:16px; padding:20px 15px; cursor: pointer;}
.plati .inscriere2 input[type=submit]:hover {background:#28909A;}
.plati a.linkplatacurs {background:#ec5252; color:#fff; text-align:left; display:block; margin:20px 0; outline:none; border:none; font-size:18px; padding:20px 15px; cursor: pointer; text-decoration:none;}
.plati a.linkplatacurs:hover {background:#0655fa;}



.autor {font-size:14px;font-family: 'Futura', sans-serif;padding:10px;overflow:hidden;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;margin:10px;border-radius:15px;width:220px;display:inline-block;text-align:left;}
.autor a {color:#000;}
.autor:hover {
-webkit-box-shadow: 0px 4px 6px 1px #ececec;
-moz-box-shadow: 0px 4px 6px 1px #ececec;
box-shadow: 0px 4px 6px 1px #ececec;}
.autor a {text-decoration:none;}
.user-avatar{display:inline-block;position:relative;width:150px;height:150px;float:left;margin:10px;}
.user-avatar_block{display:block;position:relative;width:150px;height:150px;float:none;margin:10px;font-size:14px; line-height:150%;}
.user-avatar:after{content:'';display:block;padding-bottom:100%}
.user-avatar--image{border-radius:50%;object-fit:cover}
.user-avatar--initials{background-color:#FFF;border-radius:50%;border:1px solid #686F7A;color:#686F7A;font-size:15px}
.user-avatar--initials .user-initials{color:inherit}
.user-avatar__inner{position:absolute;top:0;left:0;width:100%;height:100%}

.lector {text-decoration:none; color:#333; width:190px; padding:5px; height:auto; display:inline-block; text-align:center; font-size:14px; box-shadow: 0px 10px 20px 2px #fcfcfc; margin:10px;line-height:160%; }
.lector p {font-size:14px;line-height:160%;}


.resurse {background:#F0F8FF;padding:20px;display:block;position:relative;}
.resurse .resursa {margin:15px;padding:10px 0;border-bottom:1px solid #e1e1e1; border-radius:15px;position:relative;overflow:hidden;display:inline-block;width:30%;text-align:center;font-size:22px;}

/******* ARHITECTURA *******/
.restrict {display:block;width:100%;max-width:1080px;margin:0 auto;position:relative;overflow:hidden;padding:0;}
.alb {padding:10px 0; background:#fff;display:block;overflow:hidden;}

/* TIPOGRAFIE */
/* CULORI */
.c-alb {color:#fff;}
.b-alb {background:#fff;}

.c-bleu {color:#3fb2de;}
.b-bleu {background:#3fb2de;}

.c-albastru {color:#0655fa;}
.b-albastru {background:#0655fa;}

.c-magenta {color:#EA0154;}
.b-magenta {background:#EA0154;}

.c-rosu {color:#df1201;}
.b-rosu {background:#df1201;}

.c-verde {color:#51b555;}
.b-verde {background:#51b555;}

.c-portocaliu {color:#f7560e;}
.b-portocaliu {background:#f7560e;}


.sunteti_aici a {color:blue; font-weight:600;}

.titlu_conf_medicale {font-size: 28px; letter-spacing: -1.5px;font-style: normal;font-weight: 400;}
.titlu_conf_medicale a {color:#000;}

.curs-item * {
    transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

.inner {position:relative;display:block;height:130px;overflow:hidden;padding-top:5px;}
.inner:before {position:absolute;top:10px;left:30px;background:transparent;content:'CURS'; color:#fff; z-index:9; font-size:64px; font-weight:800; font-family:'Open Sans', sans-serif;opacity:.5;               /*in lucru*/ display:none;}

.fav {position:absolute;top:30px; left:0;display:block;width:100%; z-index:9999999999;text-align:center;}
.fav1 {display:none;color:#fff; z-index:9999999999; font-size:64px; font-weight:800; font-family:'Open Sans', sans-serif;opacity:.5;line-height:44px;}
.fav1 span {font-size:34px!important;}
.highlight {opacity:.1!important;background:red!important;}

.curs-item {
   padding:0 0 15px 0;margin:10px 2px;text-align:center;position:relative;vertical-align:top;cursor:pointer; border:1px solid #fff;text-decoration:none;background:#fff;
	width:300px;max-width:100%;
	display:inline-block;  box-shadow: 1px 1px 12px 2px #ccc; 
	
}
a.curs-item p {color:#000!important;}
.sidebar-curs {   padding:0;margin:0;text-align:center;position:relative;vertical-align:top;cursor:pointer; border:1px solid #fff;text-decoration:none;background:#fff;
	
	display:block; }


.w24 {width:24%;}
.w100 {width:100%;}

.curs-item h4, .sidebar-curs h4 {text-align:center;position:absolute;bottom:0;left:0;width:100%;z-index:9;}
.curs-item h4 span, .sidebar-curs h4 span {background:#fff;padding:5px;color:#000;text-decoration:none;font-size:12px; text-transform:uppercase;font-weight:400;}
.curs-item h2, .sidebar-curs h2 {font-family:'Open Sans', sans-serif;font-weight:700!important;padding:10px;min-height:65px;font-style:normal;font-size:18px!important;}
.curs-item h3, .sidebar-curs h3 {font-family:'Open Sans', sans-serif;font-weight:700!important;padding:10px;min-height:65px;font-style:normal;line-height:normal;font-size:18px!important;}

.curs-item p, .sidebar-curs p {text-align:left;padding:0 5px; font-size:14px;}
.curs-item .prom {color:#333;text-align:center;font-weight:400;font-size:16px;}

.textcurs {margin-top:-40px;display:block;z-index:9;position:relative;color:#888;}
.subcurs {width:60px;height:60px;border:1px solid #fff;color:#fff;text-align:center;font-size:20px;line-height:auto;display:block;border-radius:30px;margin:5px auto;position:relative;line-height:20px;}
.subcurs div {display:block;margin-top:12px;text-align:center;max-width:100%;}
.subcurs b {font-size: 22px;}
.subcurs span {font-size:14px;font-weight:700;}
.butonc {display:inline-block;margin:0 auto;padding:5px;border:2px solid #EA0154; font-size:14px;color:#000;}

.emcpromo {width:70px;height:70px;border:1px solid #fff;color:#fff;text-align:center;font-size:12px;line-height:50px;display:block;border-radius:35px;margin:-35px 0;}


.cul1:hover h2 {color:#0655fa;}
.cul2:hover h2 {color:#EA0154;}
.cul1 .subcurs {background:#0655fa;}
.cul2 .subcurs {background:#B7013F;}

.home-dreapta {float:right;display:block;width:38%; vertical-align:top; z-index:9;}
.home-stanga {float:left;display:block;width:60%; z-index:10; overflow:visible;}
.home-stanga img {max-width:100%;height:auto;}


.sep-mobil {display:block;height:5px;width:100%;display:none;}

.ariepromovata {display:block; margin:10px 0 20px 0;}
.ariepromovata:hover {opacity:.8; -webkit-filter: grayscale(100%);  filter: grayscale(100%); }


.curs-item .curs-image, .curs-item2 .curs-image, .sidebar-curs .curs-image {
    overflow: hidden;
    position: absolute; top:0; left:0;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
	 width: 120%;height:auto;
	 z-index:5;
}

.curs-item:hover .curs-image, .curs-item2:hover .curs-image, .sidebar-curs:hover .curs-image {
	transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.curs-item:hover .subcurs, .sidebar-curs:hover .subcurs, .curs-item:hover h4 a, .sidebar-curs:hover h4 a {
-webkit-box-shadow: 0px 4px 6px 1px #888;
-moz-box-shadow: 0px 4px 6px 1px #888;
box-shadow: 0px 4px 6px 1px #888;
}

input.acces {margin:5px 0; text-decoration:none;padding:2px;font-style:normal;
-webkit-box-shadow: 0px 3px 5px 0px rgba(207,207,207,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(207,207,207,1);
box-shadow: 0px 3px 5px 0px rgba(207,207,207,1);
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
	}

input.acces:hover{background:#ba0a49;padding:15px;}

a.acces {margin:5px 0; text-decoration:none;padding:5px;font-style:normal;
-webkit-box-shadow: 0px 3px 5px 0px rgba(207,207,207,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(207,207,207,1);
box-shadow: 0px 3px 5px 0px rgba(207,207,207,1);
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
	}

a.acces:hover{background:#ba0a49;padding:7px;color:#fff;}

a.acces2 {margin:5px 0; text-decoration:none;padding:5px;font-style:normal;background:#ba0a49;color:#fff!important;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
	}
a.acces2:hover{background:transparent;padding:7px;color:#fff!important;}

/*cursuri var3 */
.b-curs {width:241px; min-height:250px; margin:10px; display: inline-flex; flex-direction: column;  vertical-align:top; position:relative;  box-shadow: 1px 1px 12px 2px #ccc; background:#fff; text-align:left;}
.b-curs img {display:block; max-width:100%;}
.b-curs h3 {font-size:16px; color:#333; margin:5px 0; padding:5px; height:40px;}
.b-curs p {font-size:12px; color:#333; padding:5px;}
.b-curs a {color:#333; text-decoration:none;}
.b-curs a:hover {opacity:.8;}

.b-curs .data {display:block; margin-top:10px;}
.b-curs .data i {font-size:12px; color:#333; font-weight:400;padding-left:10px;}
.b-curs .data span {font-size:12px;font-style:italic;color:#333; font-weight:400;}
.b-curs .stea {display:block; margin:0;}
.b-curs .stea i {font-size:18px; color:#CC3205; font-weight:700;padding-left:10px;}
.b-curs .durata {display:block;margin:0;}
.b-curs .durata i {font-size:12px; color:#333; font-weight:400;padding-left:10px;}

/*cursuri var4 */
.c-curs {width:210px; min-height:250px; display:inline-block; margin:20px 25px 20px 0;  vertical-align:top; position:relative;  box-shadow: 1px 1px 12px 2px #ccc; background:#fff; text-align:left;}
.c-curs:last-child {margin-right:0;}
.c-curs img {display:block; max-width:100%;}
.c-curs h3 {font-size:16px; color:#333; margin:5px 0; padding:5px; height:40px;}
.c-curs p {font-size:12px; color:#333; padding:5px;}
.c-curs a {color:#333; text-decoration:none;}
.c-curs a:hover {opacity:.8}

.c-curs .data {display:block; margin-top:10px;}
.c-curs .data i {font-size:12px; color:#333; font-weight:400;padding-left:10px;}
.c-curs .data span {font-size:12px;font-style:italic;color:#333; font-weight:400;}
.c-curs .stea {display:block; margin:0;}
.c-curs .stea i {font-size:18px; color:#CC3205; font-weight:700;padding-left:10px;}
.c-curs .durata {display:block;margin:0;}
.c-curs .durata i {font-size:12px; color:#333; font-weight:400;padding-left:10px;}
.containerp {max-height:100px;display:block;overflow:hidden;}

/*cursuri promo arii terapie */
.arii img, .ariistudiu img {max-width:35px;height:auto;}
.arii .arie {display:inline-block; padding:0 5px; margin:5px; width:190px;text-align:left;border:1px solid #888;line-height:35px;}
.arii .ariestudiu {display:inline-block; padding:0 5px; margin:5px; width:180px;text-align:left;border:1px solid #ccc;line-height:35px;}
.arii .ariestudiu:hover {opacity:.8;background:#FFFFE0;}
.ariestudiu a {color:#333; text-decoration:none; display:block;}

.cursuri-columns-4 {display:block;width:100%;min-height:350px;text-align:center;background:#ccc;}

/*#filtrate {display:none;}*/

#filtrate .ariestudiu, #filtrate select, #filtrate select option {width:230px;max-width:100%;display:inline-block;margin:5px;overflow:hidden;}
#filtrate select {padding:5px;background:#efefef;border:1px solid #ccc;height:56px;font-size:14px;vertical-align:top;}
#filtrate .ariestudiu {padding-left:50px!important;padding-top:5px;padding-bottom:5px; position:relative;overflow:hidden;display:inline-block;vertical-align:top;line-height:22px;}
#filtrate .ariestudiu img {position:absolute;top:5px;left:5px;}

/*studii orizontal*/
.studiu {display:inline-block; text-align:center;padding:5px;border:1px solid #e1e1e1;margin:5px 0;position:relative; width:333px; max-width:100%;  line-height:160%; text-align:justify;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;}
.studiu a {display:block;text-decoration:none;color:#00000!important;}
.studiu img {display:block;max-width:100%;}
.studiu h4 {font-size:18px;font-style:normal;}
.studiu:hover {background:#ececec;}
.studiu:hover img {-webkit-filter: grayscale(100%);  filter: grayscale(100%); }


.worwag {display:inline-block; text-align:center;padding:5px;border:1px solid #e1e1e1;margin:5px 0;position:relative; width:333px; max-width:100%; 
background:#fff; width:800px;
transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s; overflow:hidden;}
.worwag a {display:block;text-decoration:none;color:#00000;}
.worwag img {margin:0 auto; display:block;max-width:100%; transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;}
.worwag h4 {font-size:18px;font-style:normal;}
.worwag:hover {width:850px; margin:0 auto; }

div.clear {clear:both;display:block;}
div.sep {padding:10px 0; border-top:3px dashed #1975a6;max-width:250px; margin:0;}
div.sep100 {display:block;height:2px;margin:10px auto;width:100px;}
div.sep25 {display:block;height:2px;margin-top:10px;margin-bottom:25px;max-width:150px;}
div.sep25dreapta {display:block;height:2px;overflow:hidden;margin-top:10px;margin-bottom:25px;width:150px;float:right;text-align:right;}

.azi-promovate {font-family: 'Futura', sans-serif; font-size:38px;}
.azi-promovate a {font-family: 'Futura', sans-serif; color:#000;text-decoration:none;}
.spatiu {margin-top:25px; margin-bottom:10px;}
.azi-noutati {font-family: 'Futura', sans-serif; font-size:38px; }
.azi-noutati a {font-family: 'Futura', sans-serif; color:#000;text-decoration:none;}
.azi {font-family: 'Futura', sans-serif; }

.c33 {width:30%; padding:0 0.5%; min-height:250px;display:inline-block;vertical-align:top;}
.c50 {width:45%;}

/* footer */
.footer {border-bottom:2px solid #333; padding:10px 0;background:#03344f;border-top:1px solid #0D557B;color:#fff;}
.footer, .footer p, .footer a, .footer b {font-size:14px;}
.footer a {color:#fff; text-decoration:none;}
.footer .stanga {float:left; width:46%;}
.footer .dreapta {float:right; width:46%;text-align:right;}
.link_footer {margin:0 0 5px 0;display:block;}

.informatii {height:30px;line-height:30px;}
.informatii a {color:#000;text-decoration:underline;padding:0 10px;font-size:14px;text-transform:uppercase;}

.infosite {display:inline-block;color:#EA0154;font-size:19px;padding-left:5px;margin-top:15px;font-weight:700;width:280px;}


.post p {margin:15px 0;}
.post { margin:20px 0 0 0; font-size:18px; padding:10px; max-width:1100px; line-height:150%;}
.post hr {
	max-width:33%; margin:0 0 15px 0;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.pagina {width:700px;float:left;display:block;max-width:100%;}

h1.autor { font-style:italic;color:#666; font-size:32px; font-weight:400; margin-top:30px;}
h1.autor span {border-bottom:3px solid #0655fa;}

h1.categorie { font-style:italic;color:#666; font-size:42px; font-weight:400; margin-top:30px; padding:10px;}
h1.categorie span {border-bottom:3px solid #0655fa;}

h1.inregistrare { font-style:italic;color:#666; font-size:32px; font-weight:400; margin:10px 0!important; padding:0; text-align:center;}
h1.inregistrare span {border-bottom:3px solid #0655fa;}

h1.categoriepaliative { font-style:italic;color:#666; font-size:42px; font-weight:400; margin-top:30px; padding:10px;}
h1.categoriepaliative span {border-bottom:3px solid #7cc343;}

h1 a {text-decoration:none; color:#666;}

h2.info_webinar {font-weight:normal; font-size: 20px; margin: 0 0 10px; color:#0f1d46; line-height:1.7; letter-spacing: -.01em; font-style:normal; padding:0; }

.blog {width:100%;  height:auto; display:block; margin:15px 0;  vertical-align:top; position:relative;  box-shadow: 1px 1px 12px 2px #fcfcfc; background:#fff; text-align:left; overflow:hidden;border:1px solid #fff;}
.blog img {display:block; max-width:250px;margin-top:20px;}
.blog h3 {font-size:24px; color:#000; margin:5px 0; padding:5px 0;font-weight:400;line-height:130%;}
.blog h3 span {font-size:12px;font-style:italic;color:#666; font-weight:400;position:relative;}
.blog p {font-size:14px; color:#666; padding:5px;}
.blog a {color:#000; text-decoration:none;}
.blog a:hover {opacity:.8}

	
a.link_curs {background:#0655fa; color:#fff; text-align:center; display:block; margin:20px auto; border:none; font-size:16px; padding:20px 15px; cursor: pointer; text-decoration:none; display:inline-block;}

.curs {width:210px; height:340px; display:inline-block; margin:20px;  vertical-align:top; position:relative;  box-shadow: 1px 1px 12px 2px #ccc;}
.curs img {display:block; max-width:100%;}
.curs .imgcurs {display:block; max-height:100px; overflow-y: hidden;}
.curs h3 {font-size:16px; color:#333; margin:5px 0; padding:5px;}
.curs p {font-size:12px; color:#333; padding:5px;}
.curs a {color:#333; text-decoration:none;}
.curs a:hover {opacity:.8}

.curs .data {display:block; margin-top:10px;}
.curs .data i {font-size:12px; color:#A02422; font-weight:700;padding-left:10px;}
.curs .stea {display:block; margin:0;}
.curs .stea i {font-size:12px; color:#A02422; font-weight:700;padding-left:10px;}
.curs .durata {display:block;margin:0;}
.curs .durata i {font-size:12px; color:#A02422; font-weight:700;padding-left:10px;}

.lectie p {margin:15px 0; }
.lectie {display:block; padding:10px; font-weight:400;font-size:20px; font-family:Open Sans, sans-serif; font-weight:400;text-align:justify;font-style:oblique;margin:10px auto;max-width:95%;color:#000;}
.lectie a {color:#0655fa; text-decoration:none;}
.lectie a:hover {color:#555;}
.lectie ul li {margin-left:30px;list-style-type:circle;}

ul.namaste-list {list-style-type:circle; margin: 5px 15px; color:#0655fa;max-width:400px;}
ul.namaste-list li {margin:5px 0 5px 20px; padding:0 5px;}
ul.namaste-list li a {padding:15px; display:block; background: #0655fa; color:#fff; text-decoration:none; -webkit-transition: all 0.5s; /* Safari */ transition: all 0.5s;}
ul.namaste-list li a:hover {background:#666;}


h4 {color:#0655fa; font-size:28px; font-weight:700; padding:10px; font-style:italic; margin: 0;}

h5 {color:#0655fa; font-size:22px; font-weight:400; padding:10px; font-style:italic; margin:0;}
h5 a  {color:#0655fa; text-decoration:none; margin-left:25px;}
h5 a:hover {color:#333;}
h2.autori {padding:10px 0;font-size:22px; font-weight:400;}
h2.autori a {margin-right:15px;display:block;padding:5px;}
h2.autori a:before {content:"#"; color:#fff;}
h2.autori, h2.autori a, h4.autori, h3.autori {color:#fff;}

/* FOOTER VECHI

.footer {background:#fff; display:block; margin-top:20px;font-size:14px; color:#666;}
.logofooter {background: #fff url(logo/e-medacces.svg) no-repeat; background-repeat:no-repeat; background-size:100% auto; width:120px; height:50px; display:block; position:relative; }
.footer p {padding:0 15px; margin:5px 0;}
.footer a {color:#007791; text-decoration:none;}
.footer .col {width:25%; height:auto; display:inline-block; margin:20px; position:relative; }
*/

.spacer {clear:both;height:15px;display:block;}

/*imagini*/
img {max-width:100%;}
.alignleft {float:left; margin:5px 15px 5px 0; }
.alignright {float:right; margin:5px 0 5px 15px; }
.aligncenter {display:block; margin:10px auto; max-width:100%;}

/*** FORMULAR INREGISTRARE ***/

/* DROPDOWN general */

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	width:250px; margin:20px 0; display:block;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/* 1. Selecteaza tipul de utilizator */

a.select, select.select{
    background-color: #0655fa;
    color: white;
    padding: 10px;
    font-size: 16px;
	border-bottom:solid 5px #0b8622;
    cursor: pointer;
	width:200px; margin:20px 20px 0 0; display:inline-block; text-align:center; text-decoration:none; 
	-webkit-transition: all 0.3s; transition: all 0.3s;
}

a.select:hover {background-color: #666; border-bottom:solid 5px #333;}

select.select option {background-color:#fff; color:#333;}

.navigare {display:block;position:relative;}
.navigarecurs {color:#0655fa;text-decoration:underline;}
.navigarelectii {display:inline-block; width:270px;background:#ececec; padding:10px;margin:0;text-transform:uppercase;text-align:center;position:relative;}
.navigarelectii span {font-size:14px;}
.lectiaprecedenta, .lectiaurmatoare {background:transparent; display:block; }
.lectiaprecedenta2 a {display:block;height:250px;width:60px;background:url(img/ss.png) no-repeat; background-position:center; text-indent:-15000px;overflow:hidden;opacity:.6;}
.lectiaurmatoare2 a {display:block;height:250px;width:60px;background:url(img/sd.png) no-repeat;text-indent:-15000px;overflow:hidden;background-position:center;opacity:.6; }
.lectiaprecedenta a, .lectiaurmatoare a {color:#0655fa;}
.lectiaprecedenta2 a:hover, .lectiaurmatoare2 a:hover {opacity:.4;}
.lectiaprecedenta {float:left;}
.lectiaurmatoare {float:right;}

.lectietab {max-width:100%;margin:10px auto;}
.lectietab td {vertical-align:middle;height:260px;}

.iconlectie {}
.linklectie {display:block;background:#ececec;text-decoration:none;margin:10px auto;padding:10px;max-width:100%;overflow:none;vertical-align:top;position:relative;-webkit-transition: all 0.5s; transition: all 0.5s;}
.linklectie:hover {color:#EA0154;}

.linkexamen {display:block;background:#EA0154;color:#fff;text-decoration:none;margin:10px auto;padding:10px;max-width:100%;overflow:none;vertical-align:top;position:relative;	-webkit-transition: all 0.5s; transition: all 0.5s;}
.linkexamen img {filter: brightness(0) invert(1);}
.linkexamen:hover {background:#0655fa;}


#wp-submit {
    background-color: #0655fa;
    color: white;
    padding: 10px;
    font-size: 16px;
	border-bottom:solid 5px #0b8622;
    cursor: pointer;
	width:200px; margin:20px 20px 0 0; display:inline-block; text-align:center; text-decoration:none; 
	-webkit-transition: all 0.3s; transition: all 0.3s;
}


/***ascund sagetile de la input number***/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.form-style-6{z-index:9;
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 500px;
    margin: 5px 0 10px 0;
    padding: 16px;
    background: #F7F7F7; line-height:120%; color:#000;
}

.form-style-6 h3 {line-height:130%;}
.form-style-6 .tiputilizator {background:#3958aa; padding:10px; margin:10px 15px; display:inline-block; text-decoration:none; color:#fff; }
.form-style-6 .active {background:red;border-bottom:2px solid #aeaeae;}
.form-style-6 .mailtip .active {background:auto;border-bottom:2px solid #aeaeae;}

.form-style-6 .inactive {background:#3958aa!important;opacity:.7;}
.form-style-6 .inactive:hover {background:red!important;}

.form-style-6 p { margin:5px 0; padding:5px 0;     
-webkit-margin-before: 5px;
-webkit-margin-after: 5px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px; line-height:120%;}

.form-style-6 .small {font-size:12px; color:blue; margin:5px 0; display:block;}

.form-style-6 input[type="text"],
.form-style-6 input[type="number"],
.form-style-6 input[type="tel"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="password"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select 
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif; text-align:left;
}

.form-style-6 input[type="checkbox"] {width:20px; height:20px; padding:10px; margin-right:20px;}

.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="tel"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="password"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    box-shadow: 0 0 5px #0655fa;
    padding: 3%;
    border: 1px solid #0655fa; text-align:left;
}


.form-style-6 input[type="submit"],
.form-style-6 input[type="button"] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 3%;
    background: #0655fa;
    border-bottom: 2px solid #1f3160;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;    
    color: #fff; cursor:pointer;
}
.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover,
.submit:hover {
    background: #1f3160;
}

.submit {background: #0655fa; border-bottom: 4px solid #1f3160; padding:10px; cursor:pointer; color:#fff; margin:15px 5px 5px 0;
	border-top-style: none;
    border-right-style: none;
    border-left-style: none; 
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
	
	
	
/* STUDII DE CAZ FORM */

.watupro-qnum-info {color:red;position:absolute;bottom:0;height:20px;}

.watupro-exam-description {padding:10px;color:#000!important; font-size:18px!important;line-height:150%;}
#timeNag a {background:#0655fa; color:#fff;padding:10px;}
#timeNag a:hover {background:#EA0154; color:#fff;padding:10px;}
.watupro-question-choice {background:#fff;padding:5px;margin:10px;
-webkit-box-shadow: 2px 2px 2px 1px #ccc;
-moz-box-shadow: 2px 2px 2px 1px #ccc;
box-shadow: 2px 2px 2px 1px #ccc;}
.watupro-question-choice input[type="radio"], .watupro-question-choice input[type="checkbox"]  {width:20px;height:20px;}
.question-choices {background:#ececec; padding:10px 0; display:block;}
	
.watupro-question-choice:hover {background:#d8e8e7;}
.watupro-question-choice input[type="radio"]:checked > * {}

.watupro_buttons input[type="button"] {padding:10px; background:#fff; color:#0655fa; border:1px solid #0655fa;}

.show-question {max-width:100%;padding:0!important;}
.show-question-choices {position:relative;}
.show-question-choices li.answer {list-style-type:circle;margin-left:25px;}

.show-question-choices {display:block;background:#e1e1e1;padding:0;}

.watupro_num:before {content:'▶ Intrebarea ';}

.watu-question, .question-content, .question-choices {background:#e1e1e1;}
.watu-question {overflow:hidden;display:block;float:none!important;}

.watupro-qnum-info, .watupro_num, #watupro_quiz h3  {padding-left:10px;}
.show-question-choices ul li.answer {border:1px solid #aaa;padding:5px;margin:5px auto;background:#fff;max-width:95%!important; min-height:35px;list-style-type:none;
-webkit-box-shadow: 2px 2px 2px 1px #ccc;
-moz-box-shadow: 2px 2px 2px 1px #ccc;
box-shadow: 2px 2px 2px 1px #ccc;}



#studiu {display:block;}
#studiu div#watupro_quiz {display:none;}
#incepe {cursor:pointer;}
#incepe:hover {opacity:.8;}


.watupro-main-feedback {display:block; max-width:100%;overflow:hidden; padding:10px;}
.watupro-main-feedback:before {content:'Motivatie'; font-size:22px;font-weight:700;display:block;padding:5px 0;margin:10px 0;border-bottom:1px dotted #666;max-width:80%;}

#watupro_quiz {display:block; margin:20px auto;background:#f6f7f9; padding:10px 0; border-top:1px dotted #e1e1e1;}

.watupro-start-quiz {color:#fff; font-size:22px!important; padding:10px!important; background:#EA0154!important; border:1px solid #fff!important; border-radius:5px!important; margin:10px 0!important; cursor:pointer;}
.watupro-start-quiz:hover {opacity:.8;}

.user-answer span.answer {
    background: url(img/icon/wrong-answer.svg) no-repeat left top!important;
    padding: 0 0 0 35px!important;
    display: inline-block;
    min-height:30px;
}

.correct-answer span.answer {
    background: url(img/icon/correct-answer.svg) no-repeat left top!important;
    padding: 0 0 0 35px!important;
    display: inline-block;
    min-height:30px; 
}


/*landing vim. */
.curte {display:block; height:110px; position:relative;}

.spatiator {display:block; height:35px; width:100%;}

.iconspin {opacity:0.4; overflow:hidden; display:block; text-align:center; margin:10px auto; max-width:100%; z-index:11;}
.textlink {display:block; width:90%; background:#ffffff; z-index:20; position:absolute; top:20px; left:0; opacity:0.8; padding:20px 15px 15px 15px; text-align:center; margin:0 auto;font-size:18px; min-height:50px;}
.textlink a {background:#fcfcfc; display:block; color:#000; border-radius:20px; -webkit-box-shadow: 0px 10px 17px -10px #f15a29;
-moz-box-shadow: 0px 10px 17px -10px #f15a29;
box-shadow: 0px 10px 17px -10px #f15a29; padding:0 20px 10px 20px;}
.textlink a:hover {color:#6e9832;}
.icon {
width: 76px; 
height: 76px;
top: -200px;
margin: 0 auto;
position: relative;
}
.icon:hover {
-moz-animation: rotatecircle 4s infinite linear;
-webkit-animation: rotatecircle 4s linear;
}
.outerCircle {
background-color: transparent;
border: 8px solid #e66d1f;
opacity: .7;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-radius: 100px;
width: 103px;
height: 103px;
margin: 0 auto;
-moz-animation: spinPulse 3s infinite ease-in-out;
-webkit-animation: spinPulse 3s infinite ease-in-out;
}
.innerCircle {
background-color: transparent;
border: 5px solid #6e9832;
opacity: .7;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 100px;
top: -110px;
width: 92px;
height: 92px;
margin: 0 auto;
position: relative;
-moz-animation: spinoffPulse 1s infinite linear;
-webkit-animation: spinoffPulse 1s infinite linear;

}

/*mobile menu*/
.home {display:none; position:absolute; top:50px; right:0; z-index:9999999;background:#fff; border-top:1px solid #EA0154; width:100%; padding:5px;}
.home a {color:#1b709d;text-decoration:none; padding:5px 0;display:block;}
.home a:hover {color:#EA0154;}

.doarmobil {display:none;}

/* ATELIERE PICIOR DIABETIC */
#map-canvas {display:block; width:100%;min-height:800px;z-index:2;position:relative;}
.titlul-principal {position:absolute;display:block;z-index:9;background:transparent;top:300px;left:0; margin:10px 0;}

.titlul {font-size:42px;line-height:150%;padding:5px 10px;  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(207,207,207,1);
    -moz-box-shadow: 0px 3px 7px 0px }
.header, .footer  {z-index:9;position:relative;}
.header {background:#fff;display:block;}
.descriere {padding:3px 10px;  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
font-size:16px;line-height:181%; }

.mainscriu {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.mainscriu:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.mainscriu:active {
	position:relative;
	top:1px;
}

table#alb td, table#alb th {border:1px solid #666!important;vertical-align:middle;}

table.alb {
  border: 1px solid #fff;
  text-align: left;
  border-collapse: collapse;
  color:#000;
  background:#fff;
}
table.alb td, table.alb th {
  border: 1px solid #fff;
  padding: 4px 12px;
}

table.alb thead {
  background: #fff;
  border-bottom: 5px solid #ececec;
}
table.alb thead th, table.alb thead tr {background:#fff;
  font-weight: bold;
  text-align: left;
}


table.gri {
  border: 1px solid #ececec;
  text-align: center;
  border-collapse: collapse;
  color:#000;
  background:#ececec;
}
table.gri td, table.gri th {
  border: 1px solid #333;
  padding: 12px;
}

table.gri tr:hover, table.gri tr:hover td {background:#e3e3e3;}
table.gri td[colspan] {
	background:#D0E4F5;
}

table.gri thead {
  background: #0B6FA4;
  border-bottom: 5px solid #ececec;
}
table.gri thead th, table.gri thead tr {background:#0B6FA4;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #ececec;
}
table.gri thead th:first-child {
  border-left: none;
}

table.gri tfoot {
  font-weight: bold;
  color: #333333;
  background: #D0E4F5;
  border-top: 3px solid #444444;
}


table.paleBlueRows {
  border: 1px solid #ececec;
  text-align: center;
  border-collapse: collapse;
}
table.paleBlueRows td, table.paleBlueRows th {
  border: 1px solid #ececec;
  padding: 12px;
}

table.paleBlueRows tr:hover, table.paleBlueRows tr:hover td {background:#ececec;}
table.paleBlueRows tbody td {
}
table.paleBlueRows tr:nth-child(even) {
  background: #D0E4F5;
}
table.paleBlueRows thead {
  background: #0B6FA4;
  border-bottom: 5px solid #ececec;
}
table.paleBlueRows thead th, table.paleBlueRows thead tr {background:#0B6FA4;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #ececec;
}
table.paleBlueRows thead th:first-child {
  border-left: none;
}

table.paleBlueRows tfoot {
  font-weight: bold;
  color: #333333;
  background: #D0E4F5;
  border-top: 3px solid #444444;
}


img.selectare {display:none;}
a:hover img.selectare {display:block;}

a.ateliere {margin:15px auto;display:block;text-align:center;padding:10px;font-size:18px;text-transform:uppercase;}
a.ateliere:hover {background:#b5124c;}

a.opac, a.opac img {    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
a.opac:hover {opacity:.6;}
a.opac:hover img {opacity:.6;}


/* END ATELIERE PICIOR DIABETIC */

.caseta {display:inline-block; padding:20px 10px;margin:20px ; max-width:100%;width:500px; text-align:left; background:url(img/transp-alb-75.png);
box-shadow: 0px 10px 30px 2px rgb(209 209 209); font-size:14px;
}
.caseta img {width:150px; height:auto; float:left; margin:5px 15px 50px 5px; }
.caseta h3 {text-align:left;padding:10px 0;}
.caseta h3:after {content:''; width:200px;height:1px; display:block;margin-top:5px;background:#ff6600;overflow:hidden;}
.caseta h4 {text-align:left;padding:10px 0;color:#333;}
.caseta h4:after {content:''; width:200px;height:1px; display:block;margin-top:5px;background:#ff6600;overflow:hidden;}
.caseta .calltoaction {display:block; text-align:left; clear:both;}
.caseta svg {float:left;margin:5px;}

.pastel1 {background:#ffcadd;}
.pastel2 {background:#CAFFE4;}
.pastel3 {background:#79D2E7;}
.pastel4{background:#F3EEAF;}


.wrapper-casete {display:block;background-size:cover;padding:10px; text-align:center; background-repeat:no-repeat;}

.local {width:48%; height:auto; display:inline-block; box-shadow: 1px 1px 12px 2px #ccc;margin:5px;border:1px solid #fff;padding:10px;}

.complet {margin-left:50px;}
@media screen and (max-width: 980px){
	.local {display:block;width:99%;}
	.user-avatar {float:none;}
	.caseta img {width:150px; height:auto; float:none; margin:5px 5px 5px 5px; }
	.caseta {max-width:95%; margin:10px auto;display:block; overflow:hidden;}
	.caseta svg {float:none;margin:5px;}
	
.pagina, .sidebar {display:block; float:none;}
.complet {width:95%!important;max-width:95%!important; margin-left:0;}
.pagina {max-width:95%;}
.w24 {width:100%;}
.header-logo p {padding-left:15px;display:block;font-size:16px;}
.header-logo {padding-bottom:15px;}
nav.header-top {display:none;}
	.loginb {display:none;}
	.svg-container {float:none;display:block;}
	nav.mobil {display:block;padding:10px;overflow:hidden;position:relative;color:#fff;}
	nav.mobil:after {content:''; clear:both;}
	.mobil .burger {float:right;}
	.mobil .home {float:left;width:auto;height:32px;line-height:32px;}
.ascunde {display:none;}
.doarmobil {display:block;}
.subheader-curs h1 {font-size:32px;}
.sidebar {margin:20px auto 10px auto;}
.sidebar h1, .sidebar h3 {font-family: 'Futura', sans-serif; font-size:28px;color:#000;text-align:left;padding-left:10px;}
.sidebar h1:after, .sidebar h3:after {display:block; content:''; height:2px; background:#0655fa; width:100px;margin:5px auto;}
.noline a {text-decoration:none;}
.noline h3 {margin-bottom:25px;text-align:center;}
.sidebar {width:100%; background:#fff; position:relative;  color:#666!important; font-size:14px; padding:0 0 10px 0; vertical-align:bottom; overflow:hidden; z-index:2;
-webkit-box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);
-moz-box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);
box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);}

.sidebar p {color:#666!important; font-size:14px; padding:0 15px; margin:10px 0; font-style:normal; font-weight:400; font-family:'Open Sans', sans-serif; position:relative;}
.sidebar p span {color:#0655fa; }
.sidebar p.inscriere {color:#0655fa!important; font-size:18px;}
.sidebar h2 { color:#0655fa; font-size:24px; font-weight:400; margin:10px 0 ;padding:0 15px; font-style:italic;}
.sidebar img {display:none; }
.sidebar input[type=submit] {background:#ec5252; color:#fff; text-align:left; display:block; width:80%; margin:20px 0; outline:none; border:none; font-size:16px; padding:20px 15px; cursor: pointer;}
.sidebar input[type=submit]:hover {background:#0655fa;}
}


@media screen and (max-width: 700px){
.sidebar-curs .inner {height:40px;}
.sidebar-curs .inner .curs-image {display:none;}

  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
  .cssmenu, .cssmenu2 {display:none;}
  #login, #plata, #contact {position:fixed; max-width:98%; margin-left:0!important;top:0; left:0;}
  .pop h2 {padding:5px;font-size:18px;max-width:100%; width:100%;}
  .pop input {width:200px; max-width:99%;}
  .home-stanga, .home-dreapta {display:block;width:100%;float:none;}
  .c33, .c50 {display:block;width:100%;max-width:100%;margin:0;padding:0;height:auto;min-height:1px;}
  
  .restrict {max-width:98%;margin:0 auto; padding:0;}
  iframe {max-width:100%; height:auto;}
  .studiu, .resurse .resursa, .autor {display:block;width:95%; margin:10px auto;}

.arii .arie {display:inline-block; padding:0 5px; margin:5px; width:120px;text-align:center;border:1px solid #888;line-height:14px;}
.arii .arie img {margin:5px auto!important;float:none!important;display:block!important;}

.explicatie {float:none;display:block;width:95%;margin:10px auto;}
.loginstanga {float:none;display:block;width:95%;margin:10px auto;}
.form-style-6 {max-width:100%;margin:15px auto;}
}




@media (max-width: 500px) {
	#gdpr-cookie-message, .buton, #gdpr-cookie-message a {font-size:9px!important;}
	#gdpr-cookie-message {padding:2px!important;} 
	#gdpr-cookie-message {margin:2px!important;}
	/*.sidebar {display:none;}*/
	}
	
	#gdpr {position: fixed; width: 100%;  height: 100%; top: 0; left: 0;  right: 0;bottom: 0;  background-color: rgba(0,0,0,0.5); background:transparent;z-index: 2; } 
#gdpr-cookie-message {display:block; text-align: left; position: relative; width: 96%; margin-left:2%; margin-right:2%; margin-bottom:20px; margin-top:10px; z-index:201;background-color: #0655fa; color:#fff;padding: 10px;border-radius: 5px;box-shadow: 0 6px 6px rgba(0,0,0,0.25); font-family: Tahoma, Verdana, sans-serif; line-height:100%;  font-size:12px; font-weight:400;} 
	#gdpr-cookie-message h4, #gdpr-cookie-message2 h4, #gdpr-cookie-message3 h4 {color: #fff;font-size: 14px;font-weight: 400;margin-bottom: 10px;}
	#gdpr-cookie-message a, #gdpr-cookie-message2 a, #gdpr-cookie-message3 a {color: #333;text-decoration: none;font-size: 12px;padding-bottom: 2px;border-bottom: 1px dotted rgba(255,255,255,0.75);transition: all 0.3s ease-in;}
	#gdpr-cookie-message a:hover, #gdpr-cookie-message2 a:hover, #gdpr-cookie-message3 a:hover {color: #333;border-bottom-color: var(--red);transition: all 0.3s ease-in;}
	#gdpr-cookie-message .buton {border: none; display:inline-block; background: #ececec;color: #333;font-size: 12px;padding: 7px;border-radius: 3px;margin: 10px 0 0 0;cursor: pointer;transition: all 0.3s ease-in;}
	#gdpr-cookie-message .buton:hover {background: #EEE8AA;color: #000;transition: all 0.2s ease-in;}
	#gdpr-cookie-message input[type="checkbox"] {float: none;margin-top: 0;margin-right: 5px;}
	
	
	
.lista_carton {
	position: relative;
	list-style: none;
	margin-left: 0;
	list-style-type:none;
	background:#fcfcfc;max-width:100%;padding:20px;margin:15px 0;text-align:left;overflow:hidden; 
	-moz-box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);
    box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);
	-webkit-box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);
}
.lista_carton li {margin:5px 0!important;color:#333;list-style-type:none!important;padding:0 10px 0 25px!important;}
.lista_carton li:before {
	content: "⋆";
	position: absolute;
	left: 15px;  color:#3958aa; font-size:2em; margin-top:-2px; 
}

table.evenimente td.latime_dif {min-width:150px;}
@media screen and (max-width: 800px){
	table.evenimente td.latime_dif {min-width:100px;}
}
table.evenimente {
  border: 1px solid #FFFFFF;
  text-align: center;
  border-collapse: collapse;
}
table.evenimente td, table.evenimente th {
  border: 1px solid #ececec;
  padding: 12px;
}

table.evenimente tr:hover, table.evenimente tr:hover td {background:#ececec;}
table.evenimente tbody td {
}
table.evenimente tr.ev_curent td {
  background: #EA0154; color:#fff;
}
table.evenimente tr.ev_curent td a {
	color:#fff;
}
table.evenimente thead {
  background: #0B6FA4;
  border-bottom: 5px solid #FFFFFF;
}
table.evenimente thead th, table.evenimente thead tr {background:#0B6FA4;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #FFFFFF;
}
table.evenimente thead th:first-child {
  border-left: none;
}

table.evenimente tfoot {
  font-weight: bold;
  color: #333333;
  background: #D0E4F5;
  border-top: 3px solid #444444;
}

.eveniment-buton {display:inline-block; padding:10px 10px 10px 25px; border:1px solid #EA0154; border-radius:20px; 
box-shadow:0px 3px 5px 0px #ececec; margin:10px; color:#0655fa; font-size:18px; font-weight: 700; background:#fff;}
.eveniment-buton:hover {background:#0655fa; color:#fff; border:1px solid #fff;}
.eveniment-buton:before {    content: '★';
    display: inline-block;
    color: #EA0154;
    width: 20px;
    height: 15px;
    margin-left: 1px;}


.coverwebinar {margin-top:-10px;}


.rc-anchor {display:none!important;}
.grecaptcha-badge {display: none !important;}
.resurse {display:inline-block;padding:10px; margin:15px; -webkit-box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);
    -moz-box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);
    box-shadow: 0px 10px 30px 2px rgba(209,209,209,1);
}
.resurse a {color:#fff;}

ul.mailtip{float: none;background-color: #fcfeff;list-style: none;border:1px solid #97bccc;border-radius: 0px 0px 10px 10px;overflow: hidden; border-top: none;}
ul.mailtip li p{text-align: left;line-height: 30px;cursor: pointer; margin: 0 9px; overflow: hidden; word-wrap: break-word; height: 30px;}
ul.mailtip li:last-child{border-radius: 0px 0px 10px 10px;}
ul.mailtip li.active{background: #eaeaea;}
ul.mailtip li.hover{background: #e7f6ff;}

.infomail {color:blue;margin:10px auto;}
.vimeo_cover iframe {position:absolute;top:0;left:0;width:100%;height:100%;}


.but2 {margin-left:-141px!important; margin-top:5px;width: 34px; height: 32px;border-radius:16px;}
.but1 a, .but3 a {text-decoration:underline;}

.forbidden {cursor:not-allowed; background:#fafafa;
    width: 100%;
    font-size: 10px;
    padding: 1px;
    color: #000;
    text-decoration: none;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    text-transform: uppercase;margin-top:0;
	}
	
/*mutate din header*/

	.arter:hover .arie {-webkit-box-shadow: 0px 12px 15px 2px rgba(102,102,102,0.6);
-moz-box-shadow: 0px 12px 15px 2px rgba(102,102,102,0.6);
box-shadow: 0px 12px 15px 2px rgba(102,102,102,0.6);}
	
	.wp-caption {text-align: center; background-color: #E5E5E5; padding:5px 0; border:1px solid #FCFCFC;display:inline-block;max-width:80%;margin:10px auto;}
.wp-caption p.wp-caption-text {color:#666; font-size: 12px; line-height:130%;}

.wp-caption img {max-width:100%; height:auto;}

	.webinar {width:300px;max-width:100%;display:inline-block;background:#fff;padding-bottom:10px;text-align:left;margin:10px; overflow:hidden;}
	.webinar h3 {text-align:center;line-height:120%;font-size:18px;margin:15px auto;min-height:60px;}
	
	a.buton_eve {position:relative; display: inline-block; width:270px;background:#28909A;height:150px; max-width:100%;text-align:center;color:#fff;text-decoration:none;padding:10px 0; margin:0;overflow:hidden;text-transform:uppercase;font-size:16px;vertical-align:middle;font-weight:400;}
  a.buton_eve svg {display:block;margin:10px auto;}
 
  
  a.buton_eve:hover {background:#073b4c!important; color:#fff;}
  
  a.buton_albastru {margin:10px; font-size: 22px; color:#fff;padding:20px;display:inline-block;float:right;border-radius:10px;box-shadow: 0px 10px 30px 2px rgb(209 209 209)}

a.buton_tabel {background:#EA0154; margin:10px; font-weight:700; color:#fff; padding:10px;display:inline-block; border-radius:10px;box-shadow: 0px 10px 30px 2px rgb(209 209 209); min-width:100px;}
a.buton_united {background:#E7222B; margin:10px; font-weight:700; color:#fff; padding:10px;display:inline-block; border-radius:10px;box-shadow: 0px 10px 30px 2px rgb(209 209 209); min-width:100px;text-align:center;text-decoration:none;}

@media only screen and (max-width: 800px) {
.webinar {margin:5px auto 20px auto;}
.webinar h3 {text-align:center;line-height:120%;font-size:18px;margin:15px auto;min-height:auto;}
a.buton_eve {display:block;width:100%;padding:10px;line-height:auto;}
}

.clasic_stil {color:#000;}
.clasic_stil ul {list-style-type:circle;margin-bottom:15px;margin-left:20px;}

ul.lista li, .list_ul ul li {list-style-type:circle;margin-left:30px;padding:5px;}
.list_ul {text-align:justify;}
.contact {float:right;height:32px;width:auto;margin-right:10px; display:block; color:#fff;position:relative;text-decoration:none;background:url(icon-bw/contact-alb.png) no-repeat right;padding-right:40px;background-size:32px 32px;line-height:32px;}
.cauta {float:right;height:32px;width:auto;margin-right:10px; display:block; color:#fff;font-size:14px;position:relative;text-decoration:none;background:url(icon-bw/search-alb.png) no-repeat right;padding-right:40px;background-size:32px 32px;line-height:32px;}
.facebook {float:right;height:32px;width:auto;margin-right:10px;line-height:32px;display:block; color:#000;font-size:14px;position:relative;text-decoration:none;background:url(icon-bw/facebook.png) no-repeat right;background-size:32px 32px;padding-right:40px;background-size:30px 30px;}
.youtube {float:right;height:32px;width:auto;margin-right:10px;line-height:32px;display:block; color:#000;font-size:14px;position:relative;text-decoration:none;background:url(icon-bw/youtube.png) no-repeat right;background-size:32px 32px;padding-right:40px;background-size:30px 30px;}

.ascuns {display:none;}
.arata {display:block!important;margin:0 auto 10px auto;background:#f7f7f7;padding:10px;padding-left:20px;}
.acordeon {margin:10px 0;font-size:22px;display:block;text-align:left;padding:5px;
color:#fff; background:#3fb2de;cursor:pointer;padding:5px; border-radius:10px;}

.acordeon:before {color:#fff;content: '+';margin-right:20px;}
.acordeon:after {content:''; display:block; height:1px; width:100%;clear:both;overflow:hidden;}
.deschis:before {content:'-'!important;}
.deschis {-webkit-box-shadow: 0px 12px 15px -12px rgba(102,102,102,1);
-moz-box-shadow: 0px 12px 15px -12px rgba(102,102,102,1);
box-shadow: 0px 12px 15px -12px rgba(102,102,102,1);}

ol {padding-left:30px;margin-left:15px;}
.pagina ul {padding-left:30px;margin:10px 0 10px 15px;}
.pagina ul li {padding:5px;}
		
		/*paginatie*/
.paginatie {display:block;padding:20px 0 5px 0px;font-size:14px;}
.paginatie a {text-align:center; color:#333;text-decoration:none; display:inline-block;border:1px solid #ccc; padding:5px 10px;  margin:2px;}
.paginatie span.current {text-align:center; color:#333;text-decoration:none; display:inline-block;border:1px solid #d9338c; padding:5px 10px;  margin:2px;}
.paginatie a.prev, .paginatie a.next {display:inline-block;background:#fcfcfc;border:1px solid #e1e1e1;font-size:14px;}
.paginatie a:hover {border:1px solid #d9338c;background:#d9338c;color:#fff;}
		
		ul.covizi li {list-style-type:none; display:inline-block; background:#EA0154;color:#fff;padding:10px;border-radius:10px;margin:10px 10px 10px 0;}
				ul.covizi2 li {list-style-type:none; display:inline-block; background:#0655FA;color:#fff;padding:10px;border-radius:10px;margin:10px 10px 10px 0;}
		ul.covizi a, ul.covizi2 a {color:#fff;text-decoration:none;}
		ul.covizi, ul.covizi2 {margin-left:0;padding-left:0}
.covizi .current-cat, .covizi2 .current-cat {   
	-webkit-box-shadow: 0px 10px 30px 2px #ffff00;
    -moz-box-shadow: 0px 10px 10px 2px #ffff00;
    box-shadow: 0px 10px 10px 2px #ffff00;}
	
#popup {
	padding:10px;
	text-align:center;
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#popup h3 {font-size:14px;position:absolute;top:0;left:10%; background:#333;color:#fff;height:100px;width:80%;padding:10px;display:block;margin:0 auto;font-weight:400;}

#popup iframe {position:absolute;top:130px;left:10%;width:80%;height:80%;display:block;margin:auto;}
.cover_film {padding:56.25% 0 0 0;position:relative;}

.vimeo_cover iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.coverwebinar {margin-top:-10px;}
.ridicat {margin-top:-260px;}
h2#result {background:#ff7f50; color:#000; padding:15px;text-align:center;margin:10ppx auto;font-style:normal;}
h2#result:before {display:block;content:'👍';margin:10px auto;font-size:52px;line-height:42px;text-align:center;color:white;font-style:normal;}

.grup_lucru {display:block; positioN;relative;max-width:800px; border:1px solid #ececec; border-radius:20px; padding:10px;margin:10px auto;}

.grup_lucru p:after {content:'';display:block; clear:both;}
.grup_lucru img {width:100px; height:auto;}

@media screen and (max-width: 780px){
.coverwebinar {margin-top:0;}
.ridicat {margin-top:-50px;}
a.buton_albastru {display:block;}
}


.linkuri_footer {line-height:160%;}
.linkuri_footer a {margin:5px 5px 5px 0;padding:5px;}
img.sponsor-img {margin:0; vertical-align:middle;max-width:100%;height:auto;margin:0 auto;}
div.sponsor {display:inline-block;width:250px;height:150px;line-height:150px;vertical-align:middle;border:1px solid #ececec;padding:5px;margin:5px;text-align:center;}

.gruplucru {display:block;margin:20px auto 15px auto;padding:0; text-align:right; color:#fff;background-color:#fff;
width:100%; box-shadow: 0px 5px 10px 2px rgb(209 209 209);}
.gl-stanga {display:inline-block;width:48%; text-align:left;padding:0;margin:0;padding:5px 0 0 0;color:#060D3A;background-color:#fff;
vertical-align:top;}
.gl-stanga img {width:120px;height:120px; display:inline-block;margin:10px;float:left;}
.gl-buton {background:#0B1667;color:#fff;text-decoration:none;border:1px solid #9F9CC6;margin:5px auto;display:inline-block;border-radius:5px;padding:5px;font-size:90%;}
.gl-dreapta {display:inline-block; width:50%;text-align:right;padding:5px 15px 20px 0; margin:0; background-repeat:no-repeat;background-position:left; background-size:auto 100%;min-height:150px;overflow:hidden;}
.gl-dreapta img {width:85px;height:85px;border:3px solid #fff;display:inline-block;margin-left:40px;}

.pro-curs {box-shadow: 0px 5px 10px 2px rgb(209 209 209);width:45%;margin:5px;display:inline-block;padding:10px;}

.toggle_descriere_curs {display:inline-block; font-size:14px;color:#000;padding:10px;border:1px solid #888; border-radius:15px;margin:15px 0; cursor:pointer; text-align:center;}
.toggle_descriere_curs:hover{ -webkit-box-shadow: 0px 2px 10px 2px rgba(209,209,209,1);
    -moz-box-shadow: 0px 2px 10px 2px rgba(209,209,209,1);
    box-shadow: 0px 2px 10px 2px rgba(209,209,209,1);}
#descriere_curs {display:block; margin:10px auto; max-width:95%; padding:20px; 
-webkit-box-shadow: 0px 2px 10px 2px rgba(209,209,209,0.5);
    -moz-box-shadow: 0px 2px 10px 2px rgba(209,209,209,0.5);
    box-shadow: 0px 2px 10px 2px rgba(209,209,209,0.5);
}
#descriere_curs h2 {font-size:28px;color:black; font-style:normal;font-weight:700;margin:15px 0;padding:10px 0;}

/* test 2025 */

/* Responsive Youtube Embeds */
.youtube_env {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
display:block;
}
.youtube_env iframe, .youtube_env object, .youtube_env embed {
position:absolute;top:0;left:0;width:100%;height:100%;
}

.ads {margin-bottom:20px;margin-top:0!important;}

.sponsori {display:block;padding:10px 0;overflow:hidden;width:100%; margin:10px auto 0 auto;}	
	.sponsori img {display:block; width:100px;max-width:100%;height:auto;}
.sponsori .singlet {width:100px;height:100px; display:inline-block;margin:5px;background:#fff;padding:10px;text-align:center; vertical-align:middle;line-height:150px;box-shadow: 0px 5px 10px 2px #f3f3f3; position:relative;}
.sponsori .singlet img {display:inline-block; max-width:100px; width:100%; height:auto;margin-top:10px;}
#com_expand input, #com_expand textarea {font-size:14px;font-family:Arial, sans-serif;font-style:normal;}
#arat_com_expand {box-shadow: 0px 0px 0px 0px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:16px 31px;
	text-decoration:none;
text-shadow:0px 1px 0px #283966;cursor:pointer;}

#arat_com_expand:hover {background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
background-color:#476e9e;}

#arat_com_expand:active {
	position:relative;
	top:1px;
}

/* TEMA NOUA */

:root{
  --brand: #0655fa;
  --card-w: 300px;
  --card-r: 16px;
  --card-pad: 14px;
  --card-shadow: 0 6px 18px rgba(0,0,0,.10);
  --card-shadow-hover: 0 12px 28px rgba(0,0,0,.18);
  --anim: .22s cubic-bezier(.2,.6,.2,1);
  --emc-bg: #111;
  --c1:#00a8ff;
  --c2:#0077ff;
  --shadow-1: rgba(0,119,255,.25);
  --shadow-2: rgba(0,119,255,.15);
  --radius: 30px;
}

/* Buton principal */
.button-motion {
  position: relative;
  background: linear-gradient(90deg, #00a8ff, #0077ff);
  color: white;
  font-weight: 400;
  font-size: 16px;
  padding: 16px 30px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  overflow: visible;
  transition: transform 0.3s ease;
  margin:10px auto;
  max-width:280px;
  text-transform:uppercase;
}

/* Straturi laterale (pseudo-elemente pentru efect de mișcare) */
.button-motion::before,
.button-motion::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -8px;
  left: 8px;
  border-radius: 30px;
  background: rgba(0, 119, 255, 0.25);
  z-index: -1;
  transform: translateX(8px);
  transition: transform 0.4s ease;
}

.button-motion::after {
  background: rgba(0, 119, 255, 0.15);
  right: -16px;
  transform: translateX(16px);
}

/* Efect de hover: se mișcă ușor umbrele */
.button-motion:hover {
  transform: translateY(-2px);
}

.button-motion:hover::before {
  transform: translateX(12px);
}

.button-motion:hover::after {
  transform: translateX(20px);
}
/* animații */
@keyframes pulse-main{
  0%,100%{ transform:scale(1); box-shadow:0 0 8px rgba(255,255,255,0.35), 0 8px 24px rgba(0,96,255,0.25); }
  50%{ transform:scale(1.03); box-shadow:0 0 14px rgba(255,255,255,0.5), 0 8px 28px rgba(0,96,255,0.3); }
}
@keyframes pulse-shadow{
  0%,100%{ transform:translateX(14px); opacity:.45; }
  50%{ transform:translateX(20px); opacity:.65; }
}

/* reduce motion */
@media (prefers-reduced-motion:reduce){
  .button-motion,
  .button-motion::after{ animation:none; transition:none; }
}

/* banda info */
.banda {width:100%; display:block; height:80px; position:relative; text-align:center;background: #EA0154;background: linear-gradient(to right,   #EA0154, #fe367d, #2050c1, #333333 );}
.l30 {width:24%; display:inline-block; text-align:center; color:#fff; font-size:16px; padding-top:16px; overflow:hidden;}
.l30 .bl {display:block; text-align:left; }
.l30 .bl a {color:#fff;text-decoration:none;}
.l30 .bl a:hover {color:#fff;text-decoration:underline;}
.bl img {height:40px; width:40px; color:#fff; margin:0 15px 0 0; display:inline-block; float:left; fill:#ffffff!important;}
.restrict {display:block;width:100%;max-width:1080px;margin:0 auto;position:relative;overflow:hidden;padding:0;}



	/*PROMO CURSSURI VAR1*/

.locatie {text-align:left;font-size:14px; padding:5px; border:1px solid #e3e3e3;position:absolute; bottom:0; left:0; background:#ececec;width:100%;margin-top:20px;}

/* containerul listei – grid responsiv */
.courses{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 300px));
  gap: 18px;
  justify-content: center; /* centrează grila ca bloc */
  padding-bottom:30px;
}

/* cardul */
.course-card{
  width: min(100%, var(--card-w));
  background: #fff;
  border-radius: var(--card-r);
  overflow: hidden;
  box-shadow: var(--card-shadow);
  will-change: transform, box-shadow;
  transition: transform var(--anim), box-shadow var(--anim);
  display: grid;
  grid-template-rows: 33.333% 1fr; /* 1/3 imagine, 2/3 conținut */
  height: 330px; 
  text-decoration:none;
  border:1px solid #fff;
}

.event-card{
  width: min(100%, var(--card-w));
  background: #fff;
  border-radius: var(--card-r);
  overflow: hidden;
  box-shadow: var(--card-shadow);
  will-change: transform, box-shadow;
  transition: transform var(--anim), box-shadow var(--anim);
  display: grid;
  height: 450px; 
  text-decoration:none;
  border:1px solid #fff;
}



.course-card:hover,.event-card:hover,
.course-card:focus-within, .event-card:focus-within{
  transform: translateY(-2px) scale(1.02);
  box-shadow: var(--card-shadow-hover);
}

/* imaginea din treimea superioară */
.course-card__media{ position: relative; height: 100%; }
.course-card__media img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}

/* corpul cardului */
.course-card__body{
  padding: var(--card-pad) calc(var(--card-pad) + 2px);
  display: grid;
  align-content: start;
  gap: 10px;
}

/* titlu */
.course-card__title{
  font: 600 1rem/1.25 "Georgia", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;            /* titlul pe max 2 linii */
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height:40px;
}

/* badge EMC – vizibil, compact, contrastant */
.course-card__emc{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--emc-bg);
  color: #fff;
  font: 700 .8rem/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: .02em;
  text-transform: uppercase;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

/* autori – paragraf normal, fără limită de înălțime */
.course-card__authors{
  margin: 0;
  font: 400 .9rem/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #555;
    display: -webkit-box;
  -webkit-line-clamp: 2;            /* pe max 2 linii */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* accesibilitate: reduce motion */
@media (prefers-reduced-motion: reduce){
  .course-card{ transition: box-shadow .15s linear; }
  .course-card:hover,
  .course-card:focus-within{ transform: none; }
}

.course-card__cta {
  display: inline-block;
  padding: 10px 26px;
  border-radius: 999px;
  background: #0655fa;
  color: #fff;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 4px 10px rgba(6,85,250,.3);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.toate_cursurile {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #fff;
  color: #0655fa;
  font: 600 0.9rem/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 4px 10px rgba(6,85,250,.3);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

/* Hover desktop */
.course-card__cta:hover {
  background: #0442c5; /* nuanță mai închisă */
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(6,85,250,.4);
}

/* Tap feedback pentru mobil */
.course-card__cta:active {
  transform: scale(.96);
  box-shadow: 0 2px 6px rgba(6,85,250,.25);
}


@media (max-width: 900px) {
	.c33 {display:block; margin:5px auto;float:none;width:99%;border:none;min-height:auto;}

  .courses {
    grid-template-columns: 1fr;     /* un card pe rând */
    justify-content: stretch;       /* întinde grila */
    padding: 0 0 30px 12px;                /* spațiu lateral */
  }

  .course-card, .event-card {
    width: 98%;                    /* full width în container */
    border-radius: 20px;            /* un pic mai rotunjit pt mobil */
  }
}

.c33 {width:30%; padding:0 0.5%; min-height:250px;display:inline-block;vertical-align:top;}
.linkuri_footer {line-height:160%;}
.linkuri_footer a {margin:5px 5px 5px 0;padding:5px;}

/* footer */
.footer {border-bottom:2px solid #333; padding:10px 0;background:#03344f;border-top:1px solid #0D557B;color:#fff;}
.footer a {color:#fff; text-decoration:none;}
.footer, .footer p, .footer a, .footer b {font-size:14px;}
.footer .stanga {float:left; width:46%;}
.footer .dreapta {float:right; width:46%;text-align:right;}
.link_footer {margin:0 0 5px 0;display:block;}

/*paginatie*/
.paginatie {display:block;padding:20px 0 5px 0px;font-size:14px;}
.paginatie a {text-align:center; color:#333;text-decoration:none; display:inline-block;border:1px solid #ccc; padding:5px 10px;  margin:2px;}
.paginatie span.current {text-align:center; color:#333;text-decoration:none; display:inline-block;border:1px solid #d9338c; padding:5px 10px;  margin:2px;}
.paginatie a.prev, .paginatie a.next {display:inline-block;background:#fcfcfc;border:1px solid #e1e1e1;font-size:14px;}
.paginatie a:hover {border:1px solid #d9338c;background:#d9338c;color:#fff;}

@media all and (max-width:1080px) {

	
	#meniu_desk {display:none;}

}