/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,3
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.menuascuns {
	display: none;
	font-size: 18px;
	    
   
   
    height: 100%;
    width: 100%;
   
}

.main_text {
	display: none;
	 width: 100%;
    
height: 100%;
}


body {
  border-top: 0 solid #E56038;
  color: #333333;
   border: 0 none;
    height: auto;
  /*margin-top: 3em;
    /*margin: 3em 0;*/
 /*background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(228, 242, 254, 1)0%,rgba(228, 242, 254, 0) 10%,  rgba(228, 242, 254, 0) 50%, rgba(228, 242, 254, 0) 90%, rgba(228, 242, 254, 1) 100%) repeat scroll 0 0;*/
 width: auto;
  
  background-image: url(/imagini/bubbles2.png), url(/imagini/bubbles3.png), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  background-repeat: repeat-y, repeat-y, no-repeat;
  background-position: bottom right, left, right;
  /*background: -moz-linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)), -webkit-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)), -ms-linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0));*/
}

  
.first_page {
  max-width: 1150px;      /* 1100px / 1152px */
  
}

#result {
  color:#fc4f05;
  font-size: 130%;
}
#dispare {
  background-color:#fff;
  color: #ff8f33;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 15px;
  border: 2px solid #ff8f33;
  padding: 10px;
}



.first-row {
  float: left;
  width: 28.181818%; /* 200px / 1100px */    
 
  margin-right: 15px;
  margin-top: 20px;
}

.memo-lista li::before {
  content: "•";
  font-size: 250%;
 margin: 0 0.1rem 0 -0.25rem;
 
  top: 0.58rem;
  
  position: relative;
  
  color: orange;
}

.memo-lista1 li::before {
  content: "•";
  font-size: 250%;
 margin: 0 0.1rem 0 -0.25rem;
 
  top: 0.58rem;
  
  position: relative;
  
  color: #cc00ff;
}

.memo-lista1 {
 list-style: none;
  list-style-position: inside;
  margin-left: 40px;
  font-size: 100%;
}


.memo-lista2 li::before {
  content: "•";
  font-size: 250%;
 margin: 0 0.1rem 0 -0.25rem;
 
  top: 0.58rem;
  
  position: relative;
  
  color: #006aff;
}

.memo-lista2 {
 list-style: none;
  list-style-position: inside;
  margin-left: 60px;
  font-size: 100%;
}
.memo-lista {
 list-style: none;
  list-style-position: inside;
  margin-left: 20px;
  font-size: 100%;
}

.li-memo-lista {
font-family: 'Open Sans', sans-serif;
line-height: 157.5%;
color: #636261;
 font-size: 120%;
}

.schimbculoare li::before {
  content: "•";
  font-size: 250%;
 margin: 0 0.1rem 0 -0.25rem;
 
  top: 0.58rem;
  
  position: relative;
  color: red;
  
}
.tabel-functie tr { line-height: 24px; }



.tabel-functie td {
	  font-weight: normal;
	  font-size: 1em;
  border:1px solid #cfc1c0;
	 padding-left: 10px;
	  padding-right: 10px;
}

.tabel-functie {
	  text-align: center;
	  overflow: hidden;
	  
	  margin: 0 auto;
  display: table;
  padding: 0 0 8em 0;
  border: 1px solid #cfc1c0;
}

.tabel-functie td, .tabel-functie th {
	  padding-bottom: 2%;
	  padding-top: 2%;
 
}



.tabel-functie th {
	  background-color:#fffedb;
	  border:1px solid #cfc1c0;
	  padding-left: 10px;
	   padding-right: 10px;
	   text-align: center;
	  
}

/*.tabel-functie td:first-child { color: black; } */





@media (max-width: 800px) {
.tabel-functie td:nth-child(4),
.tabel-functie th:nth-child(4) { display: none; }
}


.btabel-functie tr { line-height: 24px; }



.btabel-functie td {
	  font-weight: normal;
	  font-size: 1em;
  border:1px solid #cfc1c0;
	 padding-left: 10px;
	  padding-right: 10px;
}

.btabel-functie {
	  text-align: center;
	  overflow: hidden;
	  
	  margin: 0 auto;
  display: table;
  padding: 0 0 8em 0;
  border: 1px solid #cfc1c0;
}

.btabel-functie td, .tabel-functie th {
	  padding-bottom: 2%;
	  padding-top: 2%;
 
}



.btabel-functie th {
	  background-color:#ff855c;
	  border:1px solid #cfc1c0;
	  padding-left: 10px;
	   padding-right: 10px;
	   text-align: center;
	   color: white;
}

.btabel-functie td:first-child { color: green; }





@media (max-width: 800px) {
.btabel-functie td:nth-child(4),
.btabel-functie th:nth-child(4) { display: none; }
}





.ctabel-functie tr { line-height: 24px; }



.ctabel-functie td {
	  font-weight: normal;
	  font-size: 1em;
  border:1px solid #cfc1c0;
	 padding-left: 10px;
	  padding-right: 10px;
}

.ctabel-functie {
	  text-align: center;
	  overflow: hidden;
	  
	  margin: 0 auto;
  display: table;
  padding: 0 0 8em 0;
  border: 1px solid #cfc1c0;
}

.ctabel-functie td, .tabel-functie th {
	  padding-bottom: 2%;
	  padding-top: 2%;
 
}



.ctabel-functie th {
	  background-color:#be68fc;
	  border:1px solid #cfc1c0;
	  padding-left: 10px;
	   padding-right: 10px;
	   text-align: center;
	   color: white;
}

.ctabel-functie td:first-child { color: green; }





@media (max-width: 800px) {
.ctabel-functie td:nth-child(4),
.ctabel-functie th:nth-child(4) { display: none; }
}















.astep {
  background: #e86705;
  
  
  color: white;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em; 
}

.step {
  background: orange;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: white;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em; 
}

.ullista6 {
    margin-left: 50px;
}
.lilista6 {
    list-style-type: disc;
    
     color: #636261;
  font-family: 'Open Sans', sans-serif;
  line-height: 157.5%;
}





.ullista {
    margin-left: 50px;
}
.lilista {
    list-style-type: square;
    
     color: #636261;
  font-family: 'Open Sans', sans-serif;
  line-height: 157.5%;
}

.ullista1 {
    margin-left: 50px;
}
.lilista1 {
    list-style-type: square;
    
     color: #ff5506;
     font-size: 120%;
     font-style: italic;
  font-family: 'Open Sans', sans-serif;
  line-height: 157.5%;
}

.lilista2 {
    list-style-type: square;
    
     color: #a406ff;
     font-size: 120%;
     font-style: italic;
  font-family: 'Open Sans', sans-serif;
  line-height: 157.5%;
}


.lilista3 {
    list-style-type: square;
    
     color: #5506ff;
     font-size: 120%;
     font-style: italic;
  font-family: 'Open Sans', sans-serif;
  line-height: 157.5%;
}

.lilista4 {
    list-style-type: none;
     font-size: 120%;
     color: #ff5506;
     
  font-family: 'Open Sans', sans-serif;
  line-height: 157.5%;
}

.lilista5 {
    list-style-type: square;
     font-style: italic;
      font-size: 120%;
     color: #636261;
  font-family: 'Open Sans', sans-serif;
  line-height: 157.5%;
}



