/*
Theme Name: AMF-B 2019 v3
Theme URI: http://www.datacentersolutions.ro
Description: OCTOMBRIE 2019
Author: DCSOL
Author URI: http://www.datacentersolutions.ro
Version: 3
*/

@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,700,700i|Open+Sans:300,400,400i,700,700i&display=swap&subset=latin-ext');


* {margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size: 100%; line-height:150%;  }

/*culori*/

/* http://paletton.com/#uid=53P0u0kp7oifkv+knrns5jGyeex */

:root {
  --baza1: #283e83; 
  --mov: #432885;
  --verde: #1C6977;
  --baza2: #496cb0; 
  --baza3: #46b2ef; 
  --baza4: #58baf1; 
  --baza5: #6497b1; 
  --albastru: #031f4b;
  --galben: #FFD201;
  --roz: #DFE6E9;
  --gri_1: #606469;
  --gri_2: #EEECEB;
  --negru: #091E3F;
  --alb: #fcfcfc;
}

/*
https://www.agence-me.com/us/branding-webdesign-sendinblue
https://www.sendinblue.com/
*/

body {background:#ececec;}


.evidentiator {background:#FFFFE0; padding:2px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.c-alb {color:#fff;}
.b-alb {background:#fff;}
.b-roz{color:#000;padding:1px 3px;background:var(--roz);box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.baza1 {background:var(--baza1);}
.baza2 {background:var(--baza2);}
.baza3 {background:var(--baza3);}
.baza4 {background:var(--baza4);}
.baza5 {background:var(--baza5);}
.gri2 {background:var(--gri_2);}

/* TIPOGRAFIE */
b {color:#000;padding:2px 10px;background:var(--roz);box-decoration-break: clone; -webkit-box-decoration-break: clone;}
p {margin:10px 0;}
a {color:#000;}
h1, h2, h3, h4, h5 {max-width:100%;overflow:hidden;font-family: 'Roboto Slab', serif;}

h1 {font-size:28px; font-weight:700;color:var(--negru);line-height:150%; padding:10px;  margin:15px 0;}
h2, div#usermessage2a {font-size:1.5rem;background:linear-gradient(to right, var(--gri_2), #ffffff); color:var(--negru);padding:1rem 0 1rem 0;margin:20px 0;border-left:15px solid var(--gri_2);margin-left:-15px;}
h3 {font-size:1.2rem; color:var(--negru);padding:0.8rem 0;margin:15px 0;font-weight:700;}

blockquote {background-image:url(img/ghilimele.jpg); background-size: 80px 61px; background-repeat:no-repeat; background-position:10px 10px; padding:10px 10px 10px 130px; margin:10px auto; display:block; font-style:italic; background-color:#dae1ff; border-radius:4px; color:#000; font-family:Georgia, serif;font-size:16px;}

ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}

.nunito {font-family: 'Roboto Slab', serif;}
h2.nunito {font-size:2rem; color:var(--negru);padding:1rem 0;margin:30px 0 5px 0;font-family: 'Roboto Slab', serif;font-weight:300;background:transparent;}
.cuvant {display:block;text-align:left; color:#000;
-webkit-box-shadow: 0 16px 24px 2px rgba(176, 176, 176, 0.14), 0 6px 30px 5px rgba(176, 176, 176, 0.12), 0 8px 10px -5px rgba(176, 176, 176, 0.2); 
box-shadow: 0 16px 24px 2px rgba(176, 176, 176, 0.14), 0 6px 30px 5px rgba(176, 176, 176, 0.12), 0 8px 10px -5px rgba(176, 176, 176, 0.2); 
border-radius:10px; padding:25px;position:relative;background:#fff; }
.cuvant:before {display:block;content:''; background:url(img/q_big.png) no-repeat; width:128px;height:128px;float:right; margin:0 0 5px 15px;}
.cuvant:after {content:'';position:absolute;top:0;left:0;width:25px;height:80px;background:var(--baza1);border-radius:10px 0 0 0;}
.bara {padding:0 5px 10px 25px;}
.bara:after {content:'';position:absolute;top:0;left:0;width:25px;height:80px;background:var(--baza1);border-radius:10px 0 0 0;}
.cuvant_in {padding:15px 5px 5px 30px;}

.butonalb {display:inline-block;padding:10px;margin:20px auto; border-radius:10px; border:1px solid #fff; color:#fff; font-size:24px;text-transform:uppercase;text-decoration:none;}
.butonalb:hover {background:#fff;color:var(--mov);}

.butonmov {display:inline-block;padding:10px;margin:20px auto; border-radius:10px; border:1px solid var(--mov); color:var(--mov); font-size:24px;text-transform:uppercase;text-decoration:none;}
.butonmov:hover {color:#fff;background:var(--mov);}

.buton {background-color:var(--negru); background-image:url(img/logo_m.png); background-repeat:no-repeat; background-position:left center; color:#fff;text-decoration:none;display:inline-block;padding:10px 10px 10px 30px;border-radius:10px;border-bottom:2px solid var(--galben);  position:relative;margin:10px;transition:all 0.3s;}
.buton:hover {background-color:var(--albastru);    box-shadow: 0px 12px 15px -10px rgba(170,170,170,1);}

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

.blocmembru {display:inline-block;width:200px;height:auto;overflow:hidden;background:#fcfcfc;padding:3px;text-align:center;}
.blocmembru img {display:block;margin:2px auto;}

.top {color:#fff; background:var(--baza1); text-align:right;}

.c30 {display:inline-block;width:30%;vertical-align:top;margin:0 0.5%;}
.c50 {display:inline-block;width:50%;vertical-align:top;}
.c20 {display:inline-block;width:20%;vertical-align:top;}
svg.iconita {width:102px;height:102px;display:inline-block;fill:#ffffff;}

.bgmembri {display:block;min-height:400px;background-image:url(bg/bgmembri.jpg);background-repeat:no-repeat;background-size:cover;position:relative;text-align:center;}

.sectiunemembri {display:inline-block; width:500px; max-width:85%; border:5px solid #fff; font-size:28px; font-weight:700; overflow:hidden; margin:70px auto;padding:20px; position:relative;color:#fff;text-decoration:none;text-align:center;transition:0.2s;}
.sectiunemembri:hover {opacity:.8}

/* SUBMENIU */
.submeniu {display:block; padding:10px;  font-size:22px;text-transform:uppercase; text-align:center;}


.butonsub {background:#0066ae; color:#fff; text-decoration:none; display:inline-block; padding:15px; text-align:center; margin:10px auto;transition:all 0.3s;}
.butonsub svg {fill:#ffffff;display:inline-block;position:relative;margin:10px auto;transition:all 0.3s;}
.butonsub:hover svg {fill: #000!important;}
.butonsub:hover {color:#000!important;}

/*butoane*/
.btn {
	display:inline-block;
  background-color: var(--baza1);
  border: none;
  color: white;
  padding: 12px 16px;
  font-size: 14px; font-weight:300; font-family: inherit; letter-spacing:1px;
  cursor: pointer;
  text-decoration:none;
}
.btn:hover {
  background-color: var (--baza5);
}

/*slider home*/
.imagwrap {display:block;width:100%;height:auto;overflow:hidden;}
.sl {display:block; position;relative; margin:10px auto; overflow:hidden; max-width:100%;border:1px solid var(--gri_2);border-radius: 10px 10px 0 0; }
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
  
  .sl h3 {
  text-align: center;
  color: #fff;
  }

.events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 0px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
  .callbacks li a {text-decoration:none;}

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  /* height: 450px; */
  height:auto;
  width: 100%;
  border: 0;
  }

.caption {
  display: block;
  /*position: absolute; */
 position:relative;
  z-index: 2;
  font-size: 24px;font-weight:400;
  text-shadow: none;
  color: #fff;
   background: var(--baza1); 
/*background-image:url(img/transp-negru-75.png);*/
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 10px 20px;
  margin: auto;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("img/nav-albastru.png") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

@media screen and (max-width: 600px) {
	
	  .c20, .c30, .c50 {display:block;width:100%;}
	  .footer .c30 {float:none!important;text-align:left!important;}

  .callbacks_nav {
    top: 47%;
    }
  }
  
  
  .listamica {text-align:left;width:90%;max-width:500px;display:block; margin:10px auto;list-style-image: url('img/patrat-galben.png');}
  .listamica li {margin:0 0 20px 10px; padding:0 0 0 15px; position:relative;}
  
  .blocmembri {position:relative;margin:0;display:block; width:100%;background-image:url(bg/fundal-membri.jpg);background-repeat:no-repeat;background-size:cover;text-align:center;}
  .blocgrup {position:relative;margin:0;display:block; width:100%;background-image:url(bg/fundal-grup.jpg);background-repeat:no-repeat;background-size:cover;text-align:center;}

 .blocmembri .mash {background-image:url(img/transp-blue-80.png); background-repeat:repeat;padding:20px;display:block;color:#fff;max-width:700px;margin:15px auto;}
 .blocgrup .mash {background-image:url(img/transp-mov-80.png); background-repeat:repeat;padding:20px;display:block;color:#fff;max-width:700px;margin:15px auto;}



/* ARHITECTURA */
.bloc {display:block; position:relative; max-width:100%;margin:0;}
.restrict {max-width:1050px;display:block; margin:0 auto;}
.g {background:linear-gradient(to bottom, #ffffff, #f7f5f6);min-height:800px;}
.w24 {width:25%;min-height:320px; display:block;float:left;position:relative;transition:all 0.3s;-webkit-transition:all 0.3s;cursor:pointer;}
.w24 .mask {background:transparent;display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:0;color:#fff;font-size:64px;line-height:300px;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .3s ease-out;}
.w24:hover .mask{background:var(--albastru);opacity:.8;cursor:pointer;transform: scaleX(1);}
.w24 h3 {font-size:1.2rem; font-weight:300;text-transform:uppercase;}


.w20 {width:20%;min-height:320px; display:block;float:left;position:relative;transition:all 0.3s;-webkit-transition:all 0.3s;cursor:pointer;}
.w20 .mask {background:transparent;display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition:all 0.3s;-webkit-transition:all 0.3s;opacity:0;color:#fff;font-size:64px;line-height:300px;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .3s ease-out;}
.w20:hover .mask{background:var(--albastru);opacity:.8;cursor:pointer;transform: scaleX(1);}
.w20 h3 {font-size:1.2rem; font-weight:300;text-transform:uppercase;}
.w20 a {text-decoration:none;}

.w100 {width:100%;}

.c33 {width:32.5%;  min-height:250px;display:inline-block;vertical-align:top;text-align:left; }
.last {border-right:none;}
.c50 {width:45%;}


div.clear {clear:both;display:block;}
div.sep {padding:10px 0; border-top:3px dashed #1975a6;max-width:250px; margin:0;}
div.sep1 {display:block;float:right;border-top:1px dashed var(--baza1);width:250px;}
div.sep1:after {clear:both;}
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;}


.footer {background:var(--albastru);text-align:left;display:block;max-width:100%;margin:0 auto;color:#fff;}
.footer, .footer a {color:#fff;text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.footer ul {list-style-type:none; }
.footer .meniu_footer { padding-left:20px;}
.footer ul li {margin:10px 0;}
.pagina {display:block; position:relative; width:750px; min-height:500px;float:left;overflow:hidden; border-radius:15px; background:#fff;}
.content {padding:10px;}

.sidebar {background:#ececec;width:250px;float:right;min-height:800px;position:relative;overflow:hidden;   
}
.sidebar h3 {padding:5px 10px; font-size:1.2rem; font-weight:300;font-family: 'Open Sans', sans-serif;margin:2px 0;}
.sidebar h3:after {content:''; display:block; width:90%; max-width:250px; border-bottom:1px solid var(--baza1);}
.sidebar p {font-size:14px;}

.sidebar .caseta a.listasectiuni {color:#fff; font-size:16px; font-weight:700; background:var(--baza1); border-radius:5px;  padding:5px;margin:10px 0;display:block; position:relative; text-decoration:none;}
.sidebar .caseta a.listasectiuni:hover {background:var(--baza2);}

.meta {color:#000; margin:0; font-size:12px;}

.caseta {width:90%;margin:5px auto 25px auto; display:block;min-height:200px;border-radius:5px;  overflow:hidden;font-size:.9rem;line-height:1.1rem;
-webkit-box-shadow: 0px 12px 15px -17px rgba(102,102,102,1); 
-moz-box-shadow: 0px 12px 15px -17px rgba(102,102,102,1);
box-shadow: 0px 12px 15px -17px rgba(102,102,102,1);} 
.caseta a { color:#000;padding:3px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone; transition:all 0.3s ;}
.sidebar .caseta a:hover {background:transparent;}
.caseta:hover {-webkit-box-shadow: 0px 12px 15px -17px rgba(72,72,72,1); 
-moz-box-shadow: 0px 12px 15px -17px rgba(72,72,72,1);
box-shadow: 0px 12px 15px -17px rgba(72,72,72,1);background:#ececec;}

.caseta:after {clear:both;}

a.side {text-decoration:none;background:transparent;color:#000;display:block;padding:10px;border:1px solid #fff;}
a.side:hover {opacity:.8;border:1px solid #e3e3e3;}

.plati {background:var(--baza1); padding:10px;display:block;position:relative;color:#fff;}

.promo {width:90%;margin:15px auto; display:block;min-height:200px;background:#fff;  border-bottom:2px solid var(--baza1);overflow:hidden;font-size:.9rem;line-height:1.1rem;font-weight:700;} 
.promo a {background:var(--galben); color:#000;padding:3px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone; transition:all 0.3s ;}
.promo a:hover {text-decoration:none;}
.promo:after {clear:both;}

.pagina h1 {margin-bottom:10px;margin-top:0;padding:5px 5px 5px 5px;}
.pagina h1:after {display:block;content:'';border-bottom:1px solid var(--baza1);max-width:250px;margin:20px 0 5px 0;height:1px;}
.pagina ul {list-style-type:circle;padding:5px 0 5px 15px;margin-left:20px;}
.pagina ul li {margin:2px 0 2px 10px;padding:2px;line-height:150%;}

.promomembri {}
.metajos {display:block;background:#ececec;padding:10px;max-width:100%;margin:20px 0;font-size:14px;}
.altearticole {display:block; position:relative;text-align:center;}
.altearticole .art {display:inline-block; width:200px;background:#ececec;padding:10px;border:1px solid #e3e3e3;border-radius:5px;margin:10px; text-decoration:none;}
.art:hover {background:#e3e3e3;}
.divider-1 {
		border-bottom: 1px solid #FFF;
		background-color: #DADADA;
		height: 1px;
		margin: 0.5em 0px 1.5em;
}

.divider-1 span {
		display: block;
		width: 150px;
		height: 1px;
		background-color: var(--baza1);
}

.navcat {background:#fcfcfc; border-top:1px solid #ececec; border-bottom:1px solid #ececec;display:block;position:relative;padding:10px 0; margin:20px 0 20px 0;line-height:150%;}
.navcat a {display:inline-block;font-size:16px font-weight:300;text-transform:uppercase;padding:5px;}
.navcat a.selected {background:#ececec;color:#000; font-weight:700;margin:5px 5px;}
.navcat a:hover {background:#ececec;color:#000;}

/* HOMEPAGE */
h3.descriere {font-size:18px;font-weight:300;}
.colour-block, .white-block {text-align:center;}
.colour-block {
  background:var(--mov);
  width:60%;
  padding:7% 20% 10% 20%;
  color:#fff;
}
.white-block {
  background:#fff;
  width:60%;
  padding:7% 20% 10% 20%;
  color:var(--mov);
}

.skew-cc{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to right bottom, var(--mov) 49%, #fff 50%),    linear-gradient(-50deg, #ffffff 16px, #000 0);
}

.skew-c{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #fff 49%, var(--mov) 50%);
}


/*tabel*/

.newspaper-b ul li { color: #669;}
.newspaper-b tbody tr:hover td li {color: #339;}

.newspaper-b
{
	margin: 15px auto;
	width: 99%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
.newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	color: #039;
}
.newspaper-b tbody
{
	background: #e8edff;
}
.newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
.newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}



/*imagini*/
img {max-width:100%;height:auto;}
.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%;}




/***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:9999;
    font: 95% 'Open Sans Condensed', sans-serif;
    max-width: 500px;
    margin: 5px 0 10px 0;
    padding: 16px;
    background: #F7F7F7; line-height:120%;
}

.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 {border-bottom:2px solid #aeaeae;}
.form-style-6 .inactive {background:#3958aa!important;opacity:.7;}

.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% 'Open Sans Condensed', 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 var(--baza2);
    padding: 3%;
    border: 1px solid var(--baza2); 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: var(--baza2);
    border-bottom: 2px solid var(--baza1);
    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: var(--baza1);
}

.submit {background: var(--baza2); border-bottom: 4px solid var(--baza1); 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;}
	
	
	
	
.doarmobil {display:none;}
@media screen and (max-width: 980px){
.w24, .w20 {width:100%;}
.curs-item {display:block;}
.ascunde {display:none;}
.doarmobil {display:block;}
.restrict {overflow:hidden;}
.pagina, .sidebar {float:none;width:95%;margin:10px auto;overflow:hidden;position:relative;}
.altearticole .art {display:inline-block; width:98%;background:#ececec;padding:10px;border:1px solid #e3e3e3;margin:10px auto;}
svg.iconita {display:block;float:none;margin-top:60px;margin:10px auto;}


h3.descriere {font-size:18px;font-weight:300;}
.colour-block, .white-block {text-align:center;}
.colour-block {
  background:var(--mov);
  max-width:100%;width:90%;margin:10px auto;overflow:hidden;
  padding:20px;display:block;
  color:#fff;
}
.white-block {
  background:#fff;
  max-width:100%;width:90%;margin:10px auto;overflow:hidden;
  padding:20px;display:block;
  color:var(--mov);
}

.skew-c, .skew-cc{display:none;}

}

@media screen and (max-width: 700px){
	.header {padding-bottom:0;}
	.pagina {min-height:none;}
  .c33, .c50 {display:block;width:100%;max-width:100%;margin:0;padding:0;height:auto;min-height:1px;}
  .f-stanga, .f-dreapta {float:none;}
}





/*meniu*/

.header {text-align:left; max-width:100%;margin:0; position:relative;display:block;background:#fff;padding:10px 0; }

.logo img {display:inline-block;height:70px; width:auto; border-radius:10px;border-left:5px solid var(--alb);border-right:5px solid var(--alb);transition:all 0.3s;padding:0 5px;}

.logo {display:block;float:none;background:transparent;}
.logo:hover {}


.menu-meniul-principal-container {display:block;}
.menu{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);display:block; }
.menu ul,.menu li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.menu>li>h1,.menu>li>h2,.menu>li>h3,.menu>li>h4,.menu>li>h5,.menu>li>h6{margin:0;padding:0;}
.menu ul{display:none;}
.menu li,.menu a{position:relative;}
.menu a{display:block;}
.menu a.disabled{cursor:default;}
.menu::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.menu *,.menu *::before,.menu *::after{box-sizing:inherit;}

.menu {
  /*background: var(--alb);*/
  background:transparent;
  border-radius: 5px;
  float:none;
}
.menu a, .menu a:hover, .menu a:focus, .menu a:active {
  padding: 13px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: var(--albastru);
  font-family: inherit;
  font-size: 18px;
  font-weight: 400;
  line-height: 19px;
  text-decoration: none;
}
.menu a.current {
  color: var(--gri_1);
}
.menu a.disabled {
  color: #bbbbbb;
}
.menu a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.menu a .sub-arrow::before {
  content: '+';
}
.menu a.highlighted .sub-arrow::before {
  content: '-';
}
.menu > li:first-child > a, .menu > li:first-child > :not(ul) a {
  border-radius: 5px 5px 0 0;
}
.menu > li:last-child > a, .menu > li:last-child > *:not(ul) a, .menu > li:last-child > ul, .menu > li:last-child > ul > li:last-child > a, .menu > li:last-child > ul > li:last-child > *:not(ul) a, .menu > li:last-child > ul > li:last-child > ul, .menu > li:last-child > ul > li:last-child > ul > li:last-child > a, .menu > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  border-radius: 0 0 5px 5px;
}
.menu > li:last-child > a.highlighted, .menu > li:last-child > *:not(ul) a.highlighted, .menu > li:last-child > ul > li:last-child > a.highlighted, .menu > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .menu > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .menu > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .menu > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  border-radius: 0;
}
.menu li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.menu > li:first-child {
  border-top: 0;
}
.menu ul {
  background: rgba(162, 162, 162, 0.1);
}
.menu ul a, .menu ul a:hover, .menu ul a:focus, .menu ul a:active {
  font-size: 16px;
  border-left: 8px solid transparent;
}
.menu ul ul a,
.menu ul ul a:hover,
.menu ul ul a:focus,
.menu ul ul a:active {
  border-left: 16px solid transparent;
}
.menu ul ul ul a,
.menu ul ul ul a:hover,
.menu ul ul ul a:focus,
.menu ul ul ul a:active {
  border-left: 24px solid transparent;
}
.menu ul ul ul ul a,
.menu ul ul ul ul a:hover,
.menu ul ul ul ul a:focus,
.menu ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.menu ul ul ul ul ul a,
.menu ul ul ul ul ul a:hover,
.menu ul ul ul ul ul a:focus,
.menu ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

/* cssmenu */
#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto; text-align:left;
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 97;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li:hover {
  position: relative;
  z-index: 99;
  cursor: default;
}
#cssmenu ul ul {
  display:none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
#cssmenu ul li:hover > ul {
  display:block;
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
/* Custom CSS Styles */

#cssmenu > ul {
  *display: inline-block;
}

#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu ul {
  text-transform: uppercase;
}
#cssmenu ul ul {
  text-transform: none;
  min-width: 190px;
}
#cssmenu ul ul a {
  border-top: 0 none;
  line-height: 150%;
  padding: 16px 20px;
  font-size: 12px;
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul li:first-child > a {
  border-top: 1px solid #2a4aa0;
}
#cssmenu ul ul li:hover > a {
  background: #4eb1ff;
  color: #ffffff;
}
#cssmenu ul ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 1px 0 #3958aa;
  -webkit-box-shadow: 0 1px 0 #3958aa;
  box-shadow: 0 1px 0 #3958aa;
}
#cssmenu ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
  background: #3958aa;
  color: #ffffff;
}
#cssmenu ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%; 
}
#cssmenu a {
  background: #ececec;
  color: #333;
  padding: 0 20px;
}
#cssmenu > ul > li > a {
  line-height: 48px;
  font-size: 12px; 
}
/* end css menu */

@media (min-width: 960px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
 
  
  .menu ul {
    position: absolute;
    width: 12em;
  }

  .menu li {
    float: left;
  }

  .menu .sm-rtl li {
    float: right;
  }

  .menu ul li, .menu .sm-rtl ul li, .menu .sm-vertical li {
    float: none;
  }

  .menu a {
    white-space: nowrap;
  }

  .menu ul a, .menu .sm-vertical a {
    white-space: normal;
  }

  .menu .sm-nowrap > li > a, .menu .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */

  .logo {float:left;}
  .menu {
  
  /*background: var(--alb);*/
  background:transparent;
    border-radius: 5px;
	float:right;
	margin-top:20px;
  }
  .menu a, .menu a:hover, .menu a:focus, .menu a:active, .menu a.highlighted {
    padding: 12px 12px;
    color: var(--albastru);
    border-radius: 0 !important;
  }
  .menu a:hover, .menu a:focus, .menu a:active, .menu a.highlighted {
    color: var(--gri_1);
  }
  .menu a.current {
    color: var(--gri_1);
  }
  .menu a.disabled {
    color: #bbbbbb;
  }
  .menu a.has-submenu {
    padding-right: 24px;
  }
  .menu a .sub-arrow {
    top: 50%;
    margin-top: -2px;
    right: 12px;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid dashed dashed dashed;
    border-color: var(--negru) transparent transparent transparent;
    background: transparent;
    border-radius: 0;
  }
  .menu a .sub-arrow::before {
    display: none;
  }
  .menu li {
    border-top: 0;
  }
  .menu > li > ul::before,
  .menu > li > ul::after {
    content: '';
    position: absolute;
    top: -18px;
    left: 30px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent var(--baza1) transparent;
  }
  .menu > li > ul::after {
    top: -16px;
    left: 31px;
    border-width: 8px;
    border-color: transparent transparent #fff transparent;
  }
  .menu ul {
    border: 1px solid var(--baza1);
    padding: 5px 0;
    background: #fff;
    border-radius: 5px !important;
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
  }
  .menu ul a, .menu ul a:hover, .menu ul a:focus, .menu ul a:active, .menu ul a.highlighted {
    border: 0 !important;
    padding: 10px 20px;
    color: #555555;
  }
  .menu ul a:hover, .menu ul a:focus, .menu ul a:active, .menu ul a.highlighted {
    background: #eeeeee;
    color: var(--gri_1);
  }
  .menu ul a.current {
    color: var(--gri_1);
  }
  .menu ul a.disabled {
    background: #fff;
    color: #cccccc;
  }
  .menu ul a.has-submenu {
    padding-right: 20px;
  }
  .menu ul a .sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .menu .scroll-up,
  .menu .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px;
  }
  .menu .scroll-up:hover,
  .menu .scroll-down:hover {
    background: #eeeeee;
  }
  .menu .scroll-up:hover .scroll-up-arrow {
    border-color: transparent transparent var(--gri_1) transparent;
  }
  .menu .scroll-down:hover .scroll-down-arrow {
    border-color: var(--gri_1) transparent transparent transparent;
  }
  .menu .scroll-up-arrow,
  .menu .scroll-down-arrow {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 6px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .menu .scroll-down-arrow {
    top: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .menu .sm-rtl a.has-submenu {
    padding-right: 12px;
    padding-left: 24px;
  }
  .menu .sm-rtl a .sub-arrow {
    right: auto;
    left: 12px;
  }
  .menu .sm-rtl.sm-vertical a.has-submenu {
    padding: 10px 20px;
  }
  .menu .sm-rtl.sm-vertical a .sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .menu .sm-rtl > li > ul::before {
    left: auto;
    right: 30px;
  }
  .menu .sm-rtl > li > ul::after {
    left: auto;
    right: 31px;
  }
  .menu .sm-rtl ul a.has-submenu {
    padding: 10px 20px !important;
  }
  .menu .sm-rtl ul a .sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .menu .sm-vertical {
    padding: 10px 0;
    border-radius: 5px;
  }
  .menu .sm-vertical a {
    padding: 10px 20px;
  }
  .menu .sm-vertical a:hover, .menu .sm-vertical a:focus, .menu .sm-vertical a:active, .menu .sm-vertical a.highlighted {
    background: #fff;
  }
  .menu .sm-vertical a.disabled {
    background: #eeeeee;
  }
  .menu .sm-vertical a .sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .menu .sm-vertical > li > ul::before,
  .menu .sm-vertical > li > ul::after {
    display: none;
  }
  .menu .sm-vertical ul a {
    padding: 10px 20px;
  }
  .menu .sm-vertical ul a:hover, .menu .sm-vertical ul a:focus, .menu .sm-vertical ul a:active, .menu .sm-vertical ul a.highlighted {
    background: #eeeeee;
  }
  .menu .sm-vertical ul a.disabled {
    background: #fff;
  }
}

/*# sourceMappingURL=sm-clean.css.map */

/*tabel*/
#datatable1 {
  font-size:12px;
  border-collapse: collapse;
  width: 100%;
}

#datatable1 td, #datatable1 th {
  border: 1px solid #ddd;
  padding: 3px;
}

#datatable1 tr:nth-child(even){background-color: #f2f2f2;}

#datatable1 tr:hover {background-color: #ddd;}

#datatable1 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}

#interes {display:none;}

@media (min-width:768px) {
  /* prevent text rendering degrade during animation in Mac browsers */
  #menu-meniul-principal {
    -webkit-font-smoothing: subpixel-antialiased;
  }
  /* show animation */
  #menu-meniul-principal ul.show-animation {
    -webkit-animation: show-animation 0.2s;
    animation: show-animation 0.2s;
  }
  @-webkit-keyframes show-animation {
    0% {
      -webkit-transform: scale3d(0, 0, 1);
      opacity: 0;
    }
    60% {
      -webkit-transform: scale3d(1.05, 1.05, 1);
    }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
      opacity: 1;
    }
  }
  @keyframes show-animation {
    0% {
      transform: scale3d(0, 0, 1);
      opacity: 0;
    }
    60% {
      transform: scale3d(1.05, 1.05, 1);
    }
    100% {
      transform: scale3d(1, 1, 1);
      opacity: 1;
    }
  }
  /* hide animation */
  #menu-meniul-principal ul.hide-animation {
    -webkit-animation: hide-animation 0.2s;
    animation: hide-animation 0.2s;
  }
  @-webkit-keyframes hide-animation {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale3d(0, 0, 1);
      opacity: 0;
    }
  }
  @keyframes hide-animation {
    0% {
      transform: scale3d(1, 1, 1);
      opacity: 1;
    }
    100% {
      transform: scale3d(0, 0, 1);
      opacity: 0;
    }
  }
}


.cover {position:fixed;display:block;top:0;left:0;background:url(img/bg/simpozion.jpg);height:1200px;background-size:cover;width:100%;z-index:-1;background-repeat:no-repeat;}
.paralax {display:block; background:url(bg/eprubete.jpeg); width:100%;background-size:cover;background-repeat:no-repeat;}
.transp {background:#fff;display:block;overflow:hidden; padding:30px 0;}
img.inscrie {display:block; margin:15px 0; width:100%; max-width:500px; height:auto;}

/* query */
.loop {background:#f5f5f5; margin:15px 0 20px 0; padding:10px;display:block;border-radius:10px;border-bottom:1px solid #e3e3e3;transition:all 0.3s;-webkit-box-shadow: 0px 12px 15px -17px rgba(72,72,172,.7);
-moz-box-shadow: 0px 12px 15px -17px rgba(72,72,72,.7);
box-shadow: 0px 12px 15px -17px rgba(72,72,72,.7);}
.loop .textcard {display:block; position:relative; max-width:100%; padding:10px;}
.loop a {display:block;text-decoration:none; color:#000;}
.loop:hover {background:#e3e3e3;}
.loop img {border-radius:10px; width:100px;height:100px;}
.data {display:inline-block;padding:5px;font-size:12px;background:transparent;color:var(--negru);font-weight:700;}
.more {background:var(--baza1);color:#fff;padding:2px 5px; font-size:12px;display:inline;}
.loop h4 span {color:#000;padding:2px; text-decoration:none;}

/*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 var(--baza1); 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 var(--baza1);background:var(--baza1);color:#fff;}