body {
  margin: 0px;
  padding: 0px;
  background-color: floralwhite;
  font-family: verdana, geneva, sans-serif;
  font-size: 0.75em;
  line-height: 1.5em;
}
a:link {
  color: rgb(102, 51, 102);
  text-decoration: underline;
}
a:visited {
  color: rgb(128, 0, 64);
  text-decoration: none;
}
a:hover {
  color: rgb(179, 3, 0);
  text-decoration: none;
}
a:active {
  color: #ff6600;
  text-decoration: none;
}

div.container {
  border: 0px;
 padding: 0px;
  margin-left: 2%;
  margin-right: 2%;
}
.box {
  border: 0px;
  margin-top: 5px;
  padding: 0px;
}
.box h1 {
  color: black;
  font-size: 130%;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  line-height: 1.3em;
  float: left;
}
#logo{
  width: 36px;
  height: 32px;
 margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
.clear {
  clear: both;
}
h1 {
  font-size: 130%;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  margin: 0px
  padding: 20px 0px;
}

h2 {
  font-size: 120%;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  padding: 5px 0px 20px 0px;
}
h2.center {
  font-size: 120%;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  padding: 5px 0px 20px 0px;
}
h3 {
  font-size: 110%;
  font-style: italic;
  font-weight: normal;
  text-align: left;
  margin: 0px 80px;
  padding: 5px 0px ;
}

.nav {
  vertical-align: middle;
  margin: 0px 0px 5px 0px;
  padding: 10px 0px 5px 0px;
}
.right {
  text-align: right;
}
.flright {
 float: right;
}
.center {
  text-align: center;
}
.middle {
 vertical-align: middle;
}
.sep {
  width: 5px;
  height: 5px;
  border: 0px solid;
  margin: 0px;
  padding: 0px 7px;
  vertical-align: middle;
}
.nav a:link {
  color: black;
  text-decoration: none;
}
.nav a:visited {
  color: #660000;
  text-decoration: none;
}
.nav a:hover {
  color: white;
  text-decoration: none;
  background-color: #fd9966;
}
.nav a:active {
  color: red;
  text-decoration: none;
}

a.home:link {
  color: black;
  text-decoration: none;
}
a.home:visited {
  color: black;
  text-decoration: none;
}
a.home:hover {
  color: white;
  text-decoration: none;
  background-color: #fd9966;
}
a.home:active {
  color: red;
  text-decoration: none;
}

a.cor:link {
  text-align: right; 
  margin-right: 10px;
}

a.cor {
  color: black;
  text-decoration: underline;
}

a.cor:hover {
  color: white;
  text-decoration: underline;
  background-color: #fd9966;
}
  
  
.center {
  text-align: center;
}


.hrnav {
  width: 100%; 
  height: 2px; 
  border-width:0; 
  background-color: #fd9966;
  clear: both;
}

p {
  font-size: 100%;
  line-height: 1.7em;
  text-align : justify;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
.bio {
  font-size: 100%;
  line-height: 2.7ex;
  padding: 1.2ex;
  margin: 0px;
  text-align: justify;
}
p.opc {
  font-size: 100%;
  line-height: 1.7em;
  text-align: justify;
  margin-left: 40px;
  margin-right: 10px;
}
.small {
  font-size: 95%;
}
table {
  font-family: Verdana, Geneva, sans-serif;
  font-size : 100%;
  border: 0px solid;
  border-collapse: collapse;
  margin: 20px 10px 20px 40px;
}
td {
  padding: 2px 7px;
  text-align: justify;
  vertical-align: top;
  border-style: none;  
}
.col {
  white-space: nowrap;
}
table.border {
  font-family: Verdana, Geneva, sans-serif;
  font-size : 100%;
  border-collapse:collapse;
  border:1px solid rgb(179, 179, 179);
  margin: 20px 0px 20px 0px;
}
table.border td {
  padding: 5px 7px;  
  vertical-align: top;
  border: 1px solid rgb(179, 179, 179);
  text-align: left;
}
table.border th {
  background-color: rgb(102, 51, 102);
  color: white;
  text-align: center;
}
table.border td.titlu {
  background-color: rgb(184, 158, 184);
  text-align: center;
  font-weight: bold; 
}
table.border td.trad {
  background-color: rgb(250, 240, 215);
}
table.border td.ciclu {
  background-color: rgb(233, 223, 233);
}
table.border td.ciclu1 {
  background-color: rgb(233, 223, 233);
  line-height: 1ex;
}
table.border td.titludom {
  background-color: rgb(233, 223, 233);
  font-style: italic;
  text-align: center;
}
.rom {
 width: 47%;
}
dl {
vertical-align: top;
  margin: 0px 10px 5px 0px;
  padding: 0px;
}
dl dt {
  margin-top: 0px;
  padding-top: 0px;
  font-weight: bold;
  color: rgb(102, 51, 102);
}
dl dd {
  font-size : 90%;
  margin-left: 20px;
  padding: 0px;
}
.trad {
  background-color: rgb(250, 240, 215);
}
.subtitlu {
  font-size : 95%;
}
.subtitlu1 {
  font-weight: bold;
  color: rgb(102, 51, 102);
}
.ciclu {
background-color: rgb(228, 223, 236);
}
.titluga {
color: rgb(102, 51, 102);
}
.tafel{
  margin: 0px 10px 5px 0px;
  font-size : 90%;
}
ul {
  list-style-type: none;
  vertical-align: top;
  margin: 0px 10px 5px 0px;
  padding: 0px;
}
ul li {
  margin: 0px;
  padding: 0px;
  color: rgb(102, 51, 102);
  font-weight: bold;
}

.normal {
 font-weight: normal;
}
.carte {
  padding: 0px;
  color: rgb(102, 51, 102);
  font-weight: bold;
}
.inhalt {
  font-size : 95%;
  color: black;
  font-weight: normal;
}

.marg20 {
  margin-left: 20px;
}
.marg35 {
  margin-left: 40px;
}
table.opcpa {
 margin: 0px;
}
table.opcpa td {
  text-align: left;
  margin-left: 0px;
}

.info {
  margin-right: 200px;
  margin-left: 200px;
  padding: 15px;
  border: 2px solid #fdb780;
  border-radius: 15px;
  background-color: #fff7e6;
}
.colleft1 {
  float: left;
  display: table;
  padding: 0px;
  margin-right: 10px;
  margin-left: 10px;
}
.colleft2 {
  display: table;
  padding: 0px;
  margin-left: 10px;
}
.clear {
  clear: both;
}

ul.horiz {
list-style-type: none;
}
ul.hor li {
  display:inline;
  margin: 0px;
  font-weight: normal;
  color: black;
}
ul.hor li.act {
 font-style: italic;
 font-size: 90%;
 font-weight: normal;
  color: black;
}
ul.hor li.right {
  float: right;
}

.nota {
  margin-left: 5%;
  margin-right: 5%;
  font-size: 95%;
  text-align: justify;
}