.titles {
  text-decoration: none;
  color: #3F3F3F;
  font-family: Calibri; /* Arial */
  font-size: 2em;
  margin-left: 20px;
  letter-spacing: 2px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

nav #vertical-menu{
  margin-top:20px;
  display:inline-block;
  border-radius:5px;
  box-sizing:border-box;
  padding-left:10px;
  width: 100%; 
  margin-left:20px;
  z-index:0;
  position: relative;
}
.lateral-menu {
 display:inline-block;
width:100%;
  box-sizing:border-box;
  border-radius: 10px;
}
.lateral li{
  position:relative;
  height:55px;
  box-shadow:0 -1px 0 0 #fce9b6, 0 -1px 0 0 #fce9b6;z-index: 2;
  background:#ffffff;
}
.culoare7 {
  color:    #80c749;
}
.lateral>li>a>i{
  color:#db0a5b;
  width:2em;
  height:100%;
  line-height:50px;
  text-align:left; 
}
.lateral>li:first-child, .submenu-1>li:first-child, .submenu-2>li:first-child, .submenu-3>li:first-child{
  box-shadow:none;  
}
.lateral>li:first-child>a, .submenu-1>li:first-child>a, .submenu-2>li:first-child>a, .submenu-3>li:first-child>a{
 border-top-left-radius:5px;
  border-top-right-radius:5px;  
}
.lateral>li:last-child>a, .submenu-1>li:last-child>a, .submenu-2>li:last-child>a, .submenu-3>li:last-child>a{
 border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;  
}

.submenu-1>li>a, .submenu-2>li>a,.submenu-3>li>a{
 color:#6b4e3a;
  background:#faf9f5;
  /* font-family: 'Quicksand', sans-serif; */
    
 font-family: 'Quicksand', sans-serif; 
 letter-spacing: 1px;
     display: block;
    width: 100%;
    position: relative;
    font-size: 130%;
    line-height: 1.0625rem;
    z-index: 1;
    padding: 1rem 2.125rem 1.5rem 0.75rem;
}

.lateral>li>a{
 color:#6b4e3a;
  background:#faf9f5;
  /* font-family: 'Quicksand', sans-serif; */
    
 font-family: 'Quicksand', sans-serif; 
 letter-spacing: 1px;
     display: block;
    width: 100%;
    position: relative;
    font-size: 130%;
    line-height: 1.0625rem;
    z-index: 1;
    padding: 1rem 2.125rem 1.5rem 0.75rem;
}





















 .submenu-1,.submenu-2, .submenu-3{
  position:absolute;
  white-space:nowrap;
  top:-9999px;
    left: 100%;
    max-height: 20rem;
    overflow-y: auto;
  
    z-index: -1;
   
}
.contain-submenu>a:first-child::after{
  content:" \f054";
  padding-left:5px;
  font-family:'FontAwesome';
}

.contain-nou{
 
  
  font-family:'FontAwesome';
}

/* revealing submenus */
.lateral>li:hover .submenu-1, .submenu-1>li:hover .submenu-2, .submenu-2>li:hover .submenu-3{
  top:0;
   left:100%;
    
  
}

.lateral li a:hover {
  
   color:#9c780c; 
  
}





.clear {
  clear:both;
}

.continut {
  float: left;
 
  width: 70%;/* 620px / 1100px */
  margin-top: 20px;
}

   .principal {
        float: left;
        z-index: -999999;
        width: 100%;
        margin: 0;
}







body.hidden-scrolling{
	overflow-y: hidden;
}
.container{
	max-width: 1170px;
	margin:auto;
}
ul{
	list-style: none;
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
.header{

	z-index: 99;
	
}
.header-main{
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
		/*border-bottom:3px solid #f9aa33;
		border-top: 3px solid #f9aa33;*/
		color:#c2714b;
		z-index: 99;
	
	 -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;
		color:#6b4e3a;
}












.header .nav-menu{
	padding: 0 15px;
	z-index:1000;
}
.header .menu > .menu-item{
	display: inline-block;
	margin-left: 30px;
	position: relative;
}
.header .menu > .menu-item > a{
	display: block;
	padding: 12px 0;
	font-size: 18px;
	color: #6b4e3a;
	
	font-weight: 600;
	transition: all 0.3s ease;
}
.header .menu > .menu-item > a .plus{
	display: inline-block;
	height: 12px;
	width: 12px;
	position: relative;
	margin-left:5px;
	pointer-events: none;
}
.header .menu > .menu-item > a .plus:before,
.header .menu > .menu-item > a .plus:after{
	content:'';
	position: absolute;
	box-sizing: border-box;
	left: 50%;
	top:50%;
	background-color: #d55b5d;
	height: 2px;
	width: 100%;
	transform: translate(-50%,-50%);
	transition: all 0.3s ease;
}
.header .menu > .menu-item:hover > a .plus:before,
.header .menu > .menu-item:hover > a .plus:after{
   background-color: #d55b5d;
}




.header .menu > .menu-item > a .plus:after{
   transform: translate(-50%,-50%) rotate(-90deg);
}
.header .menu > .menu-item > .sub-menu > .menu-item > a:hover{
	color: #fff;
}




.header .menu > .menu-item:hover > a{
	color: #d55b5d;
}
.header .menu > .menu-item > .sub-menu{
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	width: 220px;
	position: absolute;
	left:0;
	top:100%;
	background-color: #424242;
	padding: 10px 0;
	border-top: 3px solid #f7dda8;
	transform: translateY(10px);
	transition: all 0.3s ease;
	opacity:0;
	visibility: hidden;
text-align: left;
}
@media(min-width: 1020px){
.header .menu > .menu-item-has-children:hover > .sub-menu{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
 }
 .header .menu > .menu-item-has-children:hover > a .plus:after{
    transform: translate(-50%,-50%) rotate(0deg);
 }
}
.header .menu > .menu-item > .sub-menu > .menu-item{
	display: block;
}
.header .menu > .menu-item > .sub-menu > .menu-item > a{
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #fce1b3;
	transition: all 0.3s ease;
	
	z-index:99;
}
.header .open-nav-menu{
	height: 34px;
	width: 40px;
	margin-right: 15px;
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
  filter: invert(1);
}
.header .open-nav-menu span{
	display: block;
	height: 3px;
	width: 24px;
	background-color: #000000;
    position: relative;
}
.header .open-nav-menu span:before,
.header .open-nav-menu span:after{
	content: '';
	position: absolute;
	left:0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	box-sizing: border-box;
}
.header .open-nav-menu span:before{
	top:-7px;
}
.header .open-nav-menu span:after{
	top:7px;
}
.header .close-nav-menu {
	height: 40px;
	width: 40px;
	margin:0 0 15px 15px;
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
  filter: invert(1);
}
.header .close-nav-menu img{
	width: 16px;
}
.header .menu-overlay{
	position: fixed;
	z-index: 999;
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity:0;
	transition: all 0.3s ease;
}
.home-section{
	width: 100%;
	display: block;
	min-height: 100vh;
	background-position: center top;
	background-size: cover;
}
@media(max-width: 1020px){
	.header .menu-overlay.active{
	visibility: visible;
	opacity: 1;
}
	.header .nav-menu{
		position: fixed;
		right: -280px;
		visibility: hidden;
		width: 100%;
		height: 100%;
		top:0;
		overflow-y: auto;
		background-color: #424242;
		z-index: 1000;
		padding: 15px 0;
		transition: all 0.5s ease;
	}
	.header .nav-menu.open{
		visibility: visible;
		right: 0px;
	}
	.header .menu > .menu-item{
		display: block;
		margin:0;
	}
	.header .menu > .menu-item-has-children > a{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header .menu > .menu-item > a{
		color: #ffffff;
		padding: 12px 15px;
		border-bottom: 1px solid #707070;
	}
	.header .menu > .menu-item:first-child > a{
	    border-top: 1px solid #707070;
	}
	.header .menu > .menu-item > a .plus:before,
	.header .menu > .menu-item > a .plus:after{
		background-color: #ffffff;
	}
	.header .menu > .menu-item-has-children.active > a .plus:after{
        transform: translate(-50%,-50%) rotate(0deg);
	}
	.header .menu > .menu-item > .sub-menu{
		width: 100%;
		position: relative;
		z-index:1000;
		opacity: 1;
		visibility: visible;
		border:none;
		background-color: transparent;
		box-shadow: none;
		transform: translateY(0px);
		padding: 0px;
		left: auto;
		top:auto;
		max-height: 0;
		overflow: hidden;
	}
	.header .menu > .menu-item > .sub-menu > .menu-item > a{
		padding: 12px 45px;
		color: #ffffff;
		border-bottom: 1px solid rgba(203, 38, 72, 0.5);
	}
	.header .close-nav-menu,
	.header .open-nav-menu{
		display: flex;
	}


	
	
	
}
.text {
  font-size: 30px;
  color: #fff;
  text-align: center;
  padding-top: 10%;
}
.text span {
  color: #f7dda8;
}














.cuvant-verde {
color: #808000;
font-size: 100%;
font-family: Verdana, Arial, Tahoma, sans-serif;/*Raleway, Coming Soon, */
background-color: #f9f9d2;
padding: 2px;
}

.cuvant-orange {
color: #ff6600;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 100%;
background-color: #fff9ed;
padding: 2px;
}


.titlu-0  {
color: #ffd67d;
  text-shadow:
   -1px -1px 0 #9152ff,  
    1px -1px 0 #9152ff,
    -1px 1px 0 #9152ff,
     1px 1px 0 #9152ff;
     font-size: 200%;
     font-weight: bold;
}

.titlu-00   {
color: #b94d05;
 
     font-size: 115%;
}

.cuvant-violet {
color: #920f6e;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 100%;
background-color: #fff9ed;
padding: 2px;
}

.linie-deasupra:hover {
    border-top: 1px solid red;
}

.arras-ar-ras {
display: none;


color: #67b54b;
background-color: #e5ffdb;
margin-left: 50px;
margin-right: 50px;
}

.arras-ar-ras1 {
display: none;

}










.linie-deasupra {
    border-top: 1px solid #5b9bd5;
}


.indiciu-intrebari {
    text-decoration: none;
    color: #0761b2;
    background-color: #c7dfff;
    padding: 10px;
    border-radius: 3px;
}


.indiciu-intrebari:hover {
    text-decoration: none;
    color: #267beb;
}

.ullista {
    margin-left: 50px;
}
.lilista {
    list-style-type: square;
    
     color: #636261;
  font-family: 'Open Sans', sans-serif;
  line-height: 157.5%;
}





.subtitlu1 {
   text-align: left;
  padding-bottom: 2.714286%;  /* 40px / 700px */
 
  
  border-bottom: 0px solid #ddd;
  font-size: 157.5%;
  letter-spacing: 1px;
  font-family:  Itim, Dekko, Courgette, Handlee, Caveat, Muli, Helvetica, 'Open Sans', regular, Georgia, sans-serif;
  /*text-shadow: 1px 1px 1px  #e69a17;*/
  line-height: 150%;
  padding-top: 3.854456%;/*25px;*/
 /* margin-left: 16.95605%;/*110px;*/
 
   
}

.cuvant-orange-fara-background {
color: #ff6600;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 120%;
font-weight: bold;
padding: 2px;
}

.cuvant-orange-fara-background-mic {
color: #ff6600;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 120%;

padding: 2px;
}

.cuvant-violet-fara-background-mic {
color: #ff3d94;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 120%;

padding: 2px;
}

.subtitlu2 {
 color: #ff6600;
  font-size: 127.5%;
  letter-spacing: 1px;
  font-family:  Itim, Dekko, Courgette, Handlee, Caveat, Muli, Helvetica, 'Open Sans', regular, Georgia, sans-serif;
}

.subtitlu3 {
 color: #ff3d94;
  font-size: 127.5%;
  letter-spacing: 1px;
  font-family:  Itim, Dekko, Courgette, Handlee, Caveat, Muli, Helvetica, 'Open Sans', regular, Georgia, sans-serif;
}

.subtitlu4 {
 color: #ff3d94;
   font-size: 127.5%;
  letter-spacing: 1px;

  font-family:  'Patrick Hand', cursive, Helvetica, 'Open Sans', regular, Georgia, sans-serif;
}



#frame001 {
           
           
           
           
            padding: 5px;
        }

        #color001 {
            color: black;
           
            
        }

