body,td,th {font-family: verdana;font-size: 12px;color: #171717;}
body {margin: 0px 0px 0px 0px; background-color: #FFFFFF; text-align:center; background-image:url(imagini/bk_sus.gif);background-repeat:repeat-x; background-position:top;}
a {
	color:#00A3D9;
	text-decoration:none;
}
H1 {font-family: Arial; color:#000000; font-size:28px; font-weight: normal; text-decoration: none ; padding: 0px 0px 0px 0px; margin: 1px 1px 1px 1px;}
H2 {font-family: Arial; color:#000000; font-size:24px; font-weight: normal; text-decoration: none ; padding: 0px 0px 0px 0px; margin: 3px 3px 3px 3px;}
H3 {font-family: Tahoma; color:#063850; font-size:20px; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

table.tabels {width:750px;}
table.tabels td {text-align:left; background: url(imagini/subliniez.gif) repeat-x bottom;}
table.tabels td a:link {background: url(imagini/bmeniu1.gif) no-repeat left center; padding: 0px 0px 0px 12px; display : block; list-style-type: none;color: #171717;text-decoration: none;font-family: verdana;font-size: 12px;padding-top:0px;padding-bottom:0px;}
table.tabels td a:visited {background: url(imagini/bmeniu1.gif) no-repeat left center; padding: 0px 0px 0px 12px; display : block; list-style-type: none;color: #171717;text-decoration: none;font-family: verdana;font-size: 12px;padding-top:0px;padding-bottom:0px;}
table.tabels td a:hover {background: url(imagini/bmeniu2.gif) no-repeat left center; padding: 0px 0px 0px 12px; display : block; list-style-type: none;color: #5B5B5B;text-decoration: none;font-family: verdana;font-size: 12px;padding-top:0px;padding-bottom:0px;}

table.tabels2 {width:300px;}
table.tabels2 td {text-align:left; background: url(imagini/subliniez.gif) repeat-x bottom;}
table.tabels2 td a:link {background: url(imagini/bmeniu1.gif) no-repeat left center; padding: 0px 0px 0px 12px; display : block; list-style-type: none;color: #171717;text-decoration: none;font-family: verdana;font-size: 12px;padding-top:0px;padding-bottom:0px;}
table.tabels2 td a:visited {background: url(imagini/bmeniu1.gif) no-repeat left center; padding: 0px 0px 0px 12px; display : block; list-style-type: none;color: #171717;text-decoration: none;font-family: verdana;font-size: 12px;padding-top:0px;padding-bottom:0px;}
table.tabels2 td a:hover {background: url(imagini/bmeniu2.gif) no-repeat left center; padding: 0px 0px 0px 12px; display : block; list-style-type: none;color: #5B5B5B;text-decoration: none;font-family: verdana;font-size: 12px;padding-top:0px;padding-bottom:0px;}

table.tabels300 {width:250px;}
table.tabels300 td {text-align:left; background: url(imagini/subliniez_gri.gif) repeat-x bottom;}
table.tabels300 td a:link {background: url(imagini/sageata_jos.gif) no-repeat left center; padding: 0px 0px 0px 22px; display : block; list-style-type: none;color: #41A8D5;text-decoration: none;font-family: arial;font-weight: bold;font-size: 14px;padding-top:0px;padding-bottom:0px;}
table.tabels300 td a:visited {background: url(imagini/sageata_jos.gif) no-repeat left center; padding: 0px 0px 0px 22px; display : block; list-style-type: none;color: #41A8D5;text-decoration: none;font-family: arial;font-weight: bold;font-size: 14px;padding-top:0px;padding-bottom:0px;}
table.tabels300 td a:hover {background: url(imagini/sageata_jos.gif) no-repeat left center; padding: 0px 0px 0px 22px; display : block; list-style-type: none;color: #5B5B5B;text-decoration: none;font-family: arial;font-weight: bold;font-size: 14px;padding-top:0px;padding-bottom:0px;}

table.tabels3002 {width:250px;}
table.tabels3002 td {text-align:left; background: url(imagini/subliniez_gri.gif) repeat-x bottom;}
table.tabels3002 td a:link {background: url(imagini/sageata_dreapta.gif) no-repeat left center; padding: 0px 0px 0px 22px; display : block; list-style-type: none;color: #41A8D5;text-decoration: none;font-family: arial;font-weight: bold;font-size: 14px;padding-top:0px;padding-bottom:0px;}
table.tabels3002 td a:visited {background: url(imagini/sageata_dreapta.gif) no-repeat left center; padding: 0px 0px 0px 22px; display : block; list-style-type: none;color: #41A8D5;text-decoration: none;font-family: arial;font-weight: bold;font-size: 14px;padding-top:0px;padding-bottom:0px;}
table.tabels3002 td a:hover {background: url(imagini/sageata_dreapta.gif) no-repeat left center; padding: 0px 0px 0px 22px; display : block; list-style-type: none;color: #5B5B5B;text-decoration: none;font-family: arial;font-weight: bold;font-size: 14px;padding-top:0px;padding-bottom:0px;}


table.tabels700 {}
table.tabels700 td {text-align:center;}
table.tabels700 td a:link { padding: 0px 0px 5px 5px; display : block; list-style-type: none;color: #41A8D5;text-decoration: none;font-family: arial;font-weight: bold;font-size: 14px;padding-top:0px;padding-bottom:0px;}
table.tabels700 td a:visited { padding: 0px 0px 5px 5px; display : block; list-style-type: none;color: #41A8D5;text-decoration: none;font-family: arial;font-weight: bold;font-size: 14px;padding-top:0px;padding-bottom:0px;}
table.tabels700 td a:hover { padding: 0px 0px 5px 5px; display : block; list-style-type: none;color: #5B5B5B;text-decoration: none;font-family: arial;font-weight: bold;font-size: 14px;padding-top:0px;padding-bottom:0px;}

.MeniuMobil {margin-bottom: 1px;} 
.MeniuMobil ul { font-size: 12px;   color: #384B6D; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px;} 
.MeniuMobil li { background: text-align:left; no-repeat left center; padding: 2px 2px 2px 2px; display : block; list-style-type: none;}
.MeniuMobil li a:link { background: url(imagini/patrat1.gif) no-repeat left center; padding: 3px 3px 3px 3px; background-color:#EDFBFF}

.MeniuMobil a:link {background: url(imagini/patrat1.gif) no-repeat left center; padding: 5px 5px 0px 20px; display : block; list-style-type: none;color: #424436;text-decoration: none;font-size:13px;padding-top:3px;padding-bottom:3px;padding-left:8px;}
.MeniuMobil a:visited {background: url(imagini/patrat2.gif) no-repeat left center; padding: 5px 5px 0px 20px; display : block; list-style-type: none;color: #424436;text-decoration: none;font-size:13px;padding-top:3px;padding-bottom:3px;padding-left:8px;}
.MeniuMobil a:hover {background: url(imagini/patrat2.gif) no-repeat left center; padding: 5px 5px 0px 20px; display : block; list-style-type: none;color: #98432E;text-decoration: none;font-size:13px;padding-top:3px;padding-bottom:3px;padding-left:8px;}

div.floatright {
    float: right;
    margin: 0 0 10px 10px;
}

/*MAIN*/
img {
}
header {
	background: #3396C6;
	width: 100%;
	height: 50px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
}
#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: #FFFFFF url(imagini/hamburger-menu.png) no-repeat center;
}
#menu-icon_tablet {
	display: hidden;
	width: 40px;
	height: 30px;
	background: #FF0000 url(imagini/hamburger-menu.png) no-repeat center;
}
a:hover#menu-icon {
	background-color: #3396C6;
	border-radius: 2px 2px 0 0;
}
a:hover#menu-icon_tablet {
	background-color: #FFFFFF;
	border-radius: 2px 2px 0 0;
}
ul {
	box-sizing: border-box;
    width: 99%;
    padding-right: 2px;
}
#headline {
		margin: 0px 0px 0px 0px;
        padding: 0px;
        color: white;
        font-family: Roboto, helvetica, arial, sans-serif;
        background-color: #FFFFFF;
        background-image:url(imagini/bk_sus.gif);background-repeat:repeat-x; background-position:top;	
      }
	  
#headline #stanga {
		background-color: #FFFFFF;
		padding: 14px;
        font-family: Verdana; 
		font-size: 15px; 
		font-weight: normal;
		color: #171717;
		text-align: left;
      }
#headline ul { font-size: 12px;   color: #333333; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px;} 
#headline li { text-align:left; padding: 2px; display : block; }	  
#headline #dreapta {
        background-color: #F3F3F3;
        padding: 14px;
		color: #000000;
		font-family: Verdana; 
		font-size: 15px; 
		font-weight: normal;
		color: #171717;		
      } 
#headline #dreapta a {
	color:#3399CC;
	text-decoration:underline;
}	  
nav_tablet ul, nav_tablet:active ul { 
		display: none;
		position: relative;
		padding: 1px;
		background: #EDFBFF;
		border-left: 1px solid #A9D9E7; border-right: 1px solid #A9D9E7; border-bottom: 1px solid #A9D9E7;
		right: 10px;
		top: 135px;
		width: 25%;
		border-radius: 1px 0 1px 1px;
}
nav_tablet li {
		font-family: Tahoma;
		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) {
table, thead, tbody, th, td, tr { }
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: #3396C6;
		border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;
		right: 5px;
		top: 13px;
		width: 120px;
		border-radius: 1px 0 1px 1px;
}
nav li {
		font-family: Tahoma;
		text-align: center;
		width: 100%;
		padding: 5px 0;
		margin: 0;
	}
	
nav:hover ul {
		display: block;
} 	
}
@media only screen and (min-width : 830px) {
/*desktop*/
header {
		position: absolute;
}
#headline {
		margin: 0px 0px 0px 0px;
        padding: 0;
        color: #000000;
        font-family: Tahoma, helvetica, arial, sans-serif;
		font-size: 11px;
        background-image:url(imagini/bk_sus.gif);background-repeat:repeat-x; background-position:top;	
}
#underheadline1 {
        background-color: #FF124D; padding: 1.2px;
}
#headline #stanga {
            float: left; 
            font-weight: 12px;
            width: 71%;
            font-size: 12px;
            box-sizing: border-box;
            padding-right: 2px;
			background-color: #FFFFFF;		
			text-align:left;
			border-left: 1px solid #EAEAEA;
			color: #171717;
}
#headline ul { font-size: 12px;   color: #333333; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px;} 
#headline li { text-align:left; padding: 2px; display : block; }
#headline #dreapta {
            float:right;
            padding: 2px;
            width: 29%;
            box-sizing: border-box;
            font-weight: 12px;
			background-color: #F3F3F3;
			border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; border-top: 1px solid #EAEAEA; border-radius: 2px 2px 2px 2px;
}	
#headline #dreapta a {
	color:#0099CC;
	text-decoration:underline;
}	
.container {
            margin: auto;
            max-width: 1070px;
			background-color: #FFFFFF;
}
}