.main{max-width: 850px; margin: 0 auto;}
.cuprins{}
.footer{   
    margin-top: 15px; 
    font-size: 12px;
    line-height: 1.3;
    font-family: 'Inter', sans-serif /*{global-font-family}*/;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    left: 0;
    right: 0;
    /*width: 100%;*/
/*    position: fixed;*/
    z-index: 1000;
    bottom: -1px;
    padding-bottom: 1px;
    border-color: #dddddd /*{a-bar-border}*/;
    color: #333333 /*{a-bar-color}*/;
    text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eeeeee /*{a-bar-shadow-color}*/;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    background-color: #F9F9F9;
 }
.footer ul { list-style:none; width:500px;  padding-left:1px;  }
.footer ul li { text-align: center; margin:0; padding:0 5px; float:left; }
.footer ul li a {display:block; margin:0; text-align: center; padding:1px 1px; color:#56aeed; text-decoration:none; font:normal 12px 'Inter', sans-serif;}


.box {
    font-size: 14px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin:0 auto; 
    padding:5px; 
    width:98%; 
    background:#f6f4f4; 
    border:1px solid #e0e0e0; 
    margin-top: 10px;
    font-family: 'Inter', sans-serif;
}

.header{
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    border-color: #dddddd /*{a-bar-border}*/;
    color: #333333 /*{a-bar-color}*/;
    text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eeeeee /*{a-bar-shadow-color}*/;
    font-weight: bold;
    border-width: 0px;
    
    background: #fff;
    border-top: 5px;
    border-bottom-color: #eee;
    text-align: left;

	font-family: 'Inter', sans-serif; font-size:18px; font-weight: 900;}




 .meniu{
 	    font: normal 14px/1.8em 'Inter', sans-serif; 
    font-size: 1em;
    line-height: 1.3;
    font-family: 'Inter', sans-serif /*{global-font-family}*/;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333 /*{c-page-color}*/;
    text-shadow: 0 /*{c-page-shadow-x}*/ 1px /*{c-page-shadow-y}*/ 0 /*{c-page-shadow-radius}*/ #fff /*{c-page-shadow-color}*/;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    border: 0;
    max-width: 100%;
    overflow: visible;
 }


.flex-container{
    font: normal 14px/1.8em 'Inter', sans-serif;

    line-height: 1.3;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'Inter', sans-serif;
    color: #3e3e3e /*{c-bar-color}*/;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    font-weight: bold;
    display: flex;
        margin: .5em;
    padding: 1em;
    text-align: left;

    flex-direction: column;
}

.imagine{
    font: normal 12px/1.8em 'Inter', sans-serif;
    font-size: 1em;
    line-height: 1.3;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'Inter', sans-serif;
    color: #3e3e3e /*{c-bar-color}*/;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    font-weight: bold;
    border: none;
    width: 150px;    
}    

h3{
    font: normal 12px/1.8em 'Inter', sans-serif;
    line-height: 1.3;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'Inter', sans-serif;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    font-size: 16px;
    font-weight: 300;
    color: #56aeed;
    border-bottom: 1px solid #ddd;
    padding-bottom: .25em;
    margin: 0 0 .5em;
}    

/* menu */
.menu_nav { 
    margin:0 auto; padding:0 10px; float:left;  max-width:850px; background-color: #f6f4f4 ;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.menu_nav ul { list-style:none; width:500px; float:left; padding:1px 0 0 0;  }
.menu_nav ul li { margin:0; padding:0 10px; float:left; }
.menu_nav ul li a { display:block; margin:0; padding:1px 1px; color:black; text-decoration:none; font:normal 16px 'Inter', sans-serif;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { color:#56aeed; text-decoration:none;}


.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}