#frame002 {
           
           
           
            
            padding: 5px;
        }

        #color002 {
            color: black;
           
            text-align: left;
        }

#frame003 {
           
           
           
           
            padding: 5px;
        }

        #color003 {
            color: black;
           
            text-align: left;
        }
 #center009 {
            text-align: center;
        }



        #center001 {
            text-align: center;
        }
        
        #center002 {
            text-align: center;
        }
        
        
        
        #center004 {
            text-align: center;
        }

#center005 {
            text-align: center;
        }

#center006 {
            text-align: center;
        }
        
        #center007 {
            text-align: center;
        }

#center008 {
            text-align: center;
        }

#center009 {
            text-align: center;
        }
        
        .button001, .button009, .button2 {
            background:#ff8b3e;
	color:#fff;
	box-shadow: 0 3px 0 #c16515;
    border: 2px solid transparent;
    border-radius: 20em;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 400;
    font-family: Dekko;
    line-height: 1;
    margin: 18px;
    padding: 10px 19px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 2px;
    display:inline-block;
    outline:none;
    position:relative;
    top:0;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
    -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;
     transition: all 0.2s ease-in-out 0s;
            
        }
        
        .button001:hover{
	background:#ff5b3e;	
}
      .button001:active, .button001:focus{
	background:#ffbb3e;	
	cursor: auto;
}  
       
     .buttonexemple {
	background-color:#ffb469;	
	padding: 7px;
	letter-spacing: 1px;
	border-radius: 20em;
	
}  
       
       .buttonexemple:hover{
	background-color:#fc9f35;	
}
       
  
       .noubutton001 {
            background:#fff;
	color:#f7961f;
	
    border: 2px solid #f7961f;
    border-radius: 5em;
    box-sizing: border-box;
    cursor: pointer;
   font-size: 130%;
    
   font-family: 'DynaPuff', cursive;
    line-height: 1;
    
    padding: 10px 19px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 2px;
    display:inline-block;
    outline:none;
    position:relative;
    top:0;
  
            
        }
        
        .noubutton001:hover{
	background:#fff;
	color: #de9b48;
	border: 2px solid #de9b48;
}
      .noubutton001:active, .noubutton001:focus{
	background:#fff;	
	cursor: auto;
}   
         .noubutton002 {
            background:#fff;
	color:#eb7b26;
	
    border: 2px solid #eb7b26;
    border-radius: 5em;
    box-sizing: border-box;
    cursor: pointer;
   font-size: 130%;
    
   font-family: 'DynaPuff', cursive;
    line-height: 1;
    
    padding: 10px 19px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 2px;
    display:inline-block;
    outline:none;
    position:relative;
    top:0;
  font-weight: bold;
            
        }
        
        .noubutton002:hover{
	background:#fff;
	color: #D46F22;
	border: 2px solid #D46F22;
}
      .noubutton002:active, .noubutton001:focus{
	background:#fff;	
	cursor: auto;
}     
       
       
       
       
       
       
       
       
       
       
   .button002 {
            width: 10px;
            height: 10px;
            color: red;
        }
.button003 {
            width: 10px;
            height: 10px;
            color: #6fba39;
            font-weight: 700;
            font-size: 300%;
            font-family: 'Dancing Script', cursive;
            
        }


.noubutton003 {
            width: 10px;
            height: 10px;
            color: #99c231;
           
            font-size: 125%;
           font-family: 'Josefin Sans', sans-serif;
            
        }

.noubutton004 {
            width: 10px;
            height: 10px;
            color: #f28347;
           
            font-size: 125%;
           font-family: 'Josefin Sans', sans-serif;
            
        }









