body,td,tr {color:#171510; align:center;font-family: Calibri; font-size:16px;}
body {margin:0px;}
a:link {color: #000; text-decoration:none;}a:visited {color:#000; text-decoration:none;}a:hover {color:#CE1698;text-decoration:none;}
a.alb:link {color: #FFF; text-decoration:none;}a.alb:visited {color:#FFF; text-decoration:none;}a.alb:hover {color:#EEE437;text-decoration:none;}

H1 { color:#011D3D; font-size:30px; padding:10px 0px 15px 0px; margin:0px;}
H2 { color:#011D3D; font-size:26px; padding:10px 0px 15px 0px; margin:0px;}
H3 { color:#011D3D; font-size:22px; padding:0px; margin:0px;}

table.grey { margin:20px 0px 20px 0px;}
table.grey td { border-radius: 10px; border: 1px solid #EFEFEF; background-color:#F3F3F3; padding:10px;}

.MeniuTablet {margin-bottom: 1px; font-size:18px;} 
.MeniuTablet a:link { padding:2px 0px 2px 10px; display: block; color:#FFF;text-decoration:none;}
.MeniuTablet a:visited { padding:2px 0px 2px 10px; display: block; color:#FFF;text-decoration:none;}
.MeniuTablet a:hover { padding:2px 0px 2px 10px; display: block; color:#FF6600;text-decoration:none;}

#headline {margin:0px;padding:0px;background-color:#FFF;}
#headline ul { margin:0px; padding:0px;} 
#headline li { text-align:left; display:block;}

nav_tablet ul, nav_tablet:active ul { display:none; position:relative;background: #333333; width:200px; border-radius:8px;}
nav_tablet li {text-align: center;width:100%;padding:0px;margin:0px;}
nav_tablet:hover ul {display: block;} 

#headline #div50 {float:left;width:98%;font-size:18px;background-color:#FFF;color:#000; padding-left:5px;}
#headline #div33 {float:left;width:100%; margin-top:10px;}


/*MEDIA QUERY*/
@media only screen and (max-width : 830px) {
thead tr { position: absolute; top: -9999px; left: -9999px; }
header {width: 100%;height: 50px;position: relative;top: 0;left: 0;z-index: 100;}
#logo{margin:1px;float: left;width: 200px;height: 50px;background: url(imagini/qwebsite-logo-mobil.avif) no-repeat center; background-size: 190px 48px; display: block;}
nav {float: right;padding:10px;}
nav_tablet {float: right;padding:0px; width:300px;}
#menu-icon {display: hidden;width: 40px;height: 30px;background: #FFF url(imagini/hamburger-menu.avif) no-repeat center; border-radius: 5px; margin-right:20px;}
#menu-icon_tablet {display:hidden;width:40px;height:30px;background: #FFF url(imagini/hamburger-menu.avif) no-repeat center; border-radius: 2px; margin-right:20px;}
a:hover#menu-icon {background-color:#FFF;}
a:hover#menu-icon_tablet {background-color:#FFF;}
img.sparta {
  --_i: 10%;
  filter: grayscale(0); 
  transition: .3s linear;
  cursor: pointer; margin-top:10px; 
}
img.sparta:hover {
  --_g: 10% /45% 45% no-repeat linear-gradient(#000 0 0);
  --m:
    left   var(--_i,0%) top    var(--_g),
    bottom var(--_i,0%) left   var(--_g),
    top    var(--_i,0%) right  var(--_g),
    right  var(--_i,0%) bottom var(--_g);
  -webkit-mask: var(--m);
          mask: var(--m);
  
  
}
#menu-icon {display:inline-block;}
#menu-icon_tablet {display:inline-block;}
.inputstyle{ border: 1px #DEDEDE solid; border-radius:10px; padding:13px; font-size:20px; color:#333; background-color:#FFF;}
.inputstyleCere { border-radius:10px; font-size:20px; color:#000; background-color:#FF761B; border: 1px #FF6600 solid; padding: 13px 23px 13px 23px; width:90%; }
.MeniuMobil {margin:10px; padding:5px;} 
.MeniuMobil a:link { padding:2px 0px 2px 10px; display:block; color:#FFF;text-decoration:none;}
.MeniuMobil a:visited { padding:2px 0px 2px 10px; display:block; color:#FFF;text-decoration:none;}
.MeniuMobil a.griulet:link {color:#FFF; text-decoration:none; display:block; font-size:16px; border-bottom: 1px solid #7C7F7E; background-color:#636665; padding:10px 0px 10px 0px;}

nav ul, nav:active ul { display:none;position:absolute;padding:1px;right:0px;top:50px;width:50%;border-radius:5px; background-color:#000;}
nav li {padding:0;margin:0; border-bottom: 1px solid #FF6600;}

nav:hover ul {display: block;}
#headline a.link_cerculete:link  { padding:3px; margin: 5px; font-size:16px; text-decoration:none; color:#FFF; background-color:#333; border-radius:5px;}
#headline span.supratitlu {padding:3px 0px 3px 0px; font-size:20px; color:#666; box-sizing:border-box; display:block;}
#headline span.titlucapitol {padding:13px 0px 23px 0px; font-size:26px; color:#D44146; box-sizing:border-box; display:block;}
#headline span.supratitlu_alb {padding:3px 0px 3px 10px; font-size:30px; color:#FFF; box-sizing:border-box; display:block;}
#headline span.titlucapitol_alb {padding:13px 0px 23px 10px; font-size:46px; color:#FFF; box-sizing:border-box; display:block;}
#headline span.negru_ingrosat {padding:3px 0px 0px 0px; font-size:24px; color:#000; box-sizing:border-box; display:block; font-weight:bold; text-align:center;}
#headline span.portocaliu_ingrosat {padding:0px 0px 3px 0px; font-size:24px; color:#C6393E; box-sizing:border-box; display:block; font-weight:bold; text-align:center;}
#headline a.link_cerculete:visited  { padding:3px; margin: 5px; font-size:16px; text-decoration:none; color:#FFF; background-color:#333; border-radius:5px;}
#headline a.link_cerculete:hover  { padding:3px; margin: 5px; font-size:16px; border-radius:4px; text-decoration:none; color:#FFF; background-color:#333; border-radius:5px;}
#headline a.black_grey:link  { color:#FFF; text-decoration:none; font-size:16px; }
#headline a.black_grey:visited  { color:#FFF; text-decoration:none; font-size:16px; }
#headline a.black_grey:hover  { color:#999; text-decoration:none; font-size:16px; }

#headline a.black_lilo:link  { color:#000; text-decoration:none; font-size:18px; display:block; margin-top:8px;}
#headline a.black_lilo:visited  { color:#000; text-decoration:none; font-size:18px; display:block; margin-top:8px;}
#headline a.black_lilo:hover  { color:#FE6E49; text-decoration:none; font-size:18px; display:block; margin-top:8px;}

div.faq__content {float:left; width:100%; text-align:left; border-bottom: 1px solid #EBEBEB; font-size:16px; color:#333; display:block; box-sizing: border-box; background-color:#FFF; padding:15px 0px 15px 0px;}
summary {float:left; width:100%; text-align:left; padding:15px 25px 15px 30px; box-sizing: border-box; border-bottom: 1px solid #EBEBEB; font-size:16px; color:#000; display:block; background: url(imagini/plus.avif) no-repeat left center; background-size: 15px; background-color:#FFF; font-weight:bold; background-position-x: 7px; }
summary:hover {float:left; width:100%; text-align:left; padding:15px 25px 15px 30px; box-sizing: border-box; border-bottom: 1px solid #FFFFFF; font-size:16px; color:#666; display:block; background: url(imagini/minus.avif) no-repeat left center; background-size: 15px; background-color:#FFF; font-weight:bold; transition-duration: 0.2s; background-position-x: 7px; }

#headline div.div33shadow {float:left;width:95%; text-align:center; margin: 10px 0px 10px 0px; border-radius:10px; border: 1px solid #EFEFEF;}
#headline div.div33shadow:hover {float:left;width:95%; text-align:center; box-shadow: 1px 1px 12px 2px rgba(0,0,0,0.05);margin: 10px 0px 10px 0px; border-radius:10px;border: 1px solid #EFEFEF;}
#headline div.div33shadow2 {float:left;width:95%; text-align:center; box-shadow: 1px 1px 12px 2px rgba(0,0,0,0.05); border-radius:10px;border: 1px solid #EFEFEF; margin: 10px 0px 10px 0px; padding:5px;}
#headline div.div33shadow2:hover {float:left;width:95%; text-align:center; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05); border-radius:10px; border: 1px solid #E2E2E2; margin: 10px 0px 10px 0px; padding:5px;}
#headline div.div33shadow3 {float:left;width:95%; text-align:center; box-shadow: 1px 10px 12px 2px rgba(0,0,0,0.05);margin:10px; border-radius:10px;border: 1px solid #EFEFEF; padding:5px;}
#headline div.div33shadow3:hover {float:left;width:95%; text-align:center; box-shadow: 1px 10px 22px 8px rgba(0,0,0,0.55); margin:10px; border-radius:10px; border: 1px solid #EFEFEF; padding:5px;}
#headline div.div100blue {float:center;width:95%; text-align:left; margin: 5px 0px 5px 0px; border-radius:10px; border-bottom: 1px solid #EFEFEF;  padding: 10px; box-sizing:border-box; background-color:#F6F6F6; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);}
#headline div.div100blue:hover {float:center;width:95%; text-align:left; box-shadow: 1px 10px 12px 0px rgba(0,0,0,0.05);margin: 5px 0px 5px 0px; border-radius:10px;border-bottom: 1px solid #EFEFEF; padding: 10px; box-sizing:border-box; background-color:#F6F6F6;}
#headline div.divgrey {float:center;width:95%; height:auto; text-align:left; margin: 5px 0px 5px 0px; border-radius:10px; border-bottom: 1px solid #EFEFEF;  padding: 10px; box-sizing:border-box; background-color:#F6F6F6; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.19);}
#headline div.divgrey:hover {float:center;width:95%; text-align:left; box-shadow: 1px 10px 12px 0px rgba(0,0,0,0.05);margin: 5px 0px 5px 0px; border-radius:10px;border-bottom: 1px solid #EFEFEF; padding: 10px; box-sizing:border-box; background-color:#F6F6F6;}
#headline ul.plans{ box-sizing:border-box; display:inline-block;}
#headline li.plans{ border-bottom: 1px #F3FAFA solid; background-color: #FCFCFC;  float:left; width:95%; color: #333; text-decoration:none;  margin-bottom:3px;margin-top:3px; background: url(imagini/check2.avif) no-repeat left center; background-size: 15px; padding: 3px 0px 0px 30px;box-sizing:border-box;}
#headline li.plans:hover{ border-bottom: 1px #E8F1F1 solid; background-color: #F3F3F3; float:left; width:95%; color: #333; text-decoration:none;  margin-bottom:3px;margin-top:3px; background: url(imagini/check1.avif) no-repeat left center; background-size: 15px; padding: 3px 0px 0px 30px;box-sizing:border-box;}
#headline a.galben:link { padding:5px 15px 5px 15px; margin: 5px; font-size:20px; border-radius:6px; text-decoration:none; color:#FFF; background-color:#D11400;}
#headline a.galben:visited { padding:5px 15px 5px 15px; margin: 5px; font-size:20px; border-radius:6px; text-decoration:none; color:#FFF; background-color:#D11400;}
#headline a.galben:hover { padding:5px 15px 5px 15px; margin: 5px; font-size:20px; border-radius:6px; text-decoration:none; color:#000; background-color:#EFEFEF; border: 1px #E84D3D solid;}
#headline a.buton-portocaliu:link  { color:#FFF; text-decoration:none; font-size:18px; margin:8px 0px 8px 0px; background-color:#D44146; border-radius:6px; text-align:center; padding:16px 16px 16px 16px; box-sizing:border-box; display:inline-block; align:center;} 
#headline a.buton-portocaliu:visited  { color:#FFF; text-decoration:none; font-size:18px; margin:8px 0px 8px 0px; background-color:#D44146; border-radius:6px; text-align:center; padding:16px 16px 16px 16px; box-sizing:border-box; display:inline-block;align:center;}
#headline a.buton-portocaliu:hover  { color:#FFF; text-decoration:none; font-size:18px; margin:8px 0px 8px 0px; background-color:#036495; border-radius:6px; text-align:center; padding:16px 16px 16px 16px; box-sizing:border-box; display:inline-block;align:center;}

}
@media only screen and (min-width : 830px) {
/*desktop*/
nav_tablet { position: absolute; top: -9999px; left: -9999px; }
header {position: absolute;}
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute;  min-width: 180px; z-index:0; top:30px;}
.dropdown-content a { color: black; padding:8px 8px; text-decoration:none; display:block; font-size:15px; border-bottom: 1px solid #FFF; font-weight:normal;border-radius:4px; background-color: #f1f1f1;}
.dropdown-content a:hover {background-color:#ddd; border-bottom:1px solid #999; font-weight:normal; border-radius:4px;}
.dropdown:hover .dropdown-content {display: block;}
.inputstyle{ border: 1px #DEDEDE solid; border-radius:10px; padding:13px; font-size:20px; color:#333; width:250; background-color:#FFF;}
.inputstyleCere { border-radius:10px; font-size:20px; color:#000; background-color:#FF761B; border: 1px #FF6600 solid; padding: 13px 23px 13px 23px;}
#headline {margin:0px;padding:0px;color:#000;font-size:17px; }
#headline span.main1  {padding:3px; margin:3px; font-size:40px; color:#FFF;}
#headline span.supratitlu {padding:3px 0px 3px 0px; font-size:16px; color:#666; box-sizing:border-box; display:block;}
#headline span.titlucapitol {padding:3px 0px 23px 0px; font-size:24px; color:#D44146; box-sizing:border-box; display:block;}
#headline span.supratitlu_alb {padding:3px 0px 3px 0px; font-size:40px; color:#FFF; box-sizing:border-box; display:block;}
#headline span.titlucapitol_alb {padding:53px 0px 23px 0px; font-size:56px; color:#FFF; box-sizing:border-box; display:block; font-weight:bold;}
#headline span.negru_ingrosat {padding:3px 0px 0px 0px; font-size:18px; color:#000; box-sizing:border-box; display:block; font-weight:bold; text-align:center;}
#headline span.portocaliu_ingrosat {padding:0px 0px 3px 0px; font-size:18px; color:#C6393E; box-sizing:border-box; display:block; font-weight:bold; text-align:center;}
#headline a.link_cerculete:link  { padding:3px; margin: 5px; font-size:16px; text-decoration:none; color:#FFF;}
#headline a.link_cerculete:visited  { padding:3px; margin: 5px; font-size:16px; text-decoration:none; color:#FFF;}
#headline a.link_cerculete:hover  {background-color:#636665; padding:3px; margin: 5px; font-size:16px; border-radius:4px; text-decoration:none; color:#FFF;}
#headline a.black_grey  { 
  color:#000; text-decoration:none; font-size:18px;
  }
#headline a.black_grey:hover  {  color:#000; text-decoration:none; font-size:18px;}
a.black_lilo:link  { color:#000; text-decoration:none; font-size:16px; margin-top:8px; display:block;}
a.black_lilo:visited  { color:#000; text-decoration:none; font-size:16px; margin-top:8px; display:block;}
a.black_lilo:hover  { color:#FE6E49; text-decoration:underline; font-size:16px; margin-top:8px; display:block;}

div.faq__content {float:left; width:100%; text-align:left; border-bottom: 1px solid #EBEBEB; font-size:16px; color:#333; display:block; box-sizing: border-box; background-color:#FFF; padding:15px 0px 15px 0px;}
summary {float:left; width:100%; text-align:left; padding:15px 25px 15px 30px; box-sizing: border-box; border-bottom: 1px solid #EBEBEB; font-size:16px; color:#000; display:block; background: url(imagini/plus.avif) no-repeat left center; background-size: 15px; background-color:#FFF; font-weight:bold; background-position-x: 7px; }
summary:hover {float:left; width:100%; text-align:left; padding:15px 25px 15px 30px; box-sizing: border-box; border-bottom: 1px solid #FFFFFF; font-size:16px; color:#666; display:block; background: url(imagini/minus.avif) no-repeat left center; background-size: 15px; background-color:#FFF; font-weight:bold; transition-duration: 0.2s; background-position-x: 7px; }

img.sparta {
  --_g: 10% /45% 45% no-repeat linear-gradient(#000 0 0);
  --m:
    left   var(--_i,0%) top    var(--_g),
    bottom var(--_i,0%) left   var(--_g),
    top    var(--_i,0%) right  var(--_g),
    right  var(--_i,0%) bottom var(--_g);
  -webkit-mask: var(--m);
          mask: var(--m);
  
  transition: .3s linear;
  cursor: pointer; margin-left:100px;
}
img.sparta:hover {
  --_i: 10%;
  filter: grayscale(0);
}
#headline a.buton-portocaliu:link  { color:#FFF; text-decoration:none; font-size:18px; margin:8px 0px 8px 0px; background-color:#D44146; border-radius:6px; text-align:center; padding:6px 16px 6px 16px; box-sizing:border-box; display:inline-block; align:center;} 
#headline a.buton-portocaliu:visited  { color:#FFF; text-decoration:none; font-size:18px; margin:8px 0px 8px 0px; background-color:#D44146; border-radius:6px; text-align:center; padding:6px 16px 6px 16px; box-sizing:border-box; display:inline-block;align:center;}
#headline a.buton-portocaliu:hover  { color:#FFF; text-decoration:none; font-size:18px; margin:8px 0px 8px 0px; background-color:#036495; border-radius:6px; text-align:center; padding:6px 16px 6px 16px; box-sizing:border-box; display:inline-block;align:center;}

#headline #div50 {float:left;width:44%;font-size:18px;background-color:#FFF;color:#000; margin:15px;}
#headline #div33 {float:left;width:33%; text-align:center;}
#headline div.div33shadow {float:left;width:30%; height:280px;text-align:center; margin:10px; border-radius:10px; border: 1px solid #EFEFEF;}
#headline div.div33shadow:hover {float:left;width:30%; height:280px;text-align:center; box-shadow: 1px 1px 12px 2px rgba(0,0,0,0.05);margin:10px; border-radius:10px;border: 1px solid #EFEFEF;}
#headline div.div33shadow2 {float:center;width:30%; text-align:center; box-shadow: 1px 1px 12px 2px rgba(0,0,0,0.05);margin:10px; border-radius:10px;border: 1px solid #EFEFEF; padding:5px;}
#headline div.div33shadow2:hover {float:left;width:30%; text-align:center; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.05); margin:10px; border-radius:10px; border: 1px solid #E2E2E2; padding:5px; background-color:#333; color:#FFF;}
#headline div.div33shadow3 {float:left;width:30%; text-align:center; box-shadow: 1px 10px 12px 2px rgba(0,0,0,0.05);margin:10px; border-radius:10px;border: 1px solid #EFEFEF; padding:5px;}
#headline div.div33shadow3:hover {float:left;width:30%; text-align:center; box-shadow: 1px 10px 22px 8px rgba(0,0,0,0.55); margin:10px; border-radius:10px; border: 1px solid #EFEFEF; padding:5px;}

#headline div.div100blue {float:left;width:100%; text-align:left; border-radius:10px; border-bottom: 1px solid #EFEFEF; background-color:#F6F6F6; padding: 10px; box-sizing:border-box; font-size:15px; display:block;}
#headline div.div100blue:hover {float:left;width:100%; text-align:left; box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.09); border-radius:10px;border-bottom: 1px solid #EFEFEF; background-color:#F6F6F6; padding: 10px; box-sizing:border-box; font-size:15px; display:block;}

#headline div.divgrey {float:left;width:100%; text-align:left; box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.09); border-radius:10px;border-bottom: 1px solid #EFEFEF; background-color:#F6F6F6; padding: 10px; box-sizing:border-box; font-size:15px; display:block;}
#headline div.divgrey:hover {float:left;width:100%; text-align:left; border-radius:10px; border-bottom: 1px solid #EFEFEF; background-color:#F6F6F6; padding: 10px; box-sizing:border-box; font-size:15px; display:block; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}

#headline ul.plans{ box-sizing:border-box; display:inline-block;}
#headline li.plans{ display: block; border-bottom: 1px #F3FAFA solid; background-color: #FCFCFC;  float:left; width:95%; text-decoration:none;  margin-bottom:3px;margin-top:3px; background: url(imagini/check1.avif) no-repeat left center; background-size: 15px; padding: 3px 0px 0px 30px;box-sizing:border-box;}
#headline li.plans:hover{ display:block; border-bottom: 1px #E8F1F1 solid; float:left; width:95%; text-decoration:none; margin-bottom:3px; margin-top:3px; background: url(imagini/check2.avif) no-repeat left center; background-size: 15px; background-color:#F6F6F6; padding: 3px 0px 0px 30px;box-sizing:border-box;}
#headline a.galben:link { padding:5px 15px 5px 15px; margin: 5px; font-size:20px; border-radius:6px; text-decoration:none; color:#FFF; background-color:#D11400;}
#headline a.galben:visited { padding:5px 15px 5px 15px; margin: 5px; font-size:20px; border-radius:6px; text-decoration:none; color:#FFF; background-color:#D11400;}
#headline a.galben:hover { padding:5px 15px 5px 15px; margin: 5px; font-size:20px; border-radius:6px; text-decoration:none; color:#000; background-color:#EFEFEF; border: 1px #E84D3D solid;}
#headline #head { height:25px; font-size:18px; padding: 3px; font-weight:bold; background-color:#FFFFFF; color:#000000; background:
    linear-gradient(
      to right,
      #D100E4,
      #D100E4
    ),
    linear-gradient(
      to right,
      #F0FF00,
      #00FF00,
      #00BAFF
  );
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;}
#headline #head:hover { height:25px; font-size:18px; padding: 3px; font-weight:bold; background-color:#F1F1F1; transition-duration: 2s; transition-property: background-color; border-radius:4px 4px 0px 0px; color:#000000; background-size: 0 3px, 100% 3px;}

#headline a.oferta:link  { font-size:18px; color:#FFF; height:25px; font-size:18px; padding: 3px; font-weight:bold; background-color:#CE1698; border-radius:4px; padding: 5px 20px 5px 20px; text-decoration:none;}
#headline a.oferta:visited  { font-size:18px; color:#FFF; height:25px; font-size:18px; padding: 3px; font-weight:bold; background-color:#CE1698; border-radius:4px; padding: 5px 20px 5px 20px; text-decoration:none;}
#headline a.oferta:hover  { font-size:18px; color:#000; padding: 3px; font-weight:bold; background-color:#F6C536; transition-duration: 2s; transition-property: background-color; border-radius:4px; padding: 5px 20px 5px 20px; text-decoration:none;}

.container {margin:0;background-color:#FFF;}
.container1024 {margin:0;max-width: 1124px; box-sizing:border-box; display:block;}
}