body {margin: 0; padding: 0;  }
* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: block;
    }
[class*="col-"] {
    float: left;
    padding: 15px;
   }
html {
    font-family: "Lucida Sans", sans-serif; color:#6F6F6F; font-size: 14px;
}
.header {
    background-color: #03233a;
    color: #FF9818;
    padding: 0;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #006666;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.20), 0 1px 2px rgba(0,0,0,0.50);
}
.menu li:hover {
    background-color: #669999;
    color: #FF7F34;
}
.menu li.activ {
    background-color: #006666;
    color: #ffffff;
}
.container {
    overflow: hidden;
    background-color: #03233a;
}
.container a {
    float: left;
    font-size: 16px;
    color: #FF9818;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: #FF9818;
    padding: 14px 16px;
    background-color: inherit;
}

.container a:hover, .dropdown:hover .dropbtn {
    background-color: #006666;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #006666;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: #ffffff;
    padding: 10px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #669999;
}

.dropdown:hover .dropdown-content {
    display: block;
}

ul.next {list-style-type: none; padding:10px; border: none; text-align:center; }
ul.next li {float: left; margin: 10px; padding: 10px; font-size: 14px; color:#ffffff; text-decoration:none; }
ul.next li a { display: inline-block;
    font-family: verdana, helvetica, sans-serif;
    font-size: 14px;
    color:#ffffff;
    text-decoration:none;
    text-align: left;
    margin: 0;
    padding: 5px;
    border: solid 1pt #9B907E;
    background-color:#9B907E;
    border-radius: 25px;
}
ul.next li a:hover:not(.active) {color: #A0522D; background-color:#D8CFC8; }

.aside {
    background-color:  #006666;
    padding: 15px;
    color: #9B907E;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.20), 0 1px 2px rgba(0,0,0,0.50);
}
.footer {
    background-color: #03233a;
    color: #9B907E;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}
.pbox {float: left; margin: 10px; width: 88px; text-align: center;   padding: 3px;  background-color: #9B907E;  }
.picsbox1 { float: left; text-align: center; margin:20px;  padding: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.desc {padding: 2px; text-align: center; font-size: 14px; color: #ffffff; }
img{max-width: 100%; height: auto; border-style:solid; border-color:#9B907E; border-width:1pt;  text-decoration:none;}
.imgint {max-width: 90%; height: auto; border: solid 1pt #9B907E; margin: 20px; float: left; padding: 10px;}
.imgm {max-width: 90%; height: auto; border: solid 1pt #9B907E; margin: 20px; float: none; padding: 10px;}
.imgr {max-width: 90%; height: auto; border: solid 1pt #9B907E; margin: 20px; float: right; padding: 10px;}
.ibox {margin:15px; padding: 5px;}
 h1 {color:#9B907E; font-size:16px; text-align: center; letter-spacing:1px; }
 .ort {color:#FF7F34; font-size:25px; letter-spacing:2px; text-align: center;}
  h2 {color:#006666; font-size:16px; letter-spacing:1px; text-align: left;}

 p { font-size: 16px; text-align:justify;  }
 .pcenter {  text-align:center;  }
 a { color:#6F6F6F; }
.itext {font-weight: bold; }
.ueb {color: #ffffff; font-weight: bold; text-decoration: none;}
.partner {font-size: 14px; text-decoration: none;}
.ueb1 {color: #6F6F6F; font-weight: bold; text-decoration: none;}
a:hover:not(.active) {color: #FF9818;;}
hr { border: 0; height: 1px; background: #9B907E; background-image: linear-gradient(to right, #ccc, #9B907E, #ccc); }
td,tr{
border: solid 1pt #9B907E;}
input[type=text] {
    width: 60%;
    padding: 10px 15px;
    margin: 10px 0;
    box-sizing: border-box;
    font-size: 14px;
}
textarea {
    width: 60%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    resize: none;
}
input[type=button], input[type=submit], input[type=reset] {
    background-color: #4CAF50;
    border: none;
    font-size: 14px;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}
select {
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    background-color: #f1f1f1;
}