.asa {
display: none; border: 1px solid #88e65d; padding: 2px 12px 2px 12px; color: #67b54b;background-color: #e5ffdb;

}



.logo1 {
  text-align: center;
 /* padding-top: 3%;*/
  
}

.imagine-logo {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.logo {
  text-decoration: none;
  /*text-align:center;*/
  font-family: 'Helvetica','Open Sans', regular, Georgia, sans-serif; 
  font-size: 100%;/* 40px */
  font-weight: bold;
  letter-spacing: 1px;
   text-shadow: 1px 1px 1px  #e69a17;
/*margin-left: -1.8%;*/
  margin-top: 1.2%;/*3.5%;/*25px / 940px;*/
  color: #3F3F3F;
  display: inline-block;
  position: absolute;
}

header {
 /* text-align:center;*/
 /* background: white;*/
  /*padding-bottom: 1.3%;
  /*height: 150px;*/
  /*margin-left: 2.12766%;*/
}



.logo1 .paragraf {
  font-size: 98%;/*14px;*/
  letter-spacing: 1px;
  color: #3F3F3F;
  font-family: /*'Open Sans', light,*/Helvetica, Georgia, sans-serif;
   position: absolute;
  margin-top: -2%;/*-6.06383%;/*10px;*/
  color: #3F3F3F;
  margin-left: 48%;
}

#hor-menu ul li a {
  text-decoration: none;
  color: #5b9bd5;/*#ff6440;/*orange;/*#8787C1;*/
  letter-spacing: 3px;
  font-size: 137.5%;/*22px; /* 17px/19px */
  font-family:  Caveat, /*'Open Sans', regular,*/Helvetica,'Arial', 'Georgia',sans-serif;
  display: inline-block;
  font-variant: small-caps;
  font-weight: bold;
}

#hor-menu ul .main-menu-li{
  display: inline;
  text-align: center;
  padding: 1.3%;/* a fost 20px;*/
  color: #E54930;
}

#hor-menu ul li a:hover {
  color: #ff6440; /*#3F3F3F;*/
  border-left: 0 solid #e69a17;
}

#hor-menu  {
  text-align: center;
  padding-bottom: 0.7%;/* a fost 10px */;
  box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.3)
}

.clear {
  clear:both;
}

.main {
  margin: 10px  auto  15px;
    max-width: 1150px;
  text-align: justify;
}
 
.main article h1 {
  text-align: center;
  padding-bottom: 2.714286%;  /* 40px / 700px */
  font-weight: bold;
  color: #8787c1; /*#e84716;/*#5a5a5a;/*#3f3f3f;/*#e69a17;#8787c1; #3f3f3f;*/
  border-bottom: 0px solid #ddd;
  font-size: 187.5%;/*187.5%;*/
  letter-spacing: 2px;
  font-family: 'Inter', sans-serif;
   /*text-shadow: 1px 1px 1px  #e69a17;*/
  padding-top: 3.854456%;/*25px;*/
  /*margin-left: 16.95605%;/*110px;*/
  line-height: 150%;
  text-transform: none;
}

.main article h6 {
  text-align: center;
  padding-bottom: 2.714286%;  /* 40px / 700px */
  font-weight: bold;
  color: #e84716;/*#5a5a5a;/*#3f3f3f;/*#e69a17;#8787c1; #3f3f3f;*/
  border-bottom: 0px solid #ddd;
  font-size: 187.5%;/*187.5%;*/
  letter-spacing: 2px;
  font-family: Dekko, Courgette, Handlee, Caveat, Muli, Helvetica,/* 'Open Sans', regular,*/ Georgia, sans-serif;
   /*text-shadow: 1px 1px 1px  #e69a17;*/
  padding-top: 3.854456%;/*25px;*/
  /*margin-left: 16.95605%;/*110px;*/
  line-height: 150%;
}

.main article h2 {
  text-align: left;
  padding-bottom: 2.714286%;  /* 40px / 700px */
  
  color: #8787c1;/*#00adef;/*#B65109;/*#e69a17;/*#8787c1;#3f3f3f;*/
  border-bottom: 0px solid #ddd;
  font-size: 177.5%;/*177.5%;*/
  letter-spacing: 1px;
  font-family:  /*Dekko, Courgette, Handlee, Caveat, Muli, */ Helvetica, 'Open Sans', regular, Georgia, sans-serif;
  /*text-shadow: 1px 1px 1px  #e69a17;*/
  padding-top: 3.854456%;/*25px;*/
/* margin-left: 16.95605%;/*110px;*/
  line-height: 150%;
  /*font-variant: small-caps;*/
  /*font-style: italic;*/
}

.main article h3 {
  text-align: center;
  padding-bottom: 10px;  /* 40px / 700px */
  font-weight: bold;
  color: #5b9bd5;/*#B65109;/*#e69a17;/*#8787c1;#3f3f3f;*/
  border-bottom: 0px solid #ddd;
  font-size: 147.5%;
  letter-spacing: 1px;
  font-family: 'Varela Round', sans-serif;
  /*font-family: 'Open Sans', regular, Dekko, Caveat, Muli, Helvetica, 'Open Sans', regular, Georgia, sans-serif;
 text-shadow: 1px 1px 1px  #e69a17;*/
 line-height: 170%;
  /*margin-left: 16.95605%;/*110px;*/
  
  
   
}

.main article h4 {
  text-align: left;
  padding-bottom: 2.714286%;  /* 40px / 700px */
  font-weight: bold;
  color: #8787c1;/*#B65109;/*#e69a17;/*#8787c1;#3f3f3f;*/
  border-bottom: 0px solid #ddd;
  font-size: 157.5%;
  letter-spacing: 1px;
  font-family: Dekko, Caveat, Muli, Helvetica, /*'Open Sans', regular, */Georgia, sans-serif;
  /*text-shadow: 1px 1px 1px  #e69a17;*/
  padding-top: 3.854456%;/*25px;*/
  /*margin-left: 16.95605%;/*110px;*/
  line-height: 150%;
  font-variant: small-caps;
   font-style: italic;
}

.main article h5 {
  text-align: left;
  padding-bottom: 2.714286%;  /* 40px / 700px */
  font-weight: bold;
  color: #8787c1;/*#B65109;/*#e69a17;/*#8787c1;#3f3f3f;*/
  border-bottom: 0px solid #ddd;
  font-size: 147.5%;
  letter-spacing: 1px;
  font-family: Dekko, Caveat, Muli, Helvetica, /*'Open Sans', regular, */Georgia, sans-serif;
  /*text-shadow: 1px 1px 1px  #e69a17;*/
  line-height: 150%;
  padding-top: 3.854456%;/*25px;*/
 /* margin-left: 16.95605%;/*110px;*/
 font-variant: small-caps;
  
}

.main article .paragraf-fara-spatiu101 p {
   padding-bottom:0;  /* 20px / 2.857143%;  700px */
 padding-top: 0;  /* 20px / 700px */
  margin-bottom: 0;
  margin-top: 0;
  font-family: 'Open Sans', sans-serif; }
 
.titlu1 {
margin-left: 20px;
}

.titlu2 {
margin-left: 40px;
}

.titlu3 {
margin-left: 60px;
}


.titlu4 {
margin-left: 80px;
}

.main .subtitlu-negru {
color: #43434b;
}

.allta101 {
  text-decoration: none;
color: #ff8b3e;

  font-size: 100%;
  font-style: oblique;
  font-weight: bold;
  
  font-family: Helvetica, Dekko;
  letter-spacing: 1px;
  
} 

.allta101:hover {
  color: #ff5b3e;
  text-decoration: none;
}




.allta104 {
  text-decoration: none;

  font-weight: bold;

  
  
  
  font-family: Helvetica, Dekko;
  letter-spacing: 1px;
  
} 

