body,td,th {font-family: Arial;font-size: 16px;color:#333; }
body {margin:0px; background-color:#E4F1F8; text-align:center; }
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {color:#005A89;text-decoration:underline ;}
table.tab-header {width: 954px;}
td.td-header-st {background-color:#fff;background: url(immagini/back_sus_out_st.jpg) top right; width:33px;}
td.td-header-dr {background-color:#fff;background: url(immagini/back_sus_out_dr.jpg) top left;width:33px;}
A.path:link {color:#003E48;font-size:16px;}
A.path:visited {color:#003E48;font-size:16px;}
A.path:hover {color:#00606F;text-decoration:none;font-size:16px;}
A.menu3:link {color:#015C72;font-size:16px; padding: 4px 1px 4px 1px;}
A.menu3:visited {color:#015C72;font-size:16px; padding: 4px 1px 4px 1px;}
A.menu3:hover {color:#015C72;text-decoration:none;font-size:16px; padding: 4px 1px 4px 1px;}
A.text:link {color:#003366; BORDER-bottom: #003366 1px dotted;}
A.text:visited {color:#003366; BORDER-bottom: #003366 1px dotted;}
A.text:hover {color:#1C4C62;text-decoration:none; BORDER-bottom: #015C72 1px dotted;}
A.meniu:link {color:#11AAC2;text-decoration:none;font-size:18px;}
A.meniu:visited {color:#11AAC2;text-decoration:none;font-size:18px;}
A.meniu:hover {color:#0A6371;text-decoration:none;font-size:18px;}
A.submeniu:link {color:#0A6371;font-size:16px;}
A.submeniu:visited {color:#0A6371;text-decoration:none;font-size:16px;}
A.submeniu:hover {color:#11AAC2;text-decoration:none;font-size:16px;}
.input1 {font-size:16px;PADDING:0px;border:1px;border-style:dotted;border-color:#B0C6D4;color:#333;width:180px;}
H1 {font-size: 22px;font-weight: bold; color:#003366; text-decoration:none; padding:0px;margin-top: 10px;margin-bottom: 10px;	}
H2 {font-size: 15px; font-weight: bold; color:#000066; text-decoration:none;padding: 0px;margin: 0px;}
H3 {FONT-SIZE: 19px; COLOR: #333; padding: 5px 5px 5px 0px; margin: 5px 5px 5px 0px;}
H4 {FONT-SIZE: 16px; COLOR: #168495; padding: 5px 5px 5px 0px; margin:0px;}
td.td-rightleft{background-color:#FFF; BORDER-right: #B4B4B4 1px dotted; BORDER-left: #B4B4B4 1px dotted;}
td.td-all{background-color:#FFF; border: #B4B4B4 1px dotted;}
td.td-right{background-color:#FFF; BORDER-right: #B4B4B4 1px dotted;}
td.td-left{background-color:#FFF; BORDER-left: #B4B4B4 1px dotted;}
td.td-bottom{background-color:#FFF; BORDER-bottom: #F1F1F1 1px dotted;}
td.td-bottom2{BORDER-bottom: #015C72 1px dotted;}
.MeniuMobil {margin-bottom: 1px;} 
.MeniuMobil ul { font-size: 14px;   color:#B5EDED; margin:0px; padding:5px;} 
.MeniuMobil li {background: url(immagini/dotted.gif) repeat-x bottom; text-align:left;}
.MeniuMobil li a:link {background: url(immagini/im-2_2.gif) no-repeat left center; padding: 3px 0px 3px 8px; display:block; color:#3A2B23;text-decoration:none;font-size:16px;}
.MeniuMobil li a:visited {background: url(immagini/im-2_2.gif) no-repeat left center; padding: 3px 0px 3px 8px; display:block; color:#3A2B23;text-decoration:none;font-size:16px;}
.MeniuMobil li a:hover {background: url(immagini/im-2_1.gif) no-repeat left center; padding: 3px 0px 3px 8px; display:block; color:#3A2B23;text-decoration:none;font-size:16px;}
.MeniuMobil li a.subcateg:link {background: url(immagini/im-2_1-pic.gif) no-repeat left center; padding: 3px 0px 3px 15px; display:block; color:#777777;text-decoration:none;font-size:16px;}
.MeniuMobil li a.subcateg:visited {background: url(immagini/im-2_1-pic.gif) no-repeat left center; padding: 3px 0px 3px 15px; display:block; color:#777777;text-decoration:none;font-size:16px;}
.MeniuMobil li a.subcateg:hover {background: url(immagini/im-2_1-pic.gif) no-repeat left center; padding: 3px 0px 3px 15px; display:block; color:#98432E;text-decoration:none;font-size:16px;}
.MeniuMobil li a.subsubcateg:link {background: url(immagini/im-2_1-pic-pic.gif) no-repeat left center; padding: 3px 0px 3px 20px; display:block; color:#685959;text-decoration:none;font-size:16px;}
.MeniuMobil li a.subsubcateg:visited {background: url(immagini/im-2_1-pic-pic.gif) no-repeat left center; padding: 3px 0px 3px 20px; display:block; color:#685959;text-decoration:none;font-size:16px;}
.MeniuMobil li a.subsubcateg:hover {background: url(immagini/im-2_1-pic-pic.gif) no-repeat left center; padding: 3px 0px 3px 20px; display:block; color:#98432E;text-decoration:none;font-size:16px;}
.MeniuMobil li a.selected:link {background: url(immagini/im-2_2.gif) no-repeat left center; padding: 3px 0px 3px 8px; display:block; color:#3A2B23;text-decoration:none;font-size:15px;font-weight: bold;}
.MeniuMobil li a.selected:visited {background: url(immagini/im-2_2.gif) no-repeat left center; padding: 3px 0px 3px 8px; display:block; color:#3A2B23;text-decoration:none;font-size:15px;font-weight: bold;}
.MeniuMobil li a.selected:hover {background: url(immagini/im-2_1.gif) no-repeat left center; padding: 3px 0px 3px 8px; display:block; color:#3A2B23;text-decoration:none;font-size:15px;font-weight: bold;}
header {background: #FFF;width: 100%;height: 50px;position: relative;top: 0;left: 0;border-bottom: 3px solid #CE0355;z-index: 100;}
#logo{margin: 1px;float: left;width: 200px;height: 50px;background: url(immagini/logo-mobil.gif) no-repeat center;display: block;}
nav {float: right;padding: 10px;}
nav_tablet {float: right;padding: 0px;	}
nav_tablet2 {float: left;padding: 0px;	}
#menu-icon {display: hidden;width: 40px;height: 30px;background: #FFF url(immagini/hamburger-menu.png) no-repeat center;}
#menu-icon_tablet {display: hidden;width: 40px;height: 30px;background: #EEEDDB url(immagini/hamburger-menu.png) no-repeat center;}
#menu-icon_tablet2 {display: hidden;width: 40px;height: 30px;background: #EEEDDB url(immagini/hamburger-menu.png) no-repeat center;}
a:hover#menu-icon {background-color:#FFF;border-radius: 2px 2px 0 0;}
a:hover#menu-icon_tablet {background-color:#EEEDDB;border-radius: 2px 2px 0 0;}
a:hover#menu-icon_tablet2 {background-color:#EEEDDB;border-radius: 2px 2px 0 0;}
ul {box-sizing: border-box;width: 99%;padding-right: 2px;}
#headline {padding: 0px;background-color:#FFF;background-image:url(immagini/uno.gif);background-repeat:repeat-x; background-position:top;	}
#headline #stanga {background-color:#FFF;padding: 8px;font-size: 16px; }
#headline #dreapta {background-color:#FFF;padding: 8px;color:#333;font-size: 16px;} 
#headline #dreapta a {color:#015C72;text-decoration:underline;}
#headline #dreapta2 {background-color:#F9F8F8;padding: 1px;color:#333;font-size: 16px;}  
nav_tablet ul, nav_tablet:active ul { display: none;position: relative;padding: 1px;background: #FFF;border-left: 1px solid #CE0355; border-right: 1px solid #CE0355; border-bottom: 1px solid #CE0355;right: 10px;top: 230px;width: 25%;border-radius:5px;}
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) {
#menu-icon {display:inline-block;}
#menu-icon_tablet {display:inline-block;}
nav ul, nav:active ul { display: none;position: relative;padding: 1px;background: #FFF;
border-left: 1px solid #CE0355; border-right: 1px solid #CE0355; border-bottom: 1px solid #CE0355;right: 10px;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: relative;padding: 1px;background: #E3E3BB;border-left: 1px solid #C8C875; border-right: 1px solid #C8C875; border-bottom: 1px solid #C8C875;right: 10px;top: 150px;width: 90%;border-radius: 1px 0 1px 1px;}
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 : 830px) {
/*desktop*/
header {position: absolute;}
#headline {padding: 0;color:#000;font-size: 16px;}
#headline ul { font-size: 14px; color:#B5EDED; margin:0px; padding:5px;} 
#headline li { text-align:left; padding:2px; display:block; }
#headline #stanga {float: left; font-size: 14px;width: 19%;box-sizing: border-box;padding-right: 2px;background-color:#FFF;}
#headline #dreapta {float:right;padding: 2px;width: 81%;box-sizing: border-box;font-size: 14px;background-color:#FFF;text-align: left;}
#headline #dreapta a {color:#015C72;text-decoration:underline;}
.container {margin: auto;max-width: 950px;background-color:#FFF;}
}