HTML {background-color:#292929}
BODY {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #000000; margin: 0; background: url(images/bgtop.jpg) repeat-x top left #373737;text-align:left}
a:link, a:visited {color:#ff6600; text-decoration:none}
a:hover {text-decoration:underline}

/* struttura */
div#container{position:relative;width: 770px; text-align:center;background:  url(images/contentbg.jpg) repeat-y top right}
div#top {position:relative;width: 770px;height:149px;background: url(images/top.jpg) no-repeat top left}

div#sx {position:absolute;top:149px;width:238px;text-align:left;background: url(images/sx.jpg) no-repeat top left;padding-top:190px}
div#content {background: url(images/corner.jpg) no-repeat top right;margin-left:238px;min-height: 500px;height: auto !important;height: 500px;text-align:justify;width:498px !important; width /**/: 532px;padding: 11px 22px 40px 12px}

div#bot {clear: left;width:770px; height: 8px; background:  url(images/bot.jpg) no-repeat top left #373737;padding-bottom:10px}
div#wd {background: url(images/botbg.jpg) repeat-x bottom left #373737;font-family:Verdana, Arial, Helvetica, sans-serif; width:100%;text-align:center;font-size:11px;color:#ffffff;height:50px!important; height /**/: 92px;padding: 42px 0 0 0}
div#wd a:link, div#wd a:visited {color:#BDD032;text-decoration:none}
div#wd a:hover {text-decoration:underline}

ul#topmenu {margin:0 0 15px 0;padding:0;width:498px;font-family:verdana; font-size: 12px; height:40px;list-style:none; line-height:40px;font-weight:bold;background: url(images/topmenubg.jpg) no-repeat top left;letter-spacing:1px}
ul#topmenu li a {text-decoration:none;float:left}
ul#topmenu li {display:inline}
ul#topmenu li a:link, ul#topmenu li a:visited, ul#topmenu li#last a:link, ul#topmenu li#last a:visited {color:#ffffff; text-decoration:none}
ul#topmenu li a:link, ul#topmenu li a:visited {background: url(images/topmenu.jpg) no-repeat top right; padding:0 20px 0 19px}
ul#topmenu li#last a:link, ul#topmenu li#last a:visited {background:none;padding:0 18px 0 18px}  
ul#topmenu li#laste a:link, ul#topmenu li#laste a:visited {background:none;padding:0 17px 0 17px}  
ul#topmenu li a:hover, ul#topmenu li#last a:hover, ul#topmenu li#last a:hover  {text-decoration:underline} 

ul#eng, ul#ita {margin: 25px 0 0 0; padding:0; list-style:none;font-size:10px;font-family:tahoma;width:238px;text-align:center;}
ul#eng {background: url(images/eng.jpg) no-repeat top center; text-align:center; width:72px !important; width /**/: 238px;padding:0 83px 0 83px}
ul#ita {background: url(./images/ita.jpg) no-repeat top center; width:72px !important; width /**/: 238px;padding:0 83px 0 83px}
ul#eng li a, ul#ita li a {display:block;height:13px !important; height /**/: 51px;padding: 38px 0 0 0}
ul#eng li, ul#ita li {display:inline}
ul#eng li a:link, ul#eng li a:visited, ul#ita li a:link, ul#ita li a:visited  {text-decoration:none; color:#ffffff} 
ul#eng li a:hover, ul#ita li a:hover {text-decoration:underline}

/* mappatura logo */
ul#mlogo {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	width:255px;height:105px;
	right: 10px;
	top: 0}
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:0px;top:0px;
width:254px;height:105px
}
#mlogo a {
display:block;
width:100%;
height:100%}
#mlogo .alt { display:none }

/* sinistra */
ul#menu {margin: 0 0 0 12px; padding:0; list-style:none;text-align:left;line-height:30px; width:209px;font-weight:bold; font-size:12px}
ul#menu li a {display:block;height:30px;text-indent:20px;}
ul#menu li {display:inline}
ul#menu li a:link, ul#menu li a:visited {text-decoration:none; color:#ffffff;background: url(images/menu.gif) no-repeat bottom left} 
ul#menu li a:hover {background: url(images/hover.gif) no-repeat bottom left} 

/* content */
ul#pubbli {margin: 0; padding:0; list-style-type: disc;text-align:left; font-weight:bold; font-size:11px;font-family:tahoma;background: url(images/pdf.jpg) no-repeat bottom right}
ul#pubbli li a {display:block;padding-top:10px}
ul#pubbli li {display:inline}
ul#pubbli li a:link, ul#pubbli li a:visited {text-decoration:none; color:#8DA712} 
ul#pubbli li a:hover {color:#ff6600;text-decoration:underline} 