.allta2 {
  text-decoration: none;
color: #636261;
padding-top: 10px;padding-bottom: 10px;
  font-size: 100%;
  font-style: oblique;
  font-weight: bold;
  padding-right: 10px;
  padding-left: 10px;
  font-family: Helvetica, Dekko;
  letter-spacing: 1px;
  background-color: #f0f6ff;
} 


.allta1 {
  text-decoration: none;
color: #ff8b3e;
padding-top: 10px;padding-bottom: 10px;
  font-size: 100%;
  font-style: oblique;
  font-weight: bold;
  
  font-family: Helvetica, Dekko;
  letter-spacing: 1px;
  
} 

.allta1:hover {
  color: #ff5b3e;
  text-decoration: none;
}








.row:after {
  content: "";
  display: table;
  clear: both;
}

.row {
    font-size: 90%;
}

.linkto1 {
text-decoration: none;
color:#00adef;
font-weight: 500;
}


.linkto1:hover{
text-decoration: underline;
}


.linkto2 {
text-decoration: none;
color:#00adef;
font-weight: 500;
font-size: 100%;
}


.linkto2:hover{
text-decoration: underline;
}

.linkto3 {
text-decoration: none;
color:#00adef;
font-weight: 500;
font-size: 100%;
}


.linkto3:hover{
color:#ef4c00;
}











.altaclasa2 {
text-decoration: none;
color:#285da3;
font-weight: 500;
font-size: 100%;
margin-left: 15px;
		margin-right: 15px;
}


.altaclasa2:hover{
color:#1a84ae;
}

.sizefont {
font-size: 85%;

}

.marimefont  {


}

ul .marimefont li a {



}

.main .marimefont .limarimefont {

  padding-top: 25px;
}



.main article .paragraf-fara-spatiu p {
  padding-bottom: 0%;  /* 20px / 2.857143%;  700px */
 padding-top: 0%;  /* 20px / 700px */
  color: #262626;
  font-family:  /*Dekko, /*'Open Sans', light, */Verdana, Helvetica, Georgia, sans-serif;
  /*letter-spacing: 1px;/*0.2px;*/
  line-height: 158%;
  
}

.indexnou {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding:30px 30px 30px 40px;
  -webkit-box-shadow: 2px 5px 9px 0px #b4b6b8, 5px 5px 9px 5px rgba(178,178,116,0); 
box-shadow: 0px 2px 9px 2px #b4b6b8, 5px 5px 9px 5px rgba(178,178,116,0);
}/* stanga jos dreapta sus  */


.indexnou a {
  font-size: 100%;
  line-height: 157.5%;
  font-family: Roboto, Verdana, PT Serif, Helvetica, Dekko, /*'Open Sans', light, */ Georgia, sans-serif;
  text-decoration: none;
  color: #000;
}


.indexnou a:hover {
  text-decoration: underline;
  color: #696762;
}

.indexnou ul li a:hover {
  text-decoration: underline;
  color: #696762;
}


.indexnou1 {
  
  width: 30%;
  padding-right: 5px;
  float: left;
}

.indexnou1 a {
  
  line-height: 157.5%;
 font-family: 'Open Sans', sans-serif;
font-size: 14px;
  text-decoration: none;
  color: #000;
}


.indexnou1 a:hover {
  text-decoration: underline;
  color: #696762;
}

.indexnou1 ul li a:hover {
  text-decoration: underline;
  color: #696762;
}

.inapoi101  {
  
  width: 40%;
  margin-left: 25px;
  float: left;
}

.inapoi101 a {
  
  line-height: 157.5%;
 font-family: 'Open Sans', sans-serif;
font-size: 20px;
  text-decoration: none;
  
}


.inapoi101 a:hover {
 
}

.inapoi101 ul li a:hover {
  
}












.indexnou2 {
  border-left: 0px solid #ddd;
  width: 30%;
  padding-left: 25px;
  float: left;
}

.indexnou2 a {
  
  line-height: 157.5%;
 font-family: 'Open Sans', sans-serif;
font-size: 14px;
  text-decoration: none;
  color: #000;
}


.indexnou2 a:hover {
  text-decoration: underline;
  color: #696762;
}

.indexnou2 ul li a:hover {
  text-decoration: underline;
  color: #696762;
}

.indexnou3 {
  border-left: 0px solid #ddd;
  width: 30%;
  padding-left: 25px;
  float: right;
}

.indexnou3 a {
  
  line-height: 157.5%;
 font-family: 'Open Sans', sans-serif;
font-size: 14px;
  text-decoration: none;
  color: #000;
}


.indexnou3 a:hover {
  text-decoration: underline;
  color: #696762;
}

.indexnou3 ul li a:hover {
  text-decoration: underline;
  color: #696762;
}


.inainte101 {
  border-left: 0px solid #ddd;
  width: 40%;
  margin-right: 25px;
  float: right;
  text-align: right;
}

.inainte101 a {
  
  line-height: 157.5%;
 font-family: 'Open Sans', sans-serif;
font-size: 20px;
  text-decoration: none;
  
}


.inainte101 a:hover {
 
 
}

.inainte101 ul li a:hover {
  
  
}













 .aindexnou1 {
     padding-left: 25px;
     clear: both; 
    float: none;
    width: 100%;
    height: auto;
    

  }
 
 
 
 .aindexnou2 {
    float: none;
    width: 100%;
    height: auto;
    
    text-align: justify;
  }
 
 .aindexnou3 {
    float: none;
    width: 100%;
    height: auto;
   
    text-align: justify;
  }
 
.aindexnou4 {
    float: none;
    width: 100%;
    height: auto;
    
    text-align: justify;
  }



.aindexnou1 {
  
  width: 22%;
  padding-right: 5px;
  float: left;
  text-align: justify;
}

.aindexnou1 a {
  
  line-height: 157.5%;
 font-family: 'Open Sans', sans-serif;
font-size: 14px;
  text-decoration: none;
  color: #000;
  text-align: justify;
}


.aindexnou1 a:hover {
  text-decoration: underline;
  color: #696762;
  text-align: justify;
}

.aindexnou1 ul li a:hover {
  text-decoration: underline;
  color: #696762;
  text-align: justify;
}

.aindexnou2 {
  border-left: 0px solid #ddd;
  width: 22%;
  padding-left: 25px;
  float: left;
  text-align: justify;
}

.aindexnou2 a {
  
  line-height: 157.5%;
 font-family: 'Open Sans', sans-serif;
font-size: 14px;
  text-decoration: none;
  color: #000;
  text-align: justify;
}


.aindexnou2 a:hover {
  text-decoration: underline;
  color: #696762;
  text-align: justify;
}

.aindexnou2 ul li a:hover {
  text-decoration: underline;
  color: #696762;
  text-align: justify;
}

.aindexnou3 {
  border-left: 0px solid #ddd;
  width: 22%;
  padding-left: 25px;
  float: right;
  text-align: justify;
}

.aindexnou3 a {
  
  line-height: 157.5%;
 font-family: 'Open Sans', sans-serif;
font-size: 14px;
  text-decoration: none;
  color: #000;
  text-align: justify;
}


.aindexnou3 a:hover {
  text-decoration: underline;
  color: #696762;
  text-align: justify;
}

.aindexnou3 ul li a:hover {
  text-decoration: underline;
  color: #696762;
  text-align: justify;
}

.aindexnou4 {
  border-left: 0px solid #ddd;
  width: 22%;
  padding-left: 25px;
  float: right;
  text-align: justify;
}

.aindexnou4 a {
  
  line-height: 157.5%;
 font-family: 'Open Sans', sans-serif;
font-size: 14px;
  text-decoration: none;
  color: #000;
  text-align: justify;
}


.aindexnou4 a:hover {
  text-decoration: underline;
  color: #696762;
  text-align: justify;
}

