/* General Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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, hr, button {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:none;
}

ol, ul {
	list-style-type:none;
}

h1, h2, h3, h4, h5, h6, li {
	line-height:100%;
}

blockquote, q {
	quotes:none;
}

q:before, q:after {
	content:"";
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

input, textarea, select {
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	padding:0;
	margin:0;
}

textarea {
	overflow:auto;
	resize:none;
}

body {
	margin:0px;
	padding:0px;
	font-size:13px;
	line-height:21px;
	color:#9FB1B2;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#212b2d;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h1 {
	font-size:33px;
	margin-bottom:15px;
}

h2 {
	font-size:25px;
	margin-bottom:15px;
}

h3 {
	font-size:18px;
	margin-bottom:15px;
}

h4 {
	font-size:16px;
	margin-bottom:15px;
}

h5 {
	font-size:14px;
	margin-bottom:15px;
}

h6 {
	font-size:12px;
	margin-bottom:15px;
}

	/*  links
	******************************/
	a {color: #81c266;text-decoration: underline;}
	a:hover {color: #81c266;text-decoration: none;}

	/*  superscript and subscript
	******************************/
	sup, sub {vertical-align: baseline;position: relative;top: -0.4em;}
	sub { top: 0.4em; }
	
	/*  lists
	******************************/
	ul, ol {padding:0;margin:0;}
	ul li {list-style-type:disc;}
	ol li {list-style-type:decimal;}
	ul li,
	ol li {font-size: 12px; line-height: 14px;margin: 0 0 10px 15px;}

	/*  tables
	******************************/
	table,th,td {border:1px solid #575C5F;}
	th {padding:3px; font-weight:bold;color:#81c266;}
	tr {margin:0 0 5px 0;padding:3px;}
	td {padding:5px;margin:0 1px;}
	
	/*  horizontal lines
	******************************/
	hr {border-bottom: 1px solid #5F6C73;margin:5px 0;padding:0;height:2px;width:100%; margin-bottom:10px;}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.copyright {
	border: 0px;
	height: 1px;
	width: 1px;
}

#wrapper {
	width:900px;
	margin:0 auto;
	padding:20px 0 10px 0;
}

/*----start header----*/
#header {
	padding:0px 0px 20px;
}

#header .top_banner{
	background:url(../images/header.png) no-repeat left top;
	height:190px;
	padding:60px 95px 0 95px;
	border:#6C8286 solid 1px;
	margin-bottom:10px;
}

#header h1{
	font-size:32px;
	color:#c3dae0;
	margin:0px;
	padding:0px 0px 10px;
}

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

#header h1 a:hover {
	text-decoration: none;
}

#header p{
	font-size:16px;
	margin-left:1px;
	color:#c3dae0;
}

.navigation{
	margin-bottom:5px;
	padding:13px 5px;
	background: #333d3f; 
}

.navigation ul{
	margin:0px;
	padding:0px;
}

.navigation ul li{
	margin:0px;
	padding:0px 35px;
	display:inline;
	font-size:14px;
	list-style-type:none;
	border-right:#91969a dotted 1px; 
}

.navigation ul li a{
	color:#F5F5F5;
	text-decoration:none;
}

.navigation ul li a:hover{
	text-decoration:underline;
}

.navigation ul li:last-child {
	border-right:none;
}
/*----end header----*/


/*----start page content----*/
#page_content{
	padding:0px 0px 20px;
}

#page_content .right_section{
	width:650px;
	float:right;
}

#page_content .right_section .top_content{
	padding:15px 0 0px 0;
}

#page_content .right_section .top_content .column_one{
	width:300px;
	float:left;
	margin-bottom:20px;
}

#page_content .right_section .top_content .column_two{
	width:300px;
	float:right;
	margin-bottom:20px;
}

a.btn{
	color:#0a0800;
	font-size:12px;
	text-decoration:none;
	padding:6px 13px 6px 13px;
	font-weight:bold;
	display:inline-block;
	border:#566568 solid 1px;
	background-color:#97aaae;
}

a.btn:hover{
	text-decoration:none;
}

.common_content{
	padding:0 0 20px 0;
}

.border_left{
	border-left:#6e7678 dotted 1px;
	padding-left:20px;

}

.border_none{
	border:none!important;
	margin:0px!important;
}

.left_side_bar{
	width:210px;
	float:left;
}

.left_side_bar h1{
	font-size:20px;
	padding:0 0 0 25px;
	font-weight:bold;
	margin-bottom:15px;
	color:#9aacae;
}

.left_side_bar .col_1{
	padding:0px 0 20px 0;
}

.left_side_bar .col_1 .box{
	padding:10px 15px 5px;
	border:#283032 solid 1px;
}

.left_side_bar .col_1 .box ul{
	margin:0px;
	padding:0px;
}

.left_side_bar .col_1 .box ul li{
	margin:0px 0px 8px;
	padding:0px 0px 0px 15px;
	font-size:13px;
	list-style-type:none;
	background:url(../images/li.png) no-repeat left center;
}

.left_side_bar .col_1 .box ul li a{
	color:#9aacae;
	text-decoration:underline;
}

.left_side_bar .col_1 .box ul li a:hover{
	color:#9aacae;
	text-decoration:none;
}
/*----end page content----*/