ul.news {margin: 0; padding:0; list-style-type: disc;text-align:left; font-weight:bold; font-size:11px;font-family:tahoma;}
ul.news li a {display:block;padding-bottom:10px}
ul.news li {display:inline}
ul.news li a:link, ul.news li a:visited {text-decoration:none; color:#8DA712} 
ul.news li a:hover {color:#ff6600;text-decoration:underline} 

ul.pag {position:absolute;bottom:20px; left:250px;margin:10px 0 10px 0;padding:0; list-style:none; font-size:12px;line-height:16px;}
ul.pag li a {text-decoration:none;text-align:center;}
ul.pag li {display:inline;float:left;margin: 0 2px 0 2px;}
ul.pag li a:link, ul.pag li a:visited {color:#ff6600; text-decoration:none;} 
ul.pag li a:hover {color:#3366cc;text-decoration:underline;}
ul.pag li b {display:inline;float:left;text-align:center;color:#333333;background: url(images/pag.jpg) no-repeat center center;width:14px;height:16px;}

ul#dl {margin:25px 0 0 8px;padding:0;color:#ff6600; list-style:none;text-align:left;font-weight:bold;line-height:32px;}
ul#dl li a {display:block;text-decoration:none;height: 32px;text-indent:40px;margin: 20px 0 20px 0;}
ul#dl li {display:inline;}
ul#dl li.exe a:link, ul#dl li.exe a:visited {text-decoration:none; background: url(images/exe.jpg) no-repeat center left;color:#3366cc;} 
ul#dl li.exe a:hover {color:#ff6600;} 
ul#dl li.zip a:link, ul#dl li.zip a:visited {text-decoration:none; background: url(images/zip.gif) no-repeat center left;color:#3366cc;} 
ul#dl li.zip a:hover {color:#ff6600;} 

div#download {position:absolute;bottom:25px;right:15px;background: url(images/dl.jpg) no-repeat bottom right;width:151px;height:122px} 
div#links {position:absolute;bottom:25px;right:15px;background: url(images/links.jpg) no-repeat bottom right;width:128px;height:128px} 

div.ricevitori {margin: 0 auto;width:498px;font-weight:bold;margin-top:10px;}
div.ricevitori div#box {width:249px;float: left;text-align:center;position:relative;height:140px;}
div.ricevitori div div {position:absolute;bottom:0;left:0;width:249px;text-align:center;}
div.ricevitori a:link, div.ricevitori a:visited {margin:0 auto;background:url(images/ricevitore.jpg) no-repeat bottom center #ff6600;display:block;color:#ffffff;height:19px !important; height /**/: 22px;padding-top:3px;width:200px;}

ul#depliant {margin: 0; padding:0; list-style:none;text-align:left;line-height:35px; width:212px !important; width /**/: 498px;padding-left:286px;font-weight:bold; font-size:12px; font-family:tahoma}
ul#depliant li a {width:212px;display:block;height:33px !important; height /**/: 35px;text-indent:32px;padding-bottom:2px;}
ul#depliant li {display:inline}
ul#depliant li a:link, ul#depliant li a:visited {text-decoration:none; color:#ffffff;background: url(images/depliant.jpg) no-repeat bottom left} 
ul#depliant li a:hover {text-decoration:underline;} 

div.split4 {margin:0 auto;width:497px}
div.split4 div {float: left;width:116px; margin:3px}
div.split4 div img {border: 2px solid #ffffff}


div#contatti {margin: 20px 0 0 6px;width:492px}
div#contatti div {width:246px;float: left;text-align:left;font-weight:bold}

div.wide {margin: 0;clear:left}
div.wide2 {margin: 0 auto;clear:left;border-top: 1px solid #15B5E3; width:497px;margin:10px 0 10px 0}

div#privacy {width: 484px !important; width /**/: 490px;padding-left:6px}
div#privacy p {font-size:10px; text-align:justify;font-family:verdana}


#uragan-m, #glonass-k, #network, #grafico, #glonass {position:absolute; display:none; border: 5px solid #8DA712; background-color: #ffffff; min-height: 300px;height: auto !important;height: 300px; padding: 8px}
#uragan-m, #glonass-k, #network{width: 390px;}
#grafico {width: 460px;}
#glonass {width: 360px;}
#glonass-k {margin-top:14px}
#uragan-m div.img, #glonass-k div.img, #network div.img, #glonass div.img {text-align:center}
#uragan-m div.img img, #glonass-k div.img img, #network div.img img, #glonass div.img img {margin:5px}

#sc1, #sc2 {margin-top:10px}
#sc1 {text-align:center}
#sc2 {text-align:left}
table#compar, table.costel {border-collapse:separate; font-size:11px;width:100%}
table#compar th, table#compar td {padding:5px}
table.costel th, table.costel td {padding:5px;}
table.costel th.nowrap {white-space: nowrap}
table.costel td {white-space: nowrap}
table#compar th, table.costel th {font-weight:bold;background-color:#ECF1C5}
table#compar th {text-align:left}
table.costel th {text-align:center;font-family:tahoma}
table.costel th.evol {text-align:left}
table#compar td, table.costel td {vertical-align:middle;text-align:center;background-color:#E0E9A0}

table.costel td.off {background-color:#ff9900; color:#ffffff}
table.costel td.blank {background-color:#ffffff}

div#vantaggi {width:498px;}
div#vantaggi div {text-align:center;float: left;font-weight:bold}
div#vantaggi div#gps {width:230px;color:#3366cc;}
div#vantaggi div#glon {width:268px;text-indent:20px;}
.gps {color:#3366cc;}
.glonass {color:#FF0000}
.arancio {color:#FF6600; font-size:11px}


.question{
		font-weight:bold;	/* Bold font */		
		color: #ff6600;		/* The questions is in red */
		cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
	}
		
	.answer{padding-top:10px;

		/* This one should not be changed */
		display:none;	
	}

/* form e img */
ul {margin:0 0 0 10px;padding:10px}
.imgdx {float:right;margin-left:10px}
.imgsx {float:left;margin-right:10px}
h1, h2, h3 {display:inline}
h1 {font-size:15px; color:#ff6600;display:inline;letter-spacing:1px}
h2 {font-size:13px;color:#ff6600;text-align:center;}
h3 {font-size:11px;color:#ff6600; font-weight:normal}
hr {margin: 0 auto; width:100%; height:1px;}
img {border:0px}
form {margin:0}
input.text,  select, textarea, input.data  {font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;color: #3366cc; border: 1px inset #999999; background-color: #F4F8E0}
textarea {width: 486px; height:64px}
input.text {width: 240px; height:18px;margin-bottom:10px}
input.data {width: 80px; height:16px; margin: 0 2px 0 10px}
select {width: auto;margin:0 5px 0 5px}