.aindexnou4 ul li a:hover {
  text-decoration: underline;
  color: #696762;
  text-align: justify;
}






































.numberlist{
    width:760px;
    margin: auto;
}




 

.numberlist p{
                
                padding: .4em 2em .4em 2em;
                
                margin: .5em 0;
                background: #fff;
                color: #444;
                text-decoration: none;
                -moz-border-radius: .3em;
                -webkit-border-radius: .3em;
                border-radius: .3em;
                border-left: 10px solid #f8dbcb;
                border-right: 10px solid #f8dbcb;
                border-top: 1px solid #f8dbcb;
                border-bottom: 1px solid #f8dbcb;
            }

 
.main p  {
font-size: 130%;
 color: #424241;
  font-family: 'Open Sans', sans-serif;
}

.main .ullista .lilista {
font-size: 130%;
 color: #424241;
  font-family: 'Open Sans', sans-serif;
}


.main .ullista .ullista6 .lilista6 {
font-size: 120%;
 color: #424241;
  font-family: 'Open Sans', sans-serif;
} 
.highlight {
text-decoration: #ffa86e solid underline;

}

.simbol {
font-size: 19px;
color: #ffa86e;
}

.simbol1 {
margin-left: 30px;
margin-bottom: 3px;    
font-size: 25px;
font-weight: 900;
color: #d5c55b;
}

.spatiu {
margin-top: 15px;
}


.font-fb {
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 700;
color: #3b5998;
text-decoration: none;
padding-right: 20px;
}

.spatiu-stanga {

padding-left: 20px;
}

.desen {

text-align: center;

}
.qed {

float: right;
margin-right: 30%;
}
.linie-orange {
background-color: #f6a933;
width: 65%;
height: 4px;
margin-top: -15px;
margin-bottom: 30px;

}

