body,td,th {font-size:12px;color: #2B0808; font-family:Tahoma;}
body {margin:0px; background-color: #FFF; text-align:center; background-image:url(imagini/sus.jpg);background-repeat:repeat-x; background-position:top;}
.table_bottom { border-bottom: 1px #969696 dotted}
P, UL, LI {padding:0px; margin:0px;  }
H1 {color:#056159; font-size:19px; padding:0px; margin:0px;}
H2 {color:#6C0307; font-size:20px; padding:0px; margin:0px;}
H3 {color:#575833; font-size:15px; padding:0px; margin:0px;}
H4 {color:#50240D; font-size:20px; padding:0px; margin:0px;}
H5 {color:#545527; font-size:18px; padding:0px; margin:0px;}
H6 {color:#545528; font-size:11px; padding:0px; margin:0px;}
.Head { font-size:19px; color: #BF5A26; letter-spacing: 0px;} 
.Head img { padding:0px; margin:0px; float: right;}
.Head a:link {color: #B9D4ED;text-decoration:none;}
.Head a:visited {color: #B9D4ED;text-decoration:none;}
.Head a:hover {color: #6C7F36;text-decoration:none ;}
A.navg:link {color: #380101; font-size:18px; padding: 6px 0px 6px 12px;}
A.navg:visited {color: #380101; font-size:18px; padding: 6px 0px 6px 12px;}
A.navg:hover {color: #380101; font-size:18px; padding: 6px 0px 6px 12px;}
A.navg2:link {color: #6E0000;text-decoration:none;font-size:16px;}
A.navg2:visited {color: #6E0000;text-decoration:none;font-size:16px;}
A.navg2:hover {color: #6E0000;text-decoration:none;font-size:16px;}
A.navg_opera:link {color: #01302F;font-size:16px; padding: 6px 0px 6px 12px;}
A.navg_opera:visited {color: #01302F;font-size:16px; padding: 6px 0px 6px 12px;}
A.navg_opera:hover {color: #01302F;text-decoration:none;font-size:16px; padding: 6px 0px 6px 12px;}
a:link {color: #000;text-decoration:none;}
a:visited {color: #686B54;text-decoration:none;}
a:hover {color: #686B54;}
A.link0:link {color: #404734;text-decoration:none;}
A.link0:visited {color: #404734;text-decoration:none;}
A.link0:hover {color: #404734;text-decoration:none;}
.MeniuMobil {margin-bottom: 1px;} 
.MeniuMobil ul { font-size:16px;   color: #B5EDED; margin:0px; padding:5px;} 
.MeniuMobil li { background: text-align:left; no-repeat left center; padding:2px; display:block; }
.MeniuMobil li a:link { padding:3px; background-color:#E4F9F9}
.MeniuMobil a:link { padding: 3px 5px 3px 10px; display:block; color: #1E2326;text-decoration:none;font-size:16px;}
.MeniuMobil a:visited { padding: 3px 5px 3px 10px; display:block; color: #575E63;text-decoration:none;font-size:16px;}
.MeniuMobil a:hover { padding: 3px 5px 3px 10px; display:block; color: #575E63;text-decoration:none;font-size:16px;}
header {background: #DCF0EF;width: 100%;height: 50px;position: relative;top: 0;left: 0;z-index: 100;border-bottom: 3px solid #CE0355;}
#logo{margin: 1px;float: left;width: 200px;height: 50px;background: url(imagini/logo-mobil.gif) no-repeat center;display: block;}
nav {float: right;padding: 10px;}
nav_tablet {float: right;padding: 0px;	}
#menu-icon {display: hidden;width: 40px;height: 30px;background: #73CACF url(imagini/hamburger-menu.png) no-repeat center;}
#menu-icon_tablet {display: hidden;width: 40px;height: 30px;background: #73CACF url(imagini/hamburger-menu.png) no-repeat center;}
a:hover#menu-icon {background-color: #73CACF;border-radius: 2px 2px 0 0;}
a:hover#menu-icon_tablet {background-color: #73CACF;border-radius: 2px 2px 0 0;}
ul {box-sizing: border-box;width: 99%;padding-right: 2px;}
#headline {margin:0px;padding: 0px;background-color: #FFF;}
#analytics_autorii {width: 300px; overflow-x:auto;overflow-y:hidden; margin-bottom: 10px;font-size:11px;}
#analyticsdivautorii {border:0px solid #E4E4E4; padding:4px; font-size:11px; height:180px; overflow-x:auto;overflow-y:hidden;}	  
#analyticsdivautorii td {font-size:12px; line-height:16px; padding:2px}
#analyticsdivautorii .referers {margin-top: 0px}
#analyticsdivautorii .referers td, #analyticsdivautorii .referers th {padding: 3px}
#analyticsdivautorii .referers th {background: #EEF8FE}
#headline #stanga {background-color: #FFF;padding:8px;font-size:16px; color: #171717;text-align: left;}
#headline #dreapta {background-color: #FFF;padding: 12px;color: #000;font-size:16px; color: #171717;}
#headline #dreapta1 {background-color: #FFF;padding: 12px;color: #000;font-size:16px;color: #171717; text-align:left;margin: 3px;}
#dreapta table,td,tr{font-size:16px;color:#000;align:center;} 
#headline #dreapta a {color:#6A0000;}	
#headline #dreapta1 a {color:#6A0000;}
nav_tablet ul, nav_tablet:active ul { display: none;position: relative;padding: 1px;background: #E6E6E0;border-left: 1px solid #A92C00; border-right: 1px solid #A92C00; border-bottom: 1px solid #A92C00;right: 0px;top: 125px;width: 25%;border-radius: 1px 0 1px 1px;}
nav_tablet li {text-align: center;width: 100%;padding: 5px 0;margin: 0;}
nav_tablet:hover ul {display: block;} 	
/*MEDIA QUERY*/
@media only screen and (max-width : 830px) {
thead tr { position: absolute; top: -9999px; left: -9999px; }
#menu-icon {display:inline-block;}
#menu-icon_tablet {display:inline-block;}
nav ul, nav:active ul {display: none;position: relative;padding: 1px;background: #D4F0EF;border-left: 3px solid #CE0355; border-right: 3px solid #CE0355; border-bottom: 3px solid #CE0355;right: 5px;top: 13px;width: 120px;border-radius:5px;}
nav li {text-align: center;width: 100%;padding: 5px 0;margin: 0;}
nav:hover ul {display: block;} 
nav_tablet2 ul, nav_tablet2:active ul { display: none;position: absolute;padding: 1px;background: #FFF;right: 10px;top: 150px;width: 90%;font-size:16px;}
nav_tablet2 li {text-align: center;width: 100%;padding: 5px 0;margin: 0;}
nav_tablet2:hover ul {display: block;}
}
@media only screen and (min-width : 700px) {
table,td,tr{font-size:16px;color:#000;align:center;}
/*desktop*/
header {position: absolute;}
#headline {margin:0px;padding: 0;color: #000;font-size:16px;background-image:url(imagini/sus.jpg);background-repeat:repeat-x; background-position:top;	}
#analytics_autorii {width: 550px; overflow-x:auto;overflow-y:hidden; margin-bottom: 10px;font-size:10px;}
#analyticsdivautorii {border:0px solid #E4E4E4; padding:4px; font-size:10px; height:180px; overflow-x:auto;overflow-y:hidden;}
#analyticsdivautorii td {font-size:10px; padding:1px}
#analyticsdivautorii .referers {margin-top: 0px}
#analyticsdivautorii .referers td, #analyticsdivautorii .referers th {padding: 3px}
#analyticsdivautorii .referers th {background: #FFF}
#headline #stanga {float: left; font-size: 14px;width: 18%;font-size:16px;box-sizing: border-box;padding-right: 2px;background-color: #FFF;text-align:left;color: #171717;}
ul { font-size:14px; color: #CE0355; margin:0px; padding:5px;} 
#headline #dreapta {float:left;padding: 2px;width: 49%;text-align:left;box-sizing: border-box;font-size:16px;background-color: #FFF;}
#headline #dreapta A.navg:link {color: #6A0000; font-size:18px; padding:10px 0px 10px 0px;}
#headline #dreapta A.navg:visited {color: #6A0000; font-size:18px; padding:10px 0px 10px 0px;}
#headline #dreapta A.navg:hover {color: #6A0000; font-size:18px; padding:10px 0px 10px 0px;}
#headline #dreapta A.navg2:link {color: #6A0000;text-decoration:none;font-size:18px; padding:7px 0px 7px 0px;}
#headline #dreapta A.navg2:visited {color: #6A0000;text-decoration:none;font-size:18px; padding:7px 0px 7px 0px;}
#headline #dreapta A.navg2:hover {color: #6A0000;text-decoration:none;font-size:18px; padding:7px 0px 7px 0px;}
#headline #dreapta A.navg_opera:link {color: #053D3C; font-size:18px; padding:7px 0px 7px 0px;}
#headline #dreapta A.navg_opera:visited {color: #053D3C; font-size:18px; padding:7px 0px 7px 0px;}
#headline #dreapta A.navg_opera:hover {color: #053D3C; font-size:18px; padding:7px 0px 7px 0px;}
#headline #dreapta1 {float:right;padding: 2px;width: 31%;text-align:left;box-sizing: border-box;font-size: 14px;background-color: #FFF;}
#headline #dreapta a {color:#700101;}
#headline #dreapta1 a {color:#700101; font-weight: 14px;}
.container {margin: auto;max-width: 1010px;}
}