body {margin:0px; font-family:Arial;font-size:16px; background-color: #FFF; text-align:center; background-image:url(images/bk2.gif);background-repeat:repeat-x; background-position:top;}
A.a2:link {FONT: 10px; TEXT-DECORATION: none; color: #FDC115;}
A.a2:visited {FONT: 10px; TEXT-DECORATION: none; color: #FDC115;}
A.a2:hover {FONT: 10px; TEXT-DECORATION: none; color: #FF6600;}
A.port-galb:link {FONT: 11px; TEXT-DECORATION: none; color: #FFF600;}
A.port-galb:visited {FONT: 11px; TEXT-DECORATION: none; color: #FFF600;}
A.port-galb:hover {FONT: 11px; TEXT-DECORATION: none; color: #FF6600;}
A.alb-rosu:link {FONT: 11px; TEXT-DECORATION: underline; color: #FF0000;}
A.alb-rosu:visited {FONT: 11px; TEXT-DECORATION: none; color: #FF0000;}
A.alb-rosu:hover {FONT: 11px; TEXT-DECORATION: underline; color: #000;}
A.negru:link {FONT: 11px; TEXT-DECORATION: underline; FONT-WEIGHT: bold;color: #FFF600;}
A.negru:visited {FONT: 11px; TEXT-DECORATION: none; FONT-WEIGHT: bold;color: #FFF600;}
A.negru:hover {FONT: 11px; TEXT-DECORATION: underline; FONT-WEIGHT: bold; color: #000;}
.links a:link { background-color: #5C5C5C; padding:5px; display:block; border-bottom: 1px #EFEFE9 solid; border-top: 1px #E6E6E0 solid; border-left: 1px #E6E6E0 solid; border-right: 1px #E6E6E0 solid ; text-decoration:none; font-size: 16px; color: #FFF600;}
.links a:visited { background-color: #5C5C5C; padding:5px; display:block; border-bottom: 1px #EFEFE9 solid; border-top: 1px #E6E6E0 solid; border-left: 1px #E6E6E0 solid; border-right: 1px #E6E6E0 solid ; text-decoration:none; font-size: 16px; color: #FFF600;}
.links a:hover { background-color: #898989; padding:5px; display:block; border-bottom: 1px #E6E6E0 solid; border-top: 1px #C8BDB2 solid; border-left: 1px #E6E6E0 solid; border-right: 1px #E6E6E0 solid ; text-decoration:none; font-size: 16px; color: #FFF600;}
td,th{font-size:16px;color:#838383;}
.mainHeader TD{vertical-align: top;}
.botpreview {background-color:#3F89C3;color:#FFF;border-top-color:#FFF;border-top-width:1px;border-top-style:solid;text-align:center;vertical-align:middle;}
a:hover {color:#04C200;text-decoration:none;}
a {color:#838383;text-decoration:none;}
A.gray,A.gray:visited{color: Gray;text-decoration:none;}
A.gray:hover{color: Gray;text-decoration:underline;}
.inputstyle, INPUT.text {font-size:14px;color:#FFF;background-color:#333;border-style:solid;border-width:1px;border-color:#666;height:20;}
.inputstyle2, INPUT.text {font-size:14px;color:#FFF;background-color:#333;border-style:solid;border-width:1px;border-color:#666;height:100;}
.inputstyle3, INPUT.text {font-size:14px;color:#FFF;background-color:#333;border-style:solid;border-width:1px;border-color:#666;height:200;}
.nav_td3{margin:3px;padding: 1px 0px 2px 14px;border-bottom:1px dotted #9EA2AB;background-color:#414141;cursor:pointer;}
.MeniuMobil {margin-bottom: 1px;} 
.MeniuMobil ul { font-size: 14px;   color: #D4D4CB; margin:0px; padding:5px;} 
.MeniuMobil li { background: text-align:left; no-repeat left center; padding:2px; display:block; }
.MeniuMobil li a:link { padding:1px; background-color:#D4D4CB}
.MeniuMobil a:link { padding: 2px 2px 0px 20px; display:block; color: #424436;text-decoration:none;font-size:14px;}
.MeniuMobil a:visited { padding: 2px 2px 0px 20px; display:block; color: #424436;text-decoration:none;font-size:14px;}
.MeniuMobil a:hover { padding: 2px 2px 0px 20px; display:block; color: #98432E;text-decoration:none;font-size:14px;}
div.floatright {float: right;margin: 0 0 10px 10px;}
header {background: #2B2B2B;width: 100%;height: 50px;position: relative;top: 0;left: 0;z-index: 100;border-bottom: 3px solid #FF6600;}
#logo{margin: 1px;float: left;width: 200px;height: 50px;background: url(images/logo-mobil.gif) no-repeat center;display: block;}
nav {float: right;padding: 10px;}
#menu-icon {display: hidden;width: 40px;height: 30px;background: #2B2B2B url(images/hamburger-menu.png) no-repeat center;}
a:hover#menu-icon {background-color: #666;border-radius: 2px 2px 0 0;}
ul {box-sizing: border-box;width: 99%;}
#headline {margin:0px;padding: 0px;color: white;background-color: #333;background-image:url(images/bk_sus.gif);background-repeat:repeat-x; background-position:top;}
#headline #stanga {background-color: #333;padding: 6px;font-size: 18px; color: #171717;text-align: left;}
#headline #dreapta {background-color: #333;padding: 7px;color: #000;font-size: 18px; color: #FFF;} 
#headline #dreapta1 {background-color: #333;padding: 7px;color: #000;font-size: 18px;color: #171717;}
#dreapta table,td,tr{font-size:18px;color:#FFF;align:center;} 
#headline #dreapta a {color:#FFF600;text-decoration:underline;}
#headline #dreapta1 a {color:#FFF600;text-decoration:underline;}
@media only screen and (max-width : 700px) {
thead tr { position: absolute; top: -9999px; left: -9999px; }
#menu-icon {display:inline-block;}
nav ul, nav:active ul { display: none;position: relative;padding: 1px;background: #333;
border-left: 1px solid #FF6600; border-right: 1px solid #FF6600; border-bottom: 1px solid #FF6600;right: 5px;top: 13px;width: 100%;border-radius:5px;}
nav li {text-align: center;width: 100%;padding: 5px 0;margin: 0;}
nav:hover ul {display: block;} 
}
@media only screen and (min-width : 700px) {
/*desktop*/
body {margin:0px; background-color: #333; text-align:center; background-image:url(images/bk2.gif);background-repeat:repeat-x; background-position:top;}
table,td,tr{font-size:16px;color:#FFF;align:center;} 
header {position: absolute;}
#headline {margin:0px;padding: 0;color: #000;font-size: 16px;background-image:url(images/bk2.gif);background-repeat:repeat-x; background-position:top;}
#headline #stanga {float: left; width: 23%;font-size: 16px;box-sizing: border-box;padding-right: 2px;background-color: #333;text-align:left;border-left: 1px solid #EAEAEA;color: #171717;}
#headline #dreapta {float:left;padding: 10px;width: 63%;text-align:left;box-sizing: border-box;font-size: 16px;background-color: #333;color: #FFF;}
#headline #dreapta1 {float:right;padding: 2px;width: 14%;text-align:left;box-sizing: border-box;font-size: 16px;background-color: #333;}
#headline #dreapta a {color:#FFF600;text-decoration:underline;}
#headline #dreapta1 a {color:#FFF600;text-decoration:underline;}
.container {margin: auto;max-width: 930px;}
}