.paragraf_imp1 {
 
  border: 1px solid #ecebeb;/*#E7F4FB;*/
  border-radius: 5px;
  padding-left: 3.854456%;/*25px;*/
 
  box-shadow:  5px 3px 8px   #ddd;
  padding-right:3.083565%;/*20px; */
 padding-top: 1.541782%;/*10px;*/
  background-color: #fffff9;
  
  background-size: 15px 15px;
    background-image: linear-gradient(to right, #f0f0f0 1px, transparent 1px), linear-gradient(to bottom, #f0f0f0 1px, transparent 1px);
  border-bottom: 1px solid #f0f0f0;}


.bf::before  {
color: orange;
font-weight: bold;
content: "\203A";
font-size: 140%;
}

.bfmeno::before  {
color: orange;
font-weight: bold;
content: "\203A";
font-size: 140%;
}

.bfmeno  {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}

.abfmeno::before  {
color: orange;
font-weight: bold;
content: "\203A";
font-size: 120%;
}

.abfmeno  {
    font-size: 90%;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}

.linie-border {
  
  text-align: center;
  width: 80px;
  height: 3px;
 
  
  
  margin: 1px auto;
  
  background: #ffa86e;
}

.main article p {
  padding-bottom: 0.857143%;  /* 20px / 700px */
 padding-top: 0.857143%;  /* 20px / 700px */
  color: #636261;
  font-family: 'Open Sans', sans-serif;
  line-height: 157.5%;
}

.main article #frame {
  text-align: center;
}








.next {
  width: 74.468085%;  /* 700px /940px */
  margin-left: 12.765957%;  /* 120px / 940px */
  text-align: center;
  height: auto;
}

.separator {
    background-image: -moz-linear-gradient(left center , transparent, #5b9bd5,#ffc000, #ff0000, #70ad47, #70ad47, #7030a0, #1f2da8, #ff0000, #e84716,  transparent);
    border: 0 none;
    height: 2px;
    margin: 3em 0;
 
}

.content {
   text-align: center;
  width: 100%;/*74.468085%;/*100%;/*63.82978723404%;/*74.468085%;   700px /940px */
  text-align: justify;
  margin-bottom: 5.319149%; /* 50px / 940px */
  margin-top: -1.191489%; /*  30px / 940px */
  float: left;
}

.title-content {
  font-size: 120%; /*120%;*/
  font-weight:bold;/* none;*/
  letter-spacing: 1px;
  text-align: center;
 /* color: #262626;*/
  font-variant: small-caps;
  display: inline-block;
  font-family: Helvetica, Dekko, 'Open Sans', regular, Georgia, sans-serif;
  color: #8787C1;
}

 .last_art ul li a{
  text-align: left;
  border-bottom:0 solid  #EDD;
   color: #5b9bd5;/*#262626;*/
  text-decoration: none;
  
   /*font-weight:bold;*/
  font-family: Verdana, Helvetica, Dekko, /*'Open Sans', light,*/ Georgia, sans-serif;
  letter-spacing: 1px;
  line-height: 130%;/*30px;*/
}

.last_art  a:hover {
  border-bottom:0 solid #808080;
  color: #ff6440;/*#000;*/
  
}

.intrebari-si-raspunsuri {
    text-align: left;
  border-bottom:0 solid  #EDD;
   color: #000000;/*#262626;*/
  text-decoration: none;
  font-size: 100%;/*16px;*/
  
  font-family: Roboto, Verdana, PT Serif, Helvetica, Dekko, /*'Open Sans', light, */ Georgia, sans-serif;
  
  line-height: 130%;/*30px;*/ 
}

.lista-numar .ol-container .lista-numar-spatiu {
  list-style-type: decimal;
margin-left: 6.857143%;
  /*color: #0099ff;*/
   margin-right: 6.857143%;
  font-family: Verdana, Helvetica, Dekko, /*'Open Sans', light,*/ Helvetica, Georgia, sans-serif;
  font-weight: bold;
  letter-spacing: 1px; /*0.2px;*/
  line-height: 187.5%;
   padding-bottom: 0.857143%;  /* 10px / 700px */
   padding-top: 0.857143%;  /* 10px / 700px */
}

.lista-numar .ol-container .lista-numar-spatiu ol li {
  list-style-type: lower-alpha;
  list-style-position: outside;
  color: #E69A17;
}

.lista-numar .ol-container .lista-numar-spatiu .div-ol-subcontainerol .ol-subcontainer li p {
  margin-left: -30.835646%;/*-200px;*/
}

.lista-numar .lista-numar-spatiu ol {
  color: #5b9bd5;/*#262626;*/
}

.last_art ul li {
  list-style-type: disc;
  list-style-position: outside;
  /*margin-left: 4.625347%;/*30px; /* 30px */
  color: #5b9bd5;/*#E69A17;*/
}

.last_art ul {
  margin-top: 4.625347%;/*30px; /* 30px */
}

.last_art {
  margin-bottom: 13.625347%;
}

.last_art1 {
  margin-bottom: 13.625347%;
}


.bottom {
    /*top:10px;
    bottom:0;*/
    position:absolute;
}

.titlu-cuprins {
  padding-top: 7.0835648%;/*1.7708192+4=20px;*/
  text-align: center;
  /*text-transform: uppercase;*/
 /*font-weight: bold;*/
  font-size: 120%;
  /*font-variant: small-caps;*/
  padding-bottom:7.0835648%;/*1.7708192+4=20px;*/
  letter-spacing:1px;
  text-decoration: none;
  color: #e84716;/*#ff6440;/*#5b9bd5;/*orange; /*#8787C1;*/
  font-size: 137.5%;/*22px; /* 17px/19px */
  font-family:Dekko, Caveat, Helvetica, 'Open Sans', regular, Georgia, sans-serif;*/
  border-bottom: 1px solid #ff6440; 
  font-weight: bold;
  /* font-family: 'Open Sans', regular,Helvetica,'Arial', 'Georgia',sans-serif;*/
}





.urmator1 {
   padding-right: 2.5%;
  padding-left: 2.5%;
  border-right: 0px dotted #ddd;
 border: 0px solid #ddd;
  
 
}
.anterior1 {
  padding-right: 2.5%;
  padding-left: 5%;
  border: 0px solid #ddd;
   
  border-right: 1px dotted #ddd;
}

.urmator2 {
  border: 0px solid #ddd;
  padding-left: 2.5%;
  border-left: 1px dotted #ddd;
  padding-right: 5%;
   
}

.footer {
  clear: both;
  text-align: center;
	margin-top: 45px;
  margin-bottom: 5px;
  /*background-color: #FFFFFF;*/
}

.footer a {
  text-decoration: none;
  color: #3F3F3F;
  font-family: Helvetica, 'Open Sans', light, Georgia, sans-serif;
  font-size: 100%;
}

.footer p {
  font-family: Helvetica,  'Open Sans', light, Georgia, sans-serif;
}

.indexnou .allta {
  text-decoration: none;
color: #ff8b3e;
padding-left:40px;padding-top: 30px;padding-bottom: 30px; padding-right: 40px;border-right: 3px solid #ffc13b;
  font-size: 100%;
  font-style: oblique;
  font-weight: bold;
  margin-left: 6.1671292013567%;/*40px;*/
  font-family: Helvetica, Dekko;
  letter-spacing: 1px;
  
} 

.indexnou .allta:hover {
  color: #ff5b3e;
  text-decoration: none;
}

.allta {
  text-decoration: none;
color: #ff8b3e;
padding-left:20px;padding-top: 10px;padding-bottom: 10px; padding-right: 20px;
  font-size: 100%;
  font-style: oblique;
  font-weight: bold;
  margin-left: 6.1671292013567%;/*40px;*/
  font-family: Helvetica, Dekko;
  letter-spacing: 1px;
  background-color: #f0f6ff;
  
} 

.allta:hover {
  color: #ff5b3e;
  text-decoration: none;
}

.all {
  text-decoration: none;
 
color: #3198ff;

  background-color: #ffffff;
  font-weight: bold;
  margin-left: 1.1671292013567%;/*40px;*/
  font-family: Helvetica, Dekko;
  letter-spacing: 1px;
} 

.all1 {
  margin-top: 3.08356460061%;/*20px;*/
  margin-left: 6.1671292013567%;/*40px;*/
}

.all:hover {
  color: #70a5f5;
}

/* http://html-tuts.com/back-to-top-button-jquery/  */
a.back-to-top {
  text-align: center;
	display: none;
	font-weight: bold;
  font-size: 130%;
  padding-top: 0.5em;/*4px;*/
  padding-bottom: 0.6em;/*10px;*/
  padding-left: 0.8em;/*17px;*/
  padding-right: 0.8em;/*17px;*/
	/*text-indent: 15px;*/
	position: fixed;
	z-index: 999;
	right: 4%;/*20px;*/
	bottom: 4%;/*20px;*/
	border: 0px solid #ddd;
  background: #ff6440;/*#5b9bd5;/*#e69a17;*/
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
  text-decoration: none;
  color: #ffffff;
  opacity: 0.5;
}

a.back-to-top:hover {
  background: /*#5b9bd5;*/#ff6440;/*#8787c1;*/
  border: 0px solid #e69a17;
  opacity: 1;
  
}



  


.tabel-footer {
  width: 960px;
  height: auto;
  text-align: center;
  /*display: table;*/
 /* margin-top: 2%;
  margin-left: 5%;
  margin-right: 5%;*/
  margin: 0 auto;
  padding-top: 20px;
  border: 1px solid #e69a17;
}

.tabel-footer article {
  float: left;
  width: 42%;
  text-align: center;
  height: 650px;
 /* margin-bottom: 100px;*/
}





.last_art1 ul li a {
  text-align: left;
  border-bottom:0 solid  #EDD;
   color: #5b9bd5;/*#262626;*/
  text-decoration: none;
  font-size: 100%;/*16px;*/
   font-weight:bold;
  font-family: Verdana, PT Serif, Helvetica, Georgia, sans-serif;
  letter-spacing: 1px;
  line-height: 150%;/*30px;*/
}

.prima {
float: left;
margin-right: 3%;
margin-left: 3%;
}
.a-doua {
float: left;
margin-right: 3%;}
.a-treia {
float: left;
}

.prima-linie {
text-align: center;
}

 .a-doua-linie {
text-align: center;

}

.unu-patru {
display: inline-block;
}

.cinci-opt {
display: inline-block;
margin-left: 15%;
}


.butonlista {
margin-left: -12px;
}

.butonlista li {
list-style-type: none;
  display: inline-block;
  /*margin-left: 2px;*/
  margin-right: 2px;
  margin-bottom: 5px;
}

.butonlista li a {
font-size: 200%;
font-family: Georgia;
}

.butonel {
cursor: pointer;

}

.indrumar {
font-family: Verdana, Arial, Helvetica,  PT Sans,  sans-serif;
font-size: 15px;
/*letter-spacing: 1px;*/
font-weight: bold;
color: #5b9bd5;/*#7030a0; /*#e84716;/*#d78f8f; /*#5b9bd5;*/
line-height: 120%;

margin-bottom: 6%;
}
.noulcuprins {
  border: 1px solid #ff8b3e;
  border-radius: 5px;
  font-size: 90%;
  
  margin-left: 20px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  
 
margin-bottom: 20px;
}


.subliniat {
  padding-bottom: 10px; 
  color:#515657;
}

.linie-gri {

background-image: url("ie.png");
  height: 15px;
  width: 100%;
  
 
}

.column {
  float: left;
  width: 20%;
  padding: 10px;
  /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.noulcuprins102 {
  border-bottom: 1px solid #3eb2ff;
 
  font-size: 90%;
  
  
  
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  
 
margin-bottom: 20px;
}


.noulcuprins102 a {
    padding-top: 10px; 
    padding-bottom: 5px;
    
    
    text-decoration: none;
}






.noulcuprins a {
    padding-top: 10px; 
    padding-bottom: 5px;
    
    
    text-decoration: none;
}

.sup-sub-style {font-size: 80%;

}








sub {
	font-size: smaller;
	vertical-align: sub;
}
sup {
	font-size: smaller;
	vertical-align: super;
	
}








/* FROM http://codepen.io/jenniferleigh/pen/xbpREZ */

.menuTrigger {display:none;}
@media screen and (min-width: 1020px){
  
  
  
#main-menu {display:block!important}
}






@media screen and (max-width: 1020px){
     .corpart {width: auto;}
     .twomain {
        
	width: 100%;
}

 .twomain ul li {
         
	width: 100%;
}

.twomain p {
         
	width: 100%;
}
 .continut {width: 100%;}
    .first-page {width: auto;}
    .first-row {width: auto;}
    .continut p {width: auto;}
    .first-page p {width: auto;}
    .first-row p {width: auto;}
.principal {
        width: auto;
        margin: 0;
}

    .menuascuns {display:inline;}
    .main_text {display:inline;}
    .first-row{display:none;} 
    
   
.prima {clear: both; float: none; text-align: center;}
.a-doua {clear: both; float: none; text-align: center;}
.a-treia {clear: both; float: none; text-align: center;}


a.back-to-top {
  text-align: center;
	display: none;
	font-weight: bold;
  font-size: 130%;
  padding-top: 0.5em;/*4px;*/
  padding-bottom: 0.6em;/*10px;*/
  padding-left: 0.8em;/*17px;*/
  padding-right: 0.8em;/*17px;*/
	/*text-indent: 15px;*/
	position: fixed;
	z-index: 999;
	right: 4%;/*20px;*/
	bottom: 12%;/*20px;*/
	border: 0px solid #ddd;
  background: #ff6440;/*#5b9bd5;/*#e69a17;*/
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
  text-decoration: none;
  color: #ffffff;
  opacity: 0.5;
}

a.back-to-top:hover {
  background: /*#5b9bd5;*/#ff6440;/*#8787c1;*/
  border: 0px solid #e69a17;
  opacity: 1;
  
}

.numberlist {
    width: auto;
    margin: 2.5%;
   
  }












.tabel-footer article {
    float: none;
    width: 100%;
    height: auto;
  }
 
 .indexnou1 {
     padding-left: 25px;
     clear: both; 
    float: none;
    width: 100%;
    height: auto;
    

  }
 
 
 
 .indexnou2 {
    float: none;
    width: 100%;
    height: auto;
    padding-top: 19px;
  }
 
 .indexnou3 {
    float: none;
    width: 100%;
    height: auto;
    padding-top: 19px;
  }
 

 
 













.tabel-footer article {
    float: none;
    width: 100%;
    height: auto;
  }
 
.main article p {
 padding-left: 2.5%;
padding-right: 2.5%;}

.last_art ul li {
 padding-left: 2.5%;
padding-right: 2.5%;}




.urmator a {  
  margin-left: 0;
}

/*img {
    height: auto;
    max-width: 90%;
    vertical-align: middle;
}*/

.imag1 {
width: 70%;

}

 #hor-menu ul li a {
    font-size: 100%;
   
   
}
  
  .paragraf {
    display: none;
  }
  
  #hor-menu  {
    text-align: left;
  border-top: 0px solid #F3F4F5;
    border-bottom: 0px solid #F3F4F5;
  }
  
  #hor-menu ul .main-menu-li{
  display: block;
    text-align: left;
    padding: 0.6%;/*5px;*/
    margin-left: 5%;/*35px;*/
  }
  
#main-menu{display:none;} 
 
.menuTrigger {display:block;}
   .menuTrigger:before{content:'Menu +'; padding: 0.6% 0;/*5px 0;*/; width:100%; display: inline-block;color: #3F3F3F;  text-align: center; font-family: 'Open Sans', light, Georgia, sans-serif;font-size:100%;/*16px; */; font-variant: small-caps; font-weight: bold; color: #8787c1;cursor: pointer;margin-bottom: 1.2%;/*10px*/;border-top: 0 solid #f3f4f5;border-bottom: 0 solid #f3f4f5;}
  .menuTrigger.selected:before{content:'Menu -';}
 








  

 

 
}

/*  function sticky_relocate() {
    var window_top = $(window).scrollTop();
    var div_top = $('#sticky-anchor').offset().top;
    if (window_top > div_top) {
        $('#sticky').addClass('stick');
        $('#sticky-anchor').height($('#sticky').outerHeight());
    } else {
        $('#sticky').removeClass('stick');
        $('#sticky-anchor').height(0);
    }
}

$(function() {
    $(window).scroll(sticky_relocate);
    sticky_relocate();
});
 */

/*  */



/* FROM http://codepen.io/jenniferleigh/pen/xbpREZ */

.cuprinsTrigger {display:none;}
@media screen and (min-width: 1020px){
  
  
#cuprins1 {display:block!important}
}



@media screen and (max-width: 1020px){
 /* .main {
    margin-top: 80px;
    z-index: 0;
  }*/
  
  /*.titlu-cuprins {
    display: none;
  }*/
  




 .big  .toc li a {
    font-size: 100%;
    color: blue;
   float: none;
   text-align: left;background-color: white;
   padding-top: 20px;
  
  }

.big .toc {
    display: block;
    text-align: left;
    padding: 5px;
    position: fixed;
 /* position: absolute;*/

 /* margin-left: -950px;
}

  .secundar {
  margin-left: 10px; 
}

.tertiar {
  margin-left: 30px; 
}

.apatra {
  margin-left: 50px; 
}*/



  .main {
    width: auto;
  }

.sticky {
    display: none;
  
}

/*.sticky1 {
    top:120px;
    position: fixed;
  padding: 5px 0; width:100%; display: inline-block;color: #3F3F3F;  text-align: center; font-family: 'Open Sans', light, Georgia, sans-serif;font-size:16px;  font-variant: small-caps; font-weight: bold; color: #8787c1;cursor: pointer;margin-bottom: 10px;border-top: 1px solid #f3f4f5;border-bottom: 1px solid #f3f4f5;
}*/
  
#cuprins1 {display:none;} 
  
.cuprins {display:none;} 
 
  #cuprins10 {display: block;}

 
/*.cuprinsTrigger {display:block;}
   .cuprinsTrigger:before{content:'In acest articol +'; /*top: 70px; padding: 5px 0; width:100%; display: inline-block;color: #3F3F3F;  text-align: center; font-family: 'Open Sans', light, Georgia, sans-serif;font-size:16px;  font-variant: small-caps; font-weight: bold; color: #8787c1;cursor: pointer;margin-bottom: 10px;border-top: 1px solid #f3f4f5;border-bottom: 1px solid #f3f4f5;*/}
  /*.cuprinsTrigger.selected:before{content:'In acest articol -';}
 
}*/}

@font-face {
    font-family: 'si';
    src: url('../socicon/socicon.eot');
    src: url('../socicon/socicon.eot?#iefix') format('embedded-opentype'),
         url('../socicon/socicon.woff') format('woff'),
         url('../socicon/socicon.ttf') format('truetype'),
         url('../socicon/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../socicon/socicon.svg) format(svg);
    }
}

.soc {
width: 19,5%;
    overflow:hidden;
    padding-top: 2%;
   margin-left: -23%;
     text-align: center;
    list-style:none;
    
}

.soci {
width: 19,5%;
    overflow:hidden;
    padding-top: 2%;
  /* margin-left: -23%;*/
     text-align: center;
    list-style:none;
    
}




.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-right: 9px;
    color: #ffffff;
    background-color: none;
}