/*----start footer content----*/
#footer{
	clear:both;
	margin-top:18px;
	padding:15px 0 0px 0;
	height:25px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:19px;
	border-top:#525b60 solid 1px;
}

#footer a{
	color: #81c266;
	text-decoration:none;
}

#footer a:hover{
	color: #81c266;
	text-decoration:underline;
}

/*----end footer content----*/

/*--submenu sttings--*/
.TopMenuBar {
  border: none;
  background-color: purple;
  width: 100%;
  margin: 0;
  padding: 0;
}

.TopMenuBar>ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.TopMenuBar>ul,
.dropdown-menu>ul,
.sub-dropdown-menu>ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.TopMenuBar>li {
  display: inline;
}

.TopMenuBar a,
.dropdown-menu a,
.sub-dropdown-menu a {	/* editat */
  color: white;
  text-decoration: none;
  padding: 2px;
  display: block
}

/* Applys to all links under class TopMenuBar on hover */
//.TopMenuBar a:hover {
  //background-color: #b14eb1;
  //color: black;
  //transition: 0.2s 1s;
//}

.dropdown-menu,
.sub-dropdown-menu {	/* editat */
  display: none;
  /*background-color: purple;*/
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1;
  
}

/* Applys to all links under class TopMenuBar */
.dropdown-menu a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown:hover .dropdown-menu {
  display: block;
  transition: 0.2s 1s;
}

.sub-dropdown {
  position: relative;
}

.sub-dropdown-menu {	/* editat */
  left: 60%;
  top: 0;
  white-space: nowrap;
}

.sub-dropdown:hover .sub-dropdown-menu {
  display: table;
  transition: 0.2s 1s;
}

.SideMenuBar {
  background-color: orange;
  margin-left: 20px;
  margin-top: 0;
  display: flex;
  height: 100vh;
  float: left;
}

.SideMenuBar ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.SideMenuBar li a {
  color: white;
  text-decoration: none;
  padding: 20px;
  display: list-item;
}

//.SideMenuBar li a:hover {
  //background-color: #fcbf7e;
  //color: black;
  //transition: 0.2s 1s;
//}

main {
  padding-left: 10px;
  display: table
}
/*--end submenu sttings--*/



div2 { 
  margin: auto;
  position: absolute; 
  top: 0; bottom: 0; left: 0; right: 0;
  height: 20px;
  text-align: center;
}

#tagline { 
  font-size: 1.5em; 
  font-family: Times New Roman;
  color:#c3dae0; 
  /*text-transform: uppercase;	*/
}

/* ----------------------------------------------------- */
/*-------------		LATERALA	*/



.masthead {
  padding: 0.5rem 1rem;
  background-color: #222;
  color: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.masthead ax {
  color: white;
  text-decoration: none;
}


@media (min-width: 900px) {
  #branding {
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}
.nav-trigger {
  display: -webkit-box;	
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background-color: #ddd;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
.nav-trigger ulx {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav-trigger ulx lix {
  padding: 0.5rem 0 0;
}
.nav-trigger a {
  font-size: 1.3rem;
  color: black;
}


.chapter-masthead {
  text-align: center;
  padding-top: 2rem;
}

.chapter-heading {
  font-size: 2rem;
  padding: 2rem 0 1rem;
}

.chapter-sub {
  padding-bottom: 1rem;
  text-transform: uppercase;
  font-size: 0.9rem;
}

#main-menu {
  background: #eee;
  /*background-color:#acacac;  
  background-color:#c3dae0;*/  			/* ------------------ */
				  background-color:#212b2d;	
  text-align: center;
  padding: 2rem 0 0;
  margin-bottom: 2rem;
  height: 40vh;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-y: auto;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
#main-menu ulx {
  list-style: none;
  padding: 0;
  display: block;
  /*adaugat*/						/* ------------------ */
  width: 100px;			
  height: 100px;
  padding: 1px;
}
#main-menu ulx lix {
  padding: 0rem 0;	/* modificat 0.2rem la 0rem*/  	
  /*adaugat*/									/* ------------------ */
  text-align: left;		
  width: 150px;
  height: 7px;
  padding: 1px;	/* mai apropiat 1px */		/* ------------------ */
	}						
#main-menu ulx lix ax {
  text-decoration: none;
  color: #9FB1B2;	/* culoare nume capitole */		/* ------------------ */
}						

@media (min-width: 700px) {
  #main-menu {
    top: 0;
    left: 75vw;
    height: 100vh;	/* modificat de la 100 */	/* ------------------ */
    width: 25vw;			
    padding: 1rem 0 0 0;
    font-size: 1.3rem;
  }
}
@media (min-width: 1368px) {
  #main-menu {
    left: 84vw;	/*modificat de la 80 */
/*    width: 15vw;	/*modificat de la 13 */		/* --------------- */
    color: #b8b8b8;	/*adaugat*/					/* --------------- */
  }
}
.menu-heading {
  font-size: 1rem;
  /*text-transform: uppercase;	*/				/* ------------------- */
  color: #9FB1B2;	/* culoare text titlu */	/* ------------------ */
}

.intro {
  background-image: images/pana.jpg;
  background-size: cover;
  background-position: center;
  height: 100vh;
}

@media (min-width: 768px) {
  .intro {
    background-position: center 100%;
  }
}
.poem p {
  font-size: 1.1rem;
}												/* <--fara ------------------ */