html, body {height:100%}
body {font-family: 'Comfortaa', sans-serif;font-size: 16px;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;}
.fsmall {font-size:12px;}
.flarge {font-size:20px;}
div {display:block;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
h1,h2,h3,h4{display:block;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

#divDetails{float:left; position:absolute; left:620px;display:inline-block;}
/*.dvt5row { width: 100%; text-align: left; padding: 12px 0 6px; clear:both; font-weight:bold;}
.dvt5row span { float:right!important; font-size:8pt; margin:8px 10px; font-weight:normal; font-style:italic;}*/
.dvt5i,.dvt5row{width:200px; float:left; background-color:#fefefe; border:solid 1px #F9DFCA; height:200px; margin:2px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.dvt5row span{font-size:8pt; clear:both;}
.dvt5row {padding:10px; text-align:center; font-weight:bold; font-size:14pt; background-color:#ddd; color:#888;}
.dvt5row:hover{background-color:#ff6a00; color:#fff; }
.dvt5i img{width:200px;}
.dvt5ii{width:200px; height:150px;float:left; margin:0; padding:0;}
       
.dvt5ii img{max-width:198px!important;max-height:225px!important}
.dvt5it {background-color:#fcfcfc; border-top:dotted 1px #F9DFCA; width:100%; height:47px; font-size:9pt; text-align:center;float:left;}
        
.maindiv {display:block; width:100%; height:100%;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mainmenu {width:612px; height:800px; float:left; position:relative;}
.menuoption {color:#fff; font-size:15pt; font-weight:bold; background-image:url(/i2/cl2.png); background-repeat:no-repeat; border-radius:10px; cursor:pointer; margin-top:10px; position:absolute; top:40%; width:30%; left:6%; height:5%; background-size:cover;padding-left:8%; padding-top:1%;}
.menutitle {color:#000; font-size:16pt; font-weight:bold; position:absolute; top:42%; width:50%; left:6%; height:5%;font-family: 'Comfortaa', sans-serif;}
.menuoption:hover, .menuoption a:hover {color:#333;}
.mainimg{width:100%; height:100%; max-width:610px; margin:0 auto;}
.menuoption a{text-decoration:none; color:#fff;}
.men{float:right;}
#whatdoimean {display:none; width:80%; margin:0 auto; padding:10px; font-size:12pt; border:solid 1px #eee; border-radius:10px; z-index:100; opacity:.9; background-color:#fafafa; position:fixed; top:10%; left:10%;}
#whatdoimean img {float:right; cursor:pointer;}
#smenuclose{float:right; cursor:pointer; padding:10px;}
.micdv{padding:2px 4px;margin:4px 15px 4px 0; border-radius:4px; border:1px solid#ff6a00; cursor:pointer; top:0; right:0; position:fixed; }
.mic{border-radius:1px;display:block;height:2px;width:20px;background-color:#ff6a00; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:1px 6px 2px; margin:4px 0 4px 0;}
.smenudiv{display:none; width:100%; background-color:#333; position:relative; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; opacity:.95; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none;}
.smenudivitem{display:block; padding:8px; margin:2px; color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:14pt; cursor:pointer; font-weight:bold;}
.smenudivitem a:hover{ color:#ff6a00;}
.dicon {background-image:url(/i2/sprite_mi_30.png);width:30px; height:30px; float:left; margin-right:5px; }
.dtitle {padding-top:4px;}
.smenudivitem a {text-decoration:none; color:#fff;}
footer #breadcrumbs a { margin:0 5px 0 5px; color:#eee; font-size:12pt; float:none;}
#footer_top{border-bottom: 1px solid #999;margin: 0 0 5px 0;padding: 5px 0;width:100%; clear:both; min-height:35px;}
#breadcrumbs {float:left;}
#breadcrumbs span {float:left;}
#back_to_top{float:right;}
@media (min-width:0) and (max-width:610px){
    .mainmenu {width:100%; height:100%;}
    .menuoption{font-size:3vw}
    .menutitle{font-size:3vw}
    .smenudiv{width:100%;}
    #whatdoimean,#smenuclose{font-size:4vw}
}
@media (min-width:0) and (max-width:450px) {
    .smenudivitem{font-size:9pt;}
    .dvt5row{height:auto; width:auto;}
    .dvt5i{width:auto;}
}
@media (min-width:0) and (max-width:1100px) {
    #divDetails{position:unset;}
}
.footer{background-color:#333; color:#fff; clear:both; width:100%; height:auto; display:inline-block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px; font-size:10pt;background-image:url(/i/footer.jpg);}
.footer a {text-decoration:none; cursor:pointer; color:#fff;}
.mhr{background-color:#666; border-radius:1px; height:3px; width:100%;margin:4px 0 4px 0; clear:both; display:inline-block}
.footer ul {
    display:inline-block;
    margin:0 0 0 5px;
    list-style:none;
    padding-bottom:20px;
}
ul {
    padding-inline-start: 0px!important;
}
ul li{float:left; width:100%}
.footer span{color:#ff5b00; padding:0 2px 15px 0; font-size:10pt;}
.fdiv{float:left; width:300px; display:block; position:relative; line-height:1.5em;}
.fdiv h2 {text-align:left; font-size:1.2em; font-weight:bold; margin:.5em 0 .5em 0;}

.mmuserinf {color:#888; font-size:.85em; position:fixed; top:38px; display:block; }
    .mmuserinf a {
        color: #ff6a20; text-decoration:underline;
    }