.soc a:hover {
    z-index: 2;
    
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'\e041';
}
.soc-twitter {
    background-color: #4da7de;
}
.soc-twitter:before {
    content:'\e040';
}
.soc-mail {
    background-color: #FF781F;
}
.soc-mail:before {
    content:'\e01f';
}

.soc-facebook:hover {
    background-color: #526fac;
}
.soc-twitter:hover {
    background-color: #61bbf2;
}
.soc-mail:hover {
    background-color: orange;
}


#frame {
     
      width:auto;
      border:1px solid #ccc;
      background:#fff;
      padding:10px;
       margin: 10px  auto  15px;
   border-radius: 5px;
  
      text-align: center;
  }
  /*h1 {
      font:normal bold 2em/1.8em"Helvetica Neue", Helvetica, Arial, sans-serif;
      text-align:left;
      border-bottom:1px solid #999;
      padding:0;
      width:auto
  }
  h2 {
      font:italic bold 1.3em/1.2em"Helvetica Neue", Helvetica, Arial, sans-serif;
      padding:0;
      text-align:center;
      margin:20px 0;
  }*/
  p.pager {
      margin:5px 0 5px;
      font:bold 1em/1em"Helvetica Neue", Helvetica, Arial, sans-serif;
      color:#999;
  }
  img.question-image {
      display:block;
      max-width:250px;
      margin:10px auto;
      border:1px solid #ccc;
      width:100%;
      height:auto;
  }
  #choice-block {
      display:inline;
      list-style:none;
      margin:0;
      padding:0;
  }
  #submitbutton {
      background:#5a6b8c;
      width: 30%;
     cursor:pointer;
  }
  #submitbutton:hover {
      background:#7b8da6;
  }
  #explanation {
      margin:0 auto;
      padding:20px;
      width:75%;
  }
  .choice-box {
      display:inline-block;
      text-align:left;
      margin:8px auto;
      padding:10px 10px;
      border:1px solid #666;
      cursor:pointer;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      width: 50